@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.
- package/assets/icons/icon-sprite.svg +1 -1
- package/dist/cjs/generated/nova-tailwind-components.js +10 -20
- package/dist/cjs/generated/nova-tailwind-tokens.js +60 -0
- package/dist/css/mccs.css +96 -43
- package/dist/css/nova-utils.css +80 -10
- package/dist/css/ocean.css +106 -53
- package/dist/css/spark.css +106 -53
- package/dist/generated/nova-tailwind-components.d.ts +0 -10
- package/dist/generated/nova-tailwind-components.js +10 -20
- package/dist/generated/nova-tailwind-tokens.d.ts +60 -0
- package/dist/generated/nova-tailwind-tokens.js +60 -0
- package/dist/js/mccs_dark.d.ts +30 -4
- package/dist/js/mccs_dark.js +30 -4
- package/dist/js/mccs_light.d.ts +30 -4
- package/dist/js/mccs_light.js +30 -4
- package/dist/js/ocean_dark.d.ts +30 -4
- package/dist/js/ocean_dark.js +40 -14
- package/dist/js/ocean_light.d.ts +30 -4
- package/dist/js/ocean_light.js +30 -4
- package/dist/js/primitives.d.ts +0 -2
- package/dist/js/primitives.js +0 -2
- package/dist/js/spacings.d.ts +36 -33
- package/dist/js/spacings.js +36 -33
- package/dist/js/spark_dark.d.ts +30 -4
- package/dist/js/spark_dark.js +40 -14
- package/dist/js/spark_light.d.ts +30 -4
- package/dist/js/spark_light.js +30 -4
- package/package.json +1 -1
|
@@ -46,7 +46,6 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
|
|
|
46
46
|
'.nv-button:focus-visible, .nv-button:has(:focus-visible)': {
|
|
47
47
|
outline: string;
|
|
48
48
|
outlineOffset: string;
|
|
49
|
-
zIndex: string;
|
|
50
49
|
};
|
|
51
50
|
'.nv-button:disabled:not([disabled=false])': {
|
|
52
51
|
opacity: string;
|
|
@@ -74,7 +73,6 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
|
|
|
74
73
|
'.nv-button.danger:focus-visible, .nv-button.danger:has(:focus-visible)': {
|
|
75
74
|
outline: string;
|
|
76
75
|
outlineOffset: string;
|
|
77
|
-
zIndex: string;
|
|
78
76
|
};
|
|
79
77
|
'.nv-button.size-xs': {
|
|
80
78
|
padding: string;
|
|
@@ -145,7 +143,6 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
|
|
|
145
143
|
'.nv-button.emphasis-high:focus-visible, .nv-button.emphasis-high:has(:focus-visible)': {
|
|
146
144
|
outline: string;
|
|
147
145
|
outlineOffset: string;
|
|
148
|
-
zIndex: string;
|
|
149
146
|
};
|
|
150
147
|
'.nv-button.emphasis-high:disabled:not([disabled=false])': {
|
|
151
148
|
opacity: string;
|
|
@@ -173,7 +170,6 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
|
|
|
173
170
|
'.nv-button.emphasis-high.danger:focus-visible, .nv-button.emphasis-high.danger:has(:focus-visible)': {
|
|
174
171
|
outline: string;
|
|
175
172
|
outlineOffset: string;
|
|
176
|
-
zIndex: string;
|
|
177
173
|
};
|
|
178
174
|
'.nv-button.emphasis-medium': {
|
|
179
175
|
background: string;
|
|
@@ -196,7 +192,6 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
|
|
|
196
192
|
'.nv-button.emphasis-medium:focus-visible, .nv-button.emphasis-medium:has(:focus-visible)': {
|
|
197
193
|
outline: string;
|
|
198
194
|
outlineOffset: string;
|
|
199
|
-
zIndex: string;
|
|
200
195
|
};
|
|
201
196
|
'.nv-button.emphasis-medium:disabled:not([disabled=false])': {
|
|
202
197
|
opacity: string;
|
|
@@ -224,7 +219,6 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
|
|
|
224
219
|
'.nv-button.emphasis-medium.danger:focus-visible, .nv-button.emphasis-medium.danger:has(:focus-visible)': {
|
|
225
220
|
outline: string;
|
|
226
221
|
outlineOffset: string;
|
|
227
|
-
zIndex: string;
|
|
228
222
|
};
|
|
229
223
|
'.nv-button.emphasis-low': {
|
|
230
224
|
background: string;
|
|
@@ -247,7 +241,6 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
|
|
|
247
241
|
'.nv-button.emphasis-low:focus-visible, .nv-button.emphasis-low:has(:focus-visible)': {
|
|
248
242
|
outline: string;
|
|
249
243
|
outlineOffset: string;
|
|
250
|
-
zIndex: string;
|
|
251
244
|
};
|
|
252
245
|
'.nv-button.emphasis-low:disabled:not([disabled=false])': {
|
|
253
246
|
opacity: string;
|
|
@@ -275,7 +268,6 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
|
|
|
275
268
|
'.nv-button.emphasis-low.danger:focus-visible, .nv-button.emphasis-low.danger:has(:focus-visible)': {
|
|
276
269
|
outline: string;
|
|
277
270
|
outlineOffset: string;
|
|
278
|
-
zIndex: string;
|
|
279
271
|
};
|
|
280
272
|
'.nv-button.emphasis-lower': {
|
|
281
273
|
background: string;
|
|
@@ -298,7 +290,6 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
|
|
|
298
290
|
'.nv-button.emphasis-lower:focus-visible, .nv-button.emphasis-lower:has(:focus-visible)': {
|
|
299
291
|
outline: string;
|
|
300
292
|
outlineOffset: string;
|
|
301
|
-
zIndex: string;
|
|
302
293
|
};
|
|
303
294
|
'.nv-button.emphasis-lower:disabled:not([disabled=false])': {
|
|
304
295
|
opacity: string;
|
|
@@ -326,7 +317,6 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
|
|
|
326
317
|
'.nv-button.emphasis-lower.danger:focus-visible, .nv-button.emphasis-lower.danger:has(:focus-visible)': {
|
|
327
318
|
outline: string;
|
|
328
319
|
outlineOffset: string;
|
|
329
|
-
zIndex: string;
|
|
330
320
|
};
|
|
331
321
|
'.nv-button.fluid': {
|
|
332
322
|
width: string;
|
|
@@ -46,8 +46,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
|
|
|
46
46
|
},
|
|
47
47
|
'.nv-button:focus-visible, .nv-button:has(:focus-visible)': {
|
|
48
48
|
'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
|
|
49
|
-
'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
|
|
50
|
-
'zIndex': '111'
|
|
49
|
+
'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
|
|
51
50
|
},
|
|
52
51
|
'.nv-button:disabled:not([disabled=false])': {
|
|
53
52
|
'opacity': '0.5',
|
|
@@ -74,8 +73,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
|
|
|
74
73
|
},
|
|
75
74
|
'.nv-button.danger:focus-visible, .nv-button.danger:has(:focus-visible)': {
|
|
76
75
|
'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
|
|
77
|
-
'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
|
|
78
|
-
'zIndex': '111'
|
|
76
|
+
'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
|
|
79
77
|
},
|
|
80
78
|
'.nv-button.size-xs': {
|
|
81
79
|
'padding': 'var(--button-xs-padding-y) var(--button-xs-padding-x)',
|
|
@@ -145,8 +143,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
|
|
|
145
143
|
},
|
|
146
144
|
'.nv-button.emphasis-high:focus-visible, .nv-button.emphasis-high:has(:focus-visible)': {
|
|
147
145
|
'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
|
|
148
|
-
'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
|
|
149
|
-
'zIndex': '111'
|
|
146
|
+
'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
|
|
150
147
|
},
|
|
151
148
|
'.nv-button.emphasis-high:disabled:not([disabled=false])': {
|
|
152
149
|
'opacity': '0.5',
|
|
@@ -173,8 +170,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
|
|
|
173
170
|
},
|
|
174
171
|
'.nv-button.emphasis-high.danger:focus-visible, .nv-button.emphasis-high.danger:has(:focus-visible)': {
|
|
175
172
|
'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
|
|
176
|
-
'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
|
|
177
|
-
'zIndex': '111'
|
|
173
|
+
'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
|
|
178
174
|
},
|
|
179
175
|
'.nv-button.emphasis-medium': {
|
|
180
176
|
'background': 'var(--components-button-medium-background)',
|
|
@@ -196,8 +192,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
|
|
|
196
192
|
},
|
|
197
193
|
'.nv-button.emphasis-medium:focus-visible, .nv-button.emphasis-medium:has(:focus-visible)': {
|
|
198
194
|
'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
|
|
199
|
-
'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
|
|
200
|
-
'zIndex': '111'
|
|
195
|
+
'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
|
|
201
196
|
},
|
|
202
197
|
'.nv-button.emphasis-medium:disabled:not([disabled=false])': {
|
|
203
198
|
'opacity': '0.5',
|
|
@@ -224,8 +219,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
|
|
|
224
219
|
},
|
|
225
220
|
'.nv-button.emphasis-medium.danger:focus-visible, .nv-button.emphasis-medium.danger:has(:focus-visible)': {
|
|
226
221
|
'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
|
|
227
|
-
'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
|
|
228
|
-
'zIndex': '111'
|
|
222
|
+
'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
|
|
229
223
|
},
|
|
230
224
|
'.nv-button.emphasis-low': {
|
|
231
225
|
'background': 'var(--components-button-low-background)',
|
|
@@ -247,8 +241,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
|
|
|
247
241
|
},
|
|
248
242
|
'.nv-button.emphasis-low:focus-visible, .nv-button.emphasis-low:has(:focus-visible)': {
|
|
249
243
|
'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
|
|
250
|
-
'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
|
|
251
|
-
'zIndex': '111'
|
|
244
|
+
'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
|
|
252
245
|
},
|
|
253
246
|
'.nv-button.emphasis-low:disabled:not([disabled=false])': {
|
|
254
247
|
'opacity': '0.5',
|
|
@@ -275,8 +268,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
|
|
|
275
268
|
},
|
|
276
269
|
'.nv-button.emphasis-low.danger:focus-visible, .nv-button.emphasis-low.danger:has(:focus-visible)': {
|
|
277
270
|
'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
|
|
278
|
-
'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
|
|
279
|
-
'zIndex': '111'
|
|
271
|
+
'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
|
|
280
272
|
},
|
|
281
273
|
'.nv-button.emphasis-lower': {
|
|
282
274
|
'background': 'var(--components-button-lower-background)',
|
|
@@ -298,8 +290,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
|
|
|
298
290
|
},
|
|
299
291
|
'.nv-button.emphasis-lower:focus-visible, .nv-button.emphasis-lower:has(:focus-visible)': {
|
|
300
292
|
'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
|
|
301
|
-
'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
|
|
302
|
-
'zIndex': '111'
|
|
293
|
+
'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
|
|
303
294
|
},
|
|
304
295
|
'.nv-button.emphasis-lower:disabled:not([disabled=false])': {
|
|
305
296
|
'opacity': '0.5',
|
|
@@ -326,8 +317,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
|
|
|
326
317
|
},
|
|
327
318
|
'.nv-button.emphasis-lower.danger:focus-visible, .nv-button.emphasis-lower.danger:has(:focus-visible)': {
|
|
328
319
|
'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
|
|
329
|
-
'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
|
|
330
|
-
'zIndex': '111'
|
|
320
|
+
'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
|
|
331
321
|
},
|
|
332
322
|
'.nv-button.fluid': {
|
|
333
323
|
'width': '100%'
|
|
@@ -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
|
};
|
|
@@ -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;
|