@nova-design-system/nova-base 3.6.0 → 3.8.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 (27) hide show
  1. package/README.md +6 -0
  2. package/assets/icons/icon-sprite.svg +1 -1
  3. package/dist/cjs/generated/nova-tailwind-components.js +30 -2
  4. package/dist/cjs/generated/nova-tailwind-tokens.js +12 -12
  5. package/dist/cjs/plugin/nova-plugin.js +1 -1
  6. package/dist/css/mccs.css +40 -40
  7. package/dist/css/nova-utils.css +54 -48
  8. package/dist/css/ocean.css +40 -40
  9. package/dist/css/spark.css +40 -40
  10. package/dist/generated/nova-tailwind-components.d.ts +30 -2
  11. package/dist/generated/nova-tailwind-components.js +30 -2
  12. package/dist/generated/nova-tailwind-tokens.d.ts +8 -8
  13. package/dist/generated/nova-tailwind-tokens.js +12 -12
  14. package/dist/js/mccs_dark.d.ts +17 -17
  15. package/dist/js/mccs_dark.js +25 -25
  16. package/dist/js/mccs_light.d.ts +17 -17
  17. package/dist/js/mccs_light.js +24 -24
  18. package/dist/js/ocean_dark.d.ts +17 -17
  19. package/dist/js/ocean_dark.js +24 -24
  20. package/dist/js/ocean_light.d.ts +17 -17
  21. package/dist/js/ocean_light.js +24 -24
  22. package/dist/js/spark_dark.d.ts +17 -17
  23. package/dist/js/spark_dark.js +24 -24
  24. package/dist/js/spark_light.d.ts +17 -17
  25. package/dist/js/spark_light.js +24 -24
  26. package/dist/plugin/nova-plugin.js +1 -1
  27. package/package.json +1 -1
package/dist/css/spark.css CHANGED
@@ -264,14 +264,14 @@
264
264
  --color-interaction-link-inverted-text-hover: var(--color-orange-600);
265
265
  --color-interaction-link-inverted-icon-visited: var(--color-orange-400);
266
266
  --color-interaction-link-inverted-icon-hover: var(--color-orange-600);
267
- --color-interaction-link-low-text-visited: var(--color-orange-700);
268
- --color-interaction-link-low-text-hover: var(--color-orange-500);
269
- --color-interaction-link-low-icon-visited: var(--color-orange-700);
270
- --color-interaction-link-low-icon-hover: var(--color-orange-500);
271
- --color-interaction-link-high-text-visited: var(--color-orange-700);
267
+ --color-interaction-link-low-text-visited: var(--color-orange-400);
268
+ --color-interaction-link-low-text-hover: var(--color-orange-400);
269
+ --color-interaction-link-low-icon-visited: var(--color-orange-400);
270
+ --color-interaction-link-low-icon-hover: var(--color-orange-400);
271
+ --color-interaction-link-high-text-visited: var(--color-orange-400);
272
272
  --color-interaction-link-high-text-hover: var(--color-orange-400);
273
273
  --color-interaction-link-high-text: var(--color-orange-500);
274
- --color-interaction-link-high-icon-visited: var(--color-orange-700);
274
+ --color-interaction-link-high-icon-visited: var(--color-orange-400);
275
275
  --color-interaction-link-high-icon-hover: var(--color-orange-400);
276
276
  --color-interaction-link-high-icon: var(--color-orange-500);
277
277
  --color-interaction-container-neutral-text-active: var(--color-orange-400);
@@ -331,10 +331,6 @@
331
331
  --components-menu-contextual-border: var(--color-content-low-border);
332
332
  --components-menu-contextual-background: var(--color-level-00-background);
333
333
  --components-calendar-background: var(--color-level-00-background);
334
- --components-calendar-weeks-text-hover: var(--color-content-high-text);
335
- --components-calendar-weeks-text: var(--color-content-high-text);
336
- --components-calendar-weeks-background-hover: var(--color-level-15-background);
337
- --components-calendar-weeks-background: var(--color-level-10-background);
338
334
  --components-calendar-cell-text-today: var(--color-content-high-text);
339
335
  --components-calendar-cell-text-outside-month: var(--color-content-lower-text);
340
336
  --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);
@@ -345,11 +341,21 @@
345
341
  --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);
346
342
  --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);
347
343
  --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);
344
+ --components-calendar-weeks-text-hover: var(--color-content-high-text);
345
+ --components-calendar-weeks-text: var(--color-content-high-text);
346
+ --components-calendar-weeks-background-hover: var(--color-level-15-background);
347
+ --components-calendar-weeks-background: var(--color-level-10-background);
348
348
  --components-calendar-header-text: var(--color-content-high-text);
349
349
  --components-calendar-border: var(--color-content-low-border);
350
350
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
351
351
  --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
352
352
  --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);
