@nova-design-system/nova-base 3.0.0 → 3.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/assets/icons/icon-sprite.svg +1 -1
  2. package/dist/cjs/generated/nova-tailwind-tokens.js +36 -0
  3. package/dist/cjs/plugin/nova-plugin.js +188 -2
  4. package/dist/css/mccs.css +56 -27
  5. package/dist/css/nova-utils.css +8361 -8313
  6. package/dist/css/ocean.css +121 -92
  7. package/dist/css/spark.css +122 -93
  8. package/dist/generated/nova-tailwind-tokens.d.ts +36 -0
  9. package/dist/generated/nova-tailwind-tokens.js +36 -0
  10. package/dist/js/mccs_dark.d.ts +23 -10
  11. package/dist/js/mccs_dark.js +28 -15
  12. package/dist/js/mccs_light.d.ts +23 -10
  13. package/dist/js/mccs_light.js +30 -17
  14. package/dist/js/ocean_dark.d.ts +23 -10
  15. package/dist/js/ocean_dark.js +90 -77
  16. package/dist/js/ocean_light.d.ts +23 -10
  17. package/dist/js/ocean_light.js +95 -82
  18. package/dist/js/primitives.js +3 -3
  19. package/dist/js/spacings.d.ts +3 -0
  20. package/dist/js/spacings.js +3 -0
  21. package/dist/js/spark_dark.d.ts +23 -10
  22. package/dist/js/spark_dark.js +90 -77
  23. package/dist/js/spark_light.d.ts +23 -10
  24. package/dist/js/spark_light.js +97 -84
  25. package/dist/plugin/nova-plugin.js +224 -2
  26. package/package.json +1 -1
package/dist/js/ocean_light.d.ts CHANGED
@@ -38,18 +38,30 @@ export const ColorInteractionContainerNeutralIconHover : string;
38
38
  export const ColorInteractionContainerNeutralText : string;
39
39
  export const ColorInteractionContainerNeutralTextActive : string;
40
40
  export const ColorInteractionContainerNeutralTextHover : string;
41
- export const ColorInteractionLinkHighText : string;
42
- export const ColorInteractionLinkHighTextHover : string;
43
41
  export const ColorInteractionLinkHighIcon : string;
44
42
  export const ColorInteractionLinkHighIconHover : string;
45
- export const ColorInteractionLinkLowText : string;
46
- export const ColorInteractionLinkLowTextHover : string;
43
+ export const ColorInteractionLinkHighIconInactive : string;
44
+ export const ColorInteractionLinkHighIconVisited : string;
45
+ export const ColorInteractionLinkHighText : string;
46
+ export const ColorInteractionLinkHighTextHover : string;
47
+ export const ColorInteractionLinkHighTextInactive : string;
48
+ export const ColorInteractionLinkHighTextVisited : string;
47
49
  export const ColorInteractionLinkLowIcon : string;
48
50
  export const ColorInteractionLinkLowIconHover : string;
49
- export const ColorInteractionLinkInvertedText : string;
50
- export const ColorInteractionLinkInvertedTextHover : string;
51
+ export const ColorInteractionLinkLowIconInactive : string;
52
+ export const ColorInteractionLinkLowIconVisited : string;
53
+ export const ColorInteractionLinkLowText : string;
54
+ export const ColorInteractionLinkLowTextHover : string;
55
+ export const ColorInteractionLinkLowTextInactive : string;
56
+ export const ColorInteractionLinkLowTextVisited : string;
51
57
  export const ColorInteractionLinkInvertedIcon : string;
52
58
  export const ColorInteractionLinkInvertedIconHover : string;
59
+ export const ColorInteractionLinkInvertedIconInactive : string;
60
+ export const ColorInteractionLinkInvertedIconVisited : string;
61
+ export const ColorInteractionLinkInvertedText : string;
62
+ export const ColorInteractionLinkInvertedTextHover : string;
63
+ export const ColorInteractionLinkInvertedTextInactive : string;
64
+ export const ColorInteractionLinkInvertedTextVisited : string;
53
65
  export const ColorBlack : string;
54
66
  export const ColorWhite : string;
55
67
  export const ColorTransparent : string;
@@ -147,6 +159,7 @@ export const ColorFocusBrand : string;
147
159
  export const ColorFocusBackground : string;
148
160
  export const ColorFocusBackgroundInverted : string;
149
161
  export const ColorFocusDestructive : string;
162
+ export const ColorFocusDestructiveInField : string;
150
163
  export const ColorFocusSuccess : string;
151
164
  export const ColorRainbow1Background : string;
152
165
  export const ColorRainbow1Border : string;
