@nova-design-system/nova-base 3.9.1 → 3.10.1-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/assets/icons/icon-sprite.svg +1 -1
  2. package/dist/cjs/generated/nova-tailwind-components.js +20 -10
  3. package/dist/css/mccs.css +109 -17
  4. package/dist/css/nova-utils.css +10 -0
  5. package/dist/css/ocean.css +189 -97
  6. package/dist/css/spark.css +167 -75
  7. package/dist/generated/nova-tailwind-components.d.ts +10 -0
  8. package/dist/generated/nova-tailwind-components.js +20 -10
  9. package/dist/js/mccs_dark.d.ts +16 -1
  10. package/dist/js/mccs_dark.js +21 -6
  11. package/dist/js/mccs_light.d.ts +16 -1
  12. package/dist/js/mccs_light.js +18 -3
  13. package/dist/js/ocean_dark.d.ts +60 -45
  14. package/dist/js/ocean_dark.js +68 -53
  15. package/dist/js/ocean_light.d.ts +60 -45
  16. package/dist/js/ocean_light.js +66 -51
  17. package/dist/js/spacings.d.ts +67 -5
  18. package/dist/js/spacings.js +67 -5
  19. package/dist/js/spark_dark.d.ts +48 -33
  20. package/dist/js/spark_dark.js +57 -42
  21. package/dist/js/spark_light.d.ts +48 -33
  22. package/dist/js/spark_light.js +54 -39
  23. package/package.json +1 -1
package/dist/generated/nova-tailwind-components.js CHANGED
@@ -46,7 +46,8 @@ 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)'
49
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
50
+ 'zIndex': '111'
50
51
  },