353
+ --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);
354
+ --components-datagrid-body-subtext: var(--color-content-low-text);
355
+ --components-datagrid-body-text: var(--color-content-high-text);
356
+ --components-datagrid-body-border: var(--color-content-low-border);
357
+ --components-datagrid-header-text: var(--color-content-low-text);
358
+ --components-datagrid-header-border: var(--color-content-medium-border);
353
359
  --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);
354
360
  --components-breadcrumb-text-active: var(--color-content-medium-text);
355
361
  --components-breadcrumb-text: var(--color-content-low-text);
@@ -383,12 +389,6 @@
383
389
  --components-avatar-background-3: var(--color-rainbow-3-background);
384
390
  --components-avatar-background-2: var(--color-rainbow-2-background);
385
391
  --components-avatar-background-1: var(--color-rainbow-1-background);
386
- --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);
387
- --components-datagrid-body-subtext: var(--color-content-low-text);
388
- --components-datagrid-body-text: var(--color-content-high-text);
389
- --components-datagrid-body-border: var(--color-content-low-border);
390
- --components-datagrid-header-text: var(--color-content-low-text);
391
- --components-datagrid-header-border: var(--color-content-medium-border);
392
392
  --components-alert-neutral-icon: var(--color-feedback-neutral-low-icon);
393
393
  --components-alert-neutral-border: var(--color-feedback-neutral-low-border);
394
394
  --components-alert-neutral-background: var(--color-feedback-neutral-low-background);
@@ -499,13 +499,13 @@
499
499
  --color-focus-background: var(--color-level-00-background);
500
500
  --color-interaction-link-inverted-text-inactive: var(--color-content-inverted-low-text);
501
501
  --color-interaction-link-inverted-text: var(--color-content-inverted-medium-text);
502
- --color-interaction-link-inverted-icon-inactive: var(--color-content-inverted-low-icon);
502
+ --color-interaction-link-inverted-icon-disabled: var(--color-content-inverted-low-icon);
503
503
  --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
504
- --color-interaction-link-low-text-inactive: var(--color-content-low-text);
504
+ --color-interaction-link-low-text-disabled: var(--color-content-low-text);
505
505
  --color-interaction-link-low-text: var(--color-content-high-text);
506
- --color-interaction-link-low-icon-inactive: var(--color-content-low-icon);
506
+ --color-interaction-link-low-icon-disabled: var(--color-content-low-icon);
507
507
  --color-interaction-link-low-icon: var(--color-content-high-text);
508
- --color-interaction-link-high-text-inactive: var(--color-content-low-text);
508
+ --color-interaction-link-high-text-disabled: var(--color-content-low-text);
509
509
  --color-interaction-link-high-icon-inactive: var(--color-content-low-icon);
510
510
  --color-interaction-container-neutral-text-hover: var(--color-content-medium-text);
511
511
  --color-interaction-container-neutral-text: var(--color-content-low-text);
@@ -829,14 +829,14 @@
829
829
  --color-interaction-link-inverted-text-hover: var(--color-orange-500);
830
830
  --color-interaction-link-inverted-icon-visited: var(--color-orange-700);
831
831
  --color-interaction-link-inverted-icon-hover: var(--color-orange-500);
832
- --color-interaction-link-low-text-visited: var(--color-orange-400);
833
- --color-interaction-link-low-text-hover: var(--color-orange-600);
834
- --color-interaction-link-low-icon-visited: var(--color-orange-400);
835
- --color-interaction-link-low-icon-hover: var(--color-orange-600);
836
- --color-interaction-link-high-text-visited: var(--color-orange-400);
832
+ --color-interaction-link-low-text-visited: var(--color-orange-700);
833
+ --color-interaction-link-low-text-hover: var(--color-orange-700);
834
+ --color-interaction-link-low-icon-visited: var(--color-orange-700);
835
+ --color-interaction-link-low-icon-hover: var(--color-orange-700);
836
+ --color-interaction-link-high-text-visited: var(--color-orange-700);
837
837
  --color-interaction-link-high-text-hover: var(--color-orange-700);
838
838
  --color-interaction-link-high-text: var(--color-orange-600);
839
- --color-interaction-link-high-icon-visited: var(--color-orange-400);
839
+ --color-interaction-link-high-icon-visited: var(--color-orange-700);
840
840
  --color-interaction-link-high-icon-hover: var(--color-orange-700);
841
841
  --color-interaction-link-high-icon: var(--color-orange-600);
842
842
  --color-interaction-container-neutral-text-active: var(--color-orange-600);
@@ -896,10 +896,6 @@
896
896
  --components-menu-contextual-border: var(--color-content-low-border);
897
897
  --components-menu-contextual-background: var(--color-level-00-background);
898
898
  --components-calendar-background: var(--color-level-00-background);
899
- --components-calendar-weeks-text-hover: var(--color-content-high-text);
900
- --components-calendar-weeks-text: var(--color-content-high-text);
901
- --components-calendar-weeks-background-hover: var(--color-level-15-background);
902
- --components-calendar-weeks-background: var(--color-level-10-background);
903
899
  --components-calendar-cell-text-today: var(--color-content-high-text);
