@nova-design-system/nova-base 3.12.0 → 3.14.0-beta.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 (25) hide show
  1. package/assets/icons/icon-sprite.svg +1 -1
  2. package/dist/cjs/generated/nova-tailwind-tokens.js +60 -0
  3. package/dist/css/mccs.css +96 -47
  4. package/dist/css/nova-utils.css +80 -0
  5. package/dist/css/ocean.css +130 -81
  6. package/dist/css/spark.css +130 -81
  7. package/dist/generated/nova-tailwind-tokens.d.ts +60 -0
  8. package/dist/generated/nova-tailwind-tokens.js +60 -0
  9. package/dist/js/mccs_dark.d.ts +30 -6
  10. package/dist/js/mccs_dark.js +30 -6
  11. package/dist/js/mccs_light.d.ts +30 -6
  12. package/dist/js/mccs_light.js +30 -6
  13. package/dist/js/ocean_dark.d.ts +42 -18
  14. package/dist/js/ocean_dark.js +52 -28
  15. package/dist/js/ocean_light.d.ts +42 -18
  16. package/dist/js/ocean_light.js +42 -18
  17. package/dist/js/primitives.d.ts +0 -2
  18. package/dist/js/primitives.js +0 -2
  19. package/dist/js/spacings.d.ts +36 -33
  20. package/dist/js/spacings.js +36 -33
  21. package/dist/js/spark_dark.d.ts +42 -18
  22. package/dist/js/spark_dark.js +52 -28
  23. package/dist/js/spark_light.d.ts +42 -18
  24. package/dist/js/spark_light.js +42 -18
  25. package/package.json +1 -1
package/dist/js/ocean_dark.js CHANGED
@@ -95,16 +95,16 @@ export const ColorContentInvertedMediumText = "#27353b";
95
95
  export const ColorContentInvertedMediumIcon = "#27353b";
96
96
  export const ColorContentInvertedLowText = "#3f555e";
97
97
  export const ColorContentInvertedLowIcon = "#3f555e";
98
- export const ColorAccent50 = "#fceae3";
99
- export const ColorAccent100 = "#f8ccbc";
100
- export const ColorAccent200 = "#f4ae95";
101
- export const ColorAccent300 = "#ef906e";
102
- export const ColorAccent400 = "#eb7247";
103
- export const ColorAccent500 = "#e75420";
104
- export const ColorAccent600 = "#bf451a";
105
- export const ColorAccent700 = "#963715";
106
- export const ColorAccent800 = "#6e280f";
107
- export const ColorAccent900 = "#45190a";
98
+ export const ColorAccent50 = "#45190a";
99
+ export const ColorAccent100 = "#6e280f";
100
+ export const ColorAccent200 = "#963715";
101
+ export const ColorAccent300 = "#bf451a";
102
+ export const ColorAccent400 = "#e75420";
103
+ export const ColorAccent500 = "#eb7247";
104
+ export const ColorAccent600 = "#ef906e";
105
+ export const ColorAccent700 = "#f4ae95";
106
+ export const ColorAccent800 = "#f8ccbc";
107
+ export const ColorAccent900 = "#fceae3";
108
108
  export const ColorChart1 = "#f0801a";
109
109
  export const ColorChart2 = "#394d55";
110
110
  export const ColorChart3 = "#258998";
@@ -123,6 +123,11 @@ export const ColorFeedbackInformationLowBackground = "#001c37";
123
123
  export const ColorFeedbackInformationLowBorder = "#659fff";
124
124
  export const ColorFeedbackInformationLowIcon = "#659fff";
125
125
  export const ColorFeedbackInformationLowText = "#659fff";
126
+ export const ColorFeedbackInformationHighContrastBackground = "#659fff";
127
+ export const ColorFeedbackInformationHighContrastBorder = "#659fff";
128
+ export const ColorFeedbackInformationHighContrastIcon = "#000000";
129
+ export const ColorFeedbackInformationHighContrastText = "#001c37";
130
+ export const ColorFeedbackInformationHighContrastTitle = "#000000";
126
131
  export const ColorFeedbackErrorHighBackground = "#ff6161";
127
132
  export const ColorFeedbackErrorHighBorder = "#ff6161";
128
133
  export const ColorFeedbackErrorHighIcon = "#380101";
@@ -131,6 +136,11 @@ export const ColorFeedbackErrorLowBackground = "#380101";
131
136
  export const ColorFeedbackErrorLowBorder = "#ff6161";
132
137
  export const ColorFeedbackErrorLowIcon = "#ff6161";
133
138
  export const ColorFeedbackErrorLowText = "#ff6161";
139
+ export const ColorFeedbackErrorHighContrastBackground = "#ff6161";
140
+ export const ColorFeedbackErrorHighContrastBorder = "#ff6161";
141
+ export const ColorFeedbackErrorHighContrastIcon = "#000000";
142
+ export const ColorFeedbackErrorHighContrastText = "#380101";
143
+ export const ColorFeedbackErrorHighContrastTitle = "#000000";
134
144
  export const ColorFeedbackNeutralHighBackground = "#9fadb2";
135
145
  export const ColorFeedbackNeutralHighBorder = "#9fadb2";
136
146
  export const ColorFeedbackNeutralHighIcon = "#171f22";
@@ -139,6 +149,11 @@ export const ColorFeedbackNeutralLowBackground = "#171f22";
139
149
  export const ColorFeedbackNeutralLowBorder = "#9fadb2";
140
150
  export const ColorFeedbackNeutralLowIcon = "#9fadb2";
141
151
  export const ColorFeedbackNeutralLowText = "#9fadb2";
152
+ export const ColorFeedbackNeutralHighContrastBackground = "#9fadb2";
153
+ export const ColorFeedbackNeutralHighContrastBorder = "#9fadb2";
154
+ export const ColorFeedbackNeutralHighContrastIcon = "#000000";
155
+ export const ColorFeedbackNeutralHighContrastText = "#0b0f11";
156
+ export const ColorFeedbackNeutralHighContrastTitle = "#000000";
142
157
  export const ColorFeedbackWarningHighBackground = "#e0a917";
