UNPKG

@payfit/unity-components

Version:

86 lines (85 loc) • 5.73 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
import { uyTv as e } from "@payfit/unity-themes"; //#region src/modules/ai-kit/utils/ai-gradient-effect.ts var t = e({ base: [ "uy:relative", "uy:group", "uy:isolate", "uy:border-solid", "uy:border-(length:--uy-ai-gradient-border-width)", "uy:motion-safe:transition-[--uy-ai-gradient-border-width]", "uy:motion-safe:duration-50", "uy:motion-safe:ease-linear", "uy:supports-mask-border:border-transparent", "uy:supports-mask-border:before:content-['']", "uy:supports-mask-border:before:pointer-events-none", "uy:supports-mask-border:before:absolute", "uy:supports-mask-border:before:-inset-(--uy-ai-gradient-border-width)", "uy:supports-mask-border:before:z-0", "uy:supports-mask-border:before:rounded-[inherit]", "uy:supports-mask-border:before:p-(--uy-ai-gradient-border-width)", "uy:supports-mask-border:before:opacity-0", "uy:supports-mask-border:before:[mask-image:linear-gradient(#000_0_0),linear-gradient(#000_0_0)]", "uy:supports-mask-border:before:[mask-origin:content-box,border-box]", "uy:supports-mask-border:before:[mask-clip:content-box,border-box]", "uy:supports-mask-border:before:[mask-composite:exclude]", "uy:supports-mask-border:before:[-webkit-mask-image:linear-gradient(#000_0_0),linear-gradient(#000_0_0)]", "uy:supports-mask-border:before:[-webkit-mask-origin:content-box,border-box]", "uy:supports-mask-border:before:[-webkit-mask-clip:content-box,border-box]", "uy:supports-mask-border:before:[-webkit-mask-composite:xor]" ], variants: { gradient: { linear: [ "uy:supports-mask-border:before:[background:linear-gradient(90deg,var(--uy-gradient-payfit-ai-animated))_0%_50%/400%_100%_no-repeat]", "uy:motion-safe:enabled:data-[hovered=\"true\"]:before:animate-uy-ai-gradient-linear-sweep", "uy:motion-safe:enabled:data-[focus-visible=\"true\"]:before:animate-uy-ai-gradient-linear-sweep", "uy:motion-safe:enabled:hover:before:animate-uy-ai-gradient-linear-sweep", "uy:motion-safe:enabled:focus-visible:before:animate-uy-ai-gradient-linear-sweep" ], radial: [ "uy:supports-mask-border:before:[background:radial-gradient(circle,var(--uy-gradient-payfit-ai))_center/100%_100%_no-repeat]", "uy:motion-safe:enabled:data-[hovered=\"true\"]:before:animate-uy-ai-gradient-radial-pulse", "uy:motion-safe:enabled:data-[focus-visible=\"true\"]:before:animate-uy-ai-gradient-radial-pulse", "uy:motion-safe:enabled:hover:before:animate-uy-ai-gradient-radial-pulse", "uy:motion-safe:enabled:focus-visible:before:animate-uy-ai-gradient-radial-pulse" ], conic: [ "uy:supports-mask-border:before:[background:conic-gradient(from_var(--uy-ai-gradient-angle),var(--uy-gradient-payfit-ai))_center/cover_no-repeat]", "uy:motion-safe:enabled:data-[hovered=\"true\"]:before:animate-uy-ai-gradient-angle-rotate", "uy:motion-safe:enabled:data-[focus-visible=\"true\"]:before:animate-uy-ai-gradient-angle-rotate", "uy:motion-safe:enabled:hover:before:animate-uy-ai-gradient-angle-rotate", "uy:motion-safe:enabled:focus-visible:before:animate-uy-ai-gradient-angle-rotate" ] }, variant: { outlined: "uy:supports-mask-border:before:opacity-100", ghost: [ "uy:enabled:data-[hovered=\"true\"]:supports-mask-border:before:opacity-100", "uy:enabled:data-[pressed=\"true\"]:supports-mask-border:before:opacity-100", "uy:enabled:data-[selected=\"true\"]:supports-mask-border:before:opacity-100", "uy:enabled:data-[focus-visible=\"true\"]:supports-mask-border:before:opacity-100" ] }, glow: { true: [ "uy:enabled:data-[hovered=\"true\"]:[box-shadow:var(--uy-ai-gradient-glow)]", "uy:enabled:data-[focus-visible=\"true\"]:[box-shadow:var(--uy-ai-gradient-glow)]", "uy:enabled:hover:[box-shadow:var(--uy-ai-gradient-glow)]", "uy:enabled:focus-visible:[box-shadow:var(--uy-ai-gradient-glow)]", "uy:motion-safe:enabled:data-[hovered=\"true\"]:animate-uy-ai-gradient-angle-rotate", "uy:motion-safe:enabled:data-[focus-visible=\"true\"]:animate-uy-ai-gradient-angle-rotate", "uy:motion-safe:enabled:hover:animate-uy-ai-gradient-angle-rotate", "uy:motion-safe:enabled:focus-visible:animate-uy-ai-gradient-angle-rotate" ], false: [] } }, defaultVariants: { gradient: "linear", variant: "outlined", glow: !1 } }), n = e({ base: /* @__PURE__ */ "uy:pointer-events-none.uy:absolute.uy:inset-0.uy:z-10.uy:rounded-[inherit].uy:group-enabled:group-data-[hovered=\"true\"]:opacity-6.uy:group-enabled:group-data-[hovered=\"true\"]:bg-linear-45.uy:group-enabled:group-data-[hovered=\"true\"]:gradient-stops-payfit-ai.uy:group-enabled:group-hover:opacity-6.uy:group-enabled:group-hover:bg-linear-45.uy:group-enabled:group-hover:gradient-stops-payfit-ai.uy:group-enabled:group-data-[focus-visible=\"true\"]:opacity-6.uy:group-enabled:group-data-[focus-visible=\"true\"]:bg-linear-45.uy:group-enabled:group-data-[focus-visible=\"true\"]:gradient-stops-payfit-ai.uy:group-enabled:group-focus-visible:opacity-6.uy:group-enabled:group-focus-visible:bg-linear-45.uy:group-enabled:group-focus-visible:gradient-stops-payfit-ai.uy:group-enabled:group-data-active:opacity-6.uy:group-enabled:group-data-active:bg-linear-45.uy:group-enabled:group-data-active:gradient-stops-payfit-ai.uy:group-enabled:group-data-[pressed=\"true\"]:opacity-6.uy:group-enabled:group-data-[pressed=\"true\"]:bg-linear-45.uy:group-enabled:group-data-[pressed=\"true\"]:gradient-stops-payfit-ai.uy:group-enabled:group-data-[selected=\"true\"]:opacity-6.uy:group-enabled:group-data-[selected=\"true\"]:bg-linear-45.uy:group-enabled:group-data-[selected=\"true\"]:gradient-stops-payfit-ai".split(".") }); //#endregion export { t as aiGradientEffect, n as aiGradientSurfaceEffect };