@ctlyst.id/voila-ui 11.0.6 → 11.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -342,19 +342,19 @@ var AccordionItem = forwardRef8(
342
342
  var accordion_item_default = AccordionItem;
343
343
 
344
344
  // src/components/accordion/accordion-trigger.tsx
345
- import { ChevronDownLarge } from "@ctlyst.id/icons/v2";
345
+ import { ChevronDown, ChevronDownLarge } from "@ctlyst.id/icons/v2";
346
346
  import { theme } from "@ctlyst.id/voila-ui-core";
347
347
  import { Header, Trigger } from "@radix-ui/react-accordion";
348
348
  import clsx9 from "clsx";
349
349
  import { forwardRef as forwardRef9 } from "react";
350
350
  import { jsx as jsx11, jsxs } from "react/jsx-runtime";
351
- var AccordionTrigger = forwardRef9(({ children, className, description, isNew, alignItems = "flex-start", ...props }, ref) => /* @__PURE__ */ jsx11(Header, { className: clsx9("accordion-header"), id: "vds-accordion-header", children: /* @__PURE__ */ jsx11(Trigger, { id: "vds-accordion-trigger", className: clsx9(accordionTrigger, className), ...props, ref, children: /* @__PURE__ */ jsxs(flex_default, { gap: "$4", flexDirection: "column", width: "100%", children: [
351
+ var AccordionTrigger = forwardRef9(({ children, className, description, isNew, alignItems = "flex-start", isIconLarge = false, ...props }, ref) => /* @__PURE__ */ jsx11(Header, { className: clsx9("accordion-header"), id: "vds-accordion-header", children: /* @__PURE__ */ jsx11(Trigger, { id: "vds-accordion-trigger", className: clsx9(accordionTrigger, className), ...props, ref, children: /* @__PURE__ */ jsxs(flex_default, { gap: "$4", flexDirection: "column", width: "100%", children: [
352
352
  /* @__PURE__ */ jsxs(flex_default, { justifyContent: "space-between", alignItems, children: [
353
353
  /* @__PURE__ */ jsxs(flex_default, { alignItems: "center", gap: "$4", children: [
354
354
  /* @__PURE__ */ jsx11(box_default, { className: accordionTriggerText, children }),
355
355
  isNew && /* @__PURE__ */ jsx11(box_default, { className: accordionTriggerLabelNew, children: "New" })
356
356
  ] }),
357
- /* @__PURE__ */ jsx11(ChevronDownLarge, { className: accordionChevron, size: 24, color: theme.colors.black })
357
+ isIconLarge ? /* @__PURE__ */ jsx11(ChevronDownLarge, { className: accordionChevron, size: 24, color: theme.colors.black }) : /* @__PURE__ */ jsx11(ChevronDown, { className: accordionChevron, size: 24, color: theme.colors.black })
358
358
  ] }),
359
359
  description && /* @__PURE__ */ jsx11(box_default, { className: accordionTriggerDescText, children: description })
360
360
  ] }) }) }));