143
158
  export const ColorFeedbackWarningHighBorder = "#e0a917";
144
159
  export const ColorFeedbackWarningHighIcon = "#302300";
@@ -147,6 +162,11 @@ export const ColorFeedbackWarningLowBackground = "#302300";
147
162
  export const ColorFeedbackWarningLowBorder = "#e0a917";
148
163
  export const ColorFeedbackWarningLowIcon = "#e0a917";
149
164
  export const ColorFeedbackWarningLowText = "#e0a917";
165
+ export const ColorFeedbackWarningHighContrastBackground = "#e0a917";
166
+ export const ColorFeedbackWarningHighContrastBorder = "#e0a917";
167
+ export const ColorFeedbackWarningHighContrastIcon = "#000000";
168
+ export const ColorFeedbackWarningHighContrastText = "#302300";
169
+ export const ColorFeedbackWarningHighContrastTitle = "#000000";
150
170
  export const ColorFeedbackSuccessHighBackground = "#6bde71";
151
171
  export const ColorFeedbackSuccessHighBorder = "#6bde71";
152
172
  export const ColorFeedbackSuccessHighIcon = "#003603";
@@ -155,6 +175,11 @@ export const ColorFeedbackSuccessLowBackground = "#002302";
155
175
  export const ColorFeedbackSuccessLowBorder = "#45d24d";
156
176
  export const ColorFeedbackSuccessLowIcon = "#45d24d";
157
177
  export const ColorFeedbackSuccessLowText = "#45d24d";
178
+ export const ColorFeedbackSuccessHighContrastBackground = "#45d24d";
179
+ export const ColorFeedbackSuccessHighContrastBorder = "#45d24d";
180
+ export const ColorFeedbackSuccessHighContrastIcon = "#000000";
181
+ export const ColorFeedbackSuccessHighContrastText = "#002302";
182
+ export const ColorFeedbackSuccessHighContrastTitle = "#000000";
158
183
  export const ColorFocusBrand = "#258998";
159
184
  export const ColorFocusBackground = "#0b0f11";
160
185
  export const ColorFocusBackgroundInverted = "#ffffff";
@@ -262,8 +287,6 @@ export const ComponentsButtonLowTextHover = "#4b9eaa";
262
287
  export const ComponentsButtonLowerBorder = "#ffffff";
263
288
  export const ComponentsButtonLowerBorderActive = "#ffffff";
264
289
  export const ComponentsButtonLowerBorderHover = "#ffffff";
265
- export const ComponentsButtonLowerBorder2 = "#ffffff";
266
- export const ComponentsButtonLowerBorderHover2 = "#ffffff";
267
290
  export const ComponentsButtonLowerBackground = "#ffffff";
268
291
  export const ComponentsButtonLowerBackgroundActive = "#0b292e";
269
292
  export const ComponentsButtonLowerBackgroundHover = "#171f22";
@@ -293,18 +316,6 @@ export const ComponentsButtonMediumIconHover = "#4b9eaa";
293
316
  export const ComponentsButtonMediumText = "#258998";
294
317
  export const ComponentsButtonMediumTextActive = "#4b9eaa";
295
318
  export const ComponentsButtonMediumTextHover = "#4b9eaa";
296
- export const ComponentsDatagridHeaderText = "#ff0000";
297
- export const ComponentsDatagridHeaderBorder = "#617177";
298
- export const ComponentsDatagridHeaderBackground = "#ffffff";
299
- export const ComponentsDatagridBodyText = "#ff0000";
300
- export const ComponentsDatagridBodySubtext = "#00b4ff";
301
- export const ComponentsDatagridBodyBorder = "#394d55";
302
- export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
303
- export const ComponentsDatagridBodyBackgroundActive = "#0b292e";
304
- export const ComponentsDatagridBodyBackgroundHover = "#171f22";
305
- export const ComponentsDatagridExpanderContentBackground = "#0b0f11";
306
- export const ComponentsDatagridExpanderBorder = "#394d55";
307
- export const ComponentsDatagridExpanderExpanderBackground = "#171f22";
308
319
  export const ComponentsFormOpacityDefault = "100%";
309
320
  export const ComponentsFormOpacityDisabled = "50%";
310
321
  export const ComponentsFormTextRequired = "#ff6161";
@@ -470,6 +481,18 @@ export const ComponentsButtongroupLowBorder = "#258998";
470
481
  export const ComponentsButtongroupLowBackground = "#0b0f11";
471
482
  export const ComponentsButtongroupLowerBorder = "#889499";
472
483
  export const ComponentsButtongroupLowerBackground = "#0b0f11";
484
+ export const ComponentsDatagridHeaderBorder = "#617177";
485
+ export const ComponentsDatagridHeaderText = "#f5f6f7";
486
+ export const ComponentsDatagridHeaderBackground = "#ffffff";
487
+ export const ComponentsDatagridBodyBorder = "#394d55";
488
+ export const ComponentsDatagridBodyText = "#bac1c4";
489
+ export const ComponentsDatagridBodySubtext = "#889499";
490
+ export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
491
+ export const ComponentsDatagridBodyBackgroundActive = "#0b292e";
492
+ export const ComponentsDatagridBodyBackgroundHover = "#171f22";
493
+ export const ComponentsDatagridExpanderContentBackground = "#0b0f11";
494
+ export const ComponentsDatagridExpanderBorder = "#394d55";
495
+ export const ComponentsDatagridExpanderExpanderBackground = "#171f22";
473
496
  export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
474
497
  export const ComponentsFieldTimeBackgroundHover = "#171f22";
475
498
  export const ComponentsFieldTimeBackgroundActive = "#0b292e";
@@ -479,10 +502,6 @@ export const ComponentsFieldTimeTextActive = "#4b9eaa";
479
502
  export const ComponentsFieldTimeBorderActive = "#4b9eaa";
480
503
  export const ComponentsCalendarBorder = "#394d55";
481
504
  export const ComponentsCalendarHeaderText = "#f5f6f7";
