@myelmut/design-system 0.1.113 → 0.1.115
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
|
@@ -889,17 +889,17 @@ const Zg = ({ videoId: A, className: B, hasSound: g = !0 }) => {
|
|
|
889
889
|
}, Tg = ({ label: A, layout: B = "vertical", isDisabled: g = !1, description: E, illustration: Q, disabled: w, className: O = "", isActive: f = !1, illustrationClassName: e = "", hasError: M = !1, ...H }) => {
|
|
890
890
|
const t = D(
|
|
891
891
|
"relative md:px-6 md:py-6 md:px-5 flex border-3 border-beige-dark hover:border-claret-violet-dark focus-visible:border-claret-violet-dark duration-300 md:flex-col items-center overflow-hidden rounded-input bg-beige-dark text-claret-violet-dark transition-all duration-300 focus:outline-none cursor-pointer disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-30",
|
|
892
|
-
"md:rounded-card md:after:rounded-card justify-center md:flex-1
|
|
892
|
+
"md:rounded-card md:after:rounded-card justify-center md:flex-1",
|
|
893
893
|
f && "border-claret-violet-dark",
|
|
894
894
|
g && "opacity-30",
|
|
895
895
|
M && "border-red-error bg-red-error/10",
|
|
896
|
-
E.length === 0 && "
|
|
897
|
-
E.length > 0 && "md:py-6 md:justify-center md:aspect-5/6",
|
|
896
|
+
E.length === 0 && "lg:py-10 md:justify-between md:aspect-square",
|
|
897
|
+
E.length > 0 && "md:py-6 md:justify-center md:aspect-5/6 gap-3",
|
|
898
898
|
OB[B],
|
|
899
899
|
O
|
|
900
900
|
);
|
|
901
901
|
return /* @__PURE__ */ c("button", { className: t, disabled: w, ...H, tabIndex: w ? -1 : 0, children: [
|
|
902
|
-
/* @__PURE__ */ I("div", { className: D("
|
|
902
|
+
/* @__PURE__ */ I("div", { className: D("w-auto", eB[B], e, E ? "h-18 md:mb-6 lg:h-25" : "h-12 lg:h-18.5"), children: /* @__PURE__ */ I("img", { src: Q, alt: A, className: "h-full object-contain", loading: "lazy", decoding: "async" }) }),
|
|
903
903
|
/* @__PURE__ */ c("span", { className: D("flex flex-col gap-2.5", MB[B]), children: [
|
|
904
904
|
/* @__PURE__ */ I("span", { className: "text-md-mobile w-full font-semibold md:text-xl", children: A }),
|
|
905
905
|
E.length > 0 && /* @__PURE__ */ I("span", { className: "text-md-mobile md:text-md w-full", children: E })
|