@codeandfunction/callaloo 3.22.0 → 4.0.0

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

@@ -1,14 +1,14 @@
 import '../../../assets/core.css';
 import './CLDisclosure.css';
-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-kYdsi6-T.js";
+import { defineComponent as S, 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-B-XC2_j4.js";
 import { _ as N } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DntAR1dI.js";
-import { _ as h } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CduBjI1N.js";
+import { _ as h } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CMjcMLcy.js";
 import { _ as w } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
-import { CLColorVariants as A, CLSizes as D, CLTextTypes as R, CLIconSizes as V, CLIconNames as v, CLHeadingTypes as p, CLColors as M, CLButtonTypes as U } from "../../../index.js";
+import { CLColorVariants as D, CLSizes as R, CLTextTypes as V, CLIconSizes as p, CLIconNames as v, CLHeadingTypes as A, CLColors as M, CLButtonTypes as U } from "../../../index.js";
 import { d as F } from "../../../chunks/utils-BwiU4N7s.js";
 import { useEsc as j } from "../../../composables/useEsc.js";
-const q = ["data-testid"], G = ["id", "aria-labelledby", "aria-hidden"], _ = /* @__PURE__ */ x({
+const q = ["data-testid"], G = ["id", "aria-labelledby", "aria-hidden"], _ = /* @__PURE__ */ S({
   name: "CLDisclosure",
   __name: "CLDisclosure",
   props: {
@@ -22,17 +22,16 @@ const q = ["data-testid"], G = ["id", "aria-labelledby", "aria-hidden"], _ = /*
     expandedIcon: { default: v.ChevronUp },
     heading: {},
     headingLevel: {},
-    headingType: { default: p.Section },
+    headingType: { default: A.Section },
     iconAfter: { default: v.ChevronDown },
-    iconAfterSize: { default: V.Medium },
     iconBefore: {},
-    iconBeforeSize: {},
+    iconSize: { default: p.Medium },
     rounded: { type: Boolean, default: !0 },
     subHeading: {},
-    subHeadingType: { default: R.Body },
+    subHeadingType: { default: V.Body },
     testId: { default: "clll-disclosure" },
-    triggerButtonSize: { default: D.Medium },
-    variant: { default: A.Soft }
+    triggerButtonSize: { default: R.Medium },
+    variant: { default: D.Soft }
   },
   setup(e) {
     const a = "clll-disclosure", t = e;
@@ -56,9 +55,9 @@ const q = ["data-testid"], G = ["id", "aria-labelledby", "aria-hidden"], _ = /*
       r && (f.value = r);
     }, m = () => {
       n.value ? n.value = !1 : n.value = !0;
-    }, { clearEventListeners: S } = j({ escHandler: m, triggerElem: f });
+    }, { clearEventListeners: x } = j({ escHandler: m, triggerElem: f });
     return L(() => {
-      S();
+      x();
     }), (r, J) => (i(), I("div", {
       class: o(d(C)),
       style: T(d(F)({ color: e.color, variant: e.variant })),
@@ -88,7 +87,7 @@ const q = ["data-testid"], G = ["id", "aria-labelledby", "aria-hidden"], _ = /*
               e.iconBefore ? (i(), l(d(h), {
                 key: 0,
                 name: e.iconBefore,
-                size: e.iconBeforeSize
+                size: e.iconSize
               }, null, 8, ["name", "size"])) : s("", !0),
               e.heading ? (i(), l(d(N), {
                 key: 1,
@@ -115,7 +114,7 @@ const q = ["data-testid"], G = ["id", "aria-labelledby", "aria-hidden"], _ = /*
               e.iconAfter ? (i(), l(d(h), {
                 key: 3,
                 name: d(n) ? e.expandedIcon : e.iconAfter,
-                size: e.iconAfterSize
+                size: e.iconSize
               }, null, 8, ["name", "size"])) : s("", !0)
             ], 2)
           ]),

package/dist/components/Containers/CLDisclosure/CLDisclosure.vue.d.ts

@@ -24,12 +24,10 @@ export interface CLDisclosureProps {
     headingType?: CLHeadingTypes;
     /** Set the icon to display when the disclosure is collapsed */
     iconAfter?: CLIconNames;
-    /** Set the size of the icon after the heading text */
-    iconAfterSize?: CLIconSizes;
     /** Set the icon to display before the heading text */
     iconBefore?: CLIconNames;
-    /** Set the size of the icon before the heading text */
-    iconBeforeSize?: CLIconSizes;
+    /** Set the size of icons displayed before and after the heading text */
+    iconSize?: CLIconSizes;
     /** Set the rounded state of the disclosure */
     rounded?: boolean;
     /** Set the text of the sub-heading displayed after the heading */
@@ -49,7 +47,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
     rounded: boolean;
     testId: string;
     iconAfter: CLIconNames;
-    iconAfterSize: CLIconSizes;
+    iconSize: CLIconSizes;
     bordered: boolean;
     compact: boolean;
     contentSpacing: boolean;

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

@@ -3,7 +3,7 @@ import './CLCheckbox.css';
 import '../../../assets/shared/form-utilities.css';
 import { defineComponent as T, mergeModels as z, useTemplateRef as B, useModel as S, computed as y, createBlock as m, openBlock as f, withCtx as $, createElementVNode as i, createCommentVNode as C, normalizeStyle as M, normalizeClass as s, unref as n, withDirectives as V, vModelCheckbox as q, createVNode as F, createTextVNode as N, toDisplayString as I } from "vue";
 import { _ as R, c as D, a as X } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-CF_lxNr8.js";
-import { _ as w } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CduBjI1N.js";
+import { _ as w } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CMjcMLcy.js";
 import { _ as E } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
 import { CLSizes as o, CLIconSizes as u, CLTextTypes as c, CLIconNames as H, CLColorVariants as O, CLColors as U } from "../../../index.js";
 const j = ["data-testid"], A = ["for", "disabled"], G = ["id", "aria-label", "disabled", "form", "name", "required", "value"], Z = /* @__PURE__ */ T({

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

@@ -5,10 +5,10 @@ import { defineComponent as v, computed as I, createElementBlock as b, openBlock
 import { _ as te, i as ae, a as ie } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-CF_lxNr8.js";
 import { _ as oe } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-DYYs8W4N.js";
 import { _ as ne } from "../../../chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-CJ4VrvmR.js";
-import { _ as X } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CduBjI1N.js";
+import { _ as X } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CMjcMLcy.js";
 import { CLSizes as u, CLBorderRadius as H, CLIconSizes as r, CLIconNames as h, CLColors as k, CLColorVariants as S, CLInputTypes as o, CLOrientation as B, CLCharCounterLayout as ue } from "../../../index.js";
-import { _ as se } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-BPOoZ5_q.js";
-import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-kYdsi6-T.js";
+import { _ as se } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-BbXWiTde.js";
+import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-B-XC2_j4.js";
 const de = ["data-testid"], E = /* @__PURE__ */ v({
   name: "CLInputPrefix",
   __name: "CLInputPrefix",

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

@@ -4,7 +4,7 @@ import '../../../assets/shared/form-utilities.css';
 import { defineComponent as B, mergeModels as S, useModel as h, useTemplateRef as q, computed as x, createBlock as f, openBlock as n, withCtx as T, createElementVNode as d, createCommentVNode as $, normalizeStyle as V, normalizeClass as r, unref as u, withDirectives as k, createElementBlock as b, Fragment as M, renderList as F, toDisplayString as I, vModelSelect as N, createVNode as R } from "vue";
 import { _ as D, s as w, a as E } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-CF_lxNr8.js";
 import { _ as H } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-DYYs8W4N.js";
-import { _ as O } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CduBjI1N.js";
+import { _ as O } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CMjcMLcy.js";
 import { CLSizes as o, CLIconSizes as s, CLOrientation as y, CLIconNames as P, CLColorVariants as U, CLColors as X } from "../../../index.js";
 const j = ["data-testid"], A = ["id", "aria-label", "disabled", "name", "placeholder", "form", "required"], G = ["value", "selected", "disabled"], p = /* @__PURE__ */ B({
   name: "CLSelect",

package/dist/components/Indicators/CLBanner/CLBanner.js

@@ -2,7 +2,7 @@ import '../../../assets/core.css';
 import './CLBanner.css';
 import { defineComponent as L, computed as h, createBlock as l, openBlock as n, unref as a, withCtx as s, createElementVNode as u, normalizeStyle as v, normalizeClass as r, createElementBlock as b, createCommentVNode as o, createTextVNode as m, toDisplayString as c, createVNode as y } from "vue";
 import { _ as x } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-fn1ix3QX.js";
-import { _ as $ } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-kYdsi6-T.js";
+import { _ as $ } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-B-XC2_j4.js";
 import { _ as S } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DntAR1dI.js";
 import { _ as C } from "../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-DO-kZ629.js";
 import { _ as B } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";

package/dist/components/Indicators/CLPill/CLPill.js

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

package/dist/components/Indicators/CLPill/CLPill.vue.d.ts

@@ -8,6 +8,8 @@ export interface CLPillProps {
     elevated?: boolean;
     /** Sets the icon which is positioned before the Pill's label. */
     icon?: CLIconNames;
+    /** A boolean value which dictates whether icons should be filled. */
+    iconFilled?: boolean;
     /** The text to be displayed as the label. */
     label: string;
     /** A callback function to handle click events. */
@@ -25,5 +27,6 @@ declare const _default: import('vue').DefineComponent<CLPillProps, {}, {}, {}, {
     rounded: boolean;
     testId: string;
     elevated: boolean;
+    iconFilled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,13 +1,13 @@
 import '../../../assets/core.css';
 import './CLModal.css';
 import { defineComponent as W, useTemplateRef as F, useSlots as U, ref as Z, computed as m, watch as j, onMounted as q, onBeforeUnmount as A, createElementBlock as p, createCommentVNode as v, openBlock as w, normalizeStyle as y, 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-kYdsi6-T.js";
+import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-B-XC2_j4.js";
 import { _ as Q } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DntAR1dI.js";
 import { CLMode as k, CLColors as T, CLColorVariants as N, CLBorderRadius as X, CLIconSizes as Y, CLIconNames as ee, CLHeadingTypes as oe } from "../../../index.js";
 import { g as te } from "../../../chunks/utils-DtSQZ0tk.js";
 import { useTheme as ne } from "../../../composables/useTheme.js";
 import { useEsc as le } from "../../../composables/useEsc.js";
-import { c as S, i as a } from "../../../chunks/helper-BYpahJAh.js";
+import { c as S, i as a } from "../../../chunks/helper-oZuRnF9g.js";
 const se = () => {
   const { colors: t, darkMode: f } = ne(), _ = f.value ? k.Dark : k.Light, r = te({
     color: T.Neutral,

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-BDgJvHNE.js";
+import { _ as s } from "../../../chunks/CLLink.vue_vue_type_style_index_0_lang-sXIdl0uH.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-CMUfxGA3.js";
+import { _ as s } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-FMOMJjMR.js";
 export {
   s as CLNavLink,
   s as default

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

@@ -1,7 +1,7 @@
 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-CMUfxGA3.js";
+import { _ as k } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-FMOMJjMR.js";
 import { _ as L } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
 import { CLOrientation as h, CLColors as $ } from "../../../index.js";
 const g = ["data-testid"], V = /* @__PURE__ */ f({