@nova-design-system/nova-base 3.0.0-beta.28 → 3.0.0-beta.30
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/dist/css/ocean.css +27979 -0
- package/dist/css/spark.css +27979 -0
- package/dist/js/mccs_dark.d.ts +412 -0
- package/dist/js/mccs_dark.js +412 -0
- package/dist/js/mccs_light.d.ts +412 -0
- package/dist/js/mccs_light.js +412 -0
- package/dist/lib/cjs/nova-tailwind-tokens.js +418 -0
- package/dist/lib/nova-tailwind-tokens.d.ts +414 -0
- package/dist/lib/nova-tailwind-tokens.js +415 -0
- package/package.json +5 -6
- package/dist/tokens/ocean_dark.json +0 -1890
- package/dist/tokens/ocean_light.json +0 -1890
- package/dist/tokens/primitives.json +0 -1198
- package/dist/tokens/spacings.json +0 -1110
- package/dist/tokens/spark_dark.json +0 -1890
- package/dist/tokens/spark_light.json +0 -1890
|
@@ -0,0 +1,412 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
export const ColorInteractionContainerBrandedLowBackground = "#ffffff";
|
|
6
|
+
export const ColorInteractionContainerBrandedLowBackgroundHover = "#0b0f11";
|
|
7
|
+
export const ColorInteractionContainerBrandedLowText = "#1f717d";
|
|
8
|
+
export const ColorInteractionContainerBrandedLowTextHover = "#185963";
|
|
9
|
+
export const ColorInteractionContainerBrandedLowIcon = "#1f717d";
|
|
10
|
+
export const ColorInteractionContainerBrandedLowIconHover = "#185963";
|
|
11
|
+
export const ColorInteractionContainerBrandedLowBorder = "#1f717d";
|
|
12
|
+
export const ColorInteractionContainerBrandedLowBorderHover = "#185963";
|
|
13
|
+
export const ColorInteractionContainerBrandedHighBackground = "#4b9eaa";
|
|
14
|
+
export const ColorInteractionContainerBrandedHighBackgroundHover = "#258998";
|
|
15
|
+
export const ColorInteractionContainerBrandedHighText = "#000000";
|
|
16
|
+
export const ColorInteractionContainerBrandedHighTextHover = "#000000";
|
|
17
|
+
export const ColorInteractionContainerBrandedHighIcon = "#000000";
|
|
18
|
+
export const ColorInteractionContainerBrandedHighIconHover = "#000000";
|
|
19
|
+
export const ColorInteractionContainerBrandedHighBorder = "#4b9eaa";
|
|
20
|
+
export const ColorInteractionContainerBrandedHighBorderHover = "#258998";
|
|
21
|
+
export const ColorInteractionContainerNeutralBackground = "#ffffff";
|
|
22
|
+
export const ColorInteractionContainerNeutralBackgroundHover = "#a5a6a7";
|
|
23
|
+
export const ColorInteractionContainerNeutralText = "#617177";
|
|
24
|
+
export const ColorInteractionContainerNeutralTextHover = "#34464d";
|
|
25
|
+
export const ColorInteractionContainerNeutralIcon = "#617177";
|
|
26
|
+
export const ColorInteractionContainerNeutralIconHover = "#34464d";
|
|
27
|
+
export const ColorInteractionContainerNeutralBorder = "#617177";
|
|
28
|
+
export const ColorInteractionContainerNeutralBorderHover = "#34464d";
|
|
29
|
+
export const ColorInteractionLinkHighText = "#1f717d";
|
|
30
|
+
export const ColorInteractionLinkHighTextHover = "#185963";
|
|
31
|
+
export const ColorInteractionLinkHighIcon = "#1f717d";
|
|
32
|
+
export const ColorInteractionLinkHighIconHover = "#185963";
|
|
33
|
+
export const ColorInteractionLinkLowText = "#171f22";
|
|
34
|
+
export const ColorInteractionLinkLowTextHover = "#1f717d";
|
|
35
|
+
export const ColorInteractionLinkLowIcon = "#171f22";
|
|
36
|
+
export const ColorInteractionLinkLowIconHover = "#1f717d";
|
|
37
|
+
export const ColorBlack = "#000000";
|
|
38
|
+
export const ColorLevel10Background = "#f5f6f7";
|
|
39
|
+
export const ColorLevel20Background = "#ffffff";
|
|
40
|
+
export const ColorLevel30Background = "#f5f6f7";
|
|
41
|
+
export const ColorLevel40Background = "#ffffff";
|
|
42
|
+
export const ColorLevel00Background = "#ffffff";
|
|
43
|
+
export const ColorLevel05Background = "#fafbfb";
|
|
44
|
+
export const ColorContentHighBorder = "#889499";
|
|
45
|
+
export const ColorContentHighText = "#171f22";
|
|
46
|
+
export const ColorContentHighIcon = "#171f22";
|
|
47
|
+
export const ColorContentMediumBorder = "#bac1c4";
|
|
48
|
+
export const ColorContentMediumText = "#34464d";
|
|
49
|
+
export const ColorContentMediumIcon = "#34464d";
|
|
50
|
+
export const ColorContentLowBorder = "#e1e4e6";
|
|
51
|
+
export const ColorContentLowText = "#617177";
|
|
52
|
+
export const ColorContentLowIcon = "#617177";
|
|
53
|
+
export const ColorContentLowerText = "#9fadb2";
|
|
54
|
+
export const ColorContentInvertedHighText = "#f5f6f7";
|
|
55
|
+
export const ColorContentInvertedHighIcon = "#f5f6f7";
|
|
56
|
+
export const ColorContentInvertedMediumText = "#889499";
|
|
57
|
+
export const ColorContentInvertedMediumIcon = "#889499";
|
|
58
|
+
export const ColorContentInvertedLowText = "#617177";
|
|
59
|
+
export const ColorContentInvertedLowIcon = "#617177";
|
|
60
|
+
export const ColorAccent50 = "#fceae3";
|
|
61
|
+
export const ColorAccent100 = "#f8ccbc";
|
|
62
|
+
export const ColorAccent200 = "#f4ae95";
|
|
63
|
+
export const ColorAccent300 = "#ef906e";
|
|
64
|
+
export const ColorAccent400 = "#eb7247";
|
|
65
|
+
export const ColorAccent500 = "#e75420";
|
|
66
|
+
export const ColorAccent600 = "#bf451a";
|
|
67
|
+
export const ColorAccent700 = "#963715";
|
|
68
|
+
export const ColorAccent800 = "#6e280f";
|
|
69
|
+
export const ColorAccent900 = "#45190a";
|
|
70
|
+
export const ColorChart1 = "#f0801a";
|
|
71
|
+
export const ColorChart2 = "#394d55";
|
|
72
|
+
export const ColorChart3 = "#258998";
|
|
73
|
+
export const ColorChart4 = "#6aa9a0";
|
|
74
|
+
export const ColorChart5 = "#9ac3ce";
|
|
75
|
+
export const ColorChart6 = "#8da930";
|
|
76
|
+
export const ColorChart7 = "#ffc100";
|
|
77
|
+
export const ColorChart8 = "#e75420";
|
|
78
|
+
export const ColorChart9 = "#447583";
|
|
79
|
+
export const ColorChart10 = "#990035";
|
|
80
|
+
export const ColorFeedbackInformationHighBackground = "#3883ff";
|
|
81
|
+
export const ColorFeedbackInformationHighBorder = "#3883ff";
|
|
82
|
+
export const ColorFeedbackInformationHighIcon = "#ffffff";
|
|
83
|
+
export const ColorFeedbackInformationHighText = "#ffffff";
|
|
84
|
+
export const ColorFeedbackInformationLowBackground = "#f0f6ff";
|
|
85
|
+
export const ColorFeedbackInformationLowBorder = "#2660c2";
|
|
86
|
+
export const ColorFeedbackInformationLowIcon = "#2660c2";
|
|
87
|
+
export const ColorFeedbackInformationLowText = "#2660c2";
|
|
88
|
+
export const ColorFeedbackErrorHighBackground = "#da2424";
|
|
89
|
+
export const ColorFeedbackErrorHighBorder = "#da2424";
|
|
90
|
+
export const ColorFeedbackErrorHighIcon = "#ffffff";
|
|
91
|
+
export const ColorFeedbackErrorHighText = "#ffffff";
|
|
92
|
+
export const ColorFeedbackErrorLowBackground = "#ffeded";
|
|
93
|
+
export const ColorFeedbackErrorLowBorder = "#da2424";
|
|
94
|
+
export const ColorFeedbackErrorLowIcon = "#da2424";
|
|
95
|
+
export const ColorFeedbackErrorLowText = "#da2424";
|
|
96
|
+
export const ColorFeedbackNeutralHighBackground = "#617177";
|
|
97
|
+
export const ColorFeedbackNeutralHighBorder = "#617177";
|
|
98
|
+
export const ColorFeedbackNeutralHighIcon = "#ffffff";
|
|
99
|
+
export const ColorFeedbackNeutralHighText = "#ffffff";
|
|
100
|
+
export const ColorFeedbackNeutralLowBackground = "#eaeef0";
|
|
101
|
+
export const ColorFeedbackNeutralLowBorder = "#617177";
|
|
102
|
+
export const ColorFeedbackNeutralLowIcon = "#617177";
|
|
103
|
+
export const ColorFeedbackNeutralLowText = "#617177";
|
|
104
|
+
export const ColorFeedbackWarningHighBackground = "#fac50d";
|
|
105
|
+
export const ColorFeedbackWarningHighBorder = "#fac50d";
|
|
106
|
+
export const ColorFeedbackWarningHighIcon = "#ffffff";
|
|
107
|
+
export const ColorFeedbackWarningHighText = "#ffffff";
|
|
108
|
+
export const ColorFeedbackWarningLowBackground = "#fff7df";
|
|
109
|
+
export const ColorFeedbackWarningLowBorder = "#e0a917";
|
|
110
|
+
export const ColorFeedbackWarningLowIcon = "#e0a917";
|
|
111
|
+
export const ColorFeedbackWarningLowText = "#e0a917";
|
|
112
|
+
export const ColorFeedbackSuccessHighBackground = "#45d24d";
|
|
113
|
+
export const ColorFeedbackSuccessHighBorder = "#45d24d";
|
|
114
|
+
export const ColorFeedbackSuccessHighIcon = "#ffffff";
|
|
115
|
+
export const ColorFeedbackSuccessHighText = "#ffffff";
|
|
116
|
+
export const ColorFeedbackSuccessLowBackground = "#eafeeb";
|
|
117
|
+
export const ColorFeedbackSuccessLowBorder = "#34ae3b";
|
|
118
|
+
export const ColorFeedbackSuccessLowIcon = "#34ae3b";
|
|
119
|
+
export const ColorFeedbackSuccessLowText = "#34ae3b";
|
|
120
|
+
export const ColorFocusBrand = "#258998";
|
|
121
|
+
export const ColorFocusDestructive = "#da2424";
|
|
122
|
+
export const ColorFocusSuccess = "#34ae3b";
|
|
123
|
+
export const ColorRainbow1Background = "#fdefe2";
|
|
124
|
+
export const ColorRainbow1Border = "#c66a15";
|
|
125
|
+
export const ColorRainbow1Icon = "#c66a15";
|
|
126
|
+
export const ColorRainbow1Text = "#c66a15";
|
|
127
|
+
export const ColorRainbow2Background = "#fceae3";
|
|
128
|
+
export const ColorRainbow2Border = "#963715";
|
|
129
|
+
export const ColorRainbow2Icon = "#963715";
|
|
130
|
+
export const ColorRainbow2Text = "#963715";
|
|
131
|
+
export const ColorRainbow3Background = "#ffecb3";
|
|
132
|
+
export const ColorRainbow3Border = "#795c00";
|
|
133
|
+
export const ColorRainbow3Icon = "#795c00";
|
|
134
|
+
export const ColorRainbow3Text = "#795c00";
|
|
135
|
+
export const ColorRainbow4Background = "#f9e3e3";
|
|
136
|
+
export const ColorRainbow4Border = "#cc1d1d";
|
|
137
|
+
export const ColorRainbow4Icon = "#cc1d1d";
|
|
138
|
+
export const ColorRainbow4Text = "#cc1d1d";
|
|
139
|
+
export const ColorRainbow5Background = "#d2e5e3";
|
|
140
|
+
export const ColorRainbow5Border = "#32504c";
|
|
141
|
+
export const ColorRainbow5Icon = "#32504c";
|
|
142
|
+
export const ColorRainbow5Text = "#32504c";
|
|
143
|
+
export const ColorRainbow6Background = "#f2dfe6";
|
|
144
|
+
export const ColorRainbow6Border = "#ab2d58";
|
|
145
|
+
export const ColorRainbow6Icon = "#ab2d58";
|
|
146
|
+
export const ColorRainbow6Text = "#ab2d58";
|
|
147
|
+
export const ColorRainbow7Background = "#e2f0e2";
|
|
148
|
+
export const ColorRainbow7Border = "#106f15";
|
|
149
|
+
export const ColorRainbow7Icon = "#106f15";
|
|
150
|
+
export const ColorRainbow7Text = "#106f15";
|
|
151
|
+
export const ColorRainbow8Background = "#e4f0f2";
|
|
152
|
+
export const ColorRainbow8Border = "#1f717d";
|
|
153
|
+
export const ColorRainbow8Icon = "#1f717d";
|
|
154
|
+
export const ColorRainbow8Text = "#1f717d";
|
|
155
|
+
export const ColorRainbow9Background = "#f1f4e5";
|
|
156
|
+
export const ColorRainbow9Border = "#5c6e1f";
|
|
157
|
+
export const ColorRainbow9Icon = "#5c6e1f";
|
|
158
|
+
export const ColorRainbow9Text = "#5c6e1f";
|
|
159
|
+
export const ColorRainbow10Background = "#eaeef0";
|
|
160
|
+
export const ColorRainbow10Border = "#394d55";
|
|
161
|
+
export const ColorRainbow10Icon = "#394d55";
|
|
162
|
+
export const ColorRainbow10Text = "#394d55";
|
|
163
|
+
export const ColorDontUseBorder = "#c6ced1";
|
|
164
|
+
export const ColorDontUseContent = "#c6ced1";
|
|
165
|
+
export const ColorDontUseBackground = "#f5f6f7";
|
|
166
|
+
export const ShadowColorOpacity0 = "#ffffff";
|
|
167
|
+
export const ShadowColorOpacity1 = "#0b0f11";
|
|
168
|
+
export const ShadowColorOpacity2 = "#0b0f11";
|
|
169
|
+
export const ShadowColorOpacity3 = "#0b0f11";
|
|
170
|
+
export const ShadowBlurBase1 = "3px";
|
|
171
|
+
export const ShadowBlurBase2 = "2px";
|
|
172
|
+
export const ShadowBlurMd1 = "4px";
|
|
173
|
+
export const ShadowBlurMd2 = "6px";
|
|
174
|
+
export const ShadowBlurLg1 = "6px";
|
|
175
|
+
export const ShadowBlurLg2 = "15px";
|
|
176
|
+
export const ShadowBlurXl1 = "10px";
|
|
177
|
+
export const ShadowBlurXl2 = "25px";
|
|
178
|
+
export const ShadowBlur2xl = "50px";
|
|
179
|
+
export const ShadowSpreadLg1 = "-2px";
|
|
180
|
+
export const ShadowSpreadLg2 = "-3px";
|
|
181
|
+
export const ShadowSpreadXl = "-5px";
|
|
182
|
+
export const ShadowSpread2xl = "-12px";
|
|
183
|
+
export const ShadowYAxisNone = "0px";
|
|
184
|
+
export const ShadowYAxisBase = "1px";
|
|
185
|
+
export const ShadowYAxisMd1 = "2px";
|
|
186
|
+
export const ShadowYAxisMd2 = "4px";
|
|
187
|
+
export const ShadowYAxisLg1 = "4px";
|
|
188
|
+
export const ShadowYAxisLg2 = "10px";
|
|
189
|
+
export const ShadowYAxisXl1 = "10px";
|
|
190
|
+
export const ShadowYAxisXl2 = "20px";
|
|
191
|
+
export const ShadowYAxis2xl = "25px";
|
|
192
|
+
export const ComponentsWpfComponents2 = "#ffffff";
|
|
193
|
+
export const ComponentsButtonHighBorder = "#ffffff";
|
|
194
|
+
export const ComponentsButtonHighBorderHover = "#ffffff";
|
|
195
|
+
export const ComponentsButtonHighBackground = "#4b9eaa";
|
|
196
|
+
export const ComponentsButtonHighBackgroundHover = "#258998";
|
|
197
|
+
export const ComponentsButtonHighText = "#000000";
|
|
198
|
+
export const ComponentsButtonHighTextHover = "#000000";
|
|
199
|
+
export const ComponentsButtonHighIcon = "#000000";
|
|
200
|
+
export const ComponentsButtonHighIconHover = "#000000";
|
|
201
|
+
export const ComponentsButtonLowBackground = "#ffffff";
|
|
202
|
+
export const ComponentsButtonLowBackgroundHover = "#0b0f11";
|
|
203
|
+
export const ComponentsButtonLowText = "#1f717d";
|
|
204
|
+
export const ComponentsButtonLowTextHover = "#185963";
|
|
205
|
+
export const ComponentsButtonLowIcon = "#1f717d";
|
|
206
|
+
export const ComponentsButtonLowIconHover = "#185963";
|
|
207
|
+
export const ComponentsButtonLowBorder = "#1f717d";
|
|
208
|
+
export const ComponentsButtonLowBorderHover = "#185963";
|
|
209
|
+
export const ComponentsButtonLowerBorder = "#ffffff";
|
|
210
|
+
export const ComponentsButtonLowerBorderHover = "#ffffff";
|
|
211
|
+
export const ComponentsButtonLowerBorder2 = "#ffffff";
|
|
212
|
+
export const ComponentsButtonLowerBorderHover2 = "#ffffff";
|
|
213
|
+
export const ComponentsButtonLowerBackground = "#ffffff";
|
|
214
|
+
export const ComponentsButtonLowerBackgroundHover = "#0b0f11";
|
|
215
|
+
export const ComponentsButtonLowerText = "#1f717d";
|
|
216
|
+
export const ComponentsButtonLowerTextHover = "#185963";
|
|
217
|
+
export const ComponentsButtonLowerIcon = "#1f717d";
|
|
218
|
+
export const ComponentsButtonLowerIconHover = "#185963";
|
|
219
|
+
export const ComponentsButtonGrAsComplementaryBorder = "#ffffff";
|
|
220
|
+
export const ComponentsButtonGrAsComplementaryBorderHover = "#ffffff";
|
|
221
|
+
export const ComponentsButtonGrAsComplementaryBackground = "#bac1c4";
|
|
222
|
+
export const ComponentsButtonGrAsComplementaryBackgroundHover = "#889499";
|
|
223
|
+
export const ComponentsButtonGrAsComplementaryText = "#000000";
|
|
224
|
+
export const ComponentsButtonGrAsComplementaryTextHover = "#000000";
|
|
225
|
+
export const ComponentsButtonGrAsComplementaryIcon = "#000000";
|
|
226
|
+
export const ComponentsButtonGrAsComplementaryIconHover = "#000000";
|
|
227
|
+
export const ComponentsButtonMediumBackground = "#bac1c4";
|
|
228
|
+
export const ComponentsButtonMediumBackgroundHover = "#889499";
|
|
229
|
+
export const ComponentsButtonMediumText = "#000000";
|
|
230
|
+
export const ComponentsButtonMediumTextHover = "#000000";
|
|
231
|
+
export const ComponentsButtonMediumIcon = "#000000";
|
|
232
|
+
export const ComponentsButtonMediumIconHover = "#000000";
|
|
233
|
+
export const ComponentsButtonMediumBorder = "#ffffff";
|
|
234
|
+
export const ComponentsButtonMediumBorderHover = "#ffffff";
|
|
235
|
+
export const ComponentsFormOpacityDefault = "100px";
|
|
236
|
+
export const ComponentsFormOpacityDisabled = "50px";
|
|
237
|
+
export const ComponentsFormTextRequired = "#da2424";
|
|
238
|
+
export const ComponentsFormTextInfoIcon = "#617177";
|
|
239
|
+
export const ComponentsFormTextLabelDefault = "#171f22";
|
|
240
|
+
export const ComponentsFormTextLabelDisabled = "#34464d";
|
|
241
|
+
export const ComponentsFormTextDescriptionDefault = "#617177";
|
|
242
|
+
export const ComponentsFormTextDescriptionError = "#da2424";
|
|
243
|
+
export const ComponentsFormFieldBackgroundDefault = "#ffffff";
|
|
244
|
+
export const ComponentsFormFieldBackgroundFocus = "#ffffff";
|
|
245
|
+
export const ComponentsFormFieldBackgroundHover = "#fafbfb";
|
|
246
|
+
export const ComponentsFormFieldBackgroundDisabled = "#f5f6f7";
|
|
247
|
+
export const ComponentsFormFieldBackgroundChecked = "#1f717d";
|
|
248
|
+
export const ComponentsFormFieldBackgroundError = "#da2424";
|
|
249
|
+
export const ComponentsFormFieldBackgroundReadonly = "#fafbfb";
|
|
250
|
+
export const ComponentsFormFieldBorderDefault = "#bac1c4";
|
|
251
|
+
export const ComponentsFormFieldBorderDisabled = "#bac1c4";
|
|
252
|
+
export const ComponentsFormFieldBorderHover = "#889499";
|
|
253
|
+
export const ComponentsFormFieldBorderFocus = "#258998";
|
|
254
|
+
export const ComponentsFormFieldBorderError = "#da2424";
|
|
255
|
+
export const ComponentsFormFieldBorderSuccess = "#34ae3b";
|
|
256
|
+
export const ComponentsFormFieldBorderReadonly = "#e1e4e6";
|
|
257
|
+
export const ComponentsFormFieldContentPlaceholder = "#617177";
|
|
258
|
+
export const ComponentsFormFieldContentText = "#171f22";
|
|
259
|
+
export const ComponentsFormFieldIconDefault = "#617177";
|
|
260
|
+
export const ComponentsFormFieldIconDisabled = "#bac1c4";
|
|
261
|
+
export const ComponentsFormFieldIconError = "#da2424";
|
|
262
|
+
export const ComponentsFormFieldIconSuccess = "#34ae3b";
|
|
263
|
+
export const ComponentsFormShapeBackgroundDefault = "#eaeef0";
|
|
264
|
+
export const ComponentsFormShapeBackgroundHover = "#e1e4e6";
|
|
265
|
+
export const ComponentsFormShapeBackgroundDisabled = "#eaeef0";
|
|
266
|
+
export const ComponentsFormShapeBackgroundSelected = "#1f717d";
|
|
267
|
+
export const ComponentsFormShapeBackgroundError = "#da2424";
|
|
268
|
+
export const ComponentsFormShapeBorderDefault = "#bac1c4";
|
|
269
|
+
export const ComponentsFormShapeBorderHover = "#889499";
|
|
270
|
+
export const ComponentsFormShapeBorderFocus = "#258998";
|
|
271
|
+
export const ComponentsFormShapeBorderError = "#da2424";
|
|
272
|
+
export const ComponentsFormShapeBorderSuccess = "#34ae3b";
|
|
273
|
+
export const ComponentsFormShapeForegroundDefault = "#ffffff";
|
|
274
|
+
export const ComponentsFormShapeForegroundSwitchDot = "#bac1c4";
|
|
275
|
+
export const ComponentsFormShapeForegroundDisabled = "#bac1c4";
|
|
276
|
+
export const ComponentsFormShapeForegroundDisabledError = "#da2424";
|
|
277
|
+
export const ComponentsListNativeBackground = "#565558";
|
|
278
|
+
export const ComponentsListNativeItemTitleContent = "#ffffff";
|
|
279
|
+
export const ComponentsListNativeSeparator = "#838086";
|
|
280
|
+
export const ComponentsListNativeBorder = "#767578";
|
|
281
|
+
export const ComponentsListNativeItemContentDisabled = "#ffffff";
|
|
282
|
+
export const ComponentsListNativeItemContentDefault = "#ffffff";
|
|
283
|
+
export const ComponentsListNativeItemContentHover = "#ffffff";
|
|
284
|
+
export const ComponentsListNativeItemBackgroundDefault = "#ffffff";
|
|
285
|
+
export const ComponentsListNativeItemBackgroundHover = "#4e7fdf";
|
|
286
|
+
export const ComponentsListNativeItemBackgroundDisabled = "#ffffff";
|
|
287
|
+
export const ComponentsListNativeItemBackgroundTitle = "#ffffff";
|
|
288
|
+
export const ComponentsListCustomBackground = "#ffffff";
|
|
289
|
+
export const ComponentsListCustomItemContentDefault = "#617177";
|
|
290
|
+
export const ComponentsListCustomItemContentHover = "#34464d";
|
|
291
|
+
export const ComponentsListCustomItemContentDisabled = "#617177";
|
|
292
|
+
export const ComponentsListCustomItemBackgroundDefault = "#ffffff";
|
|
293
|
+
export const ComponentsListCustomItemBackgroundHover = "#a5a6a7";
|
|
294
|
+
export const ComponentsListCustomItemBackgroundDisabled = "#ffffff";
|
|
295
|
+
export const ComponentsListCustomItemBackgroundTitle = "#ffffff";
|
|
296
|
+
export const ComponentsListCustomItemTitleContent = "#617177";
|
|
297
|
+
export const ComponentsListCustomSeparator = "#e1e4e6";
|
|
298
|
+
export const ComponentsListCustomBorder = "#e1e4e6";
|
|
299
|
+
export const ComponentsLoaderWhiteBackground = "#ffffff";
|
|
300
|
+
export const ComponentsLoaderWhiteForeground = "#ffffff";
|
|
301
|
+
export const ComponentsLoaderBrandBackground = "#e4f0f2";
|
|
302
|
+
export const ComponentsLoaderBrandForeground = "#258998";
|
|
303
|
+
export const ComponentsButtonDestructiveMediumBackground = "#ffffff";
|
|
304
|
+
export const ComponentsButtonDestructiveMediumBackgroundHover = "#0b0f11";
|
|
305
|
+
export const ComponentsButtonDestructiveMediumText = "#da2424";
|
|
306
|
+
export const ComponentsButtonDestructiveMediumTextHover = "#bb1919";
|
|
307
|
+
export const ComponentsButtonDestructiveMediumIcon = "#da2424";
|
|
308
|
+
export const ComponentsButtonDestructiveMediumIconHover = "#bb1919";
|
|
309
|
+
export const ComponentsButtonDestructiveMediumBorder = "#da2424";
|
|
310
|
+
export const ComponentsButtonDestructiveMediumBorderHover = "#bb1919";
|
|
311
|
+
export const ComponentsButtonDestructiveLowBackground = "#ffffff";
|
|
312
|
+
export const ComponentsButtonDestructiveLowBackgroundHover = "#0b0f11";
|
|
313
|
+
export const ComponentsButtonDestructiveLowBorder = "#ffffff";
|
|
314
|
+
export const ComponentsButtonDestructiveLowBorderHover = "#ffffff";
|
|
315
|
+
export const ComponentsButtonDestructiveLowText = "#da2424";
|
|
316
|
+
export const ComponentsButtonDestructiveLowTextHover = "#bb1919";
|
|
317
|
+
export const ComponentsButtonDestructiveLowIcon = "#da2424";
|
|
318
|
+
export const ComponentsButtonDestructiveLowIconHover = "#bb1919";
|
|
319
|
+
export const ComponentsButtonDestructiveHighBackground = "#ff6161";
|
|
320
|
+
export const ComponentsButtonDestructiveHighBackgroundHover = "#ff3d3d";
|
|
321
|
+
export const ComponentsButtonDestructiveHighText = "#000000";
|
|
322
|
+
export const ComponentsButtonDestructiveHighTextHover = "#000000";
|
|
323
|
+
export const ComponentsButtonDestructiveHighIcon = "#000000";
|
|
324
|
+
export const ComponentsButtonDestructiveHighIconHover = "#000000";
|
|
325
|
+
export const ComponentsButtonDestructiveLowerBackground = "#f5f6f7";
|
|
326
|
+
export const ComponentsButtonDestructiveLowerBackgroundHover = "#f5f6f7";
|
|
327
|
+
export const ComponentsButtonDestructiveLowerText = "#c6ced1";
|
|
328
|
+
export const ComponentsButtonDestructiveLowerTextHover = "#c6ced1";
|
|
329
|
+
export const ComponentsButtonDestructiveLowerIcon = "#c6ced1";
|
|
330
|
+
export const ComponentsButtonDestructiveLowerIconHover = "#c6ced1";
|
|
331
|
+
export const ComponentsButtonDestructiveLowerBorder = "#c6ced1";
|
|
332
|
+
export const ComponentsButtonDestructiveLowerBorderHover = "#c6ced1";
|
|
333
|
+
export const ComponentsAlertInformationBackground = "#f0f6ff";
|
|
334
|
+
export const ComponentsAlertInformationIcon = "#2660c2";
|
|
335
|
+
export const ComponentsAlertInformationBorder = "#2660c2";
|
|
336
|
+
export const ComponentsAlertContentDescription = "#34464d";
|
|
337
|
+
export const ComponentsAlertContentTitle = "#171f22";
|
|
338
|
+
export const ComponentsAlertWarningBackground = "#fff7df";
|
|
339
|
+
export const ComponentsAlertWarningBorder = "#e0a917";
|
|
340
|
+
export const ComponentsAlertWarningIcon = "#e0a917";
|
|
341
|
+
export const ComponentsAlertErrorBackground = "#ffeded";
|
|
342
|
+
export const ComponentsAlertErrorBorder = "#da2424";
|
|
343
|
+
export const ComponentsAlertErrorIcon = "#da2424";
|
|
344
|
+
export const ComponentsAlertSuccessBackground = "#eafeeb";
|
|
345
|
+
export const ComponentsAlertSuccessBorder = "#34ae3b";
|
|
346
|
+
export const ComponentsAlertSuccessIcon = "#34ae3b";
|
|
347
|
+
export const ComponentsAlertNeutralBackground = "#eaeef0";
|
|
348
|
+
export const ComponentsAlertNeutralBorder = "#617177";
|
|
349
|
+
export const ComponentsAlertNeutralIcon = "#617177";
|
|
350
|
+
export const ComponentsAvatarBackground1 = "#fdefe2";
|
|
351
|
+
export const ComponentsAvatarBackground2 = "#fceae3";
|
|
352
|
+
export const ComponentsAvatarBackground3 = "#ffecb3";
|
|
353
|
+
export const ComponentsAvatarBackground4 = "#f9e3e3";
|
|
354
|
+
export const ComponentsAvatarBackground5 = "#d2e5e3";
|
|
355
|
+
export const ComponentsAvatarBackground6 = "#f2dfe6";
|
|
356
|
+
export const ComponentsAvatarBackground7 = "#e2f0e2";
|
|
357
|
+
export const ComponentsAvatarBackground8 = "#e4f0f2";
|
|
358
|
+
export const ComponentsAvatarBackground9 = "#f1f4e5";
|
|
359
|
+
export const ComponentsAvatarBackground10 = "#eaeef0";
|
|
360
|
+
export const ComponentsAvatarBorder1 = "#c66a15";
|
|
361
|
+
export const ComponentsAvatarBorder2 = "#963715";
|
|
362
|
+
export const ComponentsAvatarBorder3 = "#795c00";
|
|
363
|
+
export const ComponentsAvatarBorder4 = "#cc1d1d";
|
|
364
|
+
export const ComponentsAvatarBorder5 = "#32504c";
|
|
365
|
+
export const ComponentsAvatarBorder6 = "#ab2d58";
|
|
366
|
+
export const ComponentsAvatarBorder7 = "#106f15";
|
|
367
|
+
export const ComponentsAvatarBorder8 = "#1f717d";
|
|
368
|
+
export const ComponentsAvatarBorder9 = "#5c6e1f";
|
|
369
|
+
export const ComponentsAvatarBorder10 = "#394d55";
|
|
370
|
+
export const ComponentsAvatarContent1 = "#c66a15";
|
|
371
|
+
export const ComponentsAvatarContent2 = "#963715";
|
|
372
|
+
export const ComponentsAvatarContent3 = "#795c00";
|
|
373
|
+
export const ComponentsAvatarContent4 = "#cc1d1d";
|
|
374
|
+
export const ComponentsAvatarContent5 = "#32504c";
|
|
375
|
+
export const ComponentsAvatarContent6 = "#ab2d58";
|
|
376
|
+
export const ComponentsAvatarContent7 = "#106f15";
|
|
377
|
+
export const ComponentsAvatarContent8 = "#1f717d";
|
|
378
|
+
export const ComponentsAvatarContent9 = "#5c6e1f";
|
|
379
|
+
export const ComponentsAvatarContent10 = "#394d55";
|
|
380
|
+
export const ComponentsNotificationInformationBackground = "#ffffff";
|
|
381
|
+
export const ComponentsNotificationInformationIcon = "#2660c2";
|
|
382
|
+
export const ComponentsNotificationInformationBorder = "#2660c2";
|
|
383
|
+
export const ComponentsNotificationContentDescription = "#34464d";
|
|
384
|
+
export const ComponentsNotificationContentTitle = "#171f22";
|
|
385
|
+
export const ComponentsNotificationWarningBackground = "#ffffff";
|
|
386
|
+
export const ComponentsNotificationWarningBorder = "#e0a917";
|
|
387
|
+
export const ComponentsNotificationWarningIcon = "#e0a917";
|
|
388
|
+
export const ComponentsNotificationErrorBackground = "#ffffff";
|
|
389
|
+
export const ComponentsNotificationErrorBorder = "#da2424";
|
|
390
|
+
export const ComponentsNotificationErrorIcon = "#da2424";
|
|
391
|
+
export const ComponentsNotificationSuccessBackground = "#ffffff";
|
|
392
|
+
export const ComponentsNotificationSuccessBorder = "#34ae3b";
|
|
393
|
+
export const ComponentsNotificationSuccessIcon = "#34ae3b";
|
|
394
|
+
export const ComponentsNotificationNeutralBackground = "#ffffff";
|
|
395
|
+
export const ComponentsNotificationNeutralBorder = "#617177";
|
|
396
|
+
export const ComponentsNotificationNeutralIcon = "#617177";
|
|
397
|
+
export const ComponentsPopoverBackground = "#f5f6f7";
|
|
398
|
+
export const ComponentsPopoverBorder = "#e1e4e6";
|
|
399
|
+
export const ComponentsPopoverText = "#34464d";
|
|
400
|
+
export const ComponentsPopoverSupportingText = "#617177";
|
|
401
|
+
export const ComponentsTooltipBackground = "#0b0f11";
|
|
402
|
+
export const ComponentsTooltipBorder = "#0b0f11";
|
|
403
|
+
export const ComponentsTooltipText = "#f5f6f7";
|
|
404
|
+
export const ComponentsTooltipSupportingText = "#889499";
|
|
405
|
+
export const ComponentsMenuContextualBackground = "#ffffff";
|
|
406
|
+
export const ComponentsMenuContextualBorder = "#e1e4e6";
|
|
407
|
+
export const ComponentsMenuContextualItemBackground = "#ffffff";
|
|
408
|
+
export const ComponentsMenuContextualItemBackgroundHover = "#a5a6a7";
|
|
409
|
+
export const ComponentsMenuContextualItemShortcut = "#9fadb2";
|
|
410
|
+
export const ComponentsMenuContextualItemContent = "#617177";
|
|
411
|
+
export const ComponentsMenuContextualItemContentDisabled = "#9fadb2";
|
|
412
|
+
export const ComponentsMenuContextualItemContentHover = "#34464d";
|