diff --git a/dist/craftui.css b/dist/craftui.css index c9f9a2e..ea4d700 100644 --- a/dist/craftui.css +++ b/dist/craftui.css @@ -454,24 +454,44 @@ button.c-btn .c-btn-content { height: 18px; } -.c-icon.sm { - width: 12px; - height: 12px; +.c-icon.size-sm { + width: .75rem; + height: .75rem; } -.c-icon.base { - width: 18px; - height: 18px; +.c-icon.size-base { + width: 1rem; + height: 1rem; } -.c-icon.lg { - width: 24px; - height: 24px; +.c-icon.size-lg { + width: 1.25rem; + height: 1.25rem; } -.c-icon.xl { - width: 32px; - height: 32px; +.c-icon.size-xl { + width: 1.5rem; + height: 1.5rem; +} + +.c-icon.size-2xl { + width: 1.75rem; + height: 1.75rem; +} + +.c-icon.size-3xl { + width: 2.25rem; + height: 2.25rem; +} + +.c-icon.size-4xl { + width: 3rem; + height: 3rem; +} + +.c-icon.size-5xl { + width: 4rem; + height: 4rem; } @charset "UTF-8"; @@ -1072,6 +1092,15 @@ Keep it light, don't import Tailwind’s utilities. @tailwind utilities; */ +.field input[data-v-ac5bdb82] { + margin-right: .5rem; +} + +.field .instructions[data-v-ac5bdb82] { + color: #8795a1; + font-size: .875rem; +} + ul[data-v-2744c7e4] { list-style: none; padding: 0; @@ -1083,15 +1112,6 @@ ul input[data-v-2744c7e4] { margin-right: .5rem; } -.field input[data-v-ac5bdb82] { - margin-right: .5rem; -} - -.field .instructions[data-v-ac5bdb82] { - color: #8795a1; - font-size: .875rem; -} - .wrapper[data-v-339cab58] { position: relative; } @@ -1154,6 +1174,10 @@ ul input[data-v-2744c7e4] { color: #e3342f; } +input.w-full[data-v-6a117d3d] { + width: 100%; +} + .lightswitch[data-v-2b9d01d8] { position: relative; display: block; @@ -1224,15 +1248,11 @@ ul input[data-v-2744c7e4] { cursor: default; } -textarea.w-full[data-v-3ef58e55] { - width: 100%; -} - select.w-full[data-v-211a2741] { width: 100%; } -input.w-full[data-v-6a117d3d] { +textarea.w-full[data-v-3ef58e55] { width: 100%; } diff --git a/dist/craftui.min.css b/dist/craftui.min.css index 3e543e6..ff1db80 100644 --- a/dist/craftui.min.css +++ b/dist/craftui.min.css @@ -1,15 +1,15 @@ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:sans-serif}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,p,pre{margin:0}button{background:transparent;padding:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset{margin:0;padding:0}ol,ul{margin:0}*,:after,:before{border:0 solid #dae1e7}img{border-style:solid}textarea{resize:vertical}img{max-width:100%;height:auto}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:inherit;opacity:.5}input:-ms-input-placeholder,input::-ms-input-placeholder,textarea:-ms-input-placeholder,textarea::-ms-input-placeholder{color:inherit;opacity:.5}input::placeholder,textarea::placeholder{color:inherit;opacity:.5}[role=button],button{cursor:pointer}table{border-collapse:collapse}.field{margin-bottom:1rem}.field.mono input,.field.mono textarea{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.invalid-feedback{color:#e3342f;font-size:.875rem;margin-top:.5rem;margin-bottom:1rem}.instructions{color:#8f98a3}label{display:inline-block;margin-bottom:.25rem}.field .checkbox{margin-right:.5rem}select{border-width:1px;border-color:#dae1e7;background-color:#fff;height:calc(2.25rem + 2px)}input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],textarea{background-color:#fff;border-width:1px;border-color:#b8c2cc;padding:.5rem;border-radius:.25rem;display:block}input[type=number]:disabled,input[type=number][readonly],input[type=password]:disabled,input[type=password][readonly],input[type=tel]:disabled,input[type=tel][readonly],input[type=text]:disabled,input[type=text][readonly],input[type=url]:disabled,input[type=url][readonly],textarea:disabled,textarea[readonly]{background-color:#f8fafc}input[type=number].is-invalid,input[type=password].is-invalid,input[type=tel].is-invalid,input[type=text].is-invalid,input[type=url].is-invalid,textarea.is-invalid{border-color:#e3342f}input[type=number]{width:60px} .c-btn,a.c-btn,button.c-btn{padding:.5rem 1rem;border-radius:.25rem;background-color:#f1f5f8;color:#22292f;text-decoration:none;border:1px solid #f1f5f8}.c-btn:not(.outline),a.c-btn:not(.outline),button.c-btn:not(.outline){-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 6px 0 rgba(0,0,0,.2)}.c-btn:not([disabled]):hover,a.c-btn:not([disabled]):hover,button.c-btn:not([disabled]):hover{cursor:pointer;background-color:#b8c2cc;border-color:#b8c2cc;text-decoration:none}.c-btn:not([disabled]):active,a.c-btn:not([disabled]):active,button.c-btn:not([disabled]):active{cursor:pointer;background-color:#8795a1;border-color:#8795a1}.c-btn.block,a.c-btn.block,button.c-btn.block{width:100%;margin-top:.25rem;margin-bottom:.25rem}.c-btn.small,a.c-btn.small,button.c-btn.small{font-size:.875rem}.c-btn.small .c-icon,a.c-btn.small .c-icon,button.c-btn.small .c-icon{width:12px;height:12px}.c-btn.large,a.c-btn.large,button.c-btn.large{font-size:1.125rem;padding-top:.75rem;padding-bottom:.75rem}.c-btn.danger:not(.outline) .c-icon,.c-btn.info:not(.outline) .c-icon,.c-btn.primary:not(.outline) .c-icon,.c-btn.success:not(.outline) .c-icon,.c-btn.warning:not(.outline) .c-icon,a.c-btn.danger:not(.outline) .c-icon,a.c-btn.info:not(.outline) .c-icon,a.c-btn.primary:not(.outline) .c-icon,a.c-btn.success:not(.outline) .c-icon,a.c-btn.warning:not(.outline) .c-icon,button.c-btn.danger:not(.outline) .c-icon,button.c-btn.info:not(.outline) .c-icon,button.c-btn.primary:not(.outline) .c-icon,button.c-btn.success:not(.outline) .c-icon,button.c-btn.warning:not(.outline) .c-icon{fill:#fff}.c-btn.primary,a.c-btn.primary,button.c-btn.primary{background-color:#3490dc;border-color:#3490dc;color:#fff}.c-btn.primary:not([disabled]):hover,a.c-btn.primary:not([disabled]):hover,button.c-btn.primary:not([disabled]):hover{background-color:#2779bd;border-color:#2779bd}.c-btn.primary:not([disabled]):active,a.c-btn.primary:not([disabled]):active,button.c-btn.primary:not([disabled]):active{background-color:#1c3d5a;border-color:#1c3d5a}.c-btn.warning,a.c-btn.warning,button.c-btn.warning{background-color:#f6993f;border-color:#f6993f;color:#fff}.c-btn.warning:not([disabled]):hover,a.c-btn.warning:not([disabled]):hover,button.c-btn.warning:not([disabled]):hover{background-color:#de751f;border-color:#de751f}.c-btn.warning:not([disabled]):active,a.c-btn.warning:not([disabled]):active,button.c-btn.warning:not([disabled]):active{background-color:#613b1f;border-color:#613b1f}.c-btn.success,a.c-btn.success,button.c-btn.success{background-color:#38c172;border-color:#38c172;color:#fff}.c-btn.success:not([disabled]):hover,a.c-btn.success:not([disabled]):hover,button.c-btn.success:not([disabled]):hover{background-color:#1f9d55;border-color:#1f9d55}.c-btn.success:not([disabled]):active,a.c-btn.success:not([disabled]):active,button.c-btn.success:not([disabled]):active{background-color:#1a4731;border-color:#1a4731}.c-btn.danger,a.c-btn.danger,button.c-btn.danger{background-color:#e3342f;border-color:#e3342f;color:#fff}.c-btn.danger:not([disabled]):hover,a.c-btn.danger:not([disabled]):hover,button.c-btn.danger:not([disabled]):hover{background-color:#cc1f1a;border-color:#cc1f1a}.c-btn.danger:not([disabled]):active,a.c-btn.danger:not([disabled]):active,button.c-btn.danger:not([disabled]):active{background-color:#621b18;border-color:#621b18}.c-btn.info,a.c-btn.info,button.c-btn.info{background-color:#4dc0b5;border-color:#4dc0b5;color:#fff}.c-btn.info:not([disabled]):hover,a.c-btn.info:not([disabled]):hover,button.c-btn.info:not([disabled]):hover{background-color:#38a89d;border-color:#38a89d}.c-btn.info:not([disabled]):active,a.c-btn.info:not([disabled]):active,button.c-btn.info:not([disabled]):active{background-color:#20504f;border-color:#20504f}.c-btn[disabled],a.c-btn[disabled],button.c-btn[disabled]{opacity:.5;cursor:default}.c-btn.outline,a.c-btn.outline,button.c-btn.outline{background-color:transparent}.c-btn.outline.primary,a.c-btn.outline.primary,button.c-btn.outline.primary{color:#3490dc}.c-btn.outline.primary:not([disabled]):hover,a.c-btn.outline.primary:not([disabled]):hover,button.c-btn.outline.primary:not([disabled]):hover{color:#fff;background-color:#3490dc}.c-btn.outline.primary:not([disabled]):active,a.c-btn.outline.primary:not([disabled]):active,button.c-btn.outline.primary:not([disabled]):active{color:#fff;background-color:#1c3d5a}.c-btn.outline.warning,a.c-btn.outline.warning,button.c-btn.outline.warning{color:#f6993f}.c-btn.outline.warning:not([disabled]):hover,a.c-btn.outline.warning:not([disabled]):hover,button.c-btn.outline.warning:not([disabled]):hover{color:#fff;background-color:#f6993f}.c-btn.outline.warning:not([disabled]):active,a.c-btn.outline.warning:not([disabled]):active,button.c-btn.outline.warning:not([disabled]):active{color:#fff;background-color:#613b1f}.c-btn.outline.success,a.c-btn.outline.success,button.c-btn.outline.success{color:#38c172}.c-btn.outline.success:not([disabled]):hover,a.c-btn.outline.success:not([disabled]):hover,button.c-btn.outline.success:not([disabled]):hover{color:#fff;background-color:#38c172}.c-btn.outline.success:not([disabled]):active,a.c-btn.outline.success:not([disabled]):active,button.c-btn.outline.success:not([disabled]):active{color:#fff;background-color:#1a4731}.c-btn.outline.danger,a.c-btn.outline.danger,button.c-btn.outline.danger{color:#e3342f}.c-btn.outline.danger:not([disabled]):hover,a.c-btn.outline.danger:not([disabled]):hover,button.c-btn.outline.danger:not([disabled]):hover{color:#fff;background-color:#e3342f}.c-btn.outline.danger:not([disabled]):active,a.c-btn.outline.danger:not([disabled]):active,button.c-btn.outline.danger:not([disabled]):active{color:#fff;background-color:#621b18}.c-btn.outline.info,a.c-btn.outline.info,button.c-btn.outline.info{color:#4dc0b5}.c-btn.outline.info:not([disabled]):hover,a.c-btn.outline.info:not([disabled]):hover,button.c-btn.outline.info:not([disabled]):hover{color:#fff;background-color:#4dc0b5}.c-btn.outline.info:not([disabled]):active,a.c-btn.outline.info:not([disabled]):active,button.c-btn.outline.info:not([disabled]):active{color:#fff;background-color:#20504f}.c-btn.outline .c-icon,a.c-btn.outline .c-icon,button.c-btn.outline .c-icon{fill:currentColor}.c-btn.loading,a.c-btn.loading,button.c-btn.loading{position:relative}.c-btn.loading:not(.outline).danger .c-spinner>.animation,.c-btn.loading:not(.outline).info .c-spinner>.animation,.c-btn.loading:not(.outline).primary .c-spinner>.animation,.c-btn.loading:not(.outline).success .c-spinner>.animation,.c-btn.loading:not(.outline).warning .c-spinner>.animation,a.c-btn.loading:not(.outline).danger .c-spinner>.animation,a.c-btn.loading:not(.outline).info .c-spinner>.animation,a.c-btn.loading:not(.outline).primary .c-spinner>.animation,a.c-btn.loading:not(.outline).success .c-spinner>.animation,a.c-btn.loading:not(.outline).warning .c-spinner>.animation,button.c-btn.loading:not(.outline).danger .c-spinner>.animation,button.c-btn.loading:not(.outline).info .c-spinner>.animation,button.c-btn.loading:not(.outline).primary .c-spinner>.animation,button.c-btn.loading:not(.outline).success .c-spinner>.animation,button.c-btn.loading:not(.outline).warning .c-spinner>.animation{border-color:#fff}.c-btn.loading.outline.primary .c-spinner>.animation,a.c-btn.loading.outline.primary .c-spinner>.animation,button.c-btn.loading.outline.primary .c-spinner>.animation{border-color:#3490dc}.c-btn.loading.outline.warning .c-spinner>.animation,a.c-btn.loading.outline.warning .c-spinner>.animation,button.c-btn.loading.outline.warning .c-spinner>.animation{border-color:#f6993f}.c-btn.loading.outline.success .c-spinner>.animation,a.c-btn.loading.outline.success .c-spinner>.animation,button.c-btn.loading.outline.success .c-spinner>.animation{border-color:#38c172}.c-btn.loading.outline.danger .c-spinner>.animation,a.c-btn.loading.outline.danger .c-spinner>.animation,button.c-btn.loading.outline.danger .c-spinner>.animation{border-color:#e3342f}.c-btn.loading.outline.info .c-spinner>.animation,a.c-btn.loading.outline.info .c-spinner>.animation,button.c-btn.loading.outline.info .c-spinner>.animation{border-color:#4dc0b5}.c-btn.loading .c-spinner,a.c-btn.loading .c-spinner,button.c-btn.loading .c-spinner{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px}.c-btn.loading .c-btn-content,a.c-btn.loading .c-btn-content,button.c-btn.loading .c-btn-content{visibility:hidden}.c-btn .c-icon,a.c-btn .c-icon,button.c-btn .c-icon{margin-right:.25rem;vertical-align:middle}.c-btn .c-btn-content,a.c-btn .c-btn-content,button.c-btn .c-btn-content{display:inline-block} -.c-icon{display:inline-block;vertical-align:middle;position:relative;fill:currentColor;top:-2px;width:18px;height:18px}.c-icon.sm{width:12px;height:12px}.c-icon.base{width:18px;height:18px}.c-icon.lg{width:24px;height:24px}.c-icon.xl{width:32px;height:32px} +.c-icon{display:inline-block;vertical-align:middle;position:relative;fill:currentColor;top:-2px;width:18px;height:18px}.c-icon.size-sm{width:.75rem;height:.75rem}.c-icon.size-base{width:1rem;height:1rem}.c-icon.size-lg{width:1.25rem;height:1.25rem}.c-icon.size-xl{width:1.5rem;height:1.5rem}.c-icon.size-2xl{width:1.75rem;height:1.75rem}.c-icon.size-3xl{width:2.25rem;height:2.25rem}.c-icon.size-4xl{width:3rem;height:3rem}.c-icon.size-5xl{width:4rem;height:4rem} .c-spinner{display:inline-block}.c-spinner>.animation{-webkit-animation:a .7s linear infinite;animation:a .7s linear infinite;width:22px;height:22px;border-radius:50%;border:2px solid transparent;border-top-color:transparent!important;border-left-color:transparent!important;border-right-color:#555;border-bottom-color:#555}.c-spinner.lg>.animation{width:32px;height:32px;border-width:3px}@-webkit-keyframes a{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} -ul[data-v-2744c7e4]{list-style:none;padding:0;padding-left:1rem;padding-top:.5rem}ul input[data-v-2744c7e4]{margin-right:.5rem} .field input[data-v-ac5bdb82]{margin-right:.5rem}.field .instructions[data-v-ac5bdb82]{color:#8795a1;font-size:.875rem} +ul[data-v-2744c7e4]{list-style:none;padding:0;padding-left:1rem;padding-top:.5rem}ul input[data-v-2744c7e4]{margin-right:.5rem} .wrapper[data-v-76633c9c]{position:relative}.wrapper .text-red-dark[data-v-76633c9c]{color:#cc1f1a}.wrapper .max[data-v-76633c9c]{padding-right:.25rem;margin-top:.5rem}.wrapper .max.floating[data-v-76633c9c]{position:absolute;font-size:.75rem;text-align:right}.wrapper .max.text-grey[data-v-76633c9c]{color:#b8c2cc}.wrapper .max.text-orange[data-v-76633c9c]{color:#f6993f}.wrapper .max.text-red[data-v-76633c9c]{color:#e3342f} .wrapper[data-v-339cab58]{position:relative}.wrapper .text-red-dark[data-v-339cab58]{color:#cc1f1a}.wrapper .max[data-v-339cab58]{padding-right:.25rem;margin-top:.5rem}.wrapper .max.floating[data-v-339cab58]{position:absolute;font-size:.75rem;text-align:right}.wrapper .max.text-grey[data-v-339cab58]{color:#b8c2cc}.wrapper .max.text-orange[data-v-339cab58]{color:#f6993f}.wrapper .max.text-red[data-v-339cab58]{color:#e3342f} .lightswitch[data-v-2b9d01d8]{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:46px;height:30px}.lightswitch input[data-v-2b9d01d8]{position:absolute;opacity:0}.lightswitch .slider[data-v-2b9d01d8]{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.lightswitch .slider[data-v-2b9d01d8]:before{position:absolute;background-color:#fff;content:"";height:26px;width:26px;left:2px;bottom:2px;-webkit-transition:.1s;transition:.1s}.lightswitch input:checked+.slider[data-v-2b9d01d8]{background-color:#38c172}.lightswitch input:focus+.slider[data-v-2b9d01d8]{-webkit-box-shadow:0 0 1px #38c172;box-shadow:0 0 1px #38c172}.lightswitch input:checked+.slider[data-v-2b9d01d8]:before{-webkit-transform:translateX(16px);transform:translateX(16px)}.lightswitch .slider.round[data-v-2b9d01d8]{border-radius:34px}.lightswitch .slider.round[data-v-2b9d01d8]:before{border-radius:50%}.lightswitch.disabled[data-v-2b9d01d8]{opacity:.4}.lightswitch.disabled .slider[data-v-2b9d01d8]{cursor:default} input.w-full[data-v-6a117d3d]{width:100%} -textarea.w-full[data-v-3ef58e55]{width:100%} select.w-full[data-v-211a2741]{width:100%} +textarea.w-full[data-v-3ef58e55]{width:100%} input.w-full[data-v-56acaf34]{width:100%} input.w-full[data-v-e2a7d0c8]{width:100%} /*# sourceMappingURL=craftui.min.css.map */ \ No newline at end of file diff --git a/dist/craftui.min.css.map b/dist/craftui.min.css.map index ce1a621..85d047a 100644 --- a/dist/craftui.min.css.map +++ b/dist/craftui.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["dist/styles.scss","dist/","dist/Btn.vue?rollup-plugin-vue=styles.0.css","dist/Icon.vue?rollup-plugin-vue=styles.0.css","dist/Spinner.vue?rollup-plugin-vue=styles.0.css","dist/CheckboxSet.vue?rollup-plugin-vue=styles.0.css","dist/CheckboxField.vue?rollup-plugin-vue=styles.0.css","dist/TextareaField.vue?rollup-plugin-vue=styles.0.css","dist/TextField.vue?rollup-plugin-vue=styles.0.css","dist/LightswitchInput.vue?rollup-plugin-vue=styles.0.css","dist/PasswordInput.vue?rollup-plugin-vue=styles.0.css","dist/TextareaInput.vue?rollup-plugin-vue=styles.0.css","dist/SelectInput.vue?rollup-plugin-vue=styles.0.css","dist/TextInput.vue?rollup-plugin-vue=styles.0.css","dist/UrlInput.vue?rollup-plugin-vue=styles.0.css"],"names":[],"mappings":"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","file":"dist/craftui.min.css","sourcesContent":["@charset \"UTF-8\";\n@tailwind preflight;\n/* Fields */\n.field {\n margin-bottom: 1rem; }\n\n.field.mono input,\n.field.mono textarea {\n @apply .font-mono; }\n\n.invalid-feedback {\n @apply .text-red .text-sm .mt-2 .mb-4; }\n\n.instructions {\n color: #8f98a3; }\n\nlabel {\n @apply .inline-block .mb-1; }\n\n.field .checkbox {\n @apply .mr-2; }\n\nselect {\n @apply .border .border-grey-light .bg-white;\n height: calc(2.25rem + 2px); }\n\n/* Inputs */\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"tel\"],\ninput[type=\"url\"],\ninput[type=\"number\"],\ntextarea {\n @apply .bg-white .border .border-grey .p-2 .rounded .block; }\n input[type=\"text\"]:disabled, input[type=\"text\"][readonly],\n input[type=\"password\"]:disabled,\n input[type=\"password\"][readonly],\n input[type=\"tel\"]:disabled,\n input[type=\"tel\"][readonly],\n input[type=\"url\"]:disabled,\n input[type=\"url\"][readonly],\n input[type=\"number\"]:disabled,\n input[type=\"number\"][readonly],\n textarea:disabled,\n textarea[readonly] {\n @apply .bg-grey-lightest; }\n input[type=\"text\"].is-invalid,\n input[type=\"password\"].is-invalid,\n input[type=\"tel\"].is-invalid,\n input[type=\"url\"].is-invalid,\n input[type=\"number\"].is-invalid,\n textarea.is-invalid {\n @apply .border-red; }\n\ninput[type=\"number\"] {\n width: 60px; }\n\n/*\nKeep it light, don't import Tailwind’s utilities.\n@tailwind utilities;\n*/\n",null,".c-btn,a.c-btn,button.c-btn{@apply .px-4 .py-2 .rounded .bg-grey-lighter .text-black .no-underline .border .border-solid .border-grey-lighter;}.c-btn:not(.outline),a.c-btn:not(.outline),button.c-btn:not(.outline){-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 6px 0 rgba(0,0,0,.2)}.c-btn:not([disabled]):hover,a.c-btn:not([disabled]):hover,button.c-btn:not([disabled]):hover{@apply .cursor-pointer .bg-grey .border-grey .no-underline;}.c-btn:not([disabled]):active,a.c-btn:not([disabled]):active,button.c-btn:not([disabled]):active{@apply .cursor-pointer .bg-grey-dark .border-grey-dark;}.c-btn.block,a.c-btn.block,button.c-btn.block{@apply .w-full .my-1;}.c-btn.small,a.c-btn.small,button.c-btn.small{@apply .text-sm;}.c-btn.small .c-icon,a.c-btn.small .c-icon,button.c-btn.small .c-icon{width:12px;height:12px}.c-btn.large,a.c-btn.large,button.c-btn.large{@apply .text-lg .py-3;}.c-btn.danger:not(.outline) .c-icon,.c-btn.info:not(.outline) .c-icon,.c-btn.primary:not(.outline) .c-icon,.c-btn.success:not(.outline) .c-icon,.c-btn.warning:not(.outline) .c-icon,a.c-btn.danger:not(.outline) .c-icon,a.c-btn.info:not(.outline) .c-icon,a.c-btn.primary:not(.outline) .c-icon,a.c-btn.success:not(.outline) .c-icon,a.c-btn.warning:not(.outline) .c-icon,button.c-btn.danger:not(.outline) .c-icon,button.c-btn.info:not(.outline) .c-icon,button.c-btn.primary:not(.outline) .c-icon,button.c-btn.success:not(.outline) .c-icon,button.c-btn.warning:not(.outline) .c-icon{fill:#fff}.c-btn.primary,a.c-btn.primary,button.c-btn.primary{@apply .bg-blue .border-blue .text-white;}.c-btn.primary:not([disabled]):hover,a.c-btn.primary:not([disabled]):hover,button.c-btn.primary:not([disabled]):hover{@apply .bg-blue-dark .border-blue-dark;}.c-btn.primary:not([disabled]):active,a.c-btn.primary:not([disabled]):active,button.c-btn.primary:not([disabled]):active{@apply .bg-blue-darker .border-blue-darker;}.c-btn.warning,a.c-btn.warning,button.c-btn.warning{@apply .bg-orange .border-orange .text-white;}.c-btn.warning:not([disabled]):hover,a.c-btn.warning:not([disabled]):hover,button.c-btn.warning:not([disabled]):hover{@apply .bg-orange-dark .border-orange-dark;}.c-btn.warning:not([disabled]):active,a.c-btn.warning:not([disabled]):active,button.c-btn.warning:not([disabled]):active{@apply .bg-orange-darker .border-orange-darker;}.c-btn.success,a.c-btn.success,button.c-btn.success{@apply .bg-green .border-green .text-white;}.c-btn.success:not([disabled]):hover,a.c-btn.success:not([disabled]):hover,button.c-btn.success:not([disabled]):hover{@apply .bg-green-dark .border-green-dark;}.c-btn.success:not([disabled]):active,a.c-btn.success:not([disabled]):active,button.c-btn.success:not([disabled]):active{@apply .bg-green-darker .border-green-darker;}.c-btn.danger,a.c-btn.danger,button.c-btn.danger{@apply .bg-red .border-red .text-white;}.c-btn.danger:not([disabled]):hover,a.c-btn.danger:not([disabled]):hover,button.c-btn.danger:not([disabled]):hover{@apply .bg-red-dark .border-red-dark;}.c-btn.danger:not([disabled]):active,a.c-btn.danger:not([disabled]):active,button.c-btn.danger:not([disabled]):active{@apply .bg-red-darker .border-red-darker;}.c-btn.info,a.c-btn.info,button.c-btn.info{@apply .bg-teal .border-teal .text-white;}.c-btn.info:not([disabled]):hover,a.c-btn.info:not([disabled]):hover,button.c-btn.info:not([disabled]):hover{@apply .bg-teal-dark .border-teal-dark;}.c-btn.info:not([disabled]):active,a.c-btn.info:not([disabled]):active,button.c-btn.info:not([disabled]):active{@apply .bg-teal-darker .border-teal-darker;}.c-btn[disabled],a.c-btn[disabled],button.c-btn[disabled]{@apply .opacity-50 .cursor-default;}.c-btn.outline,a.c-btn.outline,button.c-btn.outline{@apply .bg-transparent;}.c-btn.outline.primary,a.c-btn.outline.primary,button.c-btn.outline.primary{@apply .text-blue;}.c-btn.outline.primary:not([disabled]):hover,a.c-btn.outline.primary:not([disabled]):hover,button.c-btn.outline.primary:not([disabled]):hover{@apply .text-white .bg-blue;}.c-btn.outline.primary:not([disabled]):active,a.c-btn.outline.primary:not([disabled]):active,button.c-btn.outline.primary:not([disabled]):active{@apply .text-white .bg-blue-darker;}.c-btn.outline.warning,a.c-btn.outline.warning,button.c-btn.outline.warning{@apply .text-orange;}.c-btn.outline.warning:not([disabled]):hover,a.c-btn.outline.warning:not([disabled]):hover,button.c-btn.outline.warning:not([disabled]):hover{@apply .text-white .bg-orange;}.c-btn.outline.warning:not([disabled]):active,a.c-btn.outline.warning:not([disabled]):active,button.c-btn.outline.warning:not([disabled]):active{@apply .text-white .bg-orange-darker;}.c-btn.outline.success,a.c-btn.outline.success,button.c-btn.outline.success{@apply .text-green;}.c-btn.outline.success:not([disabled]):hover,a.c-btn.outline.success:not([disabled]):hover,button.c-btn.outline.success:not([disabled]):hover{@apply .text-white .bg-green;}.c-btn.outline.success:not([disabled]):active,a.c-btn.outline.success:not([disabled]):active,button.c-btn.outline.success:not([disabled]):active{@apply .text-white .bg-green-darker;}.c-btn.outline.danger,a.c-btn.outline.danger,button.c-btn.outline.danger{@apply .text-red;}.c-btn.outline.danger:not([disabled]):hover,a.c-btn.outline.danger:not([disabled]):hover,button.c-btn.outline.danger:not([disabled]):hover{@apply .text-white .bg-red;}.c-btn.outline.danger:not([disabled]):active,a.c-btn.outline.danger:not([disabled]):active,button.c-btn.outline.danger:not([disabled]):active{@apply .text-white .bg-red-darker;}.c-btn.outline.info,a.c-btn.outline.info,button.c-btn.outline.info{@apply .text-teal;}.c-btn.outline.info:not([disabled]):hover,a.c-btn.outline.info:not([disabled]):hover,button.c-btn.outline.info:not([disabled]):hover{@apply .text-white .bg-teal;}.c-btn.outline.info:not([disabled]):active,a.c-btn.outline.info:not([disabled]):active,button.c-btn.outline.info:not([disabled]):active{@apply .text-white .bg-teal-darker;}.c-btn.outline .c-icon,a.c-btn.outline .c-icon,button.c-btn.outline .c-icon{@apply .fill-current;}.c-btn.loading,a.c-btn.loading,button.c-btn.loading{@apply .relative;}.c-btn.loading:not(.outline).danger .c-spinner>.animation,.c-btn.loading:not(.outline).info .c-spinner>.animation,.c-btn.loading:not(.outline).primary .c-spinner>.animation,.c-btn.loading:not(.outline).success .c-spinner>.animation,.c-btn.loading:not(.outline).warning .c-spinner>.animation,a.c-btn.loading:not(.outline).danger .c-spinner>.animation,a.c-btn.loading:not(.outline).info .c-spinner>.animation,a.c-btn.loading:not(.outline).primary .c-spinner>.animation,a.c-btn.loading:not(.outline).success .c-spinner>.animation,a.c-btn.loading:not(.outline).warning .c-spinner>.animation,button.c-btn.loading:not(.outline).danger .c-spinner>.animation,button.c-btn.loading:not(.outline).info .c-spinner>.animation,button.c-btn.loading:not(.outline).primary .c-spinner>.animation,button.c-btn.loading:not(.outline).success .c-spinner>.animation,button.c-btn.loading:not(.outline).warning .c-spinner>.animation{@apply .border-white;}.c-btn.loading.outline.primary .c-spinner>.animation,a.c-btn.loading.outline.primary .c-spinner>.animation,button.c-btn.loading.outline.primary .c-spinner>.animation{@apply .border-blue;}.c-btn.loading.outline.warning .c-spinner>.animation,a.c-btn.loading.outline.warning .c-spinner>.animation,button.c-btn.loading.outline.warning .c-spinner>.animation{@apply .border-orange;}.c-btn.loading.outline.success .c-spinner>.animation,a.c-btn.loading.outline.success .c-spinner>.animation,button.c-btn.loading.outline.success .c-spinner>.animation{@apply .border-green;}.c-btn.loading.outline.danger .c-spinner>.animation,a.c-btn.loading.outline.danger .c-spinner>.animation,button.c-btn.loading.outline.danger .c-spinner>.animation{@apply .border-red;}.c-btn.loading.outline.info .c-spinner>.animation,a.c-btn.loading.outline.info .c-spinner>.animation,button.c-btn.loading.outline.info .c-spinner>.animation{@apply .border-teal;}.c-btn.loading .c-spinner,a.c-btn.loading .c-spinner,button.c-btn.loading .c-spinner{@apply .absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px}.c-btn.loading .c-btn-content,a.c-btn.loading .c-btn-content,button.c-btn.loading .c-btn-content{@apply .invisible;}.c-btn .c-icon,a.c-btn .c-icon,button.c-btn .c-icon{@apply .mr-1 .align-middle;}.c-btn .c-btn-content,a.c-btn .c-btn-content,button.c-btn .c-btn-content{@apply .inline-block;}",".c-icon{@apply .inline-block .align-middle .relative .fill-current;top:-2px;width:18px;height:18px}.c-icon.sm{width:12px;height:12px}.c-icon.base{width:18px;height:18px}.c-icon.lg{width:24px;height:24px}.c-icon.xl{width:32px;height:32px}",".c-spinner{@apply .inline-block;}.c-spinner>.animation{animation:rotator .7s linear infinite;width:22px;height:22px;border-radius:50%;border:2px solid transparent;border-top-color:transparent!important;border-left-color:transparent!important;border-right-color:#555;border-bottom-color:#555}.c-spinner.lg>.animation{width:32px;height:32px;border-width:3px}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(1turn)}}","ul[data-v-2744c7e4]{@apply .list-reset .pl-4 .pt-2;}ul input[data-v-2744c7e4]{@apply .mr-2;}",".field input[data-v-ac5bdb82]{@apply .mr-2;}.field .instructions[data-v-ac5bdb82]{@apply .text-grey-dark .text-sm;}",".wrapper[data-v-76633c9c]{@apply .relative;}.wrapper .text-red-dark[data-v-76633c9c]{@apply .text-red-dark;}.wrapper .max[data-v-76633c9c]{@apply .pr-1 .mt-2;}.wrapper .max.floating[data-v-76633c9c]{@apply .absolute .text-xs .text-right;}.wrapper .max.text-grey[data-v-76633c9c]{@apply .text-grey;}.wrapper .max.text-orange[data-v-76633c9c]{@apply .text-orange;}.wrapper .max.text-red[data-v-76633c9c]{@apply .text-red;}",".wrapper[data-v-339cab58]{@apply .relative;}.wrapper .text-red-dark[data-v-339cab58]{@apply .text-red-dark;}.wrapper .max[data-v-339cab58]{@apply .pr-1 .mt-2;}.wrapper .max.floating[data-v-339cab58]{@apply .absolute .text-xs .text-right;}.wrapper .max.text-grey[data-v-339cab58]{@apply .text-grey;}.wrapper .max.text-orange[data-v-339cab58]{@apply .text-orange;}.wrapper .max.text-red[data-v-339cab58]{@apply .text-red;}",".lightswitch[data-v-2b9d01d8]{@apply .relative .block .select-none;width:46px;height:30px}.lightswitch input[data-v-2b9d01d8]{@apply .absolute .opacity-0;}.lightswitch .slider[data-v-2b9d01d8]{@apply .absolute .pin .cursor-pointer;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.lightswitch .slider[data-v-2b9d01d8]:before{@apply .absolute .bg-white;content:\"\";height:26px;width:26px;left:2px;bottom:2px;-webkit-transition:.1s;transition:.1s}.lightswitch input:checked+.slider[data-v-2b9d01d8]{background-color:#38c172}.lightswitch input:focus+.slider[data-v-2b9d01d8]{box-shadow:0 0 1px #38c172}.lightswitch input:checked+.slider[data-v-2b9d01d8]:before{-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(16px)}.lightswitch .slider.round[data-v-2b9d01d8]{border-radius:34px}.lightswitch .slider.round[data-v-2b9d01d8]:before{border-radius:50%}.lightswitch.disabled[data-v-2b9d01d8]{opacity:.4}.lightswitch.disabled .slider[data-v-2b9d01d8]{@apply .cursor-default;}","input.w-full[data-v-6a117d3d]{@apply .w-full;}","textarea.w-full[data-v-3ef58e55]{@apply .w-full;}","select.w-full[data-v-211a2741]{@apply .w-full;}","input.w-full[data-v-56acaf34]{@apply .w-full;}","input.w-full[data-v-e2a7d0c8]{@apply .w-full;}"]} \ No newline at end of file +{"version":3,"sources":["dist/styles.scss","dist/","dist/Btn.vue?rollup-plugin-vue=styles.0.css","dist/Icon.vue?rollup-plugin-vue=styles.0.css","dist/Spinner.vue?rollup-plugin-vue=styles.0.css","dist/CheckboxField.vue?rollup-plugin-vue=styles.0.css","dist/CheckboxSet.vue?rollup-plugin-vue=styles.0.css","dist/TextareaField.vue?rollup-plugin-vue=styles.0.css","dist/TextField.vue?rollup-plugin-vue=styles.0.css","dist/LightswitchInput.vue?rollup-plugin-vue=styles.0.css","dist/PasswordInput.vue?rollup-plugin-vue=styles.0.css","dist/SelectInput.vue?rollup-plugin-vue=styles.0.css","dist/TextareaInput.vue?rollup-plugin-vue=styles.0.css","dist/TextInput.vue?rollup-plugin-vue=styles.0.css","dist/UrlInput.vue?rollup-plugin-vue=styles.0.css"],"names":[],"mappings":"AACA,4EAAA,AAAoB,KAApB,iBAAA,AAAoB,6BAAA,CAApB,AAAoB,KAApB,QAAoB,CAApB,AAAoB,KAApB,aAAoB,CAApB,AAAoB,GAApB,cAAA,AAAoB,cAAA,CAApB,AAAoB,GAApB,+BAAA,AAAoB,uBAApB,AAAoB,SAApB,AAAoB,gBAAA,CAApB,AAAoB,IAApB,gCAAA,AAAoB,aAAA,CAApB,AAAoB,EAApB,4BAAoB,CAApB,AAAoB,YAApB,mBAAA,AAAoB,0BAApB,AAAoB,yCAApB,AAAoB,gCAAA,CAApB,AAAoB,SAApB,kBAAoB,CAApB,AAAoB,cAApB,gCAAA,AAAoB,aAAA,CAApB,AAAoB,MAApB,aAAoB,CAApB,AAAoB,QAApB,cAAA,AAAoB,cAApB,AAAoB,kBAApB,AAAoB,uBAAA,CAApB,AAAoB,IAApB,aAAoB,CAApB,AAAoB,IAApB,SAAoB,CAApB,AAAoB,IAApB,iBAAoB,CAApB,AAAoB,sCAApB,oBAAA,AAAoB,eAApB,AAAoB,iBAApB,AAAoB,QAAA,CAApB,AAAoB,aAApB,gBAAoB,CAApB,AAAoB,cAApB,mBAAoB,CAApB,AAAoB,gDAApB,yBAAoB,CAApB,AAAoB,wHAApB,kBAAA,AAAoB,SAAA,CAApB,AAAoB,4GAApB,6BAAoB,CAApB,AAAoB,SAApB,0BAAoB,CAApB,AAAoB,OAApB,8BAAA,AAAoB,sBAApB,AAAoB,cAApB,AAAoB,cAApB,AAAoB,eAApB,AAAoB,UAApB,AAAoB,kBAAA,CAApB,AAAoB,SAApB,uBAAoB,CAApB,AAAoB,SAApB,aAAoB,CAApB,AAAoB,6BAApB,8BAAA,AAAoB,sBAApB,AAAoB,SAAA,CAApB,AAAoB,kFAApB,WAAoB,CAApB,AAAoB,cAApB,6BAAA,AAAoB,mBAAA,CAApB,AAAoB,yCAApB,uBAAoB,CAApB,AAAoB,6BAApB,0BAAA,AAAoB,YAAA,CAApB,AAAoB,QAApB,aAAoB,CAApB,AAAoB,QAApB,iBAAoB,CAApB,AAAoB,kBAApB,YAAoB,CAApB,AAAoB,KAApB,8BAAA,AAAoB,sBAApB,AAAoB,sBAAA,CAApB,AAAoB,iBAApB,2BAAA,AAAoB,kBAAA,CAApB,AAAoB,gDAApB,QAAoB,CAApB,AAAoB,OAApB,uBAAA,AAAoB,SAAA,CAApB,AAAoB,aAApB,mBAAA,AAAoB,yCAAA,CAApB,AAAoB,SAApB,SAAA,AAAoB,SAAA,CAApB,AAAoB,MAApB,QAAoB,CAApB,AAAoB,iBAApB,sBAAoB,CAApB,AAAoB,IAApB,kBAAoB,CAApB,AAAoB,SAApB,eAAoB,CAApB,AAAoB,IAApB,eAAA,AAAoB,WAAA,CAApB,AAAoB,qEAApB,cAAA,AAAoB,UAAA,CAApB,AAAoB,wHAApB,cAAA,AAAoB,UAAA,CAApB,AAAoB,yCAApB,cAAA,AAAoB,UAAA,CAApB,AAAoB,qBAApB,cAAoB,CAApB,AAAoB,MAApB,wBAAoB,CAAA,AAEpB,OACE,kBAAoB,CAAE,AAExB,uCCNA,uEAAA,CDQsB,AAEtB,kBCVA,cAAA,kBAAA,iBAAA,kBAAA,CDW0C,AAE1C,cACE,aAAe,CAAE,AAEnB,MChBA,qBAAA,oBAAA,CDiB+B,AAE/B,iBCnBA,kBAAA,CDoBiB,AAEjB,OCtBA,iBAAA,qBAAA,sBDwBE,ACxBF,0BDwB8B,CAAE,AAGhC,kGC3BA,sBAAA,iBAAA,qBAAA,cAAA,qBAAA,aAAA,CDiC+D,AAC7D,sTClCF,wBAAA,CD6C+B,AAC7B,oKC9CF,oBAAA,CDoDyB,AAEzB,mBACE,UAAY,CAAE;AEvDhB,4BDAA,mBAAA,qBAAA,yBAAA,cAAA,qBAAA,wBAAA,CCA+I,sEAAsE,8CAA8C,qCAAqC,CAAC,8FDAzS,eAAA,yBAAA,qBAAA,oBAAA,CCAmc,iGDAnc,eAAA,yBAAA,oBAAA,CCA4lB,8CDA5lB,WAAA,kBAAA,oBAAA,CCAgqB,8CDAhqB,iBAAA,CCA+tB,sEAAsE,WAAW,WAAW,CAAC,8CDA5zB,mBAAA,mBAAA,qBAAA,CCAi4B,kkBAAkkB,SAAS,CAAC,oDDA78C,yBAAA,qBAAA,UAAA,CCA2iD,sHDA3iD,yBAAA,oBAAA,CCAysD,yHDAzsD,yBAAA,oBAAA,CCA82D,oDDA92D,yBAAA,qBAAA,UAAA,CCAg9D,sHDAh9D,yBAAA,oBAAA,CCAknE,yHDAlnE,yBAAA,oBAAA,CCA2xE,oDDA3xE,yBAAA,qBAAA,UAAA,CCA23E,sHDA33E,yBAAA,oBAAA,CCA2hF,yHDA3hF,yBAAA,oBAAA,CCAksF,iDDAlsF,yBAAA,qBAAA,UAAA,CCA2xF,mHDA3xF,yBAAA,oBAAA,CCAo7F,sHDAp7F,yBAAA,oBAAA,CCAolG,2CDAplG,yBAAA,qBAAA,UAAA,CCAyqG,6GDAzqG,yBAAA,oBAAA,CCA8zG,gHDA9zG,yBAAA,oBAAA,CCA09G,0DDA19G,WAAA,cAAA,CCAwjH,oDDAxjH,4BAAA,CCAooH,4EDApoH,aAAA,CCAmuH,8IDAnuH,WAAA,wBAAA,CCA84H,iJDA94H,WAAA,wBAAA,CCAmkI,4EDAnkI,aAAA,CCAoqI,8IDApqI,WAAA,wBAAA,CCAi1I,iJDAj1I,WAAA,wBAAA,CCAwgJ,4EDAxgJ,aAAA,CCAwmJ,8IDAxmJ,WAAA,wBAAA,CCAoxJ,iJDApxJ,WAAA,wBAAA,CCA08J,yEDA18J,aAAA,CCAqiK,2IDAriK,WAAA,wBAAA,CCA4sK,8IDA5sK,WAAA,wBAAA,CCA63K,mEDA73K,aAAA,CCAm9K,qIDAn9K,WAAA,wBAAA,CCAqnL,wIDArnL,WAAA,wBAAA,CCAiyL,4EDAjyL,iBAAA,CCAm4L,oDDAn4L,iBAAA,CCAy8L,44BDAz8L,iBAAA,CCA22N,sKDA32N,oBAAA,CCAsiO,sKDAtiO,oBAAA,CCAmuO,sKDAnuO,oBAAA,CCA+5O,mKDA/5O,oBAAA,CCAslP,6JDAtlP,oBAAA,CCAwwP,qFDAxwP,kBCA82P,ADA92P,QCAs3P,SAAS,iBAAiB,iBAAiB,CAAC,iGDAl6P,iBAAA,CCAshQ,oDDAthQ,oBAAA,qBAAA,CCAsmQ,yEDAtmQ,oBAAA,CCAqsQ;ACArsQ,QFAA,qBAAA,sBAAA,kBAAA,kBEAmE,AFAnE,SEA4E,WAAW,WAAW,CAAC,gBAAgB,aAAa,aAAa,CAAC,kBAAkB,WAAW,WAAW,CAAC,gBAAgB,cAAc,cAAc,CAAC,gBAAgB,aAAa,aAAa,CAAC,iBAAiB,cAAc,cAAc,CAAC,iBAAiB,cAAc,cAAc,CAAC,iBAAiB,WAAW,WAAW,CAAC,iBAAiB,WAAW,WAAW,CAAC;ACA3b,WHAA,oBAAA,CGAiC,sBAAsB,wCAAA,AAAsC,gCAAA,WAAW,YAAY,kBAAkB,6BAA6B,uCAAuC,wCAAwC,wBAAwB,wBAAwB,CAAC,yBAAyB,WAAW,YAAY,gBAAgB,CAAC,qBAAmB,GAAG,4BAAA,AAAmB,mBAAA,CAAC,GAAG,gCAAA,AAAuB,uBAAA,CAAC,CAArE,AAAsE,aAAnD,GAAG,4BAAA,AAAmB,mBAAA,CAAC,GAAG,gCAAA,AAAuB,uBAAA,CAAC,CAAC;ACA1a,8BJAA,kBAAA,CIA4C,sCJA5C,cAAA,iBAAA,CIAmH;ACAnH,oBLAA,gBAAA,UAAA,kBAAA,iBAAA,CKAoD,0BLApD,kBAAA,CKA4F;ACA5F,0BNAA,iBAAA,CMA4C,yCNA5C,aAAA,CMA4G,+BNA5G,qBAAA,gBAAA,CMA+J,wCNA/J,kBAAA,iBAAA,gBAAA,CMA8O,yCNA9O,aAAA,CMA0S,2CNA1S,aAAA,CMA0W,wCNA1W,aAAA,CMAoa;ACApa,0BPAA,iBAAA,COA4C,yCPA5C,aAAA,COA4G,+BPA5G,qBAAA,gBAAA,COA+J,wCPA/J,kBAAA,iBAAA,gBAAA,COA8O,yCPA9O,aAAA,COA0S,2CPA1S,aAAA,COA0W,wCPA1W,aAAA,COAoa;ACApa,8BRAA,kBAAA,cAAA,yBAAA,sBAAA,qBAAA,iBQAmE,ARAnE,WQA8E,WAAW,CAAC,oCRA1F,kBAAA,SAAA,CQA2J,sCRA3J,kBAAA,MAAA,QAAA,SAAA,OAAA,eQAuO,ARAvO,sBQA6P,uBAAuB,cAAc,CAAC,6CRAnS,kBAAA,sBQA2W,ARA3W,WQAsX,YAAY,WAAW,SAAS,WAAW,uBAAuB,cAAc,CAAC,oDAAoD,wBAAwB,CAAC,kDAAkD,mCAAA,AAA0B,0BAAA,CAAC,2DAA2D,mCAAmC,AAA+B,0BAA0B,CAAC,4CAA4C,kBAAkB,CAAC,mDAAmD,iBAAiB,CAAC,uCAAuC,UAAU,CAAC,+CRA/6B,cAAA,CQAs/B;ACAt/B,8BTAA,UAAA,CSA8C;ACA9C,+BVAA,UAAA,CUA+C;ACA/C,iCXAA,UAAA,CWAiD;ACAjD,8BZAA,UAAA,CYA8C;ACA9C,8BbAA,UAAA,CaA8C","file":"dist/craftui.min.css","sourcesContent":["@charset \"UTF-8\";\n@tailwind preflight;\n/* Fields */\n.field {\n margin-bottom: 1rem; }\n\n.field.mono input,\n.field.mono textarea {\n @apply .font-mono; }\n\n.invalid-feedback {\n @apply .text-red .text-sm .mt-2 .mb-4; }\n\n.instructions {\n color: #8f98a3; }\n\nlabel {\n @apply .inline-block .mb-1; }\n\n.field .checkbox {\n @apply .mr-2; }\n\nselect {\n @apply .border .border-grey-light .bg-white;\n height: calc(2.25rem + 2px); }\n\n/* Inputs */\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"tel\"],\ninput[type=\"url\"],\ninput[type=\"number\"],\ntextarea {\n @apply .bg-white .border .border-grey .p-2 .rounded .block; }\n input[type=\"text\"]:disabled, input[type=\"text\"][readonly],\n input[type=\"password\"]:disabled,\n input[type=\"password\"][readonly],\n input[type=\"tel\"]:disabled,\n input[type=\"tel\"][readonly],\n input[type=\"url\"]:disabled,\n input[type=\"url\"][readonly],\n input[type=\"number\"]:disabled,\n input[type=\"number\"][readonly],\n textarea:disabled,\n textarea[readonly] {\n @apply .bg-grey-lightest; }\n input[type=\"text\"].is-invalid,\n input[type=\"password\"].is-invalid,\n input[type=\"tel\"].is-invalid,\n input[type=\"url\"].is-invalid,\n input[type=\"number\"].is-invalid,\n textarea.is-invalid {\n @apply .border-red; }\n\ninput[type=\"number\"] {\n width: 60px; }\n\n/*\nKeep it light, don't import Tailwind’s utilities.\n@tailwind utilities;\n*/\n",null,".c-btn,a.c-btn,button.c-btn{@apply .px-4 .py-2 .rounded .bg-grey-lighter .text-black .no-underline .border .border-solid .border-grey-lighter;}.c-btn:not(.outline),a.c-btn:not(.outline),button.c-btn:not(.outline){-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 6px 0 rgba(0,0,0,.2)}.c-btn:not([disabled]):hover,a.c-btn:not([disabled]):hover,button.c-btn:not([disabled]):hover{@apply .cursor-pointer .bg-grey .border-grey .no-underline;}.c-btn:not([disabled]):active,a.c-btn:not([disabled]):active,button.c-btn:not([disabled]):active{@apply .cursor-pointer .bg-grey-dark .border-grey-dark;}.c-btn.block,a.c-btn.block,button.c-btn.block{@apply .w-full .my-1;}.c-btn.small,a.c-btn.small,button.c-btn.small{@apply .text-sm;}.c-btn.small .c-icon,a.c-btn.small .c-icon,button.c-btn.small .c-icon{width:12px;height:12px}.c-btn.large,a.c-btn.large,button.c-btn.large{@apply .text-lg .py-3;}.c-btn.danger:not(.outline) .c-icon,.c-btn.info:not(.outline) .c-icon,.c-btn.primary:not(.outline) .c-icon,.c-btn.success:not(.outline) .c-icon,.c-btn.warning:not(.outline) .c-icon,a.c-btn.danger:not(.outline) .c-icon,a.c-btn.info:not(.outline) .c-icon,a.c-btn.primary:not(.outline) .c-icon,a.c-btn.success:not(.outline) .c-icon,a.c-btn.warning:not(.outline) .c-icon,button.c-btn.danger:not(.outline) .c-icon,button.c-btn.info:not(.outline) .c-icon,button.c-btn.primary:not(.outline) .c-icon,button.c-btn.success:not(.outline) .c-icon,button.c-btn.warning:not(.outline) .c-icon{fill:#fff}.c-btn.primary,a.c-btn.primary,button.c-btn.primary{@apply .bg-blue .border-blue .text-white;}.c-btn.primary:not([disabled]):hover,a.c-btn.primary:not([disabled]):hover,button.c-btn.primary:not([disabled]):hover{@apply .bg-blue-dark .border-blue-dark;}.c-btn.primary:not([disabled]):active,a.c-btn.primary:not([disabled]):active,button.c-btn.primary:not([disabled]):active{@apply .bg-blue-darker .border-blue-darker;}.c-btn.warning,a.c-btn.warning,button.c-btn.warning{@apply .bg-orange .border-orange .text-white;}.c-btn.warning:not([disabled]):hover,a.c-btn.warning:not([disabled]):hover,button.c-btn.warning:not([disabled]):hover{@apply .bg-orange-dark .border-orange-dark;}.c-btn.warning:not([disabled]):active,a.c-btn.warning:not([disabled]):active,button.c-btn.warning:not([disabled]):active{@apply .bg-orange-darker .border-orange-darker;}.c-btn.success,a.c-btn.success,button.c-btn.success{@apply .bg-green .border-green .text-white;}.c-btn.success:not([disabled]):hover,a.c-btn.success:not([disabled]):hover,button.c-btn.success:not([disabled]):hover{@apply .bg-green-dark .border-green-dark;}.c-btn.success:not([disabled]):active,a.c-btn.success:not([disabled]):active,button.c-btn.success:not([disabled]):active{@apply .bg-green-darker .border-green-darker;}.c-btn.danger,a.c-btn.danger,button.c-btn.danger{@apply .bg-red .border-red .text-white;}.c-btn.danger:not([disabled]):hover,a.c-btn.danger:not([disabled]):hover,button.c-btn.danger:not([disabled]):hover{@apply .bg-red-dark .border-red-dark;}.c-btn.danger:not([disabled]):active,a.c-btn.danger:not([disabled]):active,button.c-btn.danger:not([disabled]):active{@apply .bg-red-darker .border-red-darker;}.c-btn.info,a.c-btn.info,button.c-btn.info{@apply .bg-teal .border-teal .text-white;}.c-btn.info:not([disabled]):hover,a.c-btn.info:not([disabled]):hover,button.c-btn.info:not([disabled]):hover{@apply .bg-teal-dark .border-teal-dark;}.c-btn.info:not([disabled]):active,a.c-btn.info:not([disabled]):active,button.c-btn.info:not([disabled]):active{@apply .bg-teal-darker .border-teal-darker;}.c-btn[disabled],a.c-btn[disabled],button.c-btn[disabled]{@apply .opacity-50 .cursor-default;}.c-btn.outline,a.c-btn.outline,button.c-btn.outline{@apply .bg-transparent;}.c-btn.outline.primary,a.c-btn.outline.primary,button.c-btn.outline.primary{@apply .text-blue;}.c-btn.outline.primary:not([disabled]):hover,a.c-btn.outline.primary:not([disabled]):hover,button.c-btn.outline.primary:not([disabled]):hover{@apply .text-white .bg-blue;}.c-btn.outline.primary:not([disabled]):active,a.c-btn.outline.primary:not([disabled]):active,button.c-btn.outline.primary:not([disabled]):active{@apply .text-white .bg-blue-darker;}.c-btn.outline.warning,a.c-btn.outline.warning,button.c-btn.outline.warning{@apply .text-orange;}.c-btn.outline.warning:not([disabled]):hover,a.c-btn.outline.warning:not([disabled]):hover,button.c-btn.outline.warning:not([disabled]):hover{@apply .text-white .bg-orange;}.c-btn.outline.warning:not([disabled]):active,a.c-btn.outline.warning:not([disabled]):active,button.c-btn.outline.warning:not([disabled]):active{@apply .text-white .bg-orange-darker;}.c-btn.outline.success,a.c-btn.outline.success,button.c-btn.outline.success{@apply .text-green;}.c-btn.outline.success:not([disabled]):hover,a.c-btn.outline.success:not([disabled]):hover,button.c-btn.outline.success:not([disabled]):hover{@apply .text-white .bg-green;}.c-btn.outline.success:not([disabled]):active,a.c-btn.outline.success:not([disabled]):active,button.c-btn.outline.success:not([disabled]):active{@apply .text-white .bg-green-darker;}.c-btn.outline.danger,a.c-btn.outline.danger,button.c-btn.outline.danger{@apply .text-red;}.c-btn.outline.danger:not([disabled]):hover,a.c-btn.outline.danger:not([disabled]):hover,button.c-btn.outline.danger:not([disabled]):hover{@apply .text-white .bg-red;}.c-btn.outline.danger:not([disabled]):active,a.c-btn.outline.danger:not([disabled]):active,button.c-btn.outline.danger:not([disabled]):active{@apply .text-white .bg-red-darker;}.c-btn.outline.info,a.c-btn.outline.info,button.c-btn.outline.info{@apply .text-teal;}.c-btn.outline.info:not([disabled]):hover,a.c-btn.outline.info:not([disabled]):hover,button.c-btn.outline.info:not([disabled]):hover{@apply .text-white .bg-teal;}.c-btn.outline.info:not([disabled]):active,a.c-btn.outline.info:not([disabled]):active,button.c-btn.outline.info:not([disabled]):active{@apply .text-white .bg-teal-darker;}.c-btn.outline .c-icon,a.c-btn.outline .c-icon,button.c-btn.outline .c-icon{@apply .fill-current;}.c-btn.loading,a.c-btn.loading,button.c-btn.loading{@apply .relative;}.c-btn.loading:not(.outline).danger .c-spinner>.animation,.c-btn.loading:not(.outline).info .c-spinner>.animation,.c-btn.loading:not(.outline).primary .c-spinner>.animation,.c-btn.loading:not(.outline).success .c-spinner>.animation,.c-btn.loading:not(.outline).warning .c-spinner>.animation,a.c-btn.loading:not(.outline).danger .c-spinner>.animation,a.c-btn.loading:not(.outline).info .c-spinner>.animation,a.c-btn.loading:not(.outline).primary .c-spinner>.animation,a.c-btn.loading:not(.outline).success .c-spinner>.animation,a.c-btn.loading:not(.outline).warning .c-spinner>.animation,button.c-btn.loading:not(.outline).danger .c-spinner>.animation,button.c-btn.loading:not(.outline).info .c-spinner>.animation,button.c-btn.loading:not(.outline).primary .c-spinner>.animation,button.c-btn.loading:not(.outline).success .c-spinner>.animation,button.c-btn.loading:not(.outline).warning .c-spinner>.animation{@apply .border-white;}.c-btn.loading.outline.primary .c-spinner>.animation,a.c-btn.loading.outline.primary .c-spinner>.animation,button.c-btn.loading.outline.primary .c-spinner>.animation{@apply .border-blue;}.c-btn.loading.outline.warning .c-spinner>.animation,a.c-btn.loading.outline.warning .c-spinner>.animation,button.c-btn.loading.outline.warning .c-spinner>.animation{@apply .border-orange;}.c-btn.loading.outline.success .c-spinner>.animation,a.c-btn.loading.outline.success .c-spinner>.animation,button.c-btn.loading.outline.success .c-spinner>.animation{@apply .border-green;}.c-btn.loading.outline.danger .c-spinner>.animation,a.c-btn.loading.outline.danger .c-spinner>.animation,button.c-btn.loading.outline.danger .c-spinner>.animation{@apply .border-red;}.c-btn.loading.outline.info .c-spinner>.animation,a.c-btn.loading.outline.info .c-spinner>.animation,button.c-btn.loading.outline.info .c-spinner>.animation{@apply .border-teal;}.c-btn.loading .c-spinner,a.c-btn.loading .c-spinner,button.c-btn.loading .c-spinner{@apply .absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px}.c-btn.loading .c-btn-content,a.c-btn.loading .c-btn-content,button.c-btn.loading .c-btn-content{@apply .invisible;}.c-btn .c-icon,a.c-btn .c-icon,button.c-btn .c-icon{@apply .mr-1 .align-middle;}.c-btn .c-btn-content,a.c-btn .c-btn-content,button.c-btn .c-btn-content{@apply .inline-block;}",".c-icon{@apply .inline-block .align-middle .relative .fill-current;top:-2px;width:18px;height:18px}.c-icon.size-sm{width:.75rem;height:.75rem}.c-icon.size-base{width:1rem;height:1rem}.c-icon.size-lg{width:1.25rem;height:1.25rem}.c-icon.size-xl{width:1.5rem;height:1.5rem}.c-icon.size-2xl{width:1.75rem;height:1.75rem}.c-icon.size-3xl{width:2.25rem;height:2.25rem}.c-icon.size-4xl{width:3rem;height:3rem}.c-icon.size-5xl{width:4rem;height:4rem}",".c-spinner{@apply .inline-block;}.c-spinner>.animation{animation:rotator .7s linear infinite;width:22px;height:22px;border-radius:50%;border:2px solid transparent;border-top-color:transparent!important;border-left-color:transparent!important;border-right-color:#555;border-bottom-color:#555}.c-spinner.lg>.animation{width:32px;height:32px;border-width:3px}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(1turn)}}",".field input[data-v-ac5bdb82]{@apply .mr-2;}.field .instructions[data-v-ac5bdb82]{@apply .text-grey-dark .text-sm;}","ul[data-v-2744c7e4]{@apply .list-reset .pl-4 .pt-2;}ul input[data-v-2744c7e4]{@apply .mr-2;}",".wrapper[data-v-76633c9c]{@apply .relative;}.wrapper .text-red-dark[data-v-76633c9c]{@apply .text-red-dark;}.wrapper .max[data-v-76633c9c]{@apply .pr-1 .mt-2;}.wrapper .max.floating[data-v-76633c9c]{@apply .absolute .text-xs .text-right;}.wrapper .max.text-grey[data-v-76633c9c]{@apply .text-grey;}.wrapper .max.text-orange[data-v-76633c9c]{@apply .text-orange;}.wrapper .max.text-red[data-v-76633c9c]{@apply .text-red;}",".wrapper[data-v-339cab58]{@apply .relative;}.wrapper .text-red-dark[data-v-339cab58]{@apply .text-red-dark;}.wrapper .max[data-v-339cab58]{@apply .pr-1 .mt-2;}.wrapper .max.floating[data-v-339cab58]{@apply .absolute .text-xs .text-right;}.wrapper .max.text-grey[data-v-339cab58]{@apply .text-grey;}.wrapper .max.text-orange[data-v-339cab58]{@apply .text-orange;}.wrapper .max.text-red[data-v-339cab58]{@apply .text-red;}",".lightswitch[data-v-2b9d01d8]{@apply .relative .block .select-none;width:46px;height:30px}.lightswitch input[data-v-2b9d01d8]{@apply .absolute .opacity-0;}.lightswitch .slider[data-v-2b9d01d8]{@apply .absolute .pin .cursor-pointer;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.lightswitch .slider[data-v-2b9d01d8]:before{@apply .absolute .bg-white;content:\"\";height:26px;width:26px;left:2px;bottom:2px;-webkit-transition:.1s;transition:.1s}.lightswitch input:checked+.slider[data-v-2b9d01d8]{background-color:#38c172}.lightswitch input:focus+.slider[data-v-2b9d01d8]{box-shadow:0 0 1px #38c172}.lightswitch input:checked+.slider[data-v-2b9d01d8]:before{-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(16px)}.lightswitch .slider.round[data-v-2b9d01d8]{border-radius:34px}.lightswitch .slider.round[data-v-2b9d01d8]:before{border-radius:50%}.lightswitch.disabled[data-v-2b9d01d8]{opacity:.4}.lightswitch.disabled .slider[data-v-2b9d01d8]{@apply .cursor-default;}","input.w-full[data-v-6a117d3d]{@apply .w-full;}","select.w-full[data-v-211a2741]{@apply .w-full;}","textarea.w-full[data-v-3ef58e55]{@apply .w-full;}","input.w-full[data-v-56acaf34]{@apply .w-full;}","input.w-full[data-v-e2a7d0c8]{@apply .w-full;}"]} \ No newline at end of file diff --git a/docs/src/stories/components-icons.stories.js b/docs/src/stories/components-icons.stories.js index bdc5ce4..52ae6f2 100644 --- a/docs/src/stories/components-icons.stories.js +++ b/docs/src/stories/components-icons.stories.js @@ -14,14 +14,26 @@ for (let i = 0; i < icons.length; i++) { storiesOf('Components|Icon/Size', module) .add('sm', () => ({ - template: '' + template: '' })) .add('base', () => ({ - template: '' + template: '' })) .add('lg', () => ({ - template: '' + template: '' })) .add('xl', () => ({ - template: '' + template: '' + })) + .add('2xl', () => ({ + template: '' + })) + .add('3xl', () => ({ + template: '' + })) + .add('4xl', () => ({ + template: '' + })) + .add('5xl', () => ({ + template: '' })) \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index c07abee..852ef28 100644 --- a/package-lock.json +++ b/package-lock.json @@ -437,17 +437,17 @@ }, "dependencies": { "regexpu-core": { - "version": "4.4.0", - "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.4.0.tgz", - "integrity": "sha512-eDDWElbwwI3K0Lo6CqbQbA6FwgtCz4kYTarrri1okfkRLZAqstU+B3voZBCjg8Fl6iq0gXrJG6MvRgLthfvgOA==", + "version": "4.5.2", + "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.5.2.tgz", + "integrity": "sha512-CgGxXmuX0Cf57z7KahSHe4kaNY8gBRCFFEretQ5AHsnlLx/5VdCrQOoOz1POxLdZjPbwE5ncTspPJwp2WHPcHA==", "dev": true, "requires": { "regenerate": "^1.4.0", - "regenerate-unicode-properties": "^7.0.0", + "regenerate-unicode-properties": "^8.0.0", "regjsgen": "^0.5.0", "regjsparser": "^0.6.0", "unicode-match-property-ecmascript": "^1.0.4", - "unicode-match-property-value-ecmascript": "^1.0.2" + "unicode-match-property-value-ecmascript": "^1.1.0" } }, "regjsgen": { @@ -632,17 +632,17 @@ }, "dependencies": { "regexpu-core": { - "version": "4.4.0", - "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.4.0.tgz", - "integrity": "sha512-eDDWElbwwI3K0Lo6CqbQbA6FwgtCz4kYTarrri1okfkRLZAqstU+B3voZBCjg8Fl6iq0gXrJG6MvRgLthfvgOA==", + "version": "4.5.2", + "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.5.2.tgz", + "integrity": "sha512-CgGxXmuX0Cf57z7KahSHe4kaNY8gBRCFFEretQ5AHsnlLx/5VdCrQOoOz1POxLdZjPbwE5ncTspPJwp2WHPcHA==", "dev": true, "requires": { "regenerate": "^1.4.0", - "regenerate-unicode-properties": "^7.0.0", + "regenerate-unicode-properties": "^8.0.0", "regjsgen": "^0.5.0", "regjsparser": "^0.6.0", "unicode-match-property-ecmascript": "^1.0.4", - "unicode-match-property-value-ecmascript": "^1.0.2" + "unicode-match-property-value-ecmascript": "^1.1.0" } }, "regjsgen": { @@ -901,17 +901,17 @@ }, "dependencies": { "regexpu-core": { - "version": "4.4.0", - "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.4.0.tgz", - "integrity": "sha512-eDDWElbwwI3K0Lo6CqbQbA6FwgtCz4kYTarrri1okfkRLZAqstU+B3voZBCjg8Fl6iq0gXrJG6MvRgLthfvgOA==", + "version": "4.5.2", + "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.5.2.tgz", + "integrity": "sha512-CgGxXmuX0Cf57z7KahSHe4kaNY8gBRCFFEretQ5AHsnlLx/5VdCrQOoOz1POxLdZjPbwE5ncTspPJwp2WHPcHA==", "dev": true, "requires": { "regenerate": "^1.4.0", - "regenerate-unicode-properties": "^7.0.0", + "regenerate-unicode-properties": "^8.0.0", "regjsgen": "^0.5.0", "regjsparser": "^0.6.0", "unicode-match-property-ecmascript": "^1.0.4", - "unicode-match-property-value-ecmascript": "^1.0.2" + "unicode-match-property-value-ecmascript": "^1.1.0" } }, "regjsgen": { @@ -2030,6 +2030,29 @@ "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==", "dev": true }, + "@types/events": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.0.tgz", + "integrity": "sha512-EaObqwIvayI5a8dCzhFrjKzVwKLxjoG9T6Ppd5CEo07LRKfQ8Yokw54r5+Wq7FaBQ+yXRvQAYPrHwya1/UFt9g==", + "dev": true + }, + "@types/glob": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.1.1.tgz", + "integrity": "sha512-1Bh06cbWJUHMC97acuD6UMG29nMt0Aqz1vF3guLfG+kHHJhy3AyohZFFxYk2f7Q1SQIrNwvncxAE0N/9s70F2w==", + "dev": true, + "requires": { + "@types/events": "*", + "@types/minimatch": "*", + "@types/node": "*" + } + }, + "@types/minimatch": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.3.tgz", + "integrity": "sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA==", + "dev": true + }, "@types/minimist": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.0.tgz", @@ -2037,9 +2060,9 @@ "dev": true }, "@types/node": { - "version": "11.9.6", - "resolved": "https://registry.npmjs.org/@types/node/-/node-11.9.6.tgz", - "integrity": "sha512-4hS2K4gwo9/aXIcoYxCtHpdgd8XUeDmo1siRCAH3RziXB65JlPqUFMtfy9VPj+og7dp3w1TFjGwYga4e0m9GwA==", + "version": "11.10.4", + "resolved": "https://registry.npmjs.org/@types/node/-/node-11.10.4.tgz", + "integrity": "sha512-wa09itaLE8L705aXd8F80jnFpxz3Y1/KRHfKsYL2bPc0XF+wEWu8sR9n5bmeu8Ba1N9z2GRNzm/YdHcghLkLKg==", "dev": true }, "@types/q": { @@ -2609,11 +2632,12 @@ } }, "globby": { - "version": "9.0.0", - "resolved": "https://registry.npmjs.org/globby/-/globby-9.0.0.tgz", - "integrity": "sha512-q0qiO/p1w/yJ0hk8V9x1UXlgsXUxlGd0AHUOXZVXBO6aznDtpx7M8D1kBrCAItoPm+4l8r6ATXV1JpjY2SBQOw==", + "version": "9.1.0", + "resolved": "https://registry.npmjs.org/globby/-/globby-9.1.0.tgz", + "integrity": "sha512-VtYjhHr7ncls724Of5W6Kaahz0ag7dB4G62/2HsN+xEKG6SrPzM1AJMerGxQTwJGnN9reeyxdvXbuZYpfssCvg==", "dev": true, "requires": { + "@types/glob": "^7.1.1", "array-union": "^1.0.2", "dir-glob": "^2.2.1", "fast-glob": "^2.2.6", @@ -2986,11 +3010,12 @@ } }, "globby": { - "version": "9.0.0", - "resolved": "https://registry.npmjs.org/globby/-/globby-9.0.0.tgz", - "integrity": "sha512-q0qiO/p1w/yJ0hk8V9x1UXlgsXUxlGd0AHUOXZVXBO6aznDtpx7M8D1kBrCAItoPm+4l8r6ATXV1JpjY2SBQOw==", + "version": "9.1.0", + "resolved": "https://registry.npmjs.org/globby/-/globby-9.1.0.tgz", + "integrity": "sha512-VtYjhHr7ncls724Of5W6Kaahz0ag7dB4G62/2HsN+xEKG6SrPzM1AJMerGxQTwJGnN9reeyxdvXbuZYpfssCvg==", "dev": true, "requires": { + "@types/glob": "^7.1.1", "array-union": "^1.0.2", "dir-glob": "^2.2.1", "fast-glob": "^2.2.6", @@ -3564,9 +3589,9 @@ } }, "ajv": { - "version": "6.9.2", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.9.2.tgz", - "integrity": "sha512-4UFy0/LgDo7Oa/+wOAlj44tp9K78u38E5/359eSrqEp1Z5PdVfimCcs7SluXMP755RUQu6d2b4AvF0R1C9RZjg==", + "version": "6.10.0", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.10.0.tgz", + "integrity": "sha512-nffhOpkymDECQyR0mnsUtoCE8RlX38G0rYP+wgLWFyZuUyuuojSSvi/+euOiQBIn63whYwYVIIH1TvE3tu4OEg==", "dev": true, "requires": { "fast-deep-equal": "^2.0.1", @@ -3643,9 +3668,9 @@ } }, "ansi-colors": { - "version": "3.2.3", - "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-3.2.3.tgz", - "integrity": "sha512-LEHHyuhlPY3TmuUYMh2oz89lTShfvgbmzaBcxve9t/9Wuy7Dwf4yoAKcND7KFT1HAQfqZ12qtc+DUrBMeKF9nw==", + "version": "3.2.4", + "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-3.2.4.tgz", + "integrity": "sha512-hHUXGagefjN2iRrID63xckIvotOXOojhQKWIPUZ4mNUZ9nLZW+7FMNoE1lOkEhNWYsx/7ysGIuJYCiMAA9FnrA==", "dev": true }, "ansi-escapes": { @@ -3930,13 +3955,13 @@ "dev": true }, "autoprefixer": { - "version": "9.4.9", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.4.9.tgz", - "integrity": "sha512-OyUl7KvbGBoFQbGQu51hMywz1aaVeud/6uX8r1R1DNcqFvqGUUy6+BDHnAZE8s5t5JyEObaSw+O1DpAdjAmLuw==", + "version": "9.4.10", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.4.10.tgz", + "integrity": "sha512-XR8XZ09tUrrSzgSlys4+hy5r2/z4Jp7Ag3pHm31U4g/CTccYPOVe19AkaJ4ey/vRd1sfj+5TtuD6I0PXtutjvQ==", "dev": true, "requires": { "browserslist": "^4.4.2", - "caniuse-lite": "^1.0.30000939", + "caniuse-lite": "^1.0.30000940", "normalize-range": "^0.1.2", "num2fraction": "^1.2.2", "postcss": "^7.0.14", @@ -5483,17 +5508,17 @@ } }, "regexpu-core": { - "version": "4.4.0", - "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.4.0.tgz", - "integrity": "sha512-eDDWElbwwI3K0Lo6CqbQbA6FwgtCz4kYTarrri1okfkRLZAqstU+B3voZBCjg8Fl6iq0gXrJG6MvRgLthfvgOA==", + "version": "4.5.2", + "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.5.2.tgz", + "integrity": "sha512-CgGxXmuX0Cf57z7KahSHe4kaNY8gBRCFFEretQ5AHsnlLx/5VdCrQOoOz1POxLdZjPbwE5ncTspPJwp2WHPcHA==", "dev": true, "requires": { "regenerate": "^1.4.0", - "regenerate-unicode-properties": "^7.0.0", + "regenerate-unicode-properties": "^8.0.0", "regjsgen": "^0.5.0", "regjsparser": "^0.6.0", "unicode-match-property-ecmascript": "^1.0.4", - "unicode-match-property-value-ecmascript": "^1.0.2" + "unicode-match-property-value-ecmascript": "^1.1.0" } }, "regjsgen": { @@ -5755,9 +5780,9 @@ } }, "camelcase": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.0.0.tgz", - "integrity": "sha512-faqwZqnWxbxn+F1d399ygeamQNy3lPp/H9H6rNrqYh4FSVCtcY+3cub1MxA8o9mDd55mM8Aghuu/kuyYA6VTsA==", + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.2.0.tgz", + "integrity": "sha512-IXFsBS2pC+X0j0N/GE7Dm7j3bsEBp+oTpb7F50dwEVX7rf3IgwO9XatnegTsDtniKCUtEJH4fSU6Asw7uoVLfQ==", "dev": true }, "camelcase-css": { @@ -5810,15 +5835,15 @@ } }, "caniuse-db": { - "version": "1.0.30000939", - "resolved": "https://registry.npmjs.org/caniuse-db/-/caniuse-db-1.0.30000939.tgz", - "integrity": "sha512-nB5tLf3hOs+biXl1lhKjHRgNC0J1I7H52h/t1FP7qxARKKwpB0z+P/JewJLYAlxCBP/q7rxJzQzHHrQMl0viKg==", + "version": "1.0.30000941", + "resolved": "https://registry.npmjs.org/caniuse-db/-/caniuse-db-1.0.30000941.tgz", + "integrity": "sha512-xgDlJ1rEg4Zb1wqyiDw1Lwd2lIrG5El9vhHwURihFw8+Gk2PcyVh1RWaymOwFx6q49rMgVFqQAvLJmEU9RUUJg==", "dev": true }, "caniuse-lite": { - "version": "1.0.30000939", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000939.tgz", - "integrity": "sha512-oXB23ImDJOgQpGjRv1tCtzAvJr4/OvrHi5SO2vUgB0g0xpdZZoA/BxfImiWfdwoYdUTtQrPsXsvYU/dmCSM8gg==" + "version": "1.0.30000941", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000941.tgz", + "integrity": "sha512-4vzGb2MfZcO20VMPj1j6nRAixhmtlhkypM4fL4zhgzEucQIYiRzSqPcWIu1OF8i0FETD93FMIPWfUJCAcFvrqA==" }, "case-sensitive-paths-webpack-plugin": { "version": "2.2.0", @@ -6026,9 +6051,9 @@ } }, "cli-spinners": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-1.3.1.tgz", - "integrity": "sha512-1QL4544moEsDVH9T/l6Cemov/37iv1RtoKf7NJ04A60+4MREXNfx/QvavbH6QoGdsD4N4Mwy49cmaINR/o2mdg==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.0.0.tgz", + "integrity": "sha512-yiEBmhaKPPeBj7wWm4GEdtPZK940p9pl3EANIrnJ3JnvWyrPjcFcsEq6qRUuQ7fzB0+Y82ld3p6B34xo95foWw==", "dev": true }, "cli-table3": { @@ -7970,9 +7995,9 @@ } }, "eslint-scope": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-4.0.0.tgz", - "integrity": "sha512-1G6UTDi7Jc1ELFwnR58HV4fK9OQK4S6N985f166xqXxpjU6plxFISJa2Ba9KCQuFa8RCnj/lSFJbHo7UFDBnUA==", + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-4.0.2.tgz", + "integrity": "sha512-5q1+B/ogmHl8+paxtOKx38Z8LtWkVGuNt3+GQNErqwLl6ViNp/gdJGMCjZNxZ8j/VYjDNZ2Fo+eQc1TAVPIzbg==", "dev": true, "requires": { "esrecurse": "^4.1.0", @@ -8507,9 +8532,9 @@ } }, "find-babel-config": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/find-babel-config/-/find-babel-config-1.1.0.tgz", - "integrity": "sha1-rMAQQ6Z0n+w0Qpvmtk9ULrtdY1U=", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/find-babel-config/-/find-babel-config-1.2.0.tgz", + "integrity": "sha512-jB2CHJeqy6a820ssiqwrKMeyC6nNdmrcgkKWJWmpoxpE8RKciYJXCcXRq1h2AzCo5I5BJeN2tkGEO3hLTuePRA==", "dev": true, "requires": { "json5": "^0.5.1", @@ -12023,9 +12048,9 @@ } }, "node-releases": { - "version": "1.1.8", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.8.tgz", - "integrity": "sha512-gQm+K9mGCiT/NXHy+V/ZZS1N/LOaGGqRAAJJs3X9Ah1g+CIbRcBgNyoNYQ+SEtcyAtB9KqDruu+fF7nWjsqRaA==", + "version": "1.1.9", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.9.tgz", + "integrity": "sha512-oic3GT4OtbWWKfRolz5Syw0Xus0KRFxeorLNj0s93ofX6PWyuzKjsiGxsCtWktBwwmTF6DdRRf2KreGqeOk5KA==", "dev": true, "requires": { "semver": "^5.3.0" @@ -12390,14 +12415,14 @@ } }, "ora": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/ora/-/ora-3.1.0.tgz", - "integrity": "sha512-vRBPaNCclUi8pUxRF/G8+5qEQkc6EgzKK1G2ZNJUIGu088Un5qIxFXeDgymvPRM9nmrcUOGzQgS1Vmtz+NtlMw==", + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/ora/-/ora-3.2.0.tgz", + "integrity": "sha512-XHMZA5WieCbtg+tu0uPF8CjvwQdNzKCX6BVh3N6GFsEXH40mTk5dsw/ya1lBTUGJslcEFJFQ8cBhOgkkZXQtMA==", "dev": true, "requires": { "chalk": "^2.4.2", "cli-cursor": "^2.1.0", - "cli-spinners": "^1.3.1", + "cli-spinners": "^2.0.0", "log-symbols": "^2.2.0", "strip-ansi": "^5.0.0", "wcwidth": "^1.0.1" @@ -12555,9 +12580,9 @@ "dev": true }, "p-limit": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.1.0.tgz", - "integrity": "sha512-NhURkNcrVB+8hNfLuysU8enY5xn2KXphsHBaC2YmRNTZRc7RWusw6apSpdEj3jo4CMb6W9nrF6tTnsJsJeyu6g==", + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.0.tgz", + "integrity": "sha512-pZbTJpoUsCzV48Mc9Nh51VbwO0X9cuPFE8gYwx9BTCt9SF8/b7Zljd2fVgOxhIF/HDTKgpVzs+GPhyKfjLLFRQ==", "dev": true, "requires": { "p-try": "^2.0.0" @@ -14983,9 +15008,9 @@ "integrity": "sha512-1G6jJVDWrt0rK99kBjvEtziZNCICAuvIPkSiUFIQxVP06RCVpq3dmDo2oi6ABpYaDYaTRr67BEhL8r1wgEZZKg==" }, "regenerate-unicode-properties": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-7.0.0.tgz", - "integrity": "sha512-s5NGghCE4itSlUS+0WUj88G6cfMVMmH8boTPNvABf8od+2dhT9WDlWu8n01raQAJZMOK8Ch6jSexaRO7swd6aw==", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-8.0.0.tgz", + "integrity": "sha512-tlYkVh6F/QXtosuyOZV2SkOtA248fjMAUWjGf8aYBvQK1ZMarbMvFBvkguSt93HhdXh20m15sc4b5EIBxXLHQQ==", "dev": true, "requires": { "regenerate": "^1.4.0" @@ -19207,15 +19232,15 @@ } }, "unicode-match-property-value-ecmascript": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-1.0.2.tgz", - "integrity": "sha512-Rx7yODZC1L/T8XKo/2kNzVAQaRE88AaMvI1EF/Xnj3GW2wzN6fop9DDWuFAKUVFH7vozkz26DzP0qyWLKLIVPQ==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-1.1.0.tgz", + "integrity": "sha512-hDTHvaBk3RmFzvSl0UVrUmC3PuW9wKVnpoUDYH0JDkSIovzw+J5viQmeYHxVSBptubnr7PbH2e0fnpDRQnQl5g==", "dev": true }, "unicode-property-aliases-ecmascript": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.0.4.tgz", - "integrity": "sha512-2WSLa6OdYd2ng8oqiGIWnJqyFArvhn+5vgx5GTxMbUYjCYKUcuKS62YLFF0R/BDGlB1yzXjQOLtPAfHsgirEpg==", + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.0.5.tgz", + "integrity": "sha512-L5RAqCfXqAwR3RriF8pM0lU0w4Ryf/GgzONwi6KnL1taJQa7x1TCxdJnILX59WIGOwR57IVxn7Nej0fz1Ny6fw==", "dev": true }, "union-value": { @@ -19542,9 +19567,9 @@ } }, "vue": { - "version": "2.6.7", - "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.7.tgz", - "integrity": "sha512-g7ADfQ82QU+j6F/bVDioVQf2ccIMYLuR4E8ev+RsDBlmwRkhGO3HhgF4PF9vpwjdPpxyb1zzLur2nQ2oIMAMEg==" + "version": "2.6.8", + "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.8.tgz", + "integrity": "sha512-+vp9lEC2Kt3yom673pzg1J7T1NVGuGzO9j8Wxno+rQN2WYVBX2pyo/RGQ3fXCLh2Pk76Skw/laAPCuBuEQ4diw==" }, "vue-eslint-parser": { "version": "2.0.3", @@ -19627,9 +19652,9 @@ } }, "vue-template-compiler": { - "version": "2.6.7", - "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.6.7.tgz", - "integrity": "sha512-ZjxJLr6Lw2gj6aQGKwBWTxVNNd28/qggIdwvr5ushrUHUvqgbHD0xusOVP2yRxT4pX3wRIJ2LfxjgFT41dEtoQ==", + "version": "2.6.8", + "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.6.8.tgz", + "integrity": "sha512-SwWKANE5ee+oJg+dEJmsdxsxWYICPsNwk68+1AFjOS8l0O/Yz2845afuJtFqf3UjS/vXG7ECsPeHHEAD65Cjng==", "dev": true, "requires": { "de-indent": "^1.0.2", @@ -19713,12 +19738,13 @@ } }, "webpack-bundle-analyzer": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/webpack-bundle-analyzer/-/webpack-bundle-analyzer-3.0.4.tgz", - "integrity": "sha512-ggDUgtKuQki4vmc93Ej65GlYxeCUR/0THa7gA+iqAGC2FFAxO+r+RM9sAUa8HWdw4gJ3/NZHX/QUcVgRjdIsDg==", + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/webpack-bundle-analyzer/-/webpack-bundle-analyzer-3.1.0.tgz", + "integrity": "sha512-nyDyWEs7C6DZlgvu1pR1zzJfIWSiGPbtaByZr8q+Fd2xp70FuM/8ngCJzj3Er1TYRLSFmp1F1OInbEm4DZH8NA==", "dev": true, "requires": { - "acorn": "^5.7.3", + "acorn": "^6.0.7", + "acorn-walk": "^6.1.1", "bfj": "^6.1.1", "chalk": "^2.4.1", "commander": "^2.18.0", @@ -19732,12 +19758,6 @@ "ws": "^6.0.0" }, "dependencies": { - "acorn": { - "version": "5.7.3", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-5.7.3.tgz", - "integrity": "sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==", - "dev": true - }, "ansi-styles": { "version": "3.2.1", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", diff --git a/src/components/Icon.vue b/src/components/Icon.vue index da19930..0f91d83 100644 --- a/src/components/Icon.vue +++ b/src/components/Icon.vue @@ -17,24 +17,44 @@ width: 18px; height: 18px; - &.sm { - width: 12px; - height: 12px; + &.size-sm { + width: .75rem; + height: .75rem; } - &.base { - width: 18px; - height: 18px; + &.size-base { + width: 1rem; + height: 1rem; } - &.lg { - width: 24px; - height: 24px; + &.size-lg { + width: 1.25rem; + height: 1.25rem; } - &.xl { - width: 32px; - height: 32px; + &.size-xl { + width: 1.5rem; + height: 1.5rem; + } + + &.size-2xl { + width: 1.75rem; + height: 1.75rem; + } + + &.size-3xl { + width: 2.25rem; + height: 2.25rem; + } + + &.size-4xl { + width: 3rem; + height: 3rem; + } + + &.size-5xl { + width: 4rem; + height: 4rem; } } \ No newline at end of file