@@ -455,10 +468,6 @@ export const ComponentsFieldTimeTextActive : string;
455
468
  export const ComponentsFieldTimeBorderActive : string;
456
469
  export const ComponentsCalendarBorder : string;
457
470
  export const ComponentsCalendarHeaderText : string;
458
- export const ComponentsCalendarWeeksBackground : string;
459
- export const ComponentsCalendarWeeksBackgroundHover : string;
460
- export const ComponentsCalendarWeeksText : string;
461
- export const ComponentsCalendarWeeksTextHover : string;
462
471
  export const ComponentsCalendarCellBackground : string;
463
472
  export const ComponentsCalendarCellBackgroundSelected : string;
464
473
  export const ComponentsCalendarCellBackgroundInRange : string;
@@ -473,6 +482,10 @@ export const ComponentsCalendarCellTextInRange : string;
473
482
  export const ComponentsCalendarCellTextHover : string;
474
483
  export const ComponentsCalendarCellTextOutsideMonth : string;
475
484
  export const ComponentsCalendarCellTextToday : string;
485
+ export const ComponentsCalendarWeeksBackground : string;
486
+ export const ComponentsCalendarWeeksBackgroundHover : string;
487
+ export const ComponentsCalendarWeeksText : string;
488
+ export const ComponentsCalendarWeeksTextHover : string;
476
489
  export const ComponentsCalendarBackground : string;
477
490
  export const ComponentsMenuContextualBackground : string;
478
491
  export const ComponentsMenuContextualBorder : string;
package/dist/js/ocean_light.js CHANGED
@@ -38,18 +38,30 @@ export const ColorInteractionContainerNeutralIconHover = "#34464d";
38
38
  export const ColorInteractionContainerNeutralText = "#617177";
39
39
  export const ColorInteractionContainerNeutralTextActive = "#185963";
40
40
  export const ColorInteractionContainerNeutralTextHover = "#34464d";
41
- export const ColorInteractionLinkHighText = "#1f717d";
42
- export const ColorInteractionLinkHighTextHover = "#185963";
43
41
  export const ColorInteractionLinkHighIcon = "#1f717d";
44
42
  export const ColorInteractionLinkHighIconHover = "#185963";
45
- export const ColorInteractionLinkLowText = "#171f22";
46
- export const ColorInteractionLinkLowTextHover = "#1f717d";
43
+ export const ColorInteractionLinkHighIconInactive = "#617177";
44
+ export const ColorInteractionLinkHighIconVisited = "#124148";
45
+ export const ColorInteractionLinkHighText = "#1f717d";
46
+ export const ColorInteractionLinkHighTextHover = "#185963";
47
+ export const ColorInteractionLinkHighTextInactive = "#617177";
48
+ export const ColorInteractionLinkHighTextVisited = "#124148";
47
49
  export const ColorInteractionLinkLowIcon = "#171f22";
48
50
  export const ColorInteractionLinkLowIconHover = "#1f717d";
49
- export const ColorInteractionLinkInvertedText = "#889499";
50
- export const ColorInteractionLinkInvertedTextHover = "#1f717d";
51
+ export const ColorInteractionLinkLowIconInactive = "#617177";
52
+ export const ColorInteractionLinkLowIconVisited = "#4b9eaa";
53
+ export const ColorInteractionLinkLowText = "#171f22";
54
+ export const ColorInteractionLinkLowTextHover = "#1f717d";
55
+ export const ColorInteractionLinkLowTextInactive = "#617177";
56
+ export const ColorInteractionLinkLowTextVisited = "#4b9eaa";
51
57
  export const ColorInteractionLinkInvertedIcon = "#889499";
52
- export const ColorInteractionLinkInvertedIconHover = "#1f717d";
58
+ export const ColorInteractionLinkInvertedIconHover = "#258998";
59
+ export const ColorInteractionLinkInvertedIconInactive = "#617177";
60
+ export const ColorInteractionLinkInvertedIconVisited = "#185963";
61
+ export const ColorInteractionLinkInvertedText = "#889499";
62
+ export const ColorInteractionLinkInvertedTextHover = "#258998";
63
+ export const ColorInteractionLinkInvertedTextInactive = "#617177";
64
+ export const ColorInteractionLinkInvertedTextVisited = "#185963";
53
65
  export const ColorBlack = "#000000";
54
66
  export const ColorWhite = "#ffffff";
55
67
  export const ColorTransparent = "#ffffff";
@@ -103,55 +115,56 @@ export const ColorChart7 = "#ffc100";
103
115
  export const ColorChart8 = "#e75420";
104
116
  export const ColorChart9 = "#447583";
105
117
  export const ColorChart10 = "#990035";
