@nova-design-system/nova-base 3.11.0 → 3.13.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 (28) hide show
  1. package/assets/icons/icon-sprite.svg +1 -1
  2. package/dist/cjs/generated/nova-tailwind-components.js +10 -20
  3. package/dist/cjs/generated/nova-tailwind-tokens.js +60 -0
  4. package/dist/css/mccs.css +96 -43
  5. package/dist/css/nova-utils.css +80 -10
  6. package/dist/css/ocean.css +106 -53
  7. package/dist/css/spark.css +106 -53
  8. package/dist/generated/nova-tailwind-components.d.ts +0 -10
  9. package/dist/generated/nova-tailwind-components.js +10 -20
  10. package/dist/generated/nova-tailwind-tokens.d.ts +60 -0
  11. package/dist/generated/nova-tailwind-tokens.js +60 -0
  12. package/dist/js/mccs_dark.d.ts +30 -4
  13. package/dist/js/mccs_dark.js +30 -4
  14. package/dist/js/mccs_light.d.ts +30 -4
  15. package/dist/js/mccs_light.js +30 -4
  16. package/dist/js/ocean_dark.d.ts +30 -4
  17. package/dist/js/ocean_dark.js +40 -14
  18. package/dist/js/ocean_light.d.ts +30 -4
  19. package/dist/js/ocean_light.js +30 -4
  20. package/dist/js/primitives.d.ts +0 -2
  21. package/dist/js/primitives.js +0 -2
  22. package/dist/js/spacings.d.ts +36 -33
  23. package/dist/js/spacings.js +36 -33
  24. package/dist/js/spark_dark.d.ts +30 -4
  25. package/dist/js/spark_dark.js +40 -14
  26. package/dist/js/spark_light.d.ts +30 -4
  27. package/dist/js/spark_light.js +30 -4
  28. package/package.json +1 -1
package/dist/js/mccs_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 = "#3883ff";
127
+ export const ColorFeedbackInformationHighContrastBorder = "#3883ff";
128
+ export const ColorFeedbackInformationHighContrastIcon = "#ffffff";
129
+ export const ColorFeedbackInformationHighContrastText = "#ffffff";
130
+ export const ColorFeedbackInformationHighContrastTitle = "#ffffff";
126
131
  export const ColorFeedbackErrorHighBackground = "#da2424";
127
132
  export const ColorFeedbackErrorHighBorder = "#da2424";
128
133
  export const ColorFeedbackErrorHighIcon = "#ffffff";
@@ -131,6 +136,11 @@ export const ColorFeedbackErrorLowBackground = "#ffeded";
131
136
  export const ColorFeedbackErrorLowBorder = "#da2424";
132
137
  export const ColorFeedbackErrorLowIcon = "#da2424";
133
138
  export const ColorFeedbackErrorLowText = "#da2424";
139
+ export const ColorFeedbackErrorHighContrastBackground = "#da2424";
140
+ export const ColorFeedbackErrorHighContrastBorder = "#da2424";
141
+ export const ColorFeedbackErrorHighContrastIcon = "#ffffff";
142
+ export const ColorFeedbackErrorHighContrastText = "#ffffff";
143
+ export const ColorFeedbackErrorHighContrastTitle = "#ffffff";
134
144
  export const ColorFeedbackNeutralHighBackground = "#617177";
135
145
  export const ColorFeedbackNeutralHighBorder = "#617177";
136
146
  export const ColorFeedbackNeutralHighIcon = "#ffffff";
@@ -139,6 +149,11 @@ export const ColorFeedbackNeutralLowBackground = "#f5f6f7";
139
149
  export const ColorFeedbackNeutralLowBorder = "#617177";
140
150
  export const ColorFeedbackNeutralLowIcon = "#617177";
141
151
  export const ColorFeedbackNeutralLowText = "#617177";
