@purpurds/theme 8.13.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/{f60f919270040b16b3a9c68f9b14cb81f9078e21.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-props.d.ts +1 -0
- package/dist/theme-props.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/src/telia-dark.ts
CHANGED
|
@@ -1,141 +1,278 @@
|
|
|
1
|
+
import {
|
|
2
|
+
purpurColorBackgroundInteractiveAutoFill,
|
|
3
|
+
purpurColorBackgroundInteractiveDestructive,
|
|
4
|
+
purpurColorBackgroundInteractiveDestructiveActive,
|
|
5
|
+
purpurColorBackgroundInteractiveDestructiveHover,
|
|
6
|
+
purpurColorBackgroundInteractiveDisabled,
|
|
7
|
+
purpurColorBackgroundInteractiveDisabledNegative,
|
|
8
|
+
purpurColorBackgroundInteractiveExpressive,
|
|
9
|
+
purpurColorBackgroundInteractiveExpressiveActive,
|
|
10
|
+
purpurColorBackgroundInteractiveExpressiveActiveNegative,
|
|
11
|
+
purpurColorBackgroundInteractiveExpressiveHover,
|
|
12
|
+
purpurColorBackgroundInteractiveExpressiveHoverNegative,
|
|
13
|
+
purpurColorBackgroundInteractiveExpressiveNegative,
|
|
14
|
+
purpurColorBackgroundInteractiveInactive,
|
|
15
|
+
purpurColorBackgroundInteractiveInactiveNegative,
|
|
16
|
+
purpurColorBackgroundInteractivePrimary,
|
|
17
|
+
purpurColorBackgroundInteractivePrimaryActive,
|
|
18
|
+
purpurColorBackgroundInteractivePrimaryActiveNegative,
|
|
19
|
+
purpurColorBackgroundInteractivePrimaryHover,
|
|
20
|
+
purpurColorBackgroundInteractivePrimaryHoverNegative,
|
|
21
|
+
purpurColorBackgroundInteractivePrimaryNegative,
|
|
22
|
+
purpurColorBackgroundInteractiveReadOnly,
|
|
23
|
+
purpurColorBackgroundInteractiveReadOnlyNegative,
|
|
24
|
+
purpurColorBackgroundInteractiveTransparentActive,
|
|
25
|
+
purpurColorBackgroundInteractiveTransparentActiveNegative,
|
|
26
|
+
purpurColorBackgroundInteractiveTransparentHover,
|
|
27
|
+
purpurColorBackgroundInteractiveTransparentHoverNegative,
|
|
28
|
+
purpurColorBackgroundOnImage,
|
|
29
|
+
purpurColorBackgroundOnImageNegative,
|
|
30
|
+
purpurColorBackgroundPrimary,
|
|
31
|
+
purpurColorBackgroundPrimaryNegative,
|
|
32
|
+
purpurColorBackgroundSecondary,
|
|
33
|
+
purpurColorBackgroundSecondaryNegative,
|
|
34
|
+
purpurColorBackgroundStatusAttention,
|
|
35
|
+
purpurColorBackgroundStatusBlackFriday,
|
|
36
|
+
purpurColorBackgroundStatusErrorMedium,
|
|
37
|
+
purpurColorBackgroundStatusErrorStrong,
|
|
38
|
+
purpurColorBackgroundStatusErrorStrongNegative,
|
|
39
|
+
purpurColorBackgroundStatusInfoMedium,
|
|
40
|
+
purpurColorBackgroundStatusInfoStrong,
|
|
41
|
+
purpurColorBackgroundStatusNeutral,
|
|
42
|
+
purpurColorBackgroundStatusSpecial,
|
|
43
|
+
purpurColorBackgroundStatusSuccessMedium,
|
|
44
|
+
purpurColorBackgroundStatusSuccessStrong,
|
|
45
|
+
purpurColorBackgroundStatusSuccessStrongNegative,
|
|
46
|
+
purpurColorBackgroundStatusWarningMedium,
|
|
47
|
+
purpurColorBackgroundStatusWarningStrong,
|
|
48
|
+
purpurColorBackgroundStatusWarningStrongNegative,
|
|
49
|
+
purpurColorBackgroundToneOnTonePrimary,
|
|
50
|
+
purpurColorBackgroundToneOnToneQuaternary,
|
|
51
|
+
purpurColorBackgroundToneOnToneSecondary,
|
|
52
|
+
purpurColorBackgroundToneOnToneTertiary,
|
|
53
|
+
purpurColorBorderInteractiveExpressive,
|
|
54
|
+
purpurColorBorderInteractiveFocus,
|
|
55
|
+
purpurColorBorderInteractivePrimary,
|
|
56
|
+
purpurColorBorderInteractivePrimaryActive,
|
|
57
|
+
purpurColorBorderInteractivePrimaryActiveNegative,
|
|
58
|
+
purpurColorBorderInteractivePrimaryHover,
|
|
59
|
+
purpurColorBorderInteractivePrimaryHoverNegative,
|
|
60
|
+
purpurColorBorderInteractivePrimaryNegative,
|
|
61
|
+
purpurColorBorderInteractiveSelected,
|
|
62
|
+
purpurColorBorderInteractiveSubtle,
|
|
63
|
+
purpurColorBorderInteractiveSubtleHover,
|
|
64
|
+
purpurColorBorderInteractiveSubtleHoverNegative,
|
|
65
|
+
purpurColorBorderInteractiveSubtleNegative,
|
|
66
|
+
purpurColorBorderMedium,
|
|
67
|
+
purpurColorBorderMediumNegative,
|
|
68
|
+
purpurColorBorderStatusError,
|
|
69
|
+
purpurColorBorderStatusErrorNegative,
|
|
70
|
+
purpurColorBorderStatusInfo,
|
|
71
|
+
purpurColorBorderStatusSuccess,
|
|
72
|
+
purpurColorBorderStatusSuccessNegative,
|
|
73
|
+
purpurColorBorderStatusWarning,
|
|
74
|
+
purpurColorBorderStrong,
|
|
75
|
+
purpurColorBorderStrongNegative,
|
|
76
|
+
purpurColorBorderWeak,
|
|
77
|
+
purpurColorBorderWeakNegative,
|
|
78
|
+
purpurColorBrandBeige,
|
|
79
|
+
purpurColorBrandCorePurple,
|
|
80
|
+
purpurColorBrandDeepBeige,
|
|
81
|
+
purpurColorBrandDeepPurple,
|
|
82
|
+
purpurColorBrandLightBeige,
|
|
83
|
+
purpurColorBrandLightPurple,
|
|
84
|
+
purpurColorBrandOffBlack,
|
|
85
|
+
purpurColorBrandWhite,
|
|
86
|
+
purpurColorTextDefault,
|
|
87
|
+
purpurColorTextDefaultNegative,
|
|
88
|
+
purpurColorTextInteractiveOnDestructive,
|
|
89
|
+
purpurColorTextInteractiveOnExpressive,
|
|
90
|
+
purpurColorTextInteractiveOnExpressiveActive,
|
|
91
|
+
purpurColorTextInteractiveOnExpressiveActiveNegative,
|
|
92
|
+
purpurColorTextInteractiveOnExpressiveHover,
|
|
93
|
+
purpurColorTextInteractiveOnExpressiveHoverNegative,
|
|
94
|
+
purpurColorTextInteractiveOnExpressiveNegative,
|
|
95
|
+
purpurColorTextInteractiveOnPrimary,
|
|
96
|
+
purpurColorTextInteractiveOnPrimaryNegative,
|
|
97
|
+
purpurColorTextInteractivePrimary,
|
|
98
|
+
purpurColorTextInteractivePrimaryActive,
|
|
99
|
+
purpurColorTextInteractivePrimaryActiveNegative,
|
|
100
|
+
purpurColorTextInteractivePrimaryHover,
|
|
101
|
+
purpurColorTextInteractivePrimaryHoverNegative,
|
|
102
|
+
purpurColorTextInteractivePrimaryNegative,
|
|
103
|
+
purpurColorTextInteractiveSelected,
|
|
104
|
+
purpurColorTextMedium,
|
|
105
|
+
purpurColorTextMediumNegative,
|
|
106
|
+
purpurColorTextStatusAttention,
|
|
107
|
+
purpurColorTextStatusBlackFriday,
|
|
108
|
+
purpurColorTextStatusDiscount,
|
|
109
|
+
purpurColorTextStatusErrorMedium,
|
|
110
|
+
purpurColorTextStatusErrorMediumNegative,
|
|
111
|
+
purpurColorTextStatusErrorStrong,
|
|
112
|
+
purpurColorTextStatusErrorStrongNegative,
|
|
113
|
+
purpurColorTextStatusInfoMedium,
|
|
114
|
+
purpurColorTextStatusInfoStrong,
|
|
115
|
+
purpurColorTextStatusNeutral,
|
|
116
|
+
purpurColorTextStatusSpecial,
|
|
117
|
+
purpurColorTextStatusSuccessMedium,
|
|
118
|
+
purpurColorTextStatusSuccessStrong,
|
|
119
|
+
purpurColorTextStatusSuccessStrongNegative,
|
|
120
|
+
purpurColorTextStatusWarningMedium,
|
|
121
|
+
purpurColorTextStatusWarningMediumNegative,
|
|
122
|
+
purpurColorTextStatusWarningStrong,
|
|
123
|
+
purpurColorTextToneOnTonePrimary,
|
|
124
|
+
purpurColorTextToneOnToneSecondary,
|
|
125
|
+
purpurColorTextToneOnToneTertiary,
|
|
126
|
+
purpurColorTextWeak,
|
|
127
|
+
purpurColorTextWeakNegative,
|
|
128
|
+
} from "@purpurds/tokens/dark";
|
|
129
|
+
|
|
1
130
|
import type { ThemeProps } from "./theme-props";
|
|
2
131
|
|
|
3
132
|
export const dark = {
|
|
4
|
-
colorBrandDeepPurple:
|
|
5
|
-
colorBrandCorePurple:
|
|
6
|
-
colorBrandLightPurple:
|
|
7
|
-
colorBrandDeepBeige:
|
|
8
|
-
colorBrandBeige:
|
|
9
|
-
colorBrandLightBeige:
|
|
10
|
-
colorBrandOffBlack:
|
|
11
|
-
colorBrandWhite:
|
|
133
|
+
colorBrandDeepPurple: purpurColorBrandDeepPurple,
|
|
134
|
+
colorBrandCorePurple: purpurColorBrandCorePurple,
|
|
135
|
+
colorBrandLightPurple: purpurColorBrandLightPurple,
|
|
136
|
+
colorBrandDeepBeige: purpurColorBrandDeepBeige,
|
|
137
|
+
colorBrandBeige: purpurColorBrandBeige,
|
|
138
|
+
colorBrandLightBeige: purpurColorBrandLightBeige,
|
|
139
|
+
colorBrandOffBlack: purpurColorBrandOffBlack,
|
|
140
|
+
colorBrandWhite: purpurColorBrandWhite,
|
|
12
141
|
|
|
13
|
-
colorTextDefault:
|
|
14
|
-
colorTextMedium:
|
|
15
|
-
colorTextWeak:
|
|
16
|
-
colorTextDefaultNegative:
|
|
17
|
-
colorTextMediumNegative:
|
|
18
|
-
colorTextWeakNegative:
|
|
142
|
+
colorTextDefault: purpurColorTextDefault,
|
|
143
|
+
colorTextMedium: purpurColorTextMedium,
|
|
144
|
+
colorTextWeak: purpurColorTextWeak,
|
|
145
|
+
colorTextDefaultNegative: purpurColorTextDefaultNegative,
|
|
146
|
+
colorTextMediumNegative: purpurColorTextMediumNegative,
|
|
147
|
+
colorTextWeakNegative: purpurColorTextWeakNegative,
|
|
19
148
|
|
|
20
|
-
colorTextInteractivePrimary:
|
|
21
|
-
colorTextInteractivePrimaryHover:
|
|
22
|
-
colorTextInteractivePrimaryActive:
|
|
23
|
-
colorTextInteractiveOnPrimary:
|
|
24
|
-
colorTextInteractiveOnExpressive:
|
|
25
|
-
colorTextInteractiveOnExpressiveHover:
|
|
26
|
-
colorTextInteractiveOnExpressiveActive:
|
|
27
|
-
colorTextInteractiveOnDestructive:
|
|
28
|
-
colorTextInteractiveSelected:
|
|
29
|
-
colorTextInteractivePrimaryNegative:
|
|
30
|
-
colorTextInteractivePrimaryHoverNegative:
|
|
31
|
-
colorTextInteractivePrimaryActiveNegative:
|
|
32
|
-
colorTextInteractiveOnPrimaryNegative:
|
|
33
|
-
colorTextInteractiveOnExpressiveNegative:
|
|
34
|
-
colorTextInteractiveOnExpressiveHoverNegative:
|
|
35
|
-
|
|
149
|
+
colorTextInteractivePrimary: purpurColorTextInteractivePrimary,
|
|
150
|
+
colorTextInteractivePrimaryHover: purpurColorTextInteractivePrimaryHover,
|
|
151
|
+
colorTextInteractivePrimaryActive: purpurColorTextInteractivePrimaryActive,
|
|
152
|
+
colorTextInteractiveOnPrimary: purpurColorTextInteractiveOnPrimary,
|
|
153
|
+
colorTextInteractiveOnExpressive: purpurColorTextInteractiveOnExpressive,
|
|
154
|
+
colorTextInteractiveOnExpressiveHover: purpurColorTextInteractiveOnExpressiveHover,
|
|
155
|
+
colorTextInteractiveOnExpressiveActive: purpurColorTextInteractiveOnExpressiveActive,
|
|
156
|
+
colorTextInteractiveOnDestructive: purpurColorTextInteractiveOnDestructive,
|
|
157
|
+
colorTextInteractiveSelected: purpurColorTextInteractiveSelected,
|
|
158
|
+
colorTextInteractivePrimaryNegative: purpurColorTextInteractivePrimaryNegative,
|
|
159
|
+
colorTextInteractivePrimaryHoverNegative: purpurColorTextInteractivePrimaryHoverNegative,
|
|
160
|
+
colorTextInteractivePrimaryActiveNegative: purpurColorTextInteractivePrimaryActiveNegative,
|
|
161
|
+
colorTextInteractiveOnPrimaryNegative: purpurColorTextInteractiveOnPrimaryNegative,
|
|
162
|
+
colorTextInteractiveOnExpressiveNegative: purpurColorTextInteractiveOnExpressiveNegative,
|
|
163
|
+
colorTextInteractiveOnExpressiveHoverNegative:
|
|
164
|
+
purpurColorTextInteractiveOnExpressiveHoverNegative,
|
|
165
|
+
colorTextInteractiveOnExpressiveActiveNegative:
|
|
166
|
+
purpurColorTextInteractiveOnExpressiveActiveNegative,
|
|
36
167
|
|
|
37
|
-
colorTextStatusInfoMedium:
|
|
38
|
-
colorTextStatusInfoStrong:
|
|
39
|
-
colorTextStatusSuccessMedium:
|
|
40
|
-
colorTextStatusSuccessStrong:
|
|
41
|
-
colorTextStatusWarningMedium:
|
|
42
|
-
colorTextStatusWarningStrong:
|
|
43
|
-
colorTextStatusErrorMedium:
|
|
44
|
-
colorTextStatusErrorStrong:
|
|
45
|
-
colorTextStatusNeutral:
|
|
46
|
-
colorTextStatusSpecial:
|
|
47
|
-
colorTextStatusAttention:
|
|
48
|
-
colorTextStatusDiscount:
|
|
49
|
-
colorTextStatusBlackFriday:
|
|
50
|
-
colorTextStatusSuccessStrongNegative:
|
|
51
|
-
colorTextStatusErrorMediumNegative:
|
|
52
|
-
colorTextStatusErrorStrongNegative:
|
|
53
|
-
colorTextStatusWarningMediumNegative:
|
|
168
|
+
colorTextStatusInfoMedium: purpurColorTextStatusInfoMedium,
|
|
169
|
+
colorTextStatusInfoStrong: purpurColorTextStatusInfoStrong,
|
|
170
|
+
colorTextStatusSuccessMedium: purpurColorTextStatusSuccessMedium,
|
|
171
|
+
colorTextStatusSuccessStrong: purpurColorTextStatusSuccessStrong,
|
|
172
|
+
colorTextStatusWarningMedium: purpurColorTextStatusWarningMedium,
|
|
173
|
+
colorTextStatusWarningStrong: purpurColorTextStatusWarningStrong,
|
|
174
|
+
colorTextStatusErrorMedium: purpurColorTextStatusErrorMedium,
|
|
175
|
+
colorTextStatusErrorStrong: purpurColorTextStatusErrorStrong,
|
|
176
|
+
colorTextStatusNeutral: purpurColorTextStatusNeutral,
|
|
177
|
+
colorTextStatusSpecial: purpurColorTextStatusSpecial,
|
|
178
|
+
colorTextStatusAttention: purpurColorTextStatusAttention,
|
|
179
|
+
colorTextStatusDiscount: purpurColorTextStatusDiscount,
|
|
180
|
+
colorTextStatusBlackFriday: purpurColorTextStatusBlackFriday,
|
|
181
|
+
colorTextStatusSuccessStrongNegative: purpurColorTextStatusSuccessStrongNegative,
|
|
182
|
+
colorTextStatusErrorMediumNegative: purpurColorTextStatusErrorMediumNegative,
|
|
183
|
+
colorTextStatusErrorStrongNegative: purpurColorTextStatusErrorStrongNegative,
|
|
184
|
+
colorTextStatusWarningMediumNegative: purpurColorTextStatusWarningMediumNegative,
|
|
54
185
|
|
|
55
|
-
colorTextToneOnTonePrimary:
|
|
56
|
-
colorTextToneOnToneSecondary:
|
|
57
|
-
colorTextToneOnToneTertiary:
|
|
186
|
+
colorTextToneOnTonePrimary: purpurColorTextToneOnTonePrimary,
|
|
187
|
+
colorTextToneOnToneSecondary: purpurColorTextToneOnToneSecondary,
|
|
188
|
+
colorTextToneOnToneTertiary: purpurColorTextToneOnToneTertiary,
|
|
58
189
|
|
|
59
|
-
colorBackgroundPrimary:
|
|
60
|
-
colorBackgroundSecondary:
|
|
61
|
-
colorBackgroundOnImage:
|
|
62
|
-
colorBackgroundPrimaryNegative:
|
|
63
|
-
colorBackgroundSecondaryNegative:
|
|
64
|
-
colorBackgroundOnImageNegative:
|
|
190
|
+
colorBackgroundPrimary: purpurColorBackgroundPrimary,
|
|
191
|
+
colorBackgroundSecondary: purpurColorBackgroundSecondary,
|
|
192
|
+
colorBackgroundOnImage: purpurColorBackgroundOnImage,
|
|
193
|
+
colorBackgroundPrimaryNegative: purpurColorBackgroundPrimaryNegative,
|
|
194
|
+
colorBackgroundSecondaryNegative: purpurColorBackgroundSecondaryNegative,
|
|
195
|
+
colorBackgroundOnImageNegative: purpurColorBackgroundOnImageNegative,
|
|
65
196
|
|
|
66
|
-
colorBackgroundInteractivePrimary:
|
|
67
|
-
colorBackgroundInteractivePrimaryHover:
|
|
68
|
-
colorBackgroundInteractivePrimaryActive:
|
|
69
|
-
colorBackgroundInteractiveExpressive:
|
|
70
|
-
colorBackgroundInteractiveExpressiveHover:
|
|
71
|
-
colorBackgroundInteractiveExpressiveActive:
|
|
72
|
-
colorBackgroundInteractiveTransparentHover:
|
|
73
|
-
colorBackgroundInteractiveTransparentActive:
|
|
74
|
-
colorBackgroundInteractiveDisabled:
|
|
75
|
-
colorBackgroundInteractiveReadOnly:
|
|
76
|
-
colorBackgroundInteractiveInactive:
|
|
77
|
-
colorBackgroundInteractiveDestructive:
|
|
78
|
-
colorBackgroundInteractiveDestructiveHover:
|
|
79
|
-
colorBackgroundInteractiveDestructiveActive:
|
|
80
|
-
colorBackgroundInteractiveAutoFill:
|
|
81
|
-
colorBackgroundInteractivePrimaryNegative:
|
|
82
|
-
colorBackgroundInteractivePrimaryHoverNegative:
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
197
|
+
colorBackgroundInteractivePrimary: purpurColorBackgroundInteractivePrimary,
|
|
198
|
+
colorBackgroundInteractivePrimaryHover: purpurColorBackgroundInteractivePrimaryHover,
|
|
199
|
+
colorBackgroundInteractivePrimaryActive: purpurColorBackgroundInteractivePrimaryActive,
|
|
200
|
+
colorBackgroundInteractiveExpressive: purpurColorBackgroundInteractiveExpressive,
|
|
201
|
+
colorBackgroundInteractiveExpressiveHover: purpurColorBackgroundInteractiveExpressiveHover,
|
|
202
|
+
colorBackgroundInteractiveExpressiveActive: purpurColorBackgroundInteractiveExpressiveActive,
|
|
203
|
+
colorBackgroundInteractiveTransparentHover: purpurColorBackgroundInteractiveTransparentHover,
|
|
204
|
+
colorBackgroundInteractiveTransparentActive: purpurColorBackgroundInteractiveTransparentActive,
|
|
205
|
+
colorBackgroundInteractiveDisabled: purpurColorBackgroundInteractiveDisabled,
|
|
206
|
+
colorBackgroundInteractiveReadOnly: purpurColorBackgroundInteractiveReadOnly,
|
|
207
|
+
colorBackgroundInteractiveInactive: purpurColorBackgroundInteractiveInactive,
|
|
208
|
+
colorBackgroundInteractiveDestructive: purpurColorBackgroundInteractiveDestructive,
|
|
209
|
+
colorBackgroundInteractiveDestructiveHover: purpurColorBackgroundInteractiveDestructiveHover,
|
|
210
|
+
colorBackgroundInteractiveDestructiveActive: purpurColorBackgroundInteractiveDestructiveActive,
|
|
211
|
+
colorBackgroundInteractiveAutoFill: purpurColorBackgroundInteractiveAutoFill,
|
|
212
|
+
colorBackgroundInteractivePrimaryNegative: purpurColorBackgroundInteractivePrimaryNegative,
|
|
213
|
+
colorBackgroundInteractivePrimaryHoverNegative:
|
|
214
|
+
purpurColorBackgroundInteractivePrimaryHoverNegative,
|
|
215
|
+
colorBackgroundInteractivePrimaryActiveNegative:
|
|
216
|
+
purpurColorBackgroundInteractivePrimaryActiveNegative,
|
|
217
|
+
colorBackgroundInteractiveExpressiveNegative: purpurColorBackgroundInteractiveExpressiveNegative,
|
|
218
|
+
colorBackgroundInteractiveExpressiveHoverNegative:
|
|
219
|
+
purpurColorBackgroundInteractiveExpressiveHoverNegative,
|
|
220
|
+
colorBackgroundInteractiveExpressiveActiveNegative:
|
|
221
|
+
purpurColorBackgroundInteractiveExpressiveActiveNegative,
|
|
222
|
+
colorBackgroundInteractiveTransparentHoverNegative:
|
|
223
|
+
purpurColorBackgroundInteractiveTransparentHoverNegative,
|
|
224
|
+
colorBackgroundInteractiveTransparentActiveNegative:
|
|
225
|
+
purpurColorBackgroundInteractiveTransparentActiveNegative,
|
|
226
|
+
colorBackgroundInteractiveDisabledNegative: purpurColorBackgroundInteractiveDisabledNegative,
|
|
227
|
+
colorBackgroundInteractiveInactiveNegative: purpurColorBackgroundInteractiveInactiveNegative,
|
|
228
|
+
colorBackgroundInteractiveReadOnlyNegative: purpurColorBackgroundInteractiveReadOnlyNegative,
|
|
92
229
|
|
|
93
|
-
colorBackgroundStatusInfoMedium:
|
|
94
|
-
colorBackgroundStatusInfoStrong:
|
|
95
|
-
colorBackgroundStatusSuccessMedium:
|
|
96
|
-
colorBackgroundStatusSuccessStrong:
|
|
97
|
-
colorBackgroundStatusWarningMedium:
|
|
98
|
-
colorBackgroundStatusWarningStrong:
|
|
99
|
-
colorBackgroundStatusErrorMedium:
|
|
100
|
-
colorBackgroundStatusErrorStrong:
|
|
101
|
-
colorBackgroundStatusNeutral:
|
|
102
|
-
colorBackgroundStatusSpecial:
|
|
103
|
-
colorBackgroundStatusAttention:
|
|
104
|
-
colorBackgroundStatusBlackFriday:
|
|
105
|
-
colorBackgroundStatusSuccessStrongNegative:
|
|
106
|
-
colorBackgroundStatusWarningStrongNegative:
|
|
107
|
-
colorBackgroundStatusErrorStrongNegative:
|
|
230
|
+
colorBackgroundStatusInfoMedium: purpurColorBackgroundStatusInfoMedium,
|
|
231
|
+
colorBackgroundStatusInfoStrong: purpurColorBackgroundStatusInfoStrong,
|
|
232
|
+
colorBackgroundStatusSuccessMedium: purpurColorBackgroundStatusSuccessMedium,
|
|
233
|
+
colorBackgroundStatusSuccessStrong: purpurColorBackgroundStatusSuccessStrong,
|
|
234
|
+
colorBackgroundStatusWarningMedium: purpurColorBackgroundStatusWarningMedium,
|
|
235
|
+
colorBackgroundStatusWarningStrong: purpurColorBackgroundStatusWarningStrong,
|
|
236
|
+
colorBackgroundStatusErrorMedium: purpurColorBackgroundStatusErrorMedium,
|
|
237
|
+
colorBackgroundStatusErrorStrong: purpurColorBackgroundStatusErrorStrong,
|
|
238
|
+
colorBackgroundStatusNeutral: purpurColorBackgroundStatusNeutral,
|
|
239
|
+
colorBackgroundStatusSpecial: purpurColorBackgroundStatusSpecial,
|
|
240
|
+
colorBackgroundStatusAttention: purpurColorBackgroundStatusAttention,
|
|
241
|
+
colorBackgroundStatusBlackFriday: purpurColorBackgroundStatusBlackFriday,
|
|
242
|
+
colorBackgroundStatusSuccessStrongNegative: purpurColorBackgroundStatusSuccessStrongNegative,
|
|
243
|
+
colorBackgroundStatusWarningStrongNegative: purpurColorBackgroundStatusWarningStrongNegative,
|
|
244
|
+
colorBackgroundStatusErrorStrongNegative: purpurColorBackgroundStatusErrorStrongNegative,
|
|
108
245
|
|
|
109
|
-
colorBackgroundToneOnTonePrimary:
|
|
110
|
-
colorBackgroundToneOnToneSecondary:
|
|
111
|
-
colorBackgroundToneOnToneTertiary:
|
|
112
|
-
colorBackgroundToneOnToneQuaternary:
|
|
246
|
+
colorBackgroundToneOnTonePrimary: purpurColorBackgroundToneOnTonePrimary,
|
|
247
|
+
colorBackgroundToneOnToneSecondary: purpurColorBackgroundToneOnToneSecondary,
|
|
248
|
+
colorBackgroundToneOnToneTertiary: purpurColorBackgroundToneOnToneTertiary,
|
|
249
|
+
colorBackgroundToneOnToneQuaternary: purpurColorBackgroundToneOnToneQuaternary,
|
|
113
250
|
|
|
114
|
-
colorBorderWeak:
|
|
115
|
-
colorBorderMedium:
|
|
116
|
-
colorBorderStrong:
|
|
117
|
-
colorBorderWeakNegative:
|
|
118
|
-
colorBorderMediumNegative:
|
|
119
|
-
colorBorderStrongNegative:
|
|
251
|
+
colorBorderWeak: purpurColorBorderWeak,
|
|
252
|
+
colorBorderMedium: purpurColorBorderMedium,
|
|
253
|
+
colorBorderStrong: purpurColorBorderStrong,
|
|
254
|
+
colorBorderWeakNegative: purpurColorBorderWeakNegative,
|
|
255
|
+
colorBorderMediumNegative: purpurColorBorderMediumNegative,
|
|
256
|
+
colorBorderStrongNegative: purpurColorBorderStrongNegative,
|
|
120
257
|
|
|
121
|
-
colorBorderInteractivePrimary:
|
|
122
|
-
colorBorderInteractivePrimaryHover:
|
|
123
|
-
colorBorderInteractivePrimaryActive:
|
|
124
|
-
colorBorderInteractiveFocus:
|
|
125
|
-
colorBorderInteractiveExpressive:
|
|
126
|
-
colorBorderInteractiveSubtle:
|
|
127
|
-
colorBorderInteractiveSubtleHover:
|
|
128
|
-
colorBorderInteractiveSelected:
|
|
129
|
-
colorBorderInteractivePrimaryNegative:
|
|
130
|
-
colorBorderInteractivePrimaryHoverNegative:
|
|
131
|
-
colorBorderInteractivePrimaryActiveNegative:
|
|
132
|
-
colorBorderInteractiveSubtleNegative:
|
|
133
|
-
colorBorderInteractiveSubtleHoverNegative:
|
|
258
|
+
colorBorderInteractivePrimary: purpurColorBorderInteractivePrimary,
|
|
259
|
+
colorBorderInteractivePrimaryHover: purpurColorBorderInteractivePrimaryHover,
|
|
260
|
+
colorBorderInteractivePrimaryActive: purpurColorBorderInteractivePrimaryActive,
|
|
261
|
+
colorBorderInteractiveFocus: purpurColorBorderInteractiveFocus,
|
|
262
|
+
colorBorderInteractiveExpressive: purpurColorBorderInteractiveExpressive,
|
|
263
|
+
colorBorderInteractiveSubtle: purpurColorBorderInteractiveSubtle,
|
|
264
|
+
colorBorderInteractiveSubtleHover: purpurColorBorderInteractiveSubtleHover,
|
|
265
|
+
colorBorderInteractiveSelected: purpurColorBorderInteractiveSelected,
|
|
266
|
+
colorBorderInteractivePrimaryNegative: purpurColorBorderInteractivePrimaryNegative,
|
|
267
|
+
colorBorderInteractivePrimaryHoverNegative: purpurColorBorderInteractivePrimaryHoverNegative,
|
|
268
|
+
colorBorderInteractivePrimaryActiveNegative: purpurColorBorderInteractivePrimaryActiveNegative,
|
|
269
|
+
colorBorderInteractiveSubtleNegative: purpurColorBorderInteractiveSubtleNegative,
|
|
270
|
+
colorBorderInteractiveSubtleHoverNegative: purpurColorBorderInteractiveSubtleHoverNegative,
|
|
134
271
|
|
|
135
|
-
colorBorderStatusError:
|
|
136
|
-
colorBorderStatusWarning:
|
|
137
|
-
colorBorderStatusInfo:
|
|
138
|
-
colorBorderStatusSuccess:
|
|
139
|
-
colorBorderStatusErrorNegative:
|
|
140
|
-
colorBorderStatusSuccessNegative:
|
|
272
|
+
colorBorderStatusError: purpurColorBorderStatusError,
|
|
273
|
+
colorBorderStatusWarning: purpurColorBorderStatusWarning,
|
|
274
|
+
colorBorderStatusInfo: purpurColorBorderStatusInfo,
|
|
275
|
+
colorBorderStatusSuccess: purpurColorBorderStatusSuccess,
|
|
276
|
+
colorBorderStatusErrorNegative: purpurColorBorderStatusErrorNegative,
|
|
277
|
+
colorBorderStatusSuccessNegative: purpurColorBorderStatusSuccessNegative,
|
|
141
278
|
} satisfies ThemeProps;
|
package/src/theme-props.ts
CHANGED
|
@@ -41,6 +41,7 @@ export type ThemeProps = {
|
|
|
41
41
|
colorTextStatusSuccessStrong?: string;
|
|
42
42
|
colorTextStatusSuccessStrongNegative?: string;
|
|
43
43
|
colorTextStatusSuccessMedium?: string;
|
|
44
|
+
colorTextStatusSuccessMediumNegative?: string;
|
|
44
45
|
colorTextStatusWarningStrong?: string;
|
|
45
46
|
colorTextStatusWarningMedium?: string;
|
|
46
47
|
colorTextStatusWarningMediumNegative?: string;
|
package/src/useColorScheme.ts
CHANGED
|
@@ -2,6 +2,6 @@ import { useTheme } from "./ThemeProvider";
|
|
|
2
2
|
import type { ColorOptions } from "./types";
|
|
3
3
|
|
|
4
4
|
export const useColorScheme = (): [ColorOptions, (colorScheme: ColorOptions) => void] => {
|
|
5
|
-
const {
|
|
6
|
-
return [
|
|
5
|
+
const { colorScheme, setColorScheme } = useTheme();
|
|
6
|
+
return [colorScheme, setColorScheme];
|
|
7
7
|
};
|