904
900
  --components-calendar-cell-text-outside-month: var(--color-content-lower-text);
905
901
  --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);
@@ -909,11 +905,21 @@
909
905
  --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);
910
906
  --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);
911
907
  --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);
908
+ --components-calendar-weeks-text-hover: var(--color-content-high-text);
909
+ --components-calendar-weeks-text: var(--color-content-high-text);
910
+ --components-calendar-weeks-background-hover: var(--color-level-15-background);
911
+ --components-calendar-weeks-background: var(--color-level-10-background);
912
912
  --components-calendar-header-text: var(--color-content-high-text);
913
913
  --components-calendar-border: var(--color-content-low-border);
914
914
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
915
915
  --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
916
916
  --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);
917
+ --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);
918
+ --components-datagrid-body-subtext: var(--color-content-low-text);
919
+ --components-datagrid-body-text: var(--color-content-high-text);
920
+ --components-datagrid-body-border: var(--color-content-low-border);
921
+ --components-datagrid-header-text: var(--color-content-low-text);
922
+ --components-datagrid-header-border: var(--color-content-medium-border);
917
923
  --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);
918
924
  --components-breadcrumb-text-active: var(--color-content-medium-text);
919
925
  --components-breadcrumb-text: var(--color-content-low-text);
@@ -947,12 +953,6 @@
947
953
  --components-avatar-background-3: var(--color-rainbow-3-background);
948
954
  --components-avatar-background-2: var(--color-rainbow-2-background);
949
955
  --components-avatar-background-1: var(--color-rainbow-1-background);
950
- --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);
951
- --components-datagrid-body-subtext: var(--color-content-low-text);
952
- --components-datagrid-body-text: var(--color-content-high-text);
953
- --components-datagrid-body-border: var(--color-content-low-border);
954
- --components-datagrid-header-text: var(--color-content-low-text);
955
- --components-datagrid-header-border: var(--color-content-medium-border);
956
956
  --components-alert-neutral-icon: var(--color-feedback-neutral-low-icon);
957
957
  --components-alert-neutral-border: var(--color-feedback-neutral-low-border);
958
958
  --components-alert-neutral-background: var(--color-feedback-neutral-low-background);
@@ -1065,13 +1065,13 @@
1065
1065
  --color-focus-background: var(--color-level-00-background);
1066
1066
  --color-interaction-link-inverted-text-inactive: var(--color-content-inverted-low-text);
1067
1067
  --color-interaction-link-inverted-text: var(--color-content-inverted-medium-text);
1068
- --color-interaction-link-inverted-icon-inactive: var(--color-content-inverted-low-icon);
1068
+ --color-interaction-link-inverted-icon-disabled: var(--color-content-inverted-low-icon);
1069
1069
  --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
1070
- --color-interaction-link-low-text-inactive: var(--color-content-low-text);
1070
+ --color-interaction-link-low-text-disabled: var(--color-content-low-text);
1071
1071
  --color-interaction-link-low-text: var(--color-content-high-text);
1072
- --color-interaction-link-low-icon-inactive: var(--color-content-low-icon);
1072
+ --color-interaction-link-low-icon-disabled: var(--color-content-low-text);
1073
1073
  --color-interaction-link-low-icon: var(--color-content-high-text);
1074
- --color-interaction-link-high-text-inactive: var(--color-content-low-text);
1074
+ --color-interaction-link-high-text-disabled: var(--color-content-low-text);
1075
1075
  --color-interaction-link-high-icon-inactive: var(--color-content-low-icon);
1076
1076
  --color-interaction-container-neutral-text-hover: var(--color-content-medium-text);
1077
1077
  --color-interaction-container-neutral-text: var(--color-content-low-text);
package/dist/generated/nova-tailwind-components.d.ts CHANGED
@@ -321,14 +321,42 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
321
321
  '.nv-button.fluid': {
322
322
  width: string;
323
323
  };
