@nova-design-system/nova-base 3.7.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 (24) hide show
  1. package/assets/icons/icon-sprite.svg +1 -1
  2. package/dist/cjs/generated/nova-tailwind-components.js +30 -2
  3. package/dist/cjs/generated/nova-tailwind-tokens.js +12 -12
  4. package/dist/css/mccs.css +8 -8
  5. package/dist/css/nova-utils.css +54 -48
  6. package/dist/css/ocean.css +8 -8
  7. package/dist/css/spark.css +8 -8
  8. package/dist/generated/nova-tailwind-components.d.ts +30 -2
  9. package/dist/generated/nova-tailwind-components.js +30 -2
  10. package/dist/generated/nova-tailwind-tokens.d.ts +8 -8
  11. package/dist/generated/nova-tailwind-tokens.js +12 -12
  12. package/dist/js/mccs_dark.d.ts +4 -4
  13. package/dist/js/mccs_dark.js +4 -4
  14. package/dist/js/mccs_light.d.ts +4 -4
  15. package/dist/js/mccs_light.js +4 -4
  16. package/dist/js/ocean_dark.d.ts +4 -4
  17. package/dist/js/ocean_dark.js +4 -4
  18. package/dist/js/ocean_light.d.ts +4 -4
  19. package/dist/js/ocean_light.js +4 -4
  20. package/dist/js/spark_dark.d.ts +4 -4
  21. package/dist/js/spark_dark.js +4 -4
  22. package/dist/js/spark_light.d.ts +4 -4
  23. package/dist/js/spark_light.js +4 -4
  24. package/package.json +1 -1