106
- export const ColorFeedbackInformationHighBackground = "#3883ff";
107
- export const ColorFeedbackInformationHighBorder = "#3883ff";
108
- export const ColorFeedbackInformationHighIcon = "#ffffff";
109
- export const ColorFeedbackInformationHighText = "#ffffff";
118
+ export const ColorFeedbackInformationHighBackground = "#659fff";
119
+ export const ColorFeedbackInformationHighBorder = "#659fff";
120
+ export const ColorFeedbackInformationHighIcon = "#09285c";
121
+ export const ColorFeedbackInformationHighText = "#09285c";
110
122
  export const ColorFeedbackInformationLowBackground = "#f0f6ff";
111
123
  export const ColorFeedbackInformationLowBorder = "#2660c2";
112
124
  export const ColorFeedbackInformationLowIcon = "#2660c2";
113
125
  export const ColorFeedbackInformationLowText = "#2660c2";
114
- export const ColorFeedbackErrorHighBackground = "#da2424";
115
- export const ColorFeedbackErrorHighBorder = "#da2424";
116
- export const ColorFeedbackErrorHighIcon = "#ffffff";
117
- export const ColorFeedbackErrorHighText = "#ffffff";
126
+ export const ColorFeedbackErrorHighBackground = "#ff6161";
127
+ export const ColorFeedbackErrorHighBorder = "#ff6161";
128
+ export const ColorFeedbackErrorHighIcon = "#380101";
129
+ export const ColorFeedbackErrorHighText = "#380101";
118
130
  export const ColorFeedbackErrorLowBackground = "#ffeded";
119
- export const ColorFeedbackErrorLowBorder = "#da2424";
120
- export const ColorFeedbackErrorLowIcon = "#da2424";
121
- export const ColorFeedbackErrorLowText = "#da2424";
122
- export const ColorFeedbackNeutralHighBackground = "#617177";
123
- export const ColorFeedbackNeutralHighBorder = "#617177";
124
- export const ColorFeedbackNeutralHighIcon = "#ffffff";
125
- export const ColorFeedbackNeutralHighText = "#ffffff";
126
- export const ColorFeedbackNeutralLowBackground = "#eaeef0";
127
- export const ColorFeedbackNeutralLowBorder = "#617177";
128
- export const ColorFeedbackNeutralLowIcon = "#617177";
129
- export const ColorFeedbackNeutralLowText = "#617177";
130
- export const ColorFeedbackWarningHighBackground = "#fac50d";
131
- export const ColorFeedbackWarningHighBorder = "#fac50d";
132
- export const ColorFeedbackWarningHighIcon = "#ffffff";
133
- export const ColorFeedbackWarningHighText = "#ffffff";
131
+ export const ColorFeedbackErrorLowBorder = "#bb1919";
132
+ export const ColorFeedbackErrorLowIcon = "#bb1919";
133
+ export const ColorFeedbackErrorLowText = "#bb1919";
134
+ export const ColorFeedbackNeutralHighBackground = "#9fadb2";
135
+ export const ColorFeedbackNeutralHighBorder = "#9fadb2";
136
+ export const ColorFeedbackNeutralHighIcon = "#171f22";
137
+ export const ColorFeedbackNeutralHighText = "#171f22";
138
+ export const ColorFeedbackNeutralLowBackground = "#f5f6f7";
139
+ export const ColorFeedbackNeutralLowBorder = "#3f555e";
140
+ export const ColorFeedbackNeutralLowIcon = "#3f555e";
141
+ export const ColorFeedbackNeutralLowText = "#3f555e";
142
+ export const ColorFeedbackWarningHighBackground = "#e0a917";
143
+ export const ColorFeedbackWarningHighBorder = "#e0a917";
144
+ export const ColorFeedbackWarningHighIcon = "#302300";
145
+ export const ColorFeedbackWarningHighText = "#302300";
134
146
  export const ColorFeedbackWarningLowBackground = "#fff7df";
135
- export const ColorFeedbackWarningLowBorder = "#e0a917";
136
- export const ColorFeedbackWarningLowIcon = "#e0a917";
137
- export const ColorFeedbackWarningLowText = "#e0a917";
147
+ export const ColorFeedbackWarningLowBorder = "#805c00";
148
+ export const ColorFeedbackWarningLowIcon = "#805c00";
149
+ export const ColorFeedbackWarningLowText = "#805c00";
138
150
  export const ColorFeedbackSuccessHighBackground = "#45d24d";
139
151
  export const ColorFeedbackSuccessHighBorder = "#45d24d";
