@codeandfunction/callaloo 3.16.4 → 3.16.6

package/dist/components/Form/CLCheckbox/CLCheckbox.js

@@ -1,19 +1,19 @@
 import '../../../assets/core.css';
 import './CLCheckbox.css';
 import '../../../assets/shared/form-utilities.css';
-import { defineComponent as T, mergeModels as B, useTemplateRef as z, useModel as S, computed as y, createBlock as r, openBlock as f, withCtx as $, createElementVNode as s, createCommentVNode as C, normalizeClass as i, unref as n, withDirectives as M, vModelCheckbox as V, createVNode as q, createTextVNode as F, toDisplayString as N } from "vue";
-import { _ as I, c as R, a as D } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-DZEfoinY.js";
-import { _ as X } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-B_341q_b.js";
-import { _ as w } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-CG6043pv.js";
-import { CLSizes as o, CLIconSizes as u, CLTextTypes as c, CLIconNames as E, CLColorVariants as H, CLColors as O } from "../../../index.js";
-const U = ["data-testid"], j = ["for", "disabled"], A = ["id", "aria-label", "disabled", "form", "name", "required", "value"], Y = /* @__PURE__ */ T({
+import { defineComponent as T, mergeModels as z, useTemplateRef as B, useModel as S, computed as y, createBlock as m, openBlock as f, withCtx as $, createElementVNode as s, createCommentVNode as C, normalizeStyle as M, normalizeClass as i, unref as n, withDirectives as V, vModelCheckbox as q, createVNode as F, createTextVNode as N, toDisplayString as I } from "vue";
+import { _ as R, c as D, a as X } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-Bt5xgOT4.js";
+import { _ as w } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-R0Nhlutc.js";
+import { _ as E } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
+import { CLSizes as o, CLIconSizes as u, CLTextTypes as c, CLIconNames as H, CLColorVariants as O, CLColors as U } from "../../../index.js";
+const j = ["data-testid"], A = ["for", "disabled"], G = ["id", "aria-label", "disabled", "form", "name", "required", "value"], Z = /* @__PURE__ */ T({
   name: "CLCheckbox",
   __name: "CLCheckbox",
-  props: /* @__PURE__ */ B({
+  props: /* @__PURE__ */ z({
     ariaLabel: { default: void 0 },
     borderRadius: { default: void 0 },
     busy: { type: Boolean, default: !1 },
-    color: { default: O.Neutral },
+    color: { default: U.Neutral },
     disabled: { type: Boolean, default: !1 },
     form: { default: void 0 },
     id: {},
@@ -29,14 +29,14 @@ const U = ["data-testid"], j = ["for", "disabled"], A = ["id", "aria-label", "di
     size: { default: o.Small },
     testId: { default: "clll-checkbox" },
     value: { type: [String, Number, Boolean], default: void 0 },
-    variant: { default: H.Outline }
+    variant: { default: O.Outline }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(e, { expose: x }) {
-    const v = {
+  setup(e, { expose: v }) {
+    const x = {
       [o.Tiny]: u.Tiny,
       [o.Small]: u.Tiny,
       [o.Medium]: u.Small,
@@ -48,7 +48,7 @@ const U = ["data-testid"], j = ["for", "disabled"], A = ["id", "aria-label", "di
       [o.Medium]: c.Medium,
       [o.Large]: c.Large,
       [o.XL]: c.XL
-    }, l = e, m = z("checkbox-ref"), b = S(e, "modelValue"), a = "clll-checkbox", h = y(() => [
+    }, l = e, r = B("checkbox-ref"), b = S(e, "modelValue"), a = "clll-checkbox", g = y(() => [
       a,
       l.borderRadius ? `${a}--${l.borderRadius}` : "",
       l.busy ? `${a}--busy` : `${a}--ready`,
@@ -59,25 +59,23 @@ const U = ["data-testid"], j = ["for", "disabled"], A = ["id", "aria-label", "di
       l.messageType ? `${a}--${l.messageType}` : "",
       l.rounded ? `${a}--rounded` : `${a}--box`,
       l.required ? `${a}--required` : `${a}--optional`
-    ]), g = y(() => [
+    ]), h = y(() => [
       `${a}__checkbox-container`,
       `${a}--${l.variant}`
     ]), L = () => {
-      m.value && m.value.focus();
+      r.value && r.value.focus();
     };
-    return x({
-      checkboxRef: m
-    }), (G, d) => (f(), r(I, null, {
+    return v({
+      checkboxRef: r
+    }), (J, d) => (f(), m(R, null, {
       default: $(() => [
         s("span", {
-          class: i([
-            n(h),
-            n(R)({ color: e.color, component: "checkbox", disabled: e.disabled || e.busy, variant: e.variant })
-          ]),
+          class: i(n(g)),
+          style: M(n(D)({ color: e.color, disabled: e.disabled || e.busy, variant: e.variant })),
           "data-testid": e.testId
         }, [
           s("span", {
-            class: i(n(g)),
+            class: i(n(h)),
             onClick: L
           }, [
             s("label", {
@@ -88,7 +86,7 @@ const U = ["data-testid"], j = ["for", "disabled"], A = ["id", "aria-label", "di
               s("span", {
                 class: i([`${a}__checkbox-frame`, "form-control-flex"])
               }, [
-                M(s("input", {
+                V(s("input", {
                   id: e.id,
                   ref: "checkbox-ref",
                   "onUpdate:modelValue": d[0] || (d[0] = (t) => b.value = t),
@@ -106,33 +104,33 @@ const U = ["data-testid"], j = ["for", "disabled"], A = ["id", "aria-label", "di
                   (...t) => e.onChange && e.onChange(...t)),
                   onFocus: d[3] || (d[3] = //@ts-ignore
                   (...t) => e.onFocus && e.onFocus(...t))
-                }, null, 42, A), [
-                  [V, b.value]
+                }, null, 42, G), [
+                  [q, b.value]
                 ]),
                 s("span", {
                   class: i(`${a}__icon`)
                 }, [
-                  q(n(X), {
-                    name: n(E).Check,
-                    size: v[e.size]
+                  F(n(w), {
+                    name: n(H).Check,
+                    size: x[e.size]
                   }, null, 8, ["name", "size"])
                 ], 2)
               ], 2),
-              e.label ? (f(), r(n(w), {
+              e.label ? (f(), m(n(E), {
                 key: 0,
                 as: "span",
                 type: k[e.size],
                 class: i(e.required ? `${a}__label--required` : "")
               }, {
                 default: $(() => [
-                  F(N(e.label), 1)
+                  N(I(e.label), 1)
                 ]),
                 _: 1
               }, 8, ["type", "class"])) : C("", !0)
-            ], 10, j)
+            ], 10, A)
           ], 2)
-        ], 10, U),
-        e.id ? (f(), r(D, {
+        ], 14, j),
+        e.id ? (f(), m(X, {
           key: 0,
           id: e.id,
           messages: e.messages,
@@ -144,6 +142,6 @@ const U = ["data-testid"], j = ["for", "disabled"], A = ["id", "aria-label", "di
   }
 });
 export {
-  Y as CLCheckbox,
-  Y as default
+  Z as CLCheckbox,
+  Z as default
 };

package/dist/components/Form/CLCheckbox/CLCheckbox.vue.d.ts

@@ -54,11 +54,11 @@ declare const _default: import('vue').DefineComponent<{
 }>, {
     color: CLColors;
     variant: CLColorVariants.Outline | CLColorVariants.Ghost;
-    form: string;
-    label: string;
     borderRadius: CLBorderRadius;
     rounded: boolean;
     testId: string;
+    form: string;
+    label: string;
     onFocus: CLGenericFocusFunction;
     onBlur: CLGenericFocusFunction;
     onChange: CLGenericFunction;

package/dist/components/Form/CLInput/CLInput.css

@@ -1 +1 @@
-.clll-input__input-prefix--string,.clll-input__input-suffix--string{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-input__selected-color-tools{display:flex}.clll-input__selected-color-tools>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-0_5)}.clll-input__selected-color-tools .clll-button{flex:none}.clll-input{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;align-items:flex-start;overflow:visible}.clll-input .clll-input__input-container{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:flex;align-items:stretch;overflow:visible}.clll-input .clll-input__input-container .clll-input__input-border-control{display:flex;align-items:center;width:100%}.clll-input .clll-input__input{display:inline-block;appearance:none;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-input.clll-input--hascustomprefix,.clll-input.clll-input--hascustomsuffix,.clll-input.clll-input--grouped,.clll-input.clll-input--ghost{border-radius:var(--clll-rounded-xs)}.clll-input.clll-input--hascustomprefix:focus,.clll-input.clll-input--hascustomprefix:focus-within,.clll-input.clll-input--hascustomsuffix:focus,.clll-input.clll-input--hascustomsuffix:focus-within,.clll-input.clll-input--grouped:focus,.clll-input.clll-input--grouped:focus-within,.clll-input.clll-input--ghost:focus,.clll-input.clll-input--ghost:focus-within{border-color:transparent}.clll-input .clll-input__char-counter,.clll-input .clll-input__selected-color{display:flex;align-items:center;justify-content:center;pointer-events:none;user-select:none}.clll-input.clll-input--rounded .clll-input__input-container,.clll-input.clll-input--rounded .clll-input__input{border-radius:var(--clll-rounded-xs)}.clll-input.clll-input--rounded.clll-input--rounded-full .clll-input__input-container{border-radius:var(--clll-rounded-full)}.clll-input.clll-input--rounded.clll-input--rounded-lg .clll-input__input-container{border-radius:var(--clll-rounded-lg)}.clll-input.clll-input--rounded.clll-input--rounded-md .clll-input__input-container{border-radius:var(--clll-rounded-md)}.clll-input.clll-input--rounded.clll-input--rounded-sm .clll-input__input-container{border-radius:var(--clll-rounded-sm)}.clll-input.clll-input--rounded.clll-input--rounded-xs .clll-input__input-container{border-radius:var(--clll-rounded-xs)}.clll-input.clll-input--rounded.clll-input--rounded-xl .clll-input__input-container{border-radius:var(--clll-rounded-xl)}.clll-input.clll-input--rounded.clll-input--rounded-2xl .clll-input__input-container{border-radius:var(--clll-rounded-2xl)}.clll-input.clll-input--rounded.clll-input--rounded-3xl .clll-input__input-container{border-radius:var(--clll-rounded-3xl)}.clll-input.clll-input--rounded.clll-input--rounded-none .clll-input__input-container{border-radius:0}.clll-input.clll-input--rounded.clll-input--rounded-full .clll-input__input{border-radius:var(--clll-rounded-full)}.clll-input.clll-input--rounded.clll-input--rounded-lg .clll-input__input{border-radius:var(--clll-rounded-lg)}.clll-input.clll-input--rounded.clll-input--rounded-md .clll-input__input{border-radius:var(--clll-rounded-md)}.clll-input.clll-input--rounded.clll-input--rounded-sm .clll-input__input{border-radius:var(--clll-rounded-sm)}.clll-input.clll-input--rounded.clll-input--rounded-xs .clll-input__input{border-radius:var(--clll-rounded-xs)}.clll-input.clll-input--rounded.clll-input--rounded-xl .clll-input__input{border-radius:var(--clll-rounded-xl)}.clll-input.clll-input--rounded.clll-input--rounded-2xl .clll-input__input{border-radius:var(--clll-rounded-2xl)}.clll-input.clll-input--rounded.clll-input--rounded-3xl .clll-input__input{border-radius:var(--clll-rounded-3xl)}.clll-input.clll-input--rounded.clll-input--rounded-none .clll-input__input{border-radius:0}.clll-input.clll-input--rounded:not(.clll-input--hasiconprefix).clll-input--hasprefix .clll-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.clll-input.clll-input--rounded:not(.clll-input--hasiconsuffix).clll-input--hassuffix .clll-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.clll-input.clll-input--tiny .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);padding:var(--clll-py-xs) var(--clll-px-sm)}.clll-input.clll-input--tiny .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-sm) var(--clll-px-sm);margin-right:var(--clll-px-sm)}.clll-input.clll-input--tiny.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-sm)}.clll-input.clll-input--tiny.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-1);padding-right:var(--clll-unit-1)}.clll-input.clll-input--tiny.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-1)}.clll-input.clll-input--tiny.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--tiny.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-1);padding-right:var(--clll-unit-1)}.clll-input.clll-input--tiny.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-1)}.clll-input.clll-input--tiny.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--tiny.clll-input--hascustomprefix,.clll-input.clll-input--tiny.clll-input--hascustomsuffix{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-input.clll-input--tiny.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--tiny.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-1_5)}.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hasiconprefix .clll-input__input,.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-1_5)}.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input,.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--tiny.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--tiny.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-5_5);width:var(--clll-unit-5_5)}.clll-input.clll-input--tiny.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-input.clll-input--small .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6);padding:var(--clll-py-sm) var(--clll-px-md)}.clll-input.clll-input--small .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-md) var(--clll-px-md);margin-right:var(--clll-px-md)}.clll-input.clll-input--small.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-md)}.clll-input.clll-input--small.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-1_5);padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--small.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-1_5);padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--small.clll-input--hascustomprefix,.clll-input.clll-input--small.clll-input--hascustomsuffix{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-input.clll-input--small.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--small.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--small.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--small.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--small.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--small.clll-input--grouped.clll-input--hasiconprefix .clll-input__input,.clll-input.clll-input--small.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input,.clll-input.clll-input--small.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--small.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-6_5);width:var(--clll-unit-6_5)}.clll-input.clll-input--small.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-input.clll-input--medium .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5);padding:var(--clll-py-md) var(--clll-px-lg)}.clll-input.clll-input--medium .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-xl) var(--clll-px-lg);margin-right:var(--clll-px-lg)}.clll-input.clll-input--medium.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-lg)}.clll-input.clll-input--medium.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-2_5);padding-right:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--medium.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-2_5);padding-right:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--medium.clll-input--hascustomprefix,.clll-input.clll-input--medium.clll-input--hascustomsuffix{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-input.clll-input--medium.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--medium.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--medium.clll-input--grouped.clll-input--hasiconprefix .clll-input__input,.clll-input.clll-input--medium.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input,.clll-input.clll-input--medium.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--medium.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-7_5);width:var(--clll-unit-7_5)}.clll-input.clll-input--medium.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-input.clll-input--large .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7);padding:var(--clll-py-lg) var(--clll-px-2xl)}.clll-input.clll-input--large .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-2xl) var(--clll-px-2xl);margin-right:var(--clll-px-2xl)}.clll-input.clll-input--large.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-2xl)}.clll-input.clll-input--large.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-3_5);padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--large.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-3_5);padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--large.clll-input--hascustomprefix,.clll-input.clll-input--large.clll-input--hascustomsuffix{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-input.clll-input--large.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--large.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--large.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--large.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--large.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--large.clll-input--grouped.clll-input--hasiconprefix .clll-input__input,.clll-input.clll-input--large.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input,.clll-input.clll-input--large.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--large.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-8_5);width:var(--clll-unit-8_5)}.clll-input.clll-input--large.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-input.clll-input--xlarge .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5);padding:var(--clll-py-2xl) var(--clll-px-3xl)}.clll-input.clll-input--xlarge .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-4xl) var(--clll-px-3xl);margin-right:var(--clll-px-3xl)}.clll-input.clll-input--xlarge.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-3xl)}.clll-input.clll-input--xlarge.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-3_5);padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--xlarge.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-3_5);padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--xlarge.clll-input--hascustomprefix,.clll-input.clll-input--xlarge.clll-input--hascustomsuffix{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-input.clll-input--xlarge.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--xlarge.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hasiconprefix .clll-input__input,.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input,.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--xlarge.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-9_5);width:var(--clll-unit-9_5)}.clll-input.clll-input--xlarge.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-input.clll-input--grouped.clll-input--hasiconprefix .clll-input__input-container,.clll-input.clll-input--grouped.clll-input--hascustomprefix .clll-input__input-container{padding-left:0}.clll-input.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input-container,.clll-input.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input-container{padding-right:0}.clll-input.clll-input--grouped.clll-input--hascharcounter .clll-input__input-suffix{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:0}.clll-input.clll-input--grouped.clll-input--hascharcounter .clll-input__char-counter{border-top-right-radius:var(--clll-rounded-xs);border-bottom-right-radius:var(--clll-rounded-xs)}.clll-input.clll-input--hassuffix.clll-input--hascharcounter .clll-input__input-suffix,.clll-input.clll-input--hassuffix.clll-input--hascharcounter .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-right:0}.clll-input.clll-input--fluid,.clll-input.clll-input--fluid .clll-input__input-container,.clll-input.clll-input--fluid .clll-input__input-container .clll-input__input{width:100%}.clll-input.clll-input--vertical{flex-direction:column}.clll-input.clll-input--vertical.clll-input--haslabel>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1_5)}.clll-input.clll-input--horizontal.clll-input--haslabel{flex-direction:row;align-items:center;flex-wrap:wrap}.clll-input.clll-input--horizontal.clll-input--haslabel .clll-input__label,.clll-input.clll-input--horizontal.clll-input--haslabel .clll-input__input-container{width:50%}.clll-input.clll-input--hidden .clll-input__input-container{display:none}.clll-input.clll-input--file .clll-input__input-container .clll-input__input{cursor:pointer;padding-top:0;padding-left:0;padding-bottom:0;white-space:nowrap}.clll-input.clll-input--file .clll-input__input-container .clll-input__input::file-selector-button{cursor:pointer;border:0}.clll-input.clll-input--file.clll-input--readonly .clll-input__input{pointer-events:none;cursor:not-allowed}.clll-input.clll-input--color .clll-input__input-container .clll-input__input{cursor:pointer;padding:0;border:0}.clll-input.clll-input--color .clll-input__input-container .clll-input__input.--nocolor{opacity:0}.clll-input.clll-input--color .clll-input__input-container .clll-input__input-border-control{overflow:hidden;border-radius:var(--clll-rounded-full);background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>');width:auto}.clll-input.clll-input--color .clll-input__input-container .clll-input__selected-color{font-family:monospace;-webkit-font-smoothing:antialiased}.clll-input.clll-input--color.clll-input--disabled .clll-input__input{cursor:default}.clll-input.clll-input--color.clll-input--readonly .clll-input__input{pointer-events:none;cursor:not-allowed}.clll-input.clll-input--hascharcounter .clll-input__char-counter{pointer-events:none;justify-content:flex-end;max-width:100px;box-sizing:border-box;flex:1;position:relative}.clll-input ::-webkit-color-swatch-wrapper{padding:0}.clll-input ::-webkit-color-swatch{border:0}
+.clll-input__input-prefix--string,.clll-input__input-suffix--string{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-input__selected-color-tools{display:flex}.clll-input__selected-color-tools>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-0_5)}.clll-input__selected-color-tools .clll-button{flex:none}.clll-input{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;align-items:flex-start;overflow:visible}.clll-input.clll-input--haslabel .clll-input__label .clll-text.clll-input__label--required:after{position:relative;top:var(--clll-unit-1);content:"*";font-size:var(--clll-unit-4_5);font-weight:500;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;color:var(--clll-input-required-asterisk-color, red);text-decoration:unset;margin-inline-start:var(--clll-unit-0_5);box-sizing:content-box;line-height:0}.clll-input .clll-input__input-container{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:flex;align-items:stretch;overflow:visible;background-color:var(--clll-input-bg, white);border-color:var(--clll-input-border, transparent);border-style:solid;border-width:1px}.clll-input .clll-input__input-container:focus-within{outline-color:var(--clll-input-focus-border, transparent);outline-style:solid;outline-width:2px;outline-offset:-1px}.clll-input .clll-input__input-container .clll-input__input-border-control{display:flex;align-items:center;width:100%}.clll-input .clll-input__input{display:inline-block;appearance:none;background-color:var(--clll-input-bg, white);border-color:var(--clll-input-border, transparent);border-style:solid;border-width:0;color:var(--clll-input-text, inherit);font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-input .clll-input__input::placeholder{color:var(--clll-input-text-placeholder, transparent)}.clll-input .clll-input__input:focus{outline:none}.clll-input .clll-input__input:disabled{border-color:var(--clll-input-disabled-border, transparent);background-color:var(--clll-input-disabled-bg, transparent);color:var(--clll-input-text-placeholder, transparent)}.clll-input .clll-input__input:disabled::placeholder{color:var(--clll-input-text-placeholder, transparent)}.clll-input .clll-input__input:read-only{border-color:var(--clll-input-readonly-border, transparent);background-color:var(--clll-input-readonly-bg, transparent);color:var(--clll-input-text-placeholder, transparent)}.clll-input .clll-input__input:read-only::placeholder{color:var(--clll-input-text-placeholder, transparent)}.clll-input .clll-input__input.--input-group{border:0;outline:none}.clll-input.clll-input--disabled{cursor:default}.clll-input.clll-input--disabled .clll-input__input-container{border-color:var(--clll-input-disabled-border, transparent)}.clll-input.clll-input--readonly{cursor:not-allowed}.clll-input.clll-input--readonly .clll-input__input-container{border-color:var(--clll-input-readonly-border, transparent);pointer-events:none}.clll-input .clll-input__input-prefix,.clll-input .clll-input__input-suffix,.clll-input .clll-icon{color:var(--clll-input-prefix-suffix-color, transparent)}.clll-input.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--grouped .clll-input__input-suffix,.clll-input.clll-input--grouped .clll-input__char-counter{background-color:var(--clll-input-grouped-bg, transparent);color:var(--clll-input-prefix-suffix-color, transparent)}.clll-input.clll-input--grouped .clll-input__input-prefix .clll-icon,.clll-input.clll-input--grouped .clll-input__input-suffix .clll-icon,.clll-input.clll-input--grouped .clll-input__char-counter .clll-icon{color:var(--clll-input-prefix-suffix-color, transparent)}.clll-input.clll-input--grouped{background-color:transparent;border:0}.clll-input.clll-input--file .clll-input__input-container .clll-input__input::file-selector-button{background-color:var(--clll-input-grouped-bg, transparent)}.clll-input.clll-input--hascharcounter .clll-input__char-counter{color:var(--clll-input-prefix-suffix-color, transparent)}.clll-input.clll-input--hascharcounter .clll-input__input{border:0;outline:0}.clll-input.clll-input--ghost .clll-input__input-container,.clll-input.clll-input--ghost .clll-input__input-border-control,.clll-input.clll-input--ghost .clll-input__input{background-color:transparent;border:0;padding:var(--clll-input-ghost-padding, 0);border-radius:0}.clll-input.clll-input--ghost .clll-input__input-container:focus,.clll-input.clll-input--ghost .clll-input__input-container:focus-within,.clll-input.clll-input--ghost .clll-input__input-border-control:focus,.clll-input.clll-input--ghost .clll-input__input-border-control:focus-within,.clll-input.clll-input--ghost .clll-input__input:focus,.clll-input.clll-input--ghost .clll-input__input:focus-within{outline:none}.clll-input.clll-input--hascustomprefix,.clll-input.clll-input--hascustomsuffix,.clll-input.clll-input--grouped,.clll-input.clll-input--ghost{border-radius:var(--clll-rounded-xs)}.clll-input.clll-input--hascustomprefix:focus,.clll-input.clll-input--hascustomprefix:focus-within,.clll-input.clll-input--hascustomsuffix:focus,.clll-input.clll-input--hascustomsuffix:focus-within,.clll-input.clll-input--grouped:focus,.clll-input.clll-input--grouped:focus-within,.clll-input.clll-input--ghost:focus,.clll-input.clll-input--ghost:focus-within{border-color:transparent}.clll-input .clll-input__char-counter,.clll-input .clll-input__selected-color{display:flex;align-items:center;justify-content:center;pointer-events:none;user-select:none}.clll-input.clll-input--rounded:not(.clll-input--ghost) .clll-input__input-container,.clll-input.clll-input--rounded:not(.clll-input--ghost) .clll-input__input{border-radius:var(--clll-rounded-xs)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-full .clll-input__input-container{border-radius:var(--clll-rounded-full)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-lg .clll-input__input-container{border-radius:var(--clll-rounded-lg)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-md .clll-input__input-container{border-radius:var(--clll-rounded-md)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-sm .clll-input__input-container{border-radius:var(--clll-rounded-sm)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-xs .clll-input__input-container{border-radius:var(--clll-rounded-xs)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-xl .clll-input__input-container{border-radius:var(--clll-rounded-xl)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-2xl .clll-input__input-container{border-radius:var(--clll-rounded-2xl)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-3xl .clll-input__input-container{border-radius:var(--clll-rounded-3xl)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-none .clll-input__input-container{border-radius:0}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-full .clll-input__input{border-radius:var(--clll-rounded-full)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-lg .clll-input__input{border-radius:var(--clll-rounded-lg)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-md .clll-input__input{border-radius:var(--clll-rounded-md)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-sm .clll-input__input{border-radius:var(--clll-rounded-sm)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-xs .clll-input__input{border-radius:var(--clll-rounded-xs)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-xl .clll-input__input{border-radius:var(--clll-rounded-xl)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-2xl .clll-input__input{border-radius:var(--clll-rounded-2xl)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-3xl .clll-input__input{border-radius:var(--clll-rounded-3xl)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-none .clll-input__input{border-radius:0}.clll-input.clll-input--rounded:not(.clll-input--ghost):not(.clll-input--hasiconprefix).clll-input--hasprefix .clll-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.clll-input.clll-input--rounded:not(.clll-input--ghost):not(.clll-input--hasiconsuffix).clll-input--hassuffix .clll-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.clll-input.clll-input--rounded.clll-input--ghost .clll-input__input-container,.clll-input.clll-input--rounded.clll-input--ghost .clll-input__input{border-radius:0}.clll-input.clll-input--tiny:not(.clll-input--ghost) .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);padding:var(--clll-py-xs) var(--clll-px-sm)}.clll-input.clll-input--tiny:not(.clll-input--ghost) .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-sm) var(--clll-px-sm);*margin-right: var(--clll-px-sm)}.clll-input.clll-input--tiny:not(.clll-input--ghost).clll-input--file .clll-input__input-container .clll-input__input{padding-top:0;padding-left:0;padding-bottom:0}.clll-input.clll-input--tiny:not(.clll-input--ghost).clll-input--color .clll-input__input-container{border:0;outline:none}.clll-input.clll-input--tiny:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input{padding:0;border-width:2px}.clll-input.clll-input--tiny:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input.--nocolor{opacity:0}.clll-input.clll-input--tiny.clll-input--ghost .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-input.clll-input--tiny.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-sm)}.clll-input.clll-input--tiny.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-1);padding-right:var(--clll-unit-1)}.clll-input.clll-input--tiny.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-1)}.clll-input.clll-input--tiny.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--tiny.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-1);padding-right:var(--clll-unit-1)}.clll-input.clll-input--tiny.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-1)}.clll-input.clll-input--tiny.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--tiny.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--tiny.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-suffix,.clll-input.clll-input--tiny.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--tiny.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-suffix{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-input.clll-input--tiny.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--tiny.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-1_5)}.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hasiconprefix .clll-input__input,.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-1_5)}.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input,.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--tiny.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--tiny.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-5_5);width:var(--clll-unit-5_5)}.clll-input.clll-input--tiny.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-input.clll-input--small:not(.clll-input--ghost) .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6);padding:var(--clll-py-sm) var(--clll-px-md)}.clll-input.clll-input--small:not(.clll-input--ghost) .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-md) var(--clll-px-md);margin-right:var(--clll-px-md)}.clll-input.clll-input--small:not(.clll-input--ghost).clll-input--file .clll-input__input-container .clll-input__input{padding-top:0;padding-left:0;padding-bottom:0}.clll-input.clll-input--small:not(.clll-input--ghost).clll-input--color .clll-input__input-container{border:0;outline:none}.clll-input.clll-input--small:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input{padding:0;border-width:2px}.clll-input.clll-input--small:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input.--nocolor{opacity:0}.clll-input.clll-input--small.clll-input--ghost .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-input.clll-input--small.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-md)}.clll-input.clll-input--small.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-1_5);padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--small.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-1_5);padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--small.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--small.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-suffix,.clll-input.clll-input--small.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--small.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-suffix{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-input.clll-input--small.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--small.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--small.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--small.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--small.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--small.clll-input--grouped.clll-input--hasiconprefix .clll-input__input,.clll-input.clll-input--small.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input,.clll-input.clll-input--small.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--small.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-6_5);width:var(--clll-unit-6_5)}.clll-input.clll-input--small.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-input.clll-input--medium:not(.clll-input--ghost) .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5);padding:var(--clll-py-md) var(--clll-px-lg)}.clll-input.clll-input--medium:not(.clll-input--ghost) .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-xl) var(--clll-px-lg);margin-right:var(--clll-px-lg)}.clll-input.clll-input--medium:not(.clll-input--ghost).clll-input--file .clll-input__input-container .clll-input__input{padding-top:0;padding-left:0;padding-bottom:0}.clll-input.clll-input--medium:not(.clll-input--ghost).clll-input--color .clll-input__input-container{border:0;outline:none}.clll-input.clll-input--medium:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input{padding:0;border-width:2px}.clll-input.clll-input--medium:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input.--nocolor{opacity:0}.clll-input.clll-input--medium.clll-input--ghost .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-input.clll-input--medium.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-lg)}.clll-input.clll-input--medium.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-2_5);padding-right:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--medium.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-2_5);padding-right:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--medium.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--medium.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-suffix,.clll-input.clll-input--medium.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--medium.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-suffix{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-input.clll-input--medium.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--medium.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--medium.clll-input--grouped.clll-input--hasiconprefix .clll-input__input,.clll-input.clll-input--medium.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input,.clll-input.clll-input--medium.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--medium.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-7_5);width:var(--clll-unit-7_5)}.clll-input.clll-input--medium.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-input.clll-input--large:not(.clll-input--ghost) .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7);padding:var(--clll-py-lg) var(--clll-px-2xl)}.clll-input.clll-input--large:not(.clll-input--ghost) .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-2xl) var(--clll-px-2xl);margin-right:var(--clll-px-2xl)}.clll-input.clll-input--large:not(.clll-input--ghost).clll-input--file .clll-input__input-container .clll-input__input{padding-top:0;padding-left:0;padding-bottom:0}.clll-input.clll-input--large:not(.clll-input--ghost).clll-input--color .clll-input__input-container{border:0;outline:none}.clll-input.clll-input--large:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input{padding:0;border-width:2px}.clll-input.clll-input--large:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input.--nocolor{opacity:0}.clll-input.clll-input--large.clll-input--ghost .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-input.clll-input--large.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-2xl)}.clll-input.clll-input--large.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-3_5);padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--large.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-3_5);padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--large.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--large.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-suffix,.clll-input.clll-input--large.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--large.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-suffix{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-input.clll-input--large.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--large.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--large.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--large.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--large.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--large.clll-input--grouped.clll-input--hasiconprefix .clll-input__input,.clll-input.clll-input--large.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input,.clll-input.clll-input--large.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--large.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-8_5);width:var(--clll-unit-8_5)}.clll-input.clll-input--large.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-input.clll-input--xlarge:not(.clll-input--ghost) .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5);padding:var(--clll-py-2xl) var(--clll-px-3xl)}.clll-input.clll-input--xlarge:not(.clll-input--ghost) .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-4xl) var(--clll-px-3xl);margin-right:var(--clll-px-3xl)}.clll-input.clll-input--xlarge:not(.clll-input--ghost).clll-input--file .clll-input__input-container .clll-input__input{padding-top:0;padding-left:0;padding-bottom:0}.clll-input.clll-input--xlarge:not(.clll-input--ghost).clll-input--color .clll-input__input-container{border:0;outline:none}.clll-input.clll-input--xlarge:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input{padding:0;border-width:2px}.clll-input.clll-input--xlarge:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input.--nocolor{opacity:0}.clll-input.clll-input--xlarge.clll-input--ghost .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-input.clll-input--xlarge.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-3xl)}.clll-input.clll-input--xlarge.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-3_5);padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--xlarge.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-3_5);padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--xlarge.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--xlarge.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-suffix,.clll-input.clll-input--xlarge.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--xlarge.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-suffix{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-input.clll-input--xlarge.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--xlarge.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hasiconprefix .clll-input__input,.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input,.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--xlarge.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-9_5);width:var(--clll-unit-9_5)}.clll-input.clll-input--xlarge.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-input.clll-input--grouped.clll-input--hasiconprefix .clll-input__input-container,.clll-input.clll-input--grouped.clll-input--hascustomprefix .clll-input__input-container{padding-left:0}.clll-input.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input-container,.clll-input.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input-container{padding-right:0}.clll-input.clll-input--grouped.clll-input--hascharcounter .clll-input__input-suffix{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:0}.clll-input.clll-input--grouped.clll-input--hascharcounter .clll-input__char-counter{border-top-right-radius:var(--clll-rounded-xs);border-bottom-right-radius:var(--clll-rounded-xs)}.clll-input.clll-input--grouped .clll-input__input{border:0;outline:none}.clll-input.clll-input--hassuffix.clll-input--hascharcounter .clll-input__input-suffix,.clll-input.clll-input--hassuffix.clll-input--hascharcounter .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-right:0}.clll-input.clll-input--fluid,.clll-input.clll-input--fluid .clll-input__input-container,.clll-input.clll-input--fluid .clll-input__input-container .clll-input__input{width:100%}.clll-input.clll-input--vertical{flex-direction:column}.clll-input.clll-input--vertical.clll-input--haslabel>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1_5)}.clll-input.clll-input--horizontal.clll-input--haslabel{flex-direction:row;align-items:center;flex-wrap:wrap}.clll-input.clll-input--horizontal.clll-input--haslabel .clll-input__label,.clll-input.clll-input--horizontal.clll-input--haslabel .clll-input__input-container{width:50%}.clll-input.clll-input--hidden .clll-input__input-container{display:none}.clll-input.clll-input--file .clll-input__input-container .clll-input__input{cursor:pointer;white-space:nowrap}.clll-input.clll-input--file .clll-input__input-container .clll-input__input::file-selector-button{cursor:pointer;border:0}.clll-input.clll-input--file.clll-input--readonly .clll-input__input{pointer-events:none;cursor:not-allowed}.clll-input.clll-input--color .clll-input__input-container .clll-input__input{cursor:pointer;border-radius:var(--clll-rounded-full)}.clll-input.clll-input--color .clll-input__input-container .clll-input__input-border-control{overflow:hidden;border-radius:var(--clll-rounded-full);background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>');width:auto}.clll-input.clll-input--color .clll-input__input-container .clll-input__selected-color{font-family:monospace;-webkit-font-smoothing:antialiased}.clll-input.clll-input--color.clll-input--disabled .clll-input__input{cursor:default}.clll-input.clll-input--color.clll-input--readonly .clll-input__input{pointer-events:none;cursor:not-allowed}.clll-input.clll-input--hascharcounter .clll-input__char-counter{pointer-events:none;justify-content:flex-end;max-width:100px;box-sizing:border-box;flex:1;position:relative}.clll-input ::-webkit-color-swatch-wrapper{padding:0}.clll-input ::-webkit-color-swatch{border:0}

package/dist/components/Form/CLInput/CLInput.js

@@ -1,15 +1,15 @@
 import '../../../assets/core.css';
 import './CLInput.css';
 import '../../../assets/shared/form-utilities.css';
-import { defineComponent as v, computed as I, createElementBlock as p, openBlock as n, normalizeClass as x, unref as a, createBlock as m, Fragment as M, createTextVNode as q, toDisplayString as R, createVNode as K, ref as w, watch as T, createCommentVNode as g, mergeModels as N, useTemplateRef as Q, useModel as W, withCtx as Y, createElementVNode as L, withDirectives as Z, vModelDynamic as _, isRef as ee } from "vue";
-import { _ as le, i as te, a as ae } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-DZEfoinY.js";
-import { _ as ie } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-DNZdlItJ.js";
-import { _ as oe } from "../../../chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-CJ4VrvmR.js";
-import { _ as X } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-B_341q_b.js";
-import { CLSizes as u, CLBorderRadius as H, CLIconSizes as r, CLIconNames as h, CLColors as k, CLColorVariants as S, CLInputTypes as o, CLOrientation as B, CLCharCounterLayout as ne } from "../../../index.js";
-import { _ as ue } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-UKMQXfI-.js";
-import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang--MP4S4D4.js";
-const de = ["data-testid"], E = /* @__PURE__ */ v({
+import { defineComponent as v, computed as I, createElementBlock as p, openBlock as n, normalizeClass as x, unref as a, createBlock as m, Fragment as M, createTextVNode as q, toDisplayString as R, createVNode as K, ref as w, watch as T, createCommentVNode as g, mergeModels as N, useTemplateRef as Q, useModel as W, withCtx as Y, createElementVNode as L, normalizeStyle as Z, withDirectives as _, vModelDynamic as ee, isRef as le } from "vue";
+import { _ as te, i as ae, a as ie } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-Bt5xgOT4.js";
+import { _ as oe } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-CaHCD2xF.js";
+import { _ as ne } from "../../../chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-CJ4VrvmR.js";
+import { _ as X } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-R0Nhlutc.js";
+import { CLSizes as u, CLBorderRadius as H, CLIconSizes as r, CLIconNames as h, CLColors as k, CLColorVariants as S, CLInputTypes as o, CLOrientation as B, CLCharCounterLayout as ue } from "../../../index.js";
+import { _ as de } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-B1MuCUnW.js";
+import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CQipGQ26.js";
+const se = ["data-testid"], E = /* @__PURE__ */ v({
   name: "CLInputPrefix",
   __name: "CLInputPrefix",
   props: {
@@ -45,9 +45,9 @@ const de = ["data-testid"], E = /* @__PURE__ */ v({
       }, null, 8, ["name", "size"])) : (n(), p(M, { key: 1 }, [
         q(R(e.prefix), 1)
       ], 64))
-    ], 10, de));
+    ], 10, se));
   }
