@nova-design-system/nova-base 3.12.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 (24) hide show
  1. package/dist/cjs/generated/nova-tailwind-tokens.js +60 -0
  2. package/dist/css/mccs.css +96 -43
  3. package/dist/css/nova-utils.css +80 -0
  4. package/dist/css/ocean.css +106 -53
  5. package/dist/css/spark.css +106 -53
  6. package/dist/generated/nova-tailwind-tokens.d.ts +60 -0
  7. package/dist/generated/nova-tailwind-tokens.js +60 -0
  8. package/dist/js/mccs_dark.d.ts +30 -4
  9. package/dist/js/mccs_dark.js +30 -4
  10. package/dist/js/mccs_light.d.ts +30 -4
  11. package/dist/js/mccs_light.js +30 -4
  12. package/dist/js/ocean_dark.d.ts +30 -4
  13. package/dist/js/ocean_dark.js +40 -14
  14. package/dist/js/ocean_light.d.ts +30 -4
  15. package/dist/js/ocean_light.js +30 -4
  16. package/dist/js/primitives.d.ts +0 -2
  17. package/dist/js/primitives.js +0 -2
  18. package/dist/js/spacings.d.ts +36 -33
  19. package/dist/js/spacings.js +36 -33
  20. package/dist/js/spark_dark.d.ts +30 -4
  21. package/dist/js/spark_dark.js +40 -14
  22. package/dist/js/spark_light.d.ts +30 -4
  23. package/dist/js/spark_light.js +30 -4
  24. package/package.json +1 -1