140
- export const ColorFeedbackSuccessHighIcon = "#ffffff";
141
- export const ColorFeedbackSuccessHighText = "#ffffff";
152
+ export const ColorFeedbackSuccessHighIcon = "#003603";
153
+ export const ColorFeedbackSuccessHighText = "#003603";
142
154
  export const ColorFeedbackSuccessLowBackground = "#eafeeb";
143
- export const ColorFeedbackSuccessLowBorder = "#34ae3b";
144
- export const ColorFeedbackSuccessLowIcon = "#34ae3b";
145
- export const ColorFeedbackSuccessLowText = "#34ae3b";
155
+ export const ColorFeedbackSuccessLowBorder = "#008207";
156
+ export const ColorFeedbackSuccessLowIcon = "#008207";
157
+ export const ColorFeedbackSuccessLowText = "#008207";
146
158
  export const ColorFocusBrand = "#1f717d";
147
159
  export const ColorFocusBackground = "#ffffff";
148
160
  export const ColorFocusBackgroundInverted = "#0b0f11";
149
- export const ColorFocusDestructive = "#da2424";
150
- export const ColorFocusSuccess = "#34ae3b";
161
+ export const ColorFocusDestructive = "#ff6161";
162
+ export const ColorFocusDestructiveInField = "#bb1919";
163
+ export const ColorFocusSuccess = "#008207";
151
164
  export const ColorRainbow1Background = "#fdefe2";
152
- export const ColorRainbow1Border = "#c66a15";
153
- export const ColorRainbow1Icon = "#c66a15";
154
- export const ColorRainbow1Text = "#c66a15";
165
+ export const ColorRainbow1Border = "#9c5311";
166
+ export const ColorRainbow1Icon = "#9c5311";
167
+ export const ColorRainbow1Text = "#9c5311";
155
168
  export const ColorRainbow2Background = "#fceae3";
156
169
  export const ColorRainbow2Border = "#963715";
157
170
  export const ColorRainbow2Icon = "#963715";
@@ -164,11 +177,11 @@ export const ColorRainbow4Background = "#f9e3e3";
164
177
  export const ColorRainbow4Border = "#cc1d1d";
165
178
  export const ColorRainbow4Icon = "#cc1d1d";
166
179
  export const ColorRainbow4Text = "#cc1d1d";
167
- export const ColorRainbow5Background = "#d2e5e3";
180
+ export const ColorRainbow5Background = "#ecf4f3";
168
181
  export const ColorRainbow5Border = "#32504c";
169
182
  export const ColorRainbow5Icon = "#32504c";
170
183
  export const ColorRainbow5Text = "#32504c";
171
- export const ColorRainbow6Background = "#f2dfe6";
184
+ export const ColorRainbow6Background = "#f7e9ee";
172
185
  export const ColorRainbow6Border = "#ab2d58";
173
186
  export const ColorRainbow6Icon = "#ab2d58";
174
187
  export const ColorRainbow6Text = "#ab2d58";
@@ -282,46 +295,46 @@ export const ComponentsButtonGrAsComplementaryIcon = "#000000";
282
295
  export const ComponentsButtonGrAsComplementaryIconHover = "#000000";
283
296
  export const ComponentsFormOpacityDefault = "100%";
284
297
  export const ComponentsFormOpacityDisabled = "50%";
285
- export const ComponentsFormTextRequired = "#da2424";
298
+ export const ComponentsFormTextRequired = "#bb1919";
286
299
  export const ComponentsFormTextInfoIcon = "#617177";
287
300
  export const ComponentsFormTextLabelDefault = "#171f22";
288
301
  export const ComponentsFormTextLabelDisabled = "#34464d";
289
302
  export const ComponentsFormTextDescriptionDefault = "#617177";
290
- export const ComponentsFormTextDescriptionError = "#da2424";
303
+ export const ComponentsFormTextDescriptionError = "#bb1919";
291
304
  export const ComponentsFormFieldBackgroundDefault = "#ffffff";
292
305
  export const ComponentsFormFieldBackgroundFocus = "#ffffff";
293
306
  export const ComponentsFormFieldBackgroundHover = "#fafbfb";
294
307
  export const ComponentsFormFieldBackgroundDisabled = "#f5f6f7";
295
308
  export const ComponentsFormFieldBackgroundChecked = "#1f717d";
296
- export const ComponentsFormFieldBackgroundError = "#da2424";
309
+ export const ComponentsFormFieldBackgroundError = "#ff6161";
297
310
  export const ComponentsFormFieldBackgroundReadonly = "#fafbfb";
298
311
  export const ComponentsFormFieldBorderDefault = "#bac1c4";
299
312
  export const ComponentsFormFieldBorderDisabled = "#bac1c4";
300
313
  export const ComponentsFormFieldBorderHover = "#889499";