152
+ export const ColorFeedbackNeutralHighContrastBackground = "#617177";
153
+ export const ColorFeedbackNeutralHighContrastBorder = "#617177";
154
+ export const ColorFeedbackNeutralHighContrastIcon = "#ffffff";
155
+ export const ColorFeedbackNeutralHighContrastText = "#ffffff";
156
+ export const ColorFeedbackNeutralHighContrastTitle = "#ffffff";
142
157
  export const ColorFeedbackWarningHighBackground = "#fac50d";
143
158
  export const ColorFeedbackWarningHighBorder = "#fac50d";
144
159
  export const ColorFeedbackWarningHighIcon = "#ffffff";
@@ -147,6 +162,11 @@ export const ColorFeedbackWarningLowBackground = "#fff7df";
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 = "#ffffff";
168
+ export const ColorFeedbackWarningHighContrastText = "#ffffff";
169
+ export const ColorFeedbackWarningHighContrastTitle = "#ffffff";
150
170
  export const ColorFeedbackSuccessHighBackground = "#45d24d";
151
171
  export const ColorFeedbackSuccessHighBorder = "#45d24d";
152
172
  export const ColorFeedbackSuccessHighIcon = "#ffffff";
@@ -155,6 +175,11 @@ export const ColorFeedbackSuccessLowBackground = "#eafeeb";
155
175
  export const ColorFeedbackSuccessLowBorder = "#34ae3b";
156
176
  export const ColorFeedbackSuccessLowIcon = "#34ae3b";
157
177
  export const ColorFeedbackSuccessLowText = "#34ae3b";
178
+ export const ColorFeedbackSuccessHighContrastBackground = "#34ae3b";
179
+ export const ColorFeedbackSuccessHighContrastBorder = "#34ae3b";
180
+ export const ColorFeedbackSuccessHighContrastIcon = "#ffffff";
181
+ export const ColorFeedbackSuccessHighContrastText = "#ffffff";
182
+ export const ColorFeedbackSuccessHighContrastTitle = "#ffffff";
158
183
  export const ColorFocusBrand = "#258998";
159
184
  export const ColorFocusBackground = "#ffffff";
160
185
  export const ColorFocusBackgroundInverted = "#0b0f11";
@@ -479,10 +504,6 @@ export const ComponentsFieldTimeTextActive = "#185963";
479
504
  export const ComponentsFieldTimeBorderActive = "#185963";
480
505
  export const ComponentsCalendarBorder = "#e1e4e6";
481
506
  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
507
  export const ComponentsCalendarCellBackground = "#ffffff";
487
508
  export const ComponentsCalendarCellBackgroundSelected = "#258998";
488
509
  export const ComponentsCalendarCellBackgroundInRange = "#0b0f11";
@@ -497,6 +518,10 @@ export const ComponentsCalendarCellTextInRange = "#185963";
497
518
  export const ComponentsCalendarCellTextHover = "#34464d";
498
519
  export const ComponentsCalendarCellTextOutsideMonth = "#9fadb2";
499
520
  export const ComponentsCalendarCellTextToday = "#171f22";
521
+ export const ComponentsCalendarWeeksBackground = "#f5f6f7";
522
+ export const ComponentsCalendarWeeksBackgroundHover = "#eaeef0";
523
+ export const ComponentsCalendarWeeksText = "#171f22";
524
+ export const ComponentsCalendarWeeksTextHover = "#171f22";
500
525
  export const ComponentsCalendarBackground = "#ffffff";
501
526
  export const ComponentsMenuContextualBackground = "#ffffff";
502
527
  export const ComponentsMenuContextualBorder = "#e1e4e6";
@@ -510,6 +535,7 @@ export const ComponentsNotificationInformationBackground = "#ffffff";
510
535
  export const ComponentsNotificationInformationIcon = "#2660c2";
511
536
  export const ComponentsNotificationInformationBorder = "#2660c2";
512
537
  export const ComponentsNotificationContentDescription = "#34464d";
