@codeandfunction/callaloo 1.10.0 → 1.11.0

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

@@ -7,50 +7,59 @@ export interface Props {
     disclosureId: string;
     expanded?: boolean;
     expandedIcon?: CLIconNames;
-    heading: string;
+    heading?: string;
     headingType?: CLHeadingTypes;
     headingLevel?: CLHeadingLevels;
-    icon?: CLIconNames;
-    iconSize?: CLSizes;
+    iconBefore?: CLIconNames;
+    iconBeforeSize?: CLSizes;
+    iconAfter?: CLIconNames;
+    iconAfterSize?: CLSizes;
     rounded?: boolean;
     subHeading?: string;
     subHeadingType?: CLTextTypes;
     testId?: string;
     transparent?: boolean;
+    triggerButtonSize?: CLSizes;
 }
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     contentSpacing: boolean;
+    disclosureId: string;
     expanded: boolean;
     expandedIcon: CLIconNames;
     headingType: CLHeadingTypes;
-    icon: CLIconNames;
-    iconSize: CLSizes;
+    iconAfter: CLIconNames;
+    iconAfterSize: CLSizes;
     rounded: boolean;
-    testId: string;
     subHeadingType: CLTextTypes;
+    testId: string;
+    triggerButtonSize: CLSizes;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     contentSpacing: boolean;
+    disclosureId: string;
     expanded: boolean;
     expandedIcon: CLIconNames;
     headingType: CLHeadingTypes;
-    icon: CLIconNames;
-    iconSize: CLSizes;
+    iconAfter: CLIconNames;
+    iconAfterSize: CLSizes;
     rounded: boolean;
-    testId: string;
     subHeadingType: CLTextTypes;
+    testId: string;
+    triggerButtonSize: CLSizes;
 }>>> & Readonly<{}>, {
     rounded: boolean;
     testId: string;
-    iconSize: CLSizes;
+    iconAfter: CLIconNames;
+    iconAfterSize: CLSizes;
     contentSpacing: boolean;
+    disclosureId: string;
     expanded: boolean;
     expandedIcon: CLIconNames;
     headingType: CLHeadingTypes;
-    icon: CLIconNames;
     subHeadingType: CLTextTypes;
+    triggerButtonSize: CLSizes;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/index.js

@@ -1511,19 +1511,22 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     borderRadius: {},
     compact: { type: Boolean },
     contentSpacing: { type: Boolean, default: true },
-    disclosureId: {},
+    disclosureId: { default: "" },
     expanded: { type: Boolean, default: false },
     expandedIcon: { default: IconNames.ChevronUp },
     heading: {},
     headingType: { default: HeadingTypes.Title },
     headingLevel: {},
-    icon: { default: IconNames.ChevronDown },
-    iconSize: { default: Sizes.Medium },
+    iconBefore: {},
+    iconBeforeSize: {},
+    iconAfter: { default: IconNames.ChevronDown },
+    iconAfterSize: { default: Sizes.Medium },
     rounded: { type: Boolean, default: true },
     subHeading: {},
     subHeadingType: { default: TextTypes.Body },
     testId: { default: prefix$h },
-    transparent: { type: Boolean }
+    transparent: { type: Boolean },
+    triggerButtonSize: { default: Sizes.Medium }
   },
   setup(__props) {
     const props = __props;
@@ -1561,18 +1564,21 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             "aria-controls": `${prefix$h}--${_ctx.disclosureId}`,
             "aria-expanded": expanded.value,
             forwardRef: buttonForwardRefHandler,
-            "icon-after": !expanded.value ? _ctx.icon : _ctx.expandedIcon,
-            "icon-size": _ctx.iconSize,
+            "icon-after": !expanded.value ? _ctx.iconAfter : _ctx.expandedIcon,
+            "icon-after-size": _ctx.iconAfterSize,
+            "icon-before": _ctx.iconBefore,
+            "icon-size": _ctx.iconBeforeSize,
             id: `${prefix$h}__button--${_ctx.disclosureId}`,
             theme: unref(Themes).Transparent,
             "on-click": onTriggerClickedHandler,
+            size: _ctx.triggerButtonSize,
             type: unref(ButtonTypes).Button,
             rounded: false,
-            width: "100%",
-            wrap: ""
+            width: "100%"
           }, {
             default: withCtx(() => [
-              createVNode(unref(_sfc_main$l), {
+              _ctx.heading ? (openBlock(), createBlock(unref(_sfc_main$l), {
+                key: 0,
                 type: _ctx.headingType,
                 level: _ctx.headingLevel
               }, {
@@ -1580,9 +1586,9 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                   createTextVNode(toDisplayString(_ctx.heading), 1)
                 ]),
                 _: 1
-              }, 8, ["type", "level"]),
+              }, 8, ["type", "level"])) : createCommentVNode("", true),
               _ctx.subHeading ? (openBlock(), createBlock(unref(_sfc_main$2), {
-                key: 0,
+                key: 1,
                 type: _ctx.subHeadingType
               }, {
                 default: withCtx(() => [
@@ -1592,12 +1598,15 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               }, 8, ["type"])) : createCommentVNode("", true)
             ]),
             _: 1
-          }, 8, ["aria-controls", "aria-expanded", "icon-after", "icon-size", "id", "theme", "type"])
+          }, 8, ["aria-controls", "aria-expanded", "icon-after", "icon-after-size", "icon-before", "icon-size", "id", "theme", "size", "type"])
         ], 2),
         createElementVNode("div", {
           "aria-labelledby": `${prefix$h}__button--${_ctx.disclosureId}`,
           "aria-hidden": !expanded.value,
-          class: normalizeClass(`${prefix$h}__content`),
+          class: normalizeClass([
+            `${prefix$h}__content`,
+            `${prefix$h}__content--${_ctx.triggerButtonSize}`
+          ]),
           id: `${prefix$h}--${_ctx.disclosureId}`
         }, [
           renderSlot(_ctx.$slots, "default")