@nova-design-system/nova-base 3.0.0-beta.38 → 3.0.0-beta.39

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 (25) hide show
  1. package/dist/cjs/generated/nova-tailwind-components.js +29 -4
  2. package/dist/cjs/generated/nova-tailwind-tokens.js +3 -0
  3. package/dist/cjs/plugin/nova-plugin.js +2 -0
  4. package/dist/css/mccs.css +12 -4
  5. package/dist/css/nova-utils.css +8486 -8451
  6. package/dist/css/ocean.css +12 -4
  7. package/dist/css/spark.css +15 -7
  8. package/dist/generated/nova-tailwind-components.d.ts +29 -4
  9. package/dist/generated/nova-tailwind-components.js +29 -4
  10. package/dist/generated/nova-tailwind-tokens.d.ts +3 -0
  11. package/dist/generated/nova-tailwind-tokens.js +3 -0
  12. package/dist/js/mccs_dark.d.ts +6 -2
  13. package/dist/js/mccs_dark.js +6 -2
  14. package/dist/js/mccs_light.d.ts +6 -2
  15. package/dist/js/mccs_light.js +6 -2
  16. package/dist/js/ocean_dark.d.ts +6 -2
  17. package/dist/js/ocean_dark.js +6 -2
  18. package/dist/js/ocean_light.d.ts +6 -2
  19. package/dist/js/ocean_light.js +6 -2
  20. package/dist/js/spark_dark.d.ts +6 -2
  21. package/dist/js/spark_dark.js +6 -2
  22. package/dist/js/spark_light.d.ts +6 -2
  23. package/dist/js/spark_light.js +9 -5
  24. package/dist/plugin/nova-plugin.js +2 -0
  25. package/package.json +1 -1
