From aaaf90f8946e6c93ad4befd3a7256a2b60490e27 Mon Sep 17 00:00:00 2001 From: Benjamin David Date: Tue, 2 Apr 2019 10:45:29 +0200 Subject: [PATCH 1/6] Added size `sm` to the Spinner component --- dist/craftui.css | 93 +++++++++++++++-------------- dist/craftui.min.css | 2 +- dist/craftui.min.css.map | 2 +- docs/src/stories/spinner.stories.js | 2 +- src/components/Spinner.vue | 11 +++- 5 files changed, 61 insertions(+), 49 deletions(-) diff --git a/dist/craftui.css b/dist/craftui.css index 18b1034..a46f144 100644 --- a/dist/craftui.css +++ b/dist/craftui.css @@ -1013,6 +1013,48 @@ body.rtl .c-radio input { font-size: .875rem; } +.c-textbox .wrapper { + position: relative; +} + +.c-textbox .wrapper input.c-textbox.w-full { + width: 100%; +} + +.c-textbox .wrapper .text-red-dark { + color: #cc1f1a; +} + +.c-textbox .wrapper .max { + margin-top: .5rem; +} + +body.ltr .c-textbox .wrapper .max { + padding-right: .25rem; +} + +body.rtl .c-textbox .wrapper .max { + padding-left: .25rem; +} + +.c-textbox .wrapper .max.floating { + position: absolute; + font-size: .75rem; + text-align: right; +} + +.c-textbox .wrapper .max.text-grey { + color: #b8c2cc; +} + +.c-textbox .wrapper .max.text-orange { + color: #f6993f; +} + +.c-textbox .wrapper .max.text-red { + color: #e3342f; +} + .c-spinner { display: inline-block; } @@ -1020,8 +1062,8 @@ body.rtl .c-radio input { .c-spinner>.animation { -webkit-animation: rotator .7s linear infinite; animation: rotator .7s linear infinite; - width: 22px; - height: 22px; + width: 20px; + height: 20px; border-radius: 50%; border: 2px solid transparent; border-top-color: transparent !important; @@ -1030,6 +1072,11 @@ body.rtl .c-radio input { border-bottom-color: #555; } +.c-spinner.sm>.animation { + width: 16px; + height: 16px; +} + .c-spinner.lg>.animation { width: 32px; height: 32px; @@ -1059,45 +1106,3 @@ body.rtl .c-radio input { transform: rotate(1turn); } } - -.c-textbox .wrapper { - position: relative; -} - -.c-textbox .wrapper input.c-textbox.w-full { - width: 100%; -} - -.c-textbox .wrapper .text-red-dark { - color: #cc1f1a; -} - -.c-textbox .wrapper .max { - margin-top: .5rem; -} - -body.ltr .c-textbox .wrapper .max { - padding-right: .25rem; -} - -body.rtl .c-textbox .wrapper .max { - padding-left: .25rem; -} - -.c-textbox .wrapper .max.floating { - position: absolute; - font-size: .75rem; - text-align: right; -} - -.c-textbox .wrapper .max.text-grey { - color: #b8c2cc; -} - -.c-textbox .wrapper .max.text-orange { - color: #f6993f; -} - -.c-textbox .wrapper .max.text-red { - color: #e3342f; -} diff --git a/dist/craftui.min.css b/dist/craftui.min.css index a02a384..72bce9f 100644 --- a/dist/craftui.min.css +++ b/dist/craftui.min.css @@ -5,6 +5,6 @@ body.ltr .c-checkbox input{margin-right:.5rem}body.rtl .c-checkbox input{margin- .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-lightswitch .c-lightswitch-input label{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:46px;height:30px}.c-lightswitch .c-lightswitch-input label input{position:absolute;opacity:0}.c-lightswitch .c-lightswitch-input label .slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.c-lightswitch .c-lightswitch-input label .slider:before{position:absolute;background-color:#fff;content:"";height:26px;width:26px;bottom:2px;-webkit-transition:.1s;transition:.1s}body.ltr .c-lightswitch .c-lightswitch-input label .slider:before{left:2px}body.rtl .c-lightswitch .c-lightswitch-input label .slider:before{right:2px}.c-lightswitch .c-lightswitch-input label input:checked+.slider{background-color:#38c172}.c-lightswitch .c-lightswitch-input label input:focus+.slider{-webkit-box-shadow:0 0 1px #38c172;box-shadow:0 0 1px #38c172}.c-lightswitch .c-lightswitch-input label input:checked+.slider:before{-webkit-transform:translateX(16px);transform:translateX(16px)}.c-lightswitch .c-lightswitch-input label .slider.round{border-radius:34px}.c-lightswitch .c-lightswitch-input label .slider.round:before{border-radius:50%}.c-lightswitch .c-lightswitch-input label.disabled{opacity:.4}.c-lightswitch .c-lightswitch-input label.disabled .slider{cursor:default} body.ltr .c-radio input{margin-right:.5rem}body.rtl .c-radio input{margin-left:.5rem}.c-radio .instructions{color:#8795a1;font-size:.875rem} -.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)}} .c-textbox .wrapper{position:relative}.c-textbox .wrapper input.c-textbox.w-full{width:100%}.c-textbox .wrapper .text-red-dark{color:#cc1f1a}.c-textbox .wrapper .max{margin-top:.5rem}body.ltr .c-textbox .wrapper .max{padding-right:.25rem}body.rtl .c-textbox .wrapper .max{padding-left:.25rem}.c-textbox .wrapper .max.floating{position:absolute;font-size:.75rem;text-align:right}.c-textbox .wrapper .max.text-grey{color:#b8c2cc}.c-textbox .wrapper .max.text-orange{color:#f6993f}.c-textbox .wrapper .max.text-red{color:#e3342f} +.c-spinner{display:inline-block}.c-spinner>.animation{-webkit-animation:a .7s linear infinite;animation:a .7s linear infinite;width:20px;height:20px;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.sm>.animation{width:16px;height:16px}.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)}} /*# 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 a2e4392..388d7bb 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/Checkbox.vue?rollup-plugin-vue=styles.0.css","dist/Dropdown.vue?rollup-plugin-vue=styles.0.css","dist/Icon.vue?rollup-plugin-vue=styles.0.css","dist/Lightswitch.vue?rollup-plugin-vue=styles.0.css","dist/Radio.vue?rollup-plugin-vue=styles.0.css","dist/Spinner.vue?rollup-plugin-vue=styles.0.css","dist/Textbox.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.c-field {\n margin-bottom: 1rem; }\n\n.c-field.mono input,\n.c-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.c-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=\"email\"],\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=\"email\"]:disabled, input[type=\"email\"][readonly],\n input[type=\"text\"]:disabled,\n 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=\"email\"].is-invalid,\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-2;}.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.primary:not(.outline) .c-icon,a.c-btn.danger:not(.outline) .c-icon,a.c-btn.primary:not(.outline) .c-icon,button.c-btn.danger:not(.outline) .c-icon,button.c-btn.primary:not(.outline) .c-icon{fill:#fff}.c-btn.primary:not(.outline),a.c-btn.primary:not(.outline),button.c-btn.primary:not(.outline){@apply .bg-blue .border-blue .text-white;}.c-btn.primary:not(.outline):not([disabled]):hover,a.c-btn.primary:not(.outline):not([disabled]):hover,button.c-btn.primary:not(.outline):not([disabled]):hover{@apply .bg-blue-dark .border-blue-dark;}.c-btn.primary:not(.outline):not([disabled]):active,a.c-btn.primary:not(.outline):not([disabled]):active,button.c-btn.primary:not(.outline):not([disabled]):active{@apply .bg-blue-darker .border-blue-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[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.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 .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).primary .c-spinner>.animation,a.c-btn.loading:not(.outline).danger .c-spinner>.animation,a.c-btn.loading:not(.outline).primary .c-spinner>.animation,button.c-btn.loading:not(.outline).danger .c-spinner>.animation,button.c-btn.loading:not(.outline).primary .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.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 .c-spinner,a.c-btn.loading .c-spinner,button.c-btn.loading .c-spinner{@apply .absolute .pin .flex .justify-center .items-center;}.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 .align-middle;}body.ltr .c-btn:not(.c-btn-icon) .c-icon,body.ltr a.c-btn:not(.c-btn-icon) .c-icon,body.ltr button.c-btn:not(.c-btn-icon) .c-icon{margin-right:.25rem}body.rtl .c-btn:not(.c-btn-icon) .c-icon,body.rtl a.c-btn:not(.c-btn-icon) .c-icon,body.rtl button.c-btn:not(.c-btn-icon) .c-icon{margin-left:.25rem}.c-btn .c-btn-content,a.c-btn .c-btn-content,button.c-btn .c-btn-content{@apply .inline-block;}","body.ltr .c-checkbox input{margin-right:.5rem}body.rtl .c-checkbox input{margin-left:.5rem}",".c-dropdown .c-dropdown-input select.w-full{@apply .w-full;}.c-dropdown .is-invalid select{@apply .border-red;}",".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-lightswitch .c-lightswitch-input label{@apply .relative .block .select-none;width:46px;height:30px}.c-lightswitch .c-lightswitch-input label input{@apply .absolute .opacity-0;}.c-lightswitch .c-lightswitch-input label .slider{@apply .absolute .pin .cursor-pointer;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.c-lightswitch .c-lightswitch-input label .slider:before{@apply .absolute .bg-white;content:\"\";height:26px;width:26px;bottom:2px;-webkit-transition:.1s;transition:.1s}body.ltr .c-lightswitch .c-lightswitch-input label .slider:before{left:2px}body.rtl .c-lightswitch .c-lightswitch-input label .slider:before{right:2px}.c-lightswitch .c-lightswitch-input label input:checked+.slider{background-color:#38c172}.c-lightswitch .c-lightswitch-input label input:focus+.slider{box-shadow:0 0 1px #38c172}.c-lightswitch .c-lightswitch-input label input:checked+.slider:before{-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(16px)}.c-lightswitch .c-lightswitch-input label .slider.round{border-radius:34px}.c-lightswitch .c-lightswitch-input label .slider.round:before{border-radius:50%}.c-lightswitch .c-lightswitch-input label.disabled{opacity:.4}.c-lightswitch .c-lightswitch-input label.disabled .slider{@apply .cursor-default;}","body.ltr .c-radio input{margin-right:.5rem}body.rtl .c-radio input{margin-left:.5rem}.c-radio .instructions{@apply .text-grey-dark .text-sm;}",".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)}}",".c-textbox .wrapper{@apply .relative;}.c-textbox .wrapper input.c-textbox.w-full{@apply .w-full;}.c-textbox .wrapper .text-red-dark{@apply .text-red-dark;}.c-textbox .wrapper .max{@apply .mt-2;}body.ltr .c-textbox .wrapper .max{padding-right:.25rem}body.rtl .c-textbox .wrapper .max{padding-left:.25rem}.c-textbox .wrapper .max.floating{@apply .absolute .text-xs .text-right;}.c-textbox .wrapper .max.text-grey{@apply .text-grey;}.c-textbox .wrapper .max.text-orange{@apply .text-orange;}.c-textbox .wrapper .max.text-red{@apply .text-red;}"]} \ No newline at end of file +{"version":3,"sources":["dist/styles.scss","dist/","dist/Btn.vue?rollup-plugin-vue=styles.0.css","dist/Checkbox.vue?rollup-plugin-vue=styles.0.css","dist/Dropdown.vue?rollup-plugin-vue=styles.0.css","dist/Icon.vue?rollup-plugin-vue=styles.0.css","dist/Lightswitch.vue?rollup-plugin-vue=styles.0.css","dist/Radio.vue?rollup-plugin-vue=styles.0.css","dist/Textbox.vue?rollup-plugin-vue=styles.0.css","dist/Spinner.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.c-field {\n margin-bottom: 1rem; }\n\n.c-field.mono input,\n.c-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.c-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=\"email\"],\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=\"email\"]:disabled, input[type=\"email\"][readonly],\n input[type=\"text\"]:disabled,\n 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=\"email\"].is-invalid,\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-2;}.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.primary:not(.outline) .c-icon,a.c-btn.danger:not(.outline) .c-icon,a.c-btn.primary:not(.outline) .c-icon,button.c-btn.danger:not(.outline) .c-icon,button.c-btn.primary:not(.outline) .c-icon{fill:#fff}.c-btn.primary:not(.outline),a.c-btn.primary:not(.outline),button.c-btn.primary:not(.outline){@apply .bg-blue .border-blue .text-white;}.c-btn.primary:not(.outline):not([disabled]):hover,a.c-btn.primary:not(.outline):not([disabled]):hover,button.c-btn.primary:not(.outline):not([disabled]):hover{@apply .bg-blue-dark .border-blue-dark;}.c-btn.primary:not(.outline):not([disabled]):active,a.c-btn.primary:not(.outline):not([disabled]):active,button.c-btn.primary:not(.outline):not([disabled]):active{@apply .bg-blue-darker .border-blue-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[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.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 .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).primary .c-spinner>.animation,a.c-btn.loading:not(.outline).danger .c-spinner>.animation,a.c-btn.loading:not(.outline).primary .c-spinner>.animation,button.c-btn.loading:not(.outline).danger .c-spinner>.animation,button.c-btn.loading:not(.outline).primary .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.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 .c-spinner,a.c-btn.loading .c-spinner,button.c-btn.loading .c-spinner{@apply .absolute .pin .flex .justify-center .items-center;}.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 .align-middle;}body.ltr .c-btn:not(.c-btn-icon) .c-icon,body.ltr a.c-btn:not(.c-btn-icon) .c-icon,body.ltr button.c-btn:not(.c-btn-icon) .c-icon{margin-right:.25rem}body.rtl .c-btn:not(.c-btn-icon) .c-icon,body.rtl a.c-btn:not(.c-btn-icon) .c-icon,body.rtl button.c-btn:not(.c-btn-icon) .c-icon{margin-left:.25rem}.c-btn .c-btn-content,a.c-btn .c-btn-content,button.c-btn .c-btn-content{@apply .inline-block;}","body.ltr .c-checkbox input{margin-right:.5rem}body.rtl .c-checkbox input{margin-left:.5rem}",".c-dropdown .c-dropdown-input select.w-full{@apply .w-full;}.c-dropdown .is-invalid select{@apply .border-red;}",".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-lightswitch .c-lightswitch-input label{@apply .relative .block .select-none;width:46px;height:30px}.c-lightswitch .c-lightswitch-input label input{@apply .absolute .opacity-0;}.c-lightswitch .c-lightswitch-input label .slider{@apply .absolute .pin .cursor-pointer;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.c-lightswitch .c-lightswitch-input label .slider:before{@apply .absolute .bg-white;content:\"\";height:26px;width:26px;bottom:2px;-webkit-transition:.1s;transition:.1s}body.ltr .c-lightswitch .c-lightswitch-input label .slider:before{left:2px}body.rtl .c-lightswitch .c-lightswitch-input label .slider:before{right:2px}.c-lightswitch .c-lightswitch-input label input:checked+.slider{background-color:#38c172}.c-lightswitch .c-lightswitch-input label input:focus+.slider{box-shadow:0 0 1px #38c172}.c-lightswitch .c-lightswitch-input label input:checked+.slider:before{-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(16px)}.c-lightswitch .c-lightswitch-input label .slider.round{border-radius:34px}.c-lightswitch .c-lightswitch-input label .slider.round:before{border-radius:50%}.c-lightswitch .c-lightswitch-input label.disabled{opacity:.4}.c-lightswitch .c-lightswitch-input label.disabled .slider{@apply .cursor-default;}","body.ltr .c-radio input{margin-right:.5rem}body.rtl .c-radio input{margin-left:.5rem}.c-radio .instructions{@apply .text-grey-dark .text-sm;}",".c-textbox .wrapper{@apply .relative;}.c-textbox .wrapper input.c-textbox.w-full{@apply .w-full;}.c-textbox .wrapper .text-red-dark{@apply .text-red-dark;}.c-textbox .wrapper .max{@apply .mt-2;}body.ltr .c-textbox .wrapper .max{padding-right:.25rem}body.rtl .c-textbox .wrapper .max{padding-left:.25rem}.c-textbox .wrapper .max.floating{@apply .absolute .text-xs .text-right;}.c-textbox .wrapper .max.text-grey{@apply .text-grey;}.c-textbox .wrapper .max.text-orange{@apply .text-orange;}.c-textbox .wrapper .max.text-red{@apply .text-red;}",".c-spinner{@apply .inline-block;}.c-spinner>.animation{animation:rotator .7s linear infinite;width:20px;height:20px;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.sm>.animation{width:16px;height:16px}.c-spinner.lg>.animation{width:32px;height:32px;border-width:3px}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(1turn)}}"]} \ No newline at end of file diff --git a/docs/src/stories/spinner.stories.js b/docs/src/stories/spinner.stories.js index 98585ba..c44b202 100644 --- a/docs/src/stories/spinner.stories.js +++ b/docs/src/stories/spinner.stories.js @@ -9,7 +9,7 @@ storiesOf('Components|Spinner', module) props: { size: { type: String, - default: select('size', ['base', 'lg'], 'base') + default: select('size', ['sm', 'base', 'lg'], 'base') }, }, }), { notes: { markdown: SpinnerNotesMD } }) diff --git a/src/components/Spinner.vue b/src/components/Spinner.vue index c23cff2..4e30229 100644 --- a/src/components/Spinner.vue +++ b/src/components/Spinner.vue @@ -23,8 +23,8 @@ & > .animation { animation: rotator .7s linear infinite; - width: 22px; - height: 22px; + width: 20px; + height: 20px; border-radius: 50%; border: 2px solid transparent; border-top-color: transparent !important; @@ -33,6 +33,13 @@ border-bottom-color: #555; } + &.sm { + & > .animation { + width: 16px; + height: 16px; + } + } + &.lg { & > .animation { width: 32px; From 3aaeba39a9a33cb7ee53e12b332305d06e23135c Mon Sep 17 00:00:00 2001 From: Benjamin David Date: Tue, 2 Apr 2019 12:26:14 +0200 Subject: [PATCH 2/6] Improved Btn shadows --- src/components/Btn.vue | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/components/Btn.vue b/src/components/Btn.vue index 6ad8427..a777c66 100644 --- a/src/components/Btn.vue +++ b/src/components/Btn.vue @@ -111,8 +111,7 @@ @apply .px-4 .py-2 .rounded .bg-grey-lighter .text-black .no-underline .border .border-solid .border-grey-lighter; &: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); + @apply .shadow; } &:not([disabled]) { From 6524be93555ee369996474608c5ec8c4d06005f6 Mon Sep 17 00:00:00 2001 From: Benjamin David Date: Tue, 2 Apr 2019 12:26:31 +0200 Subject: [PATCH 3/6] Improved Lightswitch focus state --- src/components/Lightswitch.vue | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/components/Lightswitch.vue b/src/components/Lightswitch.vue index cddce94..908b8c9 100644 --- a/src/components/Lightswitch.vue +++ b/src/components/Lightswitch.vue @@ -91,8 +91,9 @@ background-color: #38c172; } - input:focus + .slider { - box-shadow: 0 0 1px #38c172; + input:focus + .slider, + input:active + .slider { + box-shadow: 0 0 0 2px rgba(52,144,220,.5); } input:checked + .slider:before { From db196eaa39f8e335516b801214c3ff4670bc1c8f Mon Sep 17 00:00:00 2001 From: Benjamin David Date: Tue, 2 Apr 2019 12:26:38 +0200 Subject: [PATCH 4/6] dist --- dist/craftui.css | 179 ++++++++++++++++++++------------------- dist/craftui.min.css | 8 +- dist/craftui.min.css.map | 2 +- 3 files changed, 95 insertions(+), 94 deletions(-) diff --git a/dist/craftui.css b/dist/craftui.css index a46f144..6d220d8 100644 --- a/dist/craftui.css +++ b/dist/craftui.css @@ -619,8 +619,8 @@ button.c-btn { .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); + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); } .c-btn:not([disabled]):hover, @@ -857,14 +857,6 @@ button.c-btn .c-btn-content { display: inline-block; } -body.ltr .c-checkbox input { - margin-right: .5rem; -} - -body.rtl .c-checkbox input { - margin-left: .5rem; -} - .c-dropdown .c-dropdown-input select.w-full { width: 100%; } @@ -873,54 +865,12 @@ body.rtl .c-checkbox input { border-color: #e3342f; } -.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; +body.ltr .c-checkbox input { + margin-right: .5rem; } -.c-icon.size-5xl { - width: 4rem; - height: 4rem; +body.rtl .c-checkbox input { + margin-left: .5rem; } .c-lightswitch .c-lightswitch-input label { @@ -974,9 +924,10 @@ body.rtl .c-lightswitch .c-lightswitch-input label .slider:before { background-color: #38c172; } +.c-lightswitch .c-lightswitch-input label input:active+.slider, .c-lightswitch .c-lightswitch-input label input:focus+.slider { - -webkit-box-shadow: 0 0 1px #38c172; - box-shadow: 0 0 1px #38c172; + -webkit-box-shadow: 0 0 0 2px rgba(52, 144, 220, .5); + box-shadow: 0 0 0 2px rgba(52, 144, 220, .5); } .c-lightswitch .c-lightswitch-input label input:checked+.slider:before { @@ -1000,59 +951,67 @@ body.rtl .c-lightswitch .c-lightswitch-input label .slider:before { cursor: default; } -body.ltr .c-radio input { - margin-right: .5rem; -} - -body.rtl .c-radio input { - margin-left: .5rem; +.c-icon { + display: inline-block; + vertical-align: middle; + position: relative; + fill: currentColor; + top: -2px; + width: 18px; + height: 18px; } -.c-radio .instructions { - color: #8795a1; - font-size: .875rem; +.c-icon.size-sm { + width: .75rem; + height: .75rem; } -.c-textbox .wrapper { - position: relative; +.c-icon.size-base { + width: 1rem; + height: 1rem; } -.c-textbox .wrapper input.c-textbox.w-full { - width: 100%; +.c-icon.size-lg { + width: 1.25rem; + height: 1.25rem; } -.c-textbox .wrapper .text-red-dark { - color: #cc1f1a; +.c-icon.size-xl { + width: 1.5rem; + height: 1.5rem; } -.c-textbox .wrapper .max { - margin-top: .5rem; +.c-icon.size-2xl { + width: 1.75rem; + height: 1.75rem; } -body.ltr .c-textbox .wrapper .max { - padding-right: .25rem; +.c-icon.size-3xl { + width: 2.25rem; + height: 2.25rem; } -body.rtl .c-textbox .wrapper .max { - padding-left: .25rem; +.c-icon.size-4xl { + width: 3rem; + height: 3rem; } -.c-textbox .wrapper .max.floating { - position: absolute; - font-size: .75rem; - text-align: right; +.c-icon.size-5xl { + width: 4rem; + height: 4rem; } -.c-textbox .wrapper .max.text-grey { - color: #b8c2cc; +body.ltr .c-radio input { + margin-right: .5rem; } -.c-textbox .wrapper .max.text-orange { - color: #f6993f; +body.rtl .c-radio input { + margin-left: .5rem; } -.c-textbox .wrapper .max.text-red { - color: #e3342f; +.c-radio .instructions { + color: #8795a1; + font-size: .875rem; } .c-spinner { @@ -1106,3 +1065,45 @@ body.rtl .c-textbox .wrapper .max { transform: rotate(1turn); } } + +.c-textbox .wrapper { + position: relative; +} + +.c-textbox .wrapper input.c-textbox.w-full { + width: 100%; +} + +.c-textbox .wrapper .text-red-dark { + color: #cc1f1a; +} + +.c-textbox .wrapper .max { + margin-top: .5rem; +} + +body.ltr .c-textbox .wrapper .max { + padding-right: .25rem; +} + +body.rtl .c-textbox .wrapper .max { + padding-left: .25rem; +} + +.c-textbox .wrapper .max.floating { + position: absolute; + font-size: .75rem; + text-align: right; +} + +.c-textbox .wrapper .max.text-grey { + color: #b8c2cc; +} + +.c-textbox .wrapper .max.text-orange { + color: #f6993f; +} + +.c-textbox .wrapper .max.text-red { + color: #e3342f; +} diff --git a/dist/craftui.min.css b/dist/craftui.min.css index 72bce9f..6403760 100644 --- a/dist/craftui.min.css +++ b/dist/craftui.min.css @@ -1,10 +1,10 @@ /*! 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}.c-field{margin-bottom:1rem}.c-field.mono input,.c-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}.c-field .checkbox{margin-right:.5rem}select{border-width:1px;border-color:#dae1e7;background-color:#fff;height:calc(2.25rem + 2px)}input[type=email],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=email]:disabled,input[type=email][readonly],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=email].is-invalid,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:.5rem;margin-bottom:.5rem}.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.primary:not(.outline) .c-icon,a.c-btn.danger:not(.outline) .c-icon,a.c-btn.primary:not(.outline) .c-icon,button.c-btn.danger:not(.outline) .c-icon,button.c-btn.primary:not(.outline) .c-icon{fill:#fff}.c-btn.primary:not(.outline),a.c-btn.primary:not(.outline),button.c-btn.primary:not(.outline){background-color:#3490dc;border-color:#3490dc;color:#fff}.c-btn.primary:not(.outline):not([disabled]):hover,a.c-btn.primary:not(.outline):not([disabled]):hover,button.c-btn.primary:not(.outline):not([disabled]):hover{background-color:#2779bd;border-color:#2779bd}.c-btn.primary:not(.outline):not([disabled]):active,a.c-btn.primary:not(.outline):not([disabled]):active,button.c-btn.primary:not(.outline):not([disabled]):active{background-color:#1c3d5a;border-color:#1c3d5a}.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[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.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 .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).primary .c-spinner>.animation,a.c-btn.loading:not(.outline).danger .c-spinner>.animation,a.c-btn.loading:not(.outline).primary .c-spinner>.animation,button.c-btn.loading:not(.outline).danger .c-spinner>.animation,button.c-btn.loading:not(.outline).primary .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.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 .c-spinner,a.c-btn.loading .c-spinner,button.c-btn.loading .c-spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.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{vertical-align:middle}body.ltr .c-btn:not(.c-btn-icon) .c-icon,body.ltr a.c-btn:not(.c-btn-icon) .c-icon,body.ltr button.c-btn:not(.c-btn-icon) .c-icon{margin-right:.25rem}body.rtl .c-btn:not(.c-btn-icon) .c-icon,body.rtl a.c-btn:not(.c-btn-icon) .c-icon,body.rtl button.c-btn:not(.c-btn-icon) .c-icon{margin-left:.25rem}.c-btn .c-btn-content,a.c-btn .c-btn-content,button.c-btn .c-btn-content{display:inline-block} -body.ltr .c-checkbox input{margin-right:.5rem}body.rtl .c-checkbox input{margin-left:.5rem} +.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 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.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:.5rem;margin-bottom:.5rem}.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.primary:not(.outline) .c-icon,a.c-btn.danger:not(.outline) .c-icon,a.c-btn.primary:not(.outline) .c-icon,button.c-btn.danger:not(.outline) .c-icon,button.c-btn.primary:not(.outline) .c-icon{fill:#fff}.c-btn.primary:not(.outline),a.c-btn.primary:not(.outline),button.c-btn.primary:not(.outline){background-color:#3490dc;border-color:#3490dc;color:#fff}.c-btn.primary:not(.outline):not([disabled]):hover,a.c-btn.primary:not(.outline):not([disabled]):hover,button.c-btn.primary:not(.outline):not([disabled]):hover{background-color:#2779bd;border-color:#2779bd}.c-btn.primary:not(.outline):not([disabled]):active,a.c-btn.primary:not(.outline):not([disabled]):active,button.c-btn.primary:not(.outline):not([disabled]):active{background-color:#1c3d5a;border-color:#1c3d5a}.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[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.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 .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).primary .c-spinner>.animation,a.c-btn.loading:not(.outline).danger .c-spinner>.animation,a.c-btn.loading:not(.outline).primary .c-spinner>.animation,button.c-btn.loading:not(.outline).danger .c-spinner>.animation,button.c-btn.loading:not(.outline).primary .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.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 .c-spinner,a.c-btn.loading .c-spinner,button.c-btn.loading .c-spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.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{vertical-align:middle}body.ltr .c-btn:not(.c-btn-icon) .c-icon,body.ltr a.c-btn:not(.c-btn-icon) .c-icon,body.ltr button.c-btn:not(.c-btn-icon) .c-icon{margin-right:.25rem}body.rtl .c-btn:not(.c-btn-icon) .c-icon,body.rtl a.c-btn:not(.c-btn-icon) .c-icon,body.rtl button.c-btn:not(.c-btn-icon) .c-icon{margin-left:.25rem}.c-btn .c-btn-content,a.c-btn .c-btn-content,button.c-btn .c-btn-content{display:inline-block} .c-dropdown .c-dropdown-input select.w-full{width:100%}.c-dropdown .is-invalid select{border-color:#e3342f} +body.ltr .c-checkbox input{margin-right:.5rem}body.rtl .c-checkbox input{margin-left:.5rem} +.c-lightswitch .c-lightswitch-input label{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:46px;height:30px}.c-lightswitch .c-lightswitch-input label input{position:absolute;opacity:0}.c-lightswitch .c-lightswitch-input label .slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.c-lightswitch .c-lightswitch-input label .slider:before{position:absolute;background-color:#fff;content:"";height:26px;width:26px;bottom:2px;-webkit-transition:.1s;transition:.1s}body.ltr .c-lightswitch .c-lightswitch-input label .slider:before{left:2px}body.rtl .c-lightswitch .c-lightswitch-input label .slider:before{right:2px}.c-lightswitch .c-lightswitch-input label input:checked+.slider{background-color:#38c172}.c-lightswitch .c-lightswitch-input label input:active+.slider,.c-lightswitch .c-lightswitch-input label input:focus+.slider{-webkit-box-shadow:0 0 0 2px rgba(52,144,220,.5);box-shadow:0 0 0 2px rgba(52,144,220,.5)}.c-lightswitch .c-lightswitch-input label input:checked+.slider:before{-webkit-transform:translateX(16px);transform:translateX(16px)}.c-lightswitch .c-lightswitch-input label .slider.round{border-radius:34px}.c-lightswitch .c-lightswitch-input label .slider.round:before{border-radius:50%}.c-lightswitch .c-lightswitch-input label.disabled{opacity:.4}.c-lightswitch .c-lightswitch-input label.disabled .slider{cursor:default} .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-lightswitch .c-lightswitch-input label{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:46px;height:30px}.c-lightswitch .c-lightswitch-input label input{position:absolute;opacity:0}.c-lightswitch .c-lightswitch-input label .slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.c-lightswitch .c-lightswitch-input label .slider:before{position:absolute;background-color:#fff;content:"";height:26px;width:26px;bottom:2px;-webkit-transition:.1s;transition:.1s}body.ltr .c-lightswitch .c-lightswitch-input label .slider:before{left:2px}body.rtl .c-lightswitch .c-lightswitch-input label .slider:before{right:2px}.c-lightswitch .c-lightswitch-input label input:checked+.slider{background-color:#38c172}.c-lightswitch .c-lightswitch-input label input:focus+.slider{-webkit-box-shadow:0 0 1px #38c172;box-shadow:0 0 1px #38c172}.c-lightswitch .c-lightswitch-input label input:checked+.slider:before{-webkit-transform:translateX(16px);transform:translateX(16px)}.c-lightswitch .c-lightswitch-input label .slider.round{border-radius:34px}.c-lightswitch .c-lightswitch-input label .slider.round:before{border-radius:50%}.c-lightswitch .c-lightswitch-input label.disabled{opacity:.4}.c-lightswitch .c-lightswitch-input label.disabled .slider{cursor:default} body.ltr .c-radio input{margin-right:.5rem}body.rtl .c-radio input{margin-left:.5rem}.c-radio .instructions{color:#8795a1;font-size:.875rem} -.c-textbox .wrapper{position:relative}.c-textbox .wrapper input.c-textbox.w-full{width:100%}.c-textbox .wrapper .text-red-dark{color:#cc1f1a}.c-textbox .wrapper .max{margin-top:.5rem}body.ltr .c-textbox .wrapper .max{padding-right:.25rem}body.rtl .c-textbox .wrapper .max{padding-left:.25rem}.c-textbox .wrapper .max.floating{position:absolute;font-size:.75rem;text-align:right}.c-textbox .wrapper .max.text-grey{color:#b8c2cc}.c-textbox .wrapper .max.text-orange{color:#f6993f}.c-textbox .wrapper .max.text-red{color:#e3342f} .c-spinner{display:inline-block}.c-spinner>.animation{-webkit-animation:a .7s linear infinite;animation:a .7s linear infinite;width:20px;height:20px;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.sm>.animation{width:16px;height:16px}.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)}} +.c-textbox .wrapper{position:relative}.c-textbox .wrapper input.c-textbox.w-full{width:100%}.c-textbox .wrapper .text-red-dark{color:#cc1f1a}.c-textbox .wrapper .max{margin-top:.5rem}body.ltr .c-textbox .wrapper .max{padding-right:.25rem}body.rtl .c-textbox .wrapper .max{padding-left:.25rem}.c-textbox .wrapper .max.floating{position:absolute;font-size:.75rem;text-align:right}.c-textbox .wrapper .max.text-grey{color:#b8c2cc}.c-textbox .wrapper .max.text-orange{color:#f6993f}.c-textbox .wrapper .max.text-red{color:#e3342f} /*# 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 388d7bb..e61ec43 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/Checkbox.vue?rollup-plugin-vue=styles.0.css","dist/Dropdown.vue?rollup-plugin-vue=styles.0.css","dist/Icon.vue?rollup-plugin-vue=styles.0.css","dist/Lightswitch.vue?rollup-plugin-vue=styles.0.css","dist/Radio.vue?rollup-plugin-vue=styles.0.css","dist/Textbox.vue?rollup-plugin-vue=styles.0.css","dist/Spinner.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.c-field {\n margin-bottom: 1rem; }\n\n.c-field.mono input,\n.c-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.c-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=\"email\"],\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=\"email\"]:disabled, input[type=\"email\"][readonly],\n input[type=\"text\"]:disabled,\n 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=\"email\"].is-invalid,\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-2;}.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.primary:not(.outline) .c-icon,a.c-btn.danger:not(.outline) .c-icon,a.c-btn.primary:not(.outline) .c-icon,button.c-btn.danger:not(.outline) .c-icon,button.c-btn.primary:not(.outline) .c-icon{fill:#fff}.c-btn.primary:not(.outline),a.c-btn.primary:not(.outline),button.c-btn.primary:not(.outline){@apply .bg-blue .border-blue .text-white;}.c-btn.primary:not(.outline):not([disabled]):hover,a.c-btn.primary:not(.outline):not([disabled]):hover,button.c-btn.primary:not(.outline):not([disabled]):hover{@apply .bg-blue-dark .border-blue-dark;}.c-btn.primary:not(.outline):not([disabled]):active,a.c-btn.primary:not(.outline):not([disabled]):active,button.c-btn.primary:not(.outline):not([disabled]):active{@apply .bg-blue-darker .border-blue-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[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.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 .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).primary .c-spinner>.animation,a.c-btn.loading:not(.outline).danger .c-spinner>.animation,a.c-btn.loading:not(.outline).primary .c-spinner>.animation,button.c-btn.loading:not(.outline).danger .c-spinner>.animation,button.c-btn.loading:not(.outline).primary .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.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 .c-spinner,a.c-btn.loading .c-spinner,button.c-btn.loading .c-spinner{@apply .absolute .pin .flex .justify-center .items-center;}.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 .align-middle;}body.ltr .c-btn:not(.c-btn-icon) .c-icon,body.ltr a.c-btn:not(.c-btn-icon) .c-icon,body.ltr button.c-btn:not(.c-btn-icon) .c-icon{margin-right:.25rem}body.rtl .c-btn:not(.c-btn-icon) .c-icon,body.rtl a.c-btn:not(.c-btn-icon) .c-icon,body.rtl button.c-btn:not(.c-btn-icon) .c-icon{margin-left:.25rem}.c-btn .c-btn-content,a.c-btn .c-btn-content,button.c-btn .c-btn-content{@apply .inline-block;}","body.ltr .c-checkbox input{margin-right:.5rem}body.rtl .c-checkbox input{margin-left:.5rem}",".c-dropdown .c-dropdown-input select.w-full{@apply .w-full;}.c-dropdown .is-invalid select{@apply .border-red;}",".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-lightswitch .c-lightswitch-input label{@apply .relative .block .select-none;width:46px;height:30px}.c-lightswitch .c-lightswitch-input label input{@apply .absolute .opacity-0;}.c-lightswitch .c-lightswitch-input label .slider{@apply .absolute .pin .cursor-pointer;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.c-lightswitch .c-lightswitch-input label .slider:before{@apply .absolute .bg-white;content:\"\";height:26px;width:26px;bottom:2px;-webkit-transition:.1s;transition:.1s}body.ltr .c-lightswitch .c-lightswitch-input label .slider:before{left:2px}body.rtl .c-lightswitch .c-lightswitch-input label .slider:before{right:2px}.c-lightswitch .c-lightswitch-input label input:checked+.slider{background-color:#38c172}.c-lightswitch .c-lightswitch-input label input:focus+.slider{box-shadow:0 0 1px #38c172}.c-lightswitch .c-lightswitch-input label input:checked+.slider:before{-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(16px)}.c-lightswitch .c-lightswitch-input label .slider.round{border-radius:34px}.c-lightswitch .c-lightswitch-input label .slider.round:before{border-radius:50%}.c-lightswitch .c-lightswitch-input label.disabled{opacity:.4}.c-lightswitch .c-lightswitch-input label.disabled .slider{@apply .cursor-default;}","body.ltr .c-radio input{margin-right:.5rem}body.rtl .c-radio input{margin-left:.5rem}.c-radio .instructions{@apply .text-grey-dark .text-sm;}",".c-textbox .wrapper{@apply .relative;}.c-textbox .wrapper input.c-textbox.w-full{@apply .w-full;}.c-textbox .wrapper .text-red-dark{@apply .text-red-dark;}.c-textbox .wrapper .max{@apply .mt-2;}body.ltr .c-textbox .wrapper .max{padding-right:.25rem}body.rtl .c-textbox .wrapper .max{padding-left:.25rem}.c-textbox .wrapper .max.floating{@apply .absolute .text-xs .text-right;}.c-textbox .wrapper .max.text-grey{@apply .text-grey;}.c-textbox .wrapper .max.text-orange{@apply .text-orange;}.c-textbox .wrapper .max.text-red{@apply .text-red;}",".c-spinner{@apply .inline-block;}.c-spinner>.animation{animation:rotator .7s linear infinite;width:20px;height:20px;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.sm>.animation{width:16px;height:16px}.c-spinner.lg>.animation{width:32px;height:32px;border-width:3px}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(1turn)}}"]} \ No newline at end of file +{"version":3,"sources":["dist/styles.scss","dist/","dist/Btn.vue?rollup-plugin-vue=styles.0.css","dist/Dropdown.vue?rollup-plugin-vue=styles.0.css","dist/Checkbox.vue?rollup-plugin-vue=styles.0.css","dist/Lightswitch.vue?rollup-plugin-vue=styles.0.css","dist/Icon.vue?rollup-plugin-vue=styles.0.css","dist/Radio.vue?rollup-plugin-vue=styles.0.css","dist/Spinner.vue?rollup-plugin-vue=styles.0.css","dist/Textbox.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.c-field {\n margin-bottom: 1rem; }\n\n.c-field.mono input,\n.c-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.c-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=\"email\"],\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=\"email\"]:disabled, input[type=\"email\"][readonly],\n input[type=\"text\"]:disabled,\n 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=\"email\"].is-invalid,\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){@apply .shadow;}.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-2;}.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.primary:not(.outline) .c-icon,a.c-btn.danger:not(.outline) .c-icon,a.c-btn.primary:not(.outline) .c-icon,button.c-btn.danger:not(.outline) .c-icon,button.c-btn.primary:not(.outline) .c-icon{fill:#fff}.c-btn.primary:not(.outline),a.c-btn.primary:not(.outline),button.c-btn.primary:not(.outline){@apply .bg-blue .border-blue .text-white;}.c-btn.primary:not(.outline):not([disabled]):hover,a.c-btn.primary:not(.outline):not([disabled]):hover,button.c-btn.primary:not(.outline):not([disabled]):hover{@apply .bg-blue-dark .border-blue-dark;}.c-btn.primary:not(.outline):not([disabled]):active,a.c-btn.primary:not(.outline):not([disabled]):active,button.c-btn.primary:not(.outline):not([disabled]):active{@apply .bg-blue-darker .border-blue-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[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.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 .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).primary .c-spinner>.animation,a.c-btn.loading:not(.outline).danger .c-spinner>.animation,a.c-btn.loading:not(.outline).primary .c-spinner>.animation,button.c-btn.loading:not(.outline).danger .c-spinner>.animation,button.c-btn.loading:not(.outline).primary .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.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 .c-spinner,a.c-btn.loading .c-spinner,button.c-btn.loading .c-spinner{@apply .absolute .pin .flex .justify-center .items-center;}.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 .align-middle;}body.ltr .c-btn:not(.c-btn-icon) .c-icon,body.ltr a.c-btn:not(.c-btn-icon) .c-icon,body.ltr button.c-btn:not(.c-btn-icon) .c-icon{margin-right:.25rem}body.rtl .c-btn:not(.c-btn-icon) .c-icon,body.rtl a.c-btn:not(.c-btn-icon) .c-icon,body.rtl button.c-btn:not(.c-btn-icon) .c-icon{margin-left:.25rem}.c-btn .c-btn-content,a.c-btn .c-btn-content,button.c-btn .c-btn-content{@apply .inline-block;}",".c-dropdown .c-dropdown-input select.w-full{@apply .w-full;}.c-dropdown .is-invalid select{@apply .border-red;}","body.ltr .c-checkbox input{margin-right:.5rem}body.rtl .c-checkbox input{margin-left:.5rem}",".c-lightswitch .c-lightswitch-input label{@apply .relative .block .select-none;width:46px;height:30px}.c-lightswitch .c-lightswitch-input label input{@apply .absolute .opacity-0;}.c-lightswitch .c-lightswitch-input label .slider{@apply .absolute .pin .cursor-pointer;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.c-lightswitch .c-lightswitch-input label .slider:before{@apply .absolute .bg-white;content:\"\";height:26px;width:26px;bottom:2px;-webkit-transition:.1s;transition:.1s}body.ltr .c-lightswitch .c-lightswitch-input label .slider:before{left:2px}body.rtl .c-lightswitch .c-lightswitch-input label .slider:before{right:2px}.c-lightswitch .c-lightswitch-input label input:checked+.slider{background-color:#38c172}.c-lightswitch .c-lightswitch-input label input:active+.slider,.c-lightswitch .c-lightswitch-input label input:focus+.slider{box-shadow:0 0 0 2px rgba(52,144,220,.5)}.c-lightswitch .c-lightswitch-input label input:checked+.slider:before{-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(16px)}.c-lightswitch .c-lightswitch-input label .slider.round{border-radius:34px}.c-lightswitch .c-lightswitch-input label .slider.round:before{border-radius:50%}.c-lightswitch .c-lightswitch-input label.disabled{opacity:.4}.c-lightswitch .c-lightswitch-input label.disabled .slider{@apply .cursor-default;}",".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}","body.ltr .c-radio input{margin-right:.5rem}body.rtl .c-radio input{margin-left:.5rem}.c-radio .instructions{@apply .text-grey-dark .text-sm;}",".c-spinner{@apply .inline-block;}.c-spinner>.animation{animation:rotator .7s linear infinite;width:20px;height:20px;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.sm>.animation{width:16px;height:16px}.c-spinner.lg>.animation{width:32px;height:32px;border-width:3px}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(1turn)}}",".c-textbox .wrapper{@apply .relative;}.c-textbox .wrapper input.c-textbox.w-full{@apply .w-full;}.c-textbox .wrapper .text-red-dark{@apply .text-red-dark;}.c-textbox .wrapper .max{@apply .mt-2;}body.ltr .c-textbox .wrapper .max{padding-right:.25rem}body.rtl .c-textbox .wrapper .max{padding-left:.25rem}.c-textbox .wrapper .max.floating{@apply .absolute .text-xs .text-right;}.c-textbox .wrapper .max.text-grey{@apply .text-grey;}.c-textbox .wrapper .max.text-orange{@apply .text-orange;}.c-textbox .wrapper .max.text-red{@apply .text-red;}"]} \ No newline at end of file From 8323965ec2ddf975978674308bd9b0819e368dfb Mon Sep 17 00:00:00 2001 From: Benjamin David Date: Tue, 2 Apr 2019 12:39:19 +0200 Subject: [PATCH 5/6] Added `heart` and `line-heart` icons --- src/sprites/icons.js | 2 ++ src/sprites/icons.svg | 8 ++++++++ 2 files changed, 10 insertions(+) diff --git a/src/sprites/icons.js b/src/sprites/icons.js index 3d98e27..d701058 100644 --- a/src/sprites/icons.js +++ b/src/sprites/icons.js @@ -12,12 +12,14 @@ export default [ 'exclamation-triangle', 'glass-martini', 'handshake', + 'heart', 'image', 'info-circle', 'key', 'line-check-circle', 'line-exclamation-circle', 'line-exclamation-triangle', + 'line-heart', 'line-info-circle', 'link', 'pencil', diff --git a/src/sprites/icons.svg b/src/sprites/icons.svg index 7c2eeb7..dc1a672 100644 --- a/src/sprites/icons.svg +++ b/src/sprites/icons.svg @@ -52,6 +52,14 @@ Handshake + + Heart + + + + Line Heart + + Image From 6b44422eed907faff8e1dce4ffc86810522f77d8 Mon Sep 17 00:00:00 2001 From: Benjamin David Date: Tue, 2 Apr 2019 12:43:42 +0200 Subject: [PATCH 6/6] Craft UI 0.3.2 --- dist/craftui.cjs.js | 2 +- dist/craftui.css | 130 ++++++++++++------------- dist/craftui.es.js | 2 +- dist/craftui.js | 2 +- dist/craftui.min.css | 4 +- dist/craftui.min.css.map | 2 +- dist/craftui.min.js | 2 +- dist/craftui.min.js.map | 2 +- package-lock.json | 200 ++++++++++++++++++++++++++------------- package.json | 2 +- 10 files changed, 207 insertions(+), 141 deletions(-) diff --git a/dist/craftui.cjs.js b/dist/craftui.cjs.js index 6488cde..4a722a8 100644 --- a/dist/craftui.cjs.js +++ b/dist/craftui.cjs.js @@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true }); -var iconsSvg = "\n\n \n Angle Double Left\n \n \n \n Angle Double Right\n \n \n \n angle-left\n \n \n \n angle-right\n \n \n \n Bars\n \n \n \n book\n \n \n \n Check\n \n \n \n Check Circle\n \n \n \n Copy\n \n \n \n Exclamation Circle\n \n \n \n Exclamation Triangle\n \n \n \n Glass Martini\n \n \n \n Handshake\n \n \n \n Image\n \n \n \n Info Circle\n \n \n \n key\n \n \n \n Line Check Circle\n \n \n \n Line Exclamation Circle\n \n \n \n Line Exclamation Triangle\n \n \n \n Line Info Circle\n \n \n \n Link\n \n \n \n Pencil\n \n \n \n Plug\n \n \n \n plus\n \n \n \n Search\n \n \n \n shopping-cart\n \n \n \n Sort Amount Down\n \n \n \n Sort Amount Up\n \n \n \n th\n \n \n \n Times\n \n \n \n User\n \n \n\n"; +var iconsSvg = "\n\n \n Angle Double Left\n \n \n \n Angle Double Right\n \n \n \n angle-left\n \n \n \n angle-right\n \n \n \n Bars\n \n \n \n book\n \n \n \n Check\n \n \n \n Check Circle\n \n \n \n Copy\n \n \n \n Exclamation Circle\n \n \n \n Exclamation Triangle\n \n \n \n Glass Martini\n \n \n \n Handshake\n \n \n \n Heart\n \n \n \n Line Heart\n \n \n \n Image\n \n \n \n Info Circle\n \n \n \n key\n \n \n \n Line Check Circle\n \n \n \n Line Exclamation Circle\n \n \n \n Line Exclamation Triangle\n \n \n \n Line Info Circle\n \n \n \n Link\n \n \n \n Pencil\n \n \n \n Plug\n \n \n \n plus\n \n \n \n Search\n \n \n \n shopping-cart\n \n \n \n Sort Amount Down\n \n \n \n Sort Amount Up\n \n \n \n th\n \n \n \n Times\n \n \n \n User\n \n \n\n"; var CraftIcons = { install: function install() { diff --git a/dist/craftui.css b/dist/craftui.css index 6d220d8..82116d5 100644 --- a/dist/craftui.css +++ b/dist/craftui.css @@ -857,6 +857,14 @@ button.c-btn .c-btn-content { display: inline-block; } +body.ltr .c-checkbox input { + margin-right: .5rem; +} + +body.rtl .c-checkbox input { + margin-left: .5rem; +} + .c-dropdown .c-dropdown-input select.w-full { width: 100%; } @@ -865,14 +873,69 @@ button.c-btn .c-btn-content { border-color: #e3342f; } -body.ltr .c-checkbox input { +.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; +} + +body.ltr .c-radio input { margin-right: .5rem; } -body.rtl .c-checkbox input { +body.rtl .c-radio input { margin-left: .5rem; } +.c-radio .instructions { + color: #8795a1; + font-size: .875rem; +} + .c-lightswitch .c-lightswitch-input label { position: relative; display: block; @@ -951,69 +1014,6 @@ body.rtl .c-lightswitch .c-lightswitch-input label .slider:before { cursor: default; } -.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; -} - -body.ltr .c-radio input { - margin-right: .5rem; -} - -body.rtl .c-radio input { - margin-left: .5rem; -} - -.c-radio .instructions { - color: #8795a1; - font-size: .875rem; -} - .c-spinner { display: inline-block; } diff --git a/dist/craftui.es.js b/dist/craftui.es.js index 2a55643..9329ee7 100644 --- a/dist/craftui.es.js +++ b/dist/craftui.es.js @@ -1,4 +1,4 @@ -var iconsSvg = "\n\n \n Angle Double Left\n \n \n \n Angle Double Right\n \n \n \n angle-left\n \n \n \n angle-right\n \n \n \n Bars\n \n \n \n book\n \n \n \n Check\n \n \n \n Check Circle\n \n \n \n Copy\n \n \n \n Exclamation Circle\n \n \n \n Exclamation Triangle\n \n \n \n Glass Martini\n \n \n \n Handshake\n \n \n \n Image\n \n \n \n Info Circle\n \n \n \n key\n \n \n \n Line Check Circle\n \n \n \n Line Exclamation Circle\n \n \n \n Line Exclamation Triangle\n \n \n \n Line Info Circle\n \n \n \n Link\n \n \n \n Pencil\n \n \n \n Plug\n \n \n \n plus\n \n \n \n Search\n \n \n \n shopping-cart\n \n \n \n Sort Amount Down\n \n \n \n Sort Amount Up\n \n \n \n th\n \n \n \n Times\n \n \n \n User\n \n \n\n"; +var iconsSvg = "\n\n \n Angle Double Left\n \n \n \n Angle Double Right\n \n \n \n angle-left\n \n \n \n angle-right\n \n \n \n Bars\n \n \n \n book\n \n \n \n Check\n \n \n \n Check Circle\n \n \n \n Copy\n \n \n \n Exclamation Circle\n \n \n \n Exclamation Triangle\n \n \n \n Glass Martini\n \n \n \n Handshake\n \n \n \n Heart\n \n \n \n Line Heart\n \n \n \n Image\n \n \n \n Info Circle\n \n \n \n key\n \n \n \n Line Check Circle\n \n \n \n Line Exclamation Circle\n \n \n \n Line Exclamation Triangle\n \n \n \n Line Info Circle\n \n \n \n Link\n \n \n \n Pencil\n \n \n \n Plug\n \n \n \n plus\n \n \n \n Search\n \n \n \n shopping-cart\n \n \n \n Sort Amount Down\n \n \n \n Sort Amount Up\n \n \n \n th\n \n \n \n Times\n \n \n \n User\n \n \n\n"; var CraftIcons = { install: function install() { diff --git a/dist/craftui.js b/dist/craftui.js index 18a12ca..ecd7879 100644 --- a/dist/craftui.js +++ b/dist/craftui.js @@ -4,7 +4,7 @@ (factory((global.CraftUi = {}))); }(this, (function (exports) { 'use strict'; - var iconsSvg = "\n\n \n Angle Double Left\n \n \n \n Angle Double Right\n \n \n \n angle-left\n \n \n \n angle-right\n \n \n \n Bars\n \n \n \n book\n \n \n \n Check\n \n \n \n Check Circle\n \n \n \n Copy\n \n \n \n Exclamation Circle\n \n \n \n Exclamation Triangle\n \n \n \n Glass Martini\n \n \n \n Handshake\n \n \n \n Image\n \n \n \n Info Circle\n \n \n \n key\n \n \n \n Line Check Circle\n \n \n \n Line Exclamation Circle\n \n \n \n Line Exclamation Triangle\n \n \n \n Line Info Circle\n \n \n \n Link\n \n \n \n Pencil\n \n \n \n Plug\n \n \n \n plus\n \n \n \n Search\n \n \n \n shopping-cart\n \n \n \n Sort Amount Down\n \n \n \n Sort Amount Up\n \n \n \n th\n \n \n \n Times\n \n \n \n User\n \n \n\n"; + var iconsSvg = "\n\n \n Angle Double Left\n \n \n \n Angle Double Right\n \n \n \n angle-left\n \n \n \n angle-right\n \n \n \n Bars\n \n \n \n book\n \n \n \n Check\n \n \n \n Check Circle\n \n \n \n Copy\n \n \n \n Exclamation Circle\n \n \n \n Exclamation Triangle\n \n \n \n Glass Martini\n \n \n \n Handshake\n \n \n \n Heart\n \n \n \n Line Heart\n \n \n \n Image\n \n \n \n Info Circle\n \n \n \n key\n \n \n \n Line Check Circle\n \n \n \n Line Exclamation Circle\n \n \n \n Line Exclamation Triangle\n \n \n \n Line Info Circle\n \n \n \n Link\n \n \n \n Pencil\n \n \n \n Plug\n \n \n \n plus\n \n \n \n Search\n \n \n \n shopping-cart\n \n \n \n Sort Amount Down\n \n \n \n Sort Amount Up\n \n \n \n th\n \n \n \n Times\n \n \n \n User\n \n \n\n"; var CraftIcons = { install: function install() { diff --git a/dist/craftui.min.css b/dist/craftui.min.css index 6403760..b11f6d1 100644 --- a/dist/craftui.min.css +++ b/dist/craftui.min.css @@ -1,9 +1,9 @@ /*! 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}.c-field{margin-bottom:1rem}.c-field.mono input,.c-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}.c-field .checkbox{margin-right:.5rem}select{border-width:1px;border-color:#dae1e7;background-color:#fff;height:calc(2.25rem + 2px)}input[type=email],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=email]:disabled,input[type=email][readonly],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=email].is-invalid,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 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.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:.5rem;margin-bottom:.5rem}.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.primary:not(.outline) .c-icon,a.c-btn.danger:not(.outline) .c-icon,a.c-btn.primary:not(.outline) .c-icon,button.c-btn.danger:not(.outline) .c-icon,button.c-btn.primary:not(.outline) .c-icon{fill:#fff}.c-btn.primary:not(.outline),a.c-btn.primary:not(.outline),button.c-btn.primary:not(.outline){background-color:#3490dc;border-color:#3490dc;color:#fff}.c-btn.primary:not(.outline):not([disabled]):hover,a.c-btn.primary:not(.outline):not([disabled]):hover,button.c-btn.primary:not(.outline):not([disabled]):hover{background-color:#2779bd;border-color:#2779bd}.c-btn.primary:not(.outline):not([disabled]):active,a.c-btn.primary:not(.outline):not([disabled]):active,button.c-btn.primary:not(.outline):not([disabled]):active{background-color:#1c3d5a;border-color:#1c3d5a}.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[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.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 .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).primary .c-spinner>.animation,a.c-btn.loading:not(.outline).danger .c-spinner>.animation,a.c-btn.loading:not(.outline).primary .c-spinner>.animation,button.c-btn.loading:not(.outline).danger .c-spinner>.animation,button.c-btn.loading:not(.outline).primary .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.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 .c-spinner,a.c-btn.loading .c-spinner,button.c-btn.loading .c-spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.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{vertical-align:middle}body.ltr .c-btn:not(.c-btn-icon) .c-icon,body.ltr a.c-btn:not(.c-btn-icon) .c-icon,body.ltr button.c-btn:not(.c-btn-icon) .c-icon{margin-right:.25rem}body.rtl .c-btn:not(.c-btn-icon) .c-icon,body.rtl a.c-btn:not(.c-btn-icon) .c-icon,body.rtl button.c-btn:not(.c-btn-icon) .c-icon{margin-left:.25rem}.c-btn .c-btn-content,a.c-btn .c-btn-content,button.c-btn .c-btn-content{display:inline-block} -.c-dropdown .c-dropdown-input select.w-full{width:100%}.c-dropdown .is-invalid select{border-color:#e3342f} body.ltr .c-checkbox input{margin-right:.5rem}body.rtl .c-checkbox input{margin-left:.5rem} -.c-lightswitch .c-lightswitch-input label{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:46px;height:30px}.c-lightswitch .c-lightswitch-input label input{position:absolute;opacity:0}.c-lightswitch .c-lightswitch-input label .slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.c-lightswitch .c-lightswitch-input label .slider:before{position:absolute;background-color:#fff;content:"";height:26px;width:26px;bottom:2px;-webkit-transition:.1s;transition:.1s}body.ltr .c-lightswitch .c-lightswitch-input label .slider:before{left:2px}body.rtl .c-lightswitch .c-lightswitch-input label .slider:before{right:2px}.c-lightswitch .c-lightswitch-input label input:checked+.slider{background-color:#38c172}.c-lightswitch .c-lightswitch-input label input:active+.slider,.c-lightswitch .c-lightswitch-input label input:focus+.slider{-webkit-box-shadow:0 0 0 2px rgba(52,144,220,.5);box-shadow:0 0 0 2px rgba(52,144,220,.5)}.c-lightswitch .c-lightswitch-input label input:checked+.slider:before{-webkit-transform:translateX(16px);transform:translateX(16px)}.c-lightswitch .c-lightswitch-input label .slider.round{border-radius:34px}.c-lightswitch .c-lightswitch-input label .slider.round:before{border-radius:50%}.c-lightswitch .c-lightswitch-input label.disabled{opacity:.4}.c-lightswitch .c-lightswitch-input label.disabled .slider{cursor:default} +.c-dropdown .c-dropdown-input select.w-full{width:100%}.c-dropdown .is-invalid select{border-color:#e3342f} .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-lightswitch .c-lightswitch-input label{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:46px;height:30px}.c-lightswitch .c-lightswitch-input label input{position:absolute;opacity:0}.c-lightswitch .c-lightswitch-input label .slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.c-lightswitch .c-lightswitch-input label .slider:before{position:absolute;background-color:#fff;content:"";height:26px;width:26px;bottom:2px;-webkit-transition:.1s;transition:.1s}body.ltr .c-lightswitch .c-lightswitch-input label .slider:before{left:2px}body.rtl .c-lightswitch .c-lightswitch-input label .slider:before{right:2px}.c-lightswitch .c-lightswitch-input label input:checked+.slider{background-color:#38c172}.c-lightswitch .c-lightswitch-input label input:active+.slider,.c-lightswitch .c-lightswitch-input label input:focus+.slider{-webkit-box-shadow:0 0 0 2px rgba(52,144,220,.5);box-shadow:0 0 0 2px rgba(52,144,220,.5)}.c-lightswitch .c-lightswitch-input label input:checked+.slider:before{-webkit-transform:translateX(16px);transform:translateX(16px)}.c-lightswitch .c-lightswitch-input label .slider.round{border-radius:34px}.c-lightswitch .c-lightswitch-input label .slider.round:before{border-radius:50%}.c-lightswitch .c-lightswitch-input label.disabled{opacity:.4}.c-lightswitch .c-lightswitch-input label.disabled .slider{cursor:default} body.ltr .c-radio input{margin-right:.5rem}body.rtl .c-radio input{margin-left:.5rem}.c-radio .instructions{color:#8795a1;font-size:.875rem} .c-spinner{display:inline-block}.c-spinner>.animation{-webkit-animation:a .7s linear infinite;animation:a .7s linear infinite;width:20px;height:20px;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.sm>.animation{width:16px;height:16px}.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)}} .c-textbox .wrapper{position:relative}.c-textbox .wrapper input.c-textbox.w-full{width:100%}.c-textbox .wrapper .text-red-dark{color:#cc1f1a}.c-textbox .wrapper .max{margin-top:.5rem}body.ltr .c-textbox .wrapper .max{padding-right:.25rem}body.rtl .c-textbox .wrapper .max{padding-left:.25rem}.c-textbox .wrapper .max.floating{position:absolute;font-size:.75rem;text-align:right}.c-textbox .wrapper .max.text-grey{color:#b8c2cc}.c-textbox .wrapper .max.text-orange{color:#f6993f}.c-textbox .wrapper .max.text-red{color:#e3342f} diff --git a/dist/craftui.min.css.map b/dist/craftui.min.css.map index e61ec43..dec51cb 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/Dropdown.vue?rollup-plugin-vue=styles.0.css","dist/Checkbox.vue?rollup-plugin-vue=styles.0.css","dist/Lightswitch.vue?rollup-plugin-vue=styles.0.css","dist/Icon.vue?rollup-plugin-vue=styles.0.css","dist/Radio.vue?rollup-plugin-vue=styles.0.css","dist/Spinner.vue?rollup-plugin-vue=styles.0.css","dist/Textbox.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.c-field {\n margin-bottom: 1rem; }\n\n.c-field.mono input,\n.c-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.c-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=\"email\"],\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=\"email\"]:disabled, input[type=\"email\"][readonly],\n input[type=\"text\"]:disabled,\n 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=\"email\"].is-invalid,\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){@apply .shadow;}.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-2;}.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.primary:not(.outline) .c-icon,a.c-btn.danger:not(.outline) .c-icon,a.c-btn.primary:not(.outline) .c-icon,button.c-btn.danger:not(.outline) .c-icon,button.c-btn.primary:not(.outline) .c-icon{fill:#fff}.c-btn.primary:not(.outline),a.c-btn.primary:not(.outline),button.c-btn.primary:not(.outline){@apply .bg-blue .border-blue .text-white;}.c-btn.primary:not(.outline):not([disabled]):hover,a.c-btn.primary:not(.outline):not([disabled]):hover,button.c-btn.primary:not(.outline):not([disabled]):hover{@apply .bg-blue-dark .border-blue-dark;}.c-btn.primary:not(.outline):not([disabled]):active,a.c-btn.primary:not(.outline):not([disabled]):active,button.c-btn.primary:not(.outline):not([disabled]):active{@apply .bg-blue-darker .border-blue-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[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.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 .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).primary .c-spinner>.animation,a.c-btn.loading:not(.outline).danger .c-spinner>.animation,a.c-btn.loading:not(.outline).primary .c-spinner>.animation,button.c-btn.loading:not(.outline).danger .c-spinner>.animation,button.c-btn.loading:not(.outline).primary .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.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 .c-spinner,a.c-btn.loading .c-spinner,button.c-btn.loading .c-spinner{@apply .absolute .pin .flex .justify-center .items-center;}.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 .align-middle;}body.ltr .c-btn:not(.c-btn-icon) .c-icon,body.ltr a.c-btn:not(.c-btn-icon) .c-icon,body.ltr button.c-btn:not(.c-btn-icon) .c-icon{margin-right:.25rem}body.rtl .c-btn:not(.c-btn-icon) .c-icon,body.rtl a.c-btn:not(.c-btn-icon) .c-icon,body.rtl button.c-btn:not(.c-btn-icon) .c-icon{margin-left:.25rem}.c-btn .c-btn-content,a.c-btn .c-btn-content,button.c-btn .c-btn-content{@apply .inline-block;}",".c-dropdown .c-dropdown-input select.w-full{@apply .w-full;}.c-dropdown .is-invalid select{@apply .border-red;}","body.ltr .c-checkbox input{margin-right:.5rem}body.rtl .c-checkbox input{margin-left:.5rem}",".c-lightswitch .c-lightswitch-input label{@apply .relative .block .select-none;width:46px;height:30px}.c-lightswitch .c-lightswitch-input label input{@apply .absolute .opacity-0;}.c-lightswitch .c-lightswitch-input label .slider{@apply .absolute .pin .cursor-pointer;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.c-lightswitch .c-lightswitch-input label .slider:before{@apply .absolute .bg-white;content:\"\";height:26px;width:26px;bottom:2px;-webkit-transition:.1s;transition:.1s}body.ltr .c-lightswitch .c-lightswitch-input label .slider:before{left:2px}body.rtl .c-lightswitch .c-lightswitch-input label .slider:before{right:2px}.c-lightswitch .c-lightswitch-input label input:checked+.slider{background-color:#38c172}.c-lightswitch .c-lightswitch-input label input:active+.slider,.c-lightswitch .c-lightswitch-input label input:focus+.slider{box-shadow:0 0 0 2px rgba(52,144,220,.5)}.c-lightswitch .c-lightswitch-input label input:checked+.slider:before{-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(16px)}.c-lightswitch .c-lightswitch-input label .slider.round{border-radius:34px}.c-lightswitch .c-lightswitch-input label .slider.round:before{border-radius:50%}.c-lightswitch .c-lightswitch-input label.disabled{opacity:.4}.c-lightswitch .c-lightswitch-input label.disabled .slider{@apply .cursor-default;}",".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}","body.ltr .c-radio input{margin-right:.5rem}body.rtl .c-radio input{margin-left:.5rem}.c-radio .instructions{@apply .text-grey-dark .text-sm;}",".c-spinner{@apply .inline-block;}.c-spinner>.animation{animation:rotator .7s linear infinite;width:20px;height:20px;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.sm>.animation{width:16px;height:16px}.c-spinner.lg>.animation{width:32px;height:32px;border-width:3px}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(1turn)}}",".c-textbox .wrapper{@apply .relative;}.c-textbox .wrapper input.c-textbox.w-full{@apply .w-full;}.c-textbox .wrapper .text-red-dark{@apply .text-red-dark;}.c-textbox .wrapper .max{@apply .mt-2;}body.ltr .c-textbox .wrapper .max{padding-right:.25rem}body.rtl .c-textbox .wrapper .max{padding-left:.25rem}.c-textbox .wrapper .max.floating{@apply .absolute .text-xs .text-right;}.c-textbox .wrapper .max.text-grey{@apply .text-grey;}.c-textbox .wrapper .max.text-orange{@apply .text-orange;}.c-textbox .wrapper .max.text-red{@apply .text-red;}"]} \ No newline at end of file +{"version":3,"sources":["dist/styles.scss","dist/","dist/Btn.vue?rollup-plugin-vue=styles.0.css","dist/Checkbox.vue?rollup-plugin-vue=styles.0.css","dist/Dropdown.vue?rollup-plugin-vue=styles.0.css","dist/Icon.vue?rollup-plugin-vue=styles.0.css","dist/Lightswitch.vue?rollup-plugin-vue=styles.0.css","dist/Radio.vue?rollup-plugin-vue=styles.0.css","dist/Spinner.vue?rollup-plugin-vue=styles.0.css","dist/Textbox.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.c-field {\n margin-bottom: 1rem; }\n\n.c-field.mono input,\n.c-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.c-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=\"email\"],\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=\"email\"]:disabled, input[type=\"email\"][readonly],\n input[type=\"text\"]:disabled,\n 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=\"email\"].is-invalid,\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){@apply .shadow;}.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-2;}.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.primary:not(.outline) .c-icon,a.c-btn.danger:not(.outline) .c-icon,a.c-btn.primary:not(.outline) .c-icon,button.c-btn.danger:not(.outline) .c-icon,button.c-btn.primary:not(.outline) .c-icon{fill:#fff}.c-btn.primary:not(.outline),a.c-btn.primary:not(.outline),button.c-btn.primary:not(.outline){@apply .bg-blue .border-blue .text-white;}.c-btn.primary:not(.outline):not([disabled]):hover,a.c-btn.primary:not(.outline):not([disabled]):hover,button.c-btn.primary:not(.outline):not([disabled]):hover{@apply .bg-blue-dark .border-blue-dark;}.c-btn.primary:not(.outline):not([disabled]):active,a.c-btn.primary:not(.outline):not([disabled]):active,button.c-btn.primary:not(.outline):not([disabled]):active{@apply .bg-blue-darker .border-blue-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[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.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 .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).primary .c-spinner>.animation,a.c-btn.loading:not(.outline).danger .c-spinner>.animation,a.c-btn.loading:not(.outline).primary .c-spinner>.animation,button.c-btn.loading:not(.outline).danger .c-spinner>.animation,button.c-btn.loading:not(.outline).primary .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.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 .c-spinner,a.c-btn.loading .c-spinner,button.c-btn.loading .c-spinner{@apply .absolute .pin .flex .justify-center .items-center;}.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 .align-middle;}body.ltr .c-btn:not(.c-btn-icon) .c-icon,body.ltr a.c-btn:not(.c-btn-icon) .c-icon,body.ltr button.c-btn:not(.c-btn-icon) .c-icon{margin-right:.25rem}body.rtl .c-btn:not(.c-btn-icon) .c-icon,body.rtl a.c-btn:not(.c-btn-icon) .c-icon,body.rtl button.c-btn:not(.c-btn-icon) .c-icon{margin-left:.25rem}.c-btn .c-btn-content,a.c-btn .c-btn-content,button.c-btn .c-btn-content{@apply .inline-block;}","body.ltr .c-checkbox input{margin-right:.5rem}body.rtl .c-checkbox input{margin-left:.5rem}",".c-dropdown .c-dropdown-input select.w-full{@apply .w-full;}.c-dropdown .is-invalid select{@apply .border-red;}",".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-lightswitch .c-lightswitch-input label{@apply .relative .block .select-none;width:46px;height:30px}.c-lightswitch .c-lightswitch-input label input{@apply .absolute .opacity-0;}.c-lightswitch .c-lightswitch-input label .slider{@apply .absolute .pin .cursor-pointer;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.c-lightswitch .c-lightswitch-input label .slider:before{@apply .absolute .bg-white;content:\"\";height:26px;width:26px;bottom:2px;-webkit-transition:.1s;transition:.1s}body.ltr .c-lightswitch .c-lightswitch-input label .slider:before{left:2px}body.rtl .c-lightswitch .c-lightswitch-input label .slider:before{right:2px}.c-lightswitch .c-lightswitch-input label input:checked+.slider{background-color:#38c172}.c-lightswitch .c-lightswitch-input label input:active+.slider,.c-lightswitch .c-lightswitch-input label input:focus+.slider{box-shadow:0 0 0 2px rgba(52,144,220,.5)}.c-lightswitch .c-lightswitch-input label input:checked+.slider:before{-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(16px)}.c-lightswitch .c-lightswitch-input label .slider.round{border-radius:34px}.c-lightswitch .c-lightswitch-input label .slider.round:before{border-radius:50%}.c-lightswitch .c-lightswitch-input label.disabled{opacity:.4}.c-lightswitch .c-lightswitch-input label.disabled .slider{@apply .cursor-default;}","body.ltr .c-radio input{margin-right:.5rem}body.rtl .c-radio input{margin-left:.5rem}.c-radio .instructions{@apply .text-grey-dark .text-sm;}",".c-spinner{@apply .inline-block;}.c-spinner>.animation{animation:rotator .7s linear infinite;width:20px;height:20px;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.sm>.animation{width:16px;height:16px}.c-spinner.lg>.animation{width:32px;height:32px;border-width:3px}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(1turn)}}",".c-textbox .wrapper{@apply .relative;}.c-textbox .wrapper input.c-textbox.w-full{@apply .w-full;}.c-textbox .wrapper .text-red-dark{@apply .text-red-dark;}.c-textbox .wrapper .max{@apply .mt-2;}body.ltr .c-textbox .wrapper .max{padding-right:.25rem}body.rtl .c-textbox .wrapper .max{padding-left:.25rem}.c-textbox .wrapper .max.floating{@apply .absolute .text-xs .text-right;}.c-textbox .wrapper .max.text-grey{@apply .text-grey;}.c-textbox .wrapper .max.text-orange{@apply .text-orange;}.c-textbox .wrapper .max.text-red{@apply .text-red;}"]} \ No newline at end of file diff --git a/dist/craftui.min.js b/dist/craftui.min.js index 11f694a..6a89142 100644 --- a/dist/craftui.min.js +++ b/dist/craftui.min.js @@ -1,2 +1,2 @@ -!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e(t.CraftUi={})}(this,function(t){"use strict";var e={install:function(){if("undefined"!=typeof document){var t=document.createElement("div");t.style.display="none",t.innerHTML='\n\n \n Angle Double Left\n \n \n \n Angle Double Right\n \n \n \n angle-left\n \n \n \n angle-right\n \n \n \n Bars\n \n \n \n book\n \n \n \n Check\n \n \n \n Check Circle\n \n \n \n Copy\n \n \n \n Exclamation Circle\n \n \n \n Exclamation Triangle\n \n \n \n Glass Martini\n \n \n \n Handshake\n \n \n \n Image\n \n \n \n Info Circle\n \n \n \n key\n \n \n \n Line Check Circle\n \n \n \n Line Exclamation Circle\n \n \n \n Line Exclamation Triangle\n \n \n \n Line Info Circle\n \n \n \n Link\n \n \n \n Pencil\n \n \n \n Plug\n \n \n \n plus\n \n \n \n Search\n \n \n \n shopping-cart\n \n \n \n Sort Amount Down\n \n \n \n Sort Amount Up\n \n \n \n th\n \n \n \n Times\n \n \n \n User\n \n \n\n',document.body.insertBefore(t,document.body.firstChild)}}};var l=function(t,e,l,i,n,c,a,o,s,r){"boolean"!=typeof a&&(s=o,o=a,a=!1);var d,u="function"==typeof l?l.options:l;if(t&&t.render&&(u.render=t.render,u.staticRenderFns=t.staticRenderFns,u._compiled=!0,n&&(u.functional=!0)),i&&(u._scopeId=i),c?(d=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,s(t)),t&&t._registeredComponents&&t._registeredComponents.add(c)},u._ssrRegister=d):e&&(d=a?function(){e.call(this,r(this.$root.$options.shadowRoot))}:function(t){e.call(this,o(t))}),d)if(u.functional){var h=u.render;u.render=function(t,e){return d.call(e),h(t,e)}}else{var p=u.beforeCreate;u.beforeCreate=p?[].concat(p,d):[d]}return l};var i=l({render:function(){var t,e=this,l=e.$createElement,i=e._self._c||l;return i(e.component,{tag:"component",staticClass:"c-btn",class:[(t={small:e.small,large:e.large,block:e.block,outline:e.outline,loading:e.loading},t[e.kind]=!0,t["c-btn-icon"]=e.icon&&!e.$slots.default,t)],attrs:{to:e.to,href:e.href,target:e.target,type:e.computedType,disabled:e.disabled},on:{click:function(t){return e.$emit("click")}}},[e.loading?[i("spinner")]:e._e(),e._v(" "),i("div",{staticClass:"c-btn-content"},[e.icon&&e.icon.length>0?i("icon",{attrs:{icon:e.icon}}):e._e(),e._v(" "),e._t("default")],2)],2)},staticRenderFns:[]},void 0,{name:"Btn",props:{type:{type:String,default:"button"},kind:{type:String,default:"default"},small:{type:Boolean,default:!1},large:{type:Boolean,default:!1},block:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},icon:{type:String,default:null},loading:{type:Boolean,default:!1},to:{type:String,default:null},href:{type:String,default:null},target:{type:String,default:null}},computed:{component:function(){return null!==this.to?"router-link":null!==this.href?"a":"button"},computedType:function(){return null!==this.to||null!==this.href?null:this.type}}},void 0,!1,void 0,void 0,void 0);var n=l({render:function(){var t=this,e=t.$createElement,l=t._self._c||e;return l("field",{staticClass:"c-checkbox",attrs:{id:t.id,errors:t.errors}},[l("label",[l("input",{attrs:{type:"checkbox",id:t.id,disabled:t.disabled},domProps:{value:t.value,checked:t.state},on:{change:t.onChange}}),t._v("\n\n "+t._s(t.label)+"\n ")])])},staticRenderFns:[]},void 0,{model:{prop:"modelValue",event:"input"},props:{checked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},errors:{type:Array|Boolean,default:null},id:{type:String,default:function(){return"c-checkbox-id-"+this._uid}},label:{type:String,default:null},modelValue:{default:void 0},value:{type:String|Boolean,default:null}},computed:{state:function(){return void 0===this.modelValue?this.checked:Array.isArray(this.modelValue)?this.modelValue.indexOf(this.value)>-1:!!this.modelValue}},methods:{onChange:function(){this.toggle()},toggle:function(){var t;Array.isArray(this.modelValue)?(t=this.modelValue.slice(0),this.state?t.splice(t.indexOf(this.value),1):t.push(this.value)):t=!this.state,this.$emit("input",t)}},watch:{checked:function(t){t!==this.state&&this.toggle()}},mounted:function(){this.checked&&!this.state&&this.toggle()}},void 0,!1,void 0,void 0,void 0);var c=l({render:function(){var t=this,e=t.$createElement,l=t._self._c||e;return l("div",{staticClass:"c-field",attrs:{id:"field-"+t.id}},[t.label?l("label",{attrs:{for:t.id}},[t._v(t._s(t.label))]):t._e(),t._v(" "),t.instructions?l("div",{staticClass:"instructions"},[l("p",[t._v(t._s(t.instructions))])]):t._e(),t._v(" "),t._t("default"),t._v(" "),t._l(t.errors,function(e,i){return t.errors?[l("div",{key:i,staticClass:"invalid-feedback"},[t._v(t._s(e))])]:t._e()})],2)},staticRenderFns:[]},void 0,{props:{errors:{type:Array|Boolean,default:null},id:{type:String,default:function(){return"c-field-id-"+this._uid}},instructions:{type:String,default:null},label:{type:String,default:null}}},void 0,!1,void 0,void 0,void 0);var a=l({render:function(){var t=this,e=t.$createElement,l=t._self._c||e;return l("field",{staticClass:"c-dropdown",attrs:{id:t.id+"-label",label:t.label,instructions:t.instructions,errors:t.errors}},[l("div",{staticClass:"c-dropdown-input",class:{"is-invalid":t.errors&&t.errors.length>0}},[l("div",{staticClass:"select"},[l("select",{class:{"w-full":t.fullwidth},attrs:{disabled:t.disabled},domProps:{value:t.value},on:{input:function(e){return t.$emit("input",e.target[e.target.selectedIndex].value)}}},t._l(t.options,function(e,i){return l("option",{key:i,domProps:{value:e.value}},[t._v(t._s(e.label))])}),0)])])])},staticRenderFns:[]},void 0,{props:{disabled:{type:Boolean,default:!1},errors:{type:Array|Boolean,default:null},fullwidth:{type:Boolean,default:!1},id:{type:String,default:function(){return"c-dropdown-id-"+this._uid}},instructions:{type:String,default:null},label:{type:String,default:null},options:{type:Array,default:null},value:{type:String,default:null}},components:{Field:c}},void 0,!1,void 0,void 0,void 0);var o=l({render:function(){var t,e=this.$createElement,l=this._self._c||e;return l("svg",{staticClass:"c-icon",class:(t={},t["size-"+this.size]=!0,t),attrs:{viewBox:"0 0 18 18",width:"18",height:"18",role:"presentation"}},[l("use",{attrs:{"xmlns:xlink":"http://www.w3.org/1999/xlink","xlink:href":"#"+this.icon}})])},staticRenderFns:[]},void 0,{props:{icon:{type:String,default:null},size:{type:String,default:"base"}}},void 0,!1,void 0,void 0,void 0);var s=l({render:function(){var t=this,e=t.$createElement,l=t._self._c||e;return l("field",{staticClass:"c-lightswitch",attrs:{id:t.id,label:t.label,instructions:t.instructions,errors:t.errors}},[l("div",{staticClass:"c-lightswitch-input"},[l("label",{staticClass:"lightswitch",class:{disabled:t.disabled},attrs:{for:t.id}},[l("input",{attrs:{id:t.id,type:"checkbox",disabled:t.disabled},domProps:{checked:t.checked},on:{change:t.onChange}}),t._v(" "),l("div",{staticClass:"slider round"})])])])},staticRenderFns:[]},void 0,{props:{checked:{type:Boolean,default:null},disabled:{type:Boolean,default:null},errors:{type:Array|Boolean,default:null},id:{type:String,default:function(){return"c-lightswitch-id-"+this._uid}},instructions:{type:String,default:null},label:{type:String,default:null}},components:{Field:c},methods:{onChange:function(t){this.$emit("update:checked",t.target.checked),this.$emit("change",t.target.checked)}}},void 0,!1,void 0,void 0,void 0);var r=l({render:function(){var t=this,e=t.$createElement,l=t._self._c||e;return l("field",{staticClass:"c-radio",attrs:{id:t.id,errors:t.errors}},[l("label",[l("input",{attrs:{type:"radio",id:t.id,disabled:t.disabled},domProps:{value:t.value,checked:t.state},on:{change:t.onChange}}),t._v("\n\n "+t._s(t.label)+"\n ")])])},staticRenderFns:[]},void 0,{model:{prop:"modelValue",event:"input"},props:{checked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},errors:{type:Array|Boolean,default:null},id:{type:String,default:function(){return"c-radio-id-"+this._uid}},instructions:{type:String,default:null},label:{type:String,default:null},modelValue:{default:void 0},value:{default:""}},computed:{state:function(){return void 0===this.modelValue?this.checked:this.modelValue===this.value}},methods:{onChange:function(){this.toggle()},toggle:function(){this.$emit("input",this.state?"":this.value)}},watch:{checked:function(t){t!==this.state&&this.toggle()}},mounted:function(){this.checked&&!this.state&&this.toggle()}},void 0,!1,void 0,void 0,void 0);var d=l({render:function(){var t,e=this.$createElement,l=this._self._c||e;return l("div",{staticClass:"c-spinner",class:(t={},t[this.size]=!0,t)},[l("div",{staticClass:"animation"})])},staticRenderFns:[]},void 0,{props:{size:{type:String,default:"base"}}},void 0,!1,void 0,void 0,void 0);function u(t,e){var l=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],i=arguments.length>3?arguments[3]:void 0;t=t||"",e=e||"";for(var n=0,c=0,a="";n2&&void 0!==arguments[2])||arguments[2],i=arguments.length>3?arguments[3]:void 0;return Array.isArray(e)?function(t,e,l){return e=e.sort(function(t,e){return t.length-e.length}),function(i,n){for(var c=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=0;ao.length))return t(i,o,c,l)}return""}}(u,e,i)(t,e,l,i):u(t,e,l,i)}var p={"#":{pattern:/\d/},X:{pattern:/[0-9a-zA-Z]/},S:{pattern:/[a-zA-Z]/},A:{pattern:/[a-zA-Z]/,transform:function(t){return t.toLocaleUpperCase()}},a:{pattern:/[a-zA-Z]/,transform:function(t){return t.toLocaleLowerCase()}},"!":{escape:!0}};function v(t){var e=document.createEvent("Event");return e.initEvent(t,!0,!0),e}var m={Btn:i,Checkbox:n,Dropdown:a,Field:c,Icon:o,Lightswitch:s,Radio:r,Spinner:d,Textbox:l({render:function(){var t=this,e=t.$createElement,l=t._self._c||e;return l("field",{staticClass:"c-textbox",attrs:{id:t.id,label:t.label,instructions:t.instructions,errors:t.errors}},[l("div",{staticClass:"wrapper"},[l(t.computedComponent,{directives:[{name:"mask",rawName:"v-mask",value:t.mask,expression:"mask"}],ref:"input",tag:"component",class:{"w-full":!t.size,"is-invalid":t.errors&&t.errors.length>0,"text-red-dark":t.max&&t.max=20,"text-orange":t.remainingChars<20&&t.remainingChars>=0,"text-red":t.remainingChars<0}},[l("small",[t._v(t._s(t.max-t.remainingChars)+"/"+t._s(t.max))])]):t._e()],1)])},staticRenderFns:[]},void 0,{directives:{mask:{bind:function(t,e,l){if(l.context.mask)return function(t,e){var l=e.value;if((Array.isArray(l)||"string"==typeof l)&&(l={mask:l,tokens:p}),"INPUT"!==t.tagName.toLocaleUpperCase()){var i=t.getElementsByTagName("input");if(1!==i.length)throw new Error("v-mask directive requires 1 input, found "+i.length);t=i[0]}t.oninput=function(e){if(e.isTrusted){var i=t.selectionEnd,n=t.value[i-1];for(t.value=h(t.value,l.mask,!0,l.tokens);i\n\n \n Angle Double Left\n \n \n \n Angle Double Right\n \n \n \n angle-left\n \n \n \n angle-right\n \n \n \n Bars\n \n \n \n book\n \n \n \n Check\n \n \n \n Check Circle\n \n \n \n Copy\n \n \n \n Exclamation Circle\n \n \n \n Exclamation Triangle\n \n \n \n Glass Martini\n \n \n \n Handshake\n \n \n \n Heart\n \n \n \n Line Heart\n \n \n \n Image\n \n \n \n Info Circle\n \n \n \n key\n \n \n \n Line Check Circle\n \n \n \n Line Exclamation Circle\n \n \n \n Line Exclamation Triangle\n \n \n \n Line Info Circle\n \n \n \n Link\n \n \n \n Pencil\n \n \n \n Plug\n \n \n \n plus\n \n \n \n Search\n \n \n \n shopping-cart\n \n \n \n Sort Amount Down\n \n \n \n Sort Amount Up\n \n \n \n th\n \n \n \n Times\n \n \n \n User\n \n \n\n',document.body.insertBefore(t,document.body.firstChild)}}};var l=function(t,e,l,i,n,c,a,o,s,r){"boolean"!=typeof a&&(s=o,o=a,a=!1);var d,u="function"==typeof l?l.options:l;if(t&&t.render&&(u.render=t.render,u.staticRenderFns=t.staticRenderFns,u._compiled=!0,n&&(u.functional=!0)),i&&(u._scopeId=i),c?(d=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,s(t)),t&&t._registeredComponents&&t._registeredComponents.add(c)},u._ssrRegister=d):e&&(d=a?function(){e.call(this,r(this.$root.$options.shadowRoot))}:function(t){e.call(this,o(t))}),d)if(u.functional){var h=u.render;u.render=function(t,e){return d.call(e),h(t,e)}}else{var p=u.beforeCreate;u.beforeCreate=p?[].concat(p,d):[d]}return l};var i=l({render:function(){var t,e=this,l=e.$createElement,i=e._self._c||l;return i(e.component,{tag:"component",staticClass:"c-btn",class:[(t={small:e.small,large:e.large,block:e.block,outline:e.outline,loading:e.loading},t[e.kind]=!0,t["c-btn-icon"]=e.icon&&!e.$slots.default,t)],attrs:{to:e.to,href:e.href,target:e.target,type:e.computedType,disabled:e.disabled},on:{click:function(t){return e.$emit("click")}}},[e.loading?[i("spinner")]:e._e(),e._v(" "),i("div",{staticClass:"c-btn-content"},[e.icon&&e.icon.length>0?i("icon",{attrs:{icon:e.icon}}):e._e(),e._v(" "),e._t("default")],2)],2)},staticRenderFns:[]},void 0,{name:"Btn",props:{type:{type:String,default:"button"},kind:{type:String,default:"default"},small:{type:Boolean,default:!1},large:{type:Boolean,default:!1},block:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},icon:{type:String,default:null},loading:{type:Boolean,default:!1},to:{type:String,default:null},href:{type:String,default:null},target:{type:String,default:null}},computed:{component:function(){return null!==this.to?"router-link":null!==this.href?"a":"button"},computedType:function(){return null!==this.to||null!==this.href?null:this.type}}},void 0,!1,void 0,void 0,void 0);var n=l({render:function(){var t=this,e=t.$createElement,l=t._self._c||e;return l("field",{staticClass:"c-checkbox",attrs:{id:t.id,errors:t.errors}},[l("label",[l("input",{attrs:{type:"checkbox",id:t.id,disabled:t.disabled},domProps:{value:t.value,checked:t.state},on:{change:t.onChange}}),t._v("\n\n "+t._s(t.label)+"\n ")])])},staticRenderFns:[]},void 0,{model:{prop:"modelValue",event:"input"},props:{checked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},errors:{type:Array|Boolean,default:null},id:{type:String,default:function(){return"c-checkbox-id-"+this._uid}},label:{type:String,default:null},modelValue:{default:void 0},value:{type:String|Boolean,default:null}},computed:{state:function(){return void 0===this.modelValue?this.checked:Array.isArray(this.modelValue)?this.modelValue.indexOf(this.value)>-1:!!this.modelValue}},methods:{onChange:function(){this.toggle()},toggle:function(){var t;Array.isArray(this.modelValue)?(t=this.modelValue.slice(0),this.state?t.splice(t.indexOf(this.value),1):t.push(this.value)):t=!this.state,this.$emit("input",t)}},watch:{checked:function(t){t!==this.state&&this.toggle()}},mounted:function(){this.checked&&!this.state&&this.toggle()}},void 0,!1,void 0,void 0,void 0);var c=l({render:function(){var t=this,e=t.$createElement,l=t._self._c||e;return l("div",{staticClass:"c-field",attrs:{id:"field-"+t.id}},[t.label?l("label",{attrs:{for:t.id}},[t._v(t._s(t.label))]):t._e(),t._v(" "),t.instructions?l("div",{staticClass:"instructions"},[l("p",[t._v(t._s(t.instructions))])]):t._e(),t._v(" "),t._t("default"),t._v(" "),t._l(t.errors,function(e,i){return t.errors?[l("div",{key:i,staticClass:"invalid-feedback"},[t._v(t._s(e))])]:t._e()})],2)},staticRenderFns:[]},void 0,{props:{errors:{type:Array|Boolean,default:null},id:{type:String,default:function(){return"c-field-id-"+this._uid}},instructions:{type:String,default:null},label:{type:String,default:null}}},void 0,!1,void 0,void 0,void 0);var a=l({render:function(){var t=this,e=t.$createElement,l=t._self._c||e;return l("field",{staticClass:"c-dropdown",attrs:{id:t.id+"-label",label:t.label,instructions:t.instructions,errors:t.errors}},[l("div",{staticClass:"c-dropdown-input",class:{"is-invalid":t.errors&&t.errors.length>0}},[l("div",{staticClass:"select"},[l("select",{class:{"w-full":t.fullwidth},attrs:{disabled:t.disabled},domProps:{value:t.value},on:{input:function(e){return t.$emit("input",e.target[e.target.selectedIndex].value)}}},t._l(t.options,function(e,i){return l("option",{key:i,domProps:{value:e.value}},[t._v(t._s(e.label))])}),0)])])])},staticRenderFns:[]},void 0,{props:{disabled:{type:Boolean,default:!1},errors:{type:Array|Boolean,default:null},fullwidth:{type:Boolean,default:!1},id:{type:String,default:function(){return"c-dropdown-id-"+this._uid}},instructions:{type:String,default:null},label:{type:String,default:null},options:{type:Array,default:null},value:{type:String,default:null}},components:{Field:c}},void 0,!1,void 0,void 0,void 0);var o=l({render:function(){var t,e=this.$createElement,l=this._self._c||e;return l("svg",{staticClass:"c-icon",class:(t={},t["size-"+this.size]=!0,t),attrs:{viewBox:"0 0 18 18",width:"18",height:"18",role:"presentation"}},[l("use",{attrs:{"xmlns:xlink":"http://www.w3.org/1999/xlink","xlink:href":"#"+this.icon}})])},staticRenderFns:[]},void 0,{props:{icon:{type:String,default:null},size:{type:String,default:"base"}}},void 0,!1,void 0,void 0,void 0);var s=l({render:function(){var t=this,e=t.$createElement,l=t._self._c||e;return l("field",{staticClass:"c-lightswitch",attrs:{id:t.id,label:t.label,instructions:t.instructions,errors:t.errors}},[l("div",{staticClass:"c-lightswitch-input"},[l("label",{staticClass:"lightswitch",class:{disabled:t.disabled},attrs:{for:t.id}},[l("input",{attrs:{id:t.id,type:"checkbox",disabled:t.disabled},domProps:{checked:t.checked},on:{change:t.onChange}}),t._v(" "),l("div",{staticClass:"slider round"})])])])},staticRenderFns:[]},void 0,{props:{checked:{type:Boolean,default:null},disabled:{type:Boolean,default:null},errors:{type:Array|Boolean,default:null},id:{type:String,default:function(){return"c-lightswitch-id-"+this._uid}},instructions:{type:String,default:null},label:{type:String,default:null}},components:{Field:c},methods:{onChange:function(t){this.$emit("update:checked",t.target.checked),this.$emit("change",t.target.checked)}}},void 0,!1,void 0,void 0,void 0);var r=l({render:function(){var t=this,e=t.$createElement,l=t._self._c||e;return l("field",{staticClass:"c-radio",attrs:{id:t.id,errors:t.errors}},[l("label",[l("input",{attrs:{type:"radio",id:t.id,disabled:t.disabled},domProps:{value:t.value,checked:t.state},on:{change:t.onChange}}),t._v("\n\n "+t._s(t.label)+"\n ")])])},staticRenderFns:[]},void 0,{model:{prop:"modelValue",event:"input"},props:{checked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},errors:{type:Array|Boolean,default:null},id:{type:String,default:function(){return"c-radio-id-"+this._uid}},instructions:{type:String,default:null},label:{type:String,default:null},modelValue:{default:void 0},value:{default:""}},computed:{state:function(){return void 0===this.modelValue?this.checked:this.modelValue===this.value}},methods:{onChange:function(){this.toggle()},toggle:function(){this.$emit("input",this.state?"":this.value)}},watch:{checked:function(t){t!==this.state&&this.toggle()}},mounted:function(){this.checked&&!this.state&&this.toggle()}},void 0,!1,void 0,void 0,void 0);var d=l({render:function(){var t,e=this.$createElement,l=this._self._c||e;return l("div",{staticClass:"c-spinner",class:(t={},t[this.size]=!0,t)},[l("div",{staticClass:"animation"})])},staticRenderFns:[]},void 0,{props:{size:{type:String,default:"base"}}},void 0,!1,void 0,void 0,void 0);function u(t,e){var l=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],i=arguments.length>3?arguments[3]:void 0;t=t||"",e=e||"";for(var n=0,c=0,a="";n2&&void 0!==arguments[2])||arguments[2],i=arguments.length>3?arguments[3]:void 0;return Array.isArray(e)?function(t,e,l){return e=e.sort(function(t,e){return t.length-e.length}),function(i,n){for(var c=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=0;ao.length))return t(i,o,c,l)}return""}}(u,e,i)(t,e,l,i):u(t,e,l,i)}var p={"#":{pattern:/\d/},X:{pattern:/[0-9a-zA-Z]/},S:{pattern:/[a-zA-Z]/},A:{pattern:/[a-zA-Z]/,transform:function(t){return t.toLocaleUpperCase()}},a:{pattern:/[a-zA-Z]/,transform:function(t){return t.toLocaleLowerCase()}},"!":{escape:!0}};function v(t){var e=document.createEvent("Event");return e.initEvent(t,!0,!0),e}var m={Btn:i,Checkbox:n,Dropdown:a,Field:c,Icon:o,Lightswitch:s,Radio:r,Spinner:d,Textbox:l({render:function(){var t=this,e=t.$createElement,l=t._self._c||e;return l("field",{staticClass:"c-textbox",attrs:{id:t.id,label:t.label,instructions:t.instructions,errors:t.errors}},[l("div",{staticClass:"wrapper"},[l(t.computedComponent,{directives:[{name:"mask",rawName:"v-mask",value:t.mask,expression:"mask"}],ref:"input",tag:"component",class:{"w-full":!t.size,"is-invalid":t.errors&&t.errors.length>0,"text-red-dark":t.max&&t.max=20,"text-orange":t.remainingChars<20&&t.remainingChars>=0,"text-red":t.remainingChars<0}},[l("small",[t._v(t._s(t.max-t.remainingChars)+"/"+t._s(t.max))])]):t._e()],1)])},staticRenderFns:[]},void 0,{directives:{mask:{bind:function(t,e,l){if(l.context.mask)return function(t,e){var l=e.value;if((Array.isArray(l)||"string"==typeof l)&&(l={mask:l,tokens:p}),"INPUT"!==t.tagName.toLocaleUpperCase()){var i=t.getElementsByTagName("input");if(1!==i.length)throw new Error("v-mask directive requires 1 input, found "+i.length);t=i[0]}t.oninput=function(e){if(e.isTrusted){var i=t.selectionEnd,n=t.value[i-1];for(t.value=h(t.value,l.mask,!0,l.tokens);i a.length - b.length)\n return function (value, mask, masked = true) {\n var i = 0\n while (i < masks.length) {\n var currentMask = masks[i]\n i++\n var nextMask = masks[i]\n if (! (nextMask && maskit(value, nextMask, true, tokens).length > currentMask.length) ) {\n return maskit(value, currentMask, masked, tokens)\n }\n }\n return '' // empty masks\n }\n}\n","module.exports = {\n '#': {pattern: /\\d/},\n 'X': {pattern: /[0-9a-zA-Z]/},\n 'S': {pattern: /[a-zA-Z]/},\n 'A': {pattern: /[a-zA-Z]/, transform: v => v.toLocaleUpperCase()},\n 'a': {pattern: /[a-zA-Z]/, transform: v => v.toLocaleLowerCase()},\n '!': {escape: true}\n}\n\n// https://github.com/fernandofleury/vanilla-masker/blob/master/lib/vanilla-masker.js\n// DIGIT = \"9\",\n// ALPHA = \"A\",\n// ALPHANUM = \"S\"\n\n// https://github.com/niksmr/vue-masked-input\n// 1 - number\n// a - letter\n// A - letter, forced to upper case when entered\n// * - alphanumeric\n// # - alphanumeric, forced to upper case when entered\n// + - any character\n\n// https://github.com/probil/v-mask\n// #\tNumber (0-9)\n// A\tLetter in any case (a-z,A-Z)\n// N\tNumber or letter\n// X\tAny symbol\n\n// https://github.com/igorescobar/jQuery-Mask-Plugin/blob/master/src/jquery.mask.js#L518\n// '0': {pattern: /\\d/},\n// '9': {pattern: /\\d/, optional: true},\n// '#': {pattern: /\\d/, recursive: true},\n// 'A': {pattern: /[a-zA-Z0-9]/},\n// 'S': {pattern: /[a-zA-Z]/}\n\n// https://github.com/the-darc/string-mask\n// 0\tAny numbers\n// 9\tAny numbers (Optional)\n// #\tAny numbers (recursive)\n// A\tAny alphanumeric character\n// a\tAny alphanumeric character (Optional) Not implemented yet\n// S\tAny letter\n// U\tAny letter (All lower case character will be mapped to uppercase)\n// L\tAny letter (All upper case character will be mapped to lowercase)\n// $\tEscape character, used to escape any of the special formatting characters.\n","import masker from './masker'\nimport tokens from './tokens'\n\n// https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events#The_old-fashioned_way\nfunction event (name) {\n var evt = document.createEvent('Event')\n evt.initEvent(name, true, true)\n return evt\n}\n\nexport default function (el, binding) {\n var config = binding.value\n if (Array.isArray(config) || typeof config === 'string') {\n config = {\n mask: config,\n tokens: tokens\n }\n }\n\n if (el.tagName.toLocaleUpperCase() !== 'INPUT') {\n var els = el.getElementsByTagName('input')\n if (els.length !== 1) {\n throw new Error(\"v-mask directive requires 1 input, found \" + els.length)\n } else {\n el = els[0]\n }\n }\n\n el.oninput = function (evt) {\n if (!evt.isTrusted) return // avoid infinite loop\n /* other properties to try to diferentiate InputEvent of Event (custom)\n InputEvent (native)\n cancelable: false\n isTrusted: true\n\n composed: true\n isComposing: false\n which: 0\n\n Event (custom)\n cancelable: true\n isTrusted: false\n */\n // by default, keep cursor at same position as before the mask\n var position = el.selectionEnd\n // save the character just inserted\n var digit = el.value[position-1]\n el.value = masker(el.value, config.mask, true, config.tokens)\n // if the digit was changed, increment position until find the digit again\n while (position < el.value.length && el.value.charAt(position-1) !== digit) {\n position++\n }\n if (el === document.activeElement) {\n el.setSelectionRange(position, position)\n setTimeout(function () {\n el.setSelectionRange(position, position)\n }, 0)\n }\n el.dispatchEvent(event('input'))\n }\n\n var newDisplay = masker(el.value, config.mask, true, config.tokens)\n if (newDisplay !== el.value) {\n el.value = newDisplay\n el.dispatchEvent(event('input'))\n }\n}\n","import Btn from './Btn.vue';\nimport Checkbox from './Checkbox.vue';\nimport Dropdown from './Dropdown.vue';\nimport Field from './Field.vue';\nimport Icon from './Icon.vue';\nimport Lightswitch from './Lightswitch.vue';\nimport Radio from './Radio.vue';\nimport Spinner from './Spinner.vue';\nimport Textbox from './Textbox.vue';\n\nconst CraftComponents = {\n Btn,\n Checkbox,\n Dropdown,\n Field,\n Icon,\n Lightswitch,\n Radio,\n Spinner,\n Textbox,\n};\n\nexport default CraftComponents;","import CraftIcons from './plugins/icons'\nimport CraftComponents from './components'\n\nimport './sass/styles.scss'\n\nexport default {\n install(Vue) {\n Vue.use(CraftIcons)\n\n // Craft Components\n Object.keys(CraftComponents).forEach(name => {\n Vue.component(name, CraftComponents[name])\n })\n }\n}\n"],"names":["install","document","iconsWrapper","createElement","style","display","innerHTML","body","insertBefore","firstChild","maskit","value","mask","masked","tokens","iMask","iValue","output","length","masker","cMask","cValue","escape","pattern","test","transform","restOutput","Array","isArray","masks","sort","a","b","i","currentMask","nextMask","dynamicMask","module","v","toLocaleUpperCase","toLocaleLowerCase","event","name","evt","createEvent","initEvent","CraftComponents","Btn","Checkbox","Dropdown","Field","Icon","Lightswitch","Radio","Spinner","Textbox","el","binding","config","tagName","els","getElementsByTagName","Error","oninput","isTrusted","position","selectionEnd","digit","charAt","activeElement","setSelectionRange","setTimeout","dispatchEvent","newDisplay","Vue","use","CraftIcons","Object","keys","forEach","component"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"craftui.min.js","sources":["../src/plugins/icons.js","../node_modules/vue-the-mask/src/maskit.js","../node_modules/vue-the-mask/src/masker.js","../node_modules/vue-the-mask/src/dynamic-mask.js","../node_modules/vue-the-mask/src/tokens.js","../node_modules/vue-the-mask/src/directive.js","../src/components/index.js","../src/index.js"],"sourcesContent":["import iconsSvg from '../sprites/icons.svg'\n\nexport default {\n install () {\n if(typeof document !== 'undefined'){\n const iconsWrapper = document.createElement('div')\n iconsWrapper.style.display = 'none'\n iconsWrapper.innerHTML = iconsSvg\n document.body.insertBefore(iconsWrapper, document.body.firstChild)\n }\n },\n}","export default function maskit (value, mask, masked = true, tokens) {\n value = value || ''\n mask = mask || ''\n var iMask = 0\n var iValue = 0\n var output = ''\n while (iMask < mask.length && iValue < value.length) {\n var cMask = mask[iMask]\n var masker = tokens[cMask]\n var cValue = value[iValue]\n if (masker && !masker.escape) {\n if (masker.pattern.test(cValue)) {\n \toutput += masker.transform ? masker.transform(cValue) : cValue\n iMask++\n }\n iValue++\n } else {\n if (masker && masker.escape) {\n iMask++ // take the next mask char and treat it as char\n cMask = mask[iMask]\n }\n if (masked) output += cMask\n if (cValue === cMask) iValue++ // user typed the same char\n iMask++\n }\n }\n\n // fix mask that ends with a char: (#)\n var restOutput = ''\n while (iMask < mask.length && masked) {\n var cMask = mask[iMask]\n if (tokens[cMask]) {\n restOutput = ''\n break\n }\n restOutput += cMask\n iMask++\n }\n\n return output + restOutput\n}\n","import maskit from './maskit'\nimport dynamicMask from './dynamic-mask'\n// Facade to maskit/dynamicMask when mask is String or Array\nexport default function (value, mask, masked = true, tokens) {\n return Array.isArray(mask)\n ? dynamicMask(maskit, mask, tokens)(value, mask, masked, tokens)\n : maskit(value, mask, masked, tokens)\n}\n","export default function dynamicMask (maskit, masks, tokens) {\n masks = masks.sort((a, b) => a.length - b.length)\n return function (value, mask, masked = true) {\n var i = 0\n while (i < masks.length) {\n var currentMask = masks[i]\n i++\n var nextMask = masks[i]\n if (! (nextMask && maskit(value, nextMask, true, tokens).length > currentMask.length) ) {\n return maskit(value, currentMask, masked, tokens)\n }\n }\n return '' // empty masks\n }\n}\n","module.exports = {\n '#': {pattern: /\\d/},\n 'X': {pattern: /[0-9a-zA-Z]/},\n 'S': {pattern: /[a-zA-Z]/},\n 'A': {pattern: /[a-zA-Z]/, transform: v => v.toLocaleUpperCase()},\n 'a': {pattern: /[a-zA-Z]/, transform: v => v.toLocaleLowerCase()},\n '!': {escape: true}\n}\n\n// https://github.com/fernandofleury/vanilla-masker/blob/master/lib/vanilla-masker.js\n// DIGIT = \"9\",\n// ALPHA = \"A\",\n// ALPHANUM = \"S\"\n\n// https://github.com/niksmr/vue-masked-input\n// 1 - number\n// a - letter\n// A - letter, forced to upper case when entered\n// * - alphanumeric\n// # - alphanumeric, forced to upper case when entered\n// + - any character\n\n// https://github.com/probil/v-mask\n// #\tNumber (0-9)\n// A\tLetter in any case (a-z,A-Z)\n// N\tNumber or letter\n// X\tAny symbol\n\n// https://github.com/igorescobar/jQuery-Mask-Plugin/blob/master/src/jquery.mask.js#L518\n// '0': {pattern: /\\d/},\n// '9': {pattern: /\\d/, optional: true},\n// '#': {pattern: /\\d/, recursive: true},\n// 'A': {pattern: /[a-zA-Z0-9]/},\n// 'S': {pattern: /[a-zA-Z]/}\n\n// https://github.com/the-darc/string-mask\n// 0\tAny numbers\n// 9\tAny numbers (Optional)\n// #\tAny numbers (recursive)\n// A\tAny alphanumeric character\n// a\tAny alphanumeric character (Optional) Not implemented yet\n// S\tAny letter\n// U\tAny letter (All lower case character will be mapped to uppercase)\n// L\tAny letter (All upper case character will be mapped to lowercase)\n// $\tEscape character, used to escape any of the special formatting characters.\n","import masker from './masker'\nimport tokens from './tokens'\n\n// https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events#The_old-fashioned_way\nfunction event (name) {\n var evt = document.createEvent('Event')\n evt.initEvent(name, true, true)\n return evt\n}\n\nexport default function (el, binding) {\n var config = binding.value\n if (Array.isArray(config) || typeof config === 'string') {\n config = {\n mask: config,\n tokens: tokens\n }\n }\n\n if (el.tagName.toLocaleUpperCase() !== 'INPUT') {\n var els = el.getElementsByTagName('input')\n if (els.length !== 1) {\n throw new Error(\"v-mask directive requires 1 input, found \" + els.length)\n } else {\n el = els[0]\n }\n }\n\n el.oninput = function (evt) {\n if (!evt.isTrusted) return // avoid infinite loop\n /* other properties to try to diferentiate InputEvent of Event (custom)\n InputEvent (native)\n cancelable: false\n isTrusted: true\n\n composed: true\n isComposing: false\n which: 0\n\n Event (custom)\n cancelable: true\n isTrusted: false\n */\n // by default, keep cursor at same position as before the mask\n var position = el.selectionEnd\n // save the character just inserted\n var digit = el.value[position-1]\n el.value = masker(el.value, config.mask, true, config.tokens)\n // if the digit was changed, increment position until find the digit again\n while (position < el.value.length && el.value.charAt(position-1) !== digit) {\n position++\n }\n if (el === document.activeElement) {\n el.setSelectionRange(position, position)\n setTimeout(function () {\n el.setSelectionRange(position, position)\n }, 0)\n }\n el.dispatchEvent(event('input'))\n }\n\n var newDisplay = masker(el.value, config.mask, true, config.tokens)\n if (newDisplay !== el.value) {\n el.value = newDisplay\n el.dispatchEvent(event('input'))\n }\n}\n","import Btn from './Btn.vue';\nimport Checkbox from './Checkbox.vue';\nimport Dropdown from './Dropdown.vue';\nimport Field from './Field.vue';\nimport Icon from './Icon.vue';\nimport Lightswitch from './Lightswitch.vue';\nimport Radio from './Radio.vue';\nimport Spinner from './Spinner.vue';\nimport Textbox from './Textbox.vue';\n\nconst CraftComponents = {\n Btn,\n Checkbox,\n Dropdown,\n Field,\n Icon,\n Lightswitch,\n Radio,\n Spinner,\n Textbox,\n};\n\nexport default CraftComponents;","import CraftIcons from './plugins/icons'\nimport CraftComponents from './components'\n\nimport './sass/styles.scss'\n\nexport default {\n install(Vue) {\n Vue.use(CraftIcons)\n\n // Craft Components\n Object.keys(CraftComponents).forEach(name => {\n Vue.component(name, CraftComponents[name])\n })\n }\n}\n"],"names":["install","document","iconsWrapper","createElement","style","display","innerHTML","body","insertBefore","firstChild","maskit","value","mask","masked","tokens","iMask","iValue","output","length","masker","cMask","cValue","escape","pattern","test","transform","restOutput","Array","isArray","masks","sort","a","b","i","currentMask","nextMask","dynamicMask","module","v","toLocaleUpperCase","toLocaleLowerCase","event","name","evt","createEvent","initEvent","CraftComponents","Btn","Checkbox","Dropdown","Field","Icon","Lightswitch","Radio","Spinner","Textbox","el","binding","config","tagName","els","getElementsByTagName","Error","oninput","isTrusted","position","selectionEnd","digit","charAt","activeElement","setSelectionRange","setTimeout","dispatchEvent","newDisplay","Vue","use","CraftIcons","Object","keys","forEach","component"],"mappings":"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"} \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index f7e3071..ceab698 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "@pixelandtonic/craftui", - "version": "0.3.1", + "version": "0.3.2", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -9064,25 +9064,29 @@ "dependencies": { "abbrev": { "version": "1.1.1", - "bundled": true, + "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz", + "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==", "dev": true, "optional": true }, "ansi-regex": { "version": "2.1.1", - "bundled": true, + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", + "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=", "dev": true, "optional": true }, "aproba": { "version": "1.2.0", - "bundled": true, + "resolved": "https://registry.npmjs.org/aproba/-/aproba-1.2.0.tgz", + "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==", "dev": true, "optional": true }, "are-we-there-yet": { "version": "1.1.5", - "bundled": true, + "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz", + "integrity": "sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==", "dev": true, "optional": true, "requires": { @@ -9092,13 +9096,15 @@ }, "balanced-match": { "version": "1.0.0", - "bundled": true, + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz", + "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=", "dev": true, "optional": true }, "brace-expansion": { "version": "1.1.11", - "bundled": true, + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", "dev": true, "optional": true, "requires": { @@ -9108,37 +9114,43 @@ }, "chownr": { "version": "1.1.1", - "bundled": true, + "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.1.tgz", + "integrity": "sha512-j38EvO5+LHX84jlo6h4UzmOwi0UgW61WRyPtJz4qaadK5eY3BTS5TY/S1Stc3Uk2lIM6TPevAlULiEJwie860g==", "dev": true, "optional": true }, "code-point-at": { "version": "1.1.0", - "bundled": true, + "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz", + "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=", "dev": true, "optional": true }, "concat-map": { "version": "0.0.1", - "bundled": true, + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=", "dev": true, "optional": true }, "console-control-strings": { "version": "1.1.0", - "bundled": true, + "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz", + "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=", "dev": true, "optional": true }, "core-util-is": { "version": "1.0.2", - "bundled": true, + "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz", + "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=", "dev": true, "optional": true }, "debug": { "version": "2.6.9", - "bundled": true, + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", "dev": true, "optional": true, "requires": { @@ -9147,25 +9159,29 @@ }, "deep-extend": { "version": "0.6.0", - "bundled": true, + "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz", + "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==", "dev": true, "optional": true }, "delegates": { "version": "1.0.0", - "bundled": true, + "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz", + "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=", "dev": true, "optional": true }, "detect-libc": { "version": "1.0.3", - "bundled": true, + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz", + "integrity": "sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=", "dev": true, "optional": true }, "fs-minipass": { "version": "1.2.5", - "bundled": true, + "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-1.2.5.tgz", + "integrity": "sha512-JhBl0skXjUPCFH7x6x61gQxrKyXsxB5gcgePLZCwfyCGGsTISMoIeObbrvVeP6Xmyaudw4TT43qV2Gz+iyd2oQ==", "dev": true, "optional": true, "requires": { @@ -9174,13 +9190,15 @@ }, "fs.realpath": { "version": "1.0.0", - "bundled": true, + "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", + "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=", "dev": true, "optional": true }, "gauge": { "version": "2.7.4", - "bundled": true, + "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz", + "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=", "dev": true, "optional": true, "requires": { @@ -9196,7 +9214,8 @@ }, "glob": { "version": "7.1.3", - "bundled": true, + "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.3.tgz", + "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==", "dev": true, "optional": true, "requires": { @@ -9210,13 +9229,15 @@ }, "has-unicode": { "version": "2.0.1", - "bundled": true, + "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz", + "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=", "dev": true, "optional": true }, "iconv-lite": { "version": "0.4.24", - "bundled": true, + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", + "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", "dev": true, "optional": true, "requires": { @@ -9225,7 +9246,8 @@ }, "ignore-walk": { "version": "3.0.1", - "bundled": true, + "resolved": "https://registry.npmjs.org/ignore-walk/-/ignore-walk-3.0.1.tgz", + "integrity": "sha512-DTVlMx3IYPe0/JJcYP7Gxg7ttZZu3IInhuEhbchuqneY9wWe5Ojy2mXLBaQFUQmo0AW2r3qG7m1mg86js+gnlQ==", "dev": true, "optional": true, "requires": { @@ -9234,7 +9256,8 @@ }, "inflight": { "version": "1.0.6", - "bundled": true, + "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", + "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=", "dev": true, "optional": true, "requires": { @@ -9244,19 +9267,22 @@ }, "inherits": { "version": "2.0.3", - "bundled": true, + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=", "dev": true, "optional": true }, "ini": { "version": "1.3.5", - "bundled": true, + "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.5.tgz", + "integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==", "dev": true, "optional": true }, "is-fullwidth-code-point": { "version": "1.0.0", - "bundled": true, + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", + "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", "dev": true, "optional": true, "requires": { @@ -9265,13 +9291,15 @@ }, "isarray": { "version": "1.0.0", - "bundled": true, + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=", "dev": true, "optional": true }, "minimatch": { "version": "3.0.4", - "bundled": true, + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz", + "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==", "dev": true, "optional": true, "requires": { @@ -9280,13 +9308,15 @@ }, "minimist": { "version": "0.0.8", - "bundled": true, + "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz", + "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=", "dev": true, "optional": true }, "minipass": { "version": "2.3.5", - "bundled": true, + "resolved": "https://registry.npmjs.org/minipass/-/minipass-2.3.5.tgz", + "integrity": "sha512-Gi1W4k059gyRbyVUZQ4mEqLm0YIUiGYfvxhF6SIlk3ui1WVxMTGfGdQ2SInh3PDrRTVvPKgULkpJtT4RH10+VA==", "dev": true, "optional": true, "requires": { @@ -9296,7 +9326,8 @@ }, "minizlib": { "version": "1.2.1", - "bundled": true, + "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-1.2.1.tgz", + "integrity": "sha512-7+4oTUOWKg7AuL3vloEWekXY2/D20cevzsrNT2kGWm+39J9hGTCBv8VI5Pm5lXZ/o3/mdR4f8rflAPhnQb8mPA==", "dev": true, "optional": true, "requires": { @@ -9305,7 +9336,8 @@ }, "mkdirp": { "version": "0.5.1", - "bundled": true, + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz", + "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=", "dev": true, "optional": true, "requires": { @@ -9314,13 +9346,15 @@ }, "ms": { "version": "2.0.0", - "bundled": true, + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=", "dev": true, "optional": true }, "needle": { "version": "2.2.4", - "bundled": true, + "resolved": "https://registry.npmjs.org/needle/-/needle-2.2.4.tgz", + "integrity": "sha512-HyoqEb4wr/rsoaIDfTH2aVL9nWtQqba2/HvMv+++m8u0dz808MaagKILxtfeSN7QU7nvbQ79zk3vYOJp9zsNEA==", "dev": true, "optional": true, "requires": { @@ -9331,7 +9365,8 @@ }, "node-pre-gyp": { "version": "0.10.3", - "bundled": true, + "resolved": "https://registry.npmjs.org/node-pre-gyp/-/node-pre-gyp-0.10.3.tgz", + "integrity": "sha512-d1xFs+C/IPS8Id0qPTZ4bUT8wWryfR/OzzAFxweG+uLN85oPzyo2Iw6bVlLQ/JOdgNonXLCoRyqDzDWq4iw72A==", "dev": true, "optional": true, "requires": { @@ -9349,7 +9384,8 @@ }, "nopt": { "version": "4.0.1", - "bundled": true, + "resolved": "https://registry.npmjs.org/nopt/-/nopt-4.0.1.tgz", + "integrity": "sha1-0NRoWv1UFRk8jHUFYC0NF81kR00=", "dev": true, "optional": true, "requires": { @@ -9359,13 +9395,15 @@ }, "npm-bundled": { "version": "1.0.5", - "bundled": true, + "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-1.0.5.tgz", + "integrity": "sha512-m/e6jgWu8/v5niCUKQi9qQl8QdeEduFA96xHDDzFGqly0OOjI7c+60KM/2sppfnUU9JJagf+zs+yGhqSOFj71g==", "dev": true, "optional": true }, "npm-packlist": { "version": "1.2.0", - "bundled": true, + "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-1.2.0.tgz", + "integrity": "sha512-7Mni4Z8Xkx0/oegoqlcao/JpPCPEMtUvsmB0q7mgvlMinykJLSRTYuFqoQLYgGY8biuxIeiHO+QNJKbCfljewQ==", "dev": true, "optional": true, "requires": { @@ -9375,7 +9413,8 @@ }, "npmlog": { "version": "4.1.2", - "bundled": true, + "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz", + "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==", "dev": true, "optional": true, "requires": { @@ -9387,19 +9426,22 @@ }, "number-is-nan": { "version": "1.0.1", - "bundled": true, + "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz", + "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=", "dev": true, "optional": true }, "object-assign": { "version": "4.1.1", - "bundled": true, + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=", "dev": true, "optional": true }, "once": { "version": "1.4.0", - "bundled": true, + "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", + "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=", "dev": true, "optional": true, "requires": { @@ -9408,19 +9450,22 @@ }, "os-homedir": { "version": "1.0.2", - "bundled": true, + "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz", + "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=", "dev": true, "optional": true }, "os-tmpdir": { "version": "1.0.2", - "bundled": true, + "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", + "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=", "dev": true, "optional": true }, "osenv": { "version": "0.1.5", - "bundled": true, + "resolved": "https://registry.npmjs.org/osenv/-/osenv-0.1.5.tgz", + "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==", "dev": true, "optional": true, "requires": { @@ -9430,19 +9475,22 @@ }, "path-is-absolute": { "version": "1.0.1", - "bundled": true, + "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=", "dev": true, "optional": true }, "process-nextick-args": { "version": "2.0.0", - "bundled": true, + "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz", + "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==", "dev": true, "optional": true }, "rc": { "version": "1.2.8", - "bundled": true, + "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz", + "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==", "dev": true, "optional": true, "requires": { @@ -9454,7 +9502,8 @@ "dependencies": { "minimist": { "version": "1.2.0", - "bundled": true, + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", + "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=", "dev": true, "optional": true } @@ -9462,7 +9511,8 @@ }, "readable-stream": { "version": "2.3.6", - "bundled": true, + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "dev": true, "optional": true, "requires": { @@ -9477,7 +9527,8 @@ }, "rimraf": { "version": "2.6.3", - "bundled": true, + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz", + "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==", "dev": true, "optional": true, "requires": { @@ -9486,43 +9537,50 @@ }, "safe-buffer": { "version": "5.1.2", - "bundled": true, + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", "dev": true, "optional": true }, "safer-buffer": { "version": "2.1.2", - "bundled": true, + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", "dev": true, "optional": true }, "sax": { "version": "1.2.4", - "bundled": true, + "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz", + "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==", "dev": true, "optional": true }, "semver": { "version": "5.6.0", - "bundled": true, + "resolved": "https://registry.npmjs.org/semver/-/semver-5.6.0.tgz", + "integrity": "sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg==", "dev": true, "optional": true }, "set-blocking": { "version": "2.0.0", - "bundled": true, + "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz", + "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=", "dev": true, "optional": true }, "signal-exit": { "version": "3.0.2", - "bundled": true, + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz", + "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=", "dev": true, "optional": true }, "string-width": { "version": "1.0.2", - "bundled": true, + "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", + "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", "dev": true, "optional": true, "requires": { @@ -9533,7 +9591,8 @@ }, "string_decoder": { "version": "1.1.1", - "bundled": true, + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", "dev": true, "optional": true, "requires": { @@ -9542,7 +9601,8 @@ }, "strip-ansi": { "version": "3.0.1", - "bundled": true, + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", + "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=", "dev": true, "optional": true, "requires": { @@ -9551,13 +9611,15 @@ }, "strip-json-comments": { "version": "2.0.1", - "bundled": true, + "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz", + "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=", "dev": true, "optional": true }, "tar": { "version": "4.4.8", - "bundled": true, + "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.8.tgz", + "integrity": "sha512-LzHF64s5chPQQS0IYBn9IN5h3i98c12bo4NCO7e0sGM2llXQ3p2FGC5sdENN4cTW48O915Sh+x+EXx7XW96xYQ==", "dev": true, "optional": true, "requires": { @@ -9572,13 +9634,15 @@ }, "util-deprecate": { "version": "1.0.2", - "bundled": true, + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", + "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=", "dev": true, "optional": true }, "wide-align": { "version": "1.1.3", - "bundled": true, + "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.3.tgz", + "integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==", "dev": true, "optional": true, "requires": { @@ -9587,13 +9651,15 @@ }, "wrappy": { "version": "1.0.2", - "bundled": true, + "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", + "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=", "dev": true, "optional": true }, "yallist": { "version": "3.0.3", - "bundled": true, + "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.0.3.tgz", + "integrity": "sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==", "dev": true, "optional": true } diff --git a/package.json b/package.json index 86ef0ed..caa3699 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@pixelandtonic/craftui", - "version": "0.3.1", + "version": "0.3.2", "main": "dist/craftui.js", "unpkg": "dist/craftui.min.js", "module": "dist/craftui.es.js",