538
+ export const ComponentsNotificationContentTimestamp = "#34464d";
513
539
  export const ComponentsNotificationContentTitle = "#171f22";
514
540
  export const ComponentsNotificationWarningBackground = "#ffffff";
515
541
  export const ComponentsNotificationWarningBorder = "#e0a917";
package/dist/js/ocean_dark.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;
@@ -479,10 +504,6 @@ export const ComponentsFieldTimeTextActive : string;
479
504
  export const ComponentsFieldTimeBorderActive : string;
480
505
  export const ComponentsCalendarBorder : string;
481
506
  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
507
  export const ComponentsCalendarCellBackground : string;
487
508
  export const ComponentsCalendarCellBackgroundSelected : string;
488
509
  export const ComponentsCalendarCellBackgroundInRange : string;
@@ -497,6 +518,10 @@ export const ComponentsCalendarCellTextInRange : string;
497
518
  export const ComponentsCalendarCellTextHover : string;
498
519
  export const ComponentsCalendarCellTextOutsideMonth : string;
499
520
  export const ComponentsCalendarCellTextToday : string;
521
+ export const ComponentsCalendarWeeksBackground : string;
522
+ export const ComponentsCalendarWeeksBackgroundHover : string;
523
+ export const ComponentsCalendarWeeksText : string;
524
+ export const ComponentsCalendarWeeksTextHover : string;
500
525
  export const ComponentsCalendarBackground : string;
501
526
  export const ComponentsMenuContextualBackground : string;
502
527
  export const ComponentsMenuContextualBorder : string;
@@ -510,6 +535,7 @@ export const ComponentsNotificationInformationBackground : string;
510
535
  export const ComponentsNotificationInformationIcon : string;
511
536
  export const ComponentsNotificationInformationBorder : string;
512
537
  export const ComponentsNotificationContentDescription : string;
538
+ export const ComponentsNotificationContentTimestamp : string;
513
539
  export const ComponentsNotificationContentTitle : string;
514
540
  export const ComponentsNotificationWarningBackground : string;
515
541
  export const ComponentsNotificationWarningBorder : string;
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";
@@ -479,10 +504,6 @@ export const ComponentsFieldTimeTextActive = "#4b9eaa";
479
504
  export const ComponentsFieldTimeBorderActive = "#4b9eaa";
480
505
  export const ComponentsCalendarBorder = "#394d55";
481
506
  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
507
  export const ComponentsCalendarCellBackground = "#0b0f11";
487
508
  export const ComponentsCalendarCellBackgroundSelected = "#4b9eaa";
488
509
  export const ComponentsCalendarCellBackgroundInRange = "#0b292e";
@@ -497,6 +518,10 @@ export const ComponentsCalendarCellTextInRange = "#4b9eaa";
497
518
  export const ComponentsCalendarCellTextHover = "#bac1c4";
498
519
  export const ComponentsCalendarCellTextOutsideMonth = "#617177";
499
520
  export const ComponentsCalendarCellTextToday = "#f5f6f7";
521
+ export const ComponentsCalendarWeeksBackground = "#171f22";
522
+ export const ComponentsCalendarWeeksBackgroundHover = "#171f22";
523
+ export const ComponentsCalendarWeeksText = "#f5f6f7";
524
+ export const ComponentsCalendarWeeksTextHover = "#f5f6f7";
500
525
  export const ComponentsCalendarBackground = "#0b0f11";
501
526
  export const ComponentsMenuContextualBackground = "#0b0f11";
502
527
  export const ComponentsMenuContextualBorder = "#394d55";
@@ -510,6 +535,7 @@ export const ComponentsNotificationInformationBackground = "#222e33";
510
535
  export const ComponentsNotificationInformationIcon = "#659fff";
511
536
  export const ComponentsNotificationInformationBorder = "#659fff";
512
537
  export const ComponentsNotificationContentDescription = "#bac1c4";
