@codeandfunction/callaloo 3.16.4 → 3.16.6

package/dist/components/Form/CLRadioButton/CLRadioButton.js

@@ -1,11 +1,11 @@
 import '../../../assets/core.css';
 import './CLRadioButton.css';
 import '../../../assets/shared/form-utilities.css';
-import { defineComponent as k, mergeModels as x, useModel as T, useTemplateRef as h, computed as f, createBlock as m, openBlock as c, withCtx as $, createElementVNode as n, createCommentVNode as y, normalizeClass as d, unref as u, withDirectives as R, vModelRadio as q, createTextVNode as V, toDisplayString as M } from "vue";
-import { _ as S, c as z, a as F } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-DZEfoinY.js";
-import { _ as N } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-CG6043pv.js";
-import { CLSizes as s, CLTextTypes as i, CLColorVariants as w, CLColors as D } from "../../../index.js";
-const I = ["data-testid"], X = ["for"], E = ["id", "aria-label", "checked", "disabled", "name", "value", "required"], A = /* @__PURE__ */ k({
+import { defineComponent as k, mergeModels as x, useModel as T, useTemplateRef as h, computed as f, createBlock as m, openBlock as c, withCtx as y, createElementVNode as s, createCommentVNode as $, normalizeStyle as R, normalizeClass as d, unref as u, withDirectives as q, vModelRadio as S, createTextVNode as V, toDisplayString as z } from "vue";
+import { _ as M, c as F, a as N } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-Bt5xgOT4.js";
+import { _ as w } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
+import { CLSizes as n, CLTextTypes as i, CLColorVariants as D, CLColors as I } from "../../../index.js";
+const X = ["data-testid"], E = ["for"], H = ["id", "aria-label", "checked", "disabled", "name", "value", "required"], G = /* @__PURE__ */ k({
   name: "CLRadioButton",
   __name: "CLRadioButton",
   props: /* @__PURE__ */ x({
@@ -13,7 +13,7 @@ const I = ["data-testid"], X = ["for"], E = ["id", "aria-label", "checked", "dis
     borderRadius: {},
     busy: { type: Boolean },
     checked: { type: Boolean },
-    color: { default: D.Neutral },
+    color: { default: I.Neutral },
     disabled: { type: Boolean },
     form: {},
     id: {},
@@ -23,10 +23,10 @@ const I = ["data-testid"], X = ["for"], E = ["id", "aria-label", "checked", "dis
     name: {},
     required: { type: Boolean },
     rounded: { type: Boolean, default: !0 },
-    size: { default: s.Small },
+    size: { default: n.Small },
     testId: { default: "clll-radiobutton" },
     value: { type: [String, Number, Boolean] },
-    variant: { default: w.Outline },
+    variant: { default: D.Outline },
     onBlur: {},
     onChange: {},
     onFocus: {}
@@ -37,11 +37,11 @@ const I = ["data-testid"], X = ["for"], E = ["id", "aria-label", "checked", "dis
   emits: ["update:modelValue"],
   setup(e, { expose: C }) {
     const g = {
-      [s.Tiny]: i.Small,
-      [s.Small]: i.Medium,
-      [s.Medium]: i.Medium,
-      [s.Large]: i.Large,
-      [s.XL]: i.XL
+      [n.Tiny]: i.Small,
+      [n.Small]: i.Medium,
+      [n.Medium]: i.Medium,
+      [n.Large]: i.Large,
+      [n.XL]: i.XL
     }, l = e, a = "clll-radiobutton", b = T(e, "modelValue"), r = h("radiobutton-ref"), v = () => {
       r.value && r.value.focus();
     }, B = f(() => [
@@ -61,24 +61,25 @@ const I = ["data-testid"], X = ["for"], E = ["id", "aria-label", "checked", "dis
     ]);
     return C({
       radiobuttonRef: r
-    }), (H, t) => (c(), m(S, null, {
-      default: $(() => [
-        n("span", {
-          class: d([u(B), u(z)({ color: e.color, component: "radiobutton", disabled: e.disabled || e.busy, variant: e.variant })]),
+    }), (O, t) => (c(), m(M, null, {
+      default: y(() => [
+        s("span", {
+          class: d(u(B)),
+          style: R(u(F)({ color: e.color, disabled: e.disabled || e.busy, variant: e.variant })),
           "data-testid": e.testId
         }, [
-          n("span", {
+          s("span", {
             class: d(u(L)),
             onClick: v
           }, [
-            n("label", {
+            s("label", {
               for: e.id,
               class: d(`${a}__label`)
             }, [
-              n("span", {
+              s("span", {
                 class: d([`${a}__radiobutton-frame`, "form-control-flex"])
               }, [
-                R(n("input", {
+                q(s("input", {
                   id: e.id,
                   ref: "radiobutton-ref",
                   "onUpdate:modelValue": t[0] || (t[0] = (o) => b.value = o),
@@ -96,39 +97,39 @@ const I = ["data-testid"], X = ["for"], E = ["id", "aria-label", "checked", "dis
                   (...o) => e.onChange && e.onChange(...o)),
                   onFocus: t[3] || (t[3] = //@ts-ignore
                   (...o) => e.onFocus && e.onFocus(...o))
-                }, null, 42, E), [
-                  [q, b.value]
+                }, null, 42, H), [
+                  [S, b.value]
                 ]),
-                n("span", {
+                s("span", {
                   class: d(`${a}__indicator`)
                 }, null, 2)
               ], 2),
-              e.label ? (c(), m(u(N), {
+              e.label ? (c(), m(u(w), {
                 key: 0,
                 as: "span",
                 type: g[e.size],
                 class: d(e.required ? `${a}__label--required` : "")
               }, {
-                default: $(() => [
-                  V(M(e.label), 1)
+                default: y(() => [
+                  V(z(e.label), 1)
                 ]),
                 _: 1
-              }, 8, ["type", "class"])) : y("", !0)
-            ], 10, X)
+              }, 8, ["type", "class"])) : $("", !0)
+            ], 10, E)
           ], 2)
-        ], 10, I),
-        e.id ? (c(), m(F, {
+        ], 14, X),
+        e.id ? (c(), m(N, {
           key: 0,
           id: e.id,
           messages: e.messages,
           "message-type": e.messageType
-        }, null, 8, ["id", "messages", "message-type"])) : y("", !0)
+        }, null, 8, ["id", "messages", "message-type"])) : $("", !0)
       ]),
       _: 1
     }));
   }
 });
 export {
-  A as CLRadioButton,
-  A as default
+  G as CLRadioButton,
+  G as default
 };

package/dist/components/Form/CLSelect/CLSelect.css

@@ -1 +1 @@
-.clll-select{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-select.clll-select--haslabel .clll-select__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1)}.clll-select .clll-select__select-container{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;overflow:visible}.clll-select .clll-select__select-container .clll-select__select{display:inline-block;appearance:none;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-select .clll-select__icon{pointer-events:none}.clll-select.clll-select--rounded .clll-select__select-container,.clll-select.clll-select--rounded .clll-select__select{border-radius:var(--clll-rounded-xs)}.clll-select.clll-select--rounded.clll-select--rounded-full .clll-select__select-container{border-radius:var(--clll-rounded-full)}.clll-select.clll-select--rounded.clll-select--rounded-lg .clll-select__select-container{border-radius:var(--clll-rounded-lg)}.clll-select.clll-select--rounded.clll-select--rounded-md .clll-select__select-container{border-radius:var(--clll-rounded-md)}.clll-select.clll-select--rounded.clll-select--rounded-sm .clll-select__select-container{border-radius:var(--clll-rounded-sm)}.clll-select.clll-select--rounded.clll-select--rounded-xs .clll-select__select-container{border-radius:var(--clll-rounded-xs)}.clll-select.clll-select--rounded.clll-select--rounded-xl .clll-select__select-container{border-radius:var(--clll-rounded-xl)}.clll-select.clll-select--rounded.clll-select--rounded-2xl .clll-select__select-container{border-radius:var(--clll-rounded-2xl)}.clll-select.clll-select--rounded.clll-select--rounded-3xl .clll-select__select-container{border-radius:var(--clll-rounded-3xl)}.clll-select.clll-select--rounded.clll-select--rounded-none .clll-select__select-container{border-radius:0}.clll-select.clll-select--rounded.clll-select--rounded-full .clll-select__select{border-radius:var(--clll-rounded-full)}.clll-select.clll-select--rounded.clll-select--rounded-lg .clll-select__select{border-radius:var(--clll-rounded-lg)}.clll-select.clll-select--rounded.clll-select--rounded-md .clll-select__select{border-radius:var(--clll-rounded-md)}.clll-select.clll-select--rounded.clll-select--rounded-sm .clll-select__select{border-radius:var(--clll-rounded-sm)}.clll-select.clll-select--rounded.clll-select--rounded-xs .clll-select__select{border-radius:var(--clll-rounded-xs)}.clll-select.clll-select--rounded.clll-select--rounded-xl .clll-select__select{border-radius:var(--clll-rounded-xl)}.clll-select.clll-select--rounded.clll-select--rounded-2xl .clll-select__select{border-radius:var(--clll-rounded-2xl)}.clll-select.clll-select--rounded.clll-select--rounded-3xl .clll-select__select{border-radius:var(--clll-rounded-3xl)}.clll-select.clll-select--rounded.clll-select--rounded-none .clll-select__select{border-radius:0}.clll-select.clll-select--tiny .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);padding:var(--clll-py-xs) var(--clll-px-xs);padding-right:var(--clll-unit-5)}.clll-select.clll-select--tiny .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-1)}.clll-select.clll-select--small .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6);padding:var(--clll-py-sm) var(--clll-px-sm);padding-right:var(--clll-unit-7)}.clll-select.clll-select--small .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-2)}.clll-select.clll-select--medium .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5);padding:var(--clll-py-md) var(--clll-px-md);padding-right:var(--clll-unit-10)}.clll-select.clll-select--medium .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-3)}.clll-select.clll-select--large .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7);padding:var(--clll-py-lg) var(--clll-px-lg);padding-right:var(--clll-unit-14)}.clll-select.clll-select--large .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-3_5)}.clll-select.clll-select--xlarge .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5);padding:var(--clll-py-xl) var(--clll-px-xl);padding-right:var(--clll-unit-18)}.clll-select.clll-select--xlarge .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-4)}.clll-select.clll-select--fluid,.clll-select.clll-select--fluid .clll-select__select-container,.clll-select.clll-select--fluid .clll-select__select-container .clll-select__select{width:100%}.clll-select.clll-select--vertical{flex-direction:column}.clll-select.clll-select--vertical.clll-select--haslabel>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1_5)}.clll-select.clll-select--horizontal.clll-select--haslabel{flex-direction:row;align-items:center;flex-wrap:wrap}.clll-select.clll-select--horizontal.clll-select--haslabel .clll-select__label,.clll-select.clll-select--horizontal.clll-select--haslabel .clll-select__select-container{width:50%}.clll-select.clll-select--hidden{display:none}
+.clll-select{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-select.clll-select--haslabel .clll-select__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1)}.clll-select.clll-select--haslabel .clll-select__label .clll-text.clll-select__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-select-required-asterisk-color, red);text-decoration:unset;margin-inline-start:var(--clll-unit-0_5);box-sizing:content-box;line-height:0}.clll-select .clll-select__select-container{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;overflow:visible}.clll-select .clll-select__select-container:focus-within{outline-color:var(--clll-select-focus-border, transparent);outline-style:solid;outline-width:2px;outline-offset:-1px}.clll-select .clll-select__select-container .clll-select__select{display:inline-block;appearance:none;background-color:var(--clll-select-bg, white);border-color:var(--clll-select-border, transparent);border-style:solid;border-width:1px;color:var(--clll-select-text, inherit);margin:0;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-select .clll-select__select-container .clll-select__select::placeholder{color:var(--clll-select-text-placeholder, transparent)}.clll-select .clll-select__select-container .clll-select__select:focus{outline-color:var(--clll-select-focus-border, transparent);outline-style:solid;outline-width:2px;box-shadow:0 0 0 var(--clll-unit-0) var(--clll-select-focus-shadow, transparent);outline-offset:-1px}.clll-select .clll-select__select-container .clll-select__select:disabled{border-color:var(--clll-select-disabled-border, transparent);background-color:var(--clll-select-disabled-bg, transparent);color:var(--clll-select-text-placeholder, transparent)}.clll-select .clll-select__select-container .clll-select__select:disabled::placeholder{color:var(--clll-select-text-placeholder, transparent)}.clll-select .clll-select__icon{pointer-events:none}.clll-select .clll-select__icon .clll-icon{color:var(--clll-select-icon-color, inherit)}.clll-select.clll-select--disabled{cursor:default}.clll-select.clll-select--disabled .clll-select__select-container{border-color:var(--clll-select-disabled-border, transparent)}.clll-select.clll-select--disabled .clll-select__icon .clll-icon{color:var(--clll-select-disabled-icon-color, transparent)}.clll-select.clll-select--ghost .clll-select__select-container,.clll-select.clll-select--ghost .clll-select__select{background-color:transparent;border:0;padding-left:var(--clll-select-ghost-padding, 0);padding-top:var(--clll-select-ghost-padding, 0);padding-bottom:var(--clll-select-ghost-padding, 0);border-radius:0}.clll-select.clll-select--ghost .clll-select__select-container:focus,.clll-select.clll-select--ghost .clll-select__select-container:focus-within,.clll-select.clll-select--ghost .clll-select__select:focus,.clll-select.clll-select--ghost .clll-select__select:focus-within{outline:none}.clll-select.clll-select--rounded:not(.clll-select--ghost) .clll-select__select-container,.clll-select.clll-select--rounded:not(.clll-select--ghost) .clll-select__select{border-radius:var(--clll-rounded-xs)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-full .clll-select__select-container{border-radius:var(--clll-rounded-full)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-lg .clll-select__select-container{border-radius:var(--clll-rounded-lg)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-md .clll-select__select-container{border-radius:var(--clll-rounded-md)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-sm .clll-select__select-container{border-radius:var(--clll-rounded-sm)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-xs .clll-select__select-container{border-radius:var(--clll-rounded-xs)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-xl .clll-select__select-container{border-radius:var(--clll-rounded-xl)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-2xl .clll-select__select-container{border-radius:var(--clll-rounded-2xl)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-3xl .clll-select__select-container{border-radius:var(--clll-rounded-3xl)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-none .clll-select__select-container{border-radius:0}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-full .clll-select__select{border-radius:var(--clll-rounded-full)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-lg .clll-select__select{border-radius:var(--clll-rounded-lg)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-md .clll-select__select{border-radius:var(--clll-rounded-md)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-sm .clll-select__select{border-radius:var(--clll-rounded-sm)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-xs .clll-select__select{border-radius:var(--clll-rounded-xs)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-xl .clll-select__select{border-radius:var(--clll-rounded-xl)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-2xl .clll-select__select{border-radius:var(--clll-rounded-2xl)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-3xl .clll-select__select{border-radius:var(--clll-rounded-3xl)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-none .clll-select__select{border-radius:0}.clll-select.clll-select--rounded:not(.clll-select--ghost):not([class*=clll-select--rounded-]).clll-select--rounded .clll-select__select-container,.clll-select.clll-select--rounded:not(.clll-select--ghost):not([class*=clll-select--rounded-]).clll-select--rounded .clll-select__select{border-radius:var(--clll-select-theme-radius, var(--clll-rounded-xs))}.clll-select.clll-select--rounded.clll-select--ghost .clll-select__select-container,.clll-select.clll-select--rounded.clll-select--ghost .clll-select__select{border-radius:0}.clll-select.clll-select--tiny:not(.clll-select--ghost) .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);padding:var(--clll-py-xs) var(--clll-unit-6) var(--clll-py-xs) var(--clll-px-xs)}.clll-select.clll-select--tiny.clll-select--ghost .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-select.clll-select--tiny .clll-select__select-container .clll-select__select{padding-right:var(--clll-unit-6)}.clll-select.clll-select--tiny .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-1)}.clll-select.clll-select--small:not(.clll-select--ghost) .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6);padding:var(--clll-py-sm) var(--clll-unit-7) var(--clll-py-sm) var(--clll-px-sm)}.clll-select.clll-select--small.clll-select--ghost .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-select.clll-select--small .clll-select__select-container .clll-select__select{padding-right:var(--clll-unit-7)}.clll-select.clll-select--small .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-2)}.clll-select.clll-select--medium:not(.clll-select--ghost) .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5);padding:var(--clll-py-md) var(--clll-unit-10) var(--clll-py-md) var(--clll-px-md)}.clll-select.clll-select--medium.clll-select--ghost .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-select.clll-select--medium .clll-select__select-container .clll-select__select{padding-right:var(--clll-unit-10)}.clll-select.clll-select--medium .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-3)}.clll-select.clll-select--large:not(.clll-select--ghost) .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7);padding:var(--clll-py-lg) var(--clll-unit-14) var(--clll-py-lg) var(--clll-px-lg)}.clll-select.clll-select--large.clll-select--ghost .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-select.clll-select--large .clll-select__select-container .clll-select__select{padding-right:var(--clll-unit-14)}.clll-select.clll-select--large .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-3_5)}.clll-select.clll-select--xlarge:not(.clll-select--ghost) .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5);padding:var(--clll-py-xl) var(--clll-unit-18) var(--clll-py-xl) var(--clll-px-xl)}.clll-select.clll-select--xlarge.clll-select--ghost .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-select.clll-select--xlarge .clll-select__select-container .clll-select__select{padding-right:var(--clll-unit-18)}.clll-select.clll-select--xlarge .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-4)}.clll-select.clll-select--fluid,.clll-select.clll-select--fluid .clll-select__select-container,.clll-select.clll-select--fluid .clll-select__select-container .clll-select__select{width:100%}.clll-select.clll-select--vertical{flex-direction:column}.clll-select.clll-select--vertical.clll-select--haslabel>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1_5)}.clll-select.clll-select--horizontal.clll-select--haslabel{flex-direction:row;align-items:center;flex-wrap:wrap}.clll-select.clll-select--horizontal.clll-select--haslabel .clll-select__label,.clll-select.clll-select--horizontal.clll-select--haslabel .clll-select__select-container{width:50%}.clll-select.clll-select--hidden{display:none}

