@payfit/unity-components
Version:
61 lines (60 loc) • 3.87 kB
JavaScript
import { uyTv as e } from "@payfit/unity-themes";
//#region src/components/task-menu/parts/task.variants.ts
var t = e({
slots: {
base: [
"uy:group/base",
"uy:list-none uy:width-full uy:flex",
"uy:transition-all",
"uy:group-data-[task-status=uncompleted]/base:text-content-neutral-enabled",
"uy:group-data-[task-status=completed]/base:text-content-neutral-enabled"
],
number: [
"uy:rounded-200 uy:w-300 uy:h-300 uy:place-content-center uy:text-center uy:self-center",
"uy:group-data-[task-status=uncompleted]/base:bg-surface-neutral-lowest",
"uy:group-data-[task-status=completed]/base:bg-surface-success",
"uy:group-data-[task-status=completed]/base:text-content-inverted",
"uy:group-data-[task-status=locked]/base:bg-surface-neutral-disabled",
"uy:group-data-[task-status=locked]/base:text-content-neutral-lowest",
"uy:group-data-[task-status=uncompleted]/base:group-hover/element:bg-surface-neutral-lowest-hover",
"uy:group-data-[task-status=uncompleted]/base:group-hover/element:text-content-neutral-hover",
"uy:group-data-[task-status=uncompleted]/base:group-data-[hovered=true]/element:bg-surface-neutral-lowest-hover",
"uy:group-data-[task-status=uncompleted]/base:group-data-[hovered=true]/element:text-content-neutral-hover",
"uy:group-data-[task-status=locked]/base:group-hover/element:text-content-neutral-hover",
"uy:group-data-[task-status=locked]/base:group-data-[hovered=true]/element:text-content-neutral-hover",
"uy:group-data-[task-status=uncompleted]/base:group-data-[pressed=true]/element:bg-surface-neutral-lowest",
"uy:group-data-[task-status=locked]/base:group-data-[pressed=true]/element:bg-surface-neutral-lowest",
"uy:theme-legacy:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:bg-surface-primary-active",
"uy:theme-legacy:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:text-content-inverted-active",
"uy:theme-rebrand:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:bg-surface-neutral-highest-active",
"uy:theme-rebrand:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:text-content-inverted-active"
],
element: [
"uy:group/element",
"uy:gap-75 uy:flex uy:flex-1 uy:flex-row uy:items-stretch uy:outline-none uy:rounded-50",
"uy:data-[focus-visible=\"true\"]:outline-2 uy:data-[focus-visible=\"true\"]:outline-solid uy:data-[focus-visible=\"true\"]:outline-offset-2 uy:data-[focus-visible=\"true\"]:outline-utility-focus-ring",
"uy:group-data-[task-status=uncompleted]/base:data-[pressed]:text-content-neutral-pressed"
],
text: [
"uy:px-150 uy:py-25 uy:rounded-75 uy:grow uy:text-left uy:min-h-400 uy:leading-[1] uy:content-center",
"uy:md:min-h-[28px]",
"uy:md:py-50",
"uy:group-data-[task-status=completed]/base:text-content-neutral-active",
"uy:group-data-[task-status=locked]/base:text-content-neutral-enabled",
"uy:group-data-[task-status=locked]/base:bg-[transparent]",
"uy:group-data-[task-status=uncompleted]/base:group-data-[hovered=true]/element:text-content-neutral-hover",
"uy:group-data-[task-status=locked]/base:group-data-[hovered=true]/element:text-content-neutral-hover",
"uy:theme-legacy:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:text-content-primary-active",
"uy:theme-rebrand:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:text-content-neutral-active",
"uy:theme-rebrand:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:bg-surface-neutral-selected"
],
lock: ["uy:text-content-neutral-lowest uy:bg-surface-neutral-lowest uy:p-25 uy:rounded-75 uy:my-50 uy:self-center", "uy:md:my-0"]
},
variants: { taskStatus: {
uncompleted: "",
completed: "",
locked: ""
} }
});
//#endregion
export { t as commonTask };