301
314
  export const ComponentsFormFieldBorderFocus = "#1f717d";
302
- export const ComponentsFormFieldBorderError = "#da2424";
303
- export const ComponentsFormFieldBorderSuccess = "#34ae3b";
315
+ export const ComponentsFormFieldBorderError = "#bb1919";
316
+ export const ComponentsFormFieldBorderSuccess = "#008207";
304
317
  export const ComponentsFormFieldBorderReadonly = "#e1e4e6";
305
318
  export const ComponentsFormFieldContentPlaceholder = "#617177";
306
319
  export const ComponentsFormFieldContentText = "#171f22";
307
320
  export const ComponentsFormFieldIconDefault = "#617177";
308
321
  export const ComponentsFormFieldIconDisabled = "#bac1c4";
309
- export const ComponentsFormFieldIconError = "#da2424";
310
- export const ComponentsFormFieldIconSuccess = "#34ae3b";
322
+ export const ComponentsFormFieldIconError = "#bb1919";
323
+ export const ComponentsFormFieldIconSuccess = "#008207";
311
324
  export const ComponentsFormShapeBackgroundDefault = "#eaeef0";
312
325
  export const ComponentsFormShapeBackgroundHover = "#e1e4e6";
313
326
  export const ComponentsFormShapeBackgroundDisabled = "#eaeef0";
314
327
  export const ComponentsFormShapeBackgroundSelected = "#1f717d";
315
- export const ComponentsFormShapeBackgroundError = "#da2424";
328
+ export const ComponentsFormShapeBackgroundError = "#ff6161";
316
329
  export const ComponentsFormShapeBorderDefault = "#bac1c4";
317
330
  export const ComponentsFormShapeBorderHover = "#889499";
318
331
  export const ComponentsFormShapeBorderFocus = "#1f717d";
319
- export const ComponentsFormShapeBorderError = "#da2424";
320
- export const ComponentsFormShapeBorderSuccess = "#34ae3b";
332
+ export const ComponentsFormShapeBorderError = "#bb1919";
333
+ export const ComponentsFormShapeBorderSuccess = "#008207";
321
334
  export const ComponentsFormShapeForegroundDefault = "#ffffff";
322
335
  export const ComponentsFormShapeForegroundSwitchDot = "#bac1c4";
323
336
  export const ComponentsFormShapeForegroundDisabled = "#bac1c4";
324
- export const ComponentsFormShapeForegroundDisabledError = "#da2424";
337
+ export const ComponentsFormShapeForegroundDisabledError = "#ff6161";
325
338
  export const ComponentsListNativeBackground = "#565558";
326
339
  export const ComponentsListNativeItemTitleContent = "#ffffff";
327
340
  export const ComponentsListNativeSeparator = "#838086";
@@ -393,17 +406,17 @@ export const ComponentsAlertInformationBorder = "#2660c2";
393
406
  export const ComponentsAlertContentDescription = "#34464d";
394
407
  export const ComponentsAlertContentTitle = "#171f22";
395
408
  export const ComponentsAlertWarningBackground = "#fff7df";
396
- export const ComponentsAlertWarningBorder = "#e0a917";
397
- export const ComponentsAlertWarningIcon = "#e0a917";
409
+ export const ComponentsAlertWarningBorder = "#805c00";
410
+ export const ComponentsAlertWarningIcon = "#805c00";
398
411
  export const ComponentsAlertErrorBackground = "#ffeded";
399
- export const ComponentsAlertErrorBorder = "#da2424";
400
- export const ComponentsAlertErrorIcon = "#da2424";
412
+ export const ComponentsAlertErrorBorder = "#bb1919";
413
+ export const ComponentsAlertErrorIcon = "#bb1919";
401
414
  export const ComponentsAlertSuccessBackground = "#eafeeb";
402
- export const ComponentsAlertSuccessBorder = "#34ae3b";
403
- export const ComponentsAlertSuccessIcon = "#34ae3b";
404
- export const ComponentsAlertNeutralBackground = "#eaeef0";
405
- export const ComponentsAlertNeutralBorder = "#617177";
406
- export const ComponentsAlertNeutralIcon = "#617177";
415
+ export const ComponentsAlertSuccessBorder = "#008207";
416
+ export const ComponentsAlertSuccessIcon = "#008207";
417
+ export const ComponentsAlertNeutralBackground = "#f5f6f7";
418
+ export const ComponentsAlertNeutralBorder = "#3f555e";
419
+ export const ComponentsAlertNeutralIcon = "#3f555e";
407
420
  export const ComponentsDatagridHeaderBorder = "#bac1c4";
408
421
  export const ComponentsDatagridHeaderText = "#617177";
409
422
  export const ComponentsDatagridHeaderBackground = "#ffffff";