482
- export const ComponentsCalendarWeeksBackground = "#171f22";
483
- export const ComponentsCalendarWeeksBackgroundHover = "#171f22";
484
- export const ComponentsCalendarWeeksText = "#f5f6f7";
485
- export const ComponentsCalendarWeeksTextHover = "#f5f6f7";
486
505
  export const ComponentsCalendarCellBackground = "#0b0f11";
487
506
  export const ComponentsCalendarCellBackgroundSelected = "#4b9eaa";
488
507
  export const ComponentsCalendarCellBackgroundInRange = "#0b292e";
@@ -497,6 +516,10 @@ export const ComponentsCalendarCellTextInRange = "#4b9eaa";
497
516
  export const ComponentsCalendarCellTextHover = "#bac1c4";
498
517
  export const ComponentsCalendarCellTextOutsideMonth = "#617177";
499
518
  export const ComponentsCalendarCellTextToday = "#f5f6f7";
519
+ export const ComponentsCalendarWeeksBackground = "#171f22";
520
+ export const ComponentsCalendarWeeksBackgroundHover = "#171f22";
521
+ export const ComponentsCalendarWeeksText = "#f5f6f7";
522
+ export const ComponentsCalendarWeeksTextHover = "#f5f6f7";
500
523
  export const ComponentsCalendarBackground = "#0b0f11";
501
524
  export const ComponentsMenuContextualBackground = "#0b0f11";
502
525
  export const ComponentsMenuContextualBorder = "#394d55";
@@ -510,6 +533,7 @@ export const ComponentsNotificationInformationBackground = "#222e33";
510
533
  export const ComponentsNotificationInformationIcon = "#659fff";
511
534
  export const ComponentsNotificationInformationBorder = "#659fff";
512
535
  export const ComponentsNotificationContentDescription = "#bac1c4";
536
+ export const ComponentsNotificationContentTimestamp = "#bac1c4";
513
537
  export const ComponentsNotificationContentTitle = "#f5f6f7";
514
538
  export const ComponentsNotificationWarningBackground = "#222e33";
515
539
  export const ComponentsNotificationWarningBorder = "#e0a917";
package/dist/js/ocean_light.d.ts CHANGED
@@ -123,6 +123,11 @@ export const ColorFeedbackInformationLowBackground : string;
123
123
  export const ColorFeedbackInformationLowBorder : string;
124
124
  export const ColorFeedbackInformationLowIcon : string;
125
125
  export const ColorFeedbackInformationLowText : string;
126
+ export const ColorFeedbackInformationHighContrastBackground : string;
127
+ export const ColorFeedbackInformationHighContrastBorder : string;
128
+ export const ColorFeedbackInformationHighContrastIcon : string;
129
+ export const ColorFeedbackInformationHighContrastText : string;
130
+ export const ColorFeedbackInformationHighContrastTitle : string;
126
131
  export const ColorFeedbackErrorHighBackground : string;
127
132
  export const ColorFeedbackErrorHighBorder : string;
128
133
  export const ColorFeedbackErrorHighIcon : string;
@@ -131,6 +136,11 @@ export const ColorFeedbackErrorLowBackground : string;
131
136
  export const ColorFeedbackErrorLowBorder : string;
132
137
  export const ColorFeedbackErrorLowIcon : string;
133
138
  export const ColorFeedbackErrorLowText : string;
139
+ export const ColorFeedbackErrorHighContrastBackground : string;
140
+ export const ColorFeedbackErrorHighContrastBorder : string;
141
+ export const ColorFeedbackErrorHighContrastIcon : string;
142
+ export const ColorFeedbackErrorHighContrastText : string;
143
+ export const ColorFeedbackErrorHighContrastTitle : string;
134
144
  export const ColorFeedbackNeutralHighBackground : string;
135
145
  export const ColorFeedbackNeutralHighBorder : string;
136
146
  export const ColorFeedbackNeutralHighIcon : string;
@@ -139,6 +149,11 @@ export const ColorFeedbackNeutralLowBackground : string;
139
149
  export const ColorFeedbackNeutralLowBorder : string;
140
150
  export const ColorFeedbackNeutralLowIcon : string;
141
151
  export const ColorFeedbackNeutralLowText : string;
152
+ export const ColorFeedbackNeutralHighContrastBackground : string;
153
+ export const ColorFeedbackNeutralHighContrastBorder : string;
154
+ export const ColorFeedbackNeutralHighContrastIcon : string;
155
+ export const ColorFeedbackNeutralHighContrastText : string;
156
+ export const ColorFeedbackNeutralHighContrastTitle : string;
142
157
  export const ColorFeedbackWarningHighBackground : string;
143
158
  export const ColorFeedbackWarningHighBorder : string;
144
159
  export const ColorFeedbackWarningHighIcon : string;
@@ -147,6 +162,11 @@ export const ColorFeedbackWarningLowBackground : string;
147
162
  export const ColorFeedbackWarningLowBorder : string;
148
163
  export const ColorFeedbackWarningLowIcon : string;
149
164
  export const ColorFeedbackWarningLowText : string;
165
+ export const ColorFeedbackWarningHighContrastBackground : string;
166
+ export const ColorFeedbackWarningHighContrastBorder : string;
167
+ export const ColorFeedbackWarningHighContrastIcon : string;
168
+ export const ColorFeedbackWarningHighContrastText : string;
169
+ export const ColorFeedbackWarningHighContrastTitle : string;
150
170
  export const ColorFeedbackSuccessHighBackground : string;
151
171
  export const ColorFeedbackSuccessHighBorder : string;
152
172
  export const ColorFeedbackSuccessHighIcon : string;
@@ -155,6 +175,11 @@ export const ColorFeedbackSuccessLowBackground : string;
155
175
  export const ColorFeedbackSuccessLowBorder : string;
156
176
  export const ColorFeedbackSuccessLowIcon : string;
157
177
  export const ColorFeedbackSuccessLowText : string;
