@myelmut/design-system 0.1.43 → 0.1.44

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.es.js CHANGED
@@ -758,13 +758,13 @@ const _t = ({ videoId: e, alt: t, className: a, placeholderImageMobile: r, hasSo
758
758
  type: "button",
759
759
  disabled: r,
760
760
  className: s(
761
- "focus-visible:outline-claret-violet-dark relative z-1 flex h-full flex-1 cursor-pointer items-center gap-3 rounded-full p-1 transition-colors duration-600 ease-in-out focus-visible:outline-2 md:gap-6 md:p-1.5",
761
+ "focus-visible:outline-claret-violet-dark relative z-1 flex h-full flex-1 cursor-pointer items-center gap-3 rounded-full p-1 transition-colors duration-600 ease-in-out focus-visible:outline-2 md:gap-6 md:py-1.5",
762
762
  p === 0 ? "pe-6 md:pe-11" : "flex-row-reverse ps-6 md:ps-11",
763
763
  a === u.value && "text-beige-dark"
764
764
  ),
765
765
  onClick: () => c(u.value),
766
766
  children: [
767
- /* @__PURE__ */ l("span", { className: "bg-lavender-blue-dark block h-9 w-9 flex-shrink-0 overflow-hidden rounded-full md:h-17 md:w-17", children: u.image && /* @__PURE__ */ l("img", { src: u.image, alt: u.label, className: "h-full w-full object-cover", loading: "lazy", decoding: "async" }) }),
767
+ /* @__PURE__ */ l("span", { className: "bg-lavender-blue-dark block h-9 w-9 shrink-0 overflow-hidden rounded-full md:h-17 md:w-17", children: u.image && /* @__PURE__ */ l("img", { src: u.image, alt: u.label, className: "h-full w-full object-cover", loading: "lazy", decoding: "async" }) }),
768
768
  /* @__PURE__ */ l(C, { size: "button", variant: "span", className: s(h, u.labelMobile && "hidden md:block"), children: u.label }),
769
769
  /* @__PURE__ */ l(C, { size: "button", variant: "span", className: s(h, u.labelMobile && "block md:hidden"), children: u.labelMobile })
770
770
  ]
@@ -863,8 +863,9 @@ const _t = ({ videoId: e, alt: t, className: a, placeholderImageMobile: r, hasSo
863
863
  },
864
864
  [b]
865
865
  ), x = a ? `${e}-option-${a}` : void 0, E = s(
866
- "rounded-input border-claret-violet-dark transition-duration-3000 will-change-height max-h-0 h-0 w-full overflow-auto border bg-white px-3 py-2.5 opacity-0 transition-all md:min-w-max",
866
+ "rounded-input border-claret-violet-dark transition-duration-3000 will-change-height will-change-max-height w-full overflow-auto border bg-white px-3 py-2.5 opacity-0 transition-all md:min-w-max",
867
867
  g && "max-h-33 h-auto opacity-100",
868
+ !g && "max-h-0 h-0",
868
869
  o
869
870
  );
870
871
  return /* @__PURE__ */ d("ul", { tabIndex: -1, "aria-activedescendant": x, role: "listbox", className: E, ref: u, children: [
@@ -1560,8 +1561,8 @@ const b2 = ({ content: e, className: t }) => /* @__PURE__ */ d("div", { classNam
1560
1561
  large: "p-6 h-80 md:h-112.5 justify-between rounded-card w-60"
1561
1562
  }, y2 = ({ variant: e = "primary", size: t = "large", value: a, metric: r, description: n, className: o }) => /* @__PURE__ */ d("div", { className: s("border-claret-violet-dark flex flex-col border", Lt[e], Et[t], o), children: [
1562
1563
  /* @__PURE__ */ d("p", { className: "leading-none", children: [
1563
- /* @__PURE__ */ l(I, { size: "display-lg", className: "hidden md:inline", children: a }),
1564
1564
  /* @__PURE__ */ l(I, { size: "display-xl", className: "inline md:hidden", children: a }),
1565
+ /* @__PURE__ */ l(I, { size: "display-lg", className: "hidden md:inline", children: a }),
1565
1566
  /* @__PURE__ */ l(I, { size: "display-md", children: r })
1566
1567
  ] }),
1567
1568
  /* @__PURE__ */ l(C, { size: "md", className: "hidden md:block", children: n }),