@@ -417,13 +430,13 @@ export const ComponentsAvatarBackground1 = "#fdefe2";
417
430
  export const ComponentsAvatarBackground2 = "#fceae3";
418
431
  export const ComponentsAvatarBackground3 = "#ffecb3";
419
432
  export const ComponentsAvatarBackground4 = "#f9e3e3";
420
- export const ComponentsAvatarBackground5 = "#d2e5e3";
421
- export const ComponentsAvatarBackground6 = "#f2dfe6";
433
+ export const ComponentsAvatarBackground5 = "#ecf4f3";
434
+ export const ComponentsAvatarBackground6 = "#f7e9ee";
422
435
  export const ComponentsAvatarBackground7 = "#e2f0e2";
423
436
  export const ComponentsAvatarBackground8 = "#e4f0f2";
424
437
  export const ComponentsAvatarBackground9 = "#f1f4e5";
425
438
  export const ComponentsAvatarBackground10 = "#eaeef0";
426
- export const ComponentsAvatarBorder1 = "#c66a15";
439
+ export const ComponentsAvatarBorder1 = "#9c5311";
427
440
  export const ComponentsAvatarBorder2 = "#963715";
428
441
  export const ComponentsAvatarBorder3 = "#795c00";
429
442
  export const ComponentsAvatarBorder4 = "#cc1d1d";
@@ -433,7 +446,7 @@ export const ComponentsAvatarBorder7 = "#106f15";
433
446
  export const ComponentsAvatarBorder8 = "#1f717d";
434
447
  export const ComponentsAvatarBorder9 = "#5c6e1f";
435
448
  export const ComponentsAvatarBorder10 = "#394d55";
436
- export const ComponentsAvatarContent1 = "#c66a15";
449
+ export const ComponentsAvatarContent1 = "#9c5311";
437
450
  export const ComponentsAvatarContent2 = "#963715";
438
451
  export const ComponentsAvatarContent3 = "#795c00";
439
452
  export const ComponentsAvatarContent4 = "#cc1d1d";
@@ -455,10 +468,6 @@ export const ComponentsFieldTimeTextActive = "#185963";
455
468
  export const ComponentsFieldTimeBorderActive = "#185963";
456
469
  export const ComponentsCalendarBorder = "#e1e4e6";
457
470
  export const ComponentsCalendarHeaderText = "#171f22";
458
- export const ComponentsCalendarWeeksBackground = "#f5f6f7";
459
- export const ComponentsCalendarWeeksBackgroundHover = "#eaeef0";
460
- export const ComponentsCalendarWeeksText = "#171f22";
461
- export const ComponentsCalendarWeeksTextHover = "#171f22";
462
471
  export const ComponentsCalendarCellBackground = "#ffffff";
463
472
  export const ComponentsCalendarCellBackgroundSelected = "#185963";
464
473
  export const ComponentsCalendarCellBackgroundInRange = "#e4f0f2";
@@ -472,7 +481,11 @@ export const ComponentsCalendarCellTextSelected = "#ffffff";
472
481
  export const ComponentsCalendarCellTextInRange = "#185963";
473
482
  export const ComponentsCalendarCellTextHover = "#34464d";
474
483
  export const ComponentsCalendarCellTextOutsideMonth = "#9fadb2";
475
- export const ComponentsCalendarCellTextToday = "#185963";
484
+ export const ComponentsCalendarCellTextToday = "#171f22";
485
+ export const ComponentsCalendarWeeksBackground = "#f5f6f7";
486
+ export const ComponentsCalendarWeeksBackgroundHover = "#eaeef0";
487
+ export const ComponentsCalendarWeeksText = "#171f22";
488
+ export const ComponentsCalendarWeeksTextHover = "#171f22";
476
489
  export const ComponentsCalendarBackground = "#ffffff";
477
490
  export const ComponentsMenuContextualBackground = "#ffffff";
478
491
  export const ComponentsMenuContextualBorder = "#e1e4e6";
@@ -488,17 +501,17 @@ export const ComponentsNotificationInformationBorder = "#2660c2";
488
501
  export const ComponentsNotificationContentDescription = "#34464d";
489
502
  export const ComponentsNotificationContentTitle = "#171f22";
490
503
  export const ComponentsNotificationWarningBackground = "#ffffff";
491
- export const ComponentsNotificationWarningBorder = "#e0a917";
492
- export const ComponentsNotificationWarningIcon = "#e0a917";
504
+ export const ComponentsNotificationWarningBorder = "#805c00";
505
+ export const ComponentsNotificationWarningIcon = "#805c00";
493
506
  export const ComponentsNotificationErrorBackground = "#ffffff";