178
+ export const ColorFeedbackSuccessHighContrastBackground : string;
179
+ export const ColorFeedbackSuccessHighContrastBorder : string;
180
+ export const ColorFeedbackSuccessHighContrastIcon : string;
181
+ export const ColorFeedbackSuccessHighContrastText : string;
182
+ export const ColorFeedbackSuccessHighContrastTitle : string;
158
183
  export const ColorFocusBrand : string;
159
184
  export const ColorFocusBackground : string;
160
185
  export const ColorFocusBackgroundInverted : string;
@@ -262,8 +287,6 @@ export const ComponentsButtonLowTextHover : string;
262
287
  export const ComponentsButtonLowerBorder : string;
263
288
  export const ComponentsButtonLowerBorderActive : string;
264
289
  export const ComponentsButtonLowerBorderHover : string;
265
- export const ComponentsButtonLowerBorder2 : string;
266
- export const ComponentsButtonLowerBorderHover2 : string;
267
290
  export const ComponentsButtonLowerBackground : string;
268
291
  export const ComponentsButtonLowerBackgroundActive : string;
269
292
  export const ComponentsButtonLowerBackgroundHover : string;
@@ -293,18 +316,6 @@ export const ComponentsButtonMediumIconHover : string;
293
316
  export const ComponentsButtonMediumText : string;
294
317
  export const ComponentsButtonMediumTextActive : string;
295
318
  export const ComponentsButtonMediumTextHover : string;
296
- export const ComponentsDatagridHeaderText : string;
297
- export const ComponentsDatagridHeaderBorder : string;
298
- export const ComponentsDatagridHeaderBackground : string;
299
- export const ComponentsDatagridBodyText : string;
300
- export const ComponentsDatagridBodySubtext : string;
301
- export const ComponentsDatagridBodyBorder : string;
302
- export const ComponentsDatagridBodyBackgroundDefault : string;
303
- export const ComponentsDatagridBodyBackgroundActive : string;
304
- export const ComponentsDatagridBodyBackgroundHover : string;
305
- export const ComponentsDatagridExpanderContentBackground : string;
306
- export const ComponentsDatagridExpanderBorder : string;
307
- export const ComponentsDatagridExpanderExpanderBackground : string;
308
319
  export const ComponentsFormOpacityDefault : string;
309
320
  export const ComponentsFormOpacityDisabled : string;
310
321
  export const ComponentsFormTextRequired : string;
@@ -470,6 +481,18 @@ export const ComponentsButtongroupLowBorder : string;
470
481
  export const ComponentsButtongroupLowBackground : string;
471
482
  export const ComponentsButtongroupLowerBorder : string;
472
483
  export const ComponentsButtongroupLowerBackground : string;
484
+ export const ComponentsDatagridHeaderBorder : string;
485
+ export const ComponentsDatagridHeaderText : string;
486
+ export const ComponentsDatagridHeaderBackground : string;
487
+ export const ComponentsDatagridBodyBorder : string;
488
+ export const ComponentsDatagridBodyText : string;
489
+ export const ComponentsDatagridBodySubtext : string;
490
+ export const ComponentsDatagridBodyBackgroundDefault : string;
491
+ export const ComponentsDatagridBodyBackgroundActive : string;
492
+ export const ComponentsDatagridBodyBackgroundHover : string;
493
+ export const ComponentsDatagridExpanderContentBackground : string;
494
+ export const ComponentsDatagridExpanderBorder : string;
495
+ export const ComponentsDatagridExpanderExpanderBackground : string;
473
496
  export const ComponentsFieldTimeBackgroundDefault : string;
474
497
  export const ComponentsFieldTimeBackgroundHover : string;
475
498
  export const ComponentsFieldTimeBackgroundActive : string;
@@ -479,10 +502,6 @@ export const ComponentsFieldTimeTextActive : string;
479
502
  export const ComponentsFieldTimeBorderActive : string;
480
503
  export const ComponentsCalendarBorder : string;
481
504
  export const ComponentsCalendarHeaderText : string;
482
- export const ComponentsCalendarWeeksBackground : string;
483
- export const ComponentsCalendarWeeksBackgroundHover : string;
484
- export const ComponentsCalendarWeeksText : string;
485
- export const ComponentsCalendarWeeksTextHover : string;
486
505
  export const ComponentsCalendarCellBackground : string;
487
506
  export const ComponentsCalendarCellBackgroundSelected : string;
488
507
  export const ComponentsCalendarCellBackgroundInRange : string;
@@ -497,6 +516,10 @@ export const ComponentsCalendarCellTextInRange : string;
497
516
  export const ComponentsCalendarCellTextHover : string;
498
517
  export const ComponentsCalendarCellTextOutsideMonth : string;
499
518
  export const ComponentsCalendarCellTextToday : string;
519
+ export const ComponentsCalendarWeeksBackground : string;
520
+ export const ComponentsCalendarWeeksBackgroundHover : string;
521
+ export const ComponentsCalendarWeeksText : string;
522
+ export const ComponentsCalendarWeeksTextHover : string;
500
523
  export const ComponentsCalendarBackground : string;
501
524
  export const ComponentsMenuContextualBackground : string;
502
525
  export const ComponentsMenuContextualBorder : string;
@@ -510,6 +533,7 @@ export const ComponentsNotificationInformationBackground : string;
510
533
  export const ComponentsNotificationInformationIcon : string;
511
534
  export const ComponentsNotificationInformationBorder : string;
512
535
  export const ComponentsNotificationContentDescription : string;
536
+ export const ComponentsNotificationContentTimestamp : string;
513
537
  export const ComponentsNotificationContentTitle : string;
514
538
  export const ComponentsNotificationWarningBackground : string;
515
539
  export const ComponentsNotificationWarningBorder : string;
package/dist/js/ocean_light.js CHANGED
@@ -123,6 +123,11 @@ export const ColorFeedbackInformationLowBackground = "#f0f6ff";
123
123
  export const ColorFeedbackInformationLowBorder = "#2660c2";
124
124
  export const ColorFeedbackInformationLowIcon = "#2660c2";
125
125
  export const ColorFeedbackInformationLowText = "#2660c2";
