@payfit/unity-components
Version:
134 lines (133 loc) • 3.63 kB
JavaScript
import { uyTv as e } from "@payfit/unity-themes";
import { jsx as t } from "react/jsx-runtime";
//#region src/components/checkbox/parts/CheckboxIndicator.tsx
var n = e({
slots: {
base: ["uy:flex uy:items-center uy:justify-center uy:rounded-50 uy:m-25 uy:w-200 uy:h-200 uy:text-content-inverted uy:border uy:border-solid uy:transition-all uy:duration-100"],
checkmark: ["uy:w-[16px] uy:fill-none uy:stroke-[2px] uy:stroke-content-inverted uy:transition-all uy:duration-500"]
},
variants: {
isSelected: { true: "" },
isDisabled: { true: "" },
isReadOnly: { true: "" },
isInvalid: { true: "" }
},
defaultVariants: {
isSelected: !1,
isDisabled: !1,
isInvalid: !1,
isReadOnly: !1
},
compoundVariants: [
{
isSelected: !1,
isDisabled: !1,
isInvalid: !1,
isReadOnly: !1,
className: { base: "uy:border-border-form-enabled uy:hover:border-border-form-hover uy:group-data-[hovered=true]:border-border-form-hover uy:group-hover:border-border-form-hover uy:focus-visible:border-border-form-focus uy:group-data-[focus-visible=true]:border-border-form-focus uy:bg-surface-form-enabled" }
},
{
isSelected: !0,
isDisabled: !1,
isInvalid: !1,
isReadOnly: !1,
className: { base: [
"uy:bg-surface-form-active",
"uy:theme-legacy:border-border-form-selected uy:theme-legacy:hover:border-border-form-active",
"uy:theme-rebrand:border-transparent uy:theme-rebrand:hover:border-transparent"
] }
},
{
isSelected: !1,
isDisabled: !0,
className: {
base: "uy:bg-surface-form-disabled! uy:border-border-form-disabled",
checkmark: "uy:text-transparent"
}
},
{
isSelected: !0,
isDisabled: !0,
className: {
base: "uy:bg-surface-form-disabled! uy:border-border-form-disabled!",
checkmark: "uy:text-border-form-disabled"
}
},
{
isSelected: !1,
isInvalid: !0,
className: {
base: "uy:border-border-form-error uy:bg-surface-form-enabled",
checkmark: "uy:text-transparent"
}
},
{
isSelected: !0,
isDisabled: !1,
isInvalid: !0,
isReadOnly: !1,
className: {
base: [
"uy:bg-surface-danger!",
"uy:theme-legacy:border-border-form-error!",
"uy:theme-rebrand:border-transparent!"
],
checkmark: "uy:text-content-inverted"
}
},
{
isSelected: !1,
isReadOnly: !0,
className: {
base: "uy:border-border-form-disabled uy:bg-surface-form-disabled",
checkmark: "uy:text-transparent"
}
},
{
isSelected: !0,
isReadOnly: !0,
className: {
base: "uy:bg-surface-form-disabled! uy:border-border-form-disabled!",
checkmark: "uy:text-surface-form-read-only!"
}
}
]
});
function r({ isSelected: e, isDisabled: r, isIndeterminate: i, isInvalid: a, isReadOnly: o, className: s }) {
let { base: c, checkmark: l } = n({
isSelected: e || i,
isDisabled: r,
isInvalid: a,
isReadOnly: o
});
return /* @__PURE__ */ t("div", {
className: c({ className: s }),
"data-dd-privacy": "mask",
children: /* @__PURE__ */ t("svg", {
fill: "none",
stroke: "currentColor",
viewBox: "0 0 16 16",
"aria-hidden": "true",
className: l(),
style: { strokeDashoffset: e ? 44 : 66 },
children: i ? /* @__PURE__ */ t("rect", {
x: "3",
y: "7",
width: "10",
height: "2",
rx: "0.5",
stroke: "none",
fill: "currentColor"
}) : /* @__PURE__ */ t("polyline", {
points: "3.5,8 6.5,11 12.5,5",
stroke: "currentColor",
strokeDasharray: "22",
strokeLinecap: "butt",
strokeLinejoin: "bevel"
})
})
});
}
r.displayName = "CheckboxIndicator";
//#endregion
export { r as CheckboxIndicator };