UNPKG

@payfit/unity-components

Version:

115 lines (114 loc) • 5.01 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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
import { useMemo as e } from "react"; import { uyTv as t } from "@payfit/unity-themes"; import { jsx as n } from "react/jsx-runtime"; import { IconSprite as r } from "@payfit/unity-icons"; //#region src/components/icon/Icon.tsx var i = t({ variants: { size: { 20: "uy:w-250 uy:h-250", 24: "uy:w-300 uy:h-300" }, color: { "content.primary": "uy:text-content-primary", "content.primary.enabled": "uy:text-content-primary-enabled", "content.primary.hover": "uy:text-content-primary-hover", "content.primary.pressed": "uy:text-content-primary-pressed", "content.primary.focus": "uy:text-content-primary-focus", "content.primary.active": "uy:text-content-primary-active", "content.primary.disabled": "uy:text-content-primary-disabled", "content.neutral": "uy:text-content-neutral", "content.neutral.enabled": "uy:text-content-neutral-enabled", "content.neutral.hover": "uy:text-content-neutral-hover", "content.neutral.pressed": "uy:text-content-neutral-pressed", "content.neutral.focus": "uy:text-content-neutral-focus", "content.neutral.active": "uy:text-content-neutral-active", "content.neutral.disabled": "uy:text-content-neutral-disabled", "content.neutral.low": "uy:text-content-neutral-low", "content.neutral.lowest": "uy:text-content-neutral-lowest", "content.neutral.lowest.enabled": "uy:text-content-neutral-lowest-enabled", "content.neutral.lowest.hover": "uy:text-content-neutral-lowest-hover", "content.neutral.lowest.pressed": "uy:text-content-neutral-lowest-pressed", "content.neutral.lowest.focus": "uy:text-content-neutral-lowest-focus", "content.neutral.lowest.active": "uy:text-content-neutral-lowest-active", "content.neutral.lowest.disabled": "uy:text-content-neutral-lowest-disabled", "content.danger": "uy:text-content-danger", "content.danger.enabled": "uy:text-content-danger-enabled", "content.danger.hover": "uy:text-content-danger-hover", "content.danger.pressed": "uy:text-content-danger-pressed", "content.danger.focus": "uy:text-content-danger-focus", "content.danger.active": "uy:text-content-danger-active", "content.danger.disabled": "uy:text-content-danger-disabled", "content.warning": "uy:text-content-warning", "content.warning.enabled": "uy:text-content-warning-enabled", "content.warning.hover": "uy:text-content-warning-hover", "content.warning.pressed": "uy:text-content-warning-pressed", "content.warning.focus": "uy:text-content-warning-focus", "content.warning.active": "uy:text-content-warning-active", "content.warning.disabled": "uy:text-content-warning-disabled", "content.success": "uy:text-content-success", "content.success.enabled": "uy:text-content-success-enabled", "content.success.hover": "uy:text-content-success-hover", "content.success.pressed": "uy:text-content-success-pressed", "content.success.focus": "uy:text-content-success-focus", "content.success.active": "uy:text-content-success-active", "content.success.disabled": "uy:text-content-success-disabled", "content.info": "uy:text-content-info", "content.info.enabled": "uy:text-content-info-enabled", "content.info.hover": "uy:text-content-info-hover", "content.info.pressed": "uy:text-content-info-pressed", "content.info.focus": "uy:text-content-info-focus", "content.info.active": "uy:text-content-info-active", "content.info.disabled": "uy:text-content-info-disabled", "content.promo": "uy:text-content-promo", "content.form.enabled": "uy:text-content-form", "content.form.hover": "uy:text-content-form-hover", "content.form.pressed": "uy:text-content-form-pressed", "content.form.focus": "uy:text-content-form-focus", "content.form.active": "uy:text-content-form-active", "content.form.disabled": "uy:text-content-form-disabled", "content.form.read-only": "uy:text-content-form-read-only", "content.form.invalid": "uy:text-content-form-invalid", "content.inverted": "uy:text-content-inverted", "content.inverted.enabled": "uy:text-content-inverted-enabled", "content.inverted.hover": "uy:text-content-inverted-hover", "content.inverted.pressed": "uy:text-content-inverted-pressed", "content.inverted.focus": "uy:text-content-inverted-focus", "content.inverted.active": "uy:text-content-inverted-active", "content.inverted.disabled": "uy:text-content-inverted-disabled", inherit: "uy:text-inherit" }, display: { block: "uy:block", inline: "uy:inline-block" } }, defaultVariants: { size: 20, color: "inherit", display: "block" } }); function a({ alt: t, color: a, size: o, src: s, role: c = "img", display: l = "block", ...u }) { let d = e(() => i({ size: o, color: a, display: l }), [ o, a, l ]); return /* @__PURE__ */ n("span", { "data-dd-privacy": "allow", ...u, role: c, "aria-label": u["aria-labelledby"] ? void 0 : t, children: /* @__PURE__ */ n(r, { className: d, src: s }) }); } //#endregion export { a as Icon };