126
+ export const ColorFeedbackInformationHighContrastBackground = "#659fff";
127
+ export const ColorFeedbackInformationHighContrastBorder = "#659fff";
128
+ export const ColorFeedbackInformationHighContrastIcon = "#ffffff";
129
+ export const ColorFeedbackInformationHighContrastText = "#f0f6ff";
130
+ export const ColorFeedbackInformationHighContrastTitle = "#ffffff";
126
131
  export const ColorFeedbackErrorHighBackground = "#ff6161";
127
132
  export const ColorFeedbackErrorHighBorder = "#ff6161";
128
133
  export const ColorFeedbackErrorHighIcon = "#380101";
@@ -131,6 +136,11 @@ export const ColorFeedbackErrorLowBackground = "#ffeded";
131
136
  export const ColorFeedbackErrorLowBorder = "#bb1919";
132
137
  export const ColorFeedbackErrorLowIcon = "#bb1919";
133
138
  export const ColorFeedbackErrorLowText = "#bb1919";
139
+ export const ColorFeedbackErrorHighContrastBackground = "#bb1919";
140
+ export const ColorFeedbackErrorHighContrastBorder = "#bb1919";
141
+ export const ColorFeedbackErrorHighContrastIcon = "#ffffff";
142
+ export const ColorFeedbackErrorHighContrastText = "#ffeded";
143
+ export const ColorFeedbackErrorHighContrastTitle = "#ffffff";
134
144
  export const ColorFeedbackNeutralHighBackground = "#9fadb2";
135
145
  export const ColorFeedbackNeutralHighBorder = "#9fadb2";
136
146
  export const ColorFeedbackNeutralHighIcon = "#171f22";
@@ -139,6 +149,11 @@ export const ColorFeedbackNeutralLowBackground = "#f5f6f7";
139
149
  export const ColorFeedbackNeutralLowBorder = "#3f555e";
140
150
  export const ColorFeedbackNeutralLowIcon = "#3f555e";
141
151
  export const ColorFeedbackNeutralLowText = "#3f555e";
152
+ export const ColorFeedbackNeutralHighContrastBackground = "#3f555e";
153
+ export const ColorFeedbackNeutralHighContrastBorder = "#3f555e";
154
+ export const ColorFeedbackNeutralHighContrastIcon = "#ffffff";
155
+ export const ColorFeedbackNeutralHighContrastText = "#f5f6f7";
156
+ export const ColorFeedbackNeutralHighContrastTitle = "#ffffff";
142
157
  export const ColorFeedbackWarningHighBackground = "#e0a917";
143
158
  export const ColorFeedbackWarningHighBorder = "#e0a917";
144
159
  export const ColorFeedbackWarningHighIcon = "#302300";
@@ -147,6 +162,11 @@ export const ColorFeedbackWarningLowBackground = "#fff7df";
147
162
  export const ColorFeedbackWarningLowBorder = "#805c00";
148
163
  export const ColorFeedbackWarningLowIcon = "#805c00";
149
164
  export const ColorFeedbackWarningLowText = "#805c00";
165
+ export const ColorFeedbackWarningHighContrastBackground = "#805c00";
166
+ export const ColorFeedbackWarningHighContrastBorder = "#805c00";
167
+ export const ColorFeedbackWarningHighContrastIcon = "#ffffff";
168
+ export const ColorFeedbackWarningHighContrastText = "#fff7df";
169
+ export const ColorFeedbackWarningHighContrastTitle = "#ffffff";
150
170
  export const ColorFeedbackSuccessHighBackground = "#45d24d";
151
171
  export const ColorFeedbackSuccessHighBorder = "#45d24d";
152
172
  export const ColorFeedbackSuccessHighIcon = "#003603";
@@ -155,6 +175,11 @@ export const ColorFeedbackSuccessLowBackground = "#eafeeb";
155
175
  export const ColorFeedbackSuccessLowBorder = "#008207";
156
176
  export const ColorFeedbackSuccessLowIcon = "#008207";
157
177
  export const ColorFeedbackSuccessLowText = "#008207";
178
+ export const ColorFeedbackSuccessHighContrastBackground = "#008207";
179
+ export const ColorFeedbackSuccessHighContrastBorder = "#008207";
180
+ export const ColorFeedbackSuccessHighContrastIcon = "#ffffff";
181
+ export const ColorFeedbackSuccessHighContrastText = "#eafeeb";
182
+ export const ColorFeedbackSuccessHighContrastTitle = "#ffffff";
158
183
  export const ColorFocusBrand = "#1f717d";
159
184
  export const ColorFocusBackground = "#ffffff";
160
185
  export const ColorFocusBackgroundInverted = "#0b0f11";
@@ -262,8 +287,6 @@ export const ComponentsButtonLowTextHover = "#185963";
262
287
  export const ComponentsButtonLowerBorder = "#ffffff";
263
288
  export const ComponentsButtonLowerBorderActive = "#ffffff";
264
289
  export const ComponentsButtonLowerBorderHover = "#ffffff";
265
- export const ComponentsButtonLowerBorder2 = "#ffffff";
266
- export const ComponentsButtonLowerBorderHover2 = "#ffffff";
267
290
  export const ComponentsButtonLowerBackground = "#ffffff";
268
291
  export const ComponentsButtonLowerBackgroundActive = "#e4f0f2";
269
292
  export const ComponentsButtonLowerBackgroundHover = "#f5f6f7";
@@ -293,18 +316,6 @@ export const ComponentsButtonMediumIconHover = "#185963";
293
316
  export const ComponentsButtonMediumText = "#1f717d";
294
317
  export const ComponentsButtonMediumTextActive = "#185963";
295
318
  export const ComponentsButtonMediumTextHover = "#185963";