-}), se = ["data-testid"], O = /* @__PURE__ */ v({
+}), re = ["data-testid"], O = /* @__PURE__ */ v({
   name: "CLInputSuffix",
   __name: "CLInputSuffix",
   props: {
@@ -83,9 +83,9 @@ const de = ["data-testid"], E = /* @__PURE__ */ v({
       }, null, 8, ["name", "size"])) : (n(), p(M, { key: 1 }, [
         q(R(e.suffix), 1)
       ], 64))
-    ], 10, se));
+    ], 10, re));
   }
-}), re = ["data-testid"], U = /* @__PURE__ */ v({
+}), ce = ["data-testid"], U = /* @__PURE__ */ v({
   name: "CLInputPill",
   __name: "CLInputPill",
   props: {
@@ -99,14 +99,14 @@ const de = ["data-testid"], E = /* @__PURE__ */ v({
       class: x(`${d}__pill`),
       "data-testid": e.testId
     }, [
-      K(a(ue), {
+      K(a(de), {
         color: e.color,
         label: e.label,
         variant: a(S).Soft
       }, null, 8, ["color", "label", "variant"])
-    ], 10, re));
+    ], 10, ce));
   }
-}), ce = ["data-testid"], j = /* @__PURE__ */ v({
+}), fe = ["data-testid"], j = /* @__PURE__ */ v({
   name: "CLInputColorTools",
   __name: "CLInputColorTools",
   props: {
@@ -167,9 +167,9 @@ const de = ["data-testid"], E = /* @__PURE__ */ v({
         variant: a(S).Ghost,
         wrap: ""
       }, null, 8, ["class", "color", "icon-before", "icon-size", "size", "variant"])) : g("", !0)
-    ], 10, ce));
+    ], 10, fe));
   }