494
- export const ComponentsNotificationErrorBorder = "#da2424";
495
- export const ComponentsNotificationErrorIcon = "#da2424";
507
+ export const ComponentsNotificationErrorBorder = "#bb1919";
508
+ export const ComponentsNotificationErrorIcon = "#bb1919";
496
509
  export const ComponentsNotificationSuccessBackground = "#ffffff";
497
- export const ComponentsNotificationSuccessBorder = "#34ae3b";
498
- export const ComponentsNotificationSuccessIcon = "#34ae3b";
510
+ export const ComponentsNotificationSuccessBorder = "#008207";
511
+ export const ComponentsNotificationSuccessIcon = "#008207";
499
512
  export const ComponentsNotificationNeutralBackground = "#ffffff";
500
- export const ComponentsNotificationNeutralBorder = "#617177";
501
- export const ComponentsNotificationNeutralIcon = "#617177";
513
+ export const ComponentsNotificationNeutralBorder = "#3f555e";
514
+ export const ComponentsNotificationNeutralIcon = "#3f555e";
502
515
  export const ComponentsPopoverBackground = "#ffffff";
503
516
  export const ComponentsPopoverBorder = "#e1e4e6";
504
517
  export const ComponentsPopoverText = "#34464d";
package/dist/js/primitives.js CHANGED
@@ -13,8 +13,8 @@ export const ColorAmber500 = "#f0801a";
13
13
  export const ColorAmber600 = "#c66a15";
14
14
  export const ColorAmber700 = "#9c5311";
15
15
  export const ColorAmber800 = "#723d0c";
16
- export const ColorAmber900 = "#482608";
17
- export const ColorCrimson50 = "#f2dfe6";
16
+ export const ColorAmber900 = "#432306";
17
+ export const ColorCrimson50 = "#f7e9ee";
18
18
  export const ColorCrimson100 = "#e0b3c2";
19
19
  export const ColorCrimson200 = "#cf869f";
20
20
  export const ColorCrimson300 = "#bd597c";
@@ -169,7 +169,7 @@ export const ColorTurquoise500 = "#6aa9a0";
169
169
  export const ColorTurquoise600 = "#578b84";
170
170
  export const ColorTurquoise700 = "#456e68";
171
171
  export const ColorTurquoise800 = "#32504c";
172
- export const ColorTurquoise900 = "#203330";
172
+ export const ColorTurquoise900 = "#1c2b28";
173
173
  export const ColorYellow50 = "#fff7df";
174
174
  export const ColorYellow100 = "#ffecb3";
175
175
  export const ColorYellow200 = "#ffe286";
package/dist/js/spacings.d.ts CHANGED
@@ -110,6 +110,7 @@ export const FormFieldLeadingTrailingLineHeight : string;
110
110
  export const FormFieldInnerButtonPaddingXExt : string;
111
111
  export const FormFieldInnerButtonPaddingXInt : string;
112
112
  export const FormFieldInnerButtonPaddingY : string;
113
+ export const FormMaxWidth : string;
113
114
  export const FormGapX : string;
114
115
  export const FormGapY : string;
115
116
  export const FormDescriptionFontSize : string;
@@ -245,7 +246,9 @@ export const AvatarXlFontSize : string;
245
246
  export const AvatarXlIconSize : string;
246
247
  export const AvatarXlSize : string;
247
248
  export const BadgeGapX : string;
249
+ export const BadgeGapIconOnlyX : string;
248
250
  export const BadgePaddingX : string;
251
+ export const BadgePaddingIconOnlyX : string;
249
252
  export const BadgePaddingY : string;
250
253
  export const BadgeRadius : string;
251
254
  export const BreadcrumbPaddingY : string;
package/dist/js/spacings.js CHANGED
@@ -110,6 +110,7 @@ export const FormFieldLeadingTrailingLineHeight = "24px";
110
110
  export const FormFieldInnerButtonPaddingXExt = "10px";
111
111
  export const FormFieldInnerButtonPaddingXInt = "6px";
112
112
  export const FormFieldInnerButtonPaddingY = "10px";
113
+ export const FormMaxWidth = "480px";
113
114
  export const FormGapX = "12px";
114
115
  export const FormGapY = "4px";
115
116
  export const FormDescriptionFontSize = "14px";
@@ -245,7 +246,9 @@ export const AvatarXlFontSize = "32px";
245
246
  export const AvatarXlIconSize = "44px";
246
247
  export const AvatarXlSize = "64px";
247
248
  export const BadgeGapX = "4px";
249
+ export const BadgeGapIconOnlyX = "0px";
248
250
  export const BadgePaddingX = "8px";