296
- export const ComponentsDatagridHeaderText = "#ff0000";
297
- export const ComponentsDatagridHeaderBorder = "#bac1c4";
298
- export const ComponentsDatagridHeaderBackground = "#ffffff";
299
- export const ComponentsDatagridBodyText = "#ff0000";
300
- export const ComponentsDatagridBodySubtext = "#0000ff";
301
- export const ComponentsDatagridBodyBorder = "#e1e4e6";
302
- export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
303
- export const ComponentsDatagridBodyBackgroundActive = "#e4f0f2";
304
- export const ComponentsDatagridBodyBackgroundHover = "#f5f6f7";
305
- export const ComponentsDatagridExpanderContentBackground = "#ffffff";
306
- export const ComponentsDatagridExpanderBorder = "#e1e4e6";
307
- export const ComponentsDatagridExpanderExpanderBackground = "#f5f6f7";
308
319
  export const ComponentsFormOpacityDefault = "100%";
309
320
  export const ComponentsFormOpacityDisabled = "50%";
310
321
  export const ComponentsFormTextRequired = "#bb1919";
@@ -470,6 +481,18 @@ export const ComponentsButtongroupLowBorder = "#1f717d";
470
481
  export const ComponentsButtongroupLowBackground = "#ffffff";
471
482
  export const ComponentsButtongroupLowerBorder = "#617177";
472
483
  export const ComponentsButtongroupLowerBackground = "#ffffff";
484
+ export const ComponentsDatagridHeaderBorder = "#bac1c4";
485
+ export const ComponentsDatagridHeaderText = "#171f22";
486
+ export const ComponentsDatagridHeaderBackground = "#ffffff";
487
+ export const ComponentsDatagridBodyBorder = "#e1e4e6";
488
+ export const ComponentsDatagridBodyText = "#34464d";
489
+ export const ComponentsDatagridBodySubtext = "#617177";
490
+ export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
491
+ export const ComponentsDatagridBodyBackgroundActive = "#e4f0f2";
492
+ export const ComponentsDatagridBodyBackgroundHover = "#f5f6f7";
493
+ export const ComponentsDatagridExpanderContentBackground = "#ffffff";
494
+ export const ComponentsDatagridExpanderBorder = "#e1e4e6";
495
+ export const ComponentsDatagridExpanderExpanderBackground = "#f5f6f7";
473
496
  export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
474
497
  export const ComponentsFieldTimeBackgroundHover = "#f5f6f7";
475
498
  export const ComponentsFieldTimeBackgroundActive = "#e4f0f2";
@@ -479,10 +502,6 @@ export const ComponentsFieldTimeTextActive = "#185963";
479
502
  export const ComponentsFieldTimeBorderActive = "#185963";
480
503
  export const ComponentsCalendarBorder = "#e1e4e6";
481
504
  export const ComponentsCalendarHeaderText = "#171f22";
482
- export const ComponentsCalendarWeeksBackground = "#f5f6f7";
483
- export const ComponentsCalendarWeeksBackgroundHover = "#eaeef0";
484
- export const ComponentsCalendarWeeksText = "#171f22";
485
- export const ComponentsCalendarWeeksTextHover = "#171f22";
486
505
  export const ComponentsCalendarCellBackground = "#ffffff";
487
506
  export const ComponentsCalendarCellBackgroundSelected = "#185963";
488
507
  export const ComponentsCalendarCellBackgroundInRange = "#e4f0f2";
@@ -497,6 +516,10 @@ export const ComponentsCalendarCellTextInRange = "#185963";
497
516
  export const ComponentsCalendarCellTextHover = "#34464d";
498
517
  export const ComponentsCalendarCellTextOutsideMonth = "#9fadb2";
499
518
  export const ComponentsCalendarCellTextToday = "#171f22";
519
+ export const ComponentsCalendarWeeksBackground = "#f5f6f7";
520
+ export const ComponentsCalendarWeeksBackgroundHover = "#eaeef0";
521
+ export const ComponentsCalendarWeeksText = "#171f22";
522
+ export const ComponentsCalendarWeeksTextHover = "#171f22";
500
523
  export const ComponentsCalendarBackground = "#ffffff";
501
524
  export const ComponentsMenuContextualBackground = "#ffffff";
502
525
  export const ComponentsMenuContextualBorder = "#e1e4e6";
@@ -510,6 +533,7 @@ export const ComponentsNotificationInformationBackground = "#ffffff";
510
533
  export const ComponentsNotificationInformationIcon = "#2660c2";
511
534
  export const ComponentsNotificationInformationBorder = "#2660c2";
512
535
  export const ComponentsNotificationContentDescription = "#34464d";
536
+ export const ComponentsNotificationContentTimestamp = "#34464d";
513
537
  export const ComponentsNotificationContentTitle = "#171f22";
514
538
  export const ComponentsNotificationWarningBackground = "#ffffff";
515
539
  export const ComponentsNotificationWarningBorder = "#805c00";
package/dist/js/primitives.d.ts CHANGED
@@ -267,8 +267,6 @@ export const Spacing05 : string;
267
267
  export const Spacing15 : string;
268
268
  export const Spacing25 : string;
269
269
  export const Spacing35 : string;
270
- export const Spacing07 : string;
271
- export const Spacing09 : string;
272
270
  export const LetterSpacingHeadingXs : string;
273
271
  export const LetterSpacingHeadingSm : string;
274
272
  export const LetterSpacingHeadingMd : string;
package/dist/js/primitives.js CHANGED
@@ -267,8 +267,6 @@ export const Spacing05 = "2.0000px";
267
267
  export const Spacing15 = "6.0000px";
268
268
  export const Spacing25 = "10.0000px";
269
269
  export const Spacing35 = "14.0000px";
270
- export const Spacing07 = "28.0000px";
271
- export const Spacing09 = "36.0000px";
272
270
  export const LetterSpacingHeadingXs = "0.0000px";
273
271
  export const LetterSpacingHeadingSm = "-0.2500px";
274
272
  export const LetterSpacingHeadingMd = "-0.5000px";
package/dist/js/spacings.d.ts CHANGED
@@ -91,11 +91,11 @@ export const IconStrokeSm : string;
91
91
  export const IconStrokeMd : string;
92
92
  export const IconStrokeLg : string;
93
93
  export const IconStrokeXl : string;
