Updated Illustrations

Author: netzfluencer

README.md

@@ -77,7 +77,7 @@ npm run rename
 ### Component Creation
 Create vue components from svgs. Some manual adjustments need to get done (e.g. syntax errors in components/index.js)
 ```
-npm run create
+npm run components
 ```
 
 ### Compiles and minifies for production

dist/vue2-undraw.common.js

@@ -1,7 +1,7 @@
 {
   "name": "vue2-undraw",
   "description": "A component library of undraw.co for vue.",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "license": "MIT",
   "contributors": [
     "Marvin Klimm <[email protected]>"

dist/vue2-undraw.common.js.map

@@ -0,0 +1,14 @@
+
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" :width="width" viewBox="0 0 888 613.91263" :class="classes">
+    <title>active_options</title><path d="M275.323,585.88462l-11.41944-18.452a273.13431,273.13431,0,0,1,12.6615-28.06228l7.49735,6.309-5.84681-9.44746c5.97881-11.20478,10.64756-18.24624,10.64756-18.24624s22.88762,37.7244,29.99091,77.32119l-15.59472,23.06949,17.01541-13.18641a110.50312,110.50312,0,0,1,.63974,13.87219c-.94012,46.70757-16.95677,84.2645-35.77423,83.88574s-33.30986-38.54976-32.36974-85.25733c.29145-14.4798,3.87216-29.56293,8.673-43.48536Z" transform="translate(-156 -143.04369)" fill="#e6e6e6"></path><path d="M223.65017,606.48327l-19.31345-9.893a273.13311,273.13311,0,0,1-3.66662-30.56732l9.67919,1.52538-9.88853-5.06522c-.67364-12.68225-.31672-21.12335-.31672-21.12335s39.09262,20.46315,65.641,50.68808l-1.42513,27.80946,7.74988-20.08346a110.50062,110.50062,0,0,1,7.7182,11.54454c23.33842,40.46973,29.04068,80.89917,12.73631,90.30171s-48.44116-15.78241-71.77958-56.25214c-7.23514-12.546-11.96638-27.30873-15.05315-41.70852Z" transform="translate(-156 -143.04369)" fill="#e6e6e6"></path><path d="M320.62561,755.851c-22.25416,1.42351-46.50238-.08279-72.29843,0V696.79035c22.73062,3.53858,46.97076,3.17518,72.29843,0Z" transform="translate(-156 -143.04369)" fill="#e6e6e6"></path><polygon points="689.193 342.668 453.019 380.696 452.018 151.095 688.192 0 689.193 342.668" fill="#e6e6e6"></polygon><polygon points="667.176 308.643 463.026 352.675 463.026 160.534 667.176 49.73 667.176 308.643" fill="#fff"></polygon><polygon points="647.162 132.514 475.035 209.595 475.035 182.55 647.162 97.517 647.162 132.514" fill="#3f3d56"></polygon><polygon points="647.162 204.567 475.035 265.277 475.035 238.592 647.162 170.035 647.162 204.567" :style="style"></polygon><path d="M697.53648,314.17556a.645.645,0,0,1,1.24118-.04088l2.7869,8.78335,3.33872,10.52249a.645.645,0,0,1-.36673.7905l-6.4521,2.68854-5.67052,2.36286a.645.645,0,0,1-.87445-.74964l3.10159-12.59732Z" transform="translate(-156 -143.04369)" fill="#e6e6e6"></path><path d="M687.18454,379.667a1.06452,1.06452,0,0,1,2.04832-.06745l2.33611,7.36258,3.22251,10.15622a1.06454,1.06454,0,0,1-.60522,1.30458l-6.0974,2.54073-4.9031,2.04308a1.06452,1.06452,0,0,1-1.44311-1.23712l2.90283-11.79Z" transform="translate(-156 -143.04369)" fill="#e6e6e6"></path><polygon points="647.162 276.62 475.035 320.959 475.035 292.631 647.162 239.964 647.162 276.62" fill="#f2f2f2"></polygon><path d="M799.15869,295.02551c0,6.027-2.70015,12.01954-6.00441,13.37389-3.27531,1.3425-5.90948-2.38638-5.90948-8.31806s2.63417-11.89626,5.90948-13.33362C796.45854,285.29766,799.15869,288.99854,799.15869,295.02551Z" transform="translate(-156 -143.04369)" fill="#3f3d56"></path><path d="M795.15575,296.72421c0,2.009-.89741,4.01407-2.00147,4.47724-1.10081.4618-1.99081-.78477-1.99081-2.78306s.89-4.00023,1.99081-4.47271C794.25834,293.4718,795.15575,294.71522,795.15575,296.72421Z" transform="translate(-156 -143.04369)" fill="#fff"></path><path d="M799.15869,365.077c0,6.027-2.70015,12.01954-6.00441,13.3739-3.27531,1.34249-5.90948-2.38639-5.90948-8.31807s2.63417-11.89626,5.90948-13.33361C796.45854,355.34912,799.15869,359.05,799.15869,365.077Z" transform="translate(-156 -143.04369)" :style="style"></path><path d="M795.15575,366.77567c0,2.009-.89741,4.01407-2.00147,4.47723-1.10081.46181-1.99081-.78476-1.99081-2.78305s.89-4.00023,1.99081-4.47272C794.25834,363.52325,795.15575,364.76668,795.15575,366.77567Z" transform="translate(-156 -143.04369)" fill="#fff"></path><path d="M799.15869,435.12842c0,6.027-2.70015,12.01954-6.00441,13.3739-3.27531,1.34249-5.90948-2.38639-5.90948-8.31807s2.63417-11.89626,5.90948-13.33362C796.45854,425.40057,799.15869,429.10145,799.15869,435.12842Z" transform="translate(-156 -143.04369)" fill="#f2f2f2"></path><path d="M795.15575,436.82712c0,2.009-.89741,4.01408-2.00147,4.47724-1.10081.4618-1.99081-.78477-1.99081-2.78306s.89-4.00023,1.99081-4.47271C794.25834,433.57471,795.15575,434.81813,795.15575,436.82712Z" transform="translate(-156 -143.04369)" fill="#fff"></path><path d="M703.18454,437.71258a1.06452,1.06452,0,0,1,2.04832-.06746l2.33611,7.36259,3.22251,10.15622a1.06452,1.06452,0,0,1-.60522,1.30457l-6.0974,2.54074-4.9031,2.04308a1.06453,1.06453,0,0,1-1.44311-1.23713l2.90283-11.79Z" transform="translate(-156 -143.04369)" fill="#e6e6e6"></path><path d="M662.558,425.39934l9.31146-8.58908s21.077-14.51772,13.71488-22.499-22.20075,10.6303-22.20075,10.6303l-9.20827,6.03186Z" transform="translate(-156 -143.04369)" fill="#a0616a"></path><path d="M539.45024,429.39608l-5.424,7.46526s-7.57983,29.15,30.77846,30.698c0,0,48.98859,23.74873,61.11527,8.86981s45.5883-50.66863,45.5883-50.66863L651.82447,405.7558l-40.11266,41.92475-38.91452-19.50011S552.75233,417.126,539.45024,429.39608Z" transform="translate(-156 -143.04369)" fill="#2f2e41"></path><polygon points="357.923 424.679 307.135 611.796 313.533 613.076 366.88 424.679 357.923 424.679" fill="#e6e6e6"></polygon><polygon points="419.494 424.679 470.281 611.796 463.883 613.076 410.536 424.679 419.494 424.679" fill="#e6e6e6"></polygon><polygon points="384.795 420.84 393.312 612.109 400.708 612.438 391.194 418.28 384.795 420.84" fill="#e6e6e6"></polygon><path d="M564.469,560.85732c0,4.85147-13.28064,10.05931-30.71161,11.73268-18.70837,1.796-34.91149-1.11922-34.91149-6.63414s16.20312-10.94793,34.91149-12.059C551.18834,552.86167,564.469,556.00585,564.469,560.85732Z" transform="translate(-156 -143.04369)" fill="#e6e6e6"></path><path d="M583.02391,528.05305l12.7965,8.95755s55.025,39.66917,49.90637,55.025-33.27091,76.779-33.27091,76.779l-35.83021-11.51686,40.94881-65.26217-21.75406-20.47441-11.51685-28.15231Z" transform="translate(-156 -143.04369)" fill="#2f2e41"></path><path d="M533.11754,505.01934s-25.593,39.66917-10.2372,51.186S581.74426,612.51,581.74426,612.51l8.95755,20.47441,31.99126,103.65168,39.66917-20.47441-35.83022-80.618s-3.83895-29.432-16.63545-46.06742-17.91511-40.94881-17.91511-40.94881l3.839-11.51686-22.91252-36.66148Z" transform="translate(-156 -143.04369)" fill="#2f2e41"></path><path d="M602.7082,661.48181l-23-7s-24.8366-1.023-23.557,7.93454,21.75406,67.82147,28.15231,63.98252,1.27965-21.75406,1.27965-21.75406Z" transform="translate(-156 -143.04369)" fill="#2f2e41"></path><polygon points="395.672 237.21 382.876 251.286 403.35 284.557 412.308 258.964 395.672 237.21" fill="#a0616a"></polygon><path d="M563.82915,429.52l-22.72826-37.63781-7.98335,1.80759v12.79651l-2.5593,107.49063,42.22847-6.39825S575.346,438.47752,563.82915,429.52Z" transform="translate(-156 -143.04369)" :style="style"></path><path d="M552.3123,428.24032l-19.19476-34.55057-16.63545,7.67791-29.432,120.28714L469.135,556.20536s58.86392,29.432,72.94007,0,15.35581-94.69413,15.35581-94.69413Z" transform="translate(-156 -143.04369)" fill="#2f2e41"></path><path d="M524.16,406.48626l-7.6779-5.1186s-29.432-6.39826-29.432,31.99126c0,0-21.75406,49.90636-6.39826,61.42322s52.46567,43.50811,52.46567,43.50811l19.19476-20.4744-43.50812-38.38952,17.91511-39.66916S536.95649,419.28276,524.16,406.48626Z" transform="translate(-156 -143.04369)" fill="#2f2e41"></path><path d="M533.11754,529.3327l8.95755,8.95755s15.35581,20.47441,23.03371,12.79651S553.592,529.3327,553.592,529.3327l-6.39825-8.95755Z" transform="translate(-156 -143.04369)" fill="#a0616a"></path><path d="M562.34557,417.90711l21.958,53.84132s8.95755,26.87266,8.95755,37.10986V537.0106l-24.31336-31.99126S555.74338,421.65007,562.34557,417.90711Z" transform="translate(-156 -143.04369)" fill="#2f2e41"></path><path d="M632.25769,726.43065s-6.3392,24.96005,1.98081,27.07312,78.129,3.9007,78.17309-7.897S667.105,724.06249,667.105,724.06249L650.35052,713.3124Z" transform="translate(-156 -143.04369)" fill="#2f2e41"></path><circle cx="411.6681" cy="237.84956" r="23.03371" fill="#a0616a"></circle><path d="M592.22968,376.75744s4.49919-19.49652,0-23.99572v2.99947s-2.99947-10.49813-8.9984-7.49866c0,0-7.49866-5.99892-8.99841-2.99947-8.82431-7.978-47.95252-.49854-28.95865,41.38862,0,0,3.46322-12.89371,3.46322-8.39451,0,0,8.9984-8.99839,10.49813-11.99786S586.23075,382.75637,592.22968,376.75744Z" transform="translate(-156 -143.04369)" fill="#2f2e41"></path><rect y="611.67191" width="888" height="2.24072" fill="#3f3d56"></rect>
+  </svg>
+</template>
+
+<script>
+import { undrawMixin } from './undraw.mixin'
+
+export default {
+  mixins: [undrawMixin('UndrawActiveOptions')]
+}
+</script>

package.json

@@ -0,0 +1,14 @@
+
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" :width="width" viewBox="0 0 777.80549 639.55194" :class="classes">
+    <path d="M941.53245,725.07007c13.35843-15.199,76.26477-90.00934,31.55383-102.34248-33.58077-9.26295-37.322,41.69916-36.1949,75.89894-5.37716-23.04158-15.813-49.95781-34.14772-38.0819-26.42393,17.11543,23.08826,54.99167,36.02171,64.28979.21236,1.89073.35246,2.94155.35246,2.94155s.5305-.57846,1.47618-1.643c.73881.51734,1.14973.79519,1.14973.79519S941.675,726.2579,941.53245,725.07007Z" transform="translate(-211.09726 -130.22403)" fill="#e6e6e6"></path><path d="M264.28147,766.67679c15.3-17.40808,87.3493-103.09155,36.14-117.21722-38.46149-10.60926-42.74646,47.75982-41.45557,86.93029-6.15869-26.3905-18.11126-57.21881-39.11084-43.61682-30.26446,19.603,26.444,62.98432,41.25721,73.63385.24322,2.16553.40368,3.36908.40368,3.36908s.60761-.66254,1.69074-1.88183c.84619.59252,1.31683.91076,1.31683.91076S264.44474,768.03726,264.28147,766.67679Z" transform="translate(-211.09726 -130.22403)" fill="#e6e6e6"></path><path d="M432.90283,181.27832a5.00589,5.00589,0,0,0-5,5v535a5.00589,5.00589,0,0,0,5,5H863.90234a5.00588,5.00588,0,0,0,5-5v-535a5.00588,5.00588,0,0,0-5-5Z" transform="translate(-211.09726 -130.22403)" fill="#e6e6e6"></path><path d="M795.40274,414.90335h-294a7.5,7.5,0,0,1,0-15h294a7.5,7.5,0,0,1,0,15Z" transform="translate(-211.09726 -130.22403)" fill="#fff"></path><path d="M797.927,275.15335H602.87847c-2.748,0-4.97573-3.35791-4.97573-7.5s2.22774-7.5,4.97573-7.5H797.927c2.74831,0,4.97572,3.35791,4.97572,7.5S800.67533,275.15335,797.927,275.15335Z" transform="translate(-211.09726 -130.22403)" fill="#fff"></path><path d="M797.927,318.15335H602.87847c-2.748,0-4.97573-3.35791-4.97573-7.5s2.22774-7.5,4.97573-7.5H797.927c2.74831,0,4.97572,3.35791,4.97572,7.5S800.67533,318.15335,797.927,318.15335Z" transform="translate(-211.09726 -130.22403)" fill="#fff"></path><path d="M795.40274,463.40335h-294a7.5,7.5,0,0,1,0-15h294a7.5,7.5,0,0,1,0,15Z" transform="translate(-211.09726 -130.22403)" fill="#fff"></path><path d="M795.40274,511.90335h-294a7.5,7.5,0,0,1,0-15h294a7.5,7.5,0,0,1,0,15Z" transform="translate(-211.09726 -130.22403)" fill="#fff"></path><path d="M795.40274,560.40335h-294a7.5,7.5,0,0,1,0-15h294a7.5,7.5,0,0,1,0,15Z" transform="translate(-211.09726 -130.22403)" fill="#fff"></path><path d="M795.40274,608.90335h-294a7.5,7.5,0,0,1,0-15h294a7.5,7.5,0,0,1,0,15Z" transform="translate(-211.09726 -130.22403)" fill="#fff"></path><path d="M795.40274,657.40335h-294a7.5,7.5,0,0,1,0-15h294a7.5,7.5,0,0,1,0,15Z" transform="translate(-211.09726 -130.22403)" fill="#fff"></path><circle cx="322.30549" cy="159.42932" r="39.5" fill="#fff"></circle><path d="M594.265,414.90335" transform="translate(-211.09726 -130.22403)" fill="#fff"></path><path d="M503.50718,428.18833l-58.90306,31.31555-.74561-26.09629c19.22553-3.20948,37.51669-8.7974,54.42941-17.8946l6.1605-15.22008a10.31753,10.31753,0,0,1,17.53643-2.67788l0,0a10.31752,10.31752,0,0,1-.90847,14.06885Z" transform="translate(-211.09726 -130.22403)" fill="#ffb8b8"></path><path d="M359.58341,608.993v0a11.57378,11.57378,0,0,1,1.46928-9.36311L373.992,579.77208a22.6122,22.6122,0,0,1,29.335-7.73927h0c-5.438,9.25647-4.67994,17.37679,1.87806,24.43365A117.63085,117.63085,0,0,0,377.269,615.51139,11.57386,11.57386,0,0,1,359.58341,608.993Z" transform="translate(-211.09726 -130.22403)" fill="#2f2e41"></path><path d="M506.19,583.02865l0,0a22.20317,22.20317,0,0,1-18.87085,10.77909l-85.96027.65122-3.728-21.62265,38.026-11.18412-32.06116-24.60508,35.04359-41.00845L502.2893,555.363A22.20316,22.20316,0,0,1,506.19,583.02865Z" transform="translate(-211.09726 -130.22403)" fill="#2f2e41"></path><path d="M387.93788,730.90531H367.80646C349.73137,607.00759,331.33263,482.76345,385.70106,436.39l64.12232,10.43852-8.2017,54.4294-35.7892,41.00846Z" transform="translate(-211.09726 -130.22403)" fill="#2f2e41"></path><path d="M403.63439,768.97185h0a11.57385,11.57385,0,0,1-9.3632-1.46873L374.41263,754.565a22.61221,22.61221,0,0,1-7.741-29.33451v0c9.2568,5.43749,17.37707,4.67891,24.43355-1.87951a117.6303,117.6303,0,0,0,19.04656,27.93494A11.57385,11.57385,0,0,1,403.63439,768.97185Z" transform="translate(-211.09726 -130.22403)" fill="#2f2e41"></path><path d="M475.81051,350.27835H380.109c-17.6737-25.00341-19.748-48.91343,0-71.29391,0-9.89633,12.78255-17.9189,28.55061-17.9189h.00005c12.35162,0,23.30262,4.985,27.13873,12.35373Z" transform="translate(-211.09726 -130.22403)" fill="#2f2e41"></path><path d="M435.65682,353.62749l-37.28042-8.9473c6.19168-12.6739,6.70156-26.77618,3.728-41.75406l25.35068-.74561C428.24943,320.80591,430.65254,338.20673,435.65682,353.62749Z" transform="translate(-211.09726 -130.22403)" fill="#ffb8b8"></path><path d="M445.90274,469.27835c-27.13873,18.49307-46.31417.63272-60.94729-26.92346,2.03338-16.86188-1.259-37.04061-7.35671-58.96635a40.1376,40.1376,0,0,1,24.50567-48.40124l0,0,32.06116,13.421c27.22362,22.19038,32.582,46.227,22.36825,71.5784Z" transform="translate(-211.09726 -130.22403)" :style="style"></path><path d="M367.80646,372.2677l-29.82434,15.65778,52.9382,31.31555,7.366,18.16951a9.63674,9.63674,0,0,1-5.78926,12.73088h0a9.63674,9.63674,0,0,1-12.76159-8.54442l-.74489-12.66307-67.2838-22.20366a15.73308,15.73308,0,0,1-9.87265-9.61147v0a15.73306,15.73306,0,0,1,5.90261-18.30259l54.10485-37.11844Z" transform="translate(-211.09726 -130.22403)" fill="#ffb8b8"></path><path d="M397.63079,375.25014c-12.43861-5.45111-23.74934.47044-38.026,5.21925l-2.23683-39.51724c14.17612-7.55568,27.69209-9.59281,40.26285-3.728Z" transform="translate(-211.09726 -130.22403)" :style="style"></path><path d="M474.05565,350.27835H452.94743c-13.13752-24.23557-12.54109-67.05554-40.77728-57.51207-18.14071-10.76664-7.73195,31.48445-12.24283,57.51207h-18.357c-4.98808-25.43029-5.05734-50.91272.81059-71.63526a9.65549,9.65549,0,0,1,3.51179-7.05923,19.95187,19.95187,0,0,1,2.94512-2.2377c6.48684-4.0867,10.84335-6.41448,20.32-6.41448a57.20354,57.20354,0,0,1,15.68763,2.15712c.6636.19439,1.31974.403,1.95349.62106.87239.29868,1.71484.6258,2.52016.97662,4.14562,1.78259,7.40384,4.19573,8.9473,7.2157C456.13119,295.20786,465.25,322.08887,474.05565,350.27835Z" transform="translate(-211.09726 -130.22403)" fill="#2f2e41"></path><circle cx="201.41293" cy="167.72864" r="23.80211" fill="#ffb8b8"></circle><path d="M436.65233,288.77186c-7.16073-9.76016-25.83491,1.88251-48.28429,10.2009V275.85071c18.46723-8.12972,29.236-10.47468,41.48368-2.04018Z" transform="translate(-211.09726 -130.22403)" fill="#2f2e41"></path><circle cx="644.14664" cy="57.65885" r="57.65885" :style="style"></circle><path d="M831.21973,184.07813a3.80493,3.80493,0,1,0,0,7.60986h20.21972v20.21924a3.80469,3.80469,0,1,0,7.60938,0V191.688h20.21972a3.80493,3.80493,0,0,0,0-7.60986H859.04883V163.8584a3.80469,3.80469,0,1,0-7.60938,0v20.21973Z" transform="translate(-211.09726 -130.22403)" fill="#fff"></path>
+  </svg>
+</template>
+
+<script>
+import { undrawMixin } from './undraw.mixin'
+
+export default {
+  mixins: [undrawMixin('UndrawAddDocument')]
+}
+</script>