51
52
  '.nv-button:disabled:not([disabled=false])': {
52
53
  'opacity': '0.5',
@@ -73,7 +74,8 @@ export const NOVA_TAILWIND_COMPONENTS = {
73
74
  },
74
75
  '.nv-button.danger:focus-visible, .nv-button.danger:has(:focus-visible)': {
75
76
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
76
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
77
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
78
+ 'zIndex': '111'
77
79
  },
78
80
  '.nv-button.size-xs': {
79
81
  'padding': 'var(--button-xs-padding-y) var(--button-xs-padding-x)',
@@ -143,7 +145,8 @@ export const NOVA_TAILWIND_COMPONENTS = {
143
145
  },
144
146
  '.nv-button.emphasis-high:focus-visible, .nv-button.emphasis-high:has(:focus-visible)': {
145
147
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
146
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
148
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
149
+ 'zIndex': '111'
147
150
  },
148
151
  '.nv-button.emphasis-high:disabled:not([disabled=false])': {
149
152
  'opacity': '0.5',
@@ -170,7 +173,8 @@ export const NOVA_TAILWIND_COMPONENTS = {
170
173
  },
171
174
  '.nv-button.emphasis-high.danger:focus-visible, .nv-button.emphasis-high.danger:has(:focus-visible)': {
172
175
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
173
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
176
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
177
+ 'zIndex': '111'
174
178
  },
175
179
  '.nv-button.emphasis-medium': {
176
180
  'background': 'var(--components-button-medium-background)',
@@ -192,7 +196,8 @@ export const NOVA_TAILWIND_COMPONENTS = {
192
196
  },
193
197
  '.nv-button.emphasis-medium:focus-visible, .nv-button.emphasis-medium:has(:focus-visible)': {
194
198
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
195
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
199
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
200
+ 'zIndex': '111'
196
201
  },
197
202
  '.nv-button.emphasis-medium:disabled:not([disabled=false])': {
198
203
  'opacity': '0.5',
@@ -219,7 +224,8 @@ export const NOVA_TAILWIND_COMPONENTS = {
219
224
  },
220
225
  '.nv-button.emphasis-medium.danger:focus-visible, .nv-button.emphasis-medium.danger:has(:focus-visible)': {
221
226
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
222
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
227
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
228
+ 'zIndex': '111'
223
229
  },
224
230
  '.nv-button.emphasis-low': {
225
231
  'background': 'var(--components-button-low-background)',
@@ -241,7 +247,8 @@ export const NOVA_TAILWIND_COMPONENTS = {
241
247
  },
242
248
  '.nv-button.emphasis-low:focus-visible, .nv-button.emphasis-low:has(:focus-visible)': {
243
249
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
244
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
250
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
251
+ 'zIndex': '111'
245
252
  },
246
253
  '.nv-button.emphasis-low:disabled:not([disabled=false])': {
247
254
  'opacity': '0.5',
@@ -268,7 +275,8 @@ export const NOVA_TAILWIND_COMPONENTS = {
268
275
  },
269
276
  '.nv-button.emphasis-low.danger:focus-visible, .nv-button.emphasis-low.danger:has(:focus-visible)': {
270
277
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
271
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
278
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
279
+ 'zIndex': '111'
272
280
  },
273
281
  '.nv-button.emphasis-lower': {
274
282
  'background': 'var(--components-button-lower-background)',
@@ -290,7 +298,8 @@ export const NOVA_TAILWIND_COMPONENTS = {
290
298
  },
291
299
  '.nv-button.emphasis-lower:focus-visible, .nv-button.emphasis-lower:has(:focus-visible)': {
292
300
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
293
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
301
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
302
+ 'zIndex': '111'
294
303
  },
295
304
  '.nv-button.emphasis-lower:disabled:not([disabled=false])': {
296
305
  'opacity': '0.5',
@@ -317,7 +326,8 @@ export const NOVA_TAILWIND_COMPONENTS = {
317
326
  },
318
327
  '.nv-button.emphasis-lower.danger:focus-visible, .nv-button.emphasis-lower.danger:has(:focus-visible)': {
319
328
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
320
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
329
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
330
+ 'zIndex': '111'
321
331
  },
322
332
  '.nv-button.fluid': {
323
333
  'width': '100%'
package/dist/js/mccs_dark.d.ts CHANGED
@@ -2,9 +2,9 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
- export const ColorInteractionContainerBrandedLowBackground : string;
6
5
  export const ColorInteractionContainerBrandedLowBackgroundActive : string;
7
6
  export const ColorInteractionContainerBrandedLowBackgroundHover : string;
7
+ export const ColorInteractionContainerBrandedLowBackground : string;
8
8
  export const ColorInteractionContainerBrandedLowBorder : string;
9
9
  export const ColorInteractionContainerBrandedLowBorderActive : string;
10
10
  export const ColorInteractionContainerBrandedLowBorderHover : string;
@@ -450,6 +450,14 @@ export const ComponentsAvatarContent10 : string;
450
450
  export const ComponentsBreadcrumbText : string;
451
451
  export const ComponentsBreadcrumbTextActive : string;
452
452
  export const ComponentsBreadcrumbTextHover : string;
453
+ export const ComponentsButtongroupHighBorder : string;
454
+ export const ComponentsButtongroupHighBackground : string;
455
+ export const ComponentsButtongroupMediumBorder : string;
456
+ export const ComponentsButtongroupMediumBackground : string;
457
+ export const ComponentsButtongroupLowBorder : string;
458
+ export const ComponentsButtongroupLowBackground : string;
459
+ export const ComponentsButtongroupLowerBorder : string;
460
+ export const ComponentsButtongroupLowerBackground : string;
453
461
  export const ComponentsDatagridHeaderBorder : string;
454
462
  export const ComponentsDatagridHeaderText : string;
455
463
  export const ComponentsDatagridHeaderBackground : string;
@@ -459,6 +467,9 @@ export const ComponentsDatagridBodySubtext : string;
459
467
  export const ComponentsDatagridBodyBackgroundDefault : string;
460
468
  export const ComponentsDatagridBodyBackgroundActive : string;
461
469
  export const ComponentsDatagridBodyBackgroundHover : string;
470
+ export const ComponentsDatagridExpanderContentBackground : string;
471
+ export const ComponentsDatagridExpanderBorder : string;
472
+ export const ComponentsDatagridExpanderExpanderBackground : string;
462
473
  export const ComponentsFieldTimeBackgroundDefault : string;
463
474
  export const ComponentsFieldTimeBackgroundHover : string;
464
475
  export const ComponentsFieldTimeBackgroundActive : string;
@@ -539,3 +550,7 @@ export const ComponentsTooltipBackground : string;
539
550
  export const ComponentsTooltipBorder : string;
540
551
  export const ComponentsTooltipText : string;
541
552
  export const ComponentsTooltipSupportingText : string;
553
+ export const ComponentsTogglegroupHighBorder : string;
554
+ export const ComponentsTogglegroupHighBackground : string;
555
+ export const ComponentsTogglegroupLowBorder : string;
556
+ export const ComponentsTogglegroupLowBackground : string;
package/dist/js/mccs_dark.js CHANGED
@@ -2,9 +2,9 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
- export const ColorInteractionContainerBrandedLowBackground = "#ffffff";
6
5
  export const ColorInteractionContainerBrandedLowBackgroundActive = "#ffffff";
7
6
  export const ColorInteractionContainerBrandedLowBackgroundHover = "#ffffff";
7
+ export const ColorInteractionContainerBrandedLowBackground = "#0b0f11";
8
8
  export const ColorInteractionContainerBrandedLowBorder = "#4b9eaa";
9
9
  export const ColorInteractionContainerBrandedLowBorderActive = "#71b2bc";
10
10
  export const ColorInteractionContainerBrandedLowBorderHover = "#71b2bc";
@@ -264,7 +264,7 @@ export const ComponentsButtonLowerBorderActive = "#ffffff";
264
264
  export const ComponentsButtonLowerBorderHover = "#ffffff";
265
265
  export const ComponentsButtonLowerBorder2 = "#ffffff";
266
266
  export const ComponentsButtonLowerBorderHover2 = "#ffffff";
267
- export const ComponentsButtonLowerBackground = "#ffffff";
267
+ export const ComponentsButtonLowerBackground = "#0b0f11";
268
268
  export const ComponentsButtonLowerBackgroundActive = "#ffffff";
269
269
  export const ComponentsButtonLowerBackgroundHover = "#ffffff";
270
270
  export const ComponentsButtonLowerIcon = "#4b9eaa";
@@ -447,9 +447,17 @@ export const ComponentsAvatarContent7 = "#66b16a";
447
447
  export const ComponentsAvatarContent8 = "#71b2bc";
448
448
  export const ComponentsAvatarContent9 = "#8da930";
449
449
  export const ComponentsAvatarContent10 = "#9fadb2";
450
- export const ComponentsBreadcrumbText = "#889499";
451
- export const ComponentsBreadcrumbTextActive = "#bac1c4";
450
+ export const ComponentsBreadcrumbText = "#f5f6f7";
451
+ export const ComponentsBreadcrumbTextActive = "#f5f6f7";
452
452
  export const ComponentsBreadcrumbTextHover = "#4b9eaa";
453
+ export const ComponentsButtongroupHighBorder = "#1f717d";
454
+ export const ComponentsButtongroupHighBackground = "#1f717d";
455
+ export const ComponentsButtongroupMediumBorder = "#4b9eaa";
456
+ export const ComponentsButtongroupMediumBackground = "#0b0f11";
457
+ export const ComponentsButtongroupLowBorder = "#4b9eaa";
458
+ export const ComponentsButtongroupLowBackground = "#0b0f11";
459
+ export const ComponentsButtongroupLowerBorder = "#889499";
460
+ export const ComponentsButtongroupLowerBackground = "#0b0f11";
453
461
  export const ComponentsDatagridHeaderBorder = "#394d55";
454
462
  export const ComponentsDatagridHeaderText = "#889499";
455
463
  export const ComponentsDatagridHeaderBackground = "#ffffff";
@@ -459,6 +467,9 @@ export const ComponentsDatagridBodySubtext = "#889499";
459
467
  export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
460
468
  export const ComponentsDatagridBodyBackgroundActive = "#ffffff";
461
469
  export const ComponentsDatagridBodyBackgroundHover = "#ffffff";
470
+ export const ComponentsDatagridExpanderContentBackground = "#0b0f11";
471
+ export const ComponentsDatagridExpanderBorder = "#394d55";
472
+ export const ComponentsDatagridExpanderExpanderBackground = "#171f22";
462
473
  export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
463
474
  export const ComponentsFieldTimeBackgroundHover = "#ffffff";
464
475
  export const ComponentsFieldTimeBackgroundActive = "#ffffff";
@@ -472,11 +483,11 @@ export const ComponentsCalendarWeeksBackground = "#171f22";
472
483
  export const ComponentsCalendarWeeksBackgroundHover = "#1e272b";
473
484
  export const ComponentsCalendarWeeksText = "#eaeef0";
474
485
  export const ComponentsCalendarWeeksTextHover = "#f5f6f7";
475
- export const ComponentsCalendarCellBackground = "#ffffff";
486
+ export const ComponentsCalendarCellBackground = "#0b0f11";
476
487
  export const ComponentsCalendarCellBackgroundSelected = "#258998";
477
488
  export const ComponentsCalendarCellBackgroundInRange = "#ffffff";
478
489
  export const ComponentsCalendarCellBackgroundHover = "#ffffff";
479
- export const ComponentsCalendarCellBackgroundToday = "#ffffff";
490
+ export const ComponentsCalendarCellBackgroundToday = "#0b0f11";
480
491
  export const ComponentsCalendarCellDot = "#f5f6f7";
481
492
  export const ComponentsCalendarCellDotSelected = "#ffffff";
482
493
  export const ComponentsCalendarCellDotHover = "#ffffff";
@@ -539,3 +550,7 @@ export const ComponentsTooltipBackground = "#f5f6f7";
539
550
  export const ComponentsTooltipBorder = "#f5f6f7";
540
551
  export const ComponentsTooltipText = "#0b0f11";
541
552
  export const ComponentsTooltipSupportingText = "#27353b";
553
+ export const ComponentsTogglegroupHighBorder = "#4b9eaa";
554
+ export const ComponentsTogglegroupHighBackground = "#0b0f11";
555
+ export const ComponentsTogglegroupLowBorder = "#889499";
556
+ export const ComponentsTogglegroupLowBackground = "#0b0f11";
package/dist/js/mccs_light.d.ts CHANGED
@@ -2,9 +2,9 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
- export const ColorInteractionContainerBrandedLowBackground : string;
6
5
  export const ColorInteractionContainerBrandedLowBackgroundActive : string;
7
6
  export const ColorInteractionContainerBrandedLowBackgroundHover : string;
7
+ export const ColorInteractionContainerBrandedLowBackground : string;
8
8
  export const ColorInteractionContainerBrandedLowBorder : string;
9
9
  export const ColorInteractionContainerBrandedLowBorderActive : string;
10
10
  export const ColorInteractionContainerBrandedLowBorderHover : string;
@@ -450,6 +450,14 @@ export const ComponentsAvatarContent10 : string;
450
450
  export const ComponentsBreadcrumbText : string;
451
451
  export const ComponentsBreadcrumbTextActive : string;
452
452
  export const ComponentsBreadcrumbTextHover : string;
453
+ export const ComponentsButtongroupHighBorder : string;
454
+ export const ComponentsButtongroupHighBackground : string;
455
+ export const ComponentsButtongroupMediumBorder : string;
456
+ export const ComponentsButtongroupMediumBackground : string;
457
+ export const ComponentsButtongroupLowBorder : string;
458
+ export const ComponentsButtongroupLowBackground : string;
459
+ export const ComponentsButtongroupLowerBorder : string;
460
+ export const ComponentsButtongroupLowerBackground : string;
453
461
  export const ComponentsDatagridHeaderBorder : string;
454
462
  export const ComponentsDatagridHeaderText : string;
455
463
  export const ComponentsDatagridHeaderBackground : string;
@@ -459,6 +467,9 @@ export const ComponentsDatagridBodySubtext : string;
459
467
  export const ComponentsDatagridBodyBackgroundDefault : string;
460
468
  export const ComponentsDatagridBodyBackgroundActive : string;
461
469
  export const ComponentsDatagridBodyBackgroundHover : string;
470
+ export const ComponentsDatagridExpanderContentBackground : string;
471
+ export const ComponentsDatagridExpanderBorder : string;
472
+ export const ComponentsDatagridExpanderExpanderBackground : string;
462
473
  export const ComponentsFieldTimeBackgroundDefault : string;
463
474
  export const ComponentsFieldTimeBackgroundHover : string;
464
475
  export const ComponentsFieldTimeBackgroundActive : string;
@@ -539,3 +550,7 @@ export const ComponentsTooltipBackground : string;
539
550
  export const ComponentsTooltipBorder : string;
540
551
  export const ComponentsTooltipText : string;
541
552
  export const ComponentsTooltipSupportingText : string;
553
+ export const ComponentsTogglegroupHighBorder : string;
554
+ export const ComponentsTogglegroupHighBackground : string;
555
+ export const ComponentsTogglegroupLowBorder : string;
556
+ export const ComponentsTogglegroupLowBackground : string;
package/dist/js/mccs_light.js CHANGED
@@ -2,9 +2,9 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
- export const ColorInteractionContainerBrandedLowBackground = "#ffffff";
6
5
  export const ColorInteractionContainerBrandedLowBackgroundActive = "#0b0f11";
7
6
  export const ColorInteractionContainerBrandedLowBackgroundHover = "#0b0f11";
7
+ export const ColorInteractionContainerBrandedLowBackground = "#ffffff";
8
8
  export const ColorInteractionContainerBrandedLowBorder = "#1f717d";
9
9
  export const ColorInteractionContainerBrandedLowBorderActive = "#185963";
10
10
  export const ColorInteractionContainerBrandedLowBorderHover = "#185963";
@@ -447,9 +447,17 @@ export const ComponentsAvatarContent7 = "#106f15";
447
447
  export const ComponentsAvatarContent8 = "#1f717d";
448
448
  export const ComponentsAvatarContent9 = "#5c6e1f";
449
449
  export const ComponentsAvatarContent10 = "#394d55";
450
- export const ComponentsBreadcrumbText = "#617177";
451
- export const ComponentsBreadcrumbTextActive = "#34464d";
450
+ export const ComponentsBreadcrumbText = "#171f22";
451
+ export const ComponentsBreadcrumbTextActive = "#171f22";
452
452
  export const ComponentsBreadcrumbTextHover = "#185963";
453
+ export const ComponentsButtongroupHighBorder = "#4b9eaa";
454
+ export const ComponentsButtongroupHighBackground = "#4b9eaa";
455
+ export const ComponentsButtongroupMediumBorder = "#1f717d";
456
+ export const ComponentsButtongroupMediumBackground = "#ffffff";
457
+ export const ComponentsButtongroupLowBorder = "#1f717d";
458
+ export const ComponentsButtongroupLowBackground = "#ffffff";
459
+ export const ComponentsButtongroupLowerBorder = "#617177";
460
+ export const ComponentsButtongroupLowerBackground = "#ffffff";
453
461
  export const ComponentsDatagridHeaderBorder = "#bac1c4";
454
462
  export const ComponentsDatagridHeaderText = "#617177";
455
463
  export const ComponentsDatagridHeaderBackground = "#ffffff";
@@ -459,6 +467,9 @@ export const ComponentsDatagridBodySubtext = "#617177";
459
467
  export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
460
468
  export const ComponentsDatagridBodyBackgroundActive = "#a5a6a7";
461
469
  export const ComponentsDatagridBodyBackgroundHover = "#a5a6a7";
470
+ export const ComponentsDatagridExpanderContentBackground = "#ffffff";
471
+ export const ComponentsDatagridExpanderBorder = "#e1e4e6";
472
+ export const ComponentsDatagridExpanderExpanderBackground = "#f5f6f7";
462
473
  export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
463
474
  export const ComponentsFieldTimeBackgroundHover = "#a5a6a7";
464
475
  export const ComponentsFieldTimeBackgroundActive = "#a5a6a7";
@@ -539,3 +550,7 @@ export const ComponentsTooltipBackground = "#0b0f11";
539
550
  export const ComponentsTooltipBorder = "#0b0f11";
540
551
  export const ComponentsTooltipText = "#f5f6f7";
541
552
  export const ComponentsTooltipSupportingText = "#889499";
553
+ export const ComponentsTogglegroupHighBorder = "#1f717d";
554
+ export const ComponentsTogglegroupHighBackground = "#ffffff";
555
+ export const ComponentsTogglegroupLowBorder = "#617177";
556
+ export const ComponentsTogglegroupLowBackground = "#ffffff";
package/dist/js/ocean_dark.d.ts CHANGED
@@ -2,30 +2,6 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
- export const ColorInteractionContainerBrandedLowBackground : string;
6
- export const ColorInteractionContainerBrandedLowBackgroundActive : string;
7
- export const ColorInteractionContainerBrandedLowBackgroundHover : string;
8
- export const ColorInteractionContainerBrandedLowBorder : string;
9
- export const ColorInteractionContainerBrandedLowBorderActive : string;
10
- export const ColorInteractionContainerBrandedLowBorderHover : string;
11
- export const ColorInteractionContainerBrandedLowIcon : string;
12
- export const ColorInteractionContainerBrandedLowIconActive : string;
13
- export const ColorInteractionContainerBrandedLowIconHover : string;
14
- export const ColorInteractionContainerBrandedLowText : string;
15
- export const ColorInteractionContainerBrandedLowTextActive : string;
16
- export const ColorInteractionContainerBrandedLowTextHover : string;
17
- export const ColorInteractionContainerBrandedHighBackground : string;
18
- export const ColorInteractionContainerBrandedHighBackgroundActive : string;
19
- export const ColorInteractionContainerBrandedHighBackgroundHover : string;
20
- export const ColorInteractionContainerBrandedHighBorder : string;
21
- export const ColorInteractionContainerBrandedHighBorderActive : string;
22
- export const ColorInteractionContainerBrandedHighBorderHover : string;
23
- export const ColorInteractionContainerBrandedHighIcon : string;
24
- export const ColorInteractionContainerBrandedHighIconActive : string;
25
- export const ColorInteractionContainerBrandedHighIconHover : string;
26
- export const ColorInteractionContainerBrandedHighText : string;
27
- export const ColorInteractionContainerBrandedHighTextActive : string;
28
- export const ColorInteractionContainerBrandedHighTextHover : string;
29
5
  export const ColorInteractionContainerNeutralBackground : string;
30
6
  export const ColorInteractionContainerNeutralBackgroundHover : string;
31
7
  export const ColorInteractionContainerNeutralBackgroundActive : string;
@@ -38,6 +14,30 @@ export const ColorInteractionContainerNeutralIconHover : string;
38
14
  export const ColorInteractionContainerNeutralText : string;
39
15
  export const ColorInteractionContainerNeutralTextActive : string;
40
16
  export const ColorInteractionContainerNeutralTextHover : string;
17
+ export const ColorInteractionContainerBrandedHighBackground : string;
18
+ export const ColorInteractionContainerBrandedHighBackgroundActive : string;
19
+ export const ColorInteractionContainerBrandedHighBackgroundHover : string;
20
+ export const ColorInteractionContainerBrandedHighBorder : string;
21
+ export const ColorInteractionContainerBrandedHighBorderActive : string;
22
+ export const ColorInteractionContainerBrandedHighBorderHover : string;
23
+ export const ColorInteractionContainerBrandedHighIcon : string;
24
+ export const ColorInteractionContainerBrandedHighIconActive : string;
25
+ export const ColorInteractionContainerBrandedHighIconHover : string;
26
+ export const ColorInteractionContainerBrandedHighText : string;
27
+ export const ColorInteractionContainerBrandedHighTextActive : string;
28
+ export const ColorInteractionContainerBrandedHighTextHover : string;
29
+ export const ColorInteractionContainerBrandedLowBackground : string;
30
+ export const ColorInteractionContainerBrandedLowBackgroundActive : string;
31
+ export const ColorInteractionContainerBrandedLowBackgroundHover : string;
32
+ export const ColorInteractionContainerBrandedLowBorder : string;
33
+ export const ColorInteractionContainerBrandedLowBorderActive : string;
34
+ export const ColorInteractionContainerBrandedLowBorderHover : string;
35
+ export const ColorInteractionContainerBrandedLowIcon : string;
36
+ export const ColorInteractionContainerBrandedLowIconActive : string;
37
+ export const ColorInteractionContainerBrandedLowIconHover : string;
38
+ export const ColorInteractionContainerBrandedLowText : string;
39
+ export const ColorInteractionContainerBrandedLowTextActive : string;
40
+ export const ColorInteractionContainerBrandedLowTextHover : string;
41
41
  export const ColorInteractionLinkHighIcon : string;
42
42
  export const ColorInteractionLinkHighIconHover : string;
43
43
  export const ColorInteractionLinkHighIconInactive : string;
@@ -247,18 +247,6 @@ export const ComponentsButtonHighTextHover : string;
247
247
  export const ComponentsButtonHighIcon : string;
248
248
  export const ComponentsButtonHighIconActive : string;
249
249
  export const ComponentsButtonHighIconHover : string;
250
- export const ComponentsButtonMediumBackground : string;
251
- export const ComponentsButtonMediumBackgroundActive : string;
252
- export const ComponentsButtonMediumBackgroundHover : string;
253
- export const ComponentsButtonMediumBorder : string;
254
- export const ComponentsButtonMediumBorderActive : string;
255
- export const ComponentsButtonMediumBorderHover : string;
256
- export const ComponentsButtonMediumIcon : string;
257
- export const ComponentsButtonMediumIconActive : string;
258
- export const ComponentsButtonMediumIconHover : string;
259
- export const ComponentsButtonMediumText : string;
260
- export const ComponentsButtonMediumTextActive : string;
261
- export const ComponentsButtonMediumTextHover : string;
262
250
  export const ComponentsButtonLowBackground : string;
263
251
  export const ComponentsButtonLowBorder : string;
264
252
  export const ComponentsButtonLowBorderActive : string;
@@ -293,6 +281,30 @@ export const ComponentsButtonGrAsComplementaryText : string;
293
281
  export const ComponentsButtonGrAsComplementaryTextHover : string;
294
282
  export const ComponentsButtonGrAsComplementaryIcon : string;
295
283
  export const ComponentsButtonGrAsComplementaryIconHover : string;
284
+ export const ComponentsButtonMediumBackground : string;
285
+ export const ComponentsButtonMediumBackgroundActive : string;
286
+ export const ComponentsButtonMediumBackgroundHover : string;
287
+ export const ComponentsButtonMediumBorder : string;
288
+ export const ComponentsButtonMediumBorderActive : string;
289
+ export const ComponentsButtonMediumBorderHover : string;
290
+ export const ComponentsButtonMediumIcon : string;
291
+ export const ComponentsButtonMediumIconActive : string;
292
+ export const ComponentsButtonMediumIconHover : string;
293
+ export const ComponentsButtonMediumText : string;
294
+ export const ComponentsButtonMediumTextActive : string;
295
+ export const ComponentsButtonMediumTextHover : string;
296
+ export const ComponentsDatagridHeaderText : string;
297
+ export const ComponentsDatagridHeaderBorder : string;
298
+ export const ComponentsDatagridHeaderBackground : string;
299
+ export const ComponentsDatagridBodyText : string;
300
+ export const ComponentsDatagridBodySubtext : string;
301
+ export const ComponentsDatagridBodyBorder : string;
302
+ export const ComponentsDatagridBodyBackgroundDefault : string;
303
+ export const ComponentsDatagridBodyBackgroundActive : string;
304
+ export const ComponentsDatagridBodyBackgroundHover : string;
305
+ export const ComponentsDatagridExpanderContentBackground : string;
306
+ export const ComponentsDatagridExpanderBorder : string;
307
+ export const ComponentsDatagridExpanderExpanderBackground : string;
296
308
  export const ComponentsFormOpacityDefault : string;
297
309
  export const ComponentsFormOpacityDisabled : string;
298
310
  export const ComponentsFormTextRequired : string;
@@ -450,15 +462,14 @@ export const ComponentsAvatarContent10 : string;
450
462
  export const ComponentsBreadcrumbText : string;
451
463
  export const ComponentsBreadcrumbTextActive : string;
452
464
  export const ComponentsBreadcrumbTextHover : string;
453
- export const ComponentsDatagridHeaderBorder : string;
454
- export const ComponentsDatagridHeaderText : string;
455
- export const ComponentsDatagridHeaderBackground : string;
456
- export const ComponentsDatagridBodyBorder : string;
457
- export const ComponentsDatagridBodyText : string;
458
- export const ComponentsDatagridBodySubtext : string;
459
- export const ComponentsDatagridBodyBackgroundDefault : string;
460
- export const ComponentsDatagridBodyBackgroundActive : string;
461
- export const ComponentsDatagridBodyBackgroundHover : string;
465
+ export const ComponentsButtongroupHighBorder : string;
466
+ export const ComponentsButtongroupHighBackground : string;
467
+ export const ComponentsButtongroupMediumBorder : string;
468
+ export const ComponentsButtongroupMediumBackground : string;
469
+ export const ComponentsButtongroupLowBorder : string;
470
+ export const ComponentsButtongroupLowBackground : string;
471
+ export const ComponentsButtongroupLowerBorder : string;
472
+ export const ComponentsButtongroupLowerBackground : string;
462
473
  export const ComponentsFieldTimeBackgroundDefault : string;
463
474
  export const ComponentsFieldTimeBackgroundHover : string;
464
475
  export const ComponentsFieldTimeBackgroundActive : string;
@@ -539,3 +550,7 @@ export const ComponentsTooltipBackground : string;
539
550
  export const ComponentsTooltipBorder : string;
540
551
  export const ComponentsTooltipText : string;
541
552
  export const ComponentsTooltipSupportingText : string;
553
+ export const ComponentsTogglegroupHighBorder : string;
554
+ export const ComponentsTogglegroupHighBackground : string;
555
+ export const ComponentsTogglegroupLowBorder : string;
556
+ export const ComponentsTogglegroupLowBackground : string;
package/dist/js/ocean_dark.js CHANGED
@@ -2,18 +2,18 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
- export const ColorInteractionContainerBrandedLowBackground = "#ffffff";
6
- export const ColorInteractionContainerBrandedLowBackgroundActive = "#0b292e";
7
- export const ColorInteractionContainerBrandedLowBackgroundHover = "#0b292e";
8
- export const ColorInteractionContainerBrandedLowBorder = "#258998";
9
- export const ColorInteractionContainerBrandedLowBorderActive = "#4b9eaa";
10
- export const ColorInteractionContainerBrandedLowBorderHover = "#4b9eaa";
11
- export const ColorInteractionContainerBrandedLowIcon = "#258998";
12
- export const ColorInteractionContainerBrandedLowIconActive = "#4b9eaa";
13
- export const ColorInteractionContainerBrandedLowIconHover = "#4b9eaa";
14
- export const ColorInteractionContainerBrandedLowText = "#258998";
15
- export const ColorInteractionContainerBrandedLowTextActive = "#4b9eaa";
16
- export const ColorInteractionContainerBrandedLowTextHover = "#4b9eaa";
5
+ export const ColorInteractionContainerNeutralBackground = "#ffffff";
6
+ export const ColorInteractionContainerNeutralBackgroundHover = "#171f22";
7
+ export const ColorInteractionContainerNeutralBackgroundActive = "#0b292e";
8
+ export const ColorInteractionContainerNeutralBorder = "#889499";
9
+ export const ColorInteractionContainerNeutralBorderActive = "#4b9eaa";
10
+ export const ColorInteractionContainerNeutralBorderHover = "#bac1c4";
11
+ export const ColorInteractionContainerNeutralIcon = "#889499";
12
+ export const ColorInteractionContainerNeutralIconActive = "#4b9eaa";
13
+ export const ColorInteractionContainerNeutralIconHover = "#bac1c4";
14
+ export const ColorInteractionContainerNeutralText = "#889499";
15
+ export const ColorInteractionContainerNeutralTextActive = "#4b9eaa";
16
+ export const ColorInteractionContainerNeutralTextHover = "#bac1c4";
17
17
  export const ColorInteractionContainerBrandedHighBackground = "#258998";
18
18
  export const ColorInteractionContainerBrandedHighBackgroundActive = "#4b9eaa";
19
19
  export const ColorInteractionContainerBrandedHighBackgroundHover = "#4b9eaa";
@@ -26,18 +26,18 @@ export const ColorInteractionContainerBrandedHighIconHover = "#000000";
26
26
  export const ColorInteractionContainerBrandedHighText = "#000000";
27
27
  export const ColorInteractionContainerBrandedHighTextActive = "#000000";
28
28
  export const ColorInteractionContainerBrandedHighTextHover = "#000000";
29
- export const ColorInteractionContainerNeutralBackground = "#ffffff";
30
- export const ColorInteractionContainerNeutralBackgroundHover = "#ffffff";
31
- export const ColorInteractionContainerNeutralBackgroundActive = "#0b292e";
32
- export const ColorInteractionContainerNeutralBorder = "#889499";
33
- export const ColorInteractionContainerNeutralBorderActive = "#4b9eaa";
34
- export const ColorInteractionContainerNeutralBorderHover = "#bac1c4";
35
- export const ColorInteractionContainerNeutralIcon = "#889499";
36
- export const ColorInteractionContainerNeutralIconActive = "#4b9eaa";
37
- export const ColorInteractionContainerNeutralIconHover = "#bac1c4";
38
- export const ColorInteractionContainerNeutralText = "#889499";
39
- export const ColorInteractionContainerNeutralTextActive = "#4b9eaa";
40
- export const ColorInteractionContainerNeutralTextHover = "#bac1c4";
29
+ export const ColorInteractionContainerBrandedLowBackground = "#0b0f11";
30
+ export const ColorInteractionContainerBrandedLowBackgroundActive = "#0b292e";
31
+ export const ColorInteractionContainerBrandedLowBackgroundHover = "#0b292e";
32
+ export const ColorInteractionContainerBrandedLowBorder = "#258998";
33
+ export const ColorInteractionContainerBrandedLowBorderActive = "#4b9eaa";
34
+ export const ColorInteractionContainerBrandedLowBorderHover = "#4b9eaa";
35
+ export const ColorInteractionContainerBrandedLowIcon = "#258998";
36
+ export const ColorInteractionContainerBrandedLowIconActive = "#4b9eaa";
37
+ export const ColorInteractionContainerBrandedLowIconHover = "#4b9eaa";
38
+ export const ColorInteractionContainerBrandedLowText = "#258998";
39
+ export const ColorInteractionContainerBrandedLowTextActive = "#4b9eaa";
40
+ export const ColorInteractionContainerBrandedLowTextHover = "#4b9eaa";
41
41
  export const ColorInteractionLinkHighIcon = "#258998";
42
42
  export const ColorInteractionLinkHighIconHover = "#4b9eaa";
43
43
  export const ColorInteractionLinkHighIconInactive = "#889499";
@@ -247,18 +247,6 @@ export const ComponentsButtonHighTextHover = "#000000";
247
247
  export const ComponentsButtonHighIcon = "#000000";
248
248
  export const ComponentsButtonHighIconActive = "#000000";
249
249
  export const ComponentsButtonHighIconHover = "#000000";
250
- export const ComponentsButtonMediumBackground = "#ffffff";
251
- export const ComponentsButtonMediumBackgroundActive = "#0b292e";
252
- export const ComponentsButtonMediumBackgroundHover = "#0b292e";
253
- export const ComponentsButtonMediumBorder = "#258998";
254
- export const ComponentsButtonMediumBorderActive = "#4b9eaa";
255
- export const ComponentsButtonMediumBorderHover = "#4b9eaa";
256
- export const ComponentsButtonMediumIcon = "#258998";
257
- export const ComponentsButtonMediumIconActive = "#4b9eaa";
258
- export const ComponentsButtonMediumIconHover = "#4b9eaa";
259
- export const ComponentsButtonMediumText = "#258998";
260
- export const ComponentsButtonMediumTextActive = "#4b9eaa";
261
- export const ComponentsButtonMediumTextHover = "#4b9eaa";
262
250
  export const ComponentsButtonLowBackground = "#ffffff";
263
251
  export const ComponentsButtonLowBorder = "#ffffff";
264
252
  export const ComponentsButtonLowBorderActive = "#ffffff";
@@ -278,7 +266,7 @@ export const ComponentsButtonLowerBorder2 = "#ffffff";
278
266
  export const ComponentsButtonLowerBorderHover2 = "#ffffff";
279
267
  export const ComponentsButtonLowerBackground = "#ffffff";
280
268
  export const ComponentsButtonLowerBackgroundActive = "#0b292e";
281
- export const ComponentsButtonLowerBackgroundHover = "#ffffff";
269
+ export const ComponentsButtonLowerBackgroundHover = "#171f22";
282
270
  export const ComponentsButtonLowerIcon = "#889499";
283
271
  export const ComponentsButtonLowerIconActive = "#4b9eaa";
284
272
  export const ComponentsButtonLowerIconHover = "#bac1c4";
@@ -293,6 +281,30 @@ export const ComponentsButtonGrAsComplementaryText = "#ffffff";
293
281
  export const ComponentsButtonGrAsComplementaryTextHover = "#ffffff";
294
282
  export const ComponentsButtonGrAsComplementaryIcon = "#ffffff";
295
283
  export const ComponentsButtonGrAsComplementaryIconHover = "#ffffff";
284
+ export const ComponentsButtonMediumBackground = "#0b0f11";
285
+ export const ComponentsButtonMediumBackgroundActive = "#0b292e";
286
+ export const ComponentsButtonMediumBackgroundHover = "#0b292e";
287
+ export const ComponentsButtonMediumBorder = "#258998";
288
+ export const ComponentsButtonMediumBorderActive = "#4b9eaa";
289
+ export const ComponentsButtonMediumBorderHover = "#4b9eaa";
290
+ export const ComponentsButtonMediumIcon = "#258998";
291
+ export const ComponentsButtonMediumIconActive = "#4b9eaa";
292
+ export const ComponentsButtonMediumIconHover = "#4b9eaa";
293
+ export const ComponentsButtonMediumText = "#258998";
294
+ export const ComponentsButtonMediumTextActive = "#4b9eaa";
295
+ export const ComponentsButtonMediumTextHover = "#4b9eaa";
296
+ export const ComponentsDatagridHeaderText = "#ff0000";
297
+ export const ComponentsDatagridHeaderBorder = "#617177";
298
+ export const ComponentsDatagridHeaderBackground = "#ffffff";
299
+ export const ComponentsDatagridBodyText = "#ff0000";
300
+ export const ComponentsDatagridBodySubtext = "#00b4ff";
301
+ export const ComponentsDatagridBodyBorder = "#394d55";
302
+ export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
303
+ export const ComponentsDatagridBodyBackgroundActive = "#0b292e";
304
+ export const ComponentsDatagridBodyBackgroundHover = "#171f22";
305
+ export const ComponentsDatagridExpanderContentBackground = "#0b0f11";
306
+ export const ComponentsDatagridExpanderBorder = "#394d55";
307
+ export const ComponentsDatagridExpanderExpanderBackground = "#171f22";
296
308
  export const ComponentsFormOpacityDefault = "100%";
297
309
  export const ComponentsFormOpacityDisabled = "50%";
298
310
  export const ComponentsFormTextRequired = "#ff6161";
@@ -357,7 +369,7 @@ export const ComponentsListDropdownItemDescriptionDefault = "#889499";
357
369
  export const ComponentsListDropdownItemDescriptionHover = "#bac1c4";
358
370
  export const ComponentsListDropdownItemDescriptionDisabled = "#617177";
359
371
  export const ComponentsListDropdownItemBackgroundDefault = "#ffffff";
360
- export const ComponentsListDropdownItemBackgroundHover = "#ffffff";
372
+ export const ComponentsListDropdownItemBackgroundHover = "#171f22";
361
373
  export const ComponentsListDropdownItemBackgroundDisabled = "#ffffff";
362
374
  export const ComponentsListDropdownItemBackgroundActive = "#0b292e";
363
375
  export const ComponentsListDropdownGroupTitleContent = "#bac1c4";
@@ -447,20 +459,19 @@ export const ComponentsAvatarContent7 = "#66b16a";
447
459
  export const ComponentsAvatarContent8 = "#71b2bc";
448
460
  export const ComponentsAvatarContent9 = "#8da930";
449
461
  export const ComponentsAvatarContent10 = "#9fadb2";
450
- export const ComponentsBreadcrumbText = "#889499";
451
- export const ComponentsBreadcrumbTextActive = "#bac1c4";
462
+ export const ComponentsBreadcrumbText = "#f5f6f7";
463
+ export const ComponentsBreadcrumbTextActive = "#f5f6f7";
452
464
  export const ComponentsBreadcrumbTextHover = "#4b9eaa";
453
- export const ComponentsDatagridHeaderBorder = "#617177";
454
- export const ComponentsDatagridHeaderText = "#889499";
455
- export const ComponentsDatagridHeaderBackground = "#ffffff";
456
- export const ComponentsDatagridBodyBorder = "#394d55";
457
- export const ComponentsDatagridBodyText = "#f5f6f7";
458
- export const ComponentsDatagridBodySubtext = "#889499";
459
- export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
460
- export const ComponentsDatagridBodyBackgroundActive = "#0b292e";
461
- export const ComponentsDatagridBodyBackgroundHover = "#ffffff";
465
+ export const ComponentsButtongroupHighBorder = "#258998";
466
+ export const ComponentsButtongroupHighBackground = "#258998";
467
+ export const ComponentsButtongroupMediumBorder = "#258998";
468
+ export const ComponentsButtongroupMediumBackground = "#0b0f11";
469
+ export const ComponentsButtongroupLowBorder = "#258998";
470
+ export const ComponentsButtongroupLowBackground = "#0b0f11";
471
+ export const ComponentsButtongroupLowerBorder = "#889499";
472
+ export const ComponentsButtongroupLowerBackground = "#0b0f11";
462
473
  export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
463
- export const ComponentsFieldTimeBackgroundHover = "#ffffff";
474
+ export const ComponentsFieldTimeBackgroundHover = "#171f22";
464
475
  export const ComponentsFieldTimeBackgroundActive = "#0b292e";
465
476
  export const ComponentsFieldTimeTextDefault = "#889499";
466
477
  export const ComponentsFieldTimeTextHover = "#bac1c4";
@@ -472,11 +483,11 @@ export const ComponentsCalendarWeeksBackground = "#171f22";
472
483
  export const ComponentsCalendarWeeksBackgroundHover = "#171f22";
473
484
  export const ComponentsCalendarWeeksText = "#f5f6f7";
474
485
  export const ComponentsCalendarWeeksTextHover = "#f5f6f7";
475
- export const ComponentsCalendarCellBackground = "#ffffff";
486
+ export const ComponentsCalendarCellBackground = "#0b0f11";
476
487
  export const ComponentsCalendarCellBackgroundSelected = "#4b9eaa";
477
488
  export const ComponentsCalendarCellBackgroundInRange = "#0b292e";
478
489
  export const ComponentsCalendarCellBackgroundHover = "#0b292e";
479
- export const ComponentsCalendarCellBackgroundToday = "#ffffff";
490
+ export const ComponentsCalendarCellBackgroundToday = "#0b0f11";
480
491
  export const ComponentsCalendarCellDot = "#f5f6f7";
481
492
  export const ComponentsCalendarCellDotSelected = "#000000";
482
493
  export const ComponentsCalendarCellDotHover = "#000000";
@@ -490,7 +501,7 @@ export const ComponentsCalendarBackground = "#0b0f11";
490
501
  export const ComponentsMenuContextualBackground = "#0b0f11";
491
502
  export const ComponentsMenuContextualBorder = "#394d55";
492
503
  export const ComponentsMenuContextualItemBackground = "#ffffff";
493
- export const ComponentsMenuContextualItemBackgroundHover = "#ffffff";
504
+ export const ComponentsMenuContextualItemBackgroundHover = "#171f22";
494
505
  export const ComponentsMenuContextualItemShortcut = "#617177";
495
506
  export const ComponentsMenuContextualItemContent = "#889499";
496
507
  export const ComponentsMenuContextualItemContentDisabled = "#617177";
@@ -539,3 +550,7 @@ export const ComponentsTooltipBackground = "#f5f6f7";
539
550
  export const ComponentsTooltipBorder = "#f5f6f7";
540
551
  export const ComponentsTooltipText = "#0b0f11";
541
552
  export const ComponentsTooltipSupportingText = "#27353b";
553
+ export const ComponentsTogglegroupHighBorder = "#258998";
554
+ export const ComponentsTogglegroupHighBackground = "#0b0f11";
555
+ export const ComponentsTogglegroupLowBorder = "#889499";
556
+ export const ComponentsTogglegroupLowBackground = "#0b0f11";