94
- export const IconXs : string;
95
- export const IconSm : string;
96
- export const IconMd : string;
97
- export const IconLg : string;
98
- export const IconXl : string;
94
+ export const IconSizeXs : string;
95
+ export const IconSizeSm : string;
96
+ export const IconSizeMd : string;
97
+ export const IconSizeLg : string;
98
+ export const IconSizeXl : string;
99
99
  export const ListNativeSeparatorPaddingX : string;
100
100
  export const ListNativeSeparatorPaddingY : string;
101
101
  export const ListNativeIconSize : string;
@@ -205,6 +205,34 @@ export const PopoverGapY : string;
205
205
  export const PopoverPaddingX : string;
206
206
  export const PopoverPaddingY : string;
207
207
  export const PopoverRadius : string;
208
+ export const TogglegroupXsPadding : string;
209
+ export const TogglegroupXsButtonPaddingY : string;
210
+ export const TogglegroupXsButtonRadius : string;
211
+ export const TogglegroupXsIconbuttonPaddingY : string;
212
+ export const TogglegroupXsRadius : string;
213
+ export const TogglegroupXsGap : string;
214
+ export const TogglegroupXsHeight : string;
215
+ export const TogglegroupSmPadding : string;
216
+ export const TogglegroupSmButtonPaddingY : string;
217
+ export const TogglegroupSmButtonRadius : string;
218
+ export const TogglegroupSmIconbuttonPaddingY : string;
219
+ export const TogglegroupSmRadius : string;
220
+ export const TogglegroupSmGap : string;
221
+ export const TogglegroupSmHeight : string;
222
+ export const TogglegroupMdPadding : string;
223
+ export const TogglegroupMdButtonPaddingY : string;
224
+ export const TogglegroupMdButtonRadius : string;
225
+ export const TogglegroupMdIconbuttonPaddingY : string;
226
+ export const TogglegroupMdRadius : string;
227
+ export const TogglegroupMdGap : string;
228
+ export const TogglegroupMdHeight : string;
229
+ export const TogglegroupLgPadding : string;
230
+ export const TogglegroupLgButtonPaddingY : string;
231
+ export const TogglegroupLgButtonRadius : string;
232
+ export const TogglegroupLgIconbuttonPaddingY : string;
233
+ export const TogglegroupLgRadius : string;
234
+ export const TogglegroupLgGap : string;
235
+ export const TogglegroupLgHeight : string;
208
236
  export const TooltipFontWeight : string;
209
237
  export const TooltipFontSize : string;
210
238
  export const TooltipPaddingX : string;
@@ -261,40 +289,13 @@ export const SliderHandlerStroke : string;
261
289
  export const SliderTrackHeight : string;
262
290
  export const SliderTrackPaddingX : string;
263
291
  export const SliderTrackRadius : string;
264
- export const TogglegroupXsPadding : string;
265
- export const TogglegroupXsButtonPaddingY : string;
266
- export const TogglegroupXsButtonRadius : string;
267
- export const TogglegroupXsIconbuttonPaddingY : string;
268
- export const TogglegroupXsRadius : string;
269
- export const TogglegroupXsGap : string;
270
- export const TogglegroupXsHeight : string;
271
- export const TogglegroupSmButtonPaddingY : string;
272
- export const TogglegroupSmButtonRadius : string;
273
- export const TogglegroupSmIconbuttonPaddingY : string;
274
- export const TogglegroupSmPadding : string;
275
- export const TogglegroupSmRadius : string;
276
- export const TogglegroupSmGap : string;
277
- export const TogglegroupSmHeight : string;
278
- export const TogglegroupLgPadding : string;
279
- export const TogglegroupLgButtonPaddingY : string;
280
- export const TogglegroupLgButtonRadius : string;
281
- export const TogglegroupLgIconbuttonPaddingY : string;
282
- export const TogglegroupLgRadius : string;
283
- export const TogglegroupLgGap : string;
284
- export const TogglegroupLgHeight : string;
285
- export const TogglegroupMdPadding : string;
286
- export const TogglegroupMdButtonPaddingY : string;
287
- export const TogglegroupMdButtonRadius : string;
288
- export const TogglegroupMdIconbuttonPaddingY : string;
289
- export const TogglegroupMdRadius : string;
290
- export const TogglegroupMdGap : string;
291
- export const TogglegroupMdHeight : string;
292
292
  export const AlertIconSize : string;
293
293
  export const AlertGapX : string;
294
294
  export const AlertIconPositionX : string;
295
295
  export const AlertIconPositionY : string;
296
296
  export const AlertGapY : string;
297
297
  export const AlertPadding : string;
298
+ export const AlertPaddingRight : string;
298
299
  export const AlertRadius : string;
299
300
  export const AlertHeadingFontSize : string;
300
301
  export const AlertHeadingFontWeight : string;
@@ -371,6 +372,8 @@ export const NotificationGapX : string;
371
372
  export const NotificationGapXTitle : string;
372
373
  export const NotificationGapY : string;
373
374
  export const NotificationPadding : string;
375
+ export const NotificationPaddingRight : string;
376
+ export const NotificationPaddingLeft : string;
374
377
  export const NotificationRadius : string;
375
378
  export const NotificationBorderWidthHighEmphasis : string;
376
379
  export const NotificationBorderWidthLowEmphasis : string;
package/dist/js/spacings.js CHANGED
@@ -91,11 +91,11 @@ export const IconStrokeSm = "1.4000px";
91
91
  export const IconStrokeMd = "1.6000px";
92
92
  export const IconStrokeLg = "1.8000px";
93
93
  export const IconStrokeXl = "1.9000px";
94
- export const IconXs = "12.0000px";
95
- export const IconSm = "16.0000px";
96
- export const IconMd = "20.0000px";
97
- export const IconLg = "24.0000px";
98
- export const IconXl = "28.0000px";
94
+ export const IconSizeXs = "12.0000px";
95
+ export const IconSizeSm = "16.0000px";
96
+ export const IconSizeMd = "20.0000px";
97
+ export const IconSizeLg = "24.0000px";
98
+ export const IconSizeXl = "28.0000px";
99
99
  export const ListNativeSeparatorPaddingX = "9.0000px";
