@codeandfunction/callaloo 3.16.3 → 3.16.5

package/dist/components/Modals/CLModal/CLModal.js

@@ -1,29 +1,32 @@
 import '../../../assets/core.css';
 import './CLModal.css';
-import { defineComponent as W, useCssVars as F, unref as n, computed as m, useTemplateRef as U, useSlots as Z, ref as j, watch as q, onMounted as A, onBeforeUnmount as G, createElementBlock as p, createCommentVNode as f, openBlock as v, normalizeClass as a, createElementVNode as r, createBlock as g, renderSlot as $, withCtx as J, createTextVNode as K, toDisplayString as P, normalizeStyle as Q } from "vue";
-import { _ as X } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-N3EWoTbB.js";
-import { _ as Y } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-BcCh5-Bx.js";
-import { CLMode as k, CLColors as R, CLColorVariants as T, CLBorderRadius as ee, CLIconSizes as oe, CLIconNames as te, CLHeadingTypes as le } from "../../../index.js";
-import { g as ne, c as B, a as ae } from "../../../chunks/utils-C9rOAW29.js";
-import { useTheme as se } from "../../../composables/useTheme.js";
-import { useEsc as de } from "../../../composables/useEsc.js";
-import { b as S, i as s } from "../../../chunks/helper--hRjZVm6.js";
-const re = () => {
-  const { borderRadius: t, colors: w, darkMode: c } = se(), d = c.value ? k.Dark : k.Light, u = ne({
-    color: R.Neutral,
+import { defineComponent as W, useCssVars as F, unref as l, computed as _, useTemplateRef as U, useSlots as Z, ref as j, watch as q, onMounted as A, onBeforeUnmount as G, createElementBlock as L, createCommentVNode as f, openBlock as v, normalizeStyle as g, normalizeClass as s, createElementVNode as d, createBlock as B, renderSlot as h, withCtx as J, createTextVNode as K, toDisplayString as P } from "vue";
+import { _ as Q } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-B4xTt-xw.js";
+import { _ as X } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-nUnSpm32.js";
+import { CLMode as k, CLColors as T, CLColorVariants as R, CLBorderRadius as Y, CLIconSizes as ee, CLIconNames as oe, CLHeadingTypes as te } from "../../../index.js";
+import { g as ne } from "../../../chunks/utils-CS9Gz4oX.js";
+import { useTheme as le } from "../../../composables/useTheme.js";
+import { useEsc as se } from "../../../composables/useEsc.js";
+import { b as S, i as a } from "../../../chunks/helper--hRjZVm6.js";
+const ae = () => {
+  const { borderRadius: t, colors: w, darkMode: c } = le(), r = c.value ? k.Dark : k.Light, u = ne({
+    color: T.Neutral,
     colors: w.value,
-    mode: d,
-    variant: T.Solid
+    mode: r,
+    variant: R.Solid
   }), o = c.value ? "black" : "white";
-  let e;
-  return t.value && (e = B`&.clll-modal{.clll-modal__window{.clll-modal__content:not([class*='clll-modal__content--rounded-']){border-radius:var(--clll-${t.value});}}}`), ae(B`.clll-modal__overlay{background-color:${u?.bg};}.clll-modal__window{.clll-modal__content{background:${o}}}`, e);
-}, ie = ["id", "data-testid"], ce = ["aria-labelledby"], $e = /* @__PURE__ */ W({
+  return {
+    "--clll-modal-overlay-bg": u?.bg ?? "transparent",
+    "--clll-modal-content-bg": o,
+    "--clll-modal-theme-radius": t.value ? `var(--clll-${t.value})` : void 0
+  };
+}, re = ["id", "data-testid"], de = ["aria-labelledby"], be = /* @__PURE__ */ W({
   name: "CLModal",
   __name: "CLModal",
   props: {
     borderRadius: { default: void 0 },
     close: { type: Boolean, default: !0 },
-    closeBorderRadius: { default: ee.Full },
+    closeBorderRadius: { default: Y.Full },
     dismissible: { type: Boolean, default: !0 },
     fullscreen: { type: Boolean, default: !1 },
     isOpen: { type: Boolean, default: !1 },
@@ -37,21 +40,21 @@ const re = () => {
   },
   emits: ["modal-open", "modal-close"],
   setup(t, { emit: w }) {
-    F((l) => ({
-      v1b3cde5d: n(O),
-      v9756aaa0: n(V),
-      v7a09ccea: l.maxWidth
+    F((n) => ({
+      v2ce0ceaf: l(O),
+      v51a276c4: l(V),
+      v0c2be450: n.maxWidth
     }));
-    const c = w, d = U("modal-window"), u = Z(), o = t, e = "clll-modal", h = "clll-prevent-scroll", _ = j(), C = () => {
-      s && window?.document.body.classList.add(h);
+    const c = w, r = U("modal-window"), u = Z(), o = t, e = "clll-modal", $ = "clll-prevent-scroll", m = j(), C = () => {
+      a && window?.document.body.classList.add($);
     }, x = () => {
-      s && window?.document.body.classList.remove(h);
-    }, N = m(() => [
+      a && window?.document.body.classList.remove($);
+    }, N = _(() => [
       e
-    ]), E = m(() => [
+    ]), E = _(() => [
       `${e}__window`,
       o.fullscreen ? `${e}__window--fullscreen` : ""
-    ]), M = m(() => [
+    ]), M = _(() => [
       `${e}__content`,
       o.borderRadius ? `${e}__content--${o.borderRadius}` : "",
       o.close ? `${e}__content--has-close-button` : `${e}__content--has-no-close-button`,
@@ -59,119 +62,120 @@ const re = () => {
       u.footer ? `${e}__content--has-footer` : `${e}__content--has-no-footer`,
       u.header || o.title ? `${e}__content--has-header` : `${e}__content--has-no-header`,
       o.title ? `${e}__content--has-title` : `${e}__content--has-no-title`
-    ]), O = m(() => o.zIndex === "auto" || S(o.zIndex) ? o.zIndex : o.zIndex.toString()), V = m(() => o.zIndex === "auto" ? o.zIndex : ((S(o.zIndex) ? parseInt(o.zIndex, 10) : o.zIndex) + 100).toString()), H = (l) => {
+    ]), O = _(() => o.zIndex === "auto" || S(o.zIndex) ? o.zIndex : o.zIndex.toString()), V = _(() => o.zIndex === "auto" ? o.zIndex : ((S(o.zIndex) ? parseInt(o.zIndex, 10) : o.zIndex) + 100).toString()), H = (n) => {
       try {
-        const i = l?.target, L = d.value;
-        return s && L && !L.contains(i) ? !0 : void 0;
+        const i = n?.target, p = r.value;
+        return a && p && !p.contains(i) ? !0 : void 0;
       } catch (i) {
         console.error(i);
         return;
       }
-    }, b = (l) => {
+    }, b = (n) => {
       try {
-        H(l) && (s && window.removeEventListener("mousedown", b), z());
+        H(n) && (a && window.removeEventListener("mousedown", b), z());
       } catch (i) {
         console.error(i);
       }
     }, y = () => {
-      s && window.removeEventListener("mousedown", b);
+      a && window.removeEventListener("mousedown", b);
     }, I = () => {
-      s && (_.value && s && window.clearTimeout(_.value), y(), x());
+      a && (m.value && a && window.clearTimeout(m.value), y(), x());
     }, z = () => {
       o.isOpen && (o.onClose?.(), I());
     };
-    q(o, (l) => {
-      l.isOpen ? (c("modal-open"), C(), d.value && d.value.focus(), s && l.dismissible && (y(), _.value = window.setTimeout(() => {
+    q(o, (n) => {
+      n.isOpen ? (c("modal-open"), C(), r.value && r.value.focus(), a && n.dismissible && (y(), m.value = window.setTimeout(() => {
         window.addEventListener("mousedown", b);
-      }, 100))) : (d.value && d.value.blur(), x(), y(), _.value && s && window.clearTimeout(_.value), c("modal-close"));
+      }, 100))) : (r.value && r.value.blur(), x(), y(), m.value && a && window.clearTimeout(m.value), c("modal-close"));
     }), A(() => {
-      o.isOpen && s && (C(), d.value && d.value.focus());
+      o.isOpen && a && (C(), r.value && r.value.focus());
     });
-    const { clearEventListeners: D } = de({ escHandler: o.dismissible ? z : void 0 });
+    const { clearEventListeners: D } = se({ escHandler: o.dismissible ? z : void 0 });
     return G(() => {
       I(), D();
-    }), (l, i) => t.isOpen ? (v(), p("div", {
+    }), (n, i) => t.isOpen ? (v(), L("div", {
       key: 0,
       id: t.modalId,
-      class: a([n(N), n(re)()]),
-      "data-testid": t.testId
+      class: s(l(N)),
+      "data-testid": t.testId,
+      style: g(l(ae)())
     }, [
-      r("div", {
-        class: a(n(E))
+      d("div", {
+        class: s(l(E))
       }, [
-        r("div", {
+        d("div", {
           ref: "modal-window",
           "aria-modal": "true",
           "aria-labelledby": `${e}__content__header__title`,
-          class: a(n(M)),
+          class: s(l(M)),
           role: "dialog",
           tabindex: -1
         }, [
-          r("div", {
-            class: a(`${e}__close-button`)
+          d("div", {
+            class: s(`${e}__close-button`)
           }, [
-            t.onClose && t.close ? (v(), g(n(X), {
+            t.onClose && t.close ? (v(), B(l(Q), {
               key: 0,
               "aria-label": "Close modal",
               "border-radius": t.closeBorderRadius,
-              color: n(R).Neutral,
-              "icon-before": n(te).Delete,
-              "icon-size": n(oe).Tiny,
+              color: l(T).Neutral,
+              "icon-before": l(oe).Delete,
+              "icon-size": l(ee).Tiny,
               "on-click": t.onClose,
               "test-id": `${e}__close-button`,
-              variant: n(T).Text
+              variant: l(R).Text
             }, null, 8, ["border-radius", "color", "icon-before", "icon-size", "on-click", "test-id", "variant"])) : f("", !0)
           ], 2),
-          r("div", {
-            class: a(`${e}__content__header`)
+          d("div", {
+            class: s(`${e}__content__header`)
           }, [
-            r("div", {
-              class: a(`${e}__content__title`)
+            d("div", {
+              class: s(`${e}__content__title`)
             }, [
-              r("div", {
-                class: a(`${e}__content__header__container`)
+              d("div", {
+                class: s(`${e}__content__header__container`)
               }, [
-                t.title ? (v(), g(n(Y), {
+                t.title ? (v(), B(l(X), {
                   key: 0,
                   id: `${e}__content__header__title`,
-                  class: a(`${e}__content__header__title`),
-                  type: n(le).Section
+                  class: s(`${e}__content__header__title`),
+                  type: l(te).Section
                 }, {
                   default: J(() => [
                     K(P(t.title), 1)
                   ]),
                   _: 1
                 }, 8, ["id", "class", "type"])) : f("", !0),
-                $(l.$slots, "header")
+                h(n.$slots, "header")
               ], 2)
             ], 2)
           ], 2),
-          r("div", {
-            class: a(`${e}__content__scroller`)
+          d("div", {
+            class: s(`${e}__content__scroller`)
           }, [
-            r("div", {
-              class: a(`${e}__content__body`)
+            d("div", {
+              class: s(`${e}__content__body`)
             }, [
-              $(l.$slots, "body")
+              h(n.$slots, "body")
             ], 2)
           ], 2),
-          r("div", {
-            class: a(`${e}__content__footer`)
+          d("div", {
+            class: s(`${e}__content__footer`)
           }, [
-            $(l.$slots, "footer")
+            h(n.$slots, "footer")
           ], 2)
-        ], 10, ce)
+        ], 10, de)
       ], 2),
-      t.overlay ? (v(), p("div", {
+      t.overlay ? (v(), L("div", {
         key: 0,
         ref: "overlay-ref",
-        class: a(`${e}__overlay`),
-        style: Q({ zIndex: t.zIndex })
+        class: s(`${e}__overlay`),
+        style: g({ zIndex: t.zIndex })
       }, null, 6)) : f("", !0)
-    ], 10, ie)) : f("", !0);
+    ], 14, re)) : f("", !0);
   }
 });
 export {
-  $e as CLModal,
-  $e as default
+  be as CLModal,
+  be as default
 };

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

@@ -1 +1,5 @@
-export declare const modalTheme: () => string;
+export declare const modalTheme: () => {
+    '--clll-modal-overlay-bg': string;
+    '--clll-modal-content-bg': string;
+    '--clll-modal-theme-radius': string | undefined;
+};

package/dist/components/Navigation/CLLink/CLLink.css

@@ -1 +1 @@
-.clll-link{cursor:pointer}.clll-link.clll-link--underline.clll-link--neutral,.clll-link.clll-link--underline.clll-link--primary,.clll-link.clll-link--underline.clll-link--secondary,.clll-link.clll-link--underline.clll-link--danger,.clll-link.clll-link--underline.clll-link--info,.clll-link.clll-link--underline.clll-link--warning,.clll-link.clll-link--underline.clll-link--success{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;border-radius:var(--clll-rounded-xs);text-underline-offset:var(--clll-unit-0_5);transition-property:text-decoration-color;transition-duration:.3s;transition-timing-function:ease}.clll-link.clll-link--nounderline.clll-link--neutral,.clll-link.clll-link--nounderline.clll-link--primary,.clll-link.clll-link--nounderline.clll-link--secondary,.clll-link.clll-link--nounderline.clll-link--danger,.clll-link.clll-link--nounderline.clll-link--info,.clll-link.clll-link--nounderline.clll-link--warning,.clll-link.clll-link--nounderline.clll-link--success{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;border-radius:var(--clll-rounded-xs);transition-property:text-decoration-color;transition-duration:.3s;transition-timing-function:ease}.clll-link .clll-text{transition-property:color;transition-duration:.3s;transition-timing-function:ease}.clll-link.clll-link--external .clll-icon{padding-left:var(--clll-px-s-xs)}
+.clll-link{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;cursor:pointer;border-radius:var(--clll-rounded-xs);text-decoration-line:underline;text-decoration-color:var(--clll-link-underline-color, transparent);text-underline-offset:var(--clll-unit-0_5);display:inline-flex;align-items:center;transition:color .2s linear,text-decoration-color .2s linear;color:var(--clll-link-text-color, inherit);font-weight:500;background-color:transparent;padding:0;border:0;transition-property:text-decoration-color;transition-duration:.3s;transition-timing-function:ease}.clll-link .clll-text{color:var(--clll-link-text-color, inherit);transition-property:color;transition-duration:.3s;transition-timing-function:ease}.clll-link:hover{text-decoration-color:var(--clll-link-underline-hover, transparent);background-color:transparent;color:var(--clll-link-text-hover, inherit)}.clll-link:hover .clll-text{color:var(--clll-link-text-hover, inherit)}.clll-link{outline-color:#0000;outline-offset:2px;outline-style:solid;outline-width:2px}.clll-link:focus{outline:none}.clll-link:focus-visible{border-color:transparent!important;outline-color:var(--clll-link-focus-border, transparent);outline-style:solid;outline-width:2px;box-shadow:0 0 0 var(--clll-unit-0) var(--clll-link-focus-shadow, transparent)}.clll-link.clll-link--external .clll-icon{padding-left:var(--clll-px-s-xs)}

package/dist/components/Navigation/CLLink/CLLink.js

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import './CLLink.css';
-import { _ as s } from "../../../chunks/CLLink.vue_vue_type_style_index_0_lang-BMUevw_4.js";
+import { _ as s } from "../../../chunks/CLLink.vue_vue_type_style_index_0_lang-BDL4xcfJ.js";
 export {
   s as CLLink,
   s as default

package/dist/components/Navigation/CLNavLink/CLNavLink.js

@@ -1,5 +1,5 @@
 import '../../../assets/core.css';
-import { _ as s } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-D2oCLUGX.js";
+import { _ as s } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-C_BQCWeg.js";
 export {
   s as CLNavLink,
   s as default

package/dist/components/Navigation/CLNavSection/CLNavSection.js

@@ -1,8 +1,8 @@
 import '../../../assets/core.css';
 import './CLNavSection.css';
 import { defineComponent as f, computed as u, createElementBlock as a, openBlock as l, normalizeClass as m, unref as r, Fragment as p, renderList as _, createVNode as i, withCtx as n, createTextVNode as C, toDisplayString as x } from "vue";
-import { _ as k } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-D2oCLUGX.js";
-import { _ as L } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-Cz9Sv2AC.js";
+import { _ as k } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-C_BQCWeg.js";
+import { _ as L } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
 import { CLOrientation as h, CLColors as $ } from "../../../index.js";
 const g = ["data-testid"], V = /* @__PURE__ */ f({
   name: "CLNavSection",

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

@@ -3,5 +3,12 @@ interface BaseLinkProps {
     color: CLColors;
     underline?: boolean;
 }
-export declare const base_link: ({ color, underline }: BaseLinkProps) => string;
+export declare const base_link: ({ color, underline }: BaseLinkProps) => {
+    '--clll-link-text-color': string;
+    '--clll-link-text-hover': string;
+    '--clll-link-underline-color': string;
+    '--clll-link-underline-hover': string;
+    '--clll-link-focus-border': string;
+    '--clll-link-focus-shadow': string;
+};
 export {};

package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.css

@@ -1 +1 @@
-.clll-dropdown-menu__menu{position:relative;display:inline-block}.clll-dropdown-menu__menu .clll-dropdown-menu__dropdown{z-index:var(--v69f60b10)}
+.clll-dropdown-menu__menu{position:relative;display:inline-block}.clll-dropdown-menu__menu .clll-dropdown-menu__dropdown{z-index:var(--v2fdf502c)}

package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js

@@ -1,8 +1,8 @@
 import '../../../assets/core.css';
 import './CLDropdownMenu.css';
 import { computed as V, ref as E, shallowRef as te, watch as ut, getCurrentScope as ee, onScopeDispose as ne, shallowReadonly as q, unref as A, defineComponent as oe, useCssVars as ie, onBeforeUnmount as re, createElementBlock as Rt, openBlock as At, normalizeClass as dt, createVNode as Ot, createCommentVNode as le, withCtx as Et, createTextVNode as se, toDisplayString as ce, normalizeStyle as ae, renderSlot as fe } from "vue";
-import { _ as ue } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-N3EWoTbB.js";
-import { _ as de } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-CpReGucs.js";
+import { _ as ue } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-B4xTt-xw.js";
+import { _ as de } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-Bj9WF_mX.js";
 import { b as me, i as mt } from "../../../chunks/helper--hRjZVm6.js";
 import { useDropdown as he } from "../../../composables/useDropdown.js";
 import { useEsc as ge } from "../../../composables/useEsc.js";
@@ -1087,16 +1087,16 @@ const gn = ["data-testid"], pn = ["id", "aria-labelledby", "aria-hidden"], Rn =
   },
   setup(t) {
     ie((p) => ({
-      v69f60b10: A(a)
+      v2fdf502c: A(a)
     }));
     const e = t;
     let n = E(), o = E();
     const i = E(), l = E(), r = E(e.isOpen), s = E(e.placement), c = "clll-dropdown-menu", a = V(() => e.zIndex === "auto" || me(e.zIndex) ? e.zIndex : e.zIndex.toString()), f = () => {
       y.value ? u() : m();
     }, u = () => {
-      r.value = !0, e?.onOpenHandler?.(), C(), mt && window.document.addEventListener("click", b);
+      r.value = !0, e?.onOpenHandler?.(), C(), mt && document.addEventListener("click", b);
     }, m = () => {
-      r.value = !1, e?.onCloseHandler?.(), mt && window.document.removeEventListener("click", b), T(), w();
+      r.value = !1, e?.onCloseHandler?.(), mt && document.removeEventListener("click", b), T(), w();
     }, d = (p) => {
       p && (n.value = p);
     }, h = (p) => {
@@ -1120,7 +1120,7 @@ const gn = ["data-testid"], pn = ["id", "aria-labelledby", "aria-hidden"], Rn =
       r.value && l.value?.contains(p?.target) && g();
     }, { clearEventListeners: T } = ge({ escHandler: g, triggerElem: n });
     return re(() => {
-      mt && window.document.removeEventListener("click", b), T(), w();
+      mt && document.removeEventListener("click", b), T(), w();
     }), (p, S) => (At(), Rt("div", {
       class: dt([`${c}__menu`]),
       "data-testid": t.testId

package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.vue.d.ts

@@ -119,11 +119,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
             title: string;
             color: CLColors;
             variant: CLColorVariants;
-            form: string;
             borderRadius: CLBorderRadius;
             rounded: boolean;
             testId: string;
             type: import('../../../types').CLButtonTypes;
+            form: string;
             onClick: (event?: Event) => void;
             target: import('../../../types').CLLinkTarget;
             width: string;
@@ -168,11 +168,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
         title: string;
         color: CLColors;
         variant: CLColorVariants;
-        form: string;
         borderRadius: CLBorderRadius;
         rounded: boolean;
         testId: string;
         type: import('../../../types').CLButtonTypes;
+        form: string;
         onClick: (event?: Event) => void;
         target: import('../../../types').CLLinkTarget;
         width: string;
@@ -193,7 +193,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
         iconSize: CLIconSizes;
         pill: boolean;
         wrap: boolean;
-    }> & Omit<Readonly<import('../../Buttons/CLButton/CLButton.vue').CLButtonProps> & Readonly<{}>, "title" | "color" | "variant" | "form" | "borderRadius" | "rounded" | "testId" | "type" | "onClick" | "target" | "width" | "height" | "size" | "href" | "active" | "alignContent" | "ariaLabel" | "as" | "busy" | "disabled" | "elevated" | "forwardRef" | "iconAfter" | "iconBefore" | "iconAfterSize" | "iconSize" | "pill" | "wrap"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }> & Omit<Readonly<import('../../Buttons/CLButton/CLButton.vue').CLButtonProps> & Readonly<{}>, "title" | "color" | "variant" | "borderRadius" | "rounded" | "testId" | "type" | "form" | "onClick" | "target" | "width" | "height" | "size" | "href" | "active" | "alignContent" | "ariaLabel" | "as" | "busy" | "disabled" | "elevated" | "forwardRef" | "iconAfter" | "iconBefore" | "iconAfterSize" | "iconSize" | "pill" | "wrap"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
         };

package/dist/components/Popups/CLToast/CLToast.css

@@ -1 +1 @@
-.clll-toast{bottom:var(--clll-unit-4);position:fixed;overflow:hidden;width:90%;left:0;right:0;margin-left:auto;margin-right:auto;transform:translateY(100vh);transition-property:all;transition-duration:.3s;transition-timing-function:ease;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}@media(min-width:768px){.clll-toast{width:var(--v1fbbc974)}}@media(min-width:768px){.clll-toast.clll-toast--bottom-left{left:var(--clll-unit-8);bottom:var(--clll-unit-8);margin-left:0}}@media(min-width:768px){.clll-toast.clll-toast--bottom-center{left:0;right:0;margin-left:auto;margin-right:auto;bottom:var(--clll-unit-8)}}@media(min-width:768px){.clll-toast.clll-toast--bottom-right{right:var(--clll-unit-8);bottom:var(--clll-unit-8);margin-right:0}}@media(min-width:768px){.clll-toast.clll-toast--top-left{left:var(--clll-unit-8);top:var(--clll-unit-8);bottom:auto;transform:translateY(-20vh);margin-left:0}}@media(min-width:768px){.clll-toast.clll-toast--top-center{left:0;right:0;margin-left:auto;margin-right:auto;top:var(--clll-unit-8);bottom:auto;transform:translateY(-20vh)}}@media(min-width:768px){.clll-toast.clll-toast--top-right{right:var(--clll-unit-8);top:var(--clll-unit-8);bottom:auto;transform:translateY(-20vh);margin-right:0}}.clll-toast .clll-toast__body{display:flex;align-items:center;padding-top:var(--clll-unit-2_5);padding-left:var(--clll-unit-4);padding-bottom:var(--clll-unit-2_5);padding-right:var(--clll-unit-4)}.clll-toast .clll-toast__body>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4)}.clll-toast .clll-toast__body .clll-toast__content{display:flex;align-items:center;flex:1 1 0%}.clll-toast .clll-toast__body .clll-toast__content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4)}.clll-toast .clll-toast__body .clll-toast__content .clll-toast__icon{display:flex;flex-direction:column;align-items:center;padding:var(--clll-unit-2);border-radius:var(--clll-rounded-full)}.clll-toast .clll-toast__body .clll-toast__content .clll-toast__text{flex:1 1 0%}.clll-toast .clll-toast__timer-bar{position:relative;left:0;bottom:0;height:var(--clll-unit-1);transform-origin:left;width:100%;transform:translateZ(0) rotate(0) skew(0) skewY(0) scaleX(0) scaleY(0)}.clll-toast.clll-toast--has-icon .clll-toast__body{padding-top:var(--clll-unit-2);padding-bottom:var(--clll-unit-2)}.clll-toast.clll-toast--has-titleandmessage .clll-toast__body{padding-top:var(--clll-unit-4);padding-bottom:var(--clll-unit-4)}.clll-toast.clll-toast--has-titleandmessage .clll-toast__body .clll-toast__content .clll-toast__text .clll-text--large{font-weight:500}.clll-toast.clll-toast--mounted{transform:translateY(0)}.clll-toast.clll-toast--rounded{border-radius:var(--clll-rounded-sm)}.clll-toast.clll-toast--rounded.clll-toast--rounded-full,.clll-toast.clll-toast--rounded.clll-toast--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-toast.clll-toast--rounded.clll-toast--rounded-lg,.clll-toast.clll-toast--rounded.clll-toast--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-toast.clll-toast--rounded.clll-toast--rounded-md,.clll-toast.clll-toast--rounded.clll-toast--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-toast.clll-toast--rounded.clll-toast--rounded-sm,.clll-toast.clll-toast--rounded.clll-toast--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-toast.clll-toast--rounded.clll-toast--rounded-xs,.clll-toast.clll-toast--rounded.clll-toast--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-toast.clll-toast--rounded.clll-toast--rounded-xl,.clll-toast.clll-toast--rounded.clll-toast--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-toast.clll-toast--rounded.clll-toast--rounded-2xl,.clll-toast.clll-toast--rounded.clll-toast--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-toast.clll-toast--rounded.clll-toast--rounded-3xl,.clll-toast.clll-toast--rounded.clll-toast--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-toast.clll-toast--rounded.clll-toast--rounded-none,.clll-toast.clll-toast--rounded.clll-toast--rounded-none .clll-{border-radius:0}
+.clll-toast{bottom:var(--clll-unit-4);position:fixed;overflow:hidden;width:90%;left:0;right:0;margin-left:auto;margin-right:auto;transform:translateY(100vh);background-color:var(--clll-toast-bg-color, white);color:var(--clll-toast-text-color, inherit);transition-property:all;transition-duration:.3s;transition-timing-function:ease;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}@media(min-width:768px){.clll-toast{width:var(--v952305c6)}}@media(min-width:768px){.clll-toast.clll-toast--bottom-left{left:var(--clll-unit-8);bottom:var(--clll-unit-8);margin-left:0}}@media(min-width:768px){.clll-toast.clll-toast--bottom-center{left:0;right:0;margin-left:auto;margin-right:auto;bottom:var(--clll-unit-8)}}@media(min-width:768px){.clll-toast.clll-toast--bottom-right{right:var(--clll-unit-8);bottom:var(--clll-unit-8);margin-right:0}}@media(min-width:768px){.clll-toast.clll-toast--top-left{left:var(--clll-unit-8);top:var(--clll-unit-8);bottom:auto;transform:translateY(-20vh);margin-left:0}}@media(min-width:768px){.clll-toast.clll-toast--top-center{left:0;right:0;margin-left:auto;margin-right:auto;top:var(--clll-unit-8);bottom:auto;transform:translateY(-20vh)}}@media(min-width:768px){.clll-toast.clll-toast--top-right{right:var(--clll-unit-8);top:var(--clll-unit-8);bottom:auto;transform:translateY(-20vh);margin-right:0}}.clll-toast .clll-toast__body{display:flex;align-items:center;padding-top:var(--clll-unit-2_5);padding-left:var(--clll-unit-4);padding-bottom:var(--clll-unit-2_5);padding-right:var(--clll-unit-4)}.clll-toast .clll-toast__body>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4)}.clll-toast .clll-toast__body .clll-toast__content{display:flex;align-items:center;flex:1 1 0%}.clll-toast .clll-toast__body .clll-toast__content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4)}.clll-toast .clll-toast__body .clll-toast__content .clll-toast__icon{display:flex;flex-direction:column;align-items:center;padding:var(--clll-unit-2);border-radius:var(--clll-rounded-full);background-color:var(--clll-toast-icon-bg, transparent)}.clll-toast .clll-toast__body .clll-toast__content .clll-toast__icon .clll-icon{color:var(--clll-toast-icon-color, inherit)}.clll-toast .clll-toast__body .clll-toast__content .clll-toast__text{flex:1 1 0%}.clll-toast .clll-toast__timer-bar{position:relative;left:0;bottom:0;height:var(--clll-unit-1);transform-origin:left;width:100%;background-color:var(--clll-toast-timer-bg, transparent);transform:translateZ(0) rotate(0) skew(0) skewY(0) scaleX(0) scaleY(0)}.clll-toast.clll-toast--has-icon .clll-toast__body{padding-top:var(--clll-unit-2);padding-bottom:var(--clll-unit-2)}.clll-toast.clll-toast--has-titleandmessage .clll-toast__body{padding-top:var(--clll-unit-4);padding-bottom:var(--clll-unit-4)}.clll-toast.clll-toast--has-titleandmessage .clll-toast__body .clll-toast__content .clll-toast__text .clll-text--large{font-weight:500}.clll-toast.clll-toast--mounted{transform:translateY(0)}.clll-toast.clll-toast--rounded{border-radius:var(--clll-rounded-sm)}.clll-toast.clll-toast--rounded.clll-toast--rounded-full,.clll-toast.clll-toast--rounded.clll-toast--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-toast.clll-toast--rounded.clll-toast--rounded-lg,.clll-toast.clll-toast--rounded.clll-toast--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-toast.clll-toast--rounded.clll-toast--rounded-md,.clll-toast.clll-toast--rounded.clll-toast--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-toast.clll-toast--rounded.clll-toast--rounded-sm,.clll-toast.clll-toast--rounded.clll-toast--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-toast.clll-toast--rounded.clll-toast--rounded-xs,.clll-toast.clll-toast--rounded.clll-toast--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-toast.clll-toast--rounded.clll-toast--rounded-xl,.clll-toast.clll-toast--rounded.clll-toast--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-toast.clll-toast--rounded.clll-toast--rounded-2xl,.clll-toast.clll-toast--rounded.clll-toast--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-toast.clll-toast--rounded.clll-toast--rounded-3xl,.clll-toast.clll-toast--rounded.clll-toast--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-toast.clll-toast--rounded.clll-toast--rounded-none,.clll-toast.clll-toast--rounded.clll-toast--rounded-none .clll-{border-radius:0}.clll-toast.clll-toast--rounded:not([class*=clll-toast--rounded-]){border-radius:var(--clll-toast-theme-radius, var(--clll-rounded-sm))}

package/dist/components/Popups/CLToast/CLToast.js

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import './CLToast.css';
-import { _ as s } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-CYcPXUMQ.js";
+import { _ as s } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-C6gOJx7A.js";
 export {
   s as CLToast,
   s as default

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

@@ -3,5 +3,12 @@ interface ThemeProps {
     color: CLColors;
     variant: CLColorVariants;
 }
-export declare const toastTheme: ({ color, variant }: ThemeProps) => string;
+export declare const toastTheme: ({ color, variant }: ThemeProps) => {
+    '--clll-toast-bg-color': string;
+    '--clll-toast-text-color': string;
+    '--clll-toast-icon-bg': string;
+    '--clll-toast-icon-color': string;
+    '--clll-toast-timer-bg': string;
+    '--clll-toast-theme-radius': string | undefined;
+};
 export {};

package/dist/components/Providers/CLThemeProvider/utils.d.ts

@@ -7,7 +7,6 @@ interface BaseFormElementProps {
 }
 export declare const baseFormElement: ({ backgroundColor, borderColor, placeholderColor }: BaseFormElementProps) => string;
 export declare const css: (template: TemplateStringsArray, ...args: any[]) => string;
-export declare const cx: (...classNames: any[]) => string;
 interface FocusProps {
     borderColor?: string;
     outlineWidth?: string;

package/dist/components/Providers/CLToastProvider/CLToastProvider.js

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import { defineComponent as L, ref as i, provide as g, createElementBlock as k, openBlock as p, createBlock as z, createCommentVNode as B, renderSlot as S, unref as A } from "vue";
-import { _ as $ } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-CYcPXUMQ.js";
+import { _ as $ } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-C6gOJx7A.js";
 const x = { class: "clll-toast-provider" }, N = /* @__PURE__ */ L({
   name: "CLToastProvider",
   __name: "CLToastProvider",

package/dist/components/Typography/CLHeading/CLHeading.css

@@ -1 +1 @@
-.clll-heading{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}.clll-heading.clll-heading--pagetitle{font-weight:700;font-size:var(--clll-unit-12);line-height:var(--clll-unit-14_5)}.clll-heading.clll-heading--title{font-weight:600;font-size:var(--clll-unit-8);line-height:var(--clll-unit-10_5)}.clll-heading.clll-heading--section{font-weight:600;font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-heading.clll-heading--subsection{font-weight:500;font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-heading.clll-heading--small{font-weight:700;font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-heading.clll-heading--medium{font-weight:700;font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-heading.clll-heading--large{font-weight:700;font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-heading.clll-heading--xlarge{font-weight:700;font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-heading.clll-heading--wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clll-heading.clll-heading--bolder{font-weight:900}.clll-heading.clll-heading--left{text-align:left}.clll-heading.clll-heading--center{text-align:center}.clll-heading.clll-heading--right{text-align:right}
+.clll-heading{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;color:var(--clll-text-color, inherit);white-space:pre-wrap}.clll-heading.clll-heading--pagetitle{font-weight:700;font-size:var(--clll-unit-12);line-height:var(--clll-unit-14_5)}.clll-heading.clll-heading--title{font-weight:600;font-size:var(--clll-unit-8);line-height:var(--clll-unit-10_5)}.clll-heading.clll-heading--section{font-weight:600;font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-heading.clll-heading--subsection{font-weight:500;font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-heading.clll-heading--small{font-weight:700;font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-heading.clll-heading--medium{font-weight:700;font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-heading.clll-heading--large{font-weight:700;font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-heading.clll-heading--xlarge{font-weight:700;font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-heading.clll-heading--wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clll-heading.clll-heading--bolder{font-weight:900}.clll-heading.clll-heading--left{text-align:left}.clll-heading.clll-heading--center{text-align:center}.clll-heading.clll-heading--right{text-align:right}

package/dist/components/Typography/CLHeading/CLHeading.js

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import './CLHeading.css';
-import { _ as s } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-BcCh5-Bx.js";
+import { _ as s } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-nUnSpm32.js";
 export {
   s as CLHeading,
   s as default

package/dist/components/Typography/CLText/CLText.css

@@ -1 +1 @@
-.clll-text{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;font-weight:400}.clll-text.clll-text--body{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-text.clll-text--summary{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-text.clll-text--tiny{font-size:var(--clll-unit-2_5);line-height:var(--clll-unit-3_5)}.clll-text.clll-text--small{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-text.clll-text--medium{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-text.clll-text--large{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-text.clll-text--xlarge{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-text.clll-text--wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clll-text.clll-text--bold{font-weight:700}.clll-text.clll-text--bolder{font-weight:900}.clll-text.clll-text--light{font-weight:300}.clll-text.clll-text--mediumbold{font-weight:500}.clll-text.clll-text--left{text-align:left}.clll-text.clll-text--center{text-align:center}.clll-text.clll-text--right{text-align:right}
+.clll-text{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;color:var(--clll-text-color, inherit);white-space:pre-wrap;font-weight:400}.clll-text.clll-text--body{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-text.clll-text--summary{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-text.clll-text--tiny{font-size:var(--clll-unit-2_5);line-height:var(--clll-unit-3_5)}.clll-text.clll-text--small{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-text.clll-text--medium{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-text.clll-text--large{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-text.clll-text--xlarge{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-text.clll-text--wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clll-text.clll-text--bold{font-weight:700}.clll-text.clll-text--bolder{font-weight:900}.clll-text.clll-text--light{font-weight:300}.clll-text.clll-text--mediumbold{font-weight:500}.clll-text.clll-text--left{text-align:left}.clll-text.clll-text--center{text-align:center}.clll-text.clll-text--right{text-align:right}

package/dist/components/Typography/CLText/CLText.js

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import './CLText.css';
-import { _ as s } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-Cz9Sv2AC.js";
+import { _ as s } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
 export {
   s as CLText,
   s as default

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

@@ -2,5 +2,7 @@ import { CLColors } from '../../index.ts';
 interface TextThemeProps {
     color?: CLColors;
 }
-export declare const textTheme: ({ color }: TextThemeProps) => string;
+export declare const textTheme: ({ color }: TextThemeProps) => {
+    '--clll-text-color': string;
+};
 export {};

package/dist/composables/useTheme.js

@@ -1,6 +1,7 @@
 import '../assets/core.css';
 import { ref as t, inject as n } from "vue";
-const s = t(), a = t(), r = t(), o = t({
+import { D as o } from "../chunks/base-theme-Bg6XMoeN.js";
+const a = t(o.borderRadius), r = t(o.darkMode), l = t(o.fontFamily), s = t(o.colors || {
   primary: {},
   secondary: {},
   neutral: {},
@@ -8,24 +9,24 @@ const s = t(), a = t(), r = t(), o = t({
   warning: {},
   success: {},
   info: {}
-}), l = (e) => {
-  s.value = e;
-}, c = (e) => {
-  o.value = { ...o.value, ...e };
-}, u = (e) => {
+}), c = (e) => {
   a.value = e;
+}, u = (e) => {
+  s.value = { ...s.value, ...e };
 }, d = (e) => {
   r.value = e;
-}, m = () => n("clll-theme", {
-  borderRadius: s,
-  colors: o,
-  darkMode: a,
-  fontFamily: r,
-  setBorderRadius: l,
-  setColors: c,
-  setDarkMode: u,
-  setFontFamily: d
+}, i = (e) => {
+  l.value = e;
+}, D = () => n("clll-theme", {
+  borderRadius: a,
+  colors: s,
+  darkMode: r,
+  fontFamily: l,
+  setBorderRadius: c,
+  setColors: u,
+  setDarkMode: d,
+  setFontFamily: i
 });
 export {
-  m as useTheme
+  D as useTheme
 };

package/package.json

@@ -17,7 +17,7 @@
     "ui components",
     "vuejs"
   ],
-  "version": "3.16.3",
+  "version": "3.16.5",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -192,7 +192,6 @@
     "@storybook/vue3-vite": "^9.1.13",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^24.9.1",
-    "@types/stylis": "^4.2.7",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vitejs/plugin-vue-jsx": "^5.1.1",
     "@vitest/browser": "4.0.1",
@@ -209,7 +208,6 @@
     "fast-glob": "^3.3.3",
     "jsdom": "^27.0.1",
     "lodash-es": "^4.17.21",
-    "murmurhash": "^2.0.1",
     "playwright": "^1.56.1",
     "rollup-plugin-visualizer": "^6.0.5",
     "sass": "^1.89.2",
@@ -217,7 +215,6 @@
     "size-limit": "^11.0.0",
     "storybook": "^9.1.13",
     "storybook-addon-deep-controls": "^0.9.5",
-    "stylis": "^4.3.6",
     "tsx": "^4.20.6",
     "unplugin-auto-import": "^20.2.0",
     "vite": "^7.1.12",