@codeandfunction/callaloo 3.16.4 → 3.16.6

package/dist/components/CLTable/CLTable.js

@@ -1,23 +1,23 @@
 import '../../assets/core.css';
 import './CLTable.css';
-import { defineComponent as b, useCssVars as C, computed as u, createElementBlock as a, openBlock as d, normalizeClass as c, unref as n, createElementVNode as y, createCommentVNode as w, renderSlot as s, Fragment as g, renderList as k, normalizeStyle as v, createVNode as L, withCtx as x } from "vue";
-import { CLMode as p, CLColorVariants as T, CLColors as B, CLTableTypes as H, CLTextTypes as N } from "../../index.js";
-import { g as R, c as m, a as V } from "../../chunks/utils-Bf54TEIp.js";
-import { useTheme as A } from "../../composables/useTheme.js";
-import { _ as S } from "../../chunks/CLText.vue_vue_type_style_index_0_lang-CG6043pv.js";
-const F = () => {
-  const { borderRadius: o, colors: l, darkMode: e } = A(), i = e.value ? p.Dark : p.Light, t = R({
-    color: B.Neutral,
-    colors: l.value,
-    mode: i,
-    variant: T.Outline
+import { defineComponent as u, computed as f, createElementBlock as o, openBlock as a, normalizeStyle as p, normalizeClass as s, unref as i, createElementVNode as h, createCommentVNode as y, renderSlot as n, Fragment as k, renderList as L, createVNode as v, withCtx as T } from "vue";
+import { CLMode as C, CLColorVariants as B, CLColors as w, CLTableTypes as g, CLTextTypes as H } from "../../index.js";
+import { g as N } from "../../chunks/utils-CS9Gz4oX.js";
+import { useTheme as x } from "../../composables/useTheme.js";
+import { _ as R } from "../../chunks/CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
+const V = () => {
+  const { borderRadius: l, colors: t, darkMode: e } = x(), r = e.value ? C.Dark : C.Light, c = N({
+    color: w.Neutral,
+    colors: t.value,
+    mode: r,
+    variant: B.Outline
   });
-  let r;
-  return o.value && (r = m`&:not([class*='clll-table--rounded-']){&.clll-table-container.clll-table--rounded{border-radius:var(--clll-${o.value})}}`), V(
-    m`&.clll-table--bordered{border-color:${t?.border};border-style:solid;border-width:1px;.clll-table{.clll-table__header{.clll-table__row{.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}.clll-table__body{.clll-table__row{border-bottom-color:${t?.border};border-bottom-style:solid;border-bottom-width:1px;.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}.clll-table__footer{.clll-table__row{.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}}}.clll-table{&.clll-table--default,&.clll-table--condensed{.clll-table__header{.clll-table__row{border-bottom-color:${t?.border};border-bottom-style:solid;border-bottom-width:1px}}.clll-table__body{.clll-table__row{border-bottom-color:${t?.border};border-bottom-style:solid;border-bottom-width:1px;&:hover{background-color:${t?.hover}}&:last-child{border-bottom:0}}}.clll-table__footer{.clll-table__row{border-top-color:${t?.border};border-top-style:solid;border-top-width:1px}}}&.clll-table--striped{.clll-table__body{.clll-table__row{&:nth-child(even){background-color:${t?.hover}}}}}&.clll-table--vertical-lines{.clll-table__header{.clll-table__row{.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}.clll-table__body{.clll-table__row{border-bottom-color:${t?.border};border-bottom-style:solid;border-bottom-width:1px;.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}.clll-table__footer{.clll-table__row{.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}}.clll-table__cell{&.clll-table__cell--active{background-color:${t?.hover}}}}`,
-    r
-  );
-}, W = ["data-testid"], z = ["id"], D = { key: 0 }, E = /* @__PURE__ */ b({
+  return {
+    "--clll-table-border-color": c?.border ?? "transparent",
+    "--clll-table-hover-bg": c?.hover ?? "transparent",
+    "--clll-table-theme-radius": l.value ? `var(--clll-${l.value})` : void 0
+  };
+}, A = ["data-testid"], S = ["id"], F = { key: 0 }, W = /* @__PURE__ */ u({
   name: "CLTable",
   __name: "CLTable",
   props: {
@@ -29,57 +29,53 @@ const F = () => {
     rowHeight: { default: "auto" },
     striped: { type: Boolean },
     testId: { default: "clll-table" },
-    type: { default: H.Default },
+    type: { default: g.Default },
     withVerticalLines: { type: Boolean }
   },
-  setup(o) {
-    C((r) => ({
-      v65ae7e5c: r.rowHeight
-    }));
-    const l = o, e = "clll-table", i = u(() => [
+  setup(l) {
+    const t = l, e = "clll-table", r = f(() => [
       `${e}-container`,
-      l.bordered ? `${e}--bordered` : void 0,
-      l.borderRadius && l.bordered ? `${e}--${l.borderRadius}` : "",
-      l.rounded ? `${e}--rounded` : `${e}--box`
-    ]), t = u(() => [
+      t.bordered ? `${e}--bordered` : void 0,
+      t.borderRadius && t.bordered ? `${e}--${t.borderRadius}` : "",
+      t.rounded ? `${e}--rounded` : `${e}--box`
+    ]), c = f(() => [
       e,
-      `${e}--${l.type}`,
-      l.striped ? `${e}--striped` : void 0,
-      l.withVerticalLines ? `${e}--vertical-lines` : void 0,
-      l.bordered ? `${e}--bordered` : void 0
+      `${e}--${t.type}`,
+      t.striped ? `${e}--striped` : void 0,
+      t.withVerticalLines ? `${e}--vertical-lines` : void 0,
+      t.bordered ? `${e}--bordered` : void 0
     ]);
-    return (r, h) => (d(), a("div", {
-      class: c([
-        n(i),
-        n(F)()
-      ]),
-      "data-testid": o.testId
+    return (d, m) => (a(), o("div", {
+      class: s(i(r)),
+      "data-testid": l.testId,
+      style: p(i(V)())
     }, [
-      y("table", {
-        id: `${e}-${o.id}`,
-        class: c(n(t))
+      h("table", {
+        id: `${e}-${l.id}`,
+        class: s(i(c)),
+        style: p({ "--clll-table-row-height": l.rowHeight })
       }, [
-        o.colWidths?.length ? (d(), a("colgroup", D, [
-          (d(!0), a(g, null, k(o.colWidths, ($, f) => (d(), a("col", {
-            key: `table-${o.id}-col-${f}`,
-            style: v({ width: $ })
+        l.colWidths?.length ? (a(), o("colgroup", F, [
+          (a(!0), o(k, null, L(l.colWidths, (_, $) => (a(), o("col", {
+            key: `table-${l.id}-col-${$}`,
+            style: p({ width: _ })
           }, null, 4))), 128))
-        ])) : w("", !0),
-        s(r.$slots, "default")
-      ], 10, z)
-    ], 10, W));
+        ])) : y("", !0),
+        n(d.$slots, "default")
+      ], 14, S)
+    ], 14, A));
   }
-}), I = "clll-table__body", M = /* @__PURE__ */ b({
+}), z = "clll-table__body", D = /* @__PURE__ */ u({
   name: "CLTableBody",
   __name: "CLTableBody",
-  setup(o) {
-    return (l, e) => (d(), a("tbody", {
-      class: c([I])
+  setup(l) {
+    return (t, e) => (a(), o("tbody", {
+      class: s([z])
     }, [
-      s(l.$slots, "default")
+      n(t.$slots, "default")
     ], 2));
   }
-}), O = ["colspan"], j = ["colspan"], q = /* @__PURE__ */ b({
+}), E = ["colspan"], I = ["colspan"], M = /* @__PURE__ */ u({
   name: "CLTableCell",
   __name: "CLTableCell",
   props: {
@@ -90,109 +86,109 @@ const F = () => {
     isNumber: { type: Boolean, default: !1 },
     onClick: {}
   },
-  setup(o) {
-    const l = o, e = "clll-table__cell", i = u(() => [
+  setup(l) {
+    const t = l, e = "clll-table__cell", r = f(() => [
       e,
-      l.isHeader ? `${e}--header` : `${e}--default`,
-      l.isNumber ? `${e}--number` : "",
-      l.isAction ? `${e}--hasactions` : "",
-      l.isActive ? `${e}--active` : "",
-      l.onClick ? `${e}--clickable` : ""
-    ]), t = () => l?.onClick?.();
-    return (r, h) => o.isHeader ? (d(), a("th", {
+      t.isHeader ? `${e}--header` : `${e}--default`,
+      t.isNumber ? `${e}--number` : "",
+      t.isAction ? `${e}--hasactions` : "",
+      t.isActive ? `${e}--active` : "",
+      t.onClick ? `${e}--clickable` : ""
+    ]), c = () => t?.onClick?.();
+    return (d, m) => l.isHeader ? (a(), o("th", {
       key: 0,
-      class: c(n(i)),
-      colspan: o.colSpan,
-      onClick: t
+      class: s(i(r)),
+      colspan: l.colSpan,
+      onClick: c
     }, [
-      o.isAction ? (d(), a("div", {
+      l.isAction ? (a(), o("div", {
         key: 1,
-        class: c(`${e}__actions`)
+        class: s(`${e}__actions`)
       }, [
-        s(r.$slots, "default")
-      ], 2)) : s(r.$slots, "default", { key: 0 })
-    ], 10, O)) : (d(), a("td", {
+        n(d.$slots, "default")
+      ], 2)) : n(d.$slots, "default", { key: 0 })
+    ], 10, E)) : (a(), o("td", {
       key: 1,
-      class: c(n(i)),
-      colspan: o.colSpan,
-      onClick: t
+      class: s(i(r)),
+      colspan: l.colSpan,
+      onClick: c
     }, [
-      o.isAction ? (d(), a("div", {
+      l.isAction ? (a(), o("div", {
         key: 1,
-        class: c(`${e}__actions`)
+        class: s(`${e}__actions`)
       }, [
-        s(r.$slots, "default")
-      ], 2)) : s(r.$slots, "default", { key: 0 })
-    ], 10, j));
+        n(d.$slots, "default")
+      ], 2)) : n(d.$slots, "default", { key: 0 })
+    ], 10, I));
   }
-}), G = "clll-table__footer", J = /* @__PURE__ */ b({
+}), O = "clll-table__footer", j = /* @__PURE__ */ u({
   name: "CLTableFooter",
   __name: "CLTableFooter",
-  setup(o) {
-    return (l, e) => (d(), a("tfoot", {
-      class: c([G])
+  setup(l) {
+    return (t, e) => (a(), o("tfoot", {
+      class: s([O])
     }, [
-      s(l.$slots, "default")
+      n(t.$slots, "default")
     ], 2));
   }
-}), K = "clll-table__header", P = /* @__PURE__ */ b({
+}), q = "clll-table__header", G = /* @__PURE__ */ u({
   name: "CLTableHeader",
   __name: "CLTableHeader",
-  setup(o) {
-    return (l, e) => (d(), a("thead", {
-      class: c([K])
+  setup(l) {
+    return (t, e) => (a(), o("thead", {
+      class: s([q])
     }, [
-      s(l.$slots, "default")
+      n(t.$slots, "default")
     ], 2));
   }
-}), Q = /* @__PURE__ */ b({
+}), J = /* @__PURE__ */ u({
   name: "CLTableNestedCell",
   __name: "CLTableNestedCell",
   props: {
     truncate: { type: Boolean }
   },
-  setup(o) {
-    const l = "clll-table__nested-cell";
-    return (e, i) => (d(), a("div", {
-      class: c(l)
+  setup(l) {
+    const t = "clll-table__nested-cell";
+    return (e, r) => (a(), o("div", {
+      class: s(t)
     }, [
-      L(n(S), {
-        type: n(N).Small,
-        truncate: o.truncate
+      v(i(R), {
+        type: i(H).Small,
+        truncate: l.truncate
       }, {
-        default: x(() => [
-          s(e.$slots, "default")
+        default: T(() => [
+          n(e.$slots, "default")
         ]),
         _: 3
       }, 8, ["type", "truncate"])
     ]));
   }
-}), U = /* @__PURE__ */ b({
+}), K = /* @__PURE__ */ u({
   name: "CLTableRow",
   __name: "CLTableRow",
   props: {
     onClick: { type: Function }
   },
-  setup(o) {
-    const l = o, e = "clll-table__row", i = u(() => [
+  setup(l) {
+    const t = l, e = "clll-table__row", r = f(() => [
       e,
-      l.onClick ? `${e}--clickable` : ""
-    ]), t = () => l?.onClick?.();
-    return (r, h) => (d(), a("tr", {
-      class: c(n(i)),
-      onClick: t
+      t.onClick ? `${e}--clickable` : ""
+    ]), c = () => t?.onClick?.();
+    return (d, m) => (a(), o("tr", {
+      class: s(i(r)),
+      onClick: c
     }, [
-      s(r.$slots, "default")
+      n(d.$slots, "default")
     ], 2));
   }
-}), _ = E;
-_.Body = M;
-_.Cell = q;
-_.Footer = J;
-_.Header = P;
-_.NestedCell = Q;
-_.Row = U;
+}), b = W;
+b.Body = D;
+b.Cell = M;
+b.Footer = j;
+b.Header = G;
+b.NestedCell = J;
+b.Row = K;
 export {
-  _ as CLTable,
-  _ as default
+  b as CLTable,
+  b as default
 };

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

@@ -1 +1,5 @@
-export declare const tableTheme: () => string;
+export declare const tableTheme: () => {
+    '--clll-table-border-color': string;
+    '--clll-table-hover-bg': string;
+    '--clll-table-theme-radius': string | undefined;
+};

package/dist/components/Containers/CLCard/CLCard.css

@@ -1 +1 @@
-.clll-card{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;transition-property:background-color;transition-duration:.3s;transition-timing-function:ease;width:var(--v788294c1);height:var(--v7e01098c);flex-direction:column;overflow:var(--v561da727)}.clll-card .clll-card__content{position:relative;width:100%;z-index:var(--clll-z-index-10)}.clll-card .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-4)}.clll-card .clll-card__header{position:relative;z-index:var(--clll-z-index-10)}.clll-card .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-card .clll-card__header .clll-link{width:auto}.clll-card.clll-card--has-truncated-title .clll-card__header .clll-link{width:100%}.clll-card .clll-card__slot-content{position:relative;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}.clll-card .clll-card__slot-content.busy>*:not(.clll-skeleton){visibility:hidden}.clll-card .clll-card__slot-content.busy .clll-skeleton{position:absolute;left:0}.clll-card .clll-card__hover-elem{z-index:0;position:absolute;top:0;left:0;background-color:#0000000d;width:100%;height:100%;opacity:0;transition:all .3s ease}.clll-card.clll-card--image-before,.clll-card.clll-card--image-after{flex-wrap:wrap;flex-direction:row}.clll-card.clll-card--image-before .clll-card__content,.clll-card.clll-card--image-after .clll-card__content{display:flex;flex-direction:column;height:100%;flex:1 1 0%}.clll-card.clll-card--image-before .clll-card__content .clll-card__slot,.clll-card.clll-card--image-after .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--rounded{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-full,.clll-card.clll-card--rounded.clll-card--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--rounded-lg,.clll-card.clll-card--rounded.clll-card--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--rounded-md,.clll-card.clll-card--rounded.clll-card--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--rounded-sm,.clll-card.clll-card--rounded.clll-card--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-xs,.clll-card.clll-card--rounded.clll-card--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--rounded-xl,.clll-card.clll-card--rounded.clll-card--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--rounded-2xl,.clll-card.clll-card--rounded.clll-card--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--rounded-3xl,.clll-card.clll-card--rounded.clll-card--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--rounded-none,.clll-card.clll-card--rounded.clll-card--rounded-none .clll-{border-radius:0}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-full .clll-card__image{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-lg .clll-card__image{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-md .clll-card__image{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-sm .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xs .clll-card__image{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xl .clll-card__image{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-2xl .clll-card__image{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-3xl .clll-card__image{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-none .clll-card__image{border-radius:0}.clll-card.clll-card--tiny,.clll-card.clll-card--tiny.clll-card--has-image .clll-card__header{padding:var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-1) var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small,.clll-card.clll-card--small.clll-card--has-image .clll-card__header{padding:var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-3) var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--small.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium,.clll-card.clll-card--medium.clll-card--has-image .clll-card__header{padding:var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-4) var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--medium.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large,.clll-card.clll-card--large.clll-card--has-image .clll-card__header{padding:var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-6) var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--large.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge,.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__header{padding:var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-8) var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--active{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-card.clll-card--busy{pointer-events:none}.clll-card.clll-card--busy .clll-heading,.clll-card.clll-card--busy .clll-text,.clll-card.clll-card--busy .clll-icon,.clll-card.clll-card--busy .clll-card__image__elem{opacity:0}.clll-card.clll-card--busy .clll-card__slot-content{overflow:hidden}.clll-card .clll-card__image{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:flex;width:var(--v6ce6f310);height:var(--v1628751d);justify-content:center;z-index:var(--clll-z-index-10)}.clll-card .clll-card__image .clll-card__image__elem{width:100%;height:100%;object-fit:cover}.clll-card.clll-card--has-image{padding:0}.clll-card.clll-card--has-image .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--has-image .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--has-link{cursor:pointer;outline-offset:2px}.clll-card.clll-card--has-link:hover .clll-card__hover-elem{opacity:1}.clll-card.clll-card--has-link:hover .clll-card__header .clll-button .clll-button__content .clll-heading{text-decoration-line:underline;text-underline-offset:var(--clll-py-s-xs)}.clll-card.clll-card--bordered{border-style:solid;border-width:1px}.clll-card.clll-card--transparent{border:none;background-color:transparent}.clll-card.clll-card--transparent.clll-card--has-image.clll-card--rounded .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--transparent:hover .clll-card__hover-elem{opacity:0}.clll-card.clll-card--align-left{text-align:left}.clll-card.clll-card--align-center{text-align:center}.clll-card.clll-card--align-right{text-align:right}.clll-card.clll-card--no-padding{padding:0}.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__header,.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__slot{padding-left:0;padding-right:0}.clll-card.clll-card--no-content .clll-card__content .clll-card__slot{display:none;padding:0}.clll-card.clll-card--no-content.clll-card--no-heading.clll-card--has-footer.clll-card--no-header .clll-card__content .clll-card__footer{margin-top:0}.clll-card.clll-card--no-footer .clll-card__content .clll-card__footer{display:none}.clll-card.clll-card--no-heading .clll-card__content .clll-card__slot{margin-top:0}.clll-card.clll-card--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-card .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-card{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;transition-property:background-color;transition-duration:.3s;transition-timing-function:ease;flex-direction:column;border-color:var(--clll-card-border-color, transparent);background-color:var(--clll-card-bg-color, transparent)}.clll-card .clll-card__content{position:relative;width:100%;z-index:var(--clll-z-index-10)}.clll-card .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-4)}.clll-card .clll-card__header{position:relative;z-index:var(--clll-z-index-10)}.clll-card .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-card .clll-card__header .clll-link{width:auto}.clll-card.clll-card--has-truncated-title .clll-card__header .clll-link{width:100%}.clll-card .clll-card__heading,.clll-card .clll-card__byline{color:var(--clll-card-text-color, inherit)}.clll-card .clll-card__slot-content{position:relative;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}.clll-card .clll-card__slot-content.busy>*:not(.clll-skeleton){visibility:hidden}.clll-card .clll-card__slot-content.busy .clll-skeleton{position:absolute;left:0}.clll-card .clll-card__hover-elem{z-index:0;position:absolute;top:0;left:0;background-color:#0000000d;width:100%;height:100%;opacity:0;transition:all .3s ease}.clll-card.clll-card--image-before,.clll-card.clll-card--image-after{flex-wrap:wrap;flex-direction:row}.clll-card.clll-card--image-before .clll-card__content,.clll-card.clll-card--image-after .clll-card__content{display:flex;flex-direction:column;height:100%;flex:1 1 0%}.clll-card.clll-card--image-before .clll-card__content .clll-card__slot,.clll-card.clll-card--image-after .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--rounded{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-full,.clll-card.clll-card--rounded.clll-card--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--rounded-lg,.clll-card.clll-card--rounded.clll-card--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--rounded-md,.clll-card.clll-card--rounded.clll-card--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--rounded-sm,.clll-card.clll-card--rounded.clll-card--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-xs,.clll-card.clll-card--rounded.clll-card--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--rounded-xl,.clll-card.clll-card--rounded.clll-card--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--rounded-2xl,.clll-card.clll-card--rounded.clll-card--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--rounded-3xl,.clll-card.clll-card--rounded.clll-card--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--rounded-none,.clll-card.clll-card--rounded.clll-card--rounded-none .clll-{border-radius:0}.clll-card.clll-card--rounded.clll-card--ghost:not([class*=clll-card--rounded-]){border-radius:var(--clll-card-theme-radius, var(--clll-rounded-sm))}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-full .clll-card__image{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-lg .clll-card__image{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-md .clll-card__image{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-sm .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xs .clll-card__image{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xl .clll-card__image{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-2xl .clll-card__image{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-3xl .clll-card__image{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-none .clll-card__image{border-radius:0}.clll-card.clll-card--tiny,.clll-card.clll-card--tiny.clll-card--has-image .clll-card__header{padding:var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-1) var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small,.clll-card.clll-card--small.clll-card--has-image .clll-card__header{padding:var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-3) var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--small.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium,.clll-card.clll-card--medium.clll-card--has-image .clll-card__header{padding:var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-4) var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--medium.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large,.clll-card.clll-card--large.clll-card--has-image .clll-card__header{padding:var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-6) var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--large.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge,.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__header{padding:var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-8) var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--active{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-card.clll-card--busy{pointer-events:none}.clll-card.clll-card--busy .clll-heading,.clll-card.clll-card--busy .clll-text,.clll-card.clll-card--busy .clll-icon,.clll-card.clll-card--busy .clll-card__image__elem{opacity:0}.clll-card.clll-card--busy .clll-card__slot-content{overflow:hidden}.clll-card .clll-card__image{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:flex;background-color:var(--clll-card-image-bg, transparent);justify-content:center;z-index:var(--clll-z-index-10)}.clll-card .clll-card__image .clll-card__image__elem{width:100%;height:100%;object-fit:cover}.clll-card.clll-card--has-image{padding:0}.clll-card.clll-card--has-image .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--has-image .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--has-link{cursor:pointer;outline-offset:2px}.clll-card.clll-card--has-link:hover:focus-visible{outline-color:var(--clll-card-focus-border, transparent);outline-style:solid;outline-width:2px;box-shadow:0 0 0 var(--clll-unit-0) var(--clll-card-focus-shadow, transparent);outline-offset:-1px}.clll-card.clll-card--has-link:hover .clll-card__hover-elem{opacity:1}.clll-card.clll-card--has-link:hover .clll-card__header .clll-button .clll-button__content .clll-heading{text-decoration-line:underline;text-underline-offset:var(--clll-py-s-xs)}.clll-card.clll-card--bordered{border-style:solid;border-width:1px}.clll-card.clll-card--transparent{border:none;background-color:transparent}.clll-card.clll-card--transparent.clll-card--has-image.clll-card--rounded .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--transparent:hover .clll-card__hover-elem{opacity:0}.clll-card.clll-card--align-left{text-align:left}.clll-card.clll-card--align-center{text-align:center}.clll-card.clll-card--align-right{text-align:right}.clll-card.clll-card--no-padding{padding:0}.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__header,.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__slot{padding-left:0;padding-right:0}.clll-card.clll-card--no-content .clll-card__content .clll-card__slot{display:none;padding:0}.clll-card.clll-card--no-content.clll-card--no-heading.clll-card--has-footer.clll-card--no-header .clll-card__content .clll-card__footer{margin-top:0}.clll-card.clll-card--no-footer .clll-card__content .clll-card__footer{display:none}.clll-card.clll-card--no-heading .clll-card__content .clll-card__slot{margin-top:0}.clll-card.clll-card--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-card .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}

package/dist/components/Containers/CLCard/CLCard.js

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import './CLCard.css';
-import { _ as r } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-Ba1c7ZNn.js";
+import { _ as r } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-CAjsSjd9.js";
 export {
   r as CLCard,
   r as default

package/dist/components/Containers/CLCarousel/CLCarousel.js

@@ -1,8 +1,8 @@
 import '../../../assets/core.css';
 import './CLCarousel.css';
 import { defineComponent as re, computed as u, createElementBlock as c, openBlock as s, Fragment as F, createCommentVNode as C, unref as e, normalizeClass as l, renderList as me, createBlock as he, createElementVNode as y, createVNode as x, withCtx as X, createTextVNode as Y, toDisplayString as q, useCssVars as be, ref as r, onMounted as we, onUnmounted as pe, watch as Ce, renderSlot as Z, nextTick as se } from "vue";
-import { _ as E } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang--MP4S4D4.js";
-import { _ as ce } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-CG6043pv.js";
+import { _ as E } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CQipGQ26.js";
+import { _ as ce } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
 import { CLPaginationType as $, CLColorVariants as B, CLSizes as W, CLIconSizes as D, CLIconNames as O, CLTextTypes as xe, CLAlign as A, CLOrder as R, CLColors as ye } from "../../../index.js";
 import { i as H, c as Pe, d as $e } from "../../../chunks/helper--hRjZVm6.js";
 import { useHasSlotContent as Te } from "../../../composables/useHasSlotContent.js";

package/dist/components/Containers/CLDisclosure/CLDisclosure.css

@@ -1 +1 @@
-.clll-disclosure .clll-disclosure__trigger .clll-button{display:block}.clll-disclosure.clll-disclosure--tiny .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-disclosure.clll-disclosure--small .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2_5)}.clll-disclosure.clll-disclosure--medium .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3)}.clll-disclosure.clll-disclosure--large .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3_5)}.clll-disclosure.clll-disclosure--xlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--tiny{padding:var(--clll-py-sm) var(--clll-unit-2)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--small{padding:var(--clll-py-md) var(--clll-unit-2_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--medium{padding:var(--clll-py-lg) var(--clll-unit-3)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--large{padding:var(--clll-py-xl) var(--clll-unit-3_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--xlarge{padding:var(--clll-py-2xl) var(--clll-unit-4_5)}.clll-disclosure.clll-disclosure--expanded .clll-disclosure__trigger .clll-button.clll-button--rounded{border-bottom-left-radius:0;border-bottom-right-radius:0}.clll-disclosure.clll-disclosure--expanded .clll-disclosure__content{display:block}.clll-disclosure.clll-disclosure--collapsed .clll-disclosure__content{display:none}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-full,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-lg,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-md,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-sm,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xs,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-2xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-3xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-none,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-none .clll-{border-radius:0}.clll-disclosure.clll-disclosure--compact .clll-disclosure__trigger{padding:0}.clll-disclosure.clll-disclosure--compact .clll-disclosure__trigger .clll-button,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--tiny,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--small,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--medium,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--large,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--xlarge{padding:var(--clll-unit-1) 0}.clll-disclosure:not(.clll-disclosure--bordered){border:0}.clll-disclosure:not(.clll-disclosure--bordered) .clll-disclosure__trigger .clll-button{border:0}.clll-disclosure:not(.clll-disclosure--bordered) .clll-disclosure__content{border:0}.clll-disclosure .clll-disclosure__heading{display:flex;flex-direction:row;align-items:center}.clll-disclosure .clll-disclosure__heading .clll-heading{flex:1}.clll-disclosure:not(.clll-disclosure--hasheading) .clll-disclosure__text-subheading{flex:1 1 0%}
+.clll-disclosure{border-color:var(--clll-disclosure-border-color, transparent);border-style:solid;border-width:1px}.clll-disclosure .clll-disclosure__trigger .clll-button{display:block;border:0}.clll-disclosure .clll-disclosure__heading .clll-heading,.clll-disclosure .clll-disclosure__heading .clll-text{color:var(--clll-disclosure-text-color, inherit)}.clll-disclosure .clll-disclosure__content{border-top-width:1px;border-top-style:solid;border-top-color:var(--clll-disclosure-content-border, transparent)}.clll-disclosure.clll-disclosure--tiny .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-disclosure.clll-disclosure--small .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2_5)}.clll-disclosure.clll-disclosure--medium .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3)}.clll-disclosure.clll-disclosure--large .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3_5)}.clll-disclosure.clll-disclosure--xlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--tiny{padding:var(--clll-py-sm) var(--clll-unit-2)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--small{padding:var(--clll-py-md) var(--clll-unit-2_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--medium{padding:var(--clll-py-lg) var(--clll-unit-3)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--large{padding:var(--clll-py-xl) var(--clll-unit-3_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--xlarge{padding:var(--clll-py-2xl) var(--clll-unit-4_5)}.clll-disclosure.clll-disclosure--expanded .clll-disclosure__trigger .clll-button.clll-button--rounded{border-bottom-left-radius:0;border-bottom-right-radius:0}.clll-disclosure.clll-disclosure--expanded .clll-disclosure__content{display:block}.clll-disclosure.clll-disclosure--collapsed .clll-disclosure__content{display:none}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-full,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-lg,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-md,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-sm,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xs,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-2xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-3xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-none,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-none .clll-{border-radius:0}.clll-disclosure.clll-disclosure--rounded:not([class*=clll-disclosure--rounded-]){border-radius:var(--clll-disclosure-theme-radius, var(--clll-rounded-sm))}.clll-disclosure.clll-disclosure--rounded:not([class*=clll-disclosure--rounded-]) .clll-disclosure__trigger .clll-button.clll-button--rounded{border-radius:var(--clll-disclosure-theme-radius, var(--clll-rounded-sm))}.clll-disclosure.clll-disclosure--compact .clll-disclosure__trigger{padding:0}.clll-disclosure.clll-disclosure--compact .clll-disclosure__trigger .clll-button,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--tiny,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--small,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--medium,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--large,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--xlarge{padding:var(--clll-unit-1) 0}.clll-disclosure:not(.clll-disclosure--bordered){border:0}.clll-disclosure:not(.clll-disclosure--bordered) .clll-disclosure__trigger .clll-button{border:0}.clll-disclosure:not(.clll-disclosure--bordered) .clll-disclosure__content{border:0}.clll-disclosure .clll-disclosure__heading{display:flex;flex-direction:row;align-items:center}.clll-disclosure .clll-disclosure__heading .clll-heading{flex:1}.clll-disclosure:not(.clll-disclosure--hasheading) .clll-disclosure__text-subheading{flex:1 1 0%}

package/dist/components/Containers/CLDisclosure/CLDisclosure.js

@@ -1,20 +1,20 @@
 import '../../../assets/core.css';
 import './CLDisclosure.css';
-import { defineComponent as S, ref as g, computed as $, onBeforeUnmount as L, createElementBlock as I, openBlock as i, normalizeClass as o, unref as d, createElementVNode as c, createVNode as T, withCtx as u, createBlock as l, createCommentVNode as s, createTextVNode as b, toDisplayString as y, renderSlot as H } from "vue";
-import { _ as k } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang--MP4S4D4.js";
-import { _ as E } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-BO5OiCE-.js";
-import { _ as h } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-B_341q_b.js";
-import { _ as N } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-CG6043pv.js";
-import { CLColorVariants as R, CLSizes as w, CLTextTypes as A, CLIconSizes as D, CLIconNames as C, CLHeadingTypes as V, CLColors as p, CLBorderRadius as M, CLButtonTypes as U } from "../../../index.js";
-import { d as F } from "../../../chunks/utils-B_htczw5.js";
-import { useEsc as j } from "../../../composables/useEsc.js";
-const q = ["data-testid"], G = ["id", "aria-labelledby", "aria-hidden"], _ = /* @__PURE__ */ S({
+import { defineComponent as x, ref as g, computed as $, onBeforeUnmount as L, createElementBlock as I, openBlock as i, normalizeStyle as T, normalizeClass as o, unref as d, createElementVNode as c, createVNode as H, withCtx as u, createBlock as l, createCommentVNode as s, createTextVNode as y, toDisplayString as b, renderSlot as k } from "vue";
+import { _ as E } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CQipGQ26.js";
+import { _ as N } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-nUnSpm32.js";
+import { _ as h } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-R0Nhlutc.js";
+import { _ as R } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
+import { CLColorVariants as w, CLSizes as A, CLTextTypes as D, CLIconSizes as V, CLIconNames as C, CLHeadingTypes as p, CLColors as M, CLBorderRadius as U, CLButtonTypes as F } from "../../../index.js";
+import { d as j } from "../../../chunks/utils-zJwcNHl4.js";
+import { useEsc as q } from "../../../composables/useEsc.js";
+const G = ["data-testid"], J = ["id", "aria-labelledby", "aria-hidden"], ee = /* @__PURE__ */ x({
   name: "CLDisclosure",
   __name: "CLDisclosure",
   props: {
     bordered: { type: Boolean, default: !0 },
-    borderRadius: { default: M.Medium },
-    color: { default: p.Neutral },
+    borderRadius: { default: U.Medium },
+    color: { default: M.Neutral },
     compact: { type: Boolean, default: !1 },
     contentSpacing: { type: Boolean, default: !0 },
     disclosureId: {},
@@ -22,17 +22,17 @@ const q = ["data-testid"], G = ["id", "aria-labelledby", "aria-hidden"], _ = /*
     expandedIcon: { default: C.ChevronUp },
     heading: {},
     headingLevel: {},
-    headingType: { default: V.Section },
+    headingType: { default: p.Section },
     iconAfter: { default: C.ChevronDown },
-    iconAfterSize: { default: D.Medium },
+    iconAfterSize: { default: V.Medium },
     iconBefore: {},
     iconBeforeSize: {},
     rounded: { type: Boolean, default: !0 },
     subHeading: {},
-    subHeadingType: { default: A.Body },
+    subHeadingType: { default: D.Body },
     testId: { default: "clll-disclosure" },
-    triggerButtonSize: { default: w.Medium },
-    variant: { default: R.Soft }
+    triggerButtonSize: { default: A.Medium },
+    variant: { default: w.Soft }
   },
   setup(e) {
     const a = "clll-disclosure", t = e;
@@ -56,17 +56,18 @@ const q = ["data-testid"], G = ["id", "aria-labelledby", "aria-hidden"], _ = /*
       r && (f.value = r);
     }, m = () => {
       n.value ? n.value = !1 : n.value = !0;
-    }, { clearEventListeners: x } = j({ escHandler: m, triggerElem: f });
+    }, { clearEventListeners: S } = q({ escHandler: m, triggerElem: f });
     return L(() => {
-      x();
-    }), (r, J) => (i(), I("div", {
-      class: o([d(v), d(F)({ color: e.color, variant: e.variant })]),
+      S();
+    }), (r, K) => (i(), I("div", {
+      class: o(d(v)),
+      style: T(d(j)({ color: e.color, variant: e.variant })),
       "data-testid": e.testId
     }, [
       c("div", {
         class: o(`${a}__trigger`)
       }, [
-        T(d(k), {
+        H(d(E), {
           id: `${a}__button--${e.disclosureId}`,
           "aria-controls": `${a}--${e.disclosureId}`,
           "aria-expanded": d(n),
@@ -75,7 +76,7 @@ const q = ["data-testid"], G = ["id", "aria-labelledby", "aria-hidden"], _ = /*
           "forward-ref": z,
           "on-click": m,
           size: e.triggerButtonSize,
-          type: d(U).Button,
+          type: d(F).Button,
           rounded: e.rounded,
           width: "100%",
           variant: e.variant
@@ -89,25 +90,25 @@ const q = ["data-testid"], G = ["id", "aria-labelledby", "aria-hidden"], _ = /*
                 name: e.iconBefore,
                 size: e.iconBeforeSize
               }, null, 8, ["name", "size"])) : s("", !0),
-              e.heading ? (i(), l(d(E), {
+              e.heading ? (i(), l(d(N), {
                 key: 1,
                 class: o(`${a}__text-heading`),
                 type: e.headingType,
                 level: e.headingLevel
               }, {
                 default: u(() => [
-                  b(y(e.heading), 1)
+                  y(b(e.heading), 1)
                 ]),
                 _: 1
               }, 8, ["class", "type", "level"])) : s("", !0),
-              e.subHeading ? (i(), l(d(N), {
+              e.subHeading ? (i(), l(d(R), {
                 key: 2,
                 class: o(`${a}__text-subheading`),
                 type: e.subHeadingType,
                 truncate: ""
               }, {
                 default: u(() => [
-                  b(y(e.subHeading), 1)
+                  y(b(e.subHeading), 1)
                 ]),
                 _: 1
               }, 8, ["class", "type"])) : s("", !0),
@@ -127,12 +128,12 @@ const q = ["data-testid"], G = ["id", "aria-labelledby", "aria-hidden"], _ = /*
         "aria-hidden": !d(n),
         class: o(d(B))
       }, [
-        H(r.$slots, "default")
-      ], 10, G)
-    ], 10, q));
+        k(r.$slots, "default")
+      ], 10, J)
+    ], 14, G));
   }
 });
 export {
-  _ as CLDisclosure,
-  _ as default
+  ee as CLDisclosure,
+  ee as default
 };

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

@@ -3,6 +3,19 @@ interface ThemeProps {
     color: CLColors;
     variant: CLColorVariants;
 }
-export declare const cardTheme: ({ color, variant }: ThemeProps) => string;
-export declare const disclosureTheme: ({ color, variant }: ThemeProps) => string;
+export declare const cardTheme: ({ color, variant }: ThemeProps) => {
+    '--clll-card-border-color': string;
+    '--clll-card-bg-color': string;
+    '--clll-card-image-bg': string;
+    '--clll-card-text-color': string;
+    '--clll-card-focus-border': string;
+    '--clll-card-focus-shadow': string;
+    '--clll-card-theme-radius': string | undefined;
+};
+export declare const disclosureTheme: ({ color, variant }: ThemeProps) => {
+    '--clll-disclosure-border-color': string;
+    '--clll-disclosure-text-color': string;
+    '--clll-disclosure-content-border': string;
+    '--clll-disclosure-theme-radius': string | undefined;
+};
 export {};

package/dist/components/Form/CLCheckbox/CLCheckbox.css

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