@nova-design-system/nova-base 3.0.0-beta.33 → 3.0.0-beta.35
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/mccs.css +136 -42
- package/dist/css/nova-utils.css +100 -0
- package/dist/css/ocean.css +150 -56
- package/dist/css/spark.css +148 -54
- package/dist/js/mccs_dark.d.ts +63 -22
- package/dist/js/mccs_dark.js +63 -22
- package/dist/js/mccs_light.d.ts +63 -22
- package/dist/js/mccs_light.js +64 -23
- package/dist/js/ocean_dark.d.ts +69 -28
- package/dist/js/ocean_dark.js +69 -28
- package/dist/js/ocean_light.d.ts +69 -28
- package/dist/js/ocean_light.js +69 -28
- package/dist/js/spacings.d.ts +12 -0
- package/dist/js/spacings.js +12 -0
- package/dist/js/spark_dark.d.ts +67 -26
- package/dist/js/spark_dark.js +69 -28
- package/dist/js/spark_light.d.ts +67 -26
- package/dist/js/spark_light.js +69 -28
- package/dist/lib/cjs/generated/nova-tailwind-tokens.js +69 -0
- package/dist/lib/generated/nova-tailwind-tokens.d.ts +69 -0
- package/dist/lib/generated/nova-tailwind-tokens.js +69 -0
- package/package.json +1 -1
package/dist/js/spark_dark.d.ts
CHANGED
|
@@ -2,30 +2,41 @@
|
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
export const
|
|
6
|
-
export const
|
|
7
|
-
export const
|
|
8
|
-
export const ColorInteractionContainerBrandedLowTextHover : string;
|
|
9
|
-
export const ColorInteractionContainerBrandedLowIcon : string;
|
|
10
|
-
export const ColorInteractionContainerBrandedLowIconHover : string;
|
|
11
|
-
export const ColorInteractionContainerBrandedLowBorder : string;
|
|
12
|
-
export const ColorInteractionContainerBrandedLowBorderHover : string;
|
|
5
|
+
export const ColorInteractionContainerBrandedHighBorder : string;
|
|
6
|
+
export const ColorInteractionContainerBrandedHighBorderActive : string;
|
|
7
|
+
export const ColorInteractionContainerBrandedHighBorderHover : string;
|
|
13
8
|
export const ColorInteractionContainerBrandedHighBackground : string;
|
|
9
|
+
export const ColorInteractionContainerBrandedHighBackgroundActive : string;
|
|
14
10
|
export const ColorInteractionContainerBrandedHighBackgroundHover : string;
|
|
15
|
-
export const ColorInteractionContainerBrandedHighText : string;
|
|
16
|
-
export const ColorInteractionContainerBrandedHighTextHover : string;
|
|
17
11
|
export const ColorInteractionContainerBrandedHighIcon : string;
|
|
12
|
+
export const ColorInteractionContainerBrandedHighIconActive : string;
|
|
18
13
|
export const ColorInteractionContainerBrandedHighIconHover : string;
|
|
19
|
-
export const
|
|
20
|
-
export const
|
|
14
|
+
export const ColorInteractionContainerBrandedHighText : string;
|
|
15
|
+
export const ColorInteractionContainerBrandedHighTextActive : string;
|
|
16
|
+
export const ColorInteractionContainerBrandedHighTextHover : string;
|
|
17
|
+
export const ColorInteractionContainerBrandedLowBackground : string;
|
|
18
|
+
export const ColorInteractionContainerBrandedLowBackgroundActive : string;
|
|
19
|
+
export const ColorInteractionContainerBrandedLowBackgroundHover : string;
|
|
20
|
+
export const ColorInteractionContainerBrandedLowBorder : string;
|
|
21
|
+
export const ColorInteractionContainerBrandedLowBorderActive : string;
|
|
22
|
+
export const ColorInteractionContainerBrandedLowBorderHover : string;
|
|
23
|
+
export const ColorInteractionContainerBrandedLowIcon : string;
|
|
24
|
+
export const ColorInteractionContainerBrandedLowIconActive : string;
|
|
25
|
+
export const ColorInteractionContainerBrandedLowIconHover : string;
|
|
26
|
+
export const ColorInteractionContainerBrandedLowText : string;
|
|
27
|
+
export const ColorInteractionContainerBrandedLowTextActive : string;
|
|
28
|
+
export const ColorInteractionContainerBrandedLowTextHover : string;
|
|
21
29
|
export const ColorInteractionContainerNeutralBackground : string;
|
|
22
30
|
export const ColorInteractionContainerNeutralBackgroundHover : string;
|
|
23
|
-
export const
|
|
24
|
-
export const ColorInteractionContainerNeutralTextHover : string;
|
|
25
|
-
export const ColorInteractionContainerNeutralIcon : string;
|
|
26
|
-
export const ColorInteractionContainerNeutralIconHover : string;
|
|
31
|
+
export const ColorInteractionContainerNeutralBackgroundActive : string;
|
|
27
32
|
export const ColorInteractionContainerNeutralBorder : string;
|
|
28
33
|
export const ColorInteractionContainerNeutralBorderHover : string;
|
|
34
|
+
export const ColorInteractionContainerNeutralIcon : string;
|
|
35
|
+
export const ColorInteractionContainerNeutralIconActive : string;
|
|
36
|
+
export const ColorInteractionContainerNeutralIconHover : string;
|
|
37
|
+
export const ColorInteractionContainerNeutralText : string;
|
|
38
|
+
export const ColorInteractionContainerNeutralTextActive : string;
|
|
39
|
+
export const ColorInteractionContainerNeutralTextHover : string;
|
|
29
40
|
export const ColorInteractionLinkHighText : string;
|
|
30
41
|
export const ColorInteractionLinkHighTextHover : string;
|
|
31
42
|
export const ColorInteractionLinkHighIcon : string;
|
|
@@ -34,13 +45,25 @@ export const ColorInteractionLinkLowText : string;
|
|
|
34
45
|
export const ColorInteractionLinkLowTextHover : string;
|
|
35
46
|
export const ColorInteractionLinkLowIcon : string;
|
|
36
47
|
export const ColorInteractionLinkLowIconHover : string;
|
|
48
|
+
export const ColorInteractionLinkInvertedText : string;
|
|
49
|
+
export const ColorInteractionLinkInvertedTextHover : string;
|
|
50
|
+
export const ColorInteractionLinkInvertedIcon : string;
|
|
51
|
+
export const ColorInteractionLinkInvertedIconHover : string;
|
|
37
52
|
export const ColorBlack : string;
|
|
38
53
|
export const ColorLevel10Background : string;
|
|
54
|
+
export const ColorLevel15Background : string;
|
|
39
55
|
export const ColorLevel20Background : string;
|
|
40
56
|
export const ColorLevel30Background : string;
|
|
41
57
|
export const ColorLevel40Background : string;
|
|
42
58
|
export const ColorLevel00Background : string;
|
|
43
59
|
export const ColorLevel05Background : string;
|
|
60
|
+
export const ColorLevelInverted10Background : string;
|
|
61
|
+
export const ColorLevelInverted15Background : string;
|
|
62
|
+
export const ColorLevelInverted20Background : string;
|
|
63
|
+
export const ColorLevelInverted30Background : string;
|
|
64
|
+
export const ColorLevelInverted40Background : string;
|
|
65
|
+
export const ColorLevelInverted00Background : string;
|
|
66
|
+
export const ColorLevelInverted05Background : string;
|
|
44
67
|
export const ColorContentHighBorder : string;
|
|
45
68
|
export const ColorContentHighText : string;
|
|
46
69
|
export const ColorContentHighIcon : string;
|
|
@@ -192,30 +215,42 @@ export const ShadowYAxis2xl : string;
|
|
|
192
215
|
export const ComponentsWpfComponents2 : string;
|
|
193
216
|
export const ComponentsButtonHighBorder : string;
|
|
194
217
|
export const ComponentsButtonHighBorderHover : string;
|
|
218
|
+
export const ComponentsButtonHighBorderActive : string;
|
|
195
219
|
export const ComponentsButtonHighBackground : string;
|
|
220
|
+
export const ComponentsButtonHighBackgroundActive : string;
|
|
196
221
|
export const ComponentsButtonHighBackgroundHover : string;
|
|
197
222
|
export const ComponentsButtonHighText : string;
|
|
223
|
+
export const ComponentsButtonHighTextActive : string;
|
|
198
224
|
export const ComponentsButtonHighTextHover : string;
|
|
199
225
|
export const ComponentsButtonHighIcon : string;
|
|
226
|
+
export const ComponentsButtonHighIconActive : string;
|
|
200
227
|
export const ComponentsButtonHighIconHover : string;
|
|
201
228
|
export const ComponentsButtonLowBackground : string;
|
|
202
229
|
export const ComponentsButtonLowBorder : string;
|
|
230
|
+
export const ComponentsButtonLowBorderActive : string;
|
|
203
231
|
export const ComponentsButtonLowBorderHover : string;
|
|
232
|
+
export const ComponentsButtonLowBackgroundActive : string;
|
|
204
233
|
export const ComponentsButtonLowBackgroundHover : string;
|
|
205
|
-
export const ComponentsButtonLowText : string;
|
|
206
|
-
export const ComponentsButtonLowTextHover : string;
|
|
207
234
|
export const ComponentsButtonLowIcon : string;
|
|
235
|
+
export const ComponentsButtonLowIconActive : string;
|
|
208
236
|
export const ComponentsButtonLowIconHover : string;
|
|
209
|
-
export const
|
|
210
|
-
export const
|
|
237
|
+
export const ComponentsButtonLowText : string;
|
|
238
|
+
export const ComponentsButtonLowTextActive : string;
|
|
239
|
+
export const ComponentsButtonLowTextHover : string;
|
|
211
240
|
export const ComponentsButtonLowerBorder : string;
|
|
241
|
+
export const ComponentsButtonLowerBorderActive : string;
|
|
212
242
|
export const ComponentsButtonLowerBorderHover : string;
|
|
213
243
|
export const ComponentsButtonLowerBorder2 : string;
|
|
214
244
|
export const ComponentsButtonLowerBorderHover2 : string;
|
|
215
|
-
export const
|
|
216
|
-
export const
|
|
245
|
+
export const ComponentsButtonLowerBackground : string;
|
|
246
|
+
export const ComponentsButtonLowerBackgroundActive : string;
|
|
247
|
+
export const ComponentsButtonLowerBackgroundHover : string;
|
|
217
248
|
export const ComponentsButtonLowerIcon : string;
|
|
249
|
+
export const ComponentsButtonLowerIconActive : string;
|
|
218
250
|
export const ComponentsButtonLowerIconHover : string;
|
|
251
|
+
export const ComponentsButtonLowerText : string;
|
|
252
|
+
export const ComponentsButtonLowerTextActive : string;
|
|
253
|
+
export const ComponentsButtonLowerTextHover : string;
|
|
219
254
|
export const ComponentsButtonGrAsComplementaryBorder : string;
|
|
220
255
|
export const ComponentsButtonGrAsComplementaryBorderHover : string;
|
|
221
256
|
export const ComponentsButtonGrAsComplementaryBackground : string;
|
|
@@ -225,13 +260,17 @@ export const ComponentsButtonGrAsComplementaryTextHover : string;
|
|
|
225
260
|
export const ComponentsButtonGrAsComplementaryIcon : string;
|
|
226
261
|
export const ComponentsButtonGrAsComplementaryIconHover : string;
|
|
227
262
|
export const ComponentsButtonMediumBackground : string;
|
|
263
|
+
export const ComponentsButtonMediumBackgroundActive : string;
|
|
228
264
|
export const ComponentsButtonMediumBackgroundHover : string;
|
|
229
|
-
export const ComponentsButtonMediumText : string;
|
|
230
|
-
export const ComponentsButtonMediumTextHover : string;
|
|
231
|
-
export const ComponentsButtonMediumIcon : string;
|
|
232
|
-
export const ComponentsButtonMediumIconHover : string;
|
|
233
265
|
export const ComponentsButtonMediumBorder : string;
|
|
266
|
+
export const ComponentsButtonMediumBorderActive : string;
|
|
234
267
|
export const ComponentsButtonMediumBorderHover : string;
|
|
268
|
+
export const ComponentsButtonMediumIcon : string;
|
|
269
|
+
export const ComponentsButtonMediumIconActive : string;
|
|
270
|
+
export const ComponentsButtonMediumIconHover : string;
|
|
271
|
+
export const ComponentsButtonMediumText : string;
|
|
272
|
+
export const ComponentsButtonMediumTextActive : string;
|
|
273
|
+
export const ComponentsButtonMediumTextHover : string;
|
|
235
274
|
export const ComponentsFormOpacityDefault : string;
|
|
236
275
|
export const ComponentsFormOpacityDisabled : string;
|
|
237
276
|
export const ComponentsFormTextRequired : string;
|
|
@@ -330,6 +369,8 @@ export const ComponentsButtonDestructiveLowerIcon : string;
|
|
|
330
369
|
export const ComponentsButtonDestructiveLowerIconHover : string;
|
|
331
370
|
export const ComponentsButtonDestructiveLowerBorder : string;
|
|
332
371
|
export const ComponentsButtonDestructiveLowerBorderHover : string;
|
|
372
|
+
export const ComponentsOverlayOpacity : string;
|
|
373
|
+
export const ComponentsOverlayBackground : string;
|
|
333
374
|
export const ComponentsAlertInformationBackground : string;
|
|
334
375
|
export const ComponentsAlertInformationIcon : string;
|
|
335
376
|
export const ComponentsAlertInformationBorder : string;
|
package/dist/js/spark_dark.js
CHANGED
|
@@ -2,30 +2,41 @@
|
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
export const
|
|
6
|
-
export const
|
|
7
|
-
export const
|
|
8
|
-
export const ColorInteractionContainerBrandedLowTextHover = "#eb7247";
|
|
9
|
-
export const ColorInteractionContainerBrandedLowIcon = "#e75420";
|
|
10
|
-
export const ColorInteractionContainerBrandedLowIconHover = "#eb7247";
|
|
11
|
-
export const ColorInteractionContainerBrandedLowBorder = "#e75420";
|
|
12
|
-
export const ColorInteractionContainerBrandedLowBorderHover = "#eb7247";
|
|
5
|
+
export const ColorInteractionContainerBrandedHighBorder = "#ffffff";
|
|
6
|
+
export const ColorInteractionContainerBrandedHighBorderActive = "#ffffff";
|
|
7
|
+
export const ColorInteractionContainerBrandedHighBorderHover = "#ffffff";
|
|
13
8
|
export const ColorInteractionContainerBrandedHighBackground = "#e75420";
|
|
9
|
+
export const ColorInteractionContainerBrandedHighBackgroundActive = "#eb7247";
|
|
14
10
|
export const ColorInteractionContainerBrandedHighBackgroundHover = "#eb7247";
|
|
15
|
-
export const ColorInteractionContainerBrandedHighText = "#000000";
|
|
16
|
-
export const ColorInteractionContainerBrandedHighTextHover = "#000000";
|
|
17
11
|
export const ColorInteractionContainerBrandedHighIcon = "#000000";
|
|
12
|
+
export const ColorInteractionContainerBrandedHighIconActive = "#000000";
|
|
18
13
|
export const ColorInteractionContainerBrandedHighIconHover = "#000000";
|
|
19
|
-
export const
|
|
20
|
-
export const
|
|
14
|
+
export const ColorInteractionContainerBrandedHighText = "#000000";
|
|
15
|
+
export const ColorInteractionContainerBrandedHighTextActive = "#000000";
|
|
16
|
+
export const ColorInteractionContainerBrandedHighTextHover = "#000000";
|
|
17
|
+
export const ColorInteractionContainerBrandedLowBackground = "#ffffff";
|
|
18
|
+
export const ColorInteractionContainerBrandedLowBackgroundActive = "#45190a";
|
|
19
|
+
export const ColorInteractionContainerBrandedLowBackgroundHover = "#45190a";
|
|
20
|
+
export const ColorInteractionContainerBrandedLowBorder = "#e75420";
|
|
21
|
+
export const ColorInteractionContainerBrandedLowBorderActive = "#eb7247";
|
|
22
|
+
export const ColorInteractionContainerBrandedLowBorderHover = "#eb7247";
|
|
23
|
+
export const ColorInteractionContainerBrandedLowIcon = "#e75420";
|
|
24
|
+
export const ColorInteractionContainerBrandedLowIconActive = "#eb7247";
|
|
25
|
+
export const ColorInteractionContainerBrandedLowIconHover = "#eb7247";
|
|
26
|
+
export const ColorInteractionContainerBrandedLowText = "#e75420";
|
|
27
|
+
export const ColorInteractionContainerBrandedLowTextActive = "#eb7247";
|
|
28
|
+
export const ColorInteractionContainerBrandedLowTextHover = "#eb7247";
|
|
21
29
|
export const ColorInteractionContainerNeutralBackground = "#ffffff";
|
|
22
30
|
export const ColorInteractionContainerNeutralBackgroundHover = "#ffffff";
|
|
23
|
-
export const
|
|
24
|
-
export const ColorInteractionContainerNeutralTextHover = "#bfbfbf";
|
|
25
|
-
export const ColorInteractionContainerNeutralIcon = "#808080";
|
|
26
|
-
export const ColorInteractionContainerNeutralIconHover = "#bfbfbf";
|
|
31
|
+
export const ColorInteractionContainerNeutralBackgroundActive = "#45190a";
|
|
27
32
|
export const ColorInteractionContainerNeutralBorder = "#808080";
|
|
28
33
|
export const ColorInteractionContainerNeutralBorderHover = "#bfbfbf";
|
|
34
|
+
export const ColorInteractionContainerNeutralIcon = "#808080";
|
|
35
|
+
export const ColorInteractionContainerNeutralIconActive = "#eb7247";
|
|
36
|
+
export const ColorInteractionContainerNeutralIconHover = "#bfbfbf";
|
|
37
|
+
export const ColorInteractionContainerNeutralText = "#808080";
|
|
38
|
+
export const ColorInteractionContainerNeutralTextActive = "#eb7247";
|
|
39
|
+
export const ColorInteractionContainerNeutralTextHover = "#bfbfbf";
|
|
29
40
|
export const ColorInteractionLinkHighText = "#e75420";
|
|
30
41
|
export const ColorInteractionLinkHighTextHover = "#eb7247";
|
|
31
42
|
export const ColorInteractionLinkHighIcon = "#e75420";
|
|
@@ -34,13 +45,25 @@ export const ColorInteractionLinkLowText = "#f6f6f6";
|
|
|
34
45
|
export const ColorInteractionLinkLowTextHover = "#e75420";
|
|
35
46
|
export const ColorInteractionLinkLowIcon = "#f6f6f6";
|
|
36
47
|
export const ColorInteractionLinkLowIconHover = "#e75420";
|
|
48
|
+
export const ColorInteractionLinkInvertedText = "#414141";
|
|
49
|
+
export const ColorInteractionLinkInvertedTextHover = "#e75420";
|
|
50
|
+
export const ColorInteractionLinkInvertedIcon = "#414141";
|
|
51
|
+
export const ColorInteractionLinkInvertedIconHover = "#e75420";
|
|
37
52
|
export const ColorBlack = "#000000";
|
|
38
53
|
export const ColorLevel10Background = "#1d1d1d";
|
|
54
|
+
export const ColorLevel15Background = "#252525";
|
|
39
55
|
export const ColorLevel20Background = "#2b2b2b";
|
|
40
56
|
export const ColorLevel30Background = "#3a3a3a";
|
|
41
57
|
export const ColorLevel40Background = "#484848";
|
|
42
58
|
export const ColorLevel00Background = "#0e0e0e";
|
|
43
59
|
export const ColorLevel05Background = "#161616";
|
|
60
|
+
export const ColorLevelInverted10Background = "#f6f6f6";
|
|
61
|
+
export const ColorLevelInverted15Background = "#ededed";
|
|
62
|
+
export const ColorLevelInverted20Background = "#ffffff";
|
|
63
|
+
export const ColorLevelInverted30Background = "#f6f6f6";
|
|
64
|
+
export const ColorLevelInverted40Background = "#ffffff";
|
|
65
|
+
export const ColorLevelInverted00Background = "#ffffff";
|
|
66
|
+
export const ColorLevelInverted05Background = "#fbfbfb";
|
|
44
67
|
export const ColorContentHighBorder = "#919191";
|
|
45
68
|
export const ColorContentHighText = "#f6f6f6";
|
|
46
69
|
export const ColorContentHighIcon = "#f6f6f6";
|
|
@@ -192,30 +215,42 @@ export const ShadowYAxis2xl = "25px";
|
|
|
192
215
|
export const ComponentsWpfComponents2 = "#ffffff";
|
|
193
216
|
export const ComponentsButtonHighBorder = "#ffffff";
|
|
194
217
|
export const ComponentsButtonHighBorderHover = "#ffffff";
|
|
218
|
+
export const ComponentsButtonHighBorderActive = "#ffffff";
|
|
195
219
|
export const ComponentsButtonHighBackground = "#e75420";
|
|
220
|
+
export const ComponentsButtonHighBackgroundActive = "#eb7247";
|
|
196
221
|
export const ComponentsButtonHighBackgroundHover = "#eb7247";
|
|
197
222
|
export const ComponentsButtonHighText = "#000000";
|
|
223
|
+
export const ComponentsButtonHighTextActive = "#000000";
|
|
198
224
|
export const ComponentsButtonHighTextHover = "#000000";
|
|
199
225
|
export const ComponentsButtonHighIcon = "#000000";
|
|
226
|
+
export const ComponentsButtonHighIconActive = "#000000";
|
|
200
227
|
export const ComponentsButtonHighIconHover = "#000000";
|
|
201
228
|
export const ComponentsButtonLowBackground = "#ffffff";
|
|
202
229
|
export const ComponentsButtonLowBorder = "#ffffff";
|
|
230
|
+
export const ComponentsButtonLowBorderActive = "#ffffff";
|
|
203
231
|
export const ComponentsButtonLowBorderHover = "#ffffff";
|
|
232
|
+
export const ComponentsButtonLowBackgroundActive = "#45190a";
|
|
204
233
|
export const ComponentsButtonLowBackgroundHover = "#45190a";
|
|
205
|
-
export const ComponentsButtonLowText = "#e75420";
|
|
206
|
-
export const ComponentsButtonLowTextHover = "#eb7247";
|
|
207
234
|
export const ComponentsButtonLowIcon = "#e75420";
|
|
235
|
+
export const ComponentsButtonLowIconActive = "#eb7247";
|
|
208
236
|
export const ComponentsButtonLowIconHover = "#eb7247";
|
|
209
|
-
export const
|
|
210
|
-
export const
|
|
237
|
+
export const ComponentsButtonLowText = "#e75420";
|
|
238
|
+
export const ComponentsButtonLowTextActive = "#eb7247";
|
|
239
|
+
export const ComponentsButtonLowTextHover = "#eb7247";
|
|
211
240
|
export const ComponentsButtonLowerBorder = "#ffffff";
|
|
241
|
+
export const ComponentsButtonLowerBorderActive = "#ffffff";
|
|
212
242
|
export const ComponentsButtonLowerBorderHover = "#ffffff";
|
|
213
243
|
export const ComponentsButtonLowerBorder2 = "#ffffff";
|
|
214
244
|
export const ComponentsButtonLowerBorderHover2 = "#ffffff";
|
|
215
|
-
export const
|
|
216
|
-
export const
|
|
217
|
-
export const
|
|
218
|
-
export const
|
|
245
|
+
export const ComponentsButtonLowerBackground = "#ffffff";
|
|
246
|
+
export const ComponentsButtonLowerBackgroundActive = "#45190a";
|
|
247
|
+
export const ComponentsButtonLowerBackgroundHover = "#ffffff";
|
|
248
|
+
export const ComponentsButtonLowerIcon = "#808080";
|
|
249
|
+
export const ComponentsButtonLowerIconActive = "#eb7247";
|
|
250
|
+
export const ComponentsButtonLowerIconHover = "#bfbfbf";
|
|
251
|
+
export const ComponentsButtonLowerText = "#808080";
|
|
252
|
+
export const ComponentsButtonLowerTextActive = "#eb7247";
|
|
253
|
+
export const ComponentsButtonLowerTextHover = "#bfbfbf";
|
|
219
254
|
export const ComponentsButtonGrAsComplementaryBorder = "#ffffff";
|
|
220
255
|
export const ComponentsButtonGrAsComplementaryBorderHover = "#ffffff";
|
|
221
256
|
export const ComponentsButtonGrAsComplementaryBackground = "#4f4f4f";
|
|
@@ -225,13 +260,17 @@ export const ComponentsButtonGrAsComplementaryTextHover = "#ffffff";
|
|
|
225
260
|
export const ComponentsButtonGrAsComplementaryIcon = "#ffffff";
|
|
226
261
|
export const ComponentsButtonGrAsComplementaryIconHover = "#ffffff";
|
|
227
262
|
export const ComponentsButtonMediumBackground = "#ffffff";
|
|
263
|
+
export const ComponentsButtonMediumBackgroundActive = "#45190a";
|
|
228
264
|
export const ComponentsButtonMediumBackgroundHover = "#45190a";
|
|
229
|
-
export const ComponentsButtonMediumText = "#e75420";
|
|
230
|
-
export const ComponentsButtonMediumTextHover = "#eb7247";
|
|
231
|
-
export const ComponentsButtonMediumIcon = "#e75420";
|
|
232
|
-
export const ComponentsButtonMediumIconHover = "#eb7247";
|
|
233
265
|
export const ComponentsButtonMediumBorder = "#e75420";
|
|
266
|
+
export const ComponentsButtonMediumBorderActive = "#eb7247";
|
|
234
267
|
export const ComponentsButtonMediumBorderHover = "#eb7247";
|
|
268
|
+
export const ComponentsButtonMediumIcon = "#e75420";
|
|
269
|
+
export const ComponentsButtonMediumIconActive = "#eb7247";
|
|
270
|
+
export const ComponentsButtonMediumIconHover = "#eb7247";
|
|
271
|
+
export const ComponentsButtonMediumText = "#e75420";
|
|
272
|
+
export const ComponentsButtonMediumTextActive = "#eb7247";
|
|
273
|
+
export const ComponentsButtonMediumTextHover = "#eb7247";
|
|
235
274
|
export const ComponentsFormOpacityDefault = "100px";
|
|
236
275
|
export const ComponentsFormOpacityDisabled = "50px";
|
|
237
276
|
export const ComponentsFormTextRequired = "#ff3d3d";
|
|
@@ -330,6 +369,8 @@ export const ComponentsButtonDestructiveLowerIcon = "#252525";
|
|
|
330
369
|
export const ComponentsButtonDestructiveLowerIconHover = "#252525";
|
|
331
370
|
export const ComponentsButtonDestructiveLowerBorder = "#252525";
|
|
332
371
|
export const ComponentsButtonDestructiveLowerBorderHover = "#252525";
|
|
372
|
+
export const ComponentsOverlayOpacity = "75px";
|
|
373
|
+
export const ComponentsOverlayBackground = "#313131";
|
|
333
374
|
export const ComponentsAlertInformationBackground = "#001c37";
|
|
334
375
|
export const ComponentsAlertInformationIcon = "#659fff";
|
|
335
376
|
export const ComponentsAlertInformationBorder = "#659fff";
|
package/dist/js/spark_light.d.ts
CHANGED
|
@@ -2,30 +2,41 @@
|
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
export const
|
|
6
|
-
export const
|
|
7
|
-
export const
|
|
8
|
-
export const ColorInteractionContainerBrandedLowTextHover : string;
|
|
9
|
-
export const ColorInteractionContainerBrandedLowIcon : string;
|
|
10
|
-
export const ColorInteractionContainerBrandedLowIconHover : string;
|
|
11
|
-
export const ColorInteractionContainerBrandedLowBorder : string;
|
|
12
|
-
export const ColorInteractionContainerBrandedLowBorderHover : string;
|
|
5
|
+
export const ColorInteractionContainerBrandedHighBorder : string;
|
|
6
|
+
export const ColorInteractionContainerBrandedHighBorderActive : string;
|
|
7
|
+
export const ColorInteractionContainerBrandedHighBorderHover : string;
|
|
13
8
|
export const ColorInteractionContainerBrandedHighBackground : string;
|
|
9
|
+
export const ColorInteractionContainerBrandedHighBackgroundActive : string;
|
|
14
10
|
export const ColorInteractionContainerBrandedHighBackgroundHover : string;
|
|
15
|
-
export const ColorInteractionContainerBrandedHighText : string;
|
|
16
|
-
export const ColorInteractionContainerBrandedHighTextHover : string;
|
|
17
11
|
export const ColorInteractionContainerBrandedHighIcon : string;
|
|
12
|
+
export const ColorInteractionContainerBrandedHighIconActive : string;
|
|
18
13
|
export const ColorInteractionContainerBrandedHighIconHover : string;
|
|
19
|
-
export const
|
|
20
|
-
export const
|
|
14
|
+
export const ColorInteractionContainerBrandedHighText : string;
|
|
15
|
+
export const ColorInteractionContainerBrandedHighTextActive : string;
|
|
16
|
+
export const ColorInteractionContainerBrandedHighTextHover : string;
|
|
17
|
+
export const ColorInteractionContainerBrandedLowBackground : string;
|
|
18
|
+
export const ColorInteractionContainerBrandedLowBackgroundActive : string;
|
|
19
|
+
export const ColorInteractionContainerBrandedLowBackgroundHover : string;
|
|
20
|
+
export const ColorInteractionContainerBrandedLowBorder : string;
|
|
21
|
+
export const ColorInteractionContainerBrandedLowBorderActive : string;
|
|
22
|
+
export const ColorInteractionContainerBrandedLowBorderHover : string;
|
|
23
|
+
export const ColorInteractionContainerBrandedLowIcon : string;
|
|
24
|
+
export const ColorInteractionContainerBrandedLowIconActive : string;
|
|
25
|
+
export const ColorInteractionContainerBrandedLowIconHover : string;
|
|
26
|
+
export const ColorInteractionContainerBrandedLowText : string;
|
|
27
|
+
export const ColorInteractionContainerBrandedLowTextActive : string;
|
|
28
|
+
export const ColorInteractionContainerBrandedLowTextHover : string;
|
|
21
29
|
export const ColorInteractionContainerNeutralBackground : string;
|
|
22
30
|
export const ColorInteractionContainerNeutralBackgroundHover : string;
|
|
23
|
-
export const
|
|
24
|
-
export const ColorInteractionContainerNeutralTextHover : string;
|
|
25
|
-
export const ColorInteractionContainerNeutralIcon : string;
|
|
26
|
-
export const ColorInteractionContainerNeutralIconHover : string;
|
|
31
|
+
export const ColorInteractionContainerNeutralBackgroundActive : string;
|
|
27
32
|
export const ColorInteractionContainerNeutralBorder : string;
|
|
28
33
|
export const ColorInteractionContainerNeutralBorderHover : string;
|
|
34
|
+
export const ColorInteractionContainerNeutralIcon : string;
|
|
35
|
+
export const ColorInteractionContainerNeutralIconActive : string;
|
|
36
|
+
export const ColorInteractionContainerNeutralIconHover : string;
|
|
37
|
+
export const ColorInteractionContainerNeutralText : string;
|
|
38
|
+
export const ColorInteractionContainerNeutralTextActive : string;
|
|
39
|
+
export const ColorInteractionContainerNeutralTextHover : string;
|
|
29
40
|
export const ColorInteractionLinkHighText : string;
|
|
30
41
|
export const ColorInteractionLinkHighTextHover : string;
|
|
31
42
|
export const ColorInteractionLinkHighIcon : string;
|
|
@@ -34,13 +45,25 @@ export const ColorInteractionLinkLowText : string;
|
|
|
34
45
|
export const ColorInteractionLinkLowTextHover : string;
|
|
35
46
|
export const ColorInteractionLinkLowIcon : string;
|
|
36
47
|
export const ColorInteractionLinkLowIconHover : string;
|
|
48
|
+
export const ColorInteractionLinkInvertedText : string;
|
|
49
|
+
export const ColorInteractionLinkInvertedTextHover : string;
|
|
50
|
+
export const ColorInteractionLinkInvertedIcon : string;
|
|
51
|
+
export const ColorInteractionLinkInvertedIconHover : string;
|
|
37
52
|
export const ColorBlack : string;
|
|
38
53
|
export const ColorLevel10Background : string;
|
|
54
|
+
export const ColorLevel15Background : string;
|
|
39
55
|
export const ColorLevel20Background : string;
|
|
40
56
|
export const ColorLevel30Background : string;
|
|
41
57
|
export const ColorLevel40Background : string;
|
|
42
58
|
export const ColorLevel00Background : string;
|
|
43
59
|
export const ColorLevel05Background : string;
|
|
60
|
+
export const ColorLevelInverted10Background : string;
|
|
61
|
+
export const ColorLevelInverted15Background : string;
|
|
62
|
+
export const ColorLevelInverted20Background : string;
|
|
63
|
+
export const ColorLevelInverted30Background : string;
|
|
64
|
+
export const ColorLevelInverted40Background : string;
|
|
65
|
+
export const ColorLevelInverted00Background : string;
|
|
66
|
+
export const ColorLevelInverted05Background : string;
|
|
44
67
|
export const ColorContentHighBorder : string;
|
|
45
68
|
export const ColorContentHighText : string;
|
|
46
69
|
export const ColorContentHighIcon : string;
|
|
@@ -191,31 +214,43 @@ export const ShadowYAxisXl2 : string;
|
|
|
191
214
|
export const ShadowYAxis2xl : string;
|
|
192
215
|
export const ComponentsWpfComponents2 : string;
|
|
193
216
|
export const ComponentsButtonHighBorder : string;
|
|
194
|
-
export const ComponentsButtonHighBorderHover : string;
|
|
195
217
|
export const ComponentsButtonHighBackground : string;
|
|
218
|
+
export const ComponentsButtonHighBackgroundActive : string;
|
|
196
219
|
export const ComponentsButtonHighBackgroundHover : string;
|
|
220
|
+
export const ComponentsButtonHighBorderHover : string;
|
|
221
|
+
export const ComponentsButtonHighBorderActive : string;
|
|
197
222
|
export const ComponentsButtonHighText : string;
|
|
223
|
+
export const ComponentsButtonHighTextActive : string;
|
|
198
224
|
export const ComponentsButtonHighTextHover : string;
|
|
199
225
|
export const ComponentsButtonHighIcon : string;
|
|
226
|
+
export const ComponentsButtonHighIconActive : string;
|
|
200
227
|
export const ComponentsButtonHighIconHover : string;
|
|
201
228
|
export const ComponentsButtonLowBackground : string;
|
|
202
229
|
export const ComponentsButtonLowBorder : string;
|
|
230
|
+
export const ComponentsButtonLowBorderActive : string;
|
|
203
231
|
export const ComponentsButtonLowBorderHover : string;
|
|
232
|
+
export const ComponentsButtonLowBackgroundActive : string;
|
|
204
233
|
export const ComponentsButtonLowBackgroundHover : string;
|
|
205
|
-
export const ComponentsButtonLowText : string;
|
|
206
|
-
export const ComponentsButtonLowTextHover : string;
|
|
207
234
|
export const ComponentsButtonLowIcon : string;
|
|
235
|
+
export const ComponentsButtonLowIconActive : string;
|
|
208
236
|
export const ComponentsButtonLowIconHover : string;
|
|
209
|
-
export const
|
|
237
|
+
export const ComponentsButtonLowText : string;
|
|
238
|
+
export const ComponentsButtonLowTextActive : string;
|
|
239
|
+
export const ComponentsButtonLowTextHover : string;
|
|
210
240
|
export const ComponentsButtonLowerBorder : string;
|
|
241
|
+
export const ComponentsButtonLowerBorderActive : string;
|
|
211
242
|
export const ComponentsButtonLowerBorderHover : string;
|
|
212
243
|
export const ComponentsButtonLowerBorder2 : string;
|
|
213
244
|
export const ComponentsButtonLowerBorderHover2 : string;
|
|
245
|
+
export const ComponentsButtonLowerBackground : string;
|
|
246
|
+
export const ComponentsButtonLowerBackgroundActive : string;
|
|
214
247
|
export const ComponentsButtonLowerBackgroundHover : string;
|
|
215
|
-
export const ComponentsButtonLowerText : string;
|
|
216
|
-
export const ComponentsButtonLowerTextHover : string;
|
|
217
248
|
export const ComponentsButtonLowerIcon : string;
|
|
249
|
+
export const ComponentsButtonLowerIconActive : string;
|
|
218
250
|
export const ComponentsButtonLowerIconHover : string;
|
|
251
|
+
export const ComponentsButtonLowerText : string;
|
|
252
|
+
export const ComponentsButtonLowerTextActive : string;
|
|
253
|
+
export const ComponentsButtonLowerTextHover : string;
|
|
219
254
|
export const ComponentsButtonGrAsComplementaryBorder : string;
|
|
220
255
|
export const ComponentsButtonGrAsComplementaryBorderHover : string;
|
|
221
256
|
export const ComponentsButtonGrAsComplementaryBackground : string;
|
|
@@ -225,13 +260,17 @@ export const ComponentsButtonGrAsComplementaryTextHover : string;
|
|
|
225
260
|
export const ComponentsButtonGrAsComplementaryIcon : string;
|
|
226
261
|
export const ComponentsButtonGrAsComplementaryIconHover : string;
|
|
227
262
|
export const ComponentsButtonMediumBackground : string;
|
|
263
|
+
export const ComponentsButtonMediumBackgroundActive : string;
|
|
228
264
|
export const ComponentsButtonMediumBackgroundHover : string;
|
|
229
|
-
export const ComponentsButtonMediumText : string;
|
|
230
|
-
export const ComponentsButtonMediumTextHover : string;
|
|
231
|
-
export const ComponentsButtonMediumIcon : string;
|
|
232
|
-
export const ComponentsButtonMediumIconHover : string;
|
|
233
265
|
export const ComponentsButtonMediumBorder : string;
|
|
266
|
+
export const ComponentsButtonMediumBorderActive : string;
|
|
234
267
|
export const ComponentsButtonMediumBorderHover : string;
|
|
268
|
+
export const ComponentsButtonMediumIcon : string;
|
|
269
|
+
export const ComponentsButtonMediumIconActive : string;
|
|
270
|
+
export const ComponentsButtonMediumIconHover : string;
|
|
271
|
+
export const ComponentsButtonMediumText : string;
|
|
272
|
+
export const ComponentsButtonMediumTextActive : string;
|
|
273
|
+
export const ComponentsButtonMediumTextHover : string;
|
|
235
274
|
export const ComponentsFormOpacityDefault : string;
|
|
236
275
|
export const ComponentsFormOpacityDisabled : string;
|
|
237
276
|
export const ComponentsFormTextRequired : string;
|
|
@@ -330,6 +369,8 @@ export const ComponentsButtonDestructiveLowerIcon : string;
|
|
|
330
369
|
export const ComponentsButtonDestructiveLowerIconHover : string;
|
|
331
370
|
export const ComponentsButtonDestructiveLowerBorder : string;
|
|
332
371
|
export const ComponentsButtonDestructiveLowerBorderHover : string;
|
|
372
|
+
export const ComponentsOverlayOpacity : string;
|
|
373
|
+
export const ComponentsOverlayBackground : string;
|
|
333
374
|
export const ComponentsAlertInformationBackground : string;
|
|
334
375
|
export const ComponentsAlertInformationIcon : string;
|
|
335
376
|
export const ComponentsAlertInformationBorder : string;
|