@purpurds/theme 8.14.0 → 8.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.rush/temp/ci_build/@purpurds/theme/{c0c53d611bb5864bd3af4d06e538322290b48cbb.untar.log → 9ef0281d6ec82e8141e3631210afec78ffa59015.untar.log} +2 -2
- package/.rush/temp/operation/ci_build/all.log +5 -5
- package/.rush/temp/operation/ci_build/log-chunks.jsonl +5 -5
- package/.rush/temp/operation/ci_build/state.json +1 -1
- package/.rush/temp/operation/test_unit/state.json +1 -1
- package/dist/LICENSE.txt +1 -1
- package/dist/telia-dark.d.ts.map +1 -1
- package/dist/theme.cjs.js +1 -1
- package/dist/theme.cjs.js.map +1 -1
- package/dist/theme.es.js +335 -335
- package/dist/theme.es.js.map +1 -1
- package/package.json +3 -3
- package/src/ThemeProvider.tsx +1 -1
- package/src/telia-dark.ts +263 -126
- package/src/theme-props.ts +1 -0
- package/src/useColorScheme.ts +2 -2
package/dist/theme.es.js
CHANGED
|
@@ -1,391 +1,391 @@
|
|
|
1
1
|
import { jsx as g } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect as
|
|
3
|
-
const y = {
|
|
4
|
-
colorBrandDeepPurple:
|
|
5
|
-
colorBrandCorePurple:
|
|
6
|
-
colorBrandLightPurple:
|
|
7
|
-
colorBrandDeepBeige:
|
|
8
|
-
colorBrandBeige:
|
|
9
|
-
colorBrandLightBeige:
|
|
10
|
-
colorBrandOffBlack:
|
|
11
|
-
colorBrandWhite:
|
|
12
|
-
colorTextDefault:
|
|
13
|
-
colorTextMedium:
|
|
14
|
-
colorTextWeak:
|
|
15
|
-
colorTextDefaultNegative:
|
|
16
|
-
colorTextMediumNegative:
|
|
17
|
-
colorTextWeakNegative: "var(--purpur-color-transparent-black-400)",
|
|
18
|
-
colorTextInteractivePrimary: "var(--purpur-color-purple-100)",
|
|
19
|
-
colorTextInteractivePrimaryHover: "var(--purpur-color-purple-200)",
|
|
20
|
-
colorTextInteractivePrimaryActive: "var(--purpur-color-purple-300)",
|
|
21
|
-
colorTextInteractiveOnPrimary: "var(--purpur-color-purple-800)",
|
|
22
|
-
colorTextInteractiveOnExpressive: "var(--purpur-color-functional-white)",
|
|
23
|
-
colorTextInteractiveOnExpressiveHover: "var(--purpur-color-purple-900)",
|
|
24
|
-
colorTextInteractiveOnExpressiveActive: "var(--purpur-color-purple-900)",
|
|
25
|
-
colorTextInteractiveOnDestructive: "var(--purpur-color-functional-white)",
|
|
26
|
-
colorTextInteractiveSelected: "var(--purpur-color-purple-300)",
|
|
27
|
-
colorTextInteractivePrimaryNegative: "var(--purpur-color-purple-700)",
|
|
28
|
-
colorTextInteractivePrimaryHoverNegative: "var(--purpur-color-purple-800)",
|
|
29
|
-
colorTextInteractivePrimaryActiveNegative: "var(--purpur-color-purple-900)",
|
|
30
|
-
colorTextInteractiveOnPrimaryNegative: "var(--purpur-color-functional-white)",
|
|
31
|
-
colorTextInteractiveOnExpressiveNegative: "var(--purpur-color-functional-white)",
|
|
32
|
-
colorTextInteractiveOnExpressiveHoverNegative: "var(--purpur-color-functional-white)",
|
|
33
|
-
colorTextInteractiveOnExpressiveActiveNegative: "var(--purpur-color-functional-white)",
|
|
34
|
-
colorTextStatusInfoMedium: "var(--purpur-color-blue-400)",
|
|
35
|
-
colorTextStatusInfoStrong: "var(--purpur-color-blue-200)",
|
|
36
|
-
colorTextStatusSuccessMedium: "var(--purpur-color-green-400)",
|
|
37
|
-
colorTextStatusSuccessStrong: "var(--purpur-color-green-200)",
|
|
38
|
-
colorTextStatusWarningMedium: "var(--purpur-color-orange-300)",
|
|
39
|
-
colorTextStatusWarningStrong: "var(--purpur-color-orange-200)",
|
|
40
|
-
colorTextStatusErrorMedium: "var(--purpur-color-red-400)",
|
|
41
|
-
colorTextStatusErrorStrong: "var(--purpur-color-red-200)",
|
|
42
|
-
colorTextStatusNeutral: "var(--purpur-color-functional-white)",
|
|
43
|
-
colorTextStatusSpecial: "var(--purpur-color-functional-white)",
|
|
44
|
-
colorTextStatusAttention: "var(--purpur-color-purple-800)",
|
|
45
|
-
colorTextStatusDiscount: "var(--purpur-color-purple-300)",
|
|
46
|
-
colorTextStatusBlackFriday: "var(--purpur-color-gray-900)",
|
|
47
|
-
colorTextStatusSuccessStrongNegative: "var(--purpur-color-green-700)",
|
|
48
|
-
colorTextStatusErrorMediumNegative: "var(--purpur-color-red-500)",
|
|
49
|
-
colorTextStatusErrorStrongNegative: "var(--purpur-color-red-700)",
|
|
50
|
-
colorTextStatusWarningMediumNegative: "var(--purpur-color-orange-500)",
|
|
51
|
-
colorTextToneOnTonePrimary: "var(--purpur-color-purple-900)",
|
|
52
|
-
colorTextToneOnToneSecondary: "var(--purpur-color-purple-100)",
|
|
53
|
-
colorTextToneOnToneTertiary: "var(--purpur-color-functional-white)",
|
|
54
|
-
colorBackgroundPrimary: "var(--purpur-color-gray-950)",
|
|
55
|
-
colorBackgroundSecondary: "var(--purpur-color-gray-900)",
|
|
56
|
-
colorBackgroundOnImage: "var(--purpur-color-transparent-black-700)",
|
|
57
|
-
colorBackgroundPrimaryNegative: "var(--purpur-color-functional-white)",
|
|
58
|
-
colorBackgroundSecondaryNegative: "var(--purpur-color-gray-50)",
|
|
59
|
-
colorBackgroundOnImageNegative: "var(--purpur-color-transparent-white-850)",
|
|
60
|
-
colorBackgroundInteractivePrimary: "var(--purpur-color-purple-100)",
|
|
61
|
-
colorBackgroundInteractivePrimaryHover: "var(--purpur-color-purple-200)",
|
|
62
|
-
colorBackgroundInteractivePrimaryActive: "var(--purpur-color-purple-300)",
|
|
63
|
-
colorBackgroundInteractiveExpressive: "var(--purpur-color-purple-550)",
|
|
64
|
-
colorBackgroundInteractiveExpressiveHover: "var(--purpur-color-purple-400)",
|
|
65
|
-
colorBackgroundInteractiveExpressiveActive: "var(--purpur-color-purple-300)",
|
|
66
|
-
colorBackgroundInteractiveTransparentHover: "var(--purpur-color-purple-800)",
|
|
67
|
-
colorBackgroundInteractiveTransparentActive: "var(--purpur-color-purple-700)",
|
|
68
|
-
colorBackgroundInteractiveDisabled: "var(--purpur-color-transparent-white-100)",
|
|
69
|
-
colorBackgroundInteractiveReadOnly: "var(--purpur-color-transparent-white-50)",
|
|
70
|
-
colorBackgroundInteractiveInactive: "var(--purpur-color-transparent-white-150)",
|
|
71
|
-
colorBackgroundInteractiveDestructive: "var(--purpur-color-red-500)",
|
|
72
|
-
colorBackgroundInteractiveDestructiveHover: "var(--purpur-color-red-600)",
|
|
73
|
-
colorBackgroundInteractiveDestructiveActive: "var(--purpur-color-red-700)",
|
|
74
|
-
colorBackgroundInteractiveAutoFill: "var(--purpur-color-blue-800)",
|
|
75
|
-
colorBackgroundInteractivePrimaryNegative: "var(--purpur-color-purple-800)",
|
|
76
|
-
colorBackgroundInteractivePrimaryHoverNegative: "var(--purpur-color-purple-700)",
|
|
77
|
-
colorBackgroundInteractivePrimaryActiveNegative: "var(--purpur-color-purple-600)",
|
|
78
|
-
colorBackgroundInteractiveExpressiveNegative: "var(--purpur-color-purple-550)",
|
|
79
|
-
colorBackgroundInteractiveExpressiveHoverNegative: "var(--purpur-color-purple-700)",
|
|
80
|
-
colorBackgroundInteractiveExpressiveActiveNegative: "var(--purpur-color-purple-800)",
|
|
81
|
-
colorBackgroundInteractiveTransparentHoverNegative: "var(--purpur-color-purple-200)",
|
|
82
|
-
colorBackgroundInteractiveTransparentActiveNegative: "var(--purpur-color-purple-300)",
|
|
83
|
-
colorBackgroundInteractiveDisabledNegative: "var(--purpur-color-transparent-black-100)",
|
|
84
|
-
colorBackgroundInteractiveInactiveNegative: "var(--purpur-color-transparent-black-50)",
|
|
85
|
-
colorBackgroundInteractiveReadOnlyNegative: "var(--purpur-color-transparent-black-50)",
|
|
86
|
-
colorBackgroundStatusInfoMedium: "var(--purpur-color-blue-800)",
|
|
87
|
-
colorBackgroundStatusInfoStrong: "var(--purpur-color-blue-300)",
|
|
88
|
-
colorBackgroundStatusSuccessMedium: "var(--purpur-color-green-800)",
|
|
89
|
-
colorBackgroundStatusSuccessStrong: "var(--purpur-color-green-300)",
|
|
90
|
-
colorBackgroundStatusWarningMedium: "var(--purpur-color-orange-800)",
|
|
91
|
-
colorBackgroundStatusWarningStrong: "var(--purpur-color-orange-300)",
|
|
92
|
-
colorBackgroundStatusErrorMedium: "var(--purpur-color-red-800)",
|
|
93
|
-
colorBackgroundStatusErrorStrong: "var(--purpur-color-red-300)",
|
|
94
|
-
colorBackgroundStatusNeutral: "var(--purpur-color-gray-800)",
|
|
95
|
-
colorBackgroundStatusSpecial: "var(--purpur-color-purple-700)",
|
|
96
|
-
colorBackgroundStatusAttention: "var(--purpur-color-purple-100)",
|
|
97
|
-
colorBackgroundStatusBlackFriday: "var(--purpur-color-functional-white)",
|
|
98
|
-
colorBackgroundStatusSuccessStrongNegative: "var(--purpur-color-green-400)",
|
|
99
|
-
colorBackgroundStatusWarningStrongNegative: "var(--purpur-color-orange-300)",
|
|
100
|
-
colorBackgroundStatusErrorStrongNegative: "var(--purpur-color-red-400)",
|
|
101
|
-
colorBackgroundToneOnTonePrimary: "var(--purpur-color-purple-100)",
|
|
102
|
-
colorBackgroundToneOnToneSecondary: "var(--purpur-color-purple-900)",
|
|
103
|
-
colorBackgroundToneOnToneTertiary: "var(--purpur-color-beige-700)",
|
|
104
|
-
colorBackgroundToneOnToneQuaternary: "var(--purpur-color-beige-900)",
|
|
105
|
-
colorBorderWeak: "var(--purpur-color-transparent-white-150)",
|
|
106
|
-
colorBorderMedium: "var(--purpur-color-transparent-white-300)",
|
|
107
|
-
colorBorderStrong: "var(--purpur-color-transparent-white-500)",
|
|
108
|
-
colorBorderWeakNegative: "var(--purpur-color-transparent-black-150)",
|
|
109
|
-
colorBorderMediumNegative: "var(--purpur-color-transparent-black-300)",
|
|
110
|
-
colorBorderStrongNegative: "var(--purpur-color-transparent-black-500)",
|
|
111
|
-
colorBorderInteractivePrimary: "var(--purpur-color-purple-100)",
|
|
112
|
-
colorBorderInteractivePrimaryHover: "var(--purpur-color-purple-200)",
|
|
113
|
-
colorBorderInteractivePrimaryActive: "var(--purpur-color-purple-200)",
|
|
114
|
-
colorBorderInteractiveFocus: "var(--purpur-color-purple-400)",
|
|
115
|
-
colorBorderInteractiveExpressive: "var(--purpur-color-purple-550)",
|
|
116
|
-
colorBorderInteractiveSubtle: "var(--purpur-color-transparent-white-400)",
|
|
117
|
-
colorBorderInteractiveSubtleHover: "var(--purpur-color-purple-200)",
|
|
118
|
-
colorBorderInteractiveSelected: "var(--purpur-color-purple-300)",
|
|
119
|
-
colorBorderInteractivePrimaryNegative: "var(--purpur-color-purple-700)",
|
|
120
|
-
colorBorderInteractivePrimaryHoverNegative: "var(--purpur-color-purple-800)",
|
|
121
|
-
colorBorderInteractivePrimaryActiveNegative: "var(--purpur-color-purple-900)",
|
|
122
|
-
colorBorderInteractiveSubtleNegative: "var(--purpur-color-transparent-black-400)",
|
|
123
|
-
colorBorderInteractiveSubtleHoverNegative: "var(--purpur-color-purple-700)",
|
|
124
|
-
colorBorderStatusError: "var(--purpur-color-red-400)",
|
|
125
|
-
colorBorderStatusWarning: "var(--purpur-color-orange-300)",
|
|
126
|
-
colorBorderStatusInfo: "var(--purpur-color-blue-400)",
|
|
127
|
-
colorBorderStatusSuccess: "var(--purpur-color-green-400)",
|
|
128
|
-
colorBorderStatusErrorNegative: "var(--purpur-color-red-500)",
|
|
129
|
-
colorBorderStatusSuccessNegative: "var(--purpur-color-green-500)"
|
|
130
|
-
}, P = "#29003e", b = "#990ae3", E = "#f4e0ff", h = "#4f4741", O = "#ede1d8", A = "#f9f1ec", H = "#202022", M = "#ffffff", w = "rgba(0, 0, 0, 0.84)", W = "rgba(0, 0, 0, 0.62)", D = "rgba(0, 0, 0, 0.44)", L = "rgba(255, 255, 255, 0.95)", R = "rgba(255, 255, 255, 0.66)", F = "rgba(255, 255, 255, 0.37)", _ = "#6d02a3", U = "#4e0174", Q = "#29003e", j = "#ffffff", X = "#4e0174", $ = "#f4e0ff", q = "#e4b6fb", G = "#e4b6fb", z = "#ffffff", J = "#ffffff", K = "#ffffff", V = "#29003e", Y = "#ffffff", Z = "#29003e", rr = "#ffffff", or = "#990ae3", er = "#990ae3", tr = "#980233", ar = "#ff80ab", cr = "#e4175c", ur = "#fb4885", nr = "#02562b", lr = "#3dbf7c", pr = "#018842", ir = "#6a4102", vr = "#a86602", sr = "#f39200", gr = "#014d80", dr = "#0078cb", Br = "rgba(0, 0, 0, 0.71)", Sr = "#4e0174", Ir = "#ffffff", Tr = "#ffffff", fr = "#f4e0ff", kr = "#29003e", xr = "#4f4741", mr = "#ffffff", Cr = "#1f002e", Nr = "#f5f5fa", yr = "#29003e", Pr = "rgba(255, 255, 255, 0.84)", br = "rgba(0, 0, 0, 0.71)", Er = "#e8f6ff", hr = "#4e0174", Or = "#6d02a3", Ar = "#8c07d0", Hr = "#f4e0ff", Mr = "#e4b6fb", wr = "#d58df9", Wr = "#990ae3", Dr = "#6d02a3", Lr = "#4e0174", Rr = "#990ae3", Fr = "#c461f7", _r = "#d58df9", Ur = "rgba(0, 0, 0, 0.1)", Qr = "rgba(255, 255, 255, 0.11)", jr = "#f4e0ff", Xr = "#4e0174", $r = "#e4b6fb", qr = "#6d02a3", Gr = "rgba(0, 0, 0, 0.05)", zr = "rgba(255, 255, 255, 0.16)", Jr = "rgba(0, 0, 0, 0.05)", Kr = "rgba(255, 255, 255, 0.11)", Vr = "#e4175c", Yr = "#c00543", Zr = "#980233", ro = "#caeaff", oo = "#3694d3", eo = "#c5efd9", to = "#1fa15e", ao = "#3dbf7c", co = "#ffdde8", uo = "#fb4885", no = "#ff80ab", lo = "#ffe1b3", po = "#cc7a00", io = "#f39200", vo = "#d6d6dd", so = "#f4e0ff", go = "#6d02a3", Bo = "#202022", So = "#29003e", Io = "#f4e0ff", To = "#ede1d8", fo = "#f9f1ec", ko = "rgba(0, 0, 0, 0.33)", xo = "rgba(255, 255, 255, 0.29)", mo = "rgba(0, 0, 0, 0.54)", Co = "rgba(255, 255, 255, 0.46)", No = "rgba(0, 0, 0, 0.16)", yo = "rgba(255, 255, 255, 0.16)", Po = "#b12df4", bo = "#6d02a3", Eo = "#f4e0ff", ho = "#4e0174", Oo = "#29003e", Ao = "#e4b6fb", Ho = "#e4b6fb", Mo = "#990ae3", wo = "#990ae3", Wo = "rgba(0, 0, 0, 0.44)", Do = "rgba(255, 255, 255, 0.46)", Lo = "#6d02a3", Ro = "#c461f7", Fo = "#e4175c", _o = "#fb4885", Uo = "#cc7a00", Qo = "#0078cb", jo = "#018842", Xo = "#1fa15e", $o = {
|
|
131
|
-
colorBrandDeepPurple: P,
|
|
132
|
-
colorBrandCorePurple: b,
|
|
133
|
-
colorBrandLightPurple: E,
|
|
134
|
-
colorBrandDeepBeige: h,
|
|
135
|
-
colorBrandBeige: O,
|
|
136
|
-
colorBrandLightBeige: A,
|
|
137
|
-
colorBrandOffBlack: H,
|
|
138
|
-
colorBrandWhite: M,
|
|
139
|
-
colorTextDefault: w,
|
|
140
|
-
colorTextMedium: W,
|
|
141
|
-
colorTextWeak: D,
|
|
142
|
-
colorTextDefaultNegative: L,
|
|
143
|
-
colorTextMediumNegative: R,
|
|
2
|
+
import { useEffect as p, createContext as k, useState as d, useMemo as m, useContext as N } from "react";
|
|
3
|
+
const y = "#f4e0ff", $ = "#c461f7", P = "#29003e", b = "#ede1d8", E = "#4f4741", O = "#3b332d", A = "#ffffff", H = "#202022", M = "rgba(255, 255, 255, 0.95)", h = "rgba(255, 255, 255, 0.66)", W = "rgba(255, 255, 255, 0.37)", D = "rgba(0, 0, 0, 0.8)", L = "rgba(0, 0, 0, 0.54)", F = "rgba(0, 0, 0, 0.44)", R = "#f4e0ff", _ = "#e4b6fb", w = "#d58df9", U = "#4e0174", Q = "#ffffff", j = "#6d02a3", X = "#4e0174", q = "#29003e", G = "#ffffff", z = "#ffffff", J = "#29003e", K = "#ffffff", V = "#29003e", Y = "#ffffff", Z = "#ffffff", rr = "#d58df9", er = "#d58df9", or = "#ffafc9", tr = "#980233", cr = "#fb4885", ar = "#e4175c", nr = "#79d9a7", ur = "#02562b", ir = "#1fa15e", sr = "#f9bb5b", lr = "#f39200", pr = "#a86602", vr = "#91cdf4", gr = "#3694d3", dr = "#ffffff", Br = "#ffffff", fr = "#4e0174", Sr = "#202022", Cr = "#29003e", Ir = "#f4e0ff", Tr = "#ffffff", xr = "#121212", kr = "#ffffff", mr = "#202022", Nr = "#f5f5fa", yr = "rgba(0, 0, 0, 0.71)", $r = "rgba(255, 255, 255, 0.84)", Pr = "#03385b", br = "#f4e0ff", Er = "#e4b6fb", Or = "#d58df9", Ar = "#4e0174", Hr = "#6d02a3", Mr = "#8c07d0", hr = "#990ae3", Wr = "#c461f7", Dr = "#d58df9", Lr = "#990ae3", Fr = "#6d02a3", Rr = "#4e0174", _r = "rgba(255, 255, 255, 0.11)", wr = "rgba(0, 0, 0, 0.1)", Ur = "#4e0174", Qr = "#e4b6fb", jr = "#6d02a3", Xr = "#d58df9", qr = "rgba(255, 255, 255, 0.16)", Gr = "rgba(0, 0, 0, 0.05)", zr = "rgba(255, 255, 255, 0.07)", Jr = "rgba(0, 0, 0, 0.05)", Kr = "#e4175c", Vr = "#c00543", Yr = "#980233", Zr = "#03385b", re = "#62b2e7", ee = "#003e1e", oe = "#3dbf7c", te = "#1fa15e", ce = "#700025", ae = "#ff80ab", ne = "#fb4885", ue = "#4c2f03", ie = "#f39200", se = "#f39200", le = "#353537", pe = "#6d02a3", ve = "#f4e0ff", ge = "#ffffff", de = "#f4e0ff", Be = "#29003e", fe = "#4f4741", Se = "#2d2824", Ce = "rgba(255, 255, 255, 0.29)", Ie = "rgba(0, 0, 0, 0.33)", Te = "rgba(255, 255, 255, 0.46)", xe = "rgba(0, 0, 0, 0.54)", ke = "rgba(255, 255, 255, 0.16)", me = "rgba(0, 0, 0, 0.16)", Ne = "#c461f7", ye = "#f4e0ff", $e = "#6d02a3", Pe = "#e4b6fb", be = "#e4b6fb", Ee = "#4e0174", Oe = "#29003e", Ae = "#990ae3", He = "#d58df9", Me = "rgba(255, 255, 255, 0.37)", he = "rgba(0, 0, 0, 0.44)", We = "#e4b6fb", De = "#6d02a3", Le = "#fb4885", Fe = "#e4175c", Re = "#f39200", _e = "#3694d3", we = "#1fa15e", Ue = "#018842", Qe = {
|
|
4
|
+
colorBrandDeepPurple: y,
|
|
5
|
+
colorBrandCorePurple: $,
|
|
6
|
+
colorBrandLightPurple: P,
|
|
7
|
+
colorBrandDeepBeige: b,
|
|
8
|
+
colorBrandBeige: E,
|
|
9
|
+
colorBrandLightBeige: O,
|
|
10
|
+
colorBrandOffBlack: A,
|
|
11
|
+
colorBrandWhite: H,
|
|
12
|
+
colorTextDefault: M,
|
|
13
|
+
colorTextMedium: h,
|
|
14
|
+
colorTextWeak: W,
|
|
15
|
+
colorTextDefaultNegative: D,
|
|
16
|
+
colorTextMediumNegative: L,
|
|
144
17
|
colorTextWeakNegative: F,
|
|
145
|
-
colorTextInteractivePrimary:
|
|
146
|
-
colorTextInteractivePrimaryHover:
|
|
147
|
-
colorTextInteractivePrimaryActive:
|
|
148
|
-
colorTextInteractiveOnPrimary:
|
|
149
|
-
colorTextInteractiveOnExpressive:
|
|
150
|
-
colorTextInteractiveOnExpressiveHover:
|
|
151
|
-
colorTextInteractiveOnExpressiveActive:
|
|
152
|
-
colorTextInteractiveOnDestructive:
|
|
153
|
-
colorTextInteractiveSelected:
|
|
154
|
-
colorTextInteractivePrimaryNegative:
|
|
155
|
-
colorTextInteractivePrimaryHoverNegative:
|
|
156
|
-
colorTextInteractivePrimaryActiveNegative:
|
|
157
|
-
colorTextInteractiveOnPrimaryNegative:
|
|
158
|
-
colorTextInteractiveOnExpressiveNegative:
|
|
159
|
-
colorTextInteractiveOnExpressiveHoverNegative:
|
|
160
|
-
colorTextInteractiveOnExpressiveActiveNegative:
|
|
161
|
-
colorTextStatusInfoMedium:
|
|
162
|
-
colorTextStatusInfoStrong:
|
|
163
|
-
colorTextStatusSuccessMedium:
|
|
18
|
+
colorTextInteractivePrimary: R,
|
|
19
|
+
colorTextInteractivePrimaryHover: _,
|
|
20
|
+
colorTextInteractivePrimaryActive: w,
|
|
21
|
+
colorTextInteractiveOnPrimary: U,
|
|
22
|
+
colorTextInteractiveOnExpressive: G,
|
|
23
|
+
colorTextInteractiveOnExpressiveHover: J,
|
|
24
|
+
colorTextInteractiveOnExpressiveActive: V,
|
|
25
|
+
colorTextInteractiveOnDestructive: Z,
|
|
26
|
+
colorTextInteractiveSelected: rr,
|
|
27
|
+
colorTextInteractivePrimaryNegative: j,
|
|
28
|
+
colorTextInteractivePrimaryHoverNegative: X,
|
|
29
|
+
colorTextInteractivePrimaryActiveNegative: q,
|
|
30
|
+
colorTextInteractiveOnPrimaryNegative: Q,
|
|
31
|
+
colorTextInteractiveOnExpressiveNegative: z,
|
|
32
|
+
colorTextInteractiveOnExpressiveHoverNegative: K,
|
|
33
|
+
colorTextInteractiveOnExpressiveActiveNegative: Y,
|
|
34
|
+
colorTextStatusInfoMedium: gr,
|
|
35
|
+
colorTextStatusInfoStrong: vr,
|
|
36
|
+
colorTextStatusSuccessMedium: ir,
|
|
164
37
|
colorTextStatusSuccessStrong: nr,
|
|
165
|
-
colorTextStatusWarningMedium:
|
|
166
|
-
colorTextStatusWarningStrong:
|
|
38
|
+
colorTextStatusWarningMedium: lr,
|
|
39
|
+
colorTextStatusWarningStrong: sr,
|
|
167
40
|
colorTextStatusErrorMedium: cr,
|
|
168
|
-
colorTextStatusErrorStrong:
|
|
169
|
-
colorTextStatusNeutral:
|
|
170
|
-
colorTextStatusSpecial:
|
|
171
|
-
colorTextStatusAttention:
|
|
41
|
+
colorTextStatusErrorStrong: or,
|
|
42
|
+
colorTextStatusNeutral: dr,
|
|
43
|
+
colorTextStatusSpecial: Br,
|
|
44
|
+
colorTextStatusAttention: fr,
|
|
172
45
|
colorTextStatusDiscount: er,
|
|
173
|
-
colorTextStatusBlackFriday:
|
|
174
|
-
colorTextStatusSuccessStrongNegative:
|
|
175
|
-
colorTextStatusErrorMediumNegative:
|
|
176
|
-
colorTextStatusErrorStrongNegative:
|
|
177
|
-
colorTextStatusWarningMediumNegative:
|
|
178
|
-
colorTextToneOnTonePrimary:
|
|
179
|
-
colorTextToneOnToneSecondary:
|
|
180
|
-
colorTextToneOnToneTertiary:
|
|
181
|
-
colorBackgroundPrimary:
|
|
182
|
-
colorBackgroundSecondary:
|
|
183
|
-
colorBackgroundOnImage:
|
|
184
|
-
colorBackgroundPrimaryNegative:
|
|
185
|
-
colorBackgroundSecondaryNegative:
|
|
186
|
-
colorBackgroundOnImageNegative:
|
|
187
|
-
colorBackgroundInteractivePrimary:
|
|
188
|
-
colorBackgroundInteractivePrimaryHover:
|
|
189
|
-
colorBackgroundInteractivePrimaryActive:
|
|
190
|
-
colorBackgroundInteractiveExpressive:
|
|
191
|
-
colorBackgroundInteractiveExpressiveHover:
|
|
192
|
-
colorBackgroundInteractiveExpressiveActive:
|
|
193
|
-
colorBackgroundInteractiveTransparentHover:
|
|
194
|
-
colorBackgroundInteractiveTransparentActive:
|
|
195
|
-
colorBackgroundInteractiveDisabled:
|
|
196
|
-
colorBackgroundInteractiveReadOnly:
|
|
197
|
-
colorBackgroundInteractiveInactive:
|
|
198
|
-
colorBackgroundInteractiveDestructive:
|
|
199
|
-
colorBackgroundInteractiveDestructiveHover:
|
|
200
|
-
colorBackgroundInteractiveDestructiveActive:
|
|
201
|
-
colorBackgroundInteractiveAutoFill:
|
|
202
|
-
colorBackgroundInteractivePrimaryNegative:
|
|
203
|
-
colorBackgroundInteractivePrimaryHoverNegative:
|
|
204
|
-
colorBackgroundInteractivePrimaryActiveNegative:
|
|
205
|
-
colorBackgroundInteractiveExpressiveNegative:
|
|
46
|
+
colorTextStatusBlackFriday: Sr,
|
|
47
|
+
colorTextStatusSuccessStrongNegative: ur,
|
|
48
|
+
colorTextStatusErrorMediumNegative: ar,
|
|
49
|
+
colorTextStatusErrorStrongNegative: tr,
|
|
50
|
+
colorTextStatusWarningMediumNegative: pr,
|
|
51
|
+
colorTextToneOnTonePrimary: Cr,
|
|
52
|
+
colorTextToneOnToneSecondary: Ir,
|
|
53
|
+
colorTextToneOnToneTertiary: Tr,
|
|
54
|
+
colorBackgroundPrimary: xr,
|
|
55
|
+
colorBackgroundSecondary: mr,
|
|
56
|
+
colorBackgroundOnImage: yr,
|
|
57
|
+
colorBackgroundPrimaryNegative: kr,
|
|
58
|
+
colorBackgroundSecondaryNegative: Nr,
|
|
59
|
+
colorBackgroundOnImageNegative: $r,
|
|
60
|
+
colorBackgroundInteractivePrimary: br,
|
|
61
|
+
colorBackgroundInteractivePrimaryHover: Er,
|
|
62
|
+
colorBackgroundInteractivePrimaryActive: Or,
|
|
63
|
+
colorBackgroundInteractiveExpressive: hr,
|
|
64
|
+
colorBackgroundInteractiveExpressiveHover: Wr,
|
|
65
|
+
colorBackgroundInteractiveExpressiveActive: Dr,
|
|
66
|
+
colorBackgroundInteractiveTransparentHover: Ur,
|
|
67
|
+
colorBackgroundInteractiveTransparentActive: jr,
|
|
68
|
+
colorBackgroundInteractiveDisabled: _r,
|
|
69
|
+
colorBackgroundInteractiveReadOnly: zr,
|
|
70
|
+
colorBackgroundInteractiveInactive: qr,
|
|
71
|
+
colorBackgroundInteractiveDestructive: Kr,
|
|
72
|
+
colorBackgroundInteractiveDestructiveHover: Vr,
|
|
73
|
+
colorBackgroundInteractiveDestructiveActive: Yr,
|
|
74
|
+
colorBackgroundInteractiveAutoFill: Pr,
|
|
75
|
+
colorBackgroundInteractivePrimaryNegative: Ar,
|
|
76
|
+
colorBackgroundInteractivePrimaryHoverNegative: Hr,
|
|
77
|
+
colorBackgroundInteractivePrimaryActiveNegative: Mr,
|
|
78
|
+
colorBackgroundInteractiveExpressiveNegative: Lr,
|
|
206
79
|
colorBackgroundInteractiveExpressiveHoverNegative: Fr,
|
|
207
|
-
colorBackgroundInteractiveExpressiveActiveNegative:
|
|
208
|
-
colorBackgroundInteractiveTransparentHoverNegative:
|
|
209
|
-
colorBackgroundInteractiveTransparentActiveNegative:
|
|
210
|
-
colorBackgroundInteractiveDisabledNegative:
|
|
211
|
-
colorBackgroundInteractiveInactiveNegative:
|
|
212
|
-
colorBackgroundInteractiveReadOnlyNegative:
|
|
213
|
-
colorBackgroundStatusInfoMedium:
|
|
214
|
-
colorBackgroundStatusInfoStrong:
|
|
215
|
-
colorBackgroundStatusSuccessMedium:
|
|
216
|
-
colorBackgroundStatusSuccessStrong:
|
|
217
|
-
colorBackgroundStatusWarningMedium:
|
|
218
|
-
colorBackgroundStatusWarningStrong:
|
|
219
|
-
colorBackgroundStatusErrorMedium:
|
|
220
|
-
colorBackgroundStatusErrorStrong:
|
|
221
|
-
colorBackgroundStatusNeutral:
|
|
222
|
-
colorBackgroundStatusSpecial:
|
|
223
|
-
colorBackgroundStatusAttention:
|
|
224
|
-
colorBackgroundStatusBlackFriday:
|
|
225
|
-
colorBackgroundStatusSuccessStrongNegative:
|
|
226
|
-
colorBackgroundStatusWarningStrongNegative:
|
|
227
|
-
colorBackgroundStatusErrorStrongNegative:
|
|
228
|
-
colorBackgroundToneOnTonePrimary:
|
|
229
|
-
colorBackgroundToneOnToneSecondary:
|
|
230
|
-
colorBackgroundToneOnToneTertiary:
|
|
231
|
-
colorBackgroundToneOnToneQuaternary:
|
|
232
|
-
colorBorderWeak:
|
|
233
|
-
colorBorderMedium:
|
|
234
|
-
colorBorderStrong:
|
|
235
|
-
colorBorderWeakNegative:
|
|
236
|
-
colorBorderMediumNegative:
|
|
237
|
-
colorBorderStrongNegative:
|
|
238
|
-
colorBorderInteractivePrimary:
|
|
239
|
-
colorBorderInteractivePrimaryHover:
|
|
240
|
-
colorBorderInteractivePrimaryActive:
|
|
241
|
-
colorBorderInteractiveFocus:
|
|
242
|
-
colorBorderInteractiveExpressive:
|
|
243
|
-
colorBorderInteractiveSubtle:
|
|
244
|
-
colorBorderInteractiveSubtleHover:
|
|
245
|
-
colorBorderInteractiveSelected:
|
|
246
|
-
colorBorderInteractivePrimaryNegative:
|
|
247
|
-
colorBorderInteractivePrimaryHoverNegative:
|
|
248
|
-
colorBorderInteractivePrimaryActiveNegative:
|
|
249
|
-
colorBorderInteractiveSubtleNegative:
|
|
250
|
-
colorBorderInteractiveSubtleHoverNegative:
|
|
251
|
-
colorBorderStatusError:
|
|
252
|
-
colorBorderStatusWarning:
|
|
253
|
-
colorBorderStatusInfo:
|
|
254
|
-
colorBorderStatusSuccess:
|
|
255
|
-
colorBorderStatusErrorNegative:
|
|
256
|
-
colorBorderStatusSuccessNegative:
|
|
80
|
+
colorBackgroundInteractiveExpressiveActiveNegative: Rr,
|
|
81
|
+
colorBackgroundInteractiveTransparentHoverNegative: Qr,
|
|
82
|
+
colorBackgroundInteractiveTransparentActiveNegative: Xr,
|
|
83
|
+
colorBackgroundInteractiveDisabledNegative: wr,
|
|
84
|
+
colorBackgroundInteractiveInactiveNegative: Gr,
|
|
85
|
+
colorBackgroundInteractiveReadOnlyNegative: Jr,
|
|
86
|
+
colorBackgroundStatusInfoMedium: Zr,
|
|
87
|
+
colorBackgroundStatusInfoStrong: re,
|
|
88
|
+
colorBackgroundStatusSuccessMedium: ee,
|
|
89
|
+
colorBackgroundStatusSuccessStrong: oe,
|
|
90
|
+
colorBackgroundStatusWarningMedium: ue,
|
|
91
|
+
colorBackgroundStatusWarningStrong: ie,
|
|
92
|
+
colorBackgroundStatusErrorMedium: ce,
|
|
93
|
+
colorBackgroundStatusErrorStrong: ae,
|
|
94
|
+
colorBackgroundStatusNeutral: le,
|
|
95
|
+
colorBackgroundStatusSpecial: pe,
|
|
96
|
+
colorBackgroundStatusAttention: ve,
|
|
97
|
+
colorBackgroundStatusBlackFriday: ge,
|
|
98
|
+
colorBackgroundStatusSuccessStrongNegative: te,
|
|
99
|
+
colorBackgroundStatusWarningStrongNegative: se,
|
|
100
|
+
colorBackgroundStatusErrorStrongNegative: ne,
|
|
101
|
+
colorBackgroundToneOnTonePrimary: de,
|
|
102
|
+
colorBackgroundToneOnToneSecondary: Be,
|
|
103
|
+
colorBackgroundToneOnToneTertiary: fe,
|
|
104
|
+
colorBackgroundToneOnToneQuaternary: Se,
|
|
105
|
+
colorBorderWeak: ke,
|
|
106
|
+
colorBorderMedium: Ce,
|
|
107
|
+
colorBorderStrong: Te,
|
|
108
|
+
colorBorderWeakNegative: me,
|
|
109
|
+
colorBorderMediumNegative: Ie,
|
|
110
|
+
colorBorderStrongNegative: xe,
|
|
111
|
+
colorBorderInteractivePrimary: ye,
|
|
112
|
+
colorBorderInteractivePrimaryHover: Pe,
|
|
113
|
+
colorBorderInteractivePrimaryActive: be,
|
|
114
|
+
colorBorderInteractiveFocus: Ne,
|
|
115
|
+
colorBorderInteractiveExpressive: Ae,
|
|
116
|
+
colorBorderInteractiveSubtle: Me,
|
|
117
|
+
colorBorderInteractiveSubtleHover: We,
|
|
118
|
+
colorBorderInteractiveSelected: He,
|
|
119
|
+
colorBorderInteractivePrimaryNegative: $e,
|
|
120
|
+
colorBorderInteractivePrimaryHoverNegative: Ee,
|
|
121
|
+
colorBorderInteractivePrimaryActiveNegative: Oe,
|
|
122
|
+
colorBorderInteractiveSubtleNegative: he,
|
|
123
|
+
colorBorderInteractiveSubtleHoverNegative: De,
|
|
124
|
+
colorBorderStatusError: Le,
|
|
125
|
+
colorBorderStatusWarning: Re,
|
|
126
|
+
colorBorderStatusInfo: _e,
|
|
127
|
+
colorBorderStatusSuccess: we,
|
|
128
|
+
colorBorderStatusErrorNegative: Fe,
|
|
129
|
+
colorBorderStatusSuccessNegative: Ue
|
|
130
|
+
}, je = "#29003e", Xe = "#990ae3", qe = "#f4e0ff", Ge = "#4f4741", ze = "#ede1d8", Je = "#f9f1ec", Ke = "#202022", Ve = "#ffffff", Ye = "rgba(0, 0, 0, 0.84)", Ze = "rgba(0, 0, 0, 0.62)", ro = "rgba(0, 0, 0, 0.44)", eo = "rgba(255, 255, 255, 0.95)", oo = "rgba(255, 255, 255, 0.66)", to = "rgba(255, 255, 255, 0.37)", co = "#6d02a3", ao = "#4e0174", no = "#29003e", uo = "#ffffff", io = "#4e0174", so = "#f4e0ff", lo = "#e4b6fb", po = "#e4b6fb", vo = "#ffffff", go = "#ffffff", Bo = "#ffffff", fo = "#29003e", So = "#ffffff", Co = "#29003e", Io = "#ffffff", To = "#990ae3", xo = "#990ae3", ko = "#980233", mo = "#ff80ab", No = "#e4175c", yo = "#fb4885", $o = "#02562b", Po = "#3dbf7c", bo = "#018842", Eo = "#6a4102", Oo = "#a86602", Ao = "#f39200", Ho = "#014d80", Mo = "#0078cb", ho = "rgba(0, 0, 0, 0.71)", Wo = "#4e0174", Do = "#ffffff", Lo = "#ffffff", Fo = "#f4e0ff", Ro = "#29003e", _o = "#4f4741", wo = "#ffffff", Uo = "#1f002e", Qo = "#f5f5fa", jo = "#29003e", Xo = "rgba(255, 255, 255, 0.84)", qo = "rgba(0, 0, 0, 0.71)", Go = "#e8f6ff", zo = "#4e0174", Jo = "#6d02a3", Ko = "#8c07d0", Vo = "#f4e0ff", Yo = "#e4b6fb", Zo = "#d58df9", rt = "#990ae3", et = "#6d02a3", ot = "#4e0174", tt = "#990ae3", ct = "#c461f7", at = "#d58df9", nt = "rgba(0, 0, 0, 0.1)", ut = "rgba(255, 255, 255, 0.11)", it = "#f4e0ff", st = "#4e0174", lt = "#e4b6fb", pt = "#6d02a3", vt = "rgba(0, 0, 0, 0.05)", gt = "rgba(255, 255, 255, 0.16)", dt = "rgba(0, 0, 0, 0.05)", Bt = "rgba(255, 255, 255, 0.11)", ft = "#e4175c", St = "#c00543", Ct = "#980233", It = "#caeaff", Tt = "#3694d3", xt = "#c5efd9", kt = "#1fa15e", mt = "#3dbf7c", Nt = "#ffdde8", yt = "#fb4885", $t = "#ff80ab", Pt = "#ffe1b3", bt = "#cc7a00", Et = "#f39200", Ot = "#d6d6dd", At = "#f4e0ff", Ht = "#6d02a3", Mt = "#202022", ht = "#29003e", Wt = "#f4e0ff", Dt = "#ede1d8", Lt = "#f9f1ec", Ft = "rgba(0, 0, 0, 0.33)", Rt = "rgba(255, 255, 255, 0.29)", _t = "rgba(0, 0, 0, 0.54)", wt = "rgba(255, 255, 255, 0.46)", Ut = "rgba(0, 0, 0, 0.16)", Qt = "rgba(255, 255, 255, 0.16)", jt = "#b12df4", Xt = "#6d02a3", qt = "#f4e0ff", Gt = "#4e0174", zt = "#29003e", Jt = "#e4b6fb", Kt = "#e4b6fb", Vt = "#990ae3", Yt = "#990ae3", Zt = "rgba(0, 0, 0, 0.44)", rc = "rgba(255, 255, 255, 0.46)", ec = "#6d02a3", oc = "#c461f7", tc = "#e4175c", cc = "#fb4885", ac = "#cc7a00", nc = "#0078cb", uc = "#018842", ic = "#1fa15e", sc = {
|
|
131
|
+
colorBrandDeepPurple: je,
|
|
132
|
+
colorBrandCorePurple: Xe,
|
|
133
|
+
colorBrandLightPurple: qe,
|
|
134
|
+
colorBrandDeepBeige: Ge,
|
|
135
|
+
colorBrandBeige: ze,
|
|
136
|
+
colorBrandLightBeige: Je,
|
|
137
|
+
colorBrandOffBlack: Ke,
|
|
138
|
+
colorBrandWhite: Ve,
|
|
139
|
+
colorTextDefault: Ye,
|
|
140
|
+
colorTextMedium: Ze,
|
|
141
|
+
colorTextWeak: ro,
|
|
142
|
+
colorTextDefaultNegative: eo,
|
|
143
|
+
colorTextMediumNegative: oo,
|
|
144
|
+
colorTextWeakNegative: to,
|
|
145
|
+
colorTextInteractivePrimary: co,
|
|
146
|
+
colorTextInteractivePrimaryHover: ao,
|
|
147
|
+
colorTextInteractivePrimaryActive: no,
|
|
148
|
+
colorTextInteractiveOnPrimary: uo,
|
|
149
|
+
colorTextInteractiveOnExpressive: vo,
|
|
150
|
+
colorTextInteractiveOnExpressiveHover: Bo,
|
|
151
|
+
colorTextInteractiveOnExpressiveActive: So,
|
|
152
|
+
colorTextInteractiveOnDestructive: Io,
|
|
153
|
+
colorTextInteractiveSelected: To,
|
|
154
|
+
colorTextInteractivePrimaryNegative: so,
|
|
155
|
+
colorTextInteractivePrimaryHoverNegative: lo,
|
|
156
|
+
colorTextInteractivePrimaryActiveNegative: po,
|
|
157
|
+
colorTextInteractiveOnPrimaryNegative: io,
|
|
158
|
+
colorTextInteractiveOnExpressiveNegative: go,
|
|
159
|
+
colorTextInteractiveOnExpressiveHoverNegative: fo,
|
|
160
|
+
colorTextInteractiveOnExpressiveActiveNegative: Co,
|
|
161
|
+
colorTextStatusInfoMedium: Mo,
|
|
162
|
+
colorTextStatusInfoStrong: Ho,
|
|
163
|
+
colorTextStatusSuccessMedium: bo,
|
|
164
|
+
colorTextStatusSuccessStrong: $o,
|
|
165
|
+
colorTextStatusWarningMedium: Oo,
|
|
166
|
+
colorTextStatusWarningStrong: Eo,
|
|
167
|
+
colorTextStatusErrorMedium: No,
|
|
168
|
+
colorTextStatusErrorStrong: ko,
|
|
169
|
+
colorTextStatusNeutral: ho,
|
|
170
|
+
colorTextStatusSpecial: Wo,
|
|
171
|
+
colorTextStatusAttention: Do,
|
|
172
|
+
colorTextStatusDiscount: xo,
|
|
173
|
+
colorTextStatusBlackFriday: Lo,
|
|
174
|
+
colorTextStatusSuccessStrongNegative: Po,
|
|
175
|
+
colorTextStatusErrorMediumNegative: yo,
|
|
176
|
+
colorTextStatusErrorStrongNegative: mo,
|
|
177
|
+
colorTextStatusWarningMediumNegative: Ao,
|
|
178
|
+
colorTextToneOnTonePrimary: Fo,
|
|
179
|
+
colorTextToneOnToneSecondary: Ro,
|
|
180
|
+
colorTextToneOnToneTertiary: _o,
|
|
181
|
+
colorBackgroundPrimary: wo,
|
|
182
|
+
colorBackgroundSecondary: Qo,
|
|
183
|
+
colorBackgroundOnImage: Xo,
|
|
184
|
+
colorBackgroundPrimaryNegative: Uo,
|
|
185
|
+
colorBackgroundSecondaryNegative: jo,
|
|
186
|
+
colorBackgroundOnImageNegative: qo,
|
|
187
|
+
colorBackgroundInteractivePrimary: zo,
|
|
188
|
+
colorBackgroundInteractivePrimaryHover: Jo,
|
|
189
|
+
colorBackgroundInteractivePrimaryActive: Ko,
|
|
190
|
+
colorBackgroundInteractiveExpressive: rt,
|
|
191
|
+
colorBackgroundInteractiveExpressiveHover: et,
|
|
192
|
+
colorBackgroundInteractiveExpressiveActive: ot,
|
|
193
|
+
colorBackgroundInteractiveTransparentHover: it,
|
|
194
|
+
colorBackgroundInteractiveTransparentActive: lt,
|
|
195
|
+
colorBackgroundInteractiveDisabled: nt,
|
|
196
|
+
colorBackgroundInteractiveReadOnly: dt,
|
|
197
|
+
colorBackgroundInteractiveInactive: vt,
|
|
198
|
+
colorBackgroundInteractiveDestructive: ft,
|
|
199
|
+
colorBackgroundInteractiveDestructiveHover: St,
|
|
200
|
+
colorBackgroundInteractiveDestructiveActive: Ct,
|
|
201
|
+
colorBackgroundInteractiveAutoFill: Go,
|
|
202
|
+
colorBackgroundInteractivePrimaryNegative: Vo,
|
|
203
|
+
colorBackgroundInteractivePrimaryHoverNegative: Yo,
|
|
204
|
+
colorBackgroundInteractivePrimaryActiveNegative: Zo,
|
|
205
|
+
colorBackgroundInteractiveExpressiveNegative: tt,
|
|
206
|
+
colorBackgroundInteractiveExpressiveHoverNegative: ct,
|
|
207
|
+
colorBackgroundInteractiveExpressiveActiveNegative: at,
|
|
208
|
+
colorBackgroundInteractiveTransparentHoverNegative: st,
|
|
209
|
+
colorBackgroundInteractiveTransparentActiveNegative: pt,
|
|
210
|
+
colorBackgroundInteractiveDisabledNegative: ut,
|
|
211
|
+
colorBackgroundInteractiveInactiveNegative: gt,
|
|
212
|
+
colorBackgroundInteractiveReadOnlyNegative: Bt,
|
|
213
|
+
colorBackgroundStatusInfoMedium: It,
|
|
214
|
+
colorBackgroundStatusInfoStrong: Tt,
|
|
215
|
+
colorBackgroundStatusSuccessMedium: xt,
|
|
216
|
+
colorBackgroundStatusSuccessStrong: kt,
|
|
217
|
+
colorBackgroundStatusWarningMedium: Pt,
|
|
218
|
+
colorBackgroundStatusWarningStrong: bt,
|
|
219
|
+
colorBackgroundStatusErrorMedium: Nt,
|
|
220
|
+
colorBackgroundStatusErrorStrong: yt,
|
|
221
|
+
colorBackgroundStatusNeutral: Ot,
|
|
222
|
+
colorBackgroundStatusSpecial: At,
|
|
223
|
+
colorBackgroundStatusAttention: Ht,
|
|
224
|
+
colorBackgroundStatusBlackFriday: Mt,
|
|
225
|
+
colorBackgroundStatusSuccessStrongNegative: mt,
|
|
226
|
+
colorBackgroundStatusWarningStrongNegative: Et,
|
|
227
|
+
colorBackgroundStatusErrorStrongNegative: $t,
|
|
228
|
+
colorBackgroundToneOnTonePrimary: ht,
|
|
229
|
+
colorBackgroundToneOnToneSecondary: Wt,
|
|
230
|
+
colorBackgroundToneOnToneTertiary: Dt,
|
|
231
|
+
colorBackgroundToneOnToneQuaternary: Lt,
|
|
232
|
+
colorBorderWeak: Ut,
|
|
233
|
+
colorBorderMedium: Ft,
|
|
234
|
+
colorBorderStrong: _t,
|
|
235
|
+
colorBorderWeakNegative: Qt,
|
|
236
|
+
colorBorderMediumNegative: Rt,
|
|
237
|
+
colorBorderStrongNegative: wt,
|
|
238
|
+
colorBorderInteractivePrimary: Xt,
|
|
239
|
+
colorBorderInteractivePrimaryHover: Gt,
|
|
240
|
+
colorBorderInteractivePrimaryActive: zt,
|
|
241
|
+
colorBorderInteractiveFocus: jt,
|
|
242
|
+
colorBorderInteractiveExpressive: Vt,
|
|
243
|
+
colorBorderInteractiveSubtle: Zt,
|
|
244
|
+
colorBorderInteractiveSubtleHover: ec,
|
|
245
|
+
colorBorderInteractiveSelected: Yt,
|
|
246
|
+
colorBorderInteractivePrimaryNegative: qt,
|
|
247
|
+
colorBorderInteractivePrimaryHoverNegative: Jt,
|
|
248
|
+
colorBorderInteractivePrimaryActiveNegative: Kt,
|
|
249
|
+
colorBorderInteractiveSubtleNegative: rc,
|
|
250
|
+
colorBorderInteractiveSubtleHoverNegative: oc,
|
|
251
|
+
colorBorderStatusError: tc,
|
|
252
|
+
colorBorderStatusWarning: ac,
|
|
253
|
+
colorBorderStatusInfo: nc,
|
|
254
|
+
colorBorderStatusSuccess: uc,
|
|
255
|
+
colorBorderStatusErrorNegative: cc,
|
|
256
|
+
colorBorderStatusSuccessNegative: ic
|
|
257
257
|
}, B = {
|
|
258
|
-
light:
|
|
259
|
-
dark:
|
|
260
|
-
},
|
|
261
|
-
function
|
|
262
|
-
let r =
|
|
263
|
-
r = r.replace(
|
|
264
|
-
let
|
|
265
|
-
for (; r.charAt(
|
|
266
|
-
|
|
267
|
-
if (
|
|
258
|
+
light: sc,
|
|
259
|
+
dark: Qe
|
|
260
|
+
}, lc = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu"), pc = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu"), vc = new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d", "u"), gc = /[^\p{L}\d]+/giu, f = "$1\0$2", S = "";
|
|
261
|
+
function C(e) {
|
|
262
|
+
let r = e.trim();
|
|
263
|
+
r = r.replace(lc, f).replace(pc, f), r = r.replace(gc, "\0");
|
|
264
|
+
let o = 0, t = r.length;
|
|
265
|
+
for (; r.charAt(o) === "\0"; )
|
|
266
|
+
o++;
|
|
267
|
+
if (o === t)
|
|
268
268
|
return [];
|
|
269
269
|
for (; r.charAt(t - 1) === "\0"; )
|
|
270
270
|
t--;
|
|
271
|
-
return r.slice(
|
|
271
|
+
return r.slice(o, t).split(/\0/g);
|
|
272
272
|
}
|
|
273
|
-
function
|
|
274
|
-
const r =
|
|
275
|
-
for (let
|
|
276
|
-
const t = r[
|
|
277
|
-
if (
|
|
278
|
-
const
|
|
279
|
-
r.splice(
|
|
273
|
+
function dc(e) {
|
|
274
|
+
const r = C(e);
|
|
275
|
+
for (let o = 0; o < r.length; o++) {
|
|
276
|
+
const t = r[o], c = vc.exec(t);
|
|
277
|
+
if (c) {
|
|
278
|
+
const a = c.index + (c[1] ?? c[2]).length;
|
|
279
|
+
r.splice(o, 1, t.slice(0, a), t.slice(a));
|
|
280
280
|
}
|
|
281
281
|
}
|
|
282
282
|
return r;
|
|
283
283
|
}
|
|
284
|
-
function
|
|
285
|
-
const [
|
|
286
|
-
return
|
|
284
|
+
function Bc(e, r) {
|
|
285
|
+
const [o, t, c] = Cc(e, r);
|
|
286
|
+
return o + t.map(Sc(r?.locale)).join(r?.delimiter ?? " ") + c;
|
|
287
287
|
}
|
|
288
|
-
function
|
|
289
|
-
return
|
|
288
|
+
function fc(e, r) {
|
|
289
|
+
return Bc(e, { delimiter: "-", ...r });
|
|
290
290
|
}
|
|
291
|
-
function
|
|
292
|
-
return
|
|
291
|
+
function Sc(e) {
|
|
292
|
+
return e === !1 ? (r) => r.toLowerCase() : (r) => r.toLocaleLowerCase(e);
|
|
293
293
|
}
|
|
294
|
-
function
|
|
295
|
-
const
|
|
296
|
-
let
|
|
297
|
-
for (;
|
|
298
|
-
const
|
|
299
|
-
if (!t.includes(
|
|
294
|
+
function Cc(e, r = {}) {
|
|
295
|
+
const o = r.split ?? (r.separateNumbers ? dc : C), t = r.prefixCharacters ?? S, c = r.suffixCharacters ?? S;
|
|
296
|
+
let a = 0, n = e.length;
|
|
297
|
+
for (; a < e.length; ) {
|
|
298
|
+
const i = e.charAt(a);
|
|
299
|
+
if (!t.includes(i))
|
|
300
300
|
break;
|
|
301
|
-
|
|
301
|
+
a++;
|
|
302
302
|
}
|
|
303
|
-
for (;
|
|
304
|
-
const
|
|
305
|
-
if (!
|
|
303
|
+
for (; n > a; ) {
|
|
304
|
+
const i = n - 1, s = e.charAt(i);
|
|
305
|
+
if (!c.includes(s))
|
|
306
306
|
break;
|
|
307
|
-
|
|
307
|
+
n = i;
|
|
308
308
|
}
|
|
309
309
|
return [
|
|
310
|
-
|
|
311
|
-
e
|
|
312
|
-
|
|
310
|
+
e.slice(0, a),
|
|
311
|
+
o(e.slice(a, n)),
|
|
312
|
+
e.slice(n)
|
|
313
313
|
];
|
|
314
314
|
}
|
|
315
|
-
const
|
|
316
|
-
theme:
|
|
315
|
+
const Ic = ({
|
|
316
|
+
theme: e = B,
|
|
317
317
|
cssVariablesSelector: r,
|
|
318
|
-
currentColorScheme:
|
|
318
|
+
currentColorScheme: o
|
|
319
319
|
}) => {
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
([t,
|
|
320
|
+
p(() => {
|
|
321
|
+
o && Object.entries(e?.[o] ?? B[o]).forEach(
|
|
322
|
+
([t, c]) => {
|
|
323
323
|
((r ? document.querySelector(r) : null) ?? document.documentElement).style.setProperty(
|
|
324
|
-
`--purpur-${
|
|
325
|
-
|
|
324
|
+
`--purpur-${fc(t)}`,
|
|
325
|
+
c
|
|
326
326
|
);
|
|
327
327
|
}
|
|
328
328
|
);
|
|
329
|
-
}, [
|
|
330
|
-
},
|
|
329
|
+
}, [e, r, o]);
|
|
330
|
+
}, I = k({
|
|
331
331
|
colorScheme: "light",
|
|
332
332
|
currentColorScheme: "light",
|
|
333
333
|
setColorScheme: () => {
|
|
334
334
|
},
|
|
335
335
|
options: {}
|
|
336
|
-
}),
|
|
337
|
-
cssVariablesSelector:
|
|
336
|
+
}), mc = ({
|
|
337
|
+
cssVariablesSelector: e,
|
|
338
338
|
forceColorScheme: r,
|
|
339
|
-
theme:
|
|
339
|
+
theme: o,
|
|
340
340
|
children: t,
|
|
341
|
-
options:
|
|
342
|
-
...
|
|
341
|
+
options: c = {},
|
|
342
|
+
...a
|
|
343
343
|
}) => {
|
|
344
|
-
const [
|
|
344
|
+
const [n, i] = d(r ?? "auto"), [s, l] = d(
|
|
345
345
|
r ?? "light"
|
|
346
346
|
);
|
|
347
|
-
|
|
347
|
+
p(() => {
|
|
348
348
|
if (r)
|
|
349
|
-
|
|
349
|
+
i(r);
|
|
350
350
|
else {
|
|
351
|
-
const
|
|
352
|
-
|
|
351
|
+
const u = localStorage.getItem("colorScheme");
|
|
352
|
+
u && i(u);
|
|
353
353
|
}
|
|
354
|
-
}, [r]),
|
|
355
|
-
const
|
|
356
|
-
|
|
357
|
-
const
|
|
358
|
-
!r &&
|
|
354
|
+
}, [r]), p(() => {
|
|
355
|
+
const u = window.matchMedia("(prefers-color-scheme: dark)");
|
|
356
|
+
l(n === "auto" ? u.matches ? "dark" : "light" : n);
|
|
357
|
+
const v = (x) => {
|
|
358
|
+
!r && n === "auto" && l(x.matches ? "dark" : "light");
|
|
359
359
|
};
|
|
360
|
-
return
|
|
361
|
-
|
|
360
|
+
return u.addEventListener("change", v), () => {
|
|
361
|
+
u.removeEventListener("change", v);
|
|
362
362
|
};
|
|
363
|
-
}, [
|
|
364
|
-
const
|
|
363
|
+
}, [n, r]), Ic({ theme: o, cssVariablesSelector: e, currentColorScheme: s });
|
|
364
|
+
const T = m(
|
|
365
365
|
() => ({
|
|
366
|
-
colorScheme:
|
|
367
|
-
currentColorScheme:
|
|
368
|
-
setColorScheme: (
|
|
369
|
-
r || (
|
|
366
|
+
colorScheme: n,
|
|
367
|
+
currentColorScheme: s,
|
|
368
|
+
setColorScheme: (u) => {
|
|
369
|
+
r || (i(u), localStorage.setItem("colorScheme", u));
|
|
370
370
|
}
|
|
371
371
|
}),
|
|
372
|
-
[
|
|
372
|
+
[n, s, r]
|
|
373
373
|
);
|
|
374
|
-
return /* @__PURE__ */ g(
|
|
375
|
-
},
|
|
376
|
-
const
|
|
377
|
-
if (!
|
|
374
|
+
return /* @__PURE__ */ g(I.Provider, { value: { ...T, options: c }, children: /* @__PURE__ */ g("div", { className: s, ...a, children: t }) });
|
|
375
|
+
}, Tc = () => {
|
|
376
|
+
const e = N(I);
|
|
377
|
+
if (!e)
|
|
378
378
|
throw new Error("useTheme must be used within a ThemeProvider");
|
|
379
|
-
return
|
|
380
|
-
},
|
|
381
|
-
const {
|
|
382
|
-
return [
|
|
379
|
+
return e;
|
|
380
|
+
}, Nc = () => {
|
|
381
|
+
const { colorScheme: e, setColorScheme: r } = Tc();
|
|
382
|
+
return [e, r];
|
|
383
383
|
};
|
|
384
384
|
export {
|
|
385
|
-
|
|
385
|
+
mc as ThemeProvider,
|
|
386
386
|
B as teliaTheme,
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
387
|
+
Ic as useApplyTheme,
|
|
388
|
+
Nc as useColorScheme,
|
|
389
|
+
Tc as useTheme
|
|
390
390
|
};
|
|
391
391
|
//# sourceMappingURL=theme.es.js.map
|