From 0923a94fd661c574f1bf0caa30dc28a9aa44bded Mon Sep 17 00:00:00 2001 From: Benjamin David Date: Mon, 4 Mar 2019 15:48:28 +0100 Subject: [PATCH] dist --- dist/craftui.css | 305 ++++++++++++++++++++++----------------- dist/craftui.min.css | 6 +- dist/craftui.min.css.map | 2 +- 3 files changed, 173 insertions(+), 140 deletions(-) diff --git a/dist/craftui.css b/dist/craftui.css index c976b40..c9f9a2e 100644 --- a/dist/craftui.css +++ b/dist/craftui.css @@ -21,18 +21,18 @@ button.c-btn:not(.outline) { box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2); } -.c-btn:hover, -a.c-btn:hover, -button.c-btn:hover { +.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:active, -a.c-btn:active, -button.c-btn:active { +.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; @@ -42,6 +42,8 @@ button.c-btn:active { a.c-btn.block, button.c-btn.block { width: 100%; + margin-top: .25rem; + margin-bottom: .25rem; } .c-btn.small, @@ -91,16 +93,16 @@ button.c-btn.primary { color: #fff; } -.c-btn.primary:hover, -a.c-btn.primary:hover, -button.c-btn.primary:hover { +.c-btn.primary:not([disabled]):hover, +a.c-btn.primary:not([disabled]):hover, +button.c-btn.primary:not([disabled]):hover { background-color: #2779bd; border-color: #2779bd; } -.c-btn.primary:active, -a.c-btn.primary:active, -button.c-btn.primary:active { +.c-btn.primary:not([disabled]):active, +a.c-btn.primary:not([disabled]):active, +button.c-btn.primary:not([disabled]):active { background-color: #1c3d5a; border-color: #1c3d5a; } @@ -113,16 +115,16 @@ button.c-btn.warning { color: #fff; } -.c-btn.warning:hover, -a.c-btn.warning:hover, -button.c-btn.warning:hover { +.c-btn.warning:not([disabled]):hover, +a.c-btn.warning:not([disabled]):hover, +button.c-btn.warning:not([disabled]):hover { background-color: #de751f; border-color: #de751f; } -.c-btn.warning:active, -a.c-btn.warning:active, -button.c-btn.warning:active { +.c-btn.warning:not([disabled]):active, +a.c-btn.warning:not([disabled]):active, +button.c-btn.warning:not([disabled]):active { background-color: #613b1f; border-color: #613b1f; } @@ -135,16 +137,16 @@ button.c-btn.success { color: #fff; } -.c-btn.success:hover, -a.c-btn.success:hover, -button.c-btn.success:hover { +.c-btn.success:not([disabled]):hover, +a.c-btn.success:not([disabled]):hover, +button.c-btn.success:not([disabled]):hover { background-color: #1f9d55; border-color: #1f9d55; } -.c-btn.success:active, -a.c-btn.success:active, -button.c-btn.success:active { +.c-btn.success:not([disabled]):active, +a.c-btn.success:not([disabled]):active, +button.c-btn.success:not([disabled]):active { background-color: #1a4731; border-color: #1a4731; } @@ -157,16 +159,16 @@ button.c-btn.danger { color: #fff; } -.c-btn.danger:hover, -a.c-btn.danger:hover, -button.c-btn.danger:hover { +.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:active, -a.c-btn.danger:active, -button.c-btn.danger:active { +.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; } @@ -179,16 +181,16 @@ button.c-btn.info { color: #fff; } -.c-btn.info:hover, -a.c-btn.info:hover, -button.c-btn.info:hover { +.c-btn.info:not([disabled]):hover, +a.c-btn.info:not([disabled]):hover, +button.c-btn.info:not([disabled]):hover { background-color: #38a89d; border-color: #38a89d; } -.c-btn.info:active, -a.c-btn.info:active, -button.c-btn.info:active { +.c-btn.info:not([disabled]):active, +a.c-btn.info:not([disabled]):active, +button.c-btn.info:not([disabled]):active { background-color: #20504f; border-color: #20504f; } @@ -212,16 +214,16 @@ button.c-btn.outline.primary { color: #3490dc; } -.c-btn.outline.primary:hover, -a.c-btn.outline.primary:hover, -button.c-btn.outline.primary:hover { +.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:active, -a.c-btn.outline.primary:active, -button.c-btn.outline.primary:active { +.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; } @@ -232,16 +234,16 @@ button.c-btn.outline.warning { color: #f6993f; } -.c-btn.outline.warning:hover, -a.c-btn.outline.warning:hover, -button.c-btn.outline.warning:hover { +.c-btn.outline.warning:not([disabled]):hover, +a.c-btn.outline.warning:not([disabled]):hover, +button.c-btn.outline.warning:not([disabled]):hover { color: #fff; background-color: #f6993f; } -.c-btn.outline.warning:active, -a.c-btn.outline.warning:active, -button.c-btn.outline.warning:active { +.c-btn.outline.warning:not([disabled]):active, +a.c-btn.outline.warning:not([disabled]):active, +button.c-btn.outline.warning:not([disabled]):active { color: #fff; background-color: #613b1f; } @@ -252,16 +254,16 @@ button.c-btn.outline.success { color: #38c172; } -.c-btn.outline.success:hover, -a.c-btn.outline.success:hover, -button.c-btn.outline.success:hover { +.c-btn.outline.success:not([disabled]):hover, +a.c-btn.outline.success:not([disabled]):hover, +button.c-btn.outline.success:not([disabled]):hover { color: #fff; background-color: #38c172; } -.c-btn.outline.success:active, -a.c-btn.outline.success:active, -button.c-btn.outline.success:active { +.c-btn.outline.success:not([disabled]):active, +a.c-btn.outline.success:not([disabled]):active, +button.c-btn.outline.success:not([disabled]):active { color: #fff; background-color: #1a4731; } @@ -272,16 +274,16 @@ button.c-btn.outline.danger { color: #e3342f; } -.c-btn.outline.danger:hover, -a.c-btn.outline.danger:hover, -button.c-btn.outline.danger:hover { +.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:active, -a.c-btn.outline.danger:active, -button.c-btn.outline.danger:active { +.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; } @@ -292,16 +294,16 @@ button.c-btn.outline.info { color: #4dc0b5; } -.c-btn.outline.info:hover, -a.c-btn.outline.info:hover, -button.c-btn.outline.info:hover { +.c-btn.outline.info:not([disabled]):hover, +a.c-btn.outline.info:not([disabled]):hover, +button.c-btn.outline.info:not([disabled]):hover { color: #fff; background-color: #4dc0b5; } -.c-btn.outline.info:active, -a.c-btn.outline.info:active, -button.c-btn.outline.info:active { +.c-btn.outline.info:not([disabled]):active, +a.c-btn.outline.info:not([disabled]):active, +button.c-btn.outline.info:not([disabled]):active { color: #fff; background-color: #20504f; } @@ -318,23 +320,52 @@ button.c-btn.loading { position: relative; } -.c-btn.loading.danger .c-spinner>.animation, -.c-btn.loading.info .c-spinner>.animation, -.c-btn.loading.primary .c-spinner>.animation, -.c-btn.loading.success .c-spinner>.animation, -.c-btn.loading.warning .c-spinner>.animation, -a.c-btn.loading.danger .c-spinner>.animation, -a.c-btn.loading.info .c-spinner>.animation, -a.c-btn.loading.primary .c-spinner>.animation, -a.c-btn.loading.success .c-spinner>.animation, -a.c-btn.loading.warning .c-spinner>.animation, -button.c-btn.loading.danger .c-spinner>.animation, -button.c-btn.loading.info .c-spinner>.animation, -button.c-btn.loading.primary .c-spinner>.animation, -button.c-btn.loading.success .c-spinner>.animation, -button.c-btn.loading.warning .c-spinner>.animation { - border-right-color: #fff; - border-bottom-color: #fff; +.c-btn.loading:not(.outline).danger .c-spinner>.animation, +.c-btn.loading:not(.outline).info .c-spinner>.animation, +.c-btn.loading:not(.outline).primary .c-spinner>.animation, +.c-btn.loading:not(.outline).success .c-spinner>.animation, +.c-btn.loading:not(.outline).warning .c-spinner>.animation, +a.c-btn.loading:not(.outline).danger .c-spinner>.animation, +a.c-btn.loading:not(.outline).info .c-spinner>.animation, +a.c-btn.loading:not(.outline).primary .c-spinner>.animation, +a.c-btn.loading:not(.outline).success .c-spinner>.animation, +a.c-btn.loading:not(.outline).warning .c-spinner>.animation, +button.c-btn.loading:not(.outline).danger .c-spinner>.animation, +button.c-btn.loading:not(.outline).info .c-spinner>.animation, +button.c-btn.loading:not(.outline).primary .c-spinner>.animation, +button.c-btn.loading:not(.outline).success .c-spinner>.animation, +button.c-btn.loading:not(.outline).warning .c-spinner>.animation { + border-color: #fff; +} + +.c-btn.loading.outline.primary .c-spinner>.animation, +a.c-btn.loading.outline.primary .c-spinner>.animation, +button.c-btn.loading.outline.primary .c-spinner>.animation { + border-color: #3490dc; +} + +.c-btn.loading.outline.warning .c-spinner>.animation, +a.c-btn.loading.outline.warning .c-spinner>.animation, +button.c-btn.loading.outline.warning .c-spinner>.animation { + border-color: #f6993f; +} + +.c-btn.loading.outline.success .c-spinner>.animation, +a.c-btn.loading.outline.success .c-spinner>.animation, +button.c-btn.loading.outline.success .c-spinner>.animation { + border-color: #38c172; +} + +.c-btn.loading.outline.danger .c-spinner>.animation, +a.c-btn.loading.outline.danger .c-spinner>.animation, +button.c-btn.loading.outline.danger .c-spinner>.animation { + border-color: #e3342f; +} + +.c-btn.loading.outline.info .c-spinner>.animation, +a.c-btn.loading.outline.info .c-spinner>.animation, +button.c-btn.loading.outline.info .c-spinner>.animation { + border-color: #4dc0b5; } .c-btn.loading .c-spinner, @@ -366,36 +397,6 @@ button.c-btn .c-btn-content { display: inline-block; } -.c-icon { - display: inline-block; - vertical-align: middle; - position: relative; - fill: currentColor; - top: -2px; - width: 18px; - height: 18px; -} - -.c-icon.sm { - width: 12px; - height: 12px; -} - -.c-icon.base { - width: 18px; - height: 18px; -} - -.c-icon.lg { - width: 24px; - height: 24px; -} - -.c-icon.xl { - width: 32px; - height: 32px; -} - .c-spinner { display: inline-block; } @@ -407,6 +408,8 @@ button.c-btn .c-btn-content { 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; } @@ -441,6 +444,36 @@ button.c-btn .c-btn-content { } } +.c-icon { + display: inline-block; + vertical-align: middle; + position: relative; + fill: currentColor; + top: -2px; + width: 18px; + height: 18px; +} + +.c-icon.sm { + width: 12px; + height: 12px; +} + +.c-icon.base { + width: 18px; + height: 18px; +} + +.c-icon.lg { + width: 24px; + height: 24px; +} + +.c-icon.xl { + width: 32px; + height: 32px; +} + @charset "UTF-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ @@ -1039,6 +1072,17 @@ Keep it light, don't import Tailwind’s utilities. @tailwind utilities; */ +ul[data-v-2744c7e4] { + list-style: none; + padding: 0; + padding-left: 1rem; + padding-top: .5rem; +} + +ul input[data-v-2744c7e4] { + margin-right: .5rem; +} + .field input[data-v-ac5bdb82] { margin-right: .5rem; } @@ -1110,29 +1154,6 @@ Keep it light, don't import Tailwind’s utilities. color: #e3342f; } -input.w-full[data-v-6a117d3d] { - width: 100%; -} - -select.w-full[data-v-211a2741] { - width: 100%; -} - -ul[data-v-2744c7e4] { - list-style: none; - padding: 0; - padding-left: 1rem; - padding-top: .5rem; -} - -ul input[data-v-2744c7e4] { - margin-right: .5rem; -} - -input.w-full[data-v-56acaf34] { - width: 100%; -} - .lightswitch[data-v-2b9d01d8] { position: relative; display: block; @@ -1207,6 +1228,18 @@ textarea.w-full[data-v-3ef58e55] { width: 100%; } +select.w-full[data-v-211a2741] { + width: 100%; +} + +input.w-full[data-v-6a117d3d] { + width: 100%; +} + +input.w-full[data-v-56acaf34] { + width: 100%; +} + input.w-full[data-v-e2a7d0c8] { width: 100%; } diff --git a/dist/craftui.min.css b/dist/craftui.min.css index e64ede3..3e543e6 100644 --- a/dist/craftui.min.css +++ b/dist/craftui.min.css @@ -1,15 +1,15 @@ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:sans-serif}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,p,pre{margin:0}button{background:transparent;padding:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset{margin:0;padding:0}ol,ul{margin:0}*,:after,:before{border:0 solid #dae1e7}img{border-style:solid}textarea{resize:vertical}img{max-width:100%;height:auto}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:inherit;opacity:.5}input:-ms-input-placeholder,input::-ms-input-placeholder,textarea:-ms-input-placeholder,textarea::-ms-input-placeholder{color:inherit;opacity:.5}input::placeholder,textarea::placeholder{color:inherit;opacity:.5}[role=button],button{cursor:pointer}table{border-collapse:collapse}.field{margin-bottom:1rem}.field.mono input,.field.mono textarea{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.invalid-feedback{color:#e3342f;font-size:.875rem;margin-top:.5rem;margin-bottom:1rem}.instructions{color:#8f98a3}label{display:inline-block;margin-bottom:.25rem}.field .checkbox{margin-right:.5rem}select{border-width:1px;border-color:#dae1e7;background-color:#fff;height:calc(2.25rem + 2px)}input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],textarea{background-color:#fff;border-width:1px;border-color:#b8c2cc;padding:.5rem;border-radius:.25rem;display:block}input[type=number]:disabled,input[type=number][readonly],input[type=password]:disabled,input[type=password][readonly],input[type=tel]:disabled,input[type=tel][readonly],input[type=text]:disabled,input[type=text][readonly],input[type=url]:disabled,input[type=url][readonly],textarea:disabled,textarea[readonly]{background-color:#f8fafc}input[type=number].is-invalid,input[type=password].is-invalid,input[type=tel].is-invalid,input[type=text].is-invalid,input[type=url].is-invalid,textarea.is-invalid{border-color:#e3342f}input[type=number]{width:60px} -.c-btn,a.c-btn,button.c-btn{padding:.5rem 1rem;border-radius:.25rem;background-color:#f1f5f8;color:#22292f;text-decoration:none;border:1px solid #f1f5f8}.c-btn:not(.outline),a.c-btn:not(.outline),button.c-btn:not(.outline){-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 6px 0 rgba(0,0,0,.2)}.c-btn:hover,a.c-btn:hover,button.c-btn:hover{cursor:pointer;background-color:#b8c2cc;border-color:#b8c2cc;text-decoration:none}.c-btn:active,a.c-btn:active,button.c-btn:active{cursor:pointer;background-color:#8795a1;border-color:#8795a1}.c-btn.block,a.c-btn.block,button.c-btn.block{width:100%}.c-btn.small,a.c-btn.small,button.c-btn.small{font-size:.875rem}.c-btn.small .c-icon,a.c-btn.small .c-icon,button.c-btn.small .c-icon{width:12px;height:12px}.c-btn.large,a.c-btn.large,button.c-btn.large{font-size:1.125rem;padding-top:.75rem;padding-bottom:.75rem}.c-btn.danger:not(.outline) .c-icon,.c-btn.info:not(.outline) .c-icon,.c-btn.primary:not(.outline) .c-icon,.c-btn.success:not(.outline) .c-icon,.c-btn.warning:not(.outline) .c-icon,a.c-btn.danger:not(.outline) .c-icon,a.c-btn.info:not(.outline) .c-icon,a.c-btn.primary:not(.outline) .c-icon,a.c-btn.success:not(.outline) .c-icon,a.c-btn.warning:not(.outline) .c-icon,button.c-btn.danger:not(.outline) .c-icon,button.c-btn.info:not(.outline) .c-icon,button.c-btn.primary:not(.outline) .c-icon,button.c-btn.success:not(.outline) .c-icon,button.c-btn.warning:not(.outline) .c-icon{fill:#fff}.c-btn.primary,a.c-btn.primary,button.c-btn.primary{background-color:#3490dc;border-color:#3490dc;color:#fff}.c-btn.primary:hover,a.c-btn.primary:hover,button.c-btn.primary:hover{background-color:#2779bd;border-color:#2779bd}.c-btn.primary:active,a.c-btn.primary:active,button.c-btn.primary:active{background-color:#1c3d5a;border-color:#1c3d5a}.c-btn.warning,a.c-btn.warning,button.c-btn.warning{background-color:#f6993f;border-color:#f6993f;color:#fff}.c-btn.warning:hover,a.c-btn.warning:hover,button.c-btn.warning:hover{background-color:#de751f;border-color:#de751f}.c-btn.warning:active,a.c-btn.warning:active,button.c-btn.warning:active{background-color:#613b1f;border-color:#613b1f}.c-btn.success,a.c-btn.success,button.c-btn.success{background-color:#38c172;border-color:#38c172;color:#fff}.c-btn.success:hover,a.c-btn.success:hover,button.c-btn.success:hover{background-color:#1f9d55;border-color:#1f9d55}.c-btn.success:active,a.c-btn.success:active,button.c-btn.success:active{background-color:#1a4731;border-color:#1a4731}.c-btn.danger,a.c-btn.danger,button.c-btn.danger{background-color:#e3342f;border-color:#e3342f;color:#fff}.c-btn.danger:hover,a.c-btn.danger:hover,button.c-btn.danger:hover{background-color:#cc1f1a;border-color:#cc1f1a}.c-btn.danger:active,a.c-btn.danger:active,button.c-btn.danger:active{background-color:#621b18;border-color:#621b18}.c-btn.info,a.c-btn.info,button.c-btn.info{background-color:#4dc0b5;border-color:#4dc0b5;color:#fff}.c-btn.info:hover,a.c-btn.info:hover,button.c-btn.info:hover{background-color:#38a89d;border-color:#38a89d}.c-btn.info:active,a.c-btn.info:active,button.c-btn.info:active{background-color:#20504f;border-color:#20504f}.c-btn[disabled],a.c-btn[disabled],button.c-btn[disabled]{opacity:.5;cursor:default}.c-btn.outline,a.c-btn.outline,button.c-btn.outline{background-color:transparent}.c-btn.outline.primary,a.c-btn.outline.primary,button.c-btn.outline.primary{color:#3490dc}.c-btn.outline.primary:hover,a.c-btn.outline.primary:hover,button.c-btn.outline.primary:hover{color:#fff;background-color:#3490dc}.c-btn.outline.primary:active,a.c-btn.outline.primary:active,button.c-btn.outline.primary:active{color:#fff;background-color:#1c3d5a}.c-btn.outline.warning,a.c-btn.outline.warning,button.c-btn.outline.warning{color:#f6993f}.c-btn.outline.warning:hover,a.c-btn.outline.warning:hover,button.c-btn.outline.warning:hover{color:#fff;background-color:#f6993f}.c-btn.outline.warning:active,a.c-btn.outline.warning:active,button.c-btn.outline.warning:active{color:#fff;background-color:#613b1f}.c-btn.outline.success,a.c-btn.outline.success,button.c-btn.outline.success{color:#38c172}.c-btn.outline.success:hover,a.c-btn.outline.success:hover,button.c-btn.outline.success:hover{color:#fff;background-color:#38c172}.c-btn.outline.success:active,a.c-btn.outline.success:active,button.c-btn.outline.success:active{color:#fff;background-color:#1a4731}.c-btn.outline.danger,a.c-btn.outline.danger,button.c-btn.outline.danger{color:#e3342f}.c-btn.outline.danger:hover,a.c-btn.outline.danger:hover,button.c-btn.outline.danger:hover{color:#fff;background-color:#e3342f}.c-btn.outline.danger:active,a.c-btn.outline.danger:active,button.c-btn.outline.danger:active{color:#fff;background-color:#621b18}.c-btn.outline.info,a.c-btn.outline.info,button.c-btn.outline.info{color:#4dc0b5}.c-btn.outline.info:hover,a.c-btn.outline.info:hover,button.c-btn.outline.info:hover{color:#fff;background-color:#4dc0b5}.c-btn.outline.info:active,a.c-btn.outline.info:active,button.c-btn.outline.info:active{color:#fff;background-color:#20504f}.c-btn.outline .c-icon,a.c-btn.outline .c-icon,button.c-btn.outline .c-icon{fill:currentColor}.c-btn.loading,a.c-btn.loading,button.c-btn.loading{position:relative}.c-btn.loading.danger .c-spinner>.animation,.c-btn.loading.info .c-spinner>.animation,.c-btn.loading.primary .c-spinner>.animation,.c-btn.loading.success .c-spinner>.animation,.c-btn.loading.warning .c-spinner>.animation,a.c-btn.loading.danger .c-spinner>.animation,a.c-btn.loading.info .c-spinner>.animation,a.c-btn.loading.primary .c-spinner>.animation,a.c-btn.loading.success .c-spinner>.animation,a.c-btn.loading.warning .c-spinner>.animation,button.c-btn.loading.danger .c-spinner>.animation,button.c-btn.loading.info .c-spinner>.animation,button.c-btn.loading.primary .c-spinner>.animation,button.c-btn.loading.success .c-spinner>.animation,button.c-btn.loading.warning .c-spinner>.animation{border-right-color:#fff;border-bottom-color:#fff}.c-btn.loading .c-spinner,a.c-btn.loading .c-spinner,button.c-btn.loading .c-spinner{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px}.c-btn.loading .c-btn-content,a.c-btn.loading .c-btn-content,button.c-btn.loading .c-btn-content{visibility:hidden}.c-btn .c-icon,a.c-btn .c-icon,button.c-btn .c-icon{margin-right:.25rem;vertical-align:middle}.c-btn .c-btn-content,a.c-btn .c-btn-content,button.c-btn .c-btn-content{display:inline-block} +.c-btn,a.c-btn,button.c-btn{padding:.5rem 1rem;border-radius:.25rem;background-color:#f1f5f8;color:#22292f;text-decoration:none;border:1px solid #f1f5f8}.c-btn:not(.outline),a.c-btn:not(.outline),button.c-btn:not(.outline){-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 6px 0 rgba(0,0,0,.2)}.c-btn:not([disabled]):hover,a.c-btn:not([disabled]):hover,button.c-btn:not([disabled]):hover{cursor:pointer;background-color:#b8c2cc;border-color:#b8c2cc;text-decoration:none}.c-btn:not([disabled]):active,a.c-btn:not([disabled]):active,button.c-btn:not([disabled]):active{cursor:pointer;background-color:#8795a1;border-color:#8795a1}.c-btn.block,a.c-btn.block,button.c-btn.block{width:100%;margin-top:.25rem;margin-bottom:.25rem}.c-btn.small,a.c-btn.small,button.c-btn.small{font-size:.875rem}.c-btn.small .c-icon,a.c-btn.small .c-icon,button.c-btn.small .c-icon{width:12px;height:12px}.c-btn.large,a.c-btn.large,button.c-btn.large{font-size:1.125rem;padding-top:.75rem;padding-bottom:.75rem}.c-btn.danger:not(.outline) .c-icon,.c-btn.info:not(.outline) .c-icon,.c-btn.primary:not(.outline) .c-icon,.c-btn.success:not(.outline) .c-icon,.c-btn.warning:not(.outline) .c-icon,a.c-btn.danger:not(.outline) .c-icon,a.c-btn.info:not(.outline) .c-icon,a.c-btn.primary:not(.outline) .c-icon,a.c-btn.success:not(.outline) .c-icon,a.c-btn.warning:not(.outline) .c-icon,button.c-btn.danger:not(.outline) .c-icon,button.c-btn.info:not(.outline) .c-icon,button.c-btn.primary:not(.outline) .c-icon,button.c-btn.success:not(.outline) .c-icon,button.c-btn.warning:not(.outline) .c-icon{fill:#fff}.c-btn.primary,a.c-btn.primary,button.c-btn.primary{background-color:#3490dc;border-color:#3490dc;color:#fff}.c-btn.primary:not([disabled]):hover,a.c-btn.primary:not([disabled]):hover,button.c-btn.primary:not([disabled]):hover{background-color:#2779bd;border-color:#2779bd}.c-btn.primary:not([disabled]):active,a.c-btn.primary:not([disabled]):active,button.c-btn.primary:not([disabled]):active{background-color:#1c3d5a;border-color:#1c3d5a}.c-btn.warning,a.c-btn.warning,button.c-btn.warning{background-color:#f6993f;border-color:#f6993f;color:#fff}.c-btn.warning:not([disabled]):hover,a.c-btn.warning:not([disabled]):hover,button.c-btn.warning:not([disabled]):hover{background-color:#de751f;border-color:#de751f}.c-btn.warning:not([disabled]):active,a.c-btn.warning:not([disabled]):active,button.c-btn.warning:not([disabled]):active{background-color:#613b1f;border-color:#613b1f}.c-btn.success,a.c-btn.success,button.c-btn.success{background-color:#38c172;border-color:#38c172;color:#fff}.c-btn.success:not([disabled]):hover,a.c-btn.success:not([disabled]):hover,button.c-btn.success:not([disabled]):hover{background-color:#1f9d55;border-color:#1f9d55}.c-btn.success:not([disabled]):active,a.c-btn.success:not([disabled]):active,button.c-btn.success:not([disabled]):active{background-color:#1a4731;border-color:#1a4731}.c-btn.danger,a.c-btn.danger,button.c-btn.danger{background-color:#e3342f;border-color:#e3342f;color:#fff}.c-btn.danger:not([disabled]):hover,a.c-btn.danger:not([disabled]):hover,button.c-btn.danger:not([disabled]):hover{background-color:#cc1f1a;border-color:#cc1f1a}.c-btn.danger:not([disabled]):active,a.c-btn.danger:not([disabled]):active,button.c-btn.danger:not([disabled]):active{background-color:#621b18;border-color:#621b18}.c-btn.info,a.c-btn.info,button.c-btn.info{background-color:#4dc0b5;border-color:#4dc0b5;color:#fff}.c-btn.info:not([disabled]):hover,a.c-btn.info:not([disabled]):hover,button.c-btn.info:not([disabled]):hover{background-color:#38a89d;border-color:#38a89d}.c-btn.info:not([disabled]):active,a.c-btn.info:not([disabled]):active,button.c-btn.info:not([disabled]):active{background-color:#20504f;border-color:#20504f}.c-btn[disabled],a.c-btn[disabled],button.c-btn[disabled]{opacity:.5;cursor:default}.c-btn.outline,a.c-btn.outline,button.c-btn.outline{background-color:transparent}.c-btn.outline.primary,a.c-btn.outline.primary,button.c-btn.outline.primary{color:#3490dc}.c-btn.outline.primary:not([disabled]):hover,a.c-btn.outline.primary:not([disabled]):hover,button.c-btn.outline.primary:not([disabled]):hover{color:#fff;background-color:#3490dc}.c-btn.outline.primary:not([disabled]):active,a.c-btn.outline.primary:not([disabled]):active,button.c-btn.outline.primary:not([disabled]):active{color:#fff;background-color:#1c3d5a}.c-btn.outline.warning,a.c-btn.outline.warning,button.c-btn.outline.warning{color:#f6993f}.c-btn.outline.warning:not([disabled]):hover,a.c-btn.outline.warning:not([disabled]):hover,button.c-btn.outline.warning:not([disabled]):hover{color:#fff;background-color:#f6993f}.c-btn.outline.warning:not([disabled]):active,a.c-btn.outline.warning:not([disabled]):active,button.c-btn.outline.warning:not([disabled]):active{color:#fff;background-color:#613b1f}.c-btn.outline.success,a.c-btn.outline.success,button.c-btn.outline.success{color:#38c172}.c-btn.outline.success:not([disabled]):hover,a.c-btn.outline.success:not([disabled]):hover,button.c-btn.outline.success:not([disabled]):hover{color:#fff;background-color:#38c172}.c-btn.outline.success:not([disabled]):active,a.c-btn.outline.success:not([disabled]):active,button.c-btn.outline.success:not([disabled]):active{color:#fff;background-color:#1a4731}.c-btn.outline.danger,a.c-btn.outline.danger,button.c-btn.outline.danger{color:#e3342f}.c-btn.outline.danger:not([disabled]):hover,a.c-btn.outline.danger:not([disabled]):hover,button.c-btn.outline.danger:not([disabled]):hover{color:#fff;background-color:#e3342f}.c-btn.outline.danger:not([disabled]):active,a.c-btn.outline.danger:not([disabled]):active,button.c-btn.outline.danger:not([disabled]):active{color:#fff;background-color:#621b18}.c-btn.outline.info,a.c-btn.outline.info,button.c-btn.outline.info{color:#4dc0b5}.c-btn.outline.info:not([disabled]):hover,a.c-btn.outline.info:not([disabled]):hover,button.c-btn.outline.info:not([disabled]):hover{color:#fff;background-color:#4dc0b5}.c-btn.outline.info:not([disabled]):active,a.c-btn.outline.info:not([disabled]):active,button.c-btn.outline.info:not([disabled]):active{color:#fff;background-color:#20504f}.c-btn.outline .c-icon,a.c-btn.outline .c-icon,button.c-btn.outline .c-icon{fill:currentColor}.c-btn.loading,a.c-btn.loading,button.c-btn.loading{position:relative}.c-btn.loading:not(.outline).danger .c-spinner>.animation,.c-btn.loading:not(.outline).info .c-spinner>.animation,.c-btn.loading:not(.outline).primary .c-spinner>.animation,.c-btn.loading:not(.outline).success .c-spinner>.animation,.c-btn.loading:not(.outline).warning .c-spinner>.animation,a.c-btn.loading:not(.outline).danger .c-spinner>.animation,a.c-btn.loading:not(.outline).info .c-spinner>.animation,a.c-btn.loading:not(.outline).primary .c-spinner>.animation,a.c-btn.loading:not(.outline).success .c-spinner>.animation,a.c-btn.loading:not(.outline).warning .c-spinner>.animation,button.c-btn.loading:not(.outline).danger .c-spinner>.animation,button.c-btn.loading:not(.outline).info .c-spinner>.animation,button.c-btn.loading:not(.outline).primary .c-spinner>.animation,button.c-btn.loading:not(.outline).success .c-spinner>.animation,button.c-btn.loading:not(.outline).warning .c-spinner>.animation{border-color:#fff}.c-btn.loading.outline.primary .c-spinner>.animation,a.c-btn.loading.outline.primary .c-spinner>.animation,button.c-btn.loading.outline.primary .c-spinner>.animation{border-color:#3490dc}.c-btn.loading.outline.warning .c-spinner>.animation,a.c-btn.loading.outline.warning .c-spinner>.animation,button.c-btn.loading.outline.warning .c-spinner>.animation{border-color:#f6993f}.c-btn.loading.outline.success .c-spinner>.animation,a.c-btn.loading.outline.success .c-spinner>.animation,button.c-btn.loading.outline.success .c-spinner>.animation{border-color:#38c172}.c-btn.loading.outline.danger .c-spinner>.animation,a.c-btn.loading.outline.danger .c-spinner>.animation,button.c-btn.loading.outline.danger .c-spinner>.animation{border-color:#e3342f}.c-btn.loading.outline.info .c-spinner>.animation,a.c-btn.loading.outline.info .c-spinner>.animation,button.c-btn.loading.outline.info .c-spinner>.animation{border-color:#4dc0b5}.c-btn.loading .c-spinner,a.c-btn.loading .c-spinner,button.c-btn.loading .c-spinner{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px}.c-btn.loading .c-btn-content,a.c-btn.loading .c-btn-content,button.c-btn.loading .c-btn-content{visibility:hidden}.c-btn .c-icon,a.c-btn .c-icon,button.c-btn .c-icon{margin-right:.25rem;vertical-align:middle}.c-btn .c-btn-content,a.c-btn .c-btn-content,button.c-btn .c-btn-content{display:inline-block} .c-icon{display:inline-block;vertical-align:middle;position:relative;fill:currentColor;top:-2px;width:18px;height:18px}.c-icon.sm{width:12px;height:12px}.c-icon.base{width:18px;height:18px}.c-icon.lg{width:24px;height:24px}.c-icon.xl{width:32px;height:32px} -.c-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-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-spinner{display:inline-block}.c-spinner>.animation{-webkit-animation:a .7s linear infinite;animation:a .7s linear infinite;width:22px;height:22px;border-radius:50%;border:2px solid transparent;border-top-color:transparent!important;border-left-color:transparent!important;border-right-color:#555;border-bottom-color:#555}.c-spinner.lg>.animation{width:32px;height:32px;border-width:3px}@-webkit-keyframes a{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} ul[data-v-2744c7e4]{list-style:none;padding:0;padding-left:1rem;padding-top:.5rem}ul input[data-v-2744c7e4]{margin-right:.5rem} .field input[data-v-ac5bdb82]{margin-right:.5rem}.field .instructions[data-v-ac5bdb82]{color:#8795a1;font-size:.875rem} .wrapper[data-v-76633c9c]{position:relative}.wrapper .text-red-dark[data-v-76633c9c]{color:#cc1f1a}.wrapper .max[data-v-76633c9c]{padding-right:.25rem;margin-top:.5rem}.wrapper .max.floating[data-v-76633c9c]{position:absolute;font-size:.75rem;text-align:right}.wrapper .max.text-grey[data-v-76633c9c]{color:#b8c2cc}.wrapper .max.text-orange[data-v-76633c9c]{color:#f6993f}.wrapper .max.text-red[data-v-76633c9c]{color:#e3342f} .wrapper[data-v-339cab58]{position:relative}.wrapper .text-red-dark[data-v-339cab58]{color:#cc1f1a}.wrapper .max[data-v-339cab58]{padding-right:.25rem;margin-top:.5rem}.wrapper .max.floating[data-v-339cab58]{position:absolute;font-size:.75rem;text-align:right}.wrapper .max.text-grey[data-v-339cab58]{color:#b8c2cc}.wrapper .max.text-orange[data-v-339cab58]{color:#f6993f}.wrapper .max.text-red[data-v-339cab58]{color:#e3342f} .lightswitch[data-v-2b9d01d8]{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:46px;height:30px}.lightswitch input[data-v-2b9d01d8]{position:absolute;opacity:0}.lightswitch .slider[data-v-2b9d01d8]{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.lightswitch .slider[data-v-2b9d01d8]:before{position:absolute;background-color:#fff;content:"";height:26px;width:26px;left:2px;bottom:2px;-webkit-transition:.1s;transition:.1s}.lightswitch input:checked+.slider[data-v-2b9d01d8]{background-color:#38c172}.lightswitch input:focus+.slider[data-v-2b9d01d8]{-webkit-box-shadow:0 0 1px #38c172;box-shadow:0 0 1px #38c172}.lightswitch input:checked+.slider[data-v-2b9d01d8]:before{-webkit-transform:translateX(16px);transform:translateX(16px)}.lightswitch .slider.round[data-v-2b9d01d8]{border-radius:34px}.lightswitch .slider.round[data-v-2b9d01d8]:before{border-radius:50%}.lightswitch.disabled[data-v-2b9d01d8]{opacity:.4}.lightswitch.disabled .slider[data-v-2b9d01d8]{cursor:default} input.w-full[data-v-6a117d3d]{width:100%} -select.w-full[data-v-211a2741]{width:100%} textarea.w-full[data-v-3ef58e55]{width:100%} +select.w-full[data-v-211a2741]{width:100%} input.w-full[data-v-56acaf34]{width:100%} input.w-full[data-v-e2a7d0c8]{width:100%} /*# sourceMappingURL=craftui.min.css.map */ \ No newline at end of file diff --git a/dist/craftui.min.css.map b/dist/craftui.min.css.map index 09651d0..ce1a621 100644 --- a/dist/craftui.min.css.map +++ b/dist/craftui.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["dist/styles.scss","dist/","dist/Btn.vue?rollup-plugin-vue=styles.0.css","dist/Icon.vue?rollup-plugin-vue=styles.0.css","dist/Spinner.vue?rollup-plugin-vue=styles.0.css","dist/CheckboxSet.vue?rollup-plugin-vue=styles.0.css","dist/CheckboxField.vue?rollup-plugin-vue=styles.0.css","dist/TextareaField.vue?rollup-plugin-vue=styles.0.css","dist/TextField.vue?rollup-plugin-vue=styles.0.css","dist/LightswitchInput.vue?rollup-plugin-vue=styles.0.css","dist/PasswordInput.vue?rollup-plugin-vue=styles.0.css","dist/SelectInput.vue?rollup-plugin-vue=styles.0.css","dist/TextareaInput.vue?rollup-plugin-vue=styles.0.css","dist/TextInput.vue?rollup-plugin-vue=styles.0.css","dist/UrlInput.vue?rollup-plugin-vue=styles.0.css"],"names":[],"mappings":"AACA,4EAAA,AAAoB,KAApB,iBAAA,AAAoB,6BAAA,CAApB,AAAoB,KAApB,QAAoB,CAApB,AAAoB,KAApB,aAAoB,CAApB,AAAoB,GAApB,cAAA,AAAoB,cAAA,CAApB,AAAoB,GAApB,+BAAA,AAAoB,uBAApB,AAAoB,SAApB,AAAoB,gBAAA,CAApB,AAAoB,IAApB,gCAAA,AAAoB,aAAA,CAApB,AAAoB,EAApB,4BAAoB,CAApB,AAAoB,YAApB,mBAAA,AAAoB,0BAApB,AAAoB,yCAApB,AAAoB,gCAAA,CAApB,AAAoB,SAApB,kBAAoB,CAApB,AAAoB,cAApB,gCAAA,AAAoB,aAAA,CAApB,AAAoB,MAApB,aAAoB,CAApB,AAAoB,QAApB,cAAA,AAAoB,cAApB,AAAoB,kBAApB,AAAoB,uBAAA,CAApB,AAAoB,IAApB,aAAoB,CAApB,AAAoB,IAApB,SAAoB,CAApB,AAAoB,IAApB,iBAAoB,CAApB,AAAoB,sCAApB,oBAAA,AAAoB,eAApB,AAAoB,iBAApB,AAAoB,QAAA,CAApB,AAAoB,aAApB,gBAAoB,CAApB,AAAoB,cAApB,mBAAoB,CAApB,AAAoB,gDAApB,yBAAoB,CAApB,AAAoB,wHAApB,kBAAA,AAAoB,SAAA,CAApB,AAAoB,4GAApB,6BAAoB,CAApB,AAAoB,SAApB,0BAAoB,CAApB,AAAoB,OAApB,8BAAA,AAAoB,sBAApB,AAAoB,cAApB,AAAoB,cAApB,AAAoB,eAApB,AAAoB,UAApB,AAAoB,kBAAA,CAApB,AAAoB,SAApB,uBAAoB,CAApB,AAAoB,SAApB,aAAoB,CAApB,AAAoB,6BAApB,8BAAA,AAAoB,sBAApB,AAAoB,SAAA,CAApB,AAAoB,kFAApB,WAAoB,CAApB,AAAoB,cAApB,6BAAA,AAAoB,mBAAA,CAApB,AAAoB,yCAApB,uBAAoB,CAApB,AAAoB,6BAApB,0BAAA,AAAoB,YAAA,CAApB,AAAoB,QAApB,aAAoB,CAApB,AAAoB,QAApB,iBAAoB,CAApB,AAAoB,kBAApB,YAAoB,CAApB,AAAoB,KAApB,8BAAA,AAAoB,sBAApB,AAAoB,sBAAA,CAApB,AAAoB,iBAApB,2BAAA,AAAoB,kBAAA,CAApB,AAAoB,gDAApB,QAAoB,CAApB,AAAoB,OAApB,uBAAA,AAAoB,SAAA,CAApB,AAAoB,aAApB,mBAAA,AAAoB,yCAAA,CAApB,AAAoB,SAApB,SAAA,AAAoB,SAAA,CAApB,AAAoB,MAApB,QAAoB,CAApB,AAAoB,iBAApB,sBAAoB,CAApB,AAAoB,IAApB,kBAAoB,CAApB,AAAoB,SAApB,eAAoB,CAApB,AAAoB,IAApB,eAAA,AAAoB,WAAA,CAApB,AAAoB,qEAApB,cAAA,AAAoB,UAAA,CAApB,AAAoB,wHAApB,cAAA,AAAoB,UAAA,CAApB,AAAoB,yCAApB,cAAA,AAAoB,UAAA,CAApB,AAAoB,qBAApB,cAAoB,CAApB,AAAoB,MAApB,wBAAoB,CAAA,AAEpB,OACE,kBAAoB,CAAE,AAExB,uCCNA,uEAAA,CDQsB,AAEtB,kBCVA,cAAA,kBAAA,iBAAA,kBAAA,CDW0C,AAE1C,cACE,aAAe,CAAE,AAEnB,MChBA,qBAAA,oBAAA,CDiB+B,AAE/B,iBCnBA,kBAAA,CDoBiB,AAEjB,OCtBA,iBAAA,qBAAA,sBDwBE,ACxBF,0BDwB8B,CAAE,AAGhC,kGC3BA,sBAAA,iBAAA,qBAAA,cAAA,qBAAA,aAAA,CDiC+D,AAC7D,sTClCF,wBAAA,CD6C+B,AAC7B,oKC9CF,oBAAA,CDoDyB,AAEzB,mBACE,UAAY,CAAE;AEvDhB,4BDAA,mBAAA,qBAAA,yBAAA,cAAA,qBAAA,wBAAA,CCA+I,sEAAsE,8CAA8C,qCAAqC,CAAC,8CDAzS,eAAA,yBAAA,qBAAA,oBAAA,CCAmZ,iDDAnZ,eAAA,yBAAA,oBAAA,CCA4f,8CDA5f,UAAA,CCA0jB,8CDA1jB,iBAAA,CCAynB,sEAAsE,WAAW,WAAW,CAAC,8CDAttB,mBAAA,mBAAA,qBAAA,CCA2xB,kkBAAkkB,SAAS,CAAC,oDDAv2C,yBAAA,qBAAA,UAAA,CCAq8C,sEDAr8C,yBAAA,oBAAA,CCAmjD,yEDAnjD,yBAAA,oBAAA,CCAwqD,oDDAxqD,yBAAA,qBAAA,UAAA,CCA0wD,sEDA1wD,yBAAA,oBAAA,CCA43D,yEDA53D,yBAAA,oBAAA,CCAq/D,oDDAr/D,yBAAA,qBAAA,UAAA,CCAqlE,sEDArlE,yBAAA,oBAAA,CCAqsE,yEDArsE,yBAAA,oBAAA,CCA4zE,iDDA5zE,yBAAA,qBAAA,UAAA,CCAq5E,mEDAr5E,yBAAA,oBAAA,CCA8/E,sEDA9/E,yBAAA,oBAAA,CCA8mF,2CDA9mF,yBAAA,qBAAA,UAAA,CCAmsF,6DDAnsF,yBAAA,oBAAA,CCAwyF,gEDAxyF,yBAAA,oBAAA,CCAo5F,0DDAp5F,WAAA,cAAA,CCAk/F,oDDAl/F,4BAAA,CCA8jG,4EDA9jG,aAAA,CCA6pG,8FDA7pG,WAAA,wBAAA,CCAwxG,iGDAxxG,WAAA,wBAAA,CCA65G,4EDA75G,aAAA,CCA8/G,8FDA9/G,WAAA,wBAAA,CCA2nH,iGDA3nH,WAAA,wBAAA,CCAkwH,4EDAlwH,aAAA,CCAk2H,8FDAl2H,WAAA,wBAAA,CCA89H,iGDA99H,WAAA,wBAAA,CCAomI,yEDApmI,aAAA,CCA+rI,2FDA/rI,WAAA,wBAAA,CCAszI,8FDAtzI,WAAA,wBAAA,CCAu7I,mEDAv7I,aAAA,CCA6gJ,qFDA7gJ,WAAA,wBAAA,CCA+nJ,wFDA/nJ,WAAA,wBAAA,CCA2vJ,4EDA3vJ,iBAAA,CCA61J,oDDA71J,iBAAA,CCAm6J,0rBAA0rB,wBAAwB,wBAAwB,CAAC,qFDA9oL,kBCAovL,ADApvL,QCA4vL,SAAS,iBAAiB,iBAAiB,CAAC,iGDAxyL,iBAAA,CCA45L,oDDA55L,oBAAA,qBAAA,CCA4+L,yEDA5+L,oBAAA,CCA2kM;ACA3kM,QFAA,qBAAA,sBAAA,kBAAA,kBEAmE,AFAnE,SEA4E,WAAW,WAAW,CAAC,WAAW,WAAW,WAAW,CAAC,aAAa,WAAW,WAAW,CAAC,WAAW,WAAW,WAAW,CAAC,WAAW,WAAW,WAAW,CAAC;ACA7O,WHAA,oBAAA,CGAiC,sBAAsB,wCAAA,AAAsC,gCAAA,WAAW,YAAY,kBAAkB,6BAA6B,wBAAwB,wBAAwB,CAAC,yBAAyB,WAAW,YAAY,gBAAgB,CAAC,qBAAmB,GAAG,4BAAA,AAAmB,mBAAA,CAAC,GAAG,gCAAA,AAAuB,uBAAA,CAAC,CAArE,AAAsE,aAAnD,GAAG,4BAAA,AAAmB,mBAAA,CAAC,GAAG,gCAAA,AAAuB,uBAAA,CAAC,CAAC;ACA3V,oBJAA,gBAAA,UAAA,kBAAA,iBAAA,CIAoD,0BJApD,kBAAA,CIA4F;ACA5F,8BLAA,kBAAA,CKA4C,sCLA5C,cAAA,iBAAA,CKAmH;ACAnH,0BNAA,iBAAA,CMA4C,yCNA5C,aAAA,CMA4G,+BNA5G,qBAAA,gBAAA,CMA+J,wCNA/J,kBAAA,iBAAA,gBAAA,CMA8O,yCNA9O,aAAA,CMA0S,2CNA1S,aAAA,CMA0W,wCNA1W,aAAA,CMAoa;ACApa,0BPAA,iBAAA,COA4C,yCPA5C,aAAA,COA4G,+BPA5G,qBAAA,gBAAA,COA+J,wCPA/J,kBAAA,iBAAA,gBAAA,COA8O,yCPA9O,aAAA,COA0S,2CPA1S,aAAA,COA0W,wCPA1W,aAAA,COAoa;ACApa,8BRAA,kBAAA,cAAA,yBAAA,sBAAA,qBAAA,iBQAmE,ARAnE,WQA8E,WAAW,CAAC,oCRA1F,kBAAA,SAAA,CQA2J,sCRA3J,kBAAA,MAAA,QAAA,SAAA,OAAA,eQAuO,ARAvO,sBQA6P,uBAAuB,cAAc,CAAC,6CRAnS,kBAAA,sBQA2W,ARA3W,WQAsX,YAAY,WAAW,SAAS,WAAW,uBAAuB,cAAc,CAAC,oDAAoD,wBAAwB,CAAC,kDAAkD,mCAAA,AAA0B,0BAAA,CAAC,2DAA2D,mCAAmC,AAA+B,0BAA0B,CAAC,4CAA4C,kBAAkB,CAAC,mDAAmD,iBAAiB,CAAC,uCAAuC,UAAU,CAAC,+CRA/6B,cAAA,CQAs/B;ACAt/B,8BTAA,UAAA,CSA8C;ACA9C,+BVAA,UAAA,CUA+C;ACA/C,iCXAA,UAAA,CWAiD;ACAjD,8BZAA,UAAA,CYA8C;ACA9C,8BbAA,UAAA,CaA8C","file":"dist/craftui.min.css","sourcesContent":["@charset \"UTF-8\";\n@tailwind preflight;\n/* Fields */\n.field {\n margin-bottom: 1rem; }\n\n.field.mono input,\n.field.mono textarea {\n @apply .font-mono; }\n\n.invalid-feedback {\n @apply .text-red .text-sm .mt-2 .mb-4; }\n\n.instructions {\n color: #8f98a3; }\n\nlabel {\n @apply .inline-block .mb-1; }\n\n.field .checkbox {\n @apply .mr-2; }\n\nselect {\n @apply .border .border-grey-light .bg-white;\n height: calc(2.25rem + 2px); }\n\n/* Inputs */\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"tel\"],\ninput[type=\"url\"],\ninput[type=\"number\"],\ntextarea {\n @apply .bg-white .border .border-grey .p-2 .rounded .block; }\n input[type=\"text\"]:disabled, input[type=\"text\"][readonly],\n input[type=\"password\"]:disabled,\n input[type=\"password\"][readonly],\n input[type=\"tel\"]:disabled,\n input[type=\"tel\"][readonly],\n input[type=\"url\"]:disabled,\n input[type=\"url\"][readonly],\n input[type=\"number\"]:disabled,\n input[type=\"number\"][readonly],\n textarea:disabled,\n textarea[readonly] {\n @apply .bg-grey-lightest; }\n input[type=\"text\"].is-invalid,\n input[type=\"password\"].is-invalid,\n input[type=\"tel\"].is-invalid,\n input[type=\"url\"].is-invalid,\n input[type=\"number\"].is-invalid,\n textarea.is-invalid {\n @apply .border-red; }\n\ninput[type=\"number\"] {\n width: 60px; }\n\n/*\nKeep it light, don't import Tailwind’s utilities.\n@tailwind utilities;\n*/\n",null,".c-btn,a.c-btn,button.c-btn{@apply .px-4 .py-2 .rounded .bg-grey-lighter .text-black .no-underline .border .border-solid .border-grey-lighter;}.c-btn:not(.outline),a.c-btn:not(.outline),button.c-btn:not(.outline){-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 6px 0 rgba(0,0,0,.2)}.c-btn:hover,a.c-btn:hover,button.c-btn:hover{@apply .cursor-pointer .bg-grey .border-grey .no-underline;}.c-btn:active,a.c-btn:active,button.c-btn:active{@apply .cursor-pointer .bg-grey-dark .border-grey-dark;}.c-btn.block,a.c-btn.block,button.c-btn.block{@apply .w-full;}.c-btn.small,a.c-btn.small,button.c-btn.small{@apply .text-sm;}.c-btn.small .c-icon,a.c-btn.small .c-icon,button.c-btn.small .c-icon{width:12px;height:12px}.c-btn.large,a.c-btn.large,button.c-btn.large{@apply .text-lg .py-3;}.c-btn.danger:not(.outline) .c-icon,.c-btn.info:not(.outline) .c-icon,.c-btn.primary:not(.outline) .c-icon,.c-btn.success:not(.outline) .c-icon,.c-btn.warning:not(.outline) .c-icon,a.c-btn.danger:not(.outline) .c-icon,a.c-btn.info:not(.outline) .c-icon,a.c-btn.primary:not(.outline) .c-icon,a.c-btn.success:not(.outline) .c-icon,a.c-btn.warning:not(.outline) .c-icon,button.c-btn.danger:not(.outline) .c-icon,button.c-btn.info:not(.outline) .c-icon,button.c-btn.primary:not(.outline) .c-icon,button.c-btn.success:not(.outline) .c-icon,button.c-btn.warning:not(.outline) .c-icon{fill:#fff}.c-btn.primary,a.c-btn.primary,button.c-btn.primary{@apply .bg-blue .border-blue .text-white;}.c-btn.primary:hover,a.c-btn.primary:hover,button.c-btn.primary:hover{@apply .bg-blue-dark .border-blue-dark;}.c-btn.primary:active,a.c-btn.primary:active,button.c-btn.primary:active{@apply .bg-blue-darker .border-blue-darker;}.c-btn.warning,a.c-btn.warning,button.c-btn.warning{@apply .bg-orange .border-orange .text-white;}.c-btn.warning:hover,a.c-btn.warning:hover,button.c-btn.warning:hover{@apply .bg-orange-dark .border-orange-dark;}.c-btn.warning:active,a.c-btn.warning:active,button.c-btn.warning:active{@apply .bg-orange-darker .border-orange-darker;}.c-btn.success,a.c-btn.success,button.c-btn.success{@apply .bg-green .border-green .text-white;}.c-btn.success:hover,a.c-btn.success:hover,button.c-btn.success:hover{@apply .bg-green-dark .border-green-dark;}.c-btn.success:active,a.c-btn.success:active,button.c-btn.success:active{@apply .bg-green-darker .border-green-darker;}.c-btn.danger,a.c-btn.danger,button.c-btn.danger{@apply .bg-red .border-red .text-white;}.c-btn.danger:hover,a.c-btn.danger:hover,button.c-btn.danger:hover{@apply .bg-red-dark .border-red-dark;}.c-btn.danger:active,a.c-btn.danger:active,button.c-btn.danger:active{@apply .bg-red-darker .border-red-darker;}.c-btn.info,a.c-btn.info,button.c-btn.info{@apply .bg-teal .border-teal .text-white;}.c-btn.info:hover,a.c-btn.info:hover,button.c-btn.info:hover{@apply .bg-teal-dark .border-teal-dark;}.c-btn.info:active,a.c-btn.info:active,button.c-btn.info:active{@apply .bg-teal-darker .border-teal-darker;}.c-btn[disabled],a.c-btn[disabled],button.c-btn[disabled]{@apply .opacity-50 .cursor-default;}.c-btn.outline,a.c-btn.outline,button.c-btn.outline{@apply .bg-transparent;}.c-btn.outline.primary,a.c-btn.outline.primary,button.c-btn.outline.primary{@apply .text-blue;}.c-btn.outline.primary:hover,a.c-btn.outline.primary:hover,button.c-btn.outline.primary:hover{@apply .text-white .bg-blue;}.c-btn.outline.primary:active,a.c-btn.outline.primary:active,button.c-btn.outline.primary:active{@apply .text-white .bg-blue-darker;}.c-btn.outline.warning,a.c-btn.outline.warning,button.c-btn.outline.warning{@apply .text-orange;}.c-btn.outline.warning:hover,a.c-btn.outline.warning:hover,button.c-btn.outline.warning:hover{@apply .text-white .bg-orange;}.c-btn.outline.warning:active,a.c-btn.outline.warning:active,button.c-btn.outline.warning:active{@apply .text-white .bg-orange-darker;}.c-btn.outline.success,a.c-btn.outline.success,button.c-btn.outline.success{@apply .text-green;}.c-btn.outline.success:hover,a.c-btn.outline.success:hover,button.c-btn.outline.success:hover{@apply .text-white .bg-green;}.c-btn.outline.success:active,a.c-btn.outline.success:active,button.c-btn.outline.success:active{@apply .text-white .bg-green-darker;}.c-btn.outline.danger,a.c-btn.outline.danger,button.c-btn.outline.danger{@apply .text-red;}.c-btn.outline.danger:hover,a.c-btn.outline.danger:hover,button.c-btn.outline.danger:hover{@apply .text-white .bg-red;}.c-btn.outline.danger:active,a.c-btn.outline.danger:active,button.c-btn.outline.danger:active{@apply .text-white .bg-red-darker;}.c-btn.outline.info,a.c-btn.outline.info,button.c-btn.outline.info{@apply .text-teal;}.c-btn.outline.info:hover,a.c-btn.outline.info:hover,button.c-btn.outline.info:hover{@apply .text-white .bg-teal;}.c-btn.outline.info:active,a.c-btn.outline.info:active,button.c-btn.outline.info:active{@apply .text-white .bg-teal-darker;}.c-btn.outline .c-icon,a.c-btn.outline .c-icon,button.c-btn.outline .c-icon{@apply .fill-current;}.c-btn.loading,a.c-btn.loading,button.c-btn.loading{@apply .relative;}.c-btn.loading.danger .c-spinner>.animation,.c-btn.loading.info .c-spinner>.animation,.c-btn.loading.primary .c-spinner>.animation,.c-btn.loading.success .c-spinner>.animation,.c-btn.loading.warning .c-spinner>.animation,a.c-btn.loading.danger .c-spinner>.animation,a.c-btn.loading.info .c-spinner>.animation,a.c-btn.loading.primary .c-spinner>.animation,a.c-btn.loading.success .c-spinner>.animation,a.c-btn.loading.warning .c-spinner>.animation,button.c-btn.loading.danger .c-spinner>.animation,button.c-btn.loading.info .c-spinner>.animation,button.c-btn.loading.primary .c-spinner>.animation,button.c-btn.loading.success .c-spinner>.animation,button.c-btn.loading.warning .c-spinner>.animation{border-right-color:#fff;border-bottom-color:#fff}.c-btn.loading .c-spinner,a.c-btn.loading .c-spinner,button.c-btn.loading .c-spinner{@apply .absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px}.c-btn.loading .c-btn-content,a.c-btn.loading .c-btn-content,button.c-btn.loading .c-btn-content{@apply .invisible;}.c-btn .c-icon,a.c-btn .c-icon,button.c-btn .c-icon{@apply .mr-1 .align-middle;}.c-btn .c-btn-content,a.c-btn .c-btn-content,button.c-btn .c-btn-content{@apply .inline-block;}",".c-icon{@apply .inline-block .align-middle .relative .fill-current;top:-2px;width:18px;height:18px}.c-icon.sm{width:12px;height:12px}.c-icon.base{width:18px;height:18px}.c-icon.lg{width:24px;height:24px}.c-icon.xl{width:32px;height:32px}",".c-spinner{@apply .inline-block;}.c-spinner>.animation{animation:rotator .7s linear infinite;width:22px;height:22px;border-radius:50%;border:2px solid transparent;border-right-color:#555;border-bottom-color:#555}.c-spinner.lg>.animation{width:32px;height:32px;border-width:3px}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(1turn)}}","ul[data-v-2744c7e4]{@apply .list-reset .pl-4 .pt-2;}ul input[data-v-2744c7e4]{@apply .mr-2;}",".field input[data-v-ac5bdb82]{@apply .mr-2;}.field .instructions[data-v-ac5bdb82]{@apply .text-grey-dark .text-sm;}",".wrapper[data-v-76633c9c]{@apply .relative;}.wrapper .text-red-dark[data-v-76633c9c]{@apply .text-red-dark;}.wrapper .max[data-v-76633c9c]{@apply .pr-1 .mt-2;}.wrapper .max.floating[data-v-76633c9c]{@apply .absolute .text-xs .text-right;}.wrapper .max.text-grey[data-v-76633c9c]{@apply .text-grey;}.wrapper .max.text-orange[data-v-76633c9c]{@apply .text-orange;}.wrapper .max.text-red[data-v-76633c9c]{@apply .text-red;}",".wrapper[data-v-339cab58]{@apply .relative;}.wrapper .text-red-dark[data-v-339cab58]{@apply .text-red-dark;}.wrapper .max[data-v-339cab58]{@apply .pr-1 .mt-2;}.wrapper .max.floating[data-v-339cab58]{@apply .absolute .text-xs .text-right;}.wrapper .max.text-grey[data-v-339cab58]{@apply .text-grey;}.wrapper .max.text-orange[data-v-339cab58]{@apply .text-orange;}.wrapper .max.text-red[data-v-339cab58]{@apply .text-red;}",".lightswitch[data-v-2b9d01d8]{@apply .relative .block .select-none;width:46px;height:30px}.lightswitch input[data-v-2b9d01d8]{@apply .absolute .opacity-0;}.lightswitch .slider[data-v-2b9d01d8]{@apply .absolute .pin .cursor-pointer;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.lightswitch .slider[data-v-2b9d01d8]:before{@apply .absolute .bg-white;content:\"\";height:26px;width:26px;left:2px;bottom:2px;-webkit-transition:.1s;transition:.1s}.lightswitch input:checked+.slider[data-v-2b9d01d8]{background-color:#38c172}.lightswitch input:focus+.slider[data-v-2b9d01d8]{box-shadow:0 0 1px #38c172}.lightswitch input:checked+.slider[data-v-2b9d01d8]:before{-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(16px)}.lightswitch .slider.round[data-v-2b9d01d8]{border-radius:34px}.lightswitch .slider.round[data-v-2b9d01d8]:before{border-radius:50%}.lightswitch.disabled[data-v-2b9d01d8]{opacity:.4}.lightswitch.disabled .slider[data-v-2b9d01d8]{@apply .cursor-default;}","input.w-full[data-v-6a117d3d]{@apply .w-full;}","select.w-full[data-v-211a2741]{@apply .w-full;}","textarea.w-full[data-v-3ef58e55]{@apply .w-full;}","input.w-full[data-v-56acaf34]{@apply .w-full;}","input.w-full[data-v-e2a7d0c8]{@apply .w-full;}"]} \ No newline at end of file +{"version":3,"sources":["dist/styles.scss","dist/","dist/Btn.vue?rollup-plugin-vue=styles.0.css","dist/Icon.vue?rollup-plugin-vue=styles.0.css","dist/Spinner.vue?rollup-plugin-vue=styles.0.css","dist/CheckboxSet.vue?rollup-plugin-vue=styles.0.css","dist/CheckboxField.vue?rollup-plugin-vue=styles.0.css","dist/TextareaField.vue?rollup-plugin-vue=styles.0.css","dist/TextField.vue?rollup-plugin-vue=styles.0.css","dist/LightswitchInput.vue?rollup-plugin-vue=styles.0.css","dist/PasswordInput.vue?rollup-plugin-vue=styles.0.css","dist/TextareaInput.vue?rollup-plugin-vue=styles.0.css","dist/SelectInput.vue?rollup-plugin-vue=styles.0.css","dist/TextInput.vue?rollup-plugin-vue=styles.0.css","dist/UrlInput.vue?rollup-plugin-vue=styles.0.css"],"names":[],"mappings":"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","file":"dist/craftui.min.css","sourcesContent":["@charset \"UTF-8\";\n@tailwind preflight;\n/* Fields */\n.field {\n margin-bottom: 1rem; }\n\n.field.mono input,\n.field.mono textarea {\n @apply .font-mono; }\n\n.invalid-feedback {\n @apply .text-red .text-sm .mt-2 .mb-4; }\n\n.instructions {\n color: #8f98a3; }\n\nlabel {\n @apply .inline-block .mb-1; }\n\n.field .checkbox {\n @apply .mr-2; }\n\nselect {\n @apply .border .border-grey-light .bg-white;\n height: calc(2.25rem + 2px); }\n\n/* Inputs */\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"tel\"],\ninput[type=\"url\"],\ninput[type=\"number\"],\ntextarea {\n @apply .bg-white .border .border-grey .p-2 .rounded .block; }\n input[type=\"text\"]:disabled, input[type=\"text\"][readonly],\n input[type=\"password\"]:disabled,\n input[type=\"password\"][readonly],\n input[type=\"tel\"]:disabled,\n input[type=\"tel\"][readonly],\n input[type=\"url\"]:disabled,\n input[type=\"url\"][readonly],\n input[type=\"number\"]:disabled,\n input[type=\"number\"][readonly],\n textarea:disabled,\n textarea[readonly] {\n @apply .bg-grey-lightest; }\n input[type=\"text\"].is-invalid,\n input[type=\"password\"].is-invalid,\n input[type=\"tel\"].is-invalid,\n input[type=\"url\"].is-invalid,\n input[type=\"number\"].is-invalid,\n textarea.is-invalid {\n @apply .border-red; }\n\ninput[type=\"number\"] {\n width: 60px; }\n\n/*\nKeep it light, don't import Tailwind’s utilities.\n@tailwind utilities;\n*/\n",null,".c-btn,a.c-btn,button.c-btn{@apply .px-4 .py-2 .rounded .bg-grey-lighter .text-black .no-underline .border .border-solid .border-grey-lighter;}.c-btn:not(.outline),a.c-btn:not(.outline),button.c-btn:not(.outline){-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 6px 0 rgba(0,0,0,.2)}.c-btn:not([disabled]):hover,a.c-btn:not([disabled]):hover,button.c-btn:not([disabled]):hover{@apply .cursor-pointer .bg-grey .border-grey .no-underline;}.c-btn:not([disabled]):active,a.c-btn:not([disabled]):active,button.c-btn:not([disabled]):active{@apply .cursor-pointer .bg-grey-dark .border-grey-dark;}.c-btn.block,a.c-btn.block,button.c-btn.block{@apply .w-full .my-1;}.c-btn.small,a.c-btn.small,button.c-btn.small{@apply .text-sm;}.c-btn.small .c-icon,a.c-btn.small .c-icon,button.c-btn.small .c-icon{width:12px;height:12px}.c-btn.large,a.c-btn.large,button.c-btn.large{@apply .text-lg .py-3;}.c-btn.danger:not(.outline) .c-icon,.c-btn.info:not(.outline) .c-icon,.c-btn.primary:not(.outline) .c-icon,.c-btn.success:not(.outline) .c-icon,.c-btn.warning:not(.outline) .c-icon,a.c-btn.danger:not(.outline) .c-icon,a.c-btn.info:not(.outline) .c-icon,a.c-btn.primary:not(.outline) .c-icon,a.c-btn.success:not(.outline) .c-icon,a.c-btn.warning:not(.outline) .c-icon,button.c-btn.danger:not(.outline) .c-icon,button.c-btn.info:not(.outline) .c-icon,button.c-btn.primary:not(.outline) .c-icon,button.c-btn.success:not(.outline) .c-icon,button.c-btn.warning:not(.outline) .c-icon{fill:#fff}.c-btn.primary,a.c-btn.primary,button.c-btn.primary{@apply .bg-blue .border-blue .text-white;}.c-btn.primary:not([disabled]):hover,a.c-btn.primary:not([disabled]):hover,button.c-btn.primary:not([disabled]):hover{@apply .bg-blue-dark .border-blue-dark;}.c-btn.primary:not([disabled]):active,a.c-btn.primary:not([disabled]):active,button.c-btn.primary:not([disabled]):active{@apply .bg-blue-darker .border-blue-darker;}.c-btn.warning,a.c-btn.warning,button.c-btn.warning{@apply .bg-orange .border-orange .text-white;}.c-btn.warning:not([disabled]):hover,a.c-btn.warning:not([disabled]):hover,button.c-btn.warning:not([disabled]):hover{@apply .bg-orange-dark .border-orange-dark;}.c-btn.warning:not([disabled]):active,a.c-btn.warning:not([disabled]):active,button.c-btn.warning:not([disabled]):active{@apply .bg-orange-darker .border-orange-darker;}.c-btn.success,a.c-btn.success,button.c-btn.success{@apply .bg-green .border-green .text-white;}.c-btn.success:not([disabled]):hover,a.c-btn.success:not([disabled]):hover,button.c-btn.success:not([disabled]):hover{@apply .bg-green-dark .border-green-dark;}.c-btn.success:not([disabled]):active,a.c-btn.success:not([disabled]):active,button.c-btn.success:not([disabled]):active{@apply .bg-green-darker .border-green-darker;}.c-btn.danger,a.c-btn.danger,button.c-btn.danger{@apply .bg-red .border-red .text-white;}.c-btn.danger:not([disabled]):hover,a.c-btn.danger:not([disabled]):hover,button.c-btn.danger:not([disabled]):hover{@apply .bg-red-dark .border-red-dark;}.c-btn.danger:not([disabled]):active,a.c-btn.danger:not([disabled]):active,button.c-btn.danger:not([disabled]):active{@apply .bg-red-darker .border-red-darker;}.c-btn.info,a.c-btn.info,button.c-btn.info{@apply .bg-teal .border-teal .text-white;}.c-btn.info:not([disabled]):hover,a.c-btn.info:not([disabled]):hover,button.c-btn.info:not([disabled]):hover{@apply .bg-teal-dark .border-teal-dark;}.c-btn.info:not([disabled]):active,a.c-btn.info:not([disabled]):active,button.c-btn.info:not([disabled]):active{@apply .bg-teal-darker .border-teal-darker;}.c-btn[disabled],a.c-btn[disabled],button.c-btn[disabled]{@apply .opacity-50 .cursor-default;}.c-btn.outline,a.c-btn.outline,button.c-btn.outline{@apply .bg-transparent;}.c-btn.outline.primary,a.c-btn.outline.primary,button.c-btn.outline.primary{@apply .text-blue;}.c-btn.outline.primary:not([disabled]):hover,a.c-btn.outline.primary:not([disabled]):hover,button.c-btn.outline.primary:not([disabled]):hover{@apply .text-white .bg-blue;}.c-btn.outline.primary:not([disabled]):active,a.c-btn.outline.primary:not([disabled]):active,button.c-btn.outline.primary:not([disabled]):active{@apply .text-white .bg-blue-darker;}.c-btn.outline.warning,a.c-btn.outline.warning,button.c-btn.outline.warning{@apply .text-orange;}.c-btn.outline.warning:not([disabled]):hover,a.c-btn.outline.warning:not([disabled]):hover,button.c-btn.outline.warning:not([disabled]):hover{@apply .text-white .bg-orange;}.c-btn.outline.warning:not([disabled]):active,a.c-btn.outline.warning:not([disabled]):active,button.c-btn.outline.warning:not([disabled]):active{@apply .text-white .bg-orange-darker;}.c-btn.outline.success,a.c-btn.outline.success,button.c-btn.outline.success{@apply .text-green;}.c-btn.outline.success:not([disabled]):hover,a.c-btn.outline.success:not([disabled]):hover,button.c-btn.outline.success:not([disabled]):hover{@apply .text-white .bg-green;}.c-btn.outline.success:not([disabled]):active,a.c-btn.outline.success:not([disabled]):active,button.c-btn.outline.success:not([disabled]):active{@apply .text-white .bg-green-darker;}.c-btn.outline.danger,a.c-btn.outline.danger,button.c-btn.outline.danger{@apply .text-red;}.c-btn.outline.danger:not([disabled]):hover,a.c-btn.outline.danger:not([disabled]):hover,button.c-btn.outline.danger:not([disabled]):hover{@apply .text-white .bg-red;}.c-btn.outline.danger:not([disabled]):active,a.c-btn.outline.danger:not([disabled]):active,button.c-btn.outline.danger:not([disabled]):active{@apply .text-white .bg-red-darker;}.c-btn.outline.info,a.c-btn.outline.info,button.c-btn.outline.info{@apply .text-teal;}.c-btn.outline.info:not([disabled]):hover,a.c-btn.outline.info:not([disabled]):hover,button.c-btn.outline.info:not([disabled]):hover{@apply .text-white .bg-teal;}.c-btn.outline.info:not([disabled]):active,a.c-btn.outline.info:not([disabled]):active,button.c-btn.outline.info:not([disabled]):active{@apply .text-white .bg-teal-darker;}.c-btn.outline .c-icon,a.c-btn.outline .c-icon,button.c-btn.outline .c-icon{@apply .fill-current;}.c-btn.loading,a.c-btn.loading,button.c-btn.loading{@apply .relative;}.c-btn.loading:not(.outline).danger .c-spinner>.animation,.c-btn.loading:not(.outline).info .c-spinner>.animation,.c-btn.loading:not(.outline).primary .c-spinner>.animation,.c-btn.loading:not(.outline).success .c-spinner>.animation,.c-btn.loading:not(.outline).warning .c-spinner>.animation,a.c-btn.loading:not(.outline).danger .c-spinner>.animation,a.c-btn.loading:not(.outline).info .c-spinner>.animation,a.c-btn.loading:not(.outline).primary .c-spinner>.animation,a.c-btn.loading:not(.outline).success .c-spinner>.animation,a.c-btn.loading:not(.outline).warning .c-spinner>.animation,button.c-btn.loading:not(.outline).danger .c-spinner>.animation,button.c-btn.loading:not(.outline).info .c-spinner>.animation,button.c-btn.loading:not(.outline).primary .c-spinner>.animation,button.c-btn.loading:not(.outline).success .c-spinner>.animation,button.c-btn.loading:not(.outline).warning .c-spinner>.animation{@apply .border-white;}.c-btn.loading.outline.primary .c-spinner>.animation,a.c-btn.loading.outline.primary .c-spinner>.animation,button.c-btn.loading.outline.primary .c-spinner>.animation{@apply .border-blue;}.c-btn.loading.outline.warning .c-spinner>.animation,a.c-btn.loading.outline.warning .c-spinner>.animation,button.c-btn.loading.outline.warning .c-spinner>.animation{@apply .border-orange;}.c-btn.loading.outline.success .c-spinner>.animation,a.c-btn.loading.outline.success .c-spinner>.animation,button.c-btn.loading.outline.success .c-spinner>.animation{@apply .border-green;}.c-btn.loading.outline.danger .c-spinner>.animation,a.c-btn.loading.outline.danger .c-spinner>.animation,button.c-btn.loading.outline.danger .c-spinner>.animation{@apply .border-red;}.c-btn.loading.outline.info .c-spinner>.animation,a.c-btn.loading.outline.info .c-spinner>.animation,button.c-btn.loading.outline.info .c-spinner>.animation{@apply .border-teal;}.c-btn.loading .c-spinner,a.c-btn.loading .c-spinner,button.c-btn.loading .c-spinner{@apply .absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px}.c-btn.loading .c-btn-content,a.c-btn.loading .c-btn-content,button.c-btn.loading .c-btn-content{@apply .invisible;}.c-btn .c-icon,a.c-btn .c-icon,button.c-btn .c-icon{@apply .mr-1 .align-middle;}.c-btn .c-btn-content,a.c-btn .c-btn-content,button.c-btn .c-btn-content{@apply .inline-block;}",".c-icon{@apply .inline-block .align-middle .relative .fill-current;top:-2px;width:18px;height:18px}.c-icon.sm{width:12px;height:12px}.c-icon.base{width:18px;height:18px}.c-icon.lg{width:24px;height:24px}.c-icon.xl{width:32px;height:32px}",".c-spinner{@apply .inline-block;}.c-spinner>.animation{animation:rotator .7s linear infinite;width:22px;height:22px;border-radius:50%;border:2px solid transparent;border-top-color:transparent!important;border-left-color:transparent!important;border-right-color:#555;border-bottom-color:#555}.c-spinner.lg>.animation{width:32px;height:32px;border-width:3px}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(1turn)}}","ul[data-v-2744c7e4]{@apply .list-reset .pl-4 .pt-2;}ul input[data-v-2744c7e4]{@apply .mr-2;}",".field input[data-v-ac5bdb82]{@apply .mr-2;}.field .instructions[data-v-ac5bdb82]{@apply .text-grey-dark .text-sm;}",".wrapper[data-v-76633c9c]{@apply .relative;}.wrapper .text-red-dark[data-v-76633c9c]{@apply .text-red-dark;}.wrapper .max[data-v-76633c9c]{@apply .pr-1 .mt-2;}.wrapper .max.floating[data-v-76633c9c]{@apply .absolute .text-xs .text-right;}.wrapper .max.text-grey[data-v-76633c9c]{@apply .text-grey;}.wrapper .max.text-orange[data-v-76633c9c]{@apply .text-orange;}.wrapper .max.text-red[data-v-76633c9c]{@apply .text-red;}",".wrapper[data-v-339cab58]{@apply .relative;}.wrapper .text-red-dark[data-v-339cab58]{@apply .text-red-dark;}.wrapper .max[data-v-339cab58]{@apply .pr-1 .mt-2;}.wrapper .max.floating[data-v-339cab58]{@apply .absolute .text-xs .text-right;}.wrapper .max.text-grey[data-v-339cab58]{@apply .text-grey;}.wrapper .max.text-orange[data-v-339cab58]{@apply .text-orange;}.wrapper .max.text-red[data-v-339cab58]{@apply .text-red;}",".lightswitch[data-v-2b9d01d8]{@apply .relative .block .select-none;width:46px;height:30px}.lightswitch input[data-v-2b9d01d8]{@apply .absolute .opacity-0;}.lightswitch .slider[data-v-2b9d01d8]{@apply .absolute .pin .cursor-pointer;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.lightswitch .slider[data-v-2b9d01d8]:before{@apply .absolute .bg-white;content:\"\";height:26px;width:26px;left:2px;bottom:2px;-webkit-transition:.1s;transition:.1s}.lightswitch input:checked+.slider[data-v-2b9d01d8]{background-color:#38c172}.lightswitch input:focus+.slider[data-v-2b9d01d8]{box-shadow:0 0 1px #38c172}.lightswitch input:checked+.slider[data-v-2b9d01d8]:before{-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(16px)}.lightswitch .slider.round[data-v-2b9d01d8]{border-radius:34px}.lightswitch .slider.round[data-v-2b9d01d8]:before{border-radius:50%}.lightswitch.disabled[data-v-2b9d01d8]{opacity:.4}.lightswitch.disabled .slider[data-v-2b9d01d8]{@apply .cursor-default;}","input.w-full[data-v-6a117d3d]{@apply .w-full;}","textarea.w-full[data-v-3ef58e55]{@apply .w-full;}","select.w-full[data-v-211a2741]{@apply .w-full;}","input.w-full[data-v-56acaf34]{@apply .w-full;}","input.w-full[data-v-e2a7d0c8]{@apply .w-full;}"]} \ No newline at end of file