@codeandfunction/callaloo 3.16.4 → 3.16.6

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--MP4S4D4.js";
-import { _ as Y } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-BO5OiCE-.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-Bf54TEIp.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,
-    colors: w.value,
-    mode: d,
-    variant: T.Solid
+import { defineComponent as W, useTemplateRef as F, useSlots as U, ref as Z, computed as _, watch as j, onMounted as q, onBeforeUnmount as A, createElementBlock as p, createCommentVNode as f, openBlock as v, normalizeStyle as w, normalizeClass as l, unref as n, createElementVNode as d, createBlock as B, renderSlot as $, withCtx as G, createTextVNode as J, toDisplayString as K } from "vue";
+import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CQipGQ26.js";
+import { _ as Q } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-nUnSpm32.js";
+import { CLMode as k, CLColors as T, CLColorVariants as R, CLBorderRadius as X, CLIconSizes as Y, CLIconNames as ee, CLHeadingTypes as oe } from "../../../index.js";
+import { g as te } from "../../../chunks/utils-CS9Gz4oX.js";
+import { useTheme as ne } from "../../../composables/useTheme.js";
+import { useEsc as le } from "../../../composables/useEsc.js";
+import { b as S, i as a } from "../../../chunks/helper--hRjZVm6.js";
+const se = () => {
+  const { borderRadius: t, colors: y, darkMode: c } = ne(), r = c.value ? k.Dark : k.Light, u = te({
+    color: T.Neutral,
+    colors: y.value,
+    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
+  };
+}, ae = ["id", "data-testid"], re = ["aria-labelledby"], we = /* @__PURE__ */ W({
   name: "CLModal",
   __name: "CLModal",
   props: {
     borderRadius: { default: void 0 },
     close: { type: Boolean, default: !0 },
-    closeBorderRadius: { default: ee.Full },
+    closeBorderRadius: { default: X.Full },
     dismissible: { type: Boolean, default: !0 },
     fullscreen: { type: Boolean, default: !1 },
     isOpen: { type: Boolean, default: !1 },
@@ -36,22 +39,17 @@ const re = () => {
     zIndex: { default: 100 }
   },
   emits: ["modal-open", "modal-close"],
-  setup(t, { emit: w }) {
-    F((l) => ({
-      v1b3cde5d: n(O),
-      v9756aaa0: n(V),
-      v7a09ccea: l.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);
-    }, x = () => {
-      s && window?.document.body.classList.remove(h);
-    }, N = m(() => [
+  setup(t, { emit: y }) {
+    const c = y, r = F("modal-window"), u = U(), o = t, e = "clll-modal", x = "clll-prevent-scroll", m = Z(), C = () => {
+      a && window?.document.body.classList.add(x);
+    }, I = () => {
+      a && window?.document.body.classList.remove(x);
+    }, 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 +57,122 @@ 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 = (s) => {
       try {
-        const i = l?.target, L = d.value;
-        return s && L && !L.contains(i) ? !0 : void 0;
+        const i = s?.target, g = r.value;
+        return a && g && !g.contains(i) ? !0 : void 0;
       } catch (i) {
         console.error(i);
         return;
       }
-    }, b = (l) => {
+    }, b = (s) => {
       try {
-        H(l) && (s && window.removeEventListener("mousedown", b), z());
+        H(s) && (a && window.removeEventListener("mousedown", b), L());
       } catch (i) {
         console.error(i);
       }
-    }, y = () => {
-      s && window.removeEventListener("mousedown", b);
-    }, I = () => {
-      s && (_.value && s && window.clearTimeout(_.value), y(), x());
+    }, h = () => {
+      a && window.removeEventListener("mousedown", b);
     }, z = () => {
-      o.isOpen && (o.onClose?.(), I());
+      a && (m.value && a && window.clearTimeout(m.value), h(), I());
+    }, L = () => {
+      o.isOpen && (o.onClose?.(), z());
     };
-    q(o, (l) => {
-      l.isOpen ? (c("modal-open"), C(), d.value && d.value.focus(), s && l.dismissible && (y(), _.value = window.setTimeout(() => {
+    j(o, (s) => {
+      s.isOpen ? (c("modal-open"), C(), r.value && r.value.focus(), a && s.dismissible && (h(), m.value = window.setTimeout(() => {
         window.addEventListener("mousedown", b);
-      }, 100))) : (d.value && d.value.blur(), x(), y(), _.value && s && window.clearTimeout(_.value), c("modal-close"));
-    }), A(() => {
-      o.isOpen && s && (C(), d.value && d.value.focus());
+      }, 100))) : (r.value && r.value.blur(), I(), h(), m.value && a && window.clearTimeout(m.value), c("modal-close"));
+    }), q(() => {
+      o.isOpen && a && (C(), r.value && r.value.focus());
     });
-    const { clearEventListeners: D } = de({ escHandler: o.dismissible ? z : void 0 });
-    return G(() => {
-      I(), D();
-    }), (l, i) => t.isOpen ? (v(), p("div", {
+    const { clearEventListeners: D } = le({ escHandler: o.dismissible ? L : void 0 });
+    return A(() => {
+      z(), D();
+    }), (s, i) => t.isOpen ? (v(), p("div", {
       key: 0,
       id: t.modalId,
-      class: a([n(N), n(re)()]),
-      "data-testid": t.testId
+      class: l(n(N)),
+      "data-testid": t.testId,
+      style: w({ ...n(se)(), zIndex: n(O) })
     }, [
-      r("div", {
-        class: a(n(E))
+      d("div", {
+        class: l(n(E)),
+        style: w({ zIndex: n(V) })
       }, [
-        r("div", {
+        d("div", {
           ref: "modal-window",
           "aria-modal": "true",
           "aria-labelledby": `${e}__content__header__title`,
-          class: a(n(M)),
+          class: l(n(M)),
           role: "dialog",
-          tabindex: -1
+          tabindex: -1,
+          style: w({ "--clll-modal-max-width": t.maxWidth })
         }, [
-          r("div", {
-            class: a(`${e}__close-button`)
+          d("div", {
+            class: l(`${e}__close-button`)
           }, [
-            t.onClose && t.close ? (v(), g(n(X), {
+            t.onClose && t.close ? (v(), B(n(P), {
               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: n(T).Neutral,
+              "icon-before": n(ee).Delete,
+              "icon-size": n(Y).Tiny,
               "on-click": t.onClose,
               "test-id": `${e}__close-button`,
-              variant: n(T).Text
+              variant: n(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: l(`${e}__content__header`)
           }, [
-            r("div", {
-              class: a(`${e}__content__title`)
+            d("div", {
+              class: l(`${e}__content__title`)
             }, [
-              r("div", {
-                class: a(`${e}__content__header__container`)
+              d("div", {
+                class: l(`${e}__content__header__container`)
               }, [
-                t.title ? (v(), g(n(Y), {
+                t.title ? (v(), B(n(Q), {
                   key: 0,
                   id: `${e}__content__header__title`,
-                  class: a(`${e}__content__header__title`),
-                  type: n(le).Section
+                  class: l(`${e}__content__header__title`),
+                  type: n(oe).Section
                 }, {
-                  default: J(() => [
-                    K(P(t.title), 1)
+                  default: G(() => [
+                    J(K(t.title), 1)
                   ]),
                   _: 1
                 }, 8, ["id", "class", "type"])) : f("", !0),
-                $(l.$slots, "header")
+                $(s.$slots, "header")
               ], 2)
             ], 2)
           ], 2),
-          r("div", {
-            class: a(`${e}__content__scroller`)
+          d("div", {
+            class: l(`${e}__content__scroller`)
           }, [
-            r("div", {
-              class: a(`${e}__content__body`)
+            d("div", {
+              class: l(`${e}__content__body`)
             }, [
-              $(l.$slots, "body")
+              $(s.$slots, "body")
             ], 2)
           ], 2),
-          r("div", {
-            class: a(`${e}__content__footer`)
+          d("div", {
+            class: l(`${e}__content__footer`)
           }, [
-            $(l.$slots, "footer")
+            $(s.$slots, "footer")
           ], 2)
-        ], 10, ce)
-      ], 2),
+        ], 14, re)
+      ], 6),
       t.overlay ? (v(), p("div", {
         key: 0,
         ref: "overlay-ref",
-        class: a(`${e}__overlay`),
-        style: Q({ zIndex: t.zIndex })
+        class: l(`${e}__overlay`),
+        style: w({ zIndex: t.zIndex })
       }, null, 6)) : f("", !0)
-    ], 10, ie)) : f("", !0);
+    ], 14, ae)) : f("", !0);
   }
 });
 export {
-  $e as CLModal,
-  $e as default
+  we as CLModal,
+  we 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-RAFpWIR2.js";
+import { _ as s } from "../../../chunks/CLLink.vue_vue_type_style_index_0_lang-DCwTmOOz.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-DtzSW2Tr.js";
+import { _ as s } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-B_AmMW02.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-DtzSW2Tr.js";
-import { _ as L } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-CG6043pv.js";
+import { _ as k } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-B_AmMW02.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}