package/dist/components/Form/CLSelect/CLSelect.js

@@ -1,19 +1,19 @@
 import '../../../assets/core.css';
 import './CLSelect.css';
 import '../../../assets/shared/form-utilities.css';
-import { defineComponent as B, mergeModels as h, useModel as S, useTemplateRef as q, computed as x, createBlock as f, openBlock as o, withCtx as T, createElementVNode as d, createCommentVNode as b, normalizeClass as r, unref as u, withDirectives as V, createElementBlock as $, Fragment as k, renderList as M, toDisplayString as F, vModelSelect as I, createVNode as N } from "vue";
-import { _ as R, s as D, a as w } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-DZEfoinY.js";
-import { _ as E } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-DNZdlItJ.js";
-import { _ as H } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-B_341q_b.js";
-import { CLSizes as n, CLIconSizes as s, CLOrientation as y, CLIconNames as O, CLColorVariants as P, CLColors as U } from "../../../index.js";
-const X = ["data-testid"], j = ["id", "aria-label", "disabled", "name", "placeholder", "form", "required"], A = ["value", "selected", "disabled"], Z = /* @__PURE__ */ B({
+import { defineComponent as B, mergeModels as S, useModel as h, useTemplateRef as q, computed as x, createBlock as f, openBlock as s, withCtx as T, createElementVNode as d, createCommentVNode as b, normalizeStyle as V, normalizeClass as r, unref as u, withDirectives as k, createElementBlock as $, Fragment as M, renderList as F, toDisplayString as I, vModelSelect as N, createVNode as R } from "vue";
+import { _ as D, s as w, a as E } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-Bt5xgOT4.js";
+import { _ as H } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-CaHCD2xF.js";
+import { _ as O } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-R0Nhlutc.js";
+import { CLSizes as n, CLIconSizes as o, CLOrientation as y, CLIconNames as P, CLColorVariants as U, CLColors as X } from "../../../index.js";
+const j = ["data-testid"], A = ["id", "aria-label", "disabled", "name", "placeholder", "form", "required"], G = ["value", "selected", "disabled"], p = /* @__PURE__ */ B({
   name: "CLSelect",
   __name: "CLSelect",
-  props: /* @__PURE__ */ h({
+  props: /* @__PURE__ */ S({
     ariaLabel: {},
     borderRadius: {},
     busy: { type: Boolean },
-    color: { default: U.Neutral },
+    color: { default: X.Neutral },
     disabled: { type: Boolean },
     fluid: { type: Boolean, default: !1 },
     form: {},
@@ -32,7 +32,7 @@ const X = ["data-testid"], j = ["id", "aria-label", "disabled", "name", "placeho
     rounded: { type: Boolean, default: !0 },
     size: { default: n.Small },
     testId: { default: "clll-select" },
-    variant: { default: P.Outline }
+    variant: { default: U.Outline }
   }, {
     modelValue: {},
     modelModifiers: {}
@@ -40,14 +40,14 @@ const X = ["data-testid"], j = ["id", "aria-label", "disabled", "name", "placeho
   emits: ["update:modelValue"],
   setup(e, { expose: C }) {
     const g = {
-      [n.Tiny]: s.Tiny,
-      [n.Small]: s.Tiny,
-      [n.Medium]: s.Small,
-      [n.Large]: s.Medium,
-      [n.XL]: s.Medium
-    }, a = e, l = "clll-select", m = S(e, "modelValue"), c = q("select-ref"), v = () => {
+      [n.Tiny]: o.Tiny,
+      [n.Small]: o.Tiny,
+      [n.Medium]: o.Small,
+      [n.Large]: o.Medium,
+      [n.XL]: o.Medium
+    }, a = e, l = "clll-select", m = h(e, "modelValue"), c = q("select-ref"), v = () => {
       c.value && c.value.focus();
-    }, L = x(() => [
+    }, z = x(() => [
       l,
       a.borderRadius ? `${l}--${a.borderRadius}` : "",
       a.busy ? `${l}--busy` : `${l}--ready`,
@@ -64,16 +64,17 @@ const X = ["data-testid"], j = ["id", "aria-label", "disabled", "name", "placeho
     ]);
     return C({
       selectRef: c
-    }), (G, i) => (o(), f(R, {
+    }), (J, i) => (s(), f(D, {
       fluid: e.fluid,
       orientation: e.orientation
     }, {
       default: T(() => [
         d("span", {
-          class: r([u(L), u(D)({ color: e.color, component: "input", disabled: e.disabled || e.busy, variant: e.variant })]),
+          class: r(u(z)),
+          style: V(u(w)({ color: e.color, disabled: e.disabled || e.busy, variant: e.variant })),
           "data-testid": e.testId
         }, [
-          e.label ? (o(), f(E, {
+          e.label ? (s(), f(H, {
             key: 0,
             "css-prefix": l,
             "html-for": e.id,
@@ -85,7 +86,7 @@ const X = ["data-testid"], j = ["id", "aria-label", "disabled", "name", "placeho
             class: r(`${l}__select-container`),
             onClick: v
           }, [
-            V(d("select", {
+            k(d("select", {
               id: e.id,
               ref: "select-ref",
               "onUpdate:modelValue": i[0] || (i[0] = (t) => m.value = t),
@@ -103,26 +104,26 @@ const X = ["data-testid"], j = ["id", "aria-label", "disabled", "name", "placeho
               onFocus: i[3] || (i[3] = //@ts-ignore
               (...t) => e.onFocus && e.onFocus(...t))
             }, [
-              e.options ? (o(!0), $(k, { key: 0 }, M(e.options, (t, z) => (o(), $("option", {
-                key: `${e.id}-option-${z}`,
+              e.options ? (s(!0), $(M, { key: 0 }, F(e.options, (t, L) => (s(), $("option", {
+                key: `${e.id}-option-${L}`,
                 value: t.value,
                 selected: t.value === m.value,
                 disabled: t.disabled
-              }, F(t.label), 9, A))), 128)) : b("", !0)
-            ], 42, j), [
-              [I, m.value]
+              }, I(t.label), 9, G))), 128)) : b("", !0)
+            ], 42, A), [
+              [N, m.value]
             ]),
             d("span", {
               class: r([`${l}__icon`, "form-select-icon-flex"])
             }, [
-              N(u(H), {
-                name: u(O).ChevronDown,
+              R(u(O), {
+                name: u(P).ChevronDown,
                 size: g[e.size]
               }, null, 8, ["name", "size"])
             ], 2)
           ], 2)
-        ], 10, X),
-        e.id ? (o(), f(w, {
+        ], 14, j),
+        e.id ? (s(), f(E, {
           key: 0,
           id: e.id,
           messages: e.messages,
@@ -134,6 +135,6 @@ const X = ["data-testid"], j = ["id", "aria-label", "disabled", "name", "placeho
   }
 });
 export {
-  Z as CLSelect,
-  Z as default
+  p as CLSelect,
+  p as default
 };

package/dist/components/Form/CLTextArea/CLTextArea.css

@@ -1 +1 @@
-.clll-textarea{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;flex-direction:column;align-items:flex-start;overflow:visible}.clll-textarea .clll-textarea__input-container{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;overflow:visible}.clll-textarea .clll-textarea__input{resize:none;display:inline-block;appearance:none;background-color:#fff;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-textarea.clll-textarea--resizable .clll-textarea__input{resize:both}.clll-textarea.clll-textarea--rounded .clll-textarea__input-container,.clll-textarea.clll-textarea--rounded .clll-textarea__input{border-radius:var(--clll-rounded-xs)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-full .clll-textarea__input-container{border-radius:var(--clll-rounded-full)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-lg .clll-textarea__input-container{border-radius:var(--clll-rounded-lg)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-md .clll-textarea__input-container{border-radius:var(--clll-rounded-md)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-sm .clll-textarea__input-container{border-radius:var(--clll-rounded-sm)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-xs .clll-textarea__input-container{border-radius:var(--clll-rounded-xs)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-xl .clll-textarea__input-container{border-radius:var(--clll-rounded-xl)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-2xl .clll-textarea__input-container{border-radius:var(--clll-rounded-2xl)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-3xl .clll-textarea__input-container{border-radius:var(--clll-rounded-3xl)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-none .clll-textarea__input-container{border-radius:0}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-full .clll-textarea__input{border-radius:var(--clll-rounded-full)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-lg .clll-textarea__input{border-radius:var(--clll-rounded-lg)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-md .clll-textarea__input{border-radius:var(--clll-rounded-md)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-sm .clll-textarea__input{border-radius:var(--clll-rounded-sm)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-xs .clll-textarea__input{border-radius:var(--clll-rounded-xs)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-xl .clll-textarea__input{border-radius:var(--clll-rounded-xl)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-2xl .clll-textarea__input{border-radius:var(--clll-rounded-2xl)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-3xl .clll-textarea__input{border-radius:var(--clll-rounded-3xl)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-none .clll-textarea__input{border-radius:0}.clll-textarea.clll-textarea--tiny .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);padding:var(--clll-py-xs) var(--clll-px-sm)}.clll-textarea.clll-textarea--small .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6);padding:var(--clll-py-sm) var(--clll-px-md)}.clll-textarea.clll-textarea--medium .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5);padding:var(--clll-py-md) var(--clll-px-lg)}.clll-textarea.clll-textarea--large .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7);padding:var(--clll-py-lg) var(--clll-px-2xl)}.clll-textarea.clll-textarea--xlarge .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5);padding:var(--clll-py-2xl) var(--clll-px-3xl)}.clll-textarea.clll-textarea--fluid,.clll-textarea.clll-textarea--fluid .clll-textarea__input-container,.clll-textarea.clll-textarea--fluid .clll-textarea__input-container .clll-textarea__input{width:100%}.clll-textarea.clll-textarea--vertical{flex-direction:column}.clll-textarea.clll-textarea--vertical.clll-textarea--haslabel>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1_5)}.clll-textarea.clll-textarea--horizontal.clll-textarea--haslabel{flex-direction:row;flex-wrap:wrap}.clll-textarea.clll-textarea--horizontal.clll-textarea--haslabel .clll-textarea__label{padding-top:var(--clll-unit-1_5)}.clll-textarea.clll-textarea--horizontal.clll-textarea--haslabel .clll-textarea__label,.clll-textarea.clll-textarea--horizontal.clll-textarea--haslabel .clll-textarea__input-container{width:50%}.clll-textarea.clll-textarea--hascharcounter>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}
+.clll-textarea{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;flex-direction:column;align-items:flex-start;overflow:visible}.clll-textarea.clll-textarea--haslabel .clll-textarea__label .clll-text.clll-textarea__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-textarea .clll-textarea__input-container{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;overflow:visible;background-color:var(--clll-input-bg, white)}.clll-textarea .clll-textarea__input-container:focus-within{outline-color:var(--clll-input-focus-border, transparent);outline-style:solid;outline-width:2px;outline-offset:-1px}.clll-textarea .clll-textarea__input{resize:none;display:inline-block;appearance:none;background-color:var(--clll-input-bg, white);border-color:var(--clll-input-border, transparent);border-style:solid;border-width:1px;color:var(--clll-input-text, inherit);font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-textarea .clll-textarea__input::placeholder{color:var(--clll-input-text-placeholder, transparent)}.clll-textarea .clll-textarea__input:focus{outline-color:var(--clll-input-focus-border, transparent);outline-style:solid;outline-width:2px;box-shadow:0 0 0 var(--clll-unit-0) var(--clll-input-focus-shadow, transparent);outline-offset:-1px}.clll-textarea .clll-textarea__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-textarea .clll-textarea__input:disabled::placeholder{color:var(--clll-input-text-placeholder, transparent)}.clll-textarea .clll-textarea__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-textarea .clll-textarea__input:read-only::placeholder{color:var(--clll-input-text-placeholder, transparent)}.clll-textarea.clll-textarea--disabled{cursor:default}.clll-textarea.clll-textarea--disabled .clll-textarea__input-container{border-color:var(--clll-input-disabled-border, transparent)}.clll-textarea.clll-textarea--readonly{cursor:not-allowed}.clll-textarea.clll-textarea--readonly .clll-textarea__input-container{border-color:var(--clll-input-readonly-border, transparent);pointer-events:none}.clll-textarea.clll-textarea--resizable .clll-textarea__input{resize:both}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost) .clll-textarea__input-container,.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost) .clll-textarea__input{border-radius:var(--clll-rounded-xs)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-full .clll-textarea__input-container{border-radius:var(--clll-rounded-full)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-lg .clll-textarea__input-container{border-radius:var(--clll-rounded-lg)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-md .clll-textarea__input-container{border-radius:var(--clll-rounded-md)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-sm .clll-textarea__input-container{border-radius:var(--clll-rounded-sm)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-xs .clll-textarea__input-container{border-radius:var(--clll-rounded-xs)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-xl .clll-textarea__input-container{border-radius:var(--clll-rounded-xl)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-2xl .clll-textarea__input-container{border-radius:var(--clll-rounded-2xl)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-3xl .clll-textarea__input-container{border-radius:var(--clll-rounded-3xl)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-none .clll-textarea__input-container{border-radius:0}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-full .clll-textarea__input{border-radius:var(--clll-rounded-full)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-lg .clll-textarea__input{border-radius:var(--clll-rounded-lg)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-md .clll-textarea__input{border-radius:var(--clll-rounded-md)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-sm .clll-textarea__input{border-radius:var(--clll-rounded-sm)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-xs .clll-textarea__input{border-radius:var(--clll-rounded-xs)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-xl .clll-textarea__input{border-radius:var(--clll-rounded-xl)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-2xl .clll-textarea__input{border-radius:var(--clll-rounded-2xl)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-3xl .clll-textarea__input{border-radius:var(--clll-rounded-3xl)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-none .clll-textarea__input{border-radius:0}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost):not([class*=clll-textarea--rounded-]).clll-textarea--rounded .clll-textarea__input-container,.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost):not([class*=clll-textarea--rounded-]).clll-textarea--rounded .clll-textarea__input{border-radius:var(--clll-input-theme-radius, var(--clll-rounded-xs))}.clll-textarea.clll-textarea--rounded.clll-textarea--ghost .clll-textarea__input-container,.clll-textarea.clll-textarea--rounded.clll-textarea--ghost .clll-textarea__input{border-radius:0}.clll-textarea.clll-textarea--tiny:not(.clll-textarea--ghost) .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);padding:var(--clll-py-xs) var(--clll-px-sm)}.clll-textarea.clll-textarea--tiny.clll-textarea--ghost .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-textarea.clll-textarea--small:not(.clll-textarea--ghost) .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6);padding:var(--clll-py-sm) var(--clll-px-md)}.clll-textarea.clll-textarea--small.clll-textarea--ghost .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-textarea.clll-textarea--medium:not(.clll-textarea--ghost) .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5);padding:var(--clll-py-md) var(--clll-px-lg)}.clll-textarea.clll-textarea--medium.clll-textarea--ghost .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-textarea.clll-textarea--large:not(.clll-textarea--ghost) .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7);padding:var(--clll-py-lg) var(--clll-px-2xl)}.clll-textarea.clll-textarea--large.clll-textarea--ghost .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-textarea.clll-textarea--xlarge:not(.clll-textarea--ghost) .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5);padding:var(--clll-py-2xl) var(--clll-px-3xl)}.clll-textarea.clll-textarea--xlarge.clll-textarea--ghost .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-textarea.clll-textarea--fluid,.clll-textarea.clll-textarea--fluid .clll-textarea__input-container,.clll-textarea.clll-textarea--fluid .clll-textarea__input-container .clll-textarea__input{width:100%}.clll-textarea.clll-textarea--vertical{flex-direction:column}.clll-textarea.clll-textarea--vertical.clll-textarea--haslabel>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1_5)}.clll-textarea.clll-textarea--horizontal.clll-textarea--haslabel{flex-direction:row;flex-wrap:wrap}.clll-textarea.clll-textarea--horizontal.clll-textarea--haslabel .clll-textarea__label{padding-top:var(--clll-unit-1_5)}.clll-textarea.clll-textarea--horizontal.clll-textarea--haslabel .clll-textarea__label,.clll-textarea.clll-textarea--horizontal.clll-textarea--haslabel .clll-textarea__input-container{width:50%}.clll-textarea.clll-textarea--hascharcounter>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-textarea.clll-textarea--ghost .clll-textarea__input-container,.clll-textarea.clll-textarea--ghost .clll-input__input-border-control,.clll-textarea.clll-textarea--ghost .clll-textarea__input{background-color:transparent;border:0;padding:var(--clll-input-ghost-padding, 0);border-radius:0}.clll-textarea.clll-textarea--ghost .clll-textarea__input-container:focus,.clll-textarea.clll-textarea--ghost .clll-textarea__input-container:focus-within,.clll-textarea.clll-textarea--ghost .clll-input__input-border-control:focus,.clll-textarea.clll-textarea--ghost .clll-input__input-border-control:focus-within,.clll-textarea.clll-textarea--ghost .clll-textarea__input:focus,.clll-textarea.clll-textarea--ghost .clll-textarea__input:focus-within{outline:none}

package/dist/components/Form/CLTextArea/CLTextArea.js

@@ -1,12 +1,12 @@
 import '../../../assets/core.css';
 import './CLTextArea.css';
 import '../../../assets/shared/form-utilities.css';
-import { defineComponent as g, mergeModels as $, useTemplateRef as x, useModel as C, computed as L, createBlock as i, openBlock as r, withCtx as B, createElementVNode as u, createCommentVNode as s, normalizeClass as m, unref as c, withDirectives as z, vModelText as v } from "vue";
-import { _ as k, i as T, a as q } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-DZEfoinY.js";
-import { _ as V } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-DNZdlItJ.js";
-import { _ as w } from "../../../chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-CJ4VrvmR.js";
-import { CLOrientation as f, CLCharCounterLayout as I, CLColorVariants as F, CLSizes as R, CLColors as M } from "../../../index.js";
-const A = ["data-testid"], N = ["id", "aria-label", "autocomplete", "cols", "disabled", "form", "maxlength", "minlength", "name", "pattern", "placeholder", "readonly", "required", "spellcheck", "rows"], U = /* @__PURE__ */ g({
+import { defineComponent as g, mergeModels as $, useTemplateRef as x, useModel as C, computed as L, createBlock as i, openBlock as r, withCtx as B, createElementVNode as u, createCommentVNode as s, normalizeStyle as z, normalizeClass as m, unref as c, withDirectives as v, vModelText as k } from "vue";
+import { _ as T, i as q, a as V } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-Bt5xgOT4.js";
+import { _ as w } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-CaHCD2xF.js";
+import { _ as I } from "../../../chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-CJ4VrvmR.js";
+import { CLOrientation as f, CLCharCounterLayout as F, CLColorVariants as R, CLSizes as M, CLColors as S } from "../../../index.js";
+const A = ["data-testid"], N = ["id", "aria-label", "autocomplete", "cols", "disabled", "form", "maxlength", "minlength", "name", "pattern", "placeholder", "readonly", "required", "spellcheck", "rows"], j = /* @__PURE__ */ g({
   name: "CLTextArea",
   __name: "CLTextArea",
   props: /* @__PURE__ */ $({
@@ -15,7 +15,7 @@ const A = ["data-testid"], N = ["id", "aria-label", "autocomplete", "cols", "dis
     borderRadius: {},
     busy: { type: Boolean },
     charCounter: { type: Boolean },
-    color: { default: M.Neutral },
+    color: { default: S.Neutral },
     cols: {},
     disabled: { type: Boolean },
     fluid: { type: Boolean, default: !1 },
@@ -39,10 +39,10 @@ const A = ["data-testid"], N = ["id", "aria-label", "autocomplete", "cols", "dis
     resizable: { type: Boolean, default: !1 },
     rounded: { type: Boolean, default: !0 },
     rows: {},
-    size: { default: R.Small },
+    size: { default: M.Small },
     spellCheck: { type: Boolean },
     testId: { default: "clll-textarea" },
-    variant: { default: F.Outline }
+    variant: { default: R.Outline }
   }, {
     modelValue: {},
     modelModifiers: {}
@@ -71,17 +71,18 @@ const A = ["data-testid"], N = ["id", "aria-label", "autocomplete", "cols", "dis
     ]);
     return h({
       textareaRef: d
-    }), (S, l) => (r(), i(k, {
+    }), (H, l) => (r(), i(T, {
       fluid: e.fluid,
       "has-char-counter": !!(e.charCounter && e.maxLength),
       orientation: e.orientation
     }, {
       default: B(() => [
         u("span", {
-          class: m([c(b), c(T)({ color: e.color, component: "textarea", disabled: e.disabled || e.busy, readonly: e.readonly, variant: e.variant })]),
+          class: m(c(b)),
+          style: z(c(q)({ color: e.color, disabled: e.disabled || e.busy, readonly: e.readonly, variant: e.variant })),
           "data-testid": e.testId
         }, [
-          e.label ? (r(), i(V, {
+          e.label ? (r(), i(w, {
             key: 0,
             "css-prefix": a,
             "html-for": e.id,
@@ -93,7 +94,7 @@ const A = ["data-testid"], N = ["id", "aria-label", "autocomplete", "cols", "dis
             class: m(`${a}__input-container`),
             onClick: y
           }, [
-            z(u("textarea", {
+            v(u("textarea", {
               id: e.id,
               ref: "textarea-ref",
               "onUpdate:modelValue": l[0] || (l[0] = (n) => o.value = n),
@@ -121,20 +122,20 @@ const A = ["data-testid"], N = ["id", "aria-label", "autocomplete", "cols", "dis
               onInput: l[4] || (l[4] = //@ts-ignore
               (...n) => e.onInput && e.onInput(...n))
             }, null, 42, N), [
-              [v, o.value]
+              [k, o.value]
             ])
           ], 2),
-          e.charCounter && e.maxLength ? (r(), i(w, {
+          e.charCounter && e.maxLength ? (r(), i(I, {
             key: 1,
             "css-prefix": a,
             "current-length": o.value ? o.value.toString().length : 0,
             "max-length": e.maxLength,
             color: e.color,
             size: e.size,
-            layout: c(I).Block
+            layout: c(F).Block
           }, null, 8, ["current-length", "max-length", "color", "size", "layout"])) : s("", !0)
-        ], 10, A),
-        e.id ? (r(), i(q, {
+        ], 14, A),
+        e.id ? (r(), i(V, {
           key: 0,
           id: e.id,
           messages: e.messages,
@@ -146,6 +147,6 @@ const A = ["data-testid"], N = ["id", "aria-label", "autocomplete", "cols", "dis
   }
 });
 export {
-  U as CLTextArea,
-  U as default
+  j as CLTextArea,
+  j as default
 };

package/dist/components/Form/utils.d.ts

@@ -6,8 +6,55 @@ interface ThemeProps {
     readonly?: boolean;
     variant?: CLColorVariants.Outline | CLColorVariants.Ghost;
 }
-export declare const checkboxTheme: ({ color, component, disabled, variant }: ThemeProps) => string;
-export declare const inputTheme: ({ color, component, disabled, readonly, variant }: ThemeProps) => string;
-export declare const inputMessagesTheme: ({ color }: ThemeProps) => string;
-export declare const selectTheme: ({ color, disabled, variant }: ThemeProps) => string;
+export declare const checkboxTheme: ({ color, disabled, variant }: ThemeProps) => {
+    '--clll-checkbox-bg': string;
+    '--clll-checkbox-border': string;
+    '--clll-checkbox-disabled-border': string;
+    '--clll-checkbox-disabled-bg': string;
+    '--clll-checkbox-checked-bg': string;
+    '--clll-checkbox-focus-border': string;
+    '--clll-checkbox-focus-shadow': string;
+    '--clll-checkbox-icon-color': string;
+    '--clll-checkbox-disabled-icon-color': string;
+    '--clll-checkbox-indicator-color': string;
+    '--clll-checkbox-disabled-indicator-color': string;
+    '--clll-checkbox-theme-radius': string | undefined;
+    '--clll-checkbox-outline-width': string;
+    '--clll-checkbox-required-asterisk-color': string;
+};
+export declare const inputTheme: ({ color, disabled, readonly, variant }: ThemeProps) => {
+    '--clll-input-bg': string;
+    '--clll-input-border': string;
+    '--clll-input-disabled-border': string;
+    '--clll-input-disabled-bg': string;
+    '--clll-input-readonly-border': string;
+    '--clll-input-readonly-bg': string;
+    '--clll-input-focus-border': string;
+    '--clll-input-focus-shadow': string;
+    '--clll-input-text': string;
+    '--clll-input-text-placeholder': string;
+    '--clll-input-grouped-bg': string;
+    '--clll-input-prefix-suffix-color': string;
+    '--clll-input-theme-radius': string | undefined;
+    '--clll-input-ghost-padding': string | undefined;
+    '--clll-input-required-asterisk-color': string;
+};
+export declare const inputMessagesTheme: ({ color }: ThemeProps) => {
+    '--clll-input-message-color': string;
+};
+export declare const selectTheme: ({ color, disabled, variant }: ThemeProps) => {
+    '--clll-select-bg': string;
+    '--clll-select-border': string;
+    '--clll-select-disabled-border': string;
+    '--clll-select-disabled-bg': string;
+    '--clll-select-focus-border': string;
+    '--clll-select-focus-shadow': string;
+    '--clll-select-text': string;
+    '--clll-select-text-placeholder': string;
+    '--clll-select-icon-color': string;
+    '--clll-select-disabled-icon-color': string;
+    '--clll-select-theme-radius': string | undefined;
+    '--clll-select-ghost-padding': string | undefined;
+    '--clll-select-required-asterisk-color': string;
+};
 export {};

package/dist/components/Indicators/CLBadge/CLBadge.css

@@ -1 +1 @@
-.clll-badge{position:relative;overflow:hidden;border-radius:var(--clll-rounded-full);flex:none;display:inline-flex;align-items:center;box-sizing:border-box;padding:var(--clll-py-xs) var(--clll-px-xs)}.clll-badge.clll-badge--rounded-full,.clll-badge.clll-badge--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-badge.clll-badge--rounded-lg,.clll-badge.clll-badge--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-badge.clll-badge--rounded-md,.clll-badge.clll-badge--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-badge.clll-badge--rounded-sm,.clll-badge.clll-badge--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-badge.clll-badge--rounded-xs,.clll-badge.clll-badge--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-badge.clll-badge--rounded-xl,.clll-badge.clll-badge--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-badge.clll-badge--rounded-2xl,.clll-badge.clll-badge--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-badge.clll-badge--rounded-3xl,.clll-badge.clll-badge--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-badge.clll-badge--rounded-none,.clll-badge.clll-badge--rounded-none .clll-{border-radius:0}.clll-badge .clll-badge__count{font-weight:400;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-badge.clll-badge--elevated{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}
+.clll-badge{width:fit-content;background-color:var(--clll-badge-bg-color, transparent);border-color:var(--clll-badge-border-color, transparent);border-style:var(--clll-badge-border-style, none);border-width:var(--clll-badge-border-width, 0);position:relative;overflow:hidden;border-radius:var(--clll-rounded-full);flex:none;display:inline-flex;align-items:center;box-sizing:border-box;padding:var(--clll-py-xs) var(--clll-px-xs)}.clll-badge.clll-badge--rounded-full,.clll-badge.clll-badge--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-badge.clll-badge--rounded-lg,.clll-badge.clll-badge--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-badge.clll-badge--rounded-md,.clll-badge.clll-badge--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-badge.clll-badge--rounded-sm,.clll-badge.clll-badge--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-badge.clll-badge--rounded-xs,.clll-badge.clll-badge--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-badge.clll-badge--rounded-xl,.clll-badge.clll-badge--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-badge.clll-badge--rounded-2xl,.clll-badge.clll-badge--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-badge.clll-badge--rounded-3xl,.clll-badge.clll-badge--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-badge.clll-badge--rounded-none,.clll-badge.clll-badge--rounded-none .clll-{border-radius:0}.clll-badge:not([class*=clll-badge--rounded-]){border-radius:var(--clll-badge-theme-radius)}.clll-badge .clll-badge__count{color:var(--clll-badge-text-color, inherit);font-weight:400;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-badge.clll-badge--elevated{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}

package/dist/components/Indicators/CLBadge/CLBadge.js

@@ -1,19 +1,19 @@
 import '../../../assets/core.css';
 import './CLBadge.css';
-import { defineComponent as c, computed as n, createElementBlock as m, openBlock as u, normalizeClass as s, unref as r, createElementVNode as f, toDisplayString as b } from "vue";
-import { CLColorVariants as g, CLColors as p } from "../../../index.js";
-import { b as C } from "../../../chunks/utils-_aITYXfA.js";
-const v = ["data-testid"], h = /* @__PURE__ */ c({
+import { defineComponent as c, computed as n, createElementBlock as m, openBlock as u, normalizeStyle as f, normalizeClass as s, unref as r, createElementVNode as b, toDisplayString as g } from "vue";
+import { CLColorVariants as p, CLColors as C } from "../../../index.js";
+import { b as v } from "../../../chunks/utils-Sqgt8Fa4.js";
+const $ = ["data-testid"], h = /* @__PURE__ */ c({
   name: "CLBadge",
   __name: "CLBadge",
   props: {
     borderRadius: {},
-    color: { default: p.Neutral },
+    color: { default: C.Neutral },
     elevated: { type: Boolean, default: !1 },
     label: {},
     limit: {},
     testId: { default: "clll-badge" },
-    variant: { default: g.Soft }
+    variant: { default: p.Soft }
   },
   setup(a) {
     const e = a, t = "clll-badge", d = n(() => {
@@ -26,13 +26,14 @@ const v = ["data-testid"], h = /* @__PURE__ */ c({
       `${t}--${e.color}--${e.variant}`
     ]);
     return (l, o) => (u(), m("div", {
-      class: s([r(i), r(C)({ color: a.color, variant: a.variant })]),
-      "data-testid": a.testId
+      class: s(r(i)),
+      "data-testid": a.testId,
+      style: f(r(v)({ color: a.color, variant: a.variant }))
     }, [
-      f("span", {
+      b("span", {
         class: s(`${t}__count`)
-      }, b(r(d)), 3)
-    ], 10, v));
+      }, g(r(d)), 3)
+    ], 14, $));
   }
 });
 export {

package/dist/components/Indicators/CLBanner/CLBanner.css

@@ -1 +1 @@
-.clll-banner{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;width:var(--v42ada450);height:var(--v46a4d956);padding:var(--clll-py-3xl) var(--clll-px-2xl)}.clll-banner .clll-banner__content{position:relative;display:flex;align-items:center;z-index:var(--clll-z-index-10);flex-wrap:wrap;flex:1 1 0%}.clll-banner .clll-banner__content .clll-banner__nested_content{display:flex;flex-direction:column;flex-grow:1;gap:var(--clll-unit-0_5)}.clll-banner .clll-banner__content .clll-banner__action-button{display:flex;justify-content:flex-end;flex-grow:1}.clll-banner.clll-banner--dismissable .clll-banner__content{padding-right:var(--clll-unit-14)}.clll-banner.clll-banner--dismissable .clll-banner__dismiss-button{position:absolute;top:var(--clll-unit-4);right:var(--clll-unit-4);z-index:var(--clll-z-index-10)}.clll-banner.clll-banner--actionable .clll-banner__content{gap:var(--clll-px-md)}.clll-banner.clll-banner--rounded{border-radius:var(--clll-rounded-sm)}.clll-banner.clll-banner--rounded.clll-banner--rounded-full,.clll-banner.clll-banner--rounded.clll-banner--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-banner.clll-banner--rounded.clll-banner--rounded-lg,.clll-banner.clll-banner--rounded.clll-banner--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-banner.clll-banner--rounded.clll-banner--rounded-md,.clll-banner.clll-banner--rounded.clll-banner--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-banner.clll-banner--rounded.clll-banner--rounded-sm,.clll-banner.clll-banner--rounded.clll-banner--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-banner.clll-banner--rounded.clll-banner--rounded-xs,.clll-banner.clll-banner--rounded.clll-banner--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-banner.clll-banner--rounded.clll-banner--rounded-xl,.clll-banner.clll-banner--rounded.clll-banner--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-banner.clll-banner--rounded.clll-banner--rounded-2xl,.clll-banner.clll-banner--rounded.clll-banner--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-banner.clll-banner--rounded.clll-banner--rounded-3xl,.clll-banner.clll-banner--rounded.clll-banner--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-banner.clll-banner--rounded.clll-banner--rounded-none,.clll-banner.clll-banner--rounded.clll-banner--rounded-none .clll-{border-radius:0}.clll-banner.clll-banner--busy{pointer-events:none}.clll-banner.clll-banner--align-left{text-align:left}.clll-banner.clll-banner--align-center{text-align:center}.clll-banner.clll-banner--align-right{text-align:right}.clll-banner.clll-banner--bordered{border-style:solid;border-top-width:1px;border-left-width:1px;border-right-width:1px}.clll-banner .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
+.clll-banner{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;padding:var(--clll-py-3xl) var(--clll-px-2xl);background-color:var(--clll-banner-bg-color, transparent);border-color:var(--clll-banner-border-color, transparent)}.clll-banner .clll-banner__content{position:relative;display:flex;align-items:center;z-index:var(--clll-z-index-10);flex-wrap:wrap;flex:1 1 0%}.clll-banner .clll-banner__content .clll-banner__nested_content{display:flex;flex-direction:column;flex-grow:1;gap:var(--clll-unit-0_5)}.clll-banner .clll-banner__content .clll-banner__action-button{display:flex;justify-content:flex-end;flex-grow:1}.clll-banner .clll-banner__content .clll-heading,.clll-banner .clll-banner__content .clll-text{color:var(--clll-banner-text-color, inherit)}.clll-banner.clll-banner--dismissable .clll-banner__content{padding-right:var(--clll-unit-14)}.clll-banner.clll-banner--dismissable .clll-banner__dismiss-button{position:absolute;top:var(--clll-unit-4);right:var(--clll-unit-4);z-index:var(--clll-z-index-10)}.clll-banner.clll-banner--actionable .clll-banner__content{gap:var(--clll-px-md)}.clll-banner.clll-banner--rounded{border-radius:var(--clll-rounded-sm)}.clll-banner.clll-banner--rounded.clll-banner--rounded-full,.clll-banner.clll-banner--rounded.clll-banner--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-banner.clll-banner--rounded.clll-banner--rounded-lg,.clll-banner.clll-banner--rounded.clll-banner--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-banner.clll-banner--rounded.clll-banner--rounded-md,.clll-banner.clll-banner--rounded.clll-banner--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-banner.clll-banner--rounded.clll-banner--rounded-sm,.clll-banner.clll-banner--rounded.clll-banner--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-banner.clll-banner--rounded.clll-banner--rounded-xs,.clll-banner.clll-banner--rounded.clll-banner--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-banner.clll-banner--rounded.clll-banner--rounded-xl,.clll-banner.clll-banner--rounded.clll-banner--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-banner.clll-banner--rounded.clll-banner--rounded-2xl,.clll-banner.clll-banner--rounded.clll-banner--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-banner.clll-banner--rounded.clll-banner--rounded-3xl,.clll-banner.clll-banner--rounded.clll-banner--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-banner.clll-banner--rounded.clll-banner--rounded-none,.clll-banner.clll-banner--rounded.clll-banner--rounded-none .clll-{border-radius:0}.clll-banner.clll-banner--rounded:not([class*=clll-banner--rounded-]){border-radius:var(--clll-banner-theme-radius, var(--clll-rounded-sm))}.clll-banner.clll-banner--busy{pointer-events:none}.clll-banner.clll-banner--align-left{text-align:left}.clll-banner.clll-banner--align-center{text-align:center}.clll-banner.clll-banner--align-right{text-align:right}.clll-banner.clll-banner--bordered{border-style:solid;border-top-width:1px;border-left-width:1px;border-right-width:1px;border-bottom-width:.25rem}.clll-banner .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}