@payfit/unity-components
Version:
35 lines (34 loc) • 2.06 kB
JavaScript
import { uyTv as e } from "@payfit/unity-themes";
//#region src/components/date-calendar/DateCalendar.variants.ts
var t = e({
slots: {
base: "",
calendarWrapper: "uy:flex uy:flex-col uy:gap-100",
dialogHeader: "uy:flex uy:items-center uy:h-500 uy:w-full",
dialogHeaderGroup: "uy:flex uy:items-center",
calendarGrid: "uy:border-separate uy:w-full",
calendarHeaderCell: "uy:typography-body-small-strong uy:text-content-neutral-low uy:w-[44px] uy:h-[44px] uy:p-[1px] uy:uppercase",
calendarCell: [
"uy:typography-body uy:relative uy:text-content-form-enabled uy:w-[44px] uy:h-[44px] uy:p-[1px] uy:outline-hidden uy:cursor-pointer uy:rounded-circle uy:flex uy:items-center uy:justify-center",
"uy:data-[outside-month]:text-content-neutral-disabled uy:data-[outside-month]:cursor-not-allowed uy:data-[disabled]:text-content-neutral-disabled uy:data-[disabled]:cursor-not-allowed uy:data-[unavailable]:text-content-neutral-disabled uy:data-[unavailable]:cursor-not-allowed",
"uy:data-[today]:after:content-[''] uy:data-[today]:after:absolute uy:data-[today]:after:bottom-[6px] uy:data-[today]:after:w-[6px] uy:data-[today]:after:h-[6px] uy:data-[today]:after:rounded-circle",
"uy:theme-legacy:data-[today]:after:bg-surface-primary-active",
"uy:theme-rebrand:data-[today]:after:bg-border-form-active"
]
},
variants: {
isDisabled: { true: { calendarHeaderCell: "uy:text-content-form-disabled" } },
isInteractive: { true: { calendarCell: [
"uy:hover:bg-surface-neutral-hover uy:active:bg-surface-form-active",
"uy:data-[pressed]:bg-surface-neutral-pressed uy:data-[focus-visible]:outline-2 uy:data-[focus-visible]:outline-solid uy:data-[focus-visible]:outline-utility-focus-ring uy:data-[focus-visible]:outline-offset-2",
"uy:theme-rebrand:active:text-content-form-active",
"uy:data-[disabled]:hover:bg-transparent uy:data-[unavailable]:hover:bg-transparent uy:data-[outside-month]:hover:bg-transparent"
] } }
},
defaultVariants: {
isDisabled: !1,
isInteractive: !0
}
});
//#endregion
export { t as calendarBase };