package/dist/generated/nova-tailwind-tokens.d.ts CHANGED
@@ -63,6 +63,18 @@ export declare const NOVA_TAILWIND_TOKENS: {
63
63
  '.border-feedback-error-high': {
64
64
  'border-color': string;
65
65
  };
66
+ '.bg-feedback-error-high-contrast': {
67
+ 'background-color': string;
68
+ };
69
+ '.border-feedback-error-high-contrast': {
70
+ 'border-color': string;
71
+ };
72
+ '.icon-feedback-error-high-contrast': {
73
+ color: string;
74
+ };
75
+ '.text-feedback-error-high-contrast': {
76
+ color: string;
77
+ };
66
78
  '.icon-feedback-error-high': {
67
79
  color: string;
68
80
  };
@@ -87,6 +99,18 @@ export declare const NOVA_TAILWIND_TOKENS: {
87
99
  '.border-feedback-information-high': {
88
100
  'border-color': string;
89
101
  };
102
+ '.bg-feedback-information-high-contrast': {
103
+ 'background-color': string;
104
+ };
105
+ '.border-feedback-information-high-contrast': {
106
+ 'border-color': string;
107
+ };
108
+ '.icon-feedback-information-high-contrast': {
109
+ color: string;
110
+ };
111
+ '.text-feedback-information-high-contrast': {
112
+ color: string;
113
+ };
90
114
  '.icon-feedback-information-high': {
91
115
  color: string;
92
116
  };
@@ -111,6 +135,18 @@ export declare const NOVA_TAILWIND_TOKENS: {
111
135
  '.border-feedback-neutral-high': {
112
136
  'border-color': string;
113
137
  };
138
+ '.bg-feedback-neutral-high-contrast': {
139
+ 'background-color': string;
140
+ };
141
+ '.border-feedback-neutral-high-contrast': {
142
+ 'border-color': string;
143
+ };
144
+ '.icon-feedback-neutral-high-contrast': {
145
+ color: string;
146
+ };
147
+ '.text-feedback-neutral-high-contrast': {
148
+ color: string;
149
+ };
114
150
  '.icon-feedback-neutral-high': {
115
151
  color: string;
116
152
  };
@@ -135,6 +171,18 @@ export declare const NOVA_TAILWIND_TOKENS: {
135
171
  '.border-feedback-success-high': {
136
172
  'border-color': string;
137
173
  };
174
+ '.bg-feedback-success-high-contrast': {
175
+ 'background-color': string;
176
+ };
177
+ '.border-feedback-success-high-contrast': {
178
+ 'border-color': string;
179
+ };
180
+ '.icon-feedback-success-high-contrast': {
181
+ color: string;
182
+ };
183
+ '.text-feedback-success-high-contrast': {
184
+ color: string;
185
+ };
138
186
  '.icon-feedback-success-high': {
139
187
  color: string;
140
188
  };
@@ -159,6 +207,18 @@ export declare const NOVA_TAILWIND_TOKENS: {
159
207
  '.border-feedback-warning-high': {
160
208
  'border-color': string;
161
209
  };
210
+ '.bg-feedback-warning-high-contrast': {
211
+ 'background-color': string;
212
+ };
213
+ '.border-feedback-warning-high-contrast': {
214
+ 'border-color': string;
215
+ };
216
+ '.icon-feedback-warning-high-contrast': {
217
+ color: string;
218
+ };
219
+ '.text-feedback-warning-high-contrast': {
220
+ color: string;
221
+ };
162
222
  '.icon-feedback-warning-high': {
163
223
  color: string;
164
224
  };
package/dist/generated/nova-tailwind-tokens.js CHANGED
@@ -64,6 +64,18 @@ export const NOVA_TAILWIND_TOKENS = {
64
64
  '.border-feedback-error-high': {
65
65
  'border-color': 'var(--color-feedback-error-high-border)'
66
66
  },
67
+ '.bg-feedback-error-high-contrast': {
68
+ 'background-color': 'var(--color-feedback-error-high-contrast-background)'
69
+ },
70
+ '.border-feedback-error-high-contrast': {
71
+ 'border-color': 'var(--color-feedback-error-high-contrast-border)'
72
+ },
73
+ '.icon-feedback-error-high-contrast': {
74
+ 'color': 'var(--color-feedback-error-high-contrast-icon)'
75
+ },
76
+ '.text-feedback-error-high-contrast': {
77
+ 'color': 'var(--color-feedback-error-high-contrast-text)'
78
+ },
67
79
  '.icon-feedback-error-high': {
68
80
  'color': 'var(--color-feedback-error-high-icon)'
69
81
  },
@@ -88,6 +100,18 @@ export const NOVA_TAILWIND_TOKENS = {
88
100
  '.border-feedback-information-high': {
89
101
  'border-color': 'var(--color-feedback-information-high-border)'
90
102
  },
103
+ '.bg-feedback-information-high-contrast': {
104
+ 'background-color': 'var(--color-feedback-information-high-contrast-background)'
105
+ },
106
+ '.border-feedback-information-high-contrast': {
107
+ 'border-color': 'var(--color-feedback-information-high-contrast-border)'
108
+ },
109
+ '.icon-feedback-information-high-contrast': {
110
+ 'color': 'var(--color-feedback-information-high-contrast-icon)'
111
+ },
112
+ '.text-feedback-information-high-contrast': {
113
+ 'color': 'var(--color-feedback-information-high-contrast-text)'
114
+ },
91
115
  '.icon-feedback-information-high': {
92
116
  'color': 'var(--color-feedback-information-high-icon)'
93
117
  },
@@ -112,6 +136,18 @@ export const NOVA_TAILWIND_TOKENS = {
112
136
  '.border-feedback-neutral-high': {
113
137
  'border-color': 'var(--color-feedback-neutral-high-border)'
114
138
  },
139
+ '.bg-feedback-neutral-high-contrast': {
140
+ 'background-color': 'var(--color-feedback-neutral-high-contrast-background)'
141
+ },
142
+ '.border-feedback-neutral-high-contrast': {
143
+ 'border-color': 'var(--color-feedback-neutral-high-contrast-border)'
144
+ },
145
+ '.icon-feedback-neutral-high-contrast': {
146
+ 'color': 'var(--color-feedback-neutral-high-contrast-icon)'
147
+ },
148
+ '.text-feedback-neutral-high-contrast': {
149
+ 'color': 'var(--color-feedback-neutral-high-contrast-text)'
150
+ },
115
151
  '.icon-feedback-neutral-high': {
116
152
  'color': 'var(--color-feedback-neutral-high-icon)'
117
153
  },
@@ -136,6 +172,18 @@ export const NOVA_TAILWIND_TOKENS = {
136
172
  '.border-feedback-success-high': {
137
173
  'border-color': 'var(--color-feedback-success-high-border)'
138
174
  },
175
+ '.bg-feedback-success-high-contrast': {
176
+ 'background-color': 'var(--color-feedback-success-high-contrast-background)'
177
+ },
178
+ '.border-feedback-success-high-contrast': {
179
+ 'border-color': 'var(--color-feedback-success-high-contrast-border)'
180
+ },
181
+ '.icon-feedback-success-high-contrast': {
182
+ 'color': 'var(--color-feedback-success-high-contrast-icon)'
183
+ },
184
+ '.text-feedback-success-high-contrast': {
185
+ 'color': 'var(--color-feedback-success-high-contrast-text)'
186
+ },
139
187
  '.icon-feedback-success-high': {
140
188
  'color': 'var(--color-feedback-success-high-icon)'
141
189
  },
@@ -160,6 +208,18 @@ export const NOVA_TAILWIND_TOKENS = {
160
208
  '.border-feedback-warning-high': {
161
209
  'border-color': 'var(--color-feedback-warning-high-border)'
162
210
  },
211
+ '.bg-feedback-warning-high-contrast': {
212
+ 'background-color': 'var(--color-feedback-warning-high-contrast-background)'
213
+ },
214
+ '.border-feedback-warning-high-contrast': {
215
+ 'border-color': 'var(--color-feedback-warning-high-contrast-border)'
216
+ },
217
+ '.icon-feedback-warning-high-contrast': {
218
+ 'color': 'var(--color-feedback-warning-high-contrast-icon)'
219
+ },
220
+ '.text-feedback-warning-high-contrast': {
221
+ 'color': 'var(--color-feedback-warning-high-contrast-text)'
222
+ },
163
223
  '.icon-feedback-warning-high': {
164
224
  'color': 'var(--color-feedback-warning-high-icon)'
165
225
  },
package/dist/js/mccs_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/mccs_dark.js CHANGED
@@ -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 = "#000000";
130
+ export const ColorFeedbackInformationHighContrastTitle = "#000000";
126
131
  export const ColorFeedbackErrorHighBackground = "#ff3d3d";
127
132
  export const ColorFeedbackErrorHighBorder = "#ff3d3d";
128
133
  export const ColorFeedbackErrorHighIcon = "#000000";
@@ -131,6 +136,11 @@ export const ColorFeedbackErrorLowBackground = "#380101";
131
136
  export const ColorFeedbackErrorLowBorder = "#ff3d3d";
132
137
  export const ColorFeedbackErrorLowIcon = "#ff3d3d";
133
138
  export const ColorFeedbackErrorLowText = "#ff3d3d";
139
+ export const ColorFeedbackErrorHighContrastBackground = "#ff3d3d";
140
+ export const ColorFeedbackErrorHighContrastBorder = "#ff3d3d";
141
+ export const ColorFeedbackErrorHighContrastIcon = "#000000";
142
+ export const ColorFeedbackErrorHighContrastText = "#000000";
143
+ export const ColorFeedbackErrorHighContrastTitle = "#000000";
134
144
  export const ColorFeedbackNeutralHighBackground = "#889499";
135
145
  export const ColorFeedbackNeutralHighBorder = "#889499";
136
146
  export const ColorFeedbackNeutralHighIcon = "#000000";
@@ -139,6 +149,11 @@ export const ColorFeedbackNeutralLowBackground = "#27353b";
139
149
  export const ColorFeedbackNeutralLowBorder = "#889499";
140
150
  export const ColorFeedbackNeutralLowIcon = "#889499";
141
151
  export const ColorFeedbackNeutralLowText = "#889499";
152
+ export const ColorFeedbackNeutralHighContrastBackground = "#889499";
153
+ export const ColorFeedbackNeutralHighContrastBorder = "#889499";
154
+ export const ColorFeedbackNeutralHighContrastIcon = "#000000";
155
+ export const ColorFeedbackNeutralHighContrastText = "#000000";
156
+ export const ColorFeedbackNeutralHighContrastTitle = "#000000";
142
157
  export const ColorFeedbackWarningHighBackground = "#f7d14c";
143
158
  export const ColorFeedbackWarningHighBorder = "#f7d14c";
144
159
  export const ColorFeedbackWarningHighIcon = "#000000";
@@ -147,6 +162,11 @@ export const ColorFeedbackWarningLowBackground = "#302300";
147
162
  export const ColorFeedbackWarningLowBorder = "#f7d14c";
148
163
  export const ColorFeedbackWarningLowIcon = "#f7d14c";
149
164
  export const ColorFeedbackWarningLowText = "#f7d14c";
165
+ export const ColorFeedbackWarningHighContrastBackground = "#f7d14c";
166
+ export const ColorFeedbackWarningHighContrastBorder = "#f7d14c";
167
+ export const ColorFeedbackWarningHighContrastIcon = "#000000";
168
+ export const ColorFeedbackWarningHighContrastText = "#000000";
169
+ export const ColorFeedbackWarningHighContrastTitle = "#000000";
150
170
  export const ColorFeedbackSuccessHighBackground = "#6bde71";
151
171
  export const ColorFeedbackSuccessHighBorder = "#6bde71";
152
172
  export const ColorFeedbackSuccessHighIcon = "#000000";
@@ -155,6 +175,11 @@ export const ColorFeedbackSuccessLowBackground = "#002302";
155
175
  export const ColorFeedbackSuccessLowBorder = "#6bde71";
156
176
  export const ColorFeedbackSuccessLowIcon = "#6bde71";
157
177
  export const ColorFeedbackSuccessLowText = "#6bde71";
178
+ export const ColorFeedbackSuccessHighContrastBackground = "#6bde71";
179
+ export const ColorFeedbackSuccessHighContrastBorder = "#6bde71";
180
+ export const ColorFeedbackSuccessHighContrastIcon = "#000000";
181
+ export const ColorFeedbackSuccessHighContrastText = "#000000";
182
+ export const ColorFeedbackSuccessHighContrastTitle = "#000000";
158
183
  export const ColorFocusBrand = "#4b9eaa";
159
184
  export const ColorFocusBackground = "#0b0f11";
160
185
  export const ColorFocusBackgroundInverted = "#ffffff";
@@ -479,10 +504,6 @@ export const ComponentsFieldTimeTextActive = "#71b2bc";
479
504
  export const ComponentsFieldTimeBorderActive = "#71b2bc";
480
505
  export const ComponentsCalendarBorder = "#394d55";
481
506
  export const ComponentsCalendarHeaderText = "#f5f6f7";
482
- export const ComponentsCalendarWeeksBackground = "#171f22";
483
- export const ComponentsCalendarWeeksBackgroundHover = "#1e272b";
484
- export const ComponentsCalendarWeeksText = "#eaeef0";
485
- export const ComponentsCalendarWeeksTextHover = "#f5f6f7";
486
507
  export const ComponentsCalendarCellBackground = "#0b0f11";
487
508
  export const ComponentsCalendarCellBackgroundSelected = "#258998";
488
509
  export const ComponentsCalendarCellBackgroundInRange = "#ffffff";
@@ -497,6 +518,10 @@ export const ComponentsCalendarCellTextInRange = "#71b2bc";
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 = "#1e272b";
523
+ export const ComponentsCalendarWeeksText = "#eaeef0";
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 = "#f7d14c";
package/dist/js/mccs_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/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;