@payfit/unity-components
Version:
24 lines (23 loc) • 1.29 kB
JavaScript
import { uyTv as e } from "@payfit/unity-themes";
//#region src/core/components/dropzone/Dropzone.variants.ts
var t = e({
base: [
"uy:group uy:flex uy:flex-col uy:items-center uy:justify-center uy:gap-250",
"uy:rounded-300 uy:border uy:border-solid uy:p-400",
"uy:bg-surface-neutral-enabled uy:text-center uy:text-content-neutral",
"uy:transition-colors",
"uy:data-[hovered=\"true\"]:border-border-neutral-hover uy:data-[hovered=\"true\"]:bg-surface-neutral-hover",
"uy:data-[focus-visible=\"true\"]:outline-2 uy:data-[focus-visible=\"true\"]:outline-offset-2 uy:data-[focus-visible=\"true\"]:outline-utility-focus-ring",
"uy:data-[drop-target=\"true\"]:border-border-primary uy:data-[drop-target=\"true\"]:border-dashed uy:data-[drop-target=\"true\"]:bg-surface-primary-lowest-enabled",
"uy:data-[disabled=\"true\"]:cursor-not-allowed"
],
variants: { state: {
default: "uy:border-border-neutral-enabled uy:bg-surface-neutral-enabled",
disabled: "uy:border-border-neutral-disabled uy:bg-surface-neutral uy:text-content-neutral-disabled",
invalid: "uy:border-border-danger uy:bg-surface-danger-lowest-enabled",
valid: "uy:border-border-success uy:bg-surface-success-lowest"
} },
defaultVariants: { state: "default" }
});
//#endregion
export { t as dropzone };