package/dist/cjs/generated/nova-tailwind-components.js CHANGED
@@ -333,7 +333,7 @@ exports.NOVA_TAILWIND_COMPONENTS = {
333
333
  '.nv-link:hover': {
334
334
  'color': 'var(--color-interaction-link-high-text-hover)'
335
335
  },
336
- '.nv-sidenav .nv-link, .nv-navbar .nv-link, .nv-tabs .nv-link': {
336
+ '.nv-sidenav .nv-link, .nv-navbar .nv-link, .nv-tabs .nv-link, .nv-buttongroup .nv-link': {
337
337
  'display': 'flex',
338
338
  'alignItems': 'center',
339
339
  'color': 'var(--color-interaction-container-neutral-text)',
@@ -365,16 +365,16 @@ exports.NOVA_TAILWIND_COMPONENTS = {
365
365
  'borderColor': 'var(--color-interaction-container-branded-low-border-active)',
366
366
  'backgroundColor': 'transparent'
367
367
  },
368
- '.nv-navbar .nv-link, .nv-sidenav .nv-link': {
368
+ '.nv-navbar .nv-link, .nv-sidenav .nv-link, .nv-buttongroup .nv-link': {
369
369
  'border': 'solid 0 transparent',
370
370
  'borderRadius': 'var(--radius-rounded-md)'
371
371
  },
372
- '.nv-navbar .nv-link:hover, .nv-sidenav .nv-link:hover': {
372
+ '.nv-navbar .nv-link:hover, .nv-sidenav .nv-link:hover, .nv-buttongroup .nv-link:hover': {
373
373
  'color': 'var(--color-interaction-container-neutral-text-hover)',
374
374
  'borderColor': 'var(--color-interaction-container-neutral-border-hover)',
375
375
  'backgroundColor': 'var(--color-interaction-container-neutral-background-hover)'
376
376
  },
377
- '.nv-navbar .nv-link.active, .nv-navbar .nv-link.router-link-active, .nv-sidenav .nv-link.active, .nv-sidenav .nv-link.router-link-active': {
377
+ '.nv-navbar .nv-link.active, .nv-navbar .nv-link.router-link-active, .nv-sidenav .nv-link.active, .nv-sidenav .nv-link.router-link-active, .nv-buttongroup .nv-link.active, .nv-buttongroup .nv-link.router-link-active': {
378
378
  'color': 'var(--color-interaction-container-neutral-text-active)',
379
379
  'borderColor': 'var(--color-interaction-container-neutral-text-active)',
380
380
  'backgroundColor': 'var(--color-interaction-container-neutral-background-active)'
@@ -386,6 +386,27 @@ exports.NOVA_TAILWIND_COMPONENTS = {
386
386
  'width': '20px !important',
387
387
  'height': '20px !important'
388
388
  },
389
+ '.nv-buttongroup': {
390
+ 'display': 'inline-flex',
391
+ 'borderRadius': 'var(--radius-rounded-md)',
392
+ 'border': '1px solid var(--color-content-medium-border)',
393
+ 'overflow': 'hidden'
394
+ },
395
+ '.nv-buttongroup .nv-link': {
396
+ 'borderColor': 'var(--color-content-medium-border)',
397
+ 'borderWidth': '0 1px 0 0',
398
+ 'borderStyle': 'solid',
399
+ 'borderRadius': '0'
400
+ },
401
+ '.nv-buttongroup .nv-link:hover': {
402
+ 'borderColor': 'var(--color-content-medium-border)'
403
+ },
404
+ '.nv-buttongroup .nv-link.active, .nv-buttongroup .nv-link.router-link-active': {
405
+ 'borderColor': 'var(--color-content-medium-border)'
406
+ },
407
+ '.nv-buttongroup li:last-child .nv-link': {
408
+ 'borderRightWidth': '0'
409
+ },
389
410
  '.nv-link .nv-badge': {
390
411
  'borderRadius': 'var(--radius-rounded-full)',
391
412
  'width': 'var(--spacing-5)',
@@ -399,5 +420,9 @@ exports.NOVA_TAILWIND_COMPONENTS = {
399
420
  '.nv-link.disabled': {
400
421
  'opacity': '0.5',
401
422
  'cursor': 'not-allowed'
423
+ },
424
+ '.nv-link.disabled:hover': {
425
+ 'color': 'var(--color-interaction-container-neutral-text)',
426
+ 'backgroundColor': 'transparent'
402
427
  }
403
428
  };
package/dist/cjs/generated/nova-tailwind-tokens.js CHANGED
@@ -265,6 +265,9 @@ exports.NOVA_TAILWIND_TOKENS = {
265
265
  '.border-interaction-container-neutral': {
266
266
  'border-color': 'var(--color-interaction-container-neutral-border)'
267
267
  },
268
+ '.border-interaction-container-neutral-active': {
269
+ 'border-color': 'var(--color-interaction-container-neutral-border-active)'
270
+ },
268
271
  '.border-interaction-container-neutral-hover': {
269
272
  'border-color': 'var(--color-interaction-container-neutral-border-hover)'
270
273
  },
package/dist/cjs/plugin/nova-plugin.js CHANGED
@@ -111,5 +111,7 @@ exports.novaTailwindPlugin = (0, plugin_js_1.default)(function (_a) {
111
111
  }, '.w-unset': {
112
112
  width: 'unset',
113
113
  } }));
114
+ }, {
115
+ important: true,
114
116
  });
115
117
  exports.default = exports.novaTailwindPlugin;
package/dist/css/mccs.css CHANGED
@@ -98,7 +98,8 @@
98
98
  --components-loader-brand-foreground: var(--color-petrol-500);
99
99
  --components-loader-brand-background: var(--color-petrol-900);
100
100
  --components-loader-white-foreground: var(--color-base-white);
101
- --components-list-dropdown-item-background-title: var(--color-interaction-container-neutral-background);
101
+ --components-list-dropdown-group-title-background: var(--color-transparent);
102
+ --components-list-dropdown-item-background-active: var(--color-interaction-container-neutral-background-active);
102
103
  --components-list-dropdown-item-background-disabled: var(--color-interaction-container-neutral-background);
103
104
  --components-list-dropdown-item-background-hover: var(--color-interaction-container-neutral-background-hover);
104
105
  --components-list-dropdown-item-background-default: var(--color-interaction-container-neutral-background);
@@ -268,6 +269,7 @@
268
269
  --color-interaction-link-high-text: var(--color-petrol-400);
269
270
  --color-interaction-container-neutral-text-active: var(--color-petrol-300);
270
271
  --color-interaction-container-neutral-icon-active: var(--color-petrol-300);
272
+ --color-interaction-container-neutral-border-active: var(--color-petrol-300);
271
273
  --color-interaction-container-branded-high-text-hover: var(--color-base-white);
272
274
  --color-interaction-container-branded-high-text-active: var(--color-base-white);
273
275
  --color-interaction-container-branded-high-text: var(--color-base-white);
@@ -377,13 +379,15 @@
377
379
  --components-button-destructive-lower-background: var(--color-dont-use-background);
378
380
  --components-list-dropdown-border: var(--color-content-low-border);
379
381
  --components-list-dropdown-separator: var(--color-content-low-border);
380
- --components-list-dropdown-item-title-content: var(--color-content-medium-text);
382
+ --components-list-dropdown-group-title-content: var(--color-content-medium-text);
381
383
  --components-list-dropdown-item-description-disabled: var(--color-content-lower-text);
382
384
  --components-list-dropdown-item-description-hover: var(--color-content-medium-text);
383
385
  --components-list-dropdown-item-description-default: var(--color-content-low-text);
386
+ --components-list-dropdown-item-label-active: var(--color-content-low-text);
384
387
  --components-list-dropdown-item-label-disabled: var(--color-content-low-text);
385
388
  --components-list-dropdown-item-label-hover: var(--color-content-high-text);
386
389
  --components-list-dropdown-item-label-default: var(--color-content-medium-text);
390
+ --components-list-dropdown-item-border-active: var(--color-interaction-container-neutral-border-active);
387
391
  --components-list-dropdown-header-background: var(--color-level-10-background);
388
392
  --components-list-dropdown-background: var(--color-level-00-background);
389
393
  --components-form-shape-foreground-disabled-error: var(--color-feedback-error-high-background);
@@ -573,7 +577,8 @@
573
577
  --components-loader-brand-foreground: var(--color-petrol-500);
574
578
  --components-loader-brand-background: var(--color-petrol-50);
575
579
  --components-loader-white-foreground: var(--color-base-white);
576
- --components-list-dropdown-item-background-title: var(--color-interaction-container-neutral-background);
580
+ --components-list-dropdown-group-title-background: var(--color-interaction-container-neutral-background);
581
+ --components-list-dropdown-item-background-active: var(--color-interaction-container-neutral-background-active);
577
582
  --components-list-dropdown-item-background-disabled: var(--color-interaction-container-neutral-background);
578
583
  --components-list-dropdown-item-background-hover: var(--color-interaction-container-neutral-background-hover);
579
584
  --components-list-dropdown-item-background-default: var(--color-interaction-container-neutral-background);
@@ -743,6 +748,7 @@
743
748
  --color-interaction-link-high-text: var(--color-petrol-600);
744
749
  --color-interaction-container-neutral-text-active: var(--color-petrol-700);
745
750
  --color-interaction-container-neutral-icon-active: var(--color-petrol-700);
751
+ --color-interaction-container-neutral-border-active: var(--color-petrol-700);
746
752
  --color-interaction-container-branded-high-text-hover: var(--color-base-black);
747
753
  --color-interaction-container-branded-high-text-active: var(--color-base-black);
748
754
  --color-interaction-container-branded-high-text: var(--color-base-black);
@@ -852,13 +858,15 @@
852
858
  --components-button-destructive-lower-background: var(--color-dont-use-background);
853
859
  --components-list-dropdown-border: var(--color-content-low-border);
854
860
  --components-list-dropdown-separator: var(--color-content-low-border);
855
- --components-list-dropdown-item-title-content: var(--color-content-medium-text);
861
+ --components-list-dropdown-group-title-content: var(--color-content-medium-text);
856
862
  --components-list-dropdown-item-description-disabled: var(--color-content-lower-text);
857
863
  --components-list-dropdown-item-description-hover: var(--color-content-medium-text);
858
864
  --components-list-dropdown-item-description-default: var(--color-content-low-text);
865
+ --components-list-dropdown-item-label-active: var(--color-content-low-text);
859
866
  --components-list-dropdown-item-label-disabled: var(--color-content-low-text);
860
867
  --components-list-dropdown-item-label-hover: var(--color-content-high-text);
861
868
  --components-list-dropdown-item-label-default: var(--color-content-medium-text);
869
+ --components-list-dropdown-item-border-active: var(--color-interaction-container-neutral-border-active);
862
870
  --components-list-dropdown-header-background: var(--color-level-10-background);
863
871
  --components-list-dropdown-background: var(--color-level-00-background);
864
872
  --components-form-shape-foreground-disabled-error: var(--color-feedback-error-high-background);