UNPKG

@payfit/unity-components

Version:

24 lines (23 loc) • 1.29 kB
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 };