538
+ export const ComponentsNotificationContentTimestamp = "#bac1c4";
513
539
  export const ComponentsNotificationContentTitle = "#f5f6f7";
514
540
  export const ComponentsNotificationWarningBackground = "#222e33";
515
541
  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;
@@ -479,10 +504,6 @@ export const ComponentsFieldTimeTextActive : string;
479
504
  export const ComponentsFieldTimeBorderActive : string;
480
505
  export const ComponentsCalendarBorder : string;
481
506
  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
507
  export const ComponentsCalendarCellBackground : string;
487
508
  export const ComponentsCalendarCellBackgroundSelected : string;
488
509
  export const ComponentsCalendarCellBackgroundInRange : string;
@@ -497,6 +518,10 @@ export const ComponentsCalendarCellTextInRange : string;
497
518
  export const ComponentsCalendarCellTextHover : string;
498
519
  export const ComponentsCalendarCellTextOutsideMonth : string;
499
520
  export const ComponentsCalendarCellTextToday : string;
521
+ export const ComponentsCalendarWeeksBackground : string;
522
+ export const ComponentsCalendarWeeksBackgroundHover : string;
523
+ export const ComponentsCalendarWeeksText : string;
524
+ export const ComponentsCalendarWeeksTextHover : string;
500
525
  export const ComponentsCalendarBackground : string;
501
526
  export const ComponentsMenuContextualBackground : string;
502
527
  export const ComponentsMenuContextualBorder : string;
@@ -510,6 +535,7 @@ export const ComponentsNotificationInformationBackground : string;
510
535
  export const ComponentsNotificationInformationIcon : string;
511
536
  export const ComponentsNotificationInformationBorder : string;
512
537
  export const ComponentsNotificationContentDescription : string;
538
+ export const ComponentsNotificationContentTimestamp : string;
513
539
  export const ComponentsNotificationContentTitle : string;
514
540
  export const ComponentsNotificationWarningBackground : string;
515
541
  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";
@@ -479,10 +504,6 @@ export const ComponentsFieldTimeTextActive = "#185963";
479
504
  export const ComponentsFieldTimeBorderActive = "#185963";
480
505
  export const ComponentsCalendarBorder = "#e1e4e6";
481
506
  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
507
  export const ComponentsCalendarCellBackground = "#ffffff";
487
508
  export const ComponentsCalendarCellBackgroundSelected = "#185963";
488
509
  export const ComponentsCalendarCellBackgroundInRange = "#e4f0f2";
@@ -497,6 +518,10 @@ export const ComponentsCalendarCellTextInRange = "#185963";
497
518
  export const ComponentsCalendarCellTextHover = "#34464d";
498
519
  export const ComponentsCalendarCellTextOutsideMonth = "#9fadb2";
499
520
  export const ComponentsCalendarCellTextToday = "#171f22";
521
+ export const ComponentsCalendarWeeksBackground = "#f5f6f7";
522
+ export const ComponentsCalendarWeeksBackgroundHover = "#eaeef0";
523
+ export const ComponentsCalendarWeeksText = "#171f22";
524
+ export const ComponentsCalendarWeeksTextHover = "#171f22";
500
525
  export const ComponentsCalendarBackground = "#ffffff";
501
526
  export const ComponentsMenuContextualBackground = "#ffffff";
502
527
  export const ComponentsMenuContextualBorder = "#e1e4e6";
@@ -510,6 +535,7 @@ export const ComponentsNotificationInformationBackground = "#ffffff";
510
535
  export const ComponentsNotificationInformationIcon = "#2660c2";
511
536
  export const ComponentsNotificationInformationBorder = "#2660c2";
512
537
  export const ComponentsNotificationContentDescription = "#34464d";
538
+ export const ComponentsNotificationContentTimestamp = "#34464d";
513
539
  export const ComponentsNotificationContentTitle = "#171f22";
514
540
  export const ComponentsNotificationWarningBackground = "#ffffff";
515
541
  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;