@nova-design-system/nova-base 3.0.0-beta.16
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/LICENSE.MD +157 -0
- package/README.md +94 -0
- package/assets/fonts/TT_Norms_Pro_Bold.woff2 +0 -0
- package/assets/fonts/TT_Norms_Pro_Medium.woff2 +0 -0
- package/assets/fonts/TT_Norms_Pro_Mono_Bold.woff2 +0 -0
- package/assets/fonts/TT_Norms_Pro_Mono_Medium.woff2 +0 -0
- package/assets/fonts/TT_Norms_Pro_Mono_Regular.woff2 +0 -0
- package/assets/fonts/TT_Norms_Pro_Regular.woff2 +0 -0
- package/assets/icons/icon-sprite.svg +1 -0
- package/assets/nova-fonts.css +3 -0
- package/dist/css/nova-utils.css +27979 -0
- package/dist/css/ocean.css +1391 -0
- package/dist/css/spark.css +1391 -0
- package/dist/js/ocean_dark.d.ts +412 -0
- package/dist/js/ocean_dark.js +412 -0
- package/dist/js/ocean_light.d.ts +412 -0
- package/dist/js/ocean_light.js +412 -0
- package/dist/js/primitives.d.ts +282 -0
- package/dist/js/primitives.js +282 -0
- package/dist/js/spacings.d.ts +250 -0
- package/dist/js/spacings.js +250 -0
- package/dist/js/spark_dark.d.ts +412 -0
- package/dist/js/spark_dark.js +412 -0
- package/dist/js/spark_light.d.ts +412 -0
- package/dist/js/spark_light.js +412 -0
- package/dist/lib/cjs/index.js +19 -0
- package/dist/lib/cjs/nova-plugin.js +163 -0
- package/dist/lib/cjs/nova-safelist.js +333 -0
- package/dist/lib/cjs/nova-theme.js +236 -0
- package/dist/lib/index.d.ts +3 -0
- package/dist/lib/index.js +3 -0
- package/dist/lib/nova-plugin.d.ts +7 -0
- package/dist/lib/nova-plugin.js +156 -0
- package/dist/lib/nova-safelist.d.ts +26 -0
- package/dist/lib/nova-safelist.js +344 -0
- package/dist/lib/nova-theme.d.ts +88 -0
- package/dist/lib/nova-theme.js +233 -0
- package/dist/tokens/ocean_dark.json +1900 -0
- package/dist/tokens/ocean_light.json +1900 -0
- package/dist/tokens/primitives.json +1358 -0
- package/dist/tokens/spacings.json +1110 -0
- package/dist/tokens/spark_dark.json +1901 -0
- package/dist/tokens/spark_light.json +1900 -0
- package/package.json +40 -0
|
@@ -0,0 +1,412 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
export const ColorBaseLevel10 = "#171f22";
|
|
6
|
+
export const ColorBaseLevel20 = "#222e33";
|
|
7
|
+
export const ColorBaseLevel30 = "#2e3e44";
|
|
8
|
+
export const ColorBaseLevel40 = "#394d55";
|
|
9
|
+
export const ColorBaseLevel00 = "#0b0f11";
|
|
10
|
+
export const ColorBaseLevel00Hover = "#11171a";
|
|
11
|
+
export const ColorBaseLevel10Hover = "#1e272b";
|
|
12
|
+
export const ColorBaseLevel20Hover = "#27353b";
|
|
13
|
+
export const ColorBaseLevel30Hover = "#34464d";
|
|
14
|
+
export const ColorBaseLevel40Hover = "#3f555e";
|
|
15
|
+
export const ColorBaseContentLowEmphasis = "#889499";
|
|
16
|
+
export const ColorBaseContentMediumEmphasis = "#bac1c4";
|
|
17
|
+
export const ColorBaseContentHighEmphasis = "#f5f6f7";
|
|
18
|
+
export const ColorBaseContentInvertedHighEmphasis = "#0b0f11";
|
|
19
|
+
export const ColorBaseContentInvertedMediumEmphasis = "#27353b";
|
|
20
|
+
export const ColorBaseContentInvertedLowEmphasis = "#3f555e";
|
|
21
|
+
export const ColorBaseContentLowerEmphasis = "#3f555e";
|
|
22
|
+
export const ColorBaseBorderHighEmphasis = "#889499";
|
|
23
|
+
export const ColorBaseBorderMediumEmphasis = "#617177";
|
|
24
|
+
export const ColorBaseBorderLowEmphasis = "#394d55";
|
|
25
|
+
export const ColorBaseBorderFocus = "#185963";
|
|
26
|
+
export const ColorBaseBorderFocusHigh = "#1f717d";
|
|
27
|
+
export const ColorFeedbackInformationLowBackground = "#001c37";
|
|
28
|
+
export const ColorFeedbackInformationLowContent = "#659fff";
|
|
29
|
+
export const ColorFeedbackInformationLowBorder = "#659fff";
|
|
30
|
+
export const ColorFeedbackInformationHighBackground = "#659fff";
|
|
31
|
+
export const ColorFeedbackInformationHighBorder = "#659fff";
|
|
32
|
+
export const ColorFeedbackInformationHighContent = "#000000";
|
|
33
|
+
export const ColorFeedbackErrorLowBackground = "#380101";
|
|
34
|
+
export const ColorFeedbackErrorLowBorder = "#ff3d3d";
|
|
35
|
+
export const ColorFeedbackErrorLowContent = "#ff3d3d";
|
|
36
|
+
export const ColorFeedbackErrorHighBackground = "#ff3d3d";
|
|
37
|
+
export const ColorFeedbackErrorHighBorder = "#ff3d3d";
|
|
38
|
+
export const ColorFeedbackErrorHighContent = "#000000";
|
|
39
|
+
export const ColorFeedbackSuccessLowBackground = "#002302";
|
|
40
|
+
export const ColorFeedbackSuccessLowBorder = "#6bde71";
|
|
41
|
+
export const ColorFeedbackSuccessLowContent = "#6bde71";
|
|
42
|
+
export const ColorFeedbackSuccessHighBackground = "#6bde71";
|
|
43
|
+
export const ColorFeedbackSuccessHighBorder = "#6bde71";
|
|
44
|
+
export const ColorFeedbackSuccessHighContent = "#000000";
|
|
45
|
+
export const ColorFeedbackWarningLowBackground = "#302300";
|
|
46
|
+
export const ColorFeedbackWarningLowBorder = "#f7d14c";
|
|
47
|
+
export const ColorFeedbackWarningLowContent = "#f7d14c";
|
|
48
|
+
export const ColorFeedbackWarningHighBackground = "#f7d14c";
|
|
49
|
+
export const ColorFeedbackWarningHighBorder = "#f7d14c";
|
|
50
|
+
export const ColorFeedbackWarningHighContent = "#000000";
|
|
51
|
+
export const ColorFeedbackNeutralLowBackground = "#27353b";
|
|
52
|
+
export const ColorFeedbackNeutralLowBorder = "#889499";
|
|
53
|
+
export const ColorFeedbackNeutralLowContent = "#889499";
|
|
54
|
+
export const ColorFeedbackNeutralHighBackground = "#889499";
|
|
55
|
+
export const ColorFeedbackNeutralHighBorder = "#889499";
|
|
56
|
+
export const ColorFeedbackNeutralHighContent = "#000000";
|
|
57
|
+
export const ColorFocusBrand = "#1f717d";
|
|
58
|
+
export const ColorFocusDestructive = "#ff3d3d";
|
|
59
|
+
export const ColorFocusSuccess = "#6bde71";
|
|
60
|
+
export const ColorRainbow1Background = "#482608";
|
|
61
|
+
export const ColorRainbow1Content = "#f0801a";
|
|
62
|
+
export const ColorRainbow1Border = "#f0801a";
|
|
63
|
+
export const ColorRainbow2Background = "#45190a";
|
|
64
|
+
export const ColorRainbow2Content = "#eb7247";
|
|
65
|
+
export const ColorRainbow2Border = "#eb7247";
|
|
66
|
+
export const ColorRainbow3Background = "#4d3a00";
|
|
67
|
+
export const ColorRainbow3Content = "#d29f00";
|
|
68
|
+
export const ColorRainbow3Border = "#d29f00";
|
|
69
|
+
export const ColorRainbow4Background = "#610e0e";
|
|
70
|
+
export const ColorRainbow4Content = "#e79494";
|
|
71
|
+
export const ColorRainbow4Border = "#e79494";
|
|
72
|
+
export const ColorRainbow5Background = "#203330";
|
|
73
|
+
export const ColorRainbow5Content = "#6aa9a0";
|
|
74
|
+
export const ColorRainbow5Border = "#6aa9a0";
|
|
75
|
+
export const ColorRainbow6Background = "#630022";
|
|
76
|
+
export const ColorRainbow6Content = "#cf869f";
|
|
77
|
+
export const ColorRainbow6Border = "#cf869f";
|
|
78
|
+
export const ColorRainbow7Background = "#09400c";
|
|
79
|
+
export const ColorRainbow7Content = "#66b16a";
|
|
80
|
+
export const ColorRainbow7Border = "#66b16a";
|
|
81
|
+
export const ColorRainbow8Background = "#124148";
|
|
82
|
+
export const ColorRainbow8Content = "#71b2bc";
|
|
83
|
+
export const ColorRainbow8Border = "#71b2bc";
|
|
84
|
+
export const ColorRainbow9Background = "#2a330e";
|
|
85
|
+
export const ColorRainbow9Content = "#8da930";
|
|
86
|
+
export const ColorRainbow9Border = "#8da930";
|
|
87
|
+
export const ColorRainbow10Background = "#27353b";
|
|
88
|
+
export const ColorRainbow10Content = "#9fadb2";
|
|
89
|
+
export const ColorRainbow10Border = "#9fadb2";
|
|
90
|
+
export const ColorDontUseContent = "#1e272b";
|
|
91
|
+
export const ColorDontUseBorder = "#1e272b";
|
|
92
|
+
export const ColorDontUseBackground = "#0b0f11";
|
|
93
|
+
export const ColorBrand50 = "#e4f0f2";
|
|
94
|
+
export const ColorBrand100 = "#bedce0";
|
|
95
|
+
export const ColorBrand200 = "#97c7ce";
|
|
96
|
+
export const ColorBrand300 = "#71b2bc";
|
|
97
|
+
export const ColorBrand400 = "#4b9eaa";
|
|
98
|
+
export const ColorBrand500 = "#258998";
|
|
99
|
+
export const ColorBrand600 = "#1f717d";
|
|
100
|
+
export const ColorBrand700 = "#185963";
|
|
101
|
+
export const ColorBrand800 = "#124148";
|
|
102
|
+
export const ColorBrand900 = "#0b292e";
|
|
103
|
+
export const ColorBrandActionLow = "#185963";
|
|
104
|
+
export const ColorBrandActionMedium = "#1f717d";
|
|
105
|
+
export const ColorBrandActionHigh = "#258998";
|
|
106
|
+
export const ColorBrandActionHigher = "#4b9eaa";
|
|
107
|
+
export const ColorBrandActionHighest = "#71b2bc";
|
|
108
|
+
export const ColorBrandActionLower = "#124148";
|
|
109
|
+
export const ColorBrandActionLowest = "#0b292e";
|
|
110
|
+
export const ColorBrandAccent50 = "#fceae3";
|
|
111
|
+
export const ColorBrandAccent100 = "#f8ccbc";
|
|
112
|
+
export const ColorBrandAccent200 = "#f4ae95";
|
|
113
|
+
export const ColorBrandAccent300 = "#ef906e";
|
|
114
|
+
export const ColorBrandAccent400 = "#eb7247";
|
|
115
|
+
export const ColorBrandAccent500 = "#e75420";
|
|
116
|
+
export const ColorBrandAccent600 = "#bf451a";
|
|
117
|
+
export const ColorBrandAccent700 = "#963715";
|
|
118
|
+
export const ColorBrandAccent800 = "#6e280f";
|
|
119
|
+
export const ColorBrandAccent900 = "#45190a";
|
|
120
|
+
export const ColorInteractionBrandHighBackground = "#1f717d";
|
|
121
|
+
export const ColorInteractionBrandHighBackgroundHover = "#258998";
|
|
122
|
+
export const ColorInteractionBrandHighText = "#ffffff";
|
|
123
|
+
export const ColorInteractionBrandHighTextHover = "#ffffff";
|
|
124
|
+
export const ColorInteractionBrandHighIcon = "#ffffff";
|
|
125
|
+
export const ColorInteractionBrandHighIconHover = "#ffffff";
|
|
126
|
+
export const ColorInteractionBrandHighBorder = "#1f717d";
|
|
127
|
+
export const ColorInteractionBrandHighBorderHover = "#258998";
|
|
128
|
+
export const ColorInteractionBrandLowBackground = "#ffffff";
|
|
129
|
+
export const ColorInteractionBrandLowBackgroundHover = "#ffffff";
|
|
130
|
+
export const ColorInteractionBrandLowText = "#4b9eaa";
|
|
131
|
+
export const ColorInteractionBrandLowTextHover = "#71b2bc";
|
|
132
|
+
export const ColorInteractionBrandLowIcon = "#4b9eaa";
|
|
133
|
+
export const ColorInteractionBrandLowIconHover = "#71b2bc";
|
|
134
|
+
export const ColorInteractionBrandLowBorder = "#4b9eaa";
|
|
135
|
+
export const ColorInteractionBrandLowBorderHover = "#71b2bc";
|
|
136
|
+
export const ColorInteractionLinkInlineText = "#f5f6f7";
|
|
137
|
+
export const ColorInteractionLinkInlineTextHover = "#1f717d";
|
|
138
|
+
export const ColorInteractionLinkInlineIcon = "#f5f6f7";
|
|
139
|
+
export const ColorInteractionLinkInlineIconHover = "#1f717d";
|
|
140
|
+
export const ColorInteractionNeutralBackground = "#ffffff";
|
|
141
|
+
export const ColorInteractionNeutralBackgroundHover = "#ffffff";
|
|
142
|
+
export const ColorInteractionNeutralText = "#889499";
|
|
143
|
+
export const ColorInteractionNeutralTextHover = "#bac1c4";
|
|
144
|
+
export const ColorInteractionNeutralIcon = "#889499";
|
|
145
|
+
export const ColorInteractionNeutralIconHover = "#bac1c4";
|
|
146
|
+
export const ColorInteractionNeutralBorder = "#889499";
|
|
147
|
+
export const ColorInteractionNeutralBorderHover = "#bac1c4";
|
|
148
|
+
export const ColorInteractionLinkStandaloneText = "#1f717d";
|
|
149
|
+
export const ColorInteractionLinkStandaloneTextHover = "#258998";
|
|
150
|
+
export const ColorInteractionLinkStandaloneIcon = "#1f717d";
|
|
151
|
+
export const ColorInteractionLinkStandaloneIconHover = "#258998";
|
|
152
|
+
export const ColorInteractionLinkTableText = "#f5f6f7";
|
|
153
|
+
export const ColorInteractionLinkTableTextHover = "#1f717d";
|
|
154
|
+
export const ColorInteractionLinkTableIcon = "#f5f6f7";
|
|
155
|
+
export const ColorInteractionLinkTableIconHover = "#1f717d";
|
|
156
|
+
export const ColorChart1 = "#f0801a";
|
|
157
|
+
export const ColorChart2 = "#394d55";
|
|
158
|
+
export const ColorChart3 = "#258998";
|
|
159
|
+
export const ColorChart4 = "#6aa9a0";
|
|
160
|
+
export const ColorChart5 = "#9ac3ce";
|
|
161
|
+
export const ColorChart6 = "#8da930";
|
|
162
|
+
export const ColorChart7 = "#ffc100";
|
|
163
|
+
export const ColorChart8 = "#e75420";
|
|
164
|
+
export const ColorChart9 = "#447583";
|
|
165
|
+
export const ColorChart10 = "#990035";
|
|
166
|
+
export const ColorColor = "#ffffff";
|
|
167
|
+
export const ComponentsButtonDestructiveLowerBackground = "#0b0f11";
|
|
168
|
+
export const ComponentsButtonDestructiveLowerBackgroundHover = "#0b0f11";
|
|
169
|
+
export const ComponentsButtonDestructiveLowerText = "#1e272b";
|
|
170
|
+
export const ComponentsButtonDestructiveLowerTextHover = "#1e272b";
|
|
171
|
+
export const ComponentsButtonDestructiveLowerIcon = "#1e272b";
|
|
172
|
+
export const ComponentsButtonDestructiveLowerIconHover = "#1e272b";
|
|
173
|
+
export const ComponentsButtonDestructiveLowerBorder = "#1e272b";
|
|
174
|
+
export const ComponentsButtonDestructiveLowerBorderHover = "#1e272b";
|
|
175
|
+
export const ComponentsButtonDestructiveHighBackground = "#ff6161";
|
|
176
|
+
export const ComponentsButtonDestructiveHighBackgroundHover = "#ff3d3d";
|
|
177
|
+
export const ComponentsButtonDestructiveHighText = "#000000";
|
|
178
|
+
export const ComponentsButtonDestructiveHighTextHover = "#000000";
|
|
179
|
+
export const ComponentsButtonDestructiveHighIcon = "#000000";
|
|
180
|
+
export const ComponentsButtonDestructiveHighIconHover = "#000000";
|
|
181
|
+
export const ComponentsButtonDestructiveMediumBackground = "#ffffff";
|
|
182
|
+
export const ComponentsButtonDestructiveMediumBackgroundHover = "#ffffff";
|
|
183
|
+
export const ComponentsButtonDestructiveMediumText = "#ff6161";
|
|
184
|
+
export const ComponentsButtonDestructiveMediumTextHover = "#ff3d3d";
|
|
185
|
+
export const ComponentsButtonDestructiveMediumIcon = "#ff6161";
|
|
186
|
+
export const ComponentsButtonDestructiveMediumIconHover = "#ff3d3d";
|
|
187
|
+
export const ComponentsButtonDestructiveMediumBorder = "#ff6161";
|
|
188
|
+
export const ComponentsButtonDestructiveMediumBorderHover = "#ff3d3d";
|
|
189
|
+
export const ComponentsButtonDestructiveLowBackground = "#ffffff";
|
|
190
|
+
export const ComponentsButtonDestructiveLowBackgroundHover = "#ffffff";
|
|
191
|
+
export const ComponentsButtonDestructiveLowText = "#ff6161";
|
|
192
|
+
export const ComponentsButtonDestructiveLowTextHover = "#ff3d3d";
|
|
193
|
+
export const ComponentsButtonDestructiveLowIcon = "#ff6161";
|
|
194
|
+
export const ComponentsButtonDestructiveLowIconHover = "#ff3d3d";
|
|
195
|
+
export const ComponentsButtonDestructiveLowBorderHover = "#ffffff";
|
|
196
|
+
export const ComponentsButtonDestructiveLowBorder = "#ffffff";
|
|
197
|
+
export const ComponentsAvatarBackground1 = "#482608";
|
|
198
|
+
export const ComponentsAvatarBackground2 = "#45190a";
|
|
199
|
+
export const ComponentsAvatarBackground3 = "#4d3a00";
|
|
200
|
+
export const ComponentsAvatarBackground4 = "#610e0e";
|
|
201
|
+
export const ComponentsAvatarBackground5 = "#203330";
|
|
202
|
+
export const ComponentsAvatarBackground6 = "#630022";
|
|
203
|
+
export const ComponentsAvatarBackground7 = "#09400c";
|
|
204
|
+
export const ComponentsAvatarBackground8 = "#124148";
|
|
205
|
+
export const ComponentsAvatarBackground9 = "#2a330e";
|
|
206
|
+
export const ComponentsAvatarBackground10 = "#27353b";
|
|
207
|
+
export const ComponentsAvatarContent1 = "#f0801a";
|
|
208
|
+
export const ComponentsAvatarContent2 = "#eb7247";
|
|
209
|
+
export const ComponentsAvatarContent3 = "#d29f00";
|
|
210
|
+
export const ComponentsAvatarContent4 = "#e79494";
|
|
211
|
+
export const ComponentsAvatarContent5 = "#6aa9a0";
|
|
212
|
+
export const ComponentsAvatarContent6 = "#cf869f";
|
|
213
|
+
export const ComponentsAvatarContent7 = "#66b16a";
|
|
214
|
+
export const ComponentsAvatarContent8 = "#71b2bc";
|
|
215
|
+
export const ComponentsAvatarContent9 = "#8da930";
|
|
216
|
+
export const ComponentsAvatarContent10 = "#9fadb2";
|
|
217
|
+
export const ComponentsAvatarBorder1 = "#f0801a";
|
|
218
|
+
export const ComponentsAvatarBorder2 = "#eb7247";
|
|
219
|
+
export const ComponentsAvatarBorder3 = "#d29f00";
|
|
220
|
+
export const ComponentsAvatarBorder4 = "#e79494";
|
|
221
|
+
export const ComponentsAvatarBorder5 = "#6aa9a0";
|
|
222
|
+
export const ComponentsAvatarBorder6 = "#cf869f";
|
|
223
|
+
export const ComponentsAvatarBorder7 = "#66b16a";
|
|
224
|
+
export const ComponentsAvatarBorder8 = "#71b2bc";
|
|
225
|
+
export const ComponentsAvatarBorder9 = "#8da930";
|
|
226
|
+
export const ComponentsAvatarBorder10 = "#9fadb2";
|
|
227
|
+
export const ComponentsButtonHighBackground = "#1f717d";
|
|
228
|
+
export const ComponentsButtonHighIcon = "#ffffff";
|
|
229
|
+
export const ComponentsButtonHighBackgroundHover = "#258998";
|
|
230
|
+
export const ComponentsButtonHighText = "#ffffff";
|
|
231
|
+
export const ComponentsButtonHighIconHover = "#ffffff";
|
|
232
|
+
export const ComponentsButtonHighTextHover = "#ffffff";
|
|
233
|
+
export const ComponentsButtonHighBorder = "#ffffff";
|
|
234
|
+
export const ComponentsButtonHighBorderHover = "#ffffff";
|
|
235
|
+
export const ComponentsButtonMediumIcon = "#ffffff";
|
|
236
|
+
export const ComponentsButtonMediumBackground = "#3f555e";
|
|
237
|
+
export const ComponentsButtonMediumBackgroundHover = "#72858c";
|
|
238
|
+
export const ComponentsButtonMediumText = "#ffffff";
|
|
239
|
+
export const ComponentsButtonMediumBorder = "#ffffff";
|
|
240
|
+
export const ComponentsButtonMediumBorderHover = "#ffffff";
|
|
241
|
+
export const ComponentsButtonMediumIconHover = "#ffffff";
|
|
242
|
+
export const ComponentsButtonMediumTextHover = "#ffffff";
|
|
243
|
+
export const ComponentsButtonLowIcon = "#4b9eaa";
|
|
244
|
+
export const ComponentsButtonLowIconHover = "#71b2bc";
|
|
245
|
+
export const ComponentsButtonLowText = "#4b9eaa";
|
|
246
|
+
export const ComponentsButtonLowTextHover = "#71b2bc";
|
|
247
|
+
export const ComponentsButtonLowBackground = "#ffffff";
|
|
248
|
+
export const ComponentsButtonLowBackgroundHover = "#ffffff";
|
|
249
|
+
export const ComponentsButtonLowBorder = "#4b9eaa";
|
|
250
|
+
export const ComponentsButtonLowBorderHover = "#71b2bc";
|
|
251
|
+
export const ComponentsButtonLowerBackground = "#ffffff";
|
|
252
|
+
export const ComponentsButtonLowerBackgroundHover = "#ffffff";
|
|
253
|
+
export const ComponentsButtonLowerText = "#4b9eaa";
|
|
254
|
+
export const ComponentsButtonLowerTextHover = "#71b2bc";
|
|
255
|
+
export const ComponentsButtonLowerIcon = "#4b9eaa";
|
|
256
|
+
export const ComponentsButtonLowerIconHover = "#71b2bc";
|
|
257
|
+
export const ComponentsButtonLowerBorder = "#ffffff";
|
|
258
|
+
export const ComponentsButtonLowerBorderHover = "#ffffff";
|
|
259
|
+
export const ComponentsButtonLowerBorder2 = "#ffffff";
|
|
260
|
+
export const ComponentsButtonLowerBorderHover2 = "#ffffff";
|
|
261
|
+
export const ComponentsButtonGrasComplementaryBackground = "#3f555e";
|
|
262
|
+
export const ComponentsButtonGrasComplementaryBackgroundHover = "#72858c";
|
|
263
|
+
export const ComponentsButtonGrasComplementaryText = "#ffffff";
|
|
264
|
+
export const ComponentsButtonGrasComplementaryTextHover = "#ffffff";
|
|
265
|
+
export const ComponentsButtonGrasComplementaryIcon = "#ffffff";
|
|
266
|
+
export const ComponentsButtonGrasComplementaryIconHover = "#ffffff";
|
|
267
|
+
export const ComponentsButtonGrasComplementaryBorder = "#ffffff";
|
|
268
|
+
export const ComponentsButtonGrasComplementaryBorderHover = "#ffffff";
|
|
269
|
+
export const ComponentsFormFieldBackgroundDefault = "#0b0f11";
|
|
270
|
+
export const ComponentsFormFieldBackgroundDisabled = "#171f22";
|
|
271
|
+
export const ComponentsFormFieldBackgroundReadonly = "#11171a";
|
|
272
|
+
export const ComponentsFormFieldBackgroundChecked = "#1f717d";
|
|
273
|
+
export const ComponentsFormFieldBackgroundError = "#ff3d3d";
|
|
274
|
+
export const ComponentsFormFieldBackgroundHover = "#11171a";
|
|
275
|
+
export const ComponentsFormFieldBackgroundFocus = "#0b0f11";
|
|
276
|
+
export const ComponentsFormFieldBorderDefault = "#617177";
|
|
277
|
+
export const ComponentsFormFieldBorderFocus = "#1f717d";
|
|
278
|
+
export const ComponentsFormFieldBorderSuccess = "#6bde71";
|
|
279
|
+
export const ComponentsFormFieldBorderError = "#ff3d3d";
|
|
280
|
+
export const ComponentsFormFieldBorderHover = "#889499";
|
|
281
|
+
export const ComponentsFormFieldBorderReadonly = "#394d55";
|
|
282
|
+
export const ComponentsFormFieldBorderDisabled = "#617177";
|
|
283
|
+
export const ComponentsFormFieldContentPlaceholder = "#889499";
|
|
284
|
+
export const ComponentsFormFieldContentText = "#f5f6f7";
|
|
285
|
+
export const ComponentsFormFieldIconDefault = "#889499";
|
|
286
|
+
export const ComponentsFormFieldIconDisabled = "#617177";
|
|
287
|
+
export const ComponentsFormFieldIconError = "#ff3d3d";
|
|
288
|
+
export const ComponentsFormFieldIconSuccess = "#6bde71";
|
|
289
|
+
export const ComponentsFormTextInfoIcon = "#bac1c4";
|
|
290
|
+
export const ComponentsFormTextLabelDefault = "#f5f6f7";
|
|
291
|
+
export const ComponentsFormTextLabelDisabled = "#bac1c4";
|
|
292
|
+
export const ComponentsFormTextDescriptionDefault = "#889499";
|
|
293
|
+
export const ComponentsFormTextDescriptionError = "#ff3d3d";
|
|
294
|
+
export const ComponentsFormTextRequired = "#ff3d3d";
|
|
295
|
+
export const ComponentsFormShapeForegroundDefault = "#000000";
|
|
296
|
+
export const ComponentsFormShapeForegroundDisabled = "#617177";
|
|
297
|
+
export const ComponentsFormShapeForegroundDisabledError = "#ff3d3d";
|
|
298
|
+
export const ComponentsFormShapeForegroundSwitchDot = "#617177";
|
|
299
|
+
export const ComponentsFormShapeBackgroundDisabled = "#222e33";
|
|
300
|
+
export const ComponentsFormShapeBackgroundSelected = "#1f717d";
|
|
301
|
+
export const ComponentsFormShapeBackgroundDefault = "#617177";
|
|
302
|
+
export const ComponentsFormShapeBackgroundHover = "#72858c";
|
|
303
|
+
export const ComponentsFormShapeBackgroundError = "#ff3d3d";
|
|
304
|
+
export const ComponentsFormShapeBorderDefault = "#617177";
|
|
305
|
+
export const ComponentsFormShapeBorderHover = "#889499";
|
|
306
|
+
export const ComponentsFormShapeBorderFocus = "#1f717d";
|
|
307
|
+
export const ComponentsFormShapeBorderError = "#ff3d3d";
|
|
308
|
+
export const ComponentsFormShapeBorderSuccess = "#6bde71";
|
|
309
|
+
export const ComponentsFormOpacityDefault = "100px";
|
|
310
|
+
export const ComponentsFormOpacityDisabled = "50px";
|
|
311
|
+
export const ComponentsLoaderBrandBackground = "#0b292e";
|
|
312
|
+
export const ComponentsLoaderBrandForeground = "#258998";
|
|
313
|
+
export const ComponentsLoaderWhiteBackground = "#ffffff";
|
|
314
|
+
export const ComponentsLoaderWhiteForeground = "#ffffff";
|
|
315
|
+
export const ComponentsAlertInformationBackground = "#001c37";
|
|
316
|
+
export const ComponentsAlertInformationIcon = "#659fff";
|
|
317
|
+
export const ComponentsAlertInformationBorder = "#659fff";
|
|
318
|
+
export const ComponentsAlertWarningBackground = "#302300";
|
|
319
|
+
export const ComponentsAlertWarningIcon = "#f7d14c";
|
|
320
|
+
export const ComponentsAlertWarningBorder = "#f7d14c";
|
|
321
|
+
export const ComponentsAlertErrorBackground = "#380101";
|
|
322
|
+
export const ComponentsAlertErrorBorder = "#ff3d3d";
|
|
323
|
+
export const ComponentsAlertErrorIcon = "#ff3d3d";
|
|
324
|
+
export const ComponentsAlertSuccessBackground = "#002302";
|
|
325
|
+
export const ComponentsAlertSuccessBorder = "#6bde71";
|
|
326
|
+
export const ComponentsAlertSuccessIcon = "#6bde71";
|
|
327
|
+
export const ComponentsAlertNeutralBackground = "#27353b";
|
|
328
|
+
export const ComponentsAlertNeutralBorder = "#889499";
|
|
329
|
+
export const ComponentsAlertNeutralIcon = "#889499";
|
|
330
|
+
export const ComponentsAlertContentDescription = "#bac1c4";
|
|
331
|
+
export const ComponentsAlertContentTitle = "#f5f6f7";
|
|
332
|
+
export const ComponentsNotificationInformationBackground = "#222e33";
|
|
333
|
+
export const ComponentsNotificationInformationIcon = "#659fff";
|
|
334
|
+
export const ComponentsNotificationInformationBorder = "#659fff";
|
|
335
|
+
export const ComponentsNotificationContentDescription = "#bac1c4";
|
|
336
|
+
export const ComponentsNotificationContentTitle = "#f5f6f7";
|
|
337
|
+
export const ComponentsNotificationWarningBackground = "#222e33";
|
|
338
|
+
export const ComponentsNotificationWarningBorder = "#f7d14c";
|
|
339
|
+
export const ComponentsNotificationWarningIcon = "#f7d14c";
|
|
340
|
+
export const ComponentsNotificationErrorBackground = "#222e33";
|
|
341
|
+
export const ComponentsNotificationErrorBorder = "#ff3d3d";
|
|
342
|
+
export const ComponentsNotificationErrorIcon = "#ff3d3d";
|
|
343
|
+
export const ComponentsNotificationSuccessBackground = "#222e33";
|
|
344
|
+
export const ComponentsNotificationSuccessBorder = "#6bde71";
|
|
345
|
+
export const ComponentsNotificationSuccessIcon = "#6bde71";
|
|
346
|
+
export const ComponentsNotificationNeutralBackground = "#222e33";
|
|
347
|
+
export const ComponentsNotificationNeutralBorder = "#889499";
|
|
348
|
+
export const ComponentsNotificationNeutralIcon = "#889499";
|
|
349
|
+
export const ComponentsListNativeBackground = "#565558";
|
|
350
|
+
export const ComponentsListNativeItemBackgroundDefault = "#ffffff";
|
|
351
|
+
export const ComponentsListNativeItemBackgroundHover = "#4e7fdf";
|
|
352
|
+
export const ComponentsListNativeItemBackgroundDisabled = "#ffffff";
|
|
353
|
+
export const ComponentsListNativeItemBackgroundTitle = "#ffffff";
|
|
354
|
+
export const ComponentsListNativeItemContentDefault = "#ffffff";
|
|
355
|
+
export const ComponentsListNativeItemContentHover = "#ffffff";
|
|
356
|
+
export const ComponentsListNativeItemContentDisabled = "#ffffff";
|
|
357
|
+
export const ComponentsListNativeItemTitleContent = "#ffffff";
|
|
358
|
+
export const ComponentsListNativeSeparator = "#838086";
|
|
359
|
+
export const ComponentsListNativeBorder = "#767578";
|
|
360
|
+
export const ComponentsListCustomBackground = "#0b0f11";
|
|
361
|
+
export const ComponentsListCustomItemContentDefault = "#889499";
|
|
362
|
+
export const ComponentsListCustomItemContentHover = "#bac1c4";
|
|
363
|
+
export const ComponentsListCustomItemContentDisabled = "#889499";
|
|
364
|
+
export const ComponentsListCustomItemBackgroundDefault = "#ffffff";
|
|
365
|
+
export const ComponentsListCustomItemBackgroundHover = "#ffffff";
|
|
366
|
+
export const ComponentsListCustomItemBackgroundDisabled = "#ffffff";
|
|
367
|
+
export const ComponentsListCustomItemBackgroundTitle = "#ffffff";
|
|
368
|
+
export const ComponentsListCustomSeparator = "#394d55";
|
|
369
|
+
export const ComponentsListCustomBorder = "#394d55";
|
|
370
|
+
export const ComponentsListCustomItemTitleContent = "#889499";
|
|
371
|
+
export const ComponentsTooltipBackground = "#f5f6f7";
|
|
372
|
+
export const ComponentsTooltipText = "#0b0f11";
|
|
373
|
+
export const ComponentsTooltipSupportingText = "#27353b";
|
|
374
|
+
export const ComponentsTooltipBorder = "#f5f6f7";
|
|
375
|
+
export const ComponentsPopoverBackground = "#0b0f11";
|
|
376
|
+
export const ComponentsPopoverBorder = "#394d55";
|
|
377
|
+
export const ComponentsPopoverText = "#27353b";
|
|
378
|
+
export const ComponentsPopoverSupportingText = "#889499";
|
|
379
|
+
export const ComponentsMenuContextualItemBackground = "#ffffff";
|
|
380
|
+
export const ComponentsMenuContextualItemContent = "#889499";
|
|
381
|
+
export const ComponentsMenuContextualItemContentHover = "#bac1c4";
|
|
382
|
+
export const ComponentsMenuContextualItemBackgroundHover = "#ffffff";
|
|
383
|
+
export const ComponentsMenuContextualItemShortcut = "#3f555e";
|
|
384
|
+
export const ComponentsMenuContextualItemContentDisabled = "#3f555e";
|
|
385
|
+
export const ComponentsMenuContextualBorder = "#394d55";
|
|
386
|
+
export const ComponentsMenuContextualBackground = "#0b0f11";
|
|
387
|
+
export const ShadowBlurBase1 = "3px";
|
|
388
|
+
export const ShadowBlurBase2 = "2px";
|
|
389
|
+
export const ShadowBlurMd1 = "4px";
|
|
390
|
+
export const ShadowBlurMd2 = "6px";
|
|
391
|
+
export const ShadowBlurLg1 = "6px";
|
|
392
|
+
export const ShadowBlurLg2 = "15px";
|
|
393
|
+
export const ShadowBlurXl1 = "10px";
|
|
394
|
+
export const ShadowBlurXl2 = "0px";
|
|
395
|
+
export const ShadowBlur2xl = "50px";
|
|
396
|
+
export const ShadowYAxisBase = "1px";
|
|
397
|
+
export const ShadowYAxisMd1 = "2px";
|
|
398
|
+
export const ShadowYAxisMd2 = "4px";
|
|
399
|
+
export const ShadowYAxisLg1 = "4px";
|
|
400
|
+
export const ShadowYAxisLg2 = "10px";
|
|
401
|
+
export const ShadowYAxisXl1 = "10px";
|
|
402
|
+
export const ShadowYAxisXl2 = "20px";
|
|
403
|
+
export const ShadowYAxis2xl = "25px";
|
|
404
|
+
export const ShadowYAxisNone = "0px";
|
|
405
|
+
export const ShadowSpreadLg1 = "0px";
|
|
406
|
+
export const ShadowSpreadLg2 = "0px";
|
|
407
|
+
export const ShadowSpreadXl = "-2px";
|
|
408
|
+
export const ShadowSpread2xl = "-6px";
|
|
409
|
+
export const ShadowColorOpacity0 = "#0b0f11";
|
|
410
|
+
export const ShadowColorOpacity1 = "#0b0f11";
|
|
411
|
+
export const ShadowColorOpacity2 = "#0b0f11";
|
|
412
|
+
export const ShadowColorOpacity3 = "#0b0f11";
|