251
+ export const BadgePaddingIconOnlyX = "4px";
249
252
  export const BadgePaddingY = "4px";
250
253
  export const BadgeRadius = "9999px";
251
254
  export const BreadcrumbPaddingY = "4px";
package/dist/js/spark_dark.d.ts CHANGED
@@ -38,18 +38,30 @@ export const ColorInteractionContainerNeutralIconHover : string;
38
38
  export const ColorInteractionContainerNeutralText : string;
39
39
  export const ColorInteractionContainerNeutralTextActive : string;
40
40
  export const ColorInteractionContainerNeutralTextHover : string;
41
- export const ColorInteractionLinkHighText : string;
42
- export const ColorInteractionLinkHighTextHover : string;
43
41
  export const ColorInteractionLinkHighIcon : string;
44
42
  export const ColorInteractionLinkHighIconHover : string;
45
- export const ColorInteractionLinkLowText : string;
46
- export const ColorInteractionLinkLowTextHover : string;
43
+ export const ColorInteractionLinkHighIconInactive : string;
44
+ export const ColorInteractionLinkHighIconVisited : string;
45
+ export const ColorInteractionLinkHighText : string;
46
+ export const ColorInteractionLinkHighTextHover : string;
47
+ export const ColorInteractionLinkHighTextInactive : string;
48
+ export const ColorInteractionLinkHighTextVisited : string;
47
49
  export const ColorInteractionLinkLowIcon : string;
48
50
  export const ColorInteractionLinkLowIconHover : string;
49
- export const ColorInteractionLinkInvertedText : string;
50
- export const ColorInteractionLinkInvertedTextHover : string;
51
+ export const ColorInteractionLinkLowIconInactive : string;
52
+ export const ColorInteractionLinkLowIconVisited : string;
53
+ export const ColorInteractionLinkLowText : string;
54
+ export const ColorInteractionLinkLowTextHover : string;
55
+ export const ColorInteractionLinkLowTextInactive : string;
56
+ export const ColorInteractionLinkLowTextVisited : string;
51
57
  export const ColorInteractionLinkInvertedIcon : string;
52
58
  export const ColorInteractionLinkInvertedIconHover : string;
59
+ export const ColorInteractionLinkInvertedIconInactive : string;
60
+ export const ColorInteractionLinkInvertedIconVisited : string;
61
+ export const ColorInteractionLinkInvertedText : string;
62
+ export const ColorInteractionLinkInvertedTextHover : string;
63
+ export const ColorInteractionLinkInvertedTextInactive : string;
64
+ export const ColorInteractionLinkInvertedTextVisited : string;
53
65
  export const ColorBlack : string;
54
66
  export const ColorWhite : string;
55
67
  export const ColorTransparent : string;
@@ -147,6 +159,7 @@ export const ColorFocusBrand : string;
147
159
  export const ColorFocusBackground : string;
148
160
  export const ColorFocusBackgroundInverted : string;
149
161
  export const ColorFocusDestructive : string;
162
+ export const ColorFocusDestructiveInField : string;
150
163
  export const ColorFocusSuccess : string;
151
164
  export const ColorRainbow1Background : string;
152
165
  export const ColorRainbow1Border : string;
@@ -455,10 +468,6 @@ export const ComponentsFieldTimeTextActive : string;
455
468
  export const ComponentsFieldTimeBorderActive : string;
456
469
  export const ComponentsCalendarBorder : string;
457
470
  export const ComponentsCalendarHeaderText : string;
458
- export const ComponentsCalendarWeeksBackground : string;
459
- export const ComponentsCalendarWeeksBackgroundHover : string;
460
- export const ComponentsCalendarWeeksText : string;
461
- export const ComponentsCalendarWeeksTextHover : string;
462
471
  export const ComponentsCalendarCellBackground : string;
463
472
  export const ComponentsCalendarCellBackgroundSelected : string;
464
473
  export const ComponentsCalendarCellBackgroundInRange : string;
@@ -473,6 +482,10 @@ export const ComponentsCalendarCellTextInRange : string;
473
482
  export const ComponentsCalendarCellTextHover : string;
474
483
  export const ComponentsCalendarCellTextOutsideMonth : string;
475
484
  export const ComponentsCalendarCellTextToday : string;
485
+ export const ComponentsCalendarWeeksBackground : string;
486
+ export const ComponentsCalendarWeeksBackgroundHover : string;
487
+ export const ComponentsCalendarWeeksText : string;
488
+ export const ComponentsCalendarWeeksTextHover : string;
476
489
  export const ComponentsCalendarBackground : string;
477
490
  export const ComponentsMenuContextualBackground : string;
478
491
  export const ComponentsMenuContextualBorder : string;