324
- '.nv-link': {
324
+ '.nv-link, .nv-link-low, .nv-link-high': {
325
325
  color: string;
326
326
  fontWeight: string;
327
327
  textDecoration: string;
328
328
  };
329
- '.nv-link:hover': {
329
+ '.nv-link:hover, .nv-link-low:hover, .nv-link-high:hover': {
330
330
  color: string;
331
331
  };
332
+ '.nv-link-low': {
333
+ color: string;
334
+ textDecoration: string;
335
+ };
336
+ '.nv-link-low:hover': {
337
+ color: string;
338
+ };
339
+ '.nv-link-low:visited': {
340
+ color: string;
341
+ };
342
+ '.nv-link-low.disabled': {
343
+ color: string;
344
+ textDecoration: string;
345
+ };
346
+ '.nv-link-high': {
347
+ color: string;
348
+ textDecoration: string;
349
+ };
350
+ '.nv-link-high:hover': {
351
+ color: string;
352
+ };
353
+ '.nv-link-high:visited': {
354
+ color: string;
355
+ };
356
+ '.nv-link-high.disabled': {
357
+ color: string;
358
+ textDecoration: string;
359
+ };
332
360
  '.nv-sidenav .nv-link, .nv-navbar .nv-link, .nv-tabs .nv-link, .nv-buttongroup .nv-link': {
333
361
  display: string;
334
362
  alignItems: string;
package/dist/generated/nova-tailwind-components.js CHANGED
@@ -322,14 +322,42 @@ export const NOVA_TAILWIND_COMPONENTS = {
322
322
  '.nv-button.fluid': {
323
323
  'width': '100%'
324
324
  },
325
- '.nv-link': {
325
+ '.nv-link, .nv-link-low, .nv-link-high': {
326
326
  'color': 'var(--color-interaction-link-high-text)',
327
327
  'fontWeight': '500',
328
328
  'textDecoration': 'none'
329
329
  },
330
- '.nv-link:hover': {
330
+ '.nv-link:hover, .nv-link-low:hover, .nv-link-high:hover': {
331
331
  'color': 'var(--color-interaction-link-high-text-hover)'
332
332
  },
333
+ '.nv-link-low': {
334
+ 'color': 'var(--color-interaction-link-low-text)',
335
+ 'textDecoration': 'underline'
336
+ },
337
+ '.nv-link-low:hover': {
338
+ 'color': 'var(--color-interaction-link-low-text-hover)'
339
+ },
340
+ '.nv-link-low:visited': {
341
+ 'color': 'var(--color-interaction-link-low-text-visited)'
342
+ },
343
+ '.nv-link-low.disabled': {
344
+ 'color': 'var(--color-interaction-link-high-text-disabled)',
345
+ 'textDecoration': 'none'
346
+ },
347
+ '.nv-link-high': {
348
+ 'color': 'var(--color-interaction-link-high-text)',
349
+ 'textDecoration': 'underline'
350
+ },
351
+ '.nv-link-high:hover': {
352
+ 'color': 'var(--color-interaction-link-high-text-hover)'
353
+ },
354
+ '.nv-link-high:visited': {
355
+ 'color': 'var(--color-interaction-link-high-text-visited)'
356
+ },
357
+ '.nv-link-high.disabled': {
358
+ 'color': 'var(--color-interaction-link-high-text-disabled)',
359
+ 'textDecoration': 'none'
360
+ },
333
361
  '.nv-sidenav .nv-link, .nv-navbar .nv-link, .nv-tabs .nv-link, .nv-buttongroup .nv-link': {
334
362
  'display': 'flex',
335
363
  'alignItems': 'center',
package/dist/generated/nova-tailwind-tokens.d.ts CHANGED
@@ -306,10 +306,10 @@ export declare const NOVA_TAILWIND_TOKENS: {
306
306
  '.text-interaction-link-high': {
307
307
  color: string;
308
308
  };
309
- '.text-interaction-link-high-hover': {
309
+ '.text-interaction-link-high-disabled': {
310
310
  color: string;
311
311
  };
312
- '.text-interaction-link-high-inactive': {
312
+ '.text-interaction-link-high-hover': {
313
313
  color: string;
314
314
  };
315
315
  '.text-interaction-link-high-visited': {
@@ -318,10 +318,10 @@ export declare const NOVA_TAILWIND_TOKENS: {
318
318
  '.icon-interaction-link-inverted': {
319
319
  color: string;
320
320
  };
321
- '.icon-interaction-link-inverted-hover': {
321
+ '.icon-interaction-link-inverted-disabled': {
322
322
  color: string;
323
323
  };
324
- '.icon-interaction-link-inverted-inactive': {
324
+ '.icon-interaction-link-inverted-hover': {
325
325
  color: string;
326
326
  };
327
327
  '.icon-interaction-link-inverted-visited': {
@@ -342,10 +342,10 @@ export declare const NOVA_TAILWIND_TOKENS: {
342
342
  '.icon-interaction-link-low': {
343
343
  color: string;
344
344
  };
345
- '.icon-interaction-link-low-hover': {
345
+ '.icon-interaction-link-low-disabled': {
346
346
  color: string;
347
347
  };
348
- '.icon-interaction-link-low-inactive': {
348
+ '.icon-interaction-link-low-hover': {
349
349
  color: string;
350
350
  };
351
351
  '.icon-interaction-link-low-visited': {
@@ -354,10 +354,10 @@ export declare const NOVA_TAILWIND_TOKENS: {
354
354
  '.text-interaction-link-low': {
355
355
  color: string;
356
356
  };
357
- '.text-interaction-link-low-hover': {
357
+ '.text-interaction-link-low-disabled': {
358
358
  color: string;
359
359
  };
360
- '.text-interaction-link-low-inactive': {
360
+ '.text-interaction-link-low-hover': {
361
361
  color: string;
362
362
  };
363
363
  '.text-interaction-link-low-visited': {
package/dist/generated/nova-tailwind-tokens.js CHANGED
@@ -307,24 +307,24 @@ export const NOVA_TAILWIND_TOKENS = {
307
307
  '.text-interaction-link-high': {
308
308
  'color': 'var(--color-interaction-link-high-text)'
309
309
  },
310
+ '.text-interaction-link-high-disabled': {
311
+ 'color': 'var(--color-interaction-link-high-text-disabled)'
312
+ },
310
313
  '.text-interaction-link-high-hover': {
311
314
  'color': 'var(--color-interaction-link-high-text-hover)'
312
315
  },
313
- '.text-interaction-link-high-inactive': {
314
- 'color': 'var(--color-interaction-link-high-text-inactive)'
315
- },
316
316
  '.text-interaction-link-high-visited': {
317
317
  'color': 'var(--color-interaction-link-high-text-visited)'
318
318
  },
319
319
  '.icon-interaction-link-inverted': {
320
320
  'color': 'var(--color-interaction-link-inverted-icon)'
321
321
  },
322
+ '.icon-interaction-link-inverted-disabled': {
323
+ 'color': 'var(--color-interaction-link-inverted-icon-disabled)'
324
+ },
322
325
  '.icon-interaction-link-inverted-hover': {
323
326
  'color': 'var(--color-interaction-link-inverted-icon-hover)'
324
327
  },
325
- '.icon-interaction-link-inverted-inactive': {
326
- 'color': 'var(--color-interaction-link-inverted-icon-inactive)'
327
- },
328
328
  '.icon-interaction-link-inverted-visited': {
329
329
  'color': 'var(--color-interaction-link-inverted-icon-visited)'
330
330
  },
@@ -343,24 +343,24 @@ export const NOVA_TAILWIND_TOKENS = {
343
343
  '.icon-interaction-link-low': {
344
344
  'color': 'var(--color-interaction-link-low-icon)'
345
345
  },
346
+ '.icon-interaction-link-low-disabled': {
347
+ 'color': 'var(--color-interaction-link-low-icon-disabled)'
348
+ },
346
349
  '.icon-interaction-link-low-hover': {
347
350
  'color': 'var(--color-interaction-link-low-icon-hover)'
348
351
  },
349
- '.icon-interaction-link-low-inactive': {
350
- 'color': 'var(--color-interaction-link-low-icon-inactive)'
351
- },
352
352
  '.icon-interaction-link-low-visited': {
353
353
  'color': 'var(--color-interaction-link-low-icon-visited)'
354
354
  },
355
355
  '.text-interaction-link-low': {
356
356
  'color': 'var(--color-interaction-link-low-text)'
357
357
  },
358
+ '.text-interaction-link-low-disabled': {
359
+ 'color': 'var(--color-interaction-link-low-text-disabled)'
360
+ },
358
361
  '.text-interaction-link-low-hover': {
359
362
  'color': 'var(--color-interaction-link-low-text-hover)'
360
363
  },
361
- '.text-interaction-link-low-inactive': {
362
- 'color': 'var(--color-interaction-link-low-text-inactive)'
363
- },
364
364
  '.text-interaction-link-low-visited': {
365
365
  'color': 'var(--color-interaction-link-low-text-visited)'
366
366
  },
package/dist/js/mccs_dark.d.ts CHANGED
@@ -44,19 +44,19 @@ export const ColorInteractionLinkHighIconInactive : string;
44
44
  export const ColorInteractionLinkHighIconVisited : string;
45
45
  export const ColorInteractionLinkHighText : string;
46
46
  export const ColorInteractionLinkHighTextHover : string;
47
- export const ColorInteractionLinkHighTextInactive : string;
47
+ export const ColorInteractionLinkHighTextDisabled : string;
48
48
  export const ColorInteractionLinkHighTextVisited : string;
49
49
  export const ColorInteractionLinkLowIcon : string;
50
50
  export const ColorInteractionLinkLowIconHover : string;
51
- export const ColorInteractionLinkLowIconInactive : string;
51
+ export const ColorInteractionLinkLowIconDisabled : string;
52
52
  export const ColorInteractionLinkLowIconVisited : string;
53
53
  export const ColorInteractionLinkLowText : string;
54
54
  export const ColorInteractionLinkLowTextHover : string;
55
- export const ColorInteractionLinkLowTextInactive : string;
55
+ export const ColorInteractionLinkLowTextDisabled : string;
56
56
  export const ColorInteractionLinkLowTextVisited : string;
57
57
  export const ColorInteractionLinkInvertedIcon : string;
58
58
  export const ColorInteractionLinkInvertedIconHover : string;
59
- export const ColorInteractionLinkInvertedIconInactive : string;
59
+ export const ColorInteractionLinkInvertedIconDisabled : string;
60
60
  export const ColorInteractionLinkInvertedIconVisited : string;
61
61
  export const ColorInteractionLinkInvertedText : string;
62
62
  export const ColorInteractionLinkInvertedTextHover : string;
@@ -417,15 +417,6 @@ export const ComponentsAlertSuccessIcon : string;
417
417
  export const ComponentsAlertNeutralBackground : string;
418
418
  export const ComponentsAlertNeutralBorder : string;
419
419
  export const ComponentsAlertNeutralIcon : string;
420
- export const ComponentsDatagridHeaderBorder : string;
421
- export const ComponentsDatagridHeaderText : string;
422
- export const ComponentsDatagridHeaderBackground : string;
423
- export const ComponentsDatagridBodyBorder : string;
424
- export const ComponentsDatagridBodyText : string;
425
- export const ComponentsDatagridBodySubtext : string;
426
- export const ComponentsDatagridBodyBackgroundDefault : string;
427
- export const ComponentsDatagridBodyBackgroundActive : string;
428
- export const ComponentsDatagridBodyBackgroundHover : string;
429
420
  export const ComponentsAvatarBackground1 : string;
430
421
  export const ComponentsAvatarBackground2 : string;
431
422
  export const ComponentsAvatarBackground3 : string;
@@ -459,6 +450,15 @@ export const ComponentsAvatarContent10 : string;
459
450
  export const ComponentsBreadcrumbText : string;
460
451
  export const ComponentsBreadcrumbTextActive : string;
461
452
  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;
462
462
  export const ComponentsFieldTimeBackgroundDefault : string;
463
463
  export const ComponentsFieldTimeBackgroundHover : string;
464
464
  export const ComponentsFieldTimeBackgroundActive : string;
@@ -468,6 +468,10 @@ export const ComponentsFieldTimeTextActive : string;
468
468
  export const ComponentsFieldTimeBorderActive : string;
469
469
  export const ComponentsCalendarBorder : string;
470
470
  export const ComponentsCalendarHeaderText : string;
471
+ export const ComponentsCalendarWeeksBackground : string;
472
+ export const ComponentsCalendarWeeksBackgroundHover : string;
473
+ export const ComponentsCalendarWeeksText : string;
474
+ export const ComponentsCalendarWeeksTextHover : string;
471
475
  export const ComponentsCalendarCellBackground : string;
472
476
  export const ComponentsCalendarCellBackgroundSelected : string;
473
477
  export const ComponentsCalendarCellBackgroundInRange : string;
@@ -482,10 +486,6 @@ export const ComponentsCalendarCellTextInRange : string;
482
486
  export const ComponentsCalendarCellTextHover : string;
483
487
  export const ComponentsCalendarCellTextOutsideMonth : string;
484
488
  export const ComponentsCalendarCellTextToday : string;
485
- export const ComponentsCalendarWeeksBackground : string;
486
- export const ComponentsCalendarWeeksBackgroundHover : string;
487
- export const ComponentsCalendarWeeksText : string;
488
- export const ComponentsCalendarWeeksTextHover : string;
489
489
  export const ComponentsCalendarBackground : string;
490
490
  export const ComponentsMenuContextualBackground : string;
491
491
  export const ComponentsMenuContextualBorder : string;
package/dist/js/mccs_dark.js CHANGED
@@ -38,25 +38,25 @@ export const ColorInteractionContainerNeutralIconHover = "#bac1c4";
38
38
  export const ColorInteractionContainerNeutralText = "#889499";
39
39
  export const ColorInteractionContainerNeutralTextActive = "#71b2bc";
40
40
  export const ColorInteractionContainerNeutralTextHover = "#bac1c4";
41
- export const ColorInteractionLinkHighIcon = "#4b9eaa";
42
- export const ColorInteractionLinkHighIconHover = "#71b2bc";
41
+ export const ColorInteractionLinkHighIcon = "#258998";
42
+ export const ColorInteractionLinkHighIconHover = "#4b9eaa";
43
43
  export const ColorInteractionLinkHighIconInactive = "#889499";
44
- export const ColorInteractionLinkHighIconVisited = "#1f717d";
45
- export const ColorInteractionLinkHighText = "#4b9eaa";
46
- export const ColorInteractionLinkHighTextHover = "#71b2bc";
47
- export const ColorInteractionLinkHighTextInactive = "#889499";
48
- export const ColorInteractionLinkHighTextVisited = "#1f717d";
44
+ export const ColorInteractionLinkHighIconVisited = "#4b9eaa";
45
+ export const ColorInteractionLinkHighText = "#258998";
46
+ export const ColorInteractionLinkHighTextHover = "#4b9eaa";
47
+ export const ColorInteractionLinkHighTextDisabled = "#889499";
48
+ export const ColorInteractionLinkHighTextVisited = "#4b9eaa";
49
49
  export const ColorInteractionLinkLowIcon = "#f5f6f7";
50
50
  export const ColorInteractionLinkLowIconHover = "#4b9eaa";
51
- export const ColorInteractionLinkLowIconInactive = "#889499";
52
- export const ColorInteractionLinkLowIconVisited = "#1f717d";
51
+ export const ColorInteractionLinkLowIconDisabled = "#889499";
52
+ export const ColorInteractionLinkLowIconVisited = "#4b9eaa";
53
53
  export const ColorInteractionLinkLowText = "#f5f6f7";
54
54
  export const ColorInteractionLinkLowTextHover = "#4b9eaa";
55
- export const ColorInteractionLinkLowTextInactive = "#889499";
56
- export const ColorInteractionLinkLowTextVisited = "#1f717d";
55
+ export const ColorInteractionLinkLowTextDisabled = "#889499";
56
+ export const ColorInteractionLinkLowTextVisited = "#4b9eaa";
57
57
  export const ColorInteractionLinkInvertedIcon = "#27353b";
58
58
  export const ColorInteractionLinkInvertedIconHover = "#4b9eaa";
59
- export const ColorInteractionLinkInvertedIconInactive = "#3f555e";
59
+ export const ColorInteractionLinkInvertedIconDisabled = "#3f555e";
60
60
  export const ColorInteractionLinkInvertedIconVisited = "#1f717d";
61
61
  export const ColorInteractionLinkInvertedText = "#27353b";
62
62
  export const ColorInteractionLinkInvertedTextHover = "#4b9eaa";
@@ -417,15 +417,6 @@ export const ComponentsAlertSuccessIcon = "#6bde71";
417
417
  export const ComponentsAlertNeutralBackground = "#27353b";
418
418
  export const ComponentsAlertNeutralBorder = "#889499";
419
419
  export const ComponentsAlertNeutralIcon = "#889499";
420
- export const ComponentsDatagridHeaderBorder = "#394d55";
421
- export const ComponentsDatagridHeaderText = "#889499";
422
- export const ComponentsDatagridHeaderBackground = "#ffffff";
423
- export const ComponentsDatagridBodyBorder = "#394d55";
424
- export const ComponentsDatagridBodyText = "#f5f6f7";
425
- export const ComponentsDatagridBodySubtext = "#889499";
426
- export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
427
- export const ComponentsDatagridBodyBackgroundActive = "#ffffff";
428
- export const ComponentsDatagridBodyBackgroundHover = "#ffffff";
429
420
  export const ComponentsAvatarBackground1 = "#432306";
430
421
  export const ComponentsAvatarBackground2 = "#45190a";
431
422
  export const ComponentsAvatarBackground3 = "#4d3a00";
@@ -459,6 +450,15 @@ export const ComponentsAvatarContent10 = "#9fadb2";
459
450
  export const ComponentsBreadcrumbText = "#889499";
460
451
  export const ComponentsBreadcrumbTextActive = "#bac1c4";
461
452
  export const ComponentsBreadcrumbTextHover = "#4b9eaa";
453
+ export const ComponentsDatagridHeaderBorder = "#394d55";
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 = "#ffffff";
461
+ export const ComponentsDatagridBodyBackgroundHover = "#ffffff";
462
462
  export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
463
463
  export const ComponentsFieldTimeBackgroundHover = "#ffffff";
464
464
  export const ComponentsFieldTimeBackgroundActive = "#ffffff";
@@ -468,6 +468,10 @@ export const ComponentsFieldTimeTextActive = "#71b2bc";
468
468
  export const ComponentsFieldTimeBorderActive = "#71b2bc";
469
469
  export const ComponentsCalendarBorder = "#394d55";
470
470
  export const ComponentsCalendarHeaderText = "#f5f6f7";
471
+ export const ComponentsCalendarWeeksBackground = "#171f22";
472
+ export const ComponentsCalendarWeeksBackgroundHover = "#1e272b";
473
+ export const ComponentsCalendarWeeksText = "#eaeef0";
474
+ export const ComponentsCalendarWeeksTextHover = "#f5f6f7";
471
475
  export const ComponentsCalendarCellBackground = "#ffffff";
472
476
  export const ComponentsCalendarCellBackgroundSelected = "#258998";
473
477
  export const ComponentsCalendarCellBackgroundInRange = "#ffffff";
@@ -482,10 +486,6 @@ export const ComponentsCalendarCellTextInRange = "#71b2bc";
482
486
  export const ComponentsCalendarCellTextHover = "#bac1c4";
483
487
  export const ComponentsCalendarCellTextOutsideMonth = "#617177";
484
488
  export const ComponentsCalendarCellTextToday = "#f5f6f7";
485
- export const ComponentsCalendarWeeksBackground = "#171f22";
486
- export const ComponentsCalendarWeeksBackgroundHover = "#1e272b";
487
- export const ComponentsCalendarWeeksText = "#eaeef0";
488
- export const ComponentsCalendarWeeksTextHover = "#f5f6f7";
489
489
  export const ComponentsCalendarBackground = "#0b0f11";
490
490
  export const ComponentsMenuContextualBackground = "#0b0f11";
491
491
  export const ComponentsMenuContextualBorder = "#394d55";
package/dist/js/mccs_light.d.ts CHANGED
@@ -44,19 +44,19 @@ export const ColorInteractionLinkHighIconInactive : string;
44
44
  export const ColorInteractionLinkHighIconVisited : string;
45
45
  export const ColorInteractionLinkHighText : string;
46
46
  export const ColorInteractionLinkHighTextHover : string;
47
- export const ColorInteractionLinkHighTextInactive : string;
47
+ export const ColorInteractionLinkHighTextDisabled : string;
48
48
  export const ColorInteractionLinkHighTextVisited : string;
49
49
  export const ColorInteractionLinkLowIcon : string;
50
50
  export const ColorInteractionLinkLowIconHover : string;
51
- export const ColorInteractionLinkLowIconInactive : string;
51
+ export const ColorInteractionLinkLowIconDisabled : string;
52
52
  export const ColorInteractionLinkLowIconVisited : string;
53
53
  export const ColorInteractionLinkLowText : string;
54
54
  export const ColorInteractionLinkLowTextHover : string;
55
- export const ColorInteractionLinkLowTextInactive : string;
55
+ export const ColorInteractionLinkLowTextDisabled : string;
56
56
  export const ColorInteractionLinkLowTextVisited : string;
57
57
  export const ColorInteractionLinkInvertedIcon : string;
58
58
  export const ColorInteractionLinkInvertedIconHover : string;
59
- export const ColorInteractionLinkInvertedIconInactive : string;
59
+ export const ColorInteractionLinkInvertedIconDisabled : string;
60
60
  export const ColorInteractionLinkInvertedIconVisited : string;
61
61
  export const ColorInteractionLinkInvertedText : string;
62
62
  export const ColorInteractionLinkInvertedTextHover : string;
@@ -417,15 +417,6 @@ export const ComponentsAlertSuccessIcon : string;
417
417
  export const ComponentsAlertNeutralBackground : string;
418
418
  export const ComponentsAlertNeutralBorder : string;
419
419
  export const ComponentsAlertNeutralIcon : string;
420
- export const ComponentsDatagridHeaderBorder : string;
421
- export const ComponentsDatagridHeaderText : string;
422
- export const ComponentsDatagridHeaderBackground : string;
423
- export const ComponentsDatagridBodyBorder : string;
424
- export const ComponentsDatagridBodyText : string;
425
- export const ComponentsDatagridBodySubtext : string;
426
- export const ComponentsDatagridBodyBackgroundDefault : string;
427
- export const ComponentsDatagridBodyBackgroundActive : string;
428
- export const ComponentsDatagridBodyBackgroundHover : string;
429
420
  export const ComponentsAvatarBackground1 : string;
430
421
  export const ComponentsAvatarBackground2 : string;
431
422
  export const ComponentsAvatarBackground3 : string;
@@ -459,6 +450,15 @@ export const ComponentsAvatarContent10 : string;
459
450
  export const ComponentsBreadcrumbText : string;
460
451
  export const ComponentsBreadcrumbTextActive : string;
461
452
  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;
462
462
  export const ComponentsFieldTimeBackgroundDefault : string;
463
463
  export const ComponentsFieldTimeBackgroundHover : string;
464
464
  export const ComponentsFieldTimeBackgroundActive : string;
@@ -468,6 +468,10 @@ export const ComponentsFieldTimeTextActive : string;
468
468
  export const ComponentsFieldTimeBorderActive : string;
469
469
  export const ComponentsCalendarBorder : string;
470
470
  export const ComponentsCalendarHeaderText : string;
471
+ export const ComponentsCalendarWeeksBackground : string;
472
+ export const ComponentsCalendarWeeksBackgroundHover : string;
473
+ export const ComponentsCalendarWeeksText : string;
474
+ export const ComponentsCalendarWeeksTextHover : string;
471
475
  export const ComponentsCalendarCellBackground : string;
472
476
  export const ComponentsCalendarCellBackgroundSelected : string;
473
477
  export const ComponentsCalendarCellBackgroundInRange : string;
@@ -482,10 +486,6 @@ export const ComponentsCalendarCellTextInRange : string;
482
486
  export const ComponentsCalendarCellTextHover : string;
483
487
  export const ComponentsCalendarCellTextOutsideMonth : string;
484
488
  export const ComponentsCalendarCellTextToday : string;
485
- export const ComponentsCalendarWeeksBackground : string;
486
- export const ComponentsCalendarWeeksBackgroundHover : string;
487
- export const ComponentsCalendarWeeksText : string;
488
- export const ComponentsCalendarWeeksTextHover : string;
489
489
  export const ComponentsCalendarBackground : string;
490
490
  export const ComponentsMenuContextualBackground : string;
491
491
  export const ComponentsMenuContextualBorder : string;