-}), fe = ["data-testid"], me = ["id", "name", "aria-label", "autocomplete", "disabled", "form", "maxlength", "minlength", "pattern", "placeholder", "readonly", "required", "spellcheck", "type"], xe = /* @__PURE__ */ v({
+}), me = ["data-testid"], xe = ["id", "name", "aria-label", "autocomplete", "disabled", "form", "maxlength", "minlength", "pattern", "placeholder", "readonly", "required", "spellcheck", "type"], ye = /* @__PURE__ */ v({
   name: "CLInput",
   __name: "CLInput",
   props: /* @__PURE__ */ N({
@@ -252,7 +252,7 @@ const de = ["data-testid"], E = /* @__PURE__ */ v({
       y.value = !1;
     }), d({
       inputRef: C
-    }), (z, c) => (n(), m(le, {
+    }), (z, c) => (n(), m(te, {
       fluid: e.fluid,
       "has-pill": !!e.pill,
       "has-char-counter": !!(e.charCounter && e.maxLength),
@@ -260,13 +260,11 @@ const de = ["data-testid"], E = /* @__PURE__ */ v({
     }, {
       default: Y(() => [
         L("span", {
-          class: x([
-            a(A),
-            a(te)({ color: e.color, component: "input", disabled: e.disabled || e.busy, readonly: e.readonly, variant: e.variant })
-          ]),
+          class: x(a(A)),
+          style: Z(a(ae)({ color: e.color, disabled: e.disabled || e.busy, readonly: e.readonly, variant: e.variant })),
           "data-testid": e.testId
         }, [
-          e.label ? (n(), m(ie, {
+          e.label ? (n(), m(oe, {
             key: 0,
             "css-prefix": t,
             "html-for": e.id,
@@ -288,7 +286,7 @@ const de = ["data-testid"], E = /* @__PURE__ */ v({
             L("span", {
               class: x(`${t}__input-border-control`)
             }, [
-              Z(L("input", {
+              _(L("input", {
                 id: e.id,
                 ref: "input-elem",
                 "onUpdate:modelValue": c[0] || (c[0] = (f) => i.value = f),
@@ -314,8 +312,8 @@ const de = ["data-testid"], E = /* @__PURE__ */ v({
                 (...f) => e.onFocus && e.onFocus(...f)),
                 onInput: c[4] || (c[4] = //@ts-ignore
                 (...f) => e.onInput && e.onInput(...f))
-              }, null, 42, me), [
-                [_, i.value]
+              }, null, 42, xe), [
+                [ee, i.value]
               ])
             ], 2),
             e.type === a(o).Color ? (n(), p("span", {
@@ -327,7 +325,7 @@ const de = ["data-testid"], E = /* @__PURE__ */ v({
               modelValue: i.value,
               "onUpdate:modelValue": c[5] || (c[5] = (f) => i.value = f),
               copied: a(y),
-              "onUpdate:copied": c[6] || (c[6] = (f) => ee(y) ? y.value = f : null),
+              "onUpdate:copied": c[6] || (c[6] = (f) => le(y) ? y.value = f : null),
               "initial-value": a(b),
               size: e.size,
               onReset: G
@@ -339,17 +337,17 @@ const de = ["data-testid"], E = /* @__PURE__ */ v({
               grouped: e.grouped,
               "border-radius": e.borderRadius
             }, null, 8, ["suffix", "size", "grouped", "border-radius"])) : g("", !0),
-            e.charCounter && e.maxLength && [a(o).Email, a(o).None, a(o).Text, a(o).Url].includes(e.type) ? (n(), m(oe, {
+            e.charCounter && e.maxLength && [a(o).Email, a(o).None, a(o).Text, a(o).Url].includes(e.type) ? (n(), m(ne, {
               key: 4,
               color: e.color,
               "css-prefix": t,
               "current-length": i.value ? i.value.toString().length : 0,
               "max-length": e.maxLength,
-              layout: a(ne).Inline,
+              layout: a(ue).Inline,
               size: e.size
             }, null, 8, ["color", "current-length", "max-length", "layout", "size"])) : g("", !0)
           ], 2)
-        ], 10, fe),
+        ], 14, me),
         e.pill && e.label && e.orientation === a(B).Horizontal ? (n(), p("span", {
           key: 0,
           class: x(`${t}__spacer`)
@@ -359,7 +357,7 @@ const de = ["data-testid"], E = /* @__PURE__ */ v({
           label: e.pill,
           color: e.color
         }, null, 8, ["label", "color"])) : g("", !0),
-        e.id ? (n(), m(ae, {
+        e.id ? (n(), m(ie, {
           key: 2,
           id: e.id,
           messages: e.messages,
@@ -369,7 +367,7 @@ const de = ["data-testid"], E = /* @__PURE__ */ v({
       _: 1
     }, 8, ["fluid", "has-pill", "has-char-counter", "orientation"]));
   }
-}), V = xe;
+}), V = ye;
 V.Prefix = E;
 V.Suffix = O;
 V.Pill = U;

package/dist/components/Form/CLInput/CLInput.vue.d.ts

@@ -86,14 +86,14 @@ declare const _default: import('vue').DefineComponent<{
 }>, {
     color: CLColors;
     variant: CLColorVariants.Outline | CLColorVariants.Ghost;
-    form: string;
-    label: string;
-    pattern: string;
     borderRadius: CLBorderRadius;
     fluid: boolean;
     rounded: boolean;
     testId: string;
     type: CLInputTypes;
+    form: string;
+    label: string;
+    pattern: string;
     onFocus: CLGenericFocusFunction;
     onBlur: CLGenericFocusFunction;
     onChange: CLGenericFunction;

package/dist/components/Form/CLRadioButton/CLRadioButton.css

@@ -1 +1 @@
-.clll-radiobutton{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;align-items:flex-start;flex-direction:column;overflow:visible}.clll-radiobutton .clll-radiobutton__label{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;overflow:visible;text-align:left;user-select:none;cursor:pointer}.clll-radiobutton .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-radiobutton .clll-radiobutton__radiobutton-container{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;overflow:visible}.clll-radiobutton .clll-radiobutton__radiobutton-container .clll-radiobutton__radiobutton-frame .clll-radiobutton__radiobutton:not(:checked)+.clll-radiobutton__indicator{display:none}.clll-radiobutton .clll-radiobutton__indicator{position:absolute;display:inline-flex;background-color:#fff}.clll-radiobutton .clll-radiobutton__radiobutton{display:inline-block;appearance:none;border-width:1px;cursor:pointer}.clll-radiobutton.clll-radiobutton--rounded .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-full)}.clll-radiobutton.clll-radiobutton--rounded:not(.clll-radiobutton--rounded-none) .clll-radiobutton__indicator{border-radius:var(--clll-rounded-full)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-full .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-full)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-lg .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-lg)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-md .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-md)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-sm .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-sm)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-xs .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-xs)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-xl .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-xl)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-2xl .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-2xl)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-3xl .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-3xl)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-none .clll-radiobutton__radiobutton{border-radius:0}.clll-radiobutton.clll-radiobutton--tiny .clll-radiobutton__radiobutton-container .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1_5)}.clll-radiobutton.clll-radiobutton--tiny .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-checkbox__checkbox,.clll-radiobutton.clll-radiobutton--tiny .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton{width:var(--clll-unit-4);height:var(--clll-unit-4)}.clll-radiobutton.clll-radiobutton--tiny .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator{width:var(--clll-unit-1_5);height:var(--clll-unit-1_5)}.clll-radiobutton.clll-radiobutton--small .clll-radiobutton__radiobutton-container .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-radiobutton.clll-radiobutton--small .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-checkbox__checkbox,.clll-radiobutton.clll-radiobutton--small .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton{width:var(--clll-unit-5);height:var(--clll-unit-5)}.clll-radiobutton.clll-radiobutton--small .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator{width:var(--clll-unit-2);height:var(--clll-unit-2)}.clll-radiobutton.clll-radiobutton--medium .clll-radiobutton__radiobutton-container .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2_5)}.clll-radiobutton.clll-radiobutton--medium .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-checkbox__checkbox,.clll-radiobutton.clll-radiobutton--medium .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton{width:var(--clll-unit-6);height:var(--clll-unit-6)}.clll-radiobutton.clll-radiobutton--medium .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator{width:var(--clll-unit-2_5);height:var(--clll-unit-2_5)}.clll-radiobutton.clll-radiobutton--large .clll-radiobutton__radiobutton-container .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3)}.clll-radiobutton.clll-radiobutton--large .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-checkbox__checkbox,.clll-radiobutton.clll-radiobutton--large .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton{width:var(--clll-unit-7);height:var(--clll-unit-7)}.clll-radiobutton.clll-radiobutton--large .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator{width:var(--clll-unit-3);height:var(--clll-unit-3)}.clll-radiobutton.clll-radiobutton--xlarge .clll-radiobutton__radiobutton-container .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3)}.clll-radiobutton.clll-radiobutton--xlarge .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-checkbox__checkbox,.clll-radiobutton.clll-radiobutton--xlarge .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton{width:var(--clll-unit-8);height:var(--clll-unit-8)}.clll-radiobutton.clll-radiobutton--xlarge .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator{width:var(--clll-unit-3_5);height:var(--clll-unit-3_5)}
+.clll-radiobutton{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;align-items:flex-start;flex-direction:column;overflow:visible}.clll-radiobutton.clll-radiobutton--haslabel .clll-radiobutton__label .clll-text.clll-radiobutton__label--required:after{position:relative;top:var(--clll-unit-1);content:"*";font-size:var(--clll-unit-4_5);font-weight:500;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;color:var(--clll-checkbox-required-asterisk-color, red);text-decoration:unset;margin-inline-start:var(--clll-unit-0_5);box-sizing:content-box;line-height:0}.clll-radiobutton .clll-radiobutton__label{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;overflow:visible;text-align:left;user-select:none;cursor:pointer}.clll-radiobutton .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-radiobutton .clll-radiobutton__radiobutton-container{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;overflow:visible}.clll-radiobutton .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton-frame .clll-radiobutton__radiobutton:not(:checked)+.clll-radiobutton__indicator{display:none}.clll-radiobutton .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton-frame .clll-radiobutton__radiobutton:focus-visible{outline-color:var(--clll-checkbox-focus-border, transparent);outline-style:solid;outline-width:var(--clll-checkbox-outline-width, 2px);box-shadow:0 0 0 var(--clll-unit-0) var(--clll-checkbox-focus-shadow, transparent);outline-offset:-1px}.clll-radiobutton .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton-frame .clll-radiobutton__radiobutton:checked{background-color:var(--clll-checkbox-checked-bg, white)}.clll-radiobutton .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton-frame .clll-radiobutton__radiobutton:disabled:checked{background-color:var(--clll-checkbox-disabled-bg, transparent)}.clll-radiobutton .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton-frame .clll-radiobutton__radiobutton:disabled:focus-visible{outline-color:var(--clll-checkbox-disabled-border, transparent);outline-style:solid;outline-width:var(--clll-checkbox-outline-width, 2px);box-shadow:0 0 0 var(--clll-unit-0) var(--clll-checkbox-focus-shadow, transparent);outline-offset:-1px}.clll-radiobutton .clll-radiobutton__indicator{position:absolute;display:inline-flex;background-color:var(--clll-checkbox-indicator-color, inherit)}.clll-radiobutton .clll-radiobutton__radiobutton{display:inline-block;appearance:none;border-width:1px;cursor:pointer;background-color:var(--clll-checkbox-bg, white);border-color:var(--clll-checkbox-border, transparent);border-style:solid;margin:0}.clll-radiobutton.clll-radiobutton--disabled .clll-radiobutton__radiobutton-container .clll-radiobutton__label{cursor:not-allowed}.clll-radiobutton.clll-radiobutton--disabled .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton-frame .clll-radiobutton__indicator{background-color:var(--clll-checkbox-disabled-indicator-color, transparent)}.clll-radiobutton.clll-radiobutton--rounded .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-full)}.clll-radiobutton.clll-radiobutton--rounded:not(.clll-radiobutton--rounded-none) .clll-radiobutton__indicator{border-radius:var(--clll-rounded-full)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-full .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-full)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-lg .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-lg)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-md .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-md)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-sm .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-sm)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-xs .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-xs)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-xl .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-xl)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-2xl .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-2xl)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-3xl .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-3xl)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-none .clll-radiobutton__radiobutton{border-radius:0}.clll-radiobutton.clll-radiobutton--rounded:not([class*=clll-radiobutton--rounded-]).clll-radiobutton--rounded .clll-radiobutton__radiobutton{border-radius:var(--clll-checkbox-theme-radius, var(--clll-rounded-full))}.clll-radiobutton.clll-radiobutton--rounded:not([class*=clll-radiobutton--rounded-]).clll-radiobutton--rounded .clll-radiobutton__indicator{border-radius:var(--clll-checkbox-theme-radius, var(--clll-rounded-full))}.clll-radiobutton.clll-radiobutton--tiny .clll-radiobutton__radiobutton-container .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1_5)}.clll-radiobutton.clll-radiobutton--tiny .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-checkbox__checkbox,.clll-radiobutton.clll-radiobutton--tiny .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton{width:var(--clll-unit-4);height:var(--clll-unit-4)}.clll-radiobutton.clll-radiobutton--tiny .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator{width:var(--clll-unit-1_5);height:var(--clll-unit-1_5)}.clll-radiobutton.clll-radiobutton--small .clll-radiobutton__radiobutton-container .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-radiobutton.clll-radiobutton--small .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-checkbox__checkbox,.clll-radiobutton.clll-radiobutton--small .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton{width:var(--clll-unit-5);height:var(--clll-unit-5)}.clll-radiobutton.clll-radiobutton--small .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator{width:var(--clll-unit-2);height:var(--clll-unit-2)}.clll-radiobutton.clll-radiobutton--medium .clll-radiobutton__radiobutton-container .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2_5)}.clll-radiobutton.clll-radiobutton--medium .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-checkbox__checkbox,.clll-radiobutton.clll-radiobutton--medium .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton{width:var(--clll-unit-6);height:var(--clll-unit-6)}.clll-radiobutton.clll-radiobutton--medium .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator{width:var(--clll-unit-2_5);height:var(--clll-unit-2_5)}.clll-radiobutton.clll-radiobutton--large .clll-radiobutton__radiobutton-container .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3)}.clll-radiobutton.clll-radiobutton--large .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-checkbox__checkbox,.clll-radiobutton.clll-radiobutton--large .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton{width:var(--clll-unit-7);height:var(--clll-unit-7)}.clll-radiobutton.clll-radiobutton--large .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator{width:var(--clll-unit-3);height:var(--clll-unit-3)}.clll-radiobutton.clll-radiobutton--xlarge .clll-radiobutton__radiobutton-container .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3)}.clll-radiobutton.clll-radiobutton--xlarge .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-checkbox__checkbox,.clll-radiobutton.clll-radiobutton--xlarge .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton{width:var(--clll-unit-8);height:var(--clll-unit-8)}.clll-radiobutton.clll-radiobutton--xlarge .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator{width:var(--clll-unit-3_5);height:var(--clll-unit-3_5)}