100
100
  export const ListNativeSeparatorPaddingY = "3.0000px";
101
101
  export const ListNativeIconSize = "20.0000px";
@@ -205,6 +205,34 @@ export const PopoverGapY = "4.0000px";
205
205
  export const PopoverPaddingX = "8.0000px";
206
206
  export const PopoverPaddingY = "8.0000px";
207
207
  export const PopoverRadius = "6.0000px";
208
+ export const TogglegroupXsPadding = "3.0000px";
209
+ export const TogglegroupXsButtonPaddingY = "1.0000px";
210
+ export const TogglegroupXsButtonRadius = "1.0000px";
211
+ export const TogglegroupXsIconbuttonPaddingY = "3.0000px";
212
+ export const TogglegroupXsRadius = "2.0000px";
213
+ export const TogglegroupXsGap = "2.0000px";
214
+ export const TogglegroupXsHeight = "24.0000px";
215
+ export const TogglegroupSmPadding = "3.0000px";
216
+ export const TogglegroupSmButtonPaddingY = "3.0000px";
217
+ export const TogglegroupSmButtonRadius = "2.0000px";
218
+ export const TogglegroupSmIconbuttonPaddingY = "5.0000px";
219
+ export const TogglegroupSmRadius = "4.0000px";
220
+ export const TogglegroupSmGap = "2.0000px";
221
+ export const TogglegroupSmHeight = "32.0000px";
222
+ export const TogglegroupMdPadding = "3.0000px";
223
+ export const TogglegroupMdButtonPaddingY = "5.0000px";
224
+ export const TogglegroupMdButtonRadius = "3.0000px";
225
+ export const TogglegroupMdIconbuttonPaddingY = "7.0000px";
226
+ export const TogglegroupMdRadius = "6.0000px";
227
+ export const TogglegroupMdGap = "2.0000px";
228
+ export const TogglegroupMdHeight = "40.0000px";
229
+ export const TogglegroupLgPadding = "3.0000px";
230
+ export const TogglegroupLgButtonPaddingY = "7.0000px";
231
+ export const TogglegroupLgButtonRadius = "5.0000px";
232
+ export const TogglegroupLgIconbuttonPaddingY = "9.0000px";
233
+ export const TogglegroupLgRadius = "8.0000px";
234
+ export const TogglegroupLgGap = "2.0000px";
235
+ export const TogglegroupLgHeight = "48.0000px";
208
236
  export const TooltipFontWeight = "500";
209
237
  export const TooltipFontSize = "14.0000px";
210
238
  export const TooltipPaddingX = "12.0000px";
@@ -261,40 +289,13 @@ export const SliderHandlerStroke = "2.0000px";
261
289
  export const SliderTrackHeight = "4.0000px";
262
290
  export const SliderTrackPaddingX = "12.0000px";
263
291
  export const SliderTrackRadius = "2.0000px";
264
- export const TogglegroupXsPadding = "3.0000px";
265
- export const TogglegroupXsButtonPaddingY = "1.0000px";
266
- export const TogglegroupXsButtonRadius = "1.0000px";
267
- export const TogglegroupXsIconbuttonPaddingY = "3.0000px";
268
- export const TogglegroupXsRadius = "2.0000px";
269
- export const TogglegroupXsGap = "2.0000px";
270
- export const TogglegroupXsHeight = "24.0000px";
271
- export const TogglegroupSmButtonPaddingY = "3.0000px";
272
- export const TogglegroupSmButtonRadius = "2.0000px";
273
- export const TogglegroupSmIconbuttonPaddingY = "5.0000px";
274
- export const TogglegroupSmPadding = "3.0000px";
275
- export const TogglegroupSmRadius = "4.0000px";
276
- export const TogglegroupSmGap = "2.0000px";
277
- export const TogglegroupSmHeight = "32.0000px";
278
- export const TogglegroupLgPadding = "3.0000px";
279
- export const TogglegroupLgButtonPaddingY = "7.0000px";
280
- export const TogglegroupLgButtonRadius = "5.0000px";
281
- export const TogglegroupLgIconbuttonPaddingY = "9.0000px";
282
- export const TogglegroupLgRadius = "8.0000px";
283
- export const TogglegroupLgGap = "2.0000px";
284
- export const TogglegroupLgHeight = "48.0000px";
285
- export const TogglegroupMdPadding = "3.0000px";
286
- export const TogglegroupMdButtonPaddingY = "5.0000px";
287
- export const TogglegroupMdButtonRadius = "3.0000px";
288
- export const TogglegroupMdIconbuttonPaddingY = "7.0000px";
289
- export const TogglegroupMdRadius = "6.0000px";
290
- export const TogglegroupMdGap = "2.0000px";
291
- export const TogglegroupMdHeight = "40.0000px";
292
292
  export const AlertIconSize = "20.0000px";
293
293
  export const AlertGapX = "12.0000px";
294
294
  export const AlertIconPositionX = "16.0000px";
295
295
  export const AlertIconPositionY = "16.0000px";
296
296
  export const AlertGapY = "4.0000px";
297
297
  export const AlertPadding = "16.0000px";
298
+ export const AlertPaddingRight = "32.0000px";
298
299
  export const AlertRadius = "8.0000px";
299
300
  export const AlertHeadingFontSize = "14.0000px";
300
301
  export const AlertHeadingFontWeight = "500";
@@ -371,6 +372,8 @@ export const NotificationGapX = "12.0000px";
371
372
  export const NotificationGapXTitle = "8.0000px";
372
373
  export const NotificationGapY = "4.0000px";
373
374
  export const NotificationPadding = "16.0000px";
375
+ export const NotificationPaddingRight = "24.0000px";
376
+ export const NotificationPaddingLeft = "24.0000px";
374
377
  export const NotificationRadius = "8.0000px";
375
378
  export const NotificationBorderWidthHighEmphasis = "8.0000px";
376
379
  export const NotificationBorderWidthLowEmphasis = "1.0000px";