package/dist/cjs/generated/nova-tailwind-components.js CHANGED
@@ -325,14 +325,42 @@ exports.NOVA_TAILWIND_COMPONENTS = {
325
325
  '.nv-button.fluid': {
326
326
  'width': '100%'
327
327
  },
328
- '.nv-link': {
328
+ '.nv-link, .nv-link-low, .nv-link-high': {
329
329
  'color': 'var(--color-interaction-link-high-text)',
330
330
  'fontWeight': '500',
331
331
  'textDecoration': 'none'
332
332
  },
333
- '.nv-link:hover': {
333
+ '.nv-link:hover, .nv-link-low:hover, .nv-link-high:hover': {
334
334
  'color': 'var(--color-interaction-link-high-text-hover)'
335
335
  },
336
+ '.nv-link-low': {
337
+ 'color': 'var(--color-interaction-link-low-text)',
338
+ 'textDecoration': 'underline'
339
+ },
340
+ '.nv-link-low:hover': {
341
+ 'color': 'var(--color-interaction-link-low-text-hover)'
342
+ },
343
+ '.nv-link-low:visited': {
344
+ 'color': 'var(--color-interaction-link-low-text-visited)'
345
+ },
346
+ '.nv-link-low.disabled': {
347
+ 'color': 'var(--color-interaction-link-high-text-disabled)',
348
+ 'textDecoration': 'none'
349
+ },
350
+ '.nv-link-high': {
351
+ 'color': 'var(--color-interaction-link-high-text)',
352
+ 'textDecoration': 'underline'
353
+ },
354
+ '.nv-link-high:hover': {
355
+ 'color': 'var(--color-interaction-link-high-text-hover)'
356
+ },
357
+ '.nv-link-high:visited': {
358
+ 'color': 'var(--color-interaction-link-high-text-visited)'
359
+ },
360
+ '.nv-link-high.disabled': {
361
+ 'color': 'var(--color-interaction-link-high-text-disabled)',
362
+ 'textDecoration': 'none'
363
+ },
336
364
  '.nv-sidenav .nv-link, .nv-navbar .nv-link, .nv-tabs .nv-link, .nv-buttongroup .nv-link': {
337
365
  'display': 'flex',
338
366
  'alignItems': 'center',
package/dist/cjs/generated/nova-tailwind-tokens.js CHANGED
@@ -310,24 +310,24 @@ exports.NOVA_TAILWIND_TOKENS = {
310
310
  '.text-interaction-link-high': {
311
311
  'color': 'var(--color-interaction-link-high-text)'
312
312
  },
313
+ '.text-interaction-link-high-disabled': {
314
+ 'color': 'var(--color-interaction-link-high-text-disabled)'
315
+ },
313
316
  '.text-interaction-link-high-hover': {
314
317
  'color': 'var(--color-interaction-link-high-text-hover)'
315
318
  },
316
- '.text-interaction-link-high-inactive': {
317
- 'color': 'var(--color-interaction-link-high-text-inactive)'
318
- },
319
319
  '.text-interaction-link-high-visited': {
320
320
  'color': 'var(--color-interaction-link-high-text-visited)'
321
321
  },
322
322
  '.icon-interaction-link-inverted': {
323
323
  'color': 'var(--color-interaction-link-inverted-icon)'
324
324
  },
325
+ '.icon-interaction-link-inverted-disabled': {
326
+ 'color': 'var(--color-interaction-link-inverted-icon-disabled)'
327
+ },
325
328
  '.icon-interaction-link-inverted-hover': {
326
329
  'color': 'var(--color-interaction-link-inverted-icon-hover)'
327
330
  },
328
- '.icon-interaction-link-inverted-inactive': {
329
- 'color': 'var(--color-interaction-link-inverted-icon-inactive)'
330
- },
331
331
  '.icon-interaction-link-inverted-visited': {
332
332
  'color': 'var(--color-interaction-link-inverted-icon-visited)'
333
333
  },
@@ -346,24 +346,24 @@ exports.NOVA_TAILWIND_TOKENS = {
346
346
  '.icon-interaction-link-low': {
347
347
  'color': 'var(--color-interaction-link-low-icon)'
348
348
  },
349
+ '.icon-interaction-link-low-disabled': {
350
+ 'color': 'var(--color-interaction-link-low-icon-disabled)'
351
+ },
349
352
  '.icon-interaction-link-low-hover': {
350
353
  'color': 'var(--color-interaction-link-low-icon-hover)'
351
354
  },
352
- '.icon-interaction-link-low-inactive': {
353
- 'color': 'var(--color-interaction-link-low-icon-inactive)'
354
- },
355
355
  '.icon-interaction-link-low-visited': {
356
356
  'color': 'var(--color-interaction-link-low-icon-visited)'
357
357
  },
358
358
  '.text-interaction-link-low': {
359
359
  'color': 'var(--color-interaction-link-low-text)'
360
360
  },
361
+ '.text-interaction-link-low-disabled': {
362
+ 'color': 'var(--color-interaction-link-low-text-disabled)'
363
+ },
361
364
  '.text-interaction-link-low-hover': {
362
365
  'color': 'var(--color-interaction-link-low-text-hover)'
363
366
  },
364
- '.text-interaction-link-low-inactive': {
365
- 'color': 'var(--color-interaction-link-low-text-inactive)'
366
- },
367
367
  '.text-interaction-link-low-visited': {
368
368
  'color': 'var(--color-interaction-link-low-text-visited)'
369
369
  },
package/dist/css/mccs.css CHANGED
@@ -503,13 +503,13 @@
503
503
  --color-focus-background: var(--color-level-00-background);
504
504
  --color-interaction-link-inverted-text-inactive: var(--color-content-inverted-low-text);
505
505
  --color-interaction-link-inverted-text: var(--color-content-inverted-medium-text);
506
- --color-interaction-link-inverted-icon-inactive: var(--color-content-inverted-low-icon);
506
+ --color-interaction-link-inverted-icon-disabled: var(--color-content-inverted-low-icon);
507
507
  --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
508
- --color-interaction-link-low-text-inactive: var(--color-content-low-text);
508
+ --color-interaction-link-low-text-disabled: var(--color-content-low-text);
509
509
  --color-interaction-link-low-text: var(--color-content-high-text);
510
- --color-interaction-link-low-icon-inactive: var(--color-content-low-icon);
510
+ --color-interaction-link-low-icon-disabled: var(--color-content-low-icon);
511
511
  --color-interaction-link-low-icon: var(--color-content-high-text);
512
- --color-interaction-link-high-text-inactive: var(--color-content-low-text);
512
+ --color-interaction-link-high-text-disabled: var(--color-content-low-text);
513
513
  --color-interaction-link-high-icon-inactive: var(--color-content-low-icon);
514
514
  --color-interaction-container-neutral-text-hover: var(--color-content-medium-text);
515
515
  --color-interaction-container-neutral-text: var(--color-content-low-text);
@@ -1048,13 +1048,13 @@
1048
1048
  --color-focus-background: var(--color-level-00-background);
1049
1049
  --color-interaction-link-inverted-text-inactive: var(--color-content-inverted-low-text);
1050
1050
  --color-interaction-link-inverted-text: var(--color-content-inverted-medium-text);
1051
- --color-interaction-link-inverted-icon-inactive: var(--color-content-inverted-low-icon);
1051
+ --color-interaction-link-inverted-icon-disabled: var(--color-content-inverted-low-icon);
1052
1052
  --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
1053
- --color-interaction-link-low-text-inactive: var(--color-content-low-text);
1053
+ --color-interaction-link-low-text-disabled: var(--color-content-low-text);
1054
1054
  --color-interaction-link-low-text: var(--color-content-high-text);
1055
- --color-interaction-link-low-icon-inactive: var(--color-content-low-icon);
1055
+ --color-interaction-link-low-icon-disabled: var(--color-content-low-icon);
1056
1056
  --color-interaction-link-low-icon: var(--color-content-high-text);
1057
- --color-interaction-link-high-text-inactive: var(--color-content-low-text);
1057
+ --color-interaction-link-high-text-disabled: var(--color-content-low-text);
1058
1058
  --color-interaction-link-high-icon-inactive: var(--color-content-low-icon);
1059
1059
  --color-interaction-container-neutral-text-hover: var(--color-content-medium-text);
1060
1060
  --color-interaction-container-neutral-text: var(--color-content-low-text);
package/dist/css/nova-utils.css CHANGED
@@ -7114,12 +7114,12 @@ h6 {
7114
7114
  color: var(--color-interaction-link-high-text);
7115
7115
  }
7116
7116
 
7117
- .text-interaction-link-high-hover {
7118
- color: var(--color-interaction-link-high-text-hover);
7117
+ .text-interaction-link-high-disabled {
7118
+ color: var(--color-interaction-link-high-text-disabled);
7119
7119
  }
7120
7120
 
7121
- .text-interaction-link-high-inactive {
7122
- color: var(--color-interaction-link-high-text-inactive);
7121
+ .text-interaction-link-high-hover {
7122
+ color: var(--color-interaction-link-high-text-hover);
7123
7123
  }
7124
7124
 
7125
7125
  .text-interaction-link-high-visited {
@@ -7130,12 +7130,12 @@ h6 {
7130
7130
  color: var(--color-interaction-link-inverted-icon);
7131
7131
  }
7132
7132
 
7133
- .icon-interaction-link-inverted-hover {
7134
- color: var(--color-interaction-link-inverted-icon-hover);
7133
+ .icon-interaction-link-inverted-disabled {
7134
+ color: var(--color-interaction-link-inverted-icon-disabled);
7135
7135
  }
7136
7136
 
7137
- .icon-interaction-link-inverted-inactive {
7138
- color: var(--color-interaction-link-inverted-icon-inactive);
7137
+ .icon-interaction-link-inverted-hover {
7138
+ color: var(--color-interaction-link-inverted-icon-hover);
7139
7139
  }
7140
7140
 
7141
7141
  .icon-interaction-link-inverted-visited {
@@ -7162,12 +7162,12 @@ h6 {
7162
7162
  color: var(--color-interaction-link-low-icon);
7163
7163
  }
7164
7164
 
7165
- .icon-interaction-link-low-hover {
7166
- color: var(--color-interaction-link-low-icon-hover);
7165
+ .icon-interaction-link-low-disabled {
7166
+ color: var(--color-interaction-link-low-icon-disabled);
7167
7167
  }
7168
7168
 
7169
- .icon-interaction-link-low-inactive {
7170
- color: var(--color-interaction-link-low-icon-inactive);
7169
+ .icon-interaction-link-low-hover {
7170
+ color: var(--color-interaction-link-low-icon-hover);
7171
7171
  }
7172
7172
 
7173
7173
  .icon-interaction-link-low-visited {
@@ -7178,12 +7178,12 @@ h6 {
7178
7178
  color: var(--color-interaction-link-low-text);
7179
7179
  }
7180
7180
 
7181
- .text-interaction-link-low-hover {
7182
- color: var(--color-interaction-link-low-text-hover);
7181
+ .text-interaction-link-low-disabled {
7182
+ color: var(--color-interaction-link-low-text-disabled);
7183
7183
  }
7184
7184
 
7185
- .text-interaction-link-low-inactive {
7186
- color: var(--color-interaction-link-low-text-inactive);
7185
+ .text-interaction-link-low-hover {
7186
+ color: var(--color-interaction-link-low-text-hover);
7187
7187
  }
7188
7188
 
7189
7189
  .text-interaction-link-low-visited {
@@ -7819,16 +7819,52 @@ h6 {
7819
7819
  width: 100%;
7820
7820
  }
7821
7821
 
7822
- .nv-link {
7822
+ .nv-link, .nv-link-low, .nv-link-high {
7823
7823
  color: var(--color-interaction-link-high-text);
7824
7824
  font-weight: 500;
7825
7825
  text-decoration: none;
7826
7826
  }
7827
7827
 
7828
- .nv-link:hover {
7828
+ .nv-link:hover, .nv-link-low:hover, .nv-link-high:hover {
7829
7829
  color: var(--color-interaction-link-high-text-hover);
7830
7830
  }
7831
7831
 
7832
+ .nv-link-low {
7833
+ color: var(--color-interaction-link-low-text);
7834
+ text-decoration: underline;
7835
+ }
7836
+
7837
+ .nv-link-low:hover {
7838
+ color: var(--color-interaction-link-low-text-hover);
7839
+ }
7840
+
7841
+ .nv-link-low:visited {
7842
+ color: var(--color-interaction-link-low-text-visited);
7843
+ }
7844
+
7845
+ .nv-link-low.disabled {
7846
+ color: var(--color-interaction-link-high-text-disabled);
7847
+ text-decoration: none;
7848
+ }
7849
+
7850
+ .nv-link-high {
7851
+ color: var(--color-interaction-link-high-text);
7852
+ text-decoration: underline;
7853
+ }
7854
+
7855
+ .nv-link-high:hover {
7856
+ color: var(--color-interaction-link-high-text-hover);
7857
+ }
7858
+
7859
+ .nv-link-high:visited {
7860
+ color: var(--color-interaction-link-high-text-visited);
7861
+ }
7862
+
7863
+ .nv-link-high.disabled {
7864
+ color: var(--color-interaction-link-high-text-disabled);
7865
+ text-decoration: none;
7866
+ }
7867
+
7832
7868
  .nv-sidenav .nv-link, .nv-navbar .nv-link, .nv-tabs .nv-link, .nv-buttongroup .nv-link {
7833
7869
  display: flex;
7834
7870
  align-items: center;
@@ -7885,15 +7921,6 @@ h6 {
7885
7921
  background-color: var(--color-interaction-container-neutral-background-active);
7886
7922
  }
7887
7923
 
7888
- .nv-sidenav .collapsible .nv-link {
7889
- justify-content: space-between;
7890
- }
7891
-
7892
- .nv-sidenav .collapsible .nv-link .nv-iconbutton {
7893
- width: 20px !important;
7894
- height: 20px !important;
7895
- }
7896
-
7897
7924
  .nv-buttongroup {
7898
7925
  display: inline-flex;
7899
7926
  border-radius: var(--radius-rounded-md);
@@ -7920,27 +7947,6 @@ h6 {
7920
7947
  border-right-width: 0;
7921
7948
  }
7922
7949
 
7923
- .nv-link .nv-badge {
7924
- border-radius: var(--radius-rounded-full);
7925
- width: var(--spacing-5);
7926
- display: flex;
7927
- align-items: center;
7928
- justify-content: center;
7929
- font-size: var(--font-size-xs);
7930
- color: var(--color-feedback-neutral-high-icon);
7931
- background-color: var(--color-feedback-neutral-high-background);
7932
- }
7933
-
7934
- .nv-link.disabled {
7935
- opacity: 0.5;
7936
- cursor: not-allowed;
7937
- }
7938
-
7939
- .nv-link.disabled:hover {
7940
- color: var(--color-interaction-container-neutral-text);
7941
- background-color: transparent;
7942
- }
7943
-
7944
7950
  .hover\:bg-interaction-container-branded-high-hover:hover {
7945
7951
  background-color: var(--color-interaction-container-branded-high-background-hover);
7946
7952
  }
package/dist/css/ocean.css CHANGED
@@ -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);
@@ -1066,13 +1066,13 @@
1066
1066
  --color-focus-background: var(--color-level-00-background);
1067
1067
  --color-interaction-link-inverted-text-inactive: var(--color-content-inverted-low-text);
1068
1068
  --color-interaction-link-inverted-text: var(--color-content-inverted-medium-text);
1069
- --color-interaction-link-inverted-icon-inactive: var(--color-content-inverted-low-icon);
1069
+ --color-interaction-link-inverted-icon-disabled: var(--color-content-inverted-low-icon);
1070
1070
  --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
1071
- --color-interaction-link-low-text-inactive: var(--color-content-low-text);
1071
+ --color-interaction-link-low-text-disabled: var(--color-content-low-text);
1072
1072
  --color-interaction-link-low-text: var(--color-content-high-text);
1073
- --color-interaction-link-low-icon-inactive: var(--color-content-low-icon);
1073
+ --color-interaction-link-low-icon-disabled: var(--color-content-low-icon);
1074
1074
  --color-interaction-link-low-icon: var(--color-content-high-text);
1075
- --color-interaction-link-high-text-inactive: var(--color-content-low-text);
1075
+ --color-interaction-link-high-text-disabled: var(--color-content-low-text);
1076
1076
  --color-interaction-link-high-icon-inactive: var(--color-content-low-icon);
1077
1077
  --color-interaction-container-neutral-text-hover: var(--color-content-medium-text);
1078
1078
  --color-interaction-container-neutral-text: var(--color-content-low-text);
package/dist/css/spark.css CHANGED
@@ -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);
@@ -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-text);
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;
package/dist/js/mccs_dark.js CHANGED
@@ -44,19 +44,19 @@ export const ColorInteractionLinkHighIconInactive = "#889499";
44
44
  export const ColorInteractionLinkHighIconVisited = "#4b9eaa";
45
45
  export const ColorInteractionLinkHighText = "#258998";
46
46
  export const ColorInteractionLinkHighTextHover = "#4b9eaa";
47
- export const ColorInteractionLinkHighTextInactive = "#889499";
47
+ export const ColorInteractionLinkHighTextDisabled = "#889499";
48
48
  export const ColorInteractionLinkHighTextVisited = "#4b9eaa";
49
49
  export const ColorInteractionLinkLowIcon = "#f5f6f7";
50
50
  export const ColorInteractionLinkLowIconHover = "#4b9eaa";
51
- export const ColorInteractionLinkLowIconInactive = "#889499";
51
+ export const ColorInteractionLinkLowIconDisabled = "#889499";
52
52
  export const ColorInteractionLinkLowIconVisited = "#4b9eaa";
53
53
  export const ColorInteractionLinkLowText = "#f5f6f7";
54
54
  export const ColorInteractionLinkLowTextHover = "#4b9eaa";
55
- export const ColorInteractionLinkLowTextInactive = "#889499";
55
+ export const ColorInteractionLinkLowTextDisabled = "#889499";
56
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";
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;