@payfit/unity-components
Version:
63 lines (62 loc) • 2.14 kB
JavaScript
import { uyTv as e } from "@payfit/unity-themes";
//#region src/components/checkbox/Checkbox.variants.ts
var t = e({
slots: {
base: [
"uy:group uy:inline-flex uy:flex-col",
"uy:rounded-md uy:sm:rounded-25",
"uy:px-150 uy:sm:px-0 uy:py-125 uy:sm:py-px",
"uy:border uy:sm:border-none uy:border-solid uy:border-border-neutral-enabled",
"uy:has-data-[focus-visible=\"true\"]:outline-2 uy:has-data-[focus-visible=\"true\"]:outline-utility-focus-ring uy:has-data-[focus-visible=\"true\"]:outline-offset-2",
"uy:has-data-[disabled=true]:border-border-neutral-disabled",
"uy:has-data-[readonly=true]:border-border-neutral-disabled"
],
wrapper: [
"uy:group uy:sm:rounded-25 uy:leading-none uy:sm:leading-[1lh]",
"uy:inline-flex uy:items-center",
"uy:typography-body uy:text-content-form-enabled",
"uy:data-[disabled=true]:text-content-form-disabled uy:data-[disabled]:cursor-not-allowed",
"uy:data-[readonly=true]:cursor-not-allowed uy:theme-rebrand:data-[readonly=true]:text-content-form-read-only"
],
label: "uy:ml-75 uy:leading-[1]",
asterisk: "uy:text-content-danger uy:ml-25",
optionalTag: "uy:typography-body uy:leading-1 uy:ml-25",
descriptionsContainer: "uy:ml-300 uy:leading-1 uy:inline-flex uy:flex-col",
helperText: ["uy:block uy:typography-body-small uy:text-content-neutral-low uy:mt-50"],
feedbackText: "uy:typography-body-small-strong uy:text-content-form-invalid uy:mt-50"
},
variants: {
isDisabled: { true: { base: "uy:text-content-form-disabled!" } },
isInvalid: { true: {} },
isReadOnly: { true: { base: "uy:cursor-not-allowed" } }
},
defaultVariants: {
isDisabled: !1,
isInvalid: !1,
isReadOnly: !1
},
compoundVariants: [
{
isDisabled: !1,
isReadOnly: !1,
className: { wrapper: "uy:cursor-pointer" }
},
{
isDisabled: !0,
isReadOnly: !1,
className: { wrapper: "uy:cursor-not-allowed" }
},
{
isDisabled: !1,
isReadOnly: !0,
className: { wrapper: "uy:cursor-not-allowed" }
},
{
isDisabled: !0,
isReadOnly: !0,
className: { wrapper: "uy:cursor-not-allowed" }
}
]
});
//#endregion
export { t as checkbox };