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

package/dist/cjs/generated/nova-tailwind-components.js

@@ -39,11 +39,16 @@ exports.NOVA_TAILWIND_COMPONENTS = {
         'border': '1px solid var(--components-button-medium-border)',
         'color': 'var(--components-button-medium-text-hover)'
     },
+    '.nv-button:active': {
+        'background': 'var(--components-button-medium-background-active)',
+        'border': '1px solid var(--components-button-medium-border-active)',
+        'color': 'var(--components-button-medium-text-active)'
+    },
     '.nv-button:focus, .nv-button:focus-within': {
         'outline': 'none'
     },
     '.nv-button:focus-visible, .nv-button:has(:focus-visible)': {
-        'outline': 'var(--focus-outline-stroke) solid var(--color-focus-brand)',
+        'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
         'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
     },
     '.nv-button:disabled:not([disabled=false])': {
@@ -51,21 +56,26 @@ exports.NOVA_TAILWIND_COMPONENTS = {
         'cursor': 'not-allowed',
         'boxShadow': 'none'
     },
+    '.nv-button.active': {
+        'background': 'var(--components-button-medium-background-active)',
+        'border': '1px solid var(--components-button-medium-border-active)',
+        'color': 'var(--components-button-medium-text-active)'
+    },
     '.nv-button.danger': {
         'background': 'var(--components-button-destructive-high-background)',
-        'border': '1px solid unset',
+        'border': '1px solid transparent',
         'color': 'var(--components-button-destructive-high-text)'
     },
     '.nv-button.danger:hover': {
         'background': 'var(--components-button-destructive-high-background-hover)',
-        'border': '1px solid unset',
+        'border': '1px solid transparent',
         'color': 'var(--components-button-destructive-high-text-hover)'
     },
     '.nv-button.danger:focus, .nv-button.danger:focus-within': {
         'outline': 'none'
     },
     '.nv-button.danger:focus-visible, .nv-button.danger:has(:focus-visible)': {
-        'outline': 'var(--focus-outline-stroke) solid var(--color-focus-destructive)',
+        'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
         'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
     },
     '.nv-button.size-xs': {
@@ -126,11 +136,16 @@ exports.NOVA_TAILWIND_COMPONENTS = {
         'border': '1px solid var(--components-button-high-border)',
         'color': 'var(--components-button-high-text-hover)'
     },
+    '.nv-button.emphasis-high:active': {
+        'background': 'var(--components-button-high-background-active)',
+        'border': '1px solid var(--components-button-high-border-active)',
+        'color': 'var(--components-button-high-text-active)'
+    },
     '.nv-button.emphasis-high:focus, .nv-button.emphasis-high:focus-within': {
         'outline': 'none'
     },
     '.nv-button.emphasis-high:focus-visible, .nv-button.emphasis-high:has(:focus-visible)': {
-        'outline': 'var(--focus-outline-stroke) solid var(--color-focus-brand)',
+        'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
         'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
     },
     '.nv-button.emphasis-high:disabled:not([disabled=false])': {
@@ -138,21 +153,26 @@ exports.NOVA_TAILWIND_COMPONENTS = {
         'cursor': 'not-allowed',
         'boxShadow': 'none'
     },
+    '.nv-button.emphasis-high.active': {
+        'background': 'var(--components-button-high-background-active)',
+        'border': '1px solid var(--components-button-high-border-active)',
+        'color': 'var(--components-button-high-text-active)'
+    },
     '.nv-button.emphasis-high.danger': {
         'background': 'var(--components-button-destructive-high-background)',
-        'border': '1px solid unset',
+        'border': '1px solid transparent',
         'color': 'var(--components-button-destructive-high-text)'
     },
     '.nv-button.emphasis-high.danger:hover': {
         'background': 'var(--components-button-destructive-high-background-hover)',
-        'border': '1px solid unset',
+        'border': '1px solid transparent',
         'color': 'var(--components-button-destructive-high-text-hover)'
     },
     '.nv-button.emphasis-high.danger:focus, .nv-button.emphasis-high.danger:focus-within': {
         'outline': 'none'
     },
     '.nv-button.emphasis-high.danger:focus-visible, .nv-button.emphasis-high.danger:has(:focus-visible)': {
-        'outline': 'var(--focus-outline-stroke) solid var(--color-focus-destructive)',
+        'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
         'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
     },
     '.nv-button.emphasis-medium': {
@@ -165,11 +185,16 @@ exports.NOVA_TAILWIND_COMPONENTS = {
         'border': '1px solid var(--components-button-medium-border)',
         'color': 'var(--components-button-medium-text-hover)'
     },
+    '.nv-button.emphasis-medium:active': {
+        'background': 'var(--components-button-medium-background-active)',
+        'border': '1px solid var(--components-button-medium-border-active)',
+        'color': 'var(--components-button-medium-text-active)'
+    },
     '.nv-button.emphasis-medium:focus, .nv-button.emphasis-medium:focus-within': {
         'outline': 'none'
     },
     '.nv-button.emphasis-medium:focus-visible, .nv-button.emphasis-medium:has(:focus-visible)': {
-        'outline': 'var(--focus-outline-stroke) solid var(--color-focus-brand)',
+        'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
         'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
     },
     '.nv-button.emphasis-medium:disabled:not([disabled=false])': {
@@ -177,6 +202,11 @@ exports.NOVA_TAILWIND_COMPONENTS = {
         'cursor': 'not-allowed',
         'boxShadow': 'none'
     },
+    '.nv-button.emphasis-medium.active': {
+        'background': 'var(--components-button-medium-background-active)',
+        'border': '1px solid var(--components-button-medium-border-active)',
+        'color': 'var(--components-button-medium-text-active)'
+    },
     '.nv-button.emphasis-medium.danger': {
         'background': 'var(--components-button-destructive-medium-background)',
         'border': '1px solid var(--components-button-destructive-medium-border)',
@@ -191,7 +221,7 @@ exports.NOVA_TAILWIND_COMPONENTS = {
         'outline': 'none'
     },
     '.nv-button.emphasis-medium.danger:focus-visible, .nv-button.emphasis-medium.danger:has(:focus-visible)': {
-        'outline': 'var(--focus-outline-stroke) solid var(--color-focus-destructive)',
+        'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
         'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
     },
     '.nv-button.emphasis-low': {
@@ -204,11 +234,16 @@ exports.NOVA_TAILWIND_COMPONENTS = {
         'border': '1px solid var(--components-button-low-border)',
         'color': 'var(--components-button-low-text-hover)'
     },
+    '.nv-button.emphasis-low:active': {
+        'background': 'var(--components-button-low-background-active)',
+        'border': '1px solid var(--components-button-low-border-active)',
+        'color': 'var(--components-button-low-text-active)'
+    },
     '.nv-button.emphasis-low:focus, .nv-button.emphasis-low:focus-within': {
         'outline': 'none'
     },
     '.nv-button.emphasis-low:focus-visible, .nv-button.emphasis-low:has(:focus-visible)': {
-        'outline': 'var(--focus-outline-stroke) solid var(--color-focus-brand)',
+        'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
         'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
     },
     '.nv-button.emphasis-low:disabled:not([disabled=false])': {
@@ -216,6 +251,11 @@ exports.NOVA_TAILWIND_COMPONENTS = {
         'cursor': 'not-allowed',
         'boxShadow': 'none'
     },
+    '.nv-button.emphasis-low.active': {
+        'background': 'var(--components-button-low-background-active)',
+        'border': '1px solid var(--components-button-low-border-active)',
+        'color': 'var(--components-button-low-text-active)'
+    },
     '.nv-button.emphasis-low.danger': {
         'background': 'var(--components-button-destructive-low-background)',
         'border': '1px solid var(--components-button-destructive-low-border)',
@@ -230,7 +270,7 @@ exports.NOVA_TAILWIND_COMPONENTS = {
         'outline': 'none'
     },
     '.nv-button.emphasis-low.danger:focus-visible, .nv-button.emphasis-low.danger:has(:focus-visible)': {
-        'outline': 'var(--focus-outline-stroke) solid var(--color-focus-destructive)',
+        'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
         'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
     },
     '.nv-button.emphasis-lower': {
@@ -243,11 +283,16 @@ exports.NOVA_TAILWIND_COMPONENTS = {
         'border': '1px solid var(--components-button-lower-border)',
         'color': 'var(--components-button-lower-text-hover)'
     },
+    '.nv-button.emphasis-lower:active': {
+        'background': 'var(--components-button-lower-background-active)',
+        'border': '1px solid var(--components-button-lower-border-active)',
+        'color': 'var(--components-button-lower-text-active)'
+    },
     '.nv-button.emphasis-lower:focus, .nv-button.emphasis-lower:focus-within': {
         'outline': 'none'
     },
     '.nv-button.emphasis-lower:focus-visible, .nv-button.emphasis-lower:has(:focus-visible)': {
-        'outline': 'var(--focus-outline-stroke) solid var(--color-focus-brand)',
+        'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
         'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
     },
     '.nv-button.emphasis-lower:disabled:not([disabled=false])': {
@@ -255,6 +300,11 @@ exports.NOVA_TAILWIND_COMPONENTS = {
         'cursor': 'not-allowed',
         'boxShadow': 'none'
     },
+    '.nv-button.emphasis-lower.active': {
+        'background': 'var(--components-button-lower-background-active)',
+        'border': '1px solid var(--components-button-lower-border-active)',
+        'color': 'var(--components-button-lower-text-active)'
+    },
     '.nv-button.emphasis-lower.danger': {
         'background': 'var(--components-button-destructive-lower-background)',
         'border': '1px solid var(--components-button-destructive-lower-border)',
@@ -269,7 +319,7 @@ exports.NOVA_TAILWIND_COMPONENTS = {
         'outline': 'none'
     },
     '.nv-button.emphasis-lower.danger:focus-visible, .nv-button.emphasis-lower.danger:has(:focus-visible)': {
-        'outline': 'var(--focus-outline-stroke) solid var(--color-focus-destructive)',
+        'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
         'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
     },
     '.nv-button.fluid': {
@@ -283,10 +333,71 @@ exports.NOVA_TAILWIND_COMPONENTS = {
     '.nv-link:hover': {
         'color': 'var(--color-interaction-link-high-text-hover)'
     },
+    '.nv-sidenav .nv-link, .nv-navbar .nv-link, .nv-tabs .nv-link': {
+        'display': 'flex',
+        'alignItems': 'center',
+        'color': 'var(--color-interaction-container-neutral-text)',
+        'backgroundColor': 'var(--color-interaction-container-neutral-background)',
+        'textDecoration': 'none',
+        'fontWeight': '500',
+        'padding': 'var(--spacing-2) var(--spacing-3)',
+        'columnGap': 'var(--spacing-2)'
+    },
+    '.nv-tabs': {
+        'display': 'flex',
+        'flex': '1 1 0%',
+        'alignItems': 'center',
+        'borderBottom': '1px solid var(--color-content-low-border)',
+        'columnGap': 'var(--spacing-0-5)'
+    },
     '.nv-tabs .nv-link': {
-        'borderColor': 'transparent'
+        'borderStyle': 'solid',
+        'borderColor': 'transparent',
+        'borderWidth': '0 0 2px 0'
+    },
+    '.nv-tabs .nv-link:hover': {
+        'color': 'var(--color-interaction-container-branded-low-text-hover)',
+        'borderColor': 'transparent',
+        'backgroundColor': 'transparent'
+    },
+    '.nv-tabs .nv-link.active': {
+        'color': 'var(--color-interaction-container-branded-low-text-active)',
+        'borderColor': 'var(--color-interaction-container-branded-low-border-active)',
+        'backgroundColor': 'transparent'
+    },
+    '.nv-navbar .nv-link, .nv-sidenav .nv-link': {
+        'border': 'solid 0 transparent',
+        'borderRadius': 'var(--radius-rounded-md)'
+    },
+    '.nv-navbar .nv-link:hover, .nv-sidenav .nv-link:hover': {
+        'color': 'var(--color-interaction-container-neutral-text-hover)',
+        'borderColor': 'var(--color-interaction-container-neutral-border-hover)',
+        'backgroundColor': 'var(--color-interaction-container-neutral-background-hover)'
+    },
+    '.nv-navbar .nv-link.active, .nv-navbar .nv-link.router-link-active, .nv-sidenav .nv-link.active, .nv-sidenav .nv-link.router-link-active': {
+        'color': 'var(--color-interaction-container-neutral-text-active)',
+        'borderColor': 'var(--color-interaction-container-neutral-text-active)',
+        'backgroundColor': 'var(--color-interaction-container-neutral-background-active)'
+    },
+    '.nv-sidenav .collapsible .nv-link': {
+        'justifyContent': 'space-between'
+    },
+    '.nv-sidenav .collapsible .nv-link .nv-iconbutton': {
+        'width': '20px !important',
+        'height': '20px !important'
+    },
+    '.nv-link .nv-badge': {
+        'borderRadius': 'var(--radius-rounded-full)',
+        'width': 'var(--spacing-5)',
+        'display': 'flex',
+        'alignItems': 'center',
+        'justifyContent': 'center',
+        'fontSize': 'var(--font-size-xs)',
+        'color': 'var(--color-feedback-neutral-high-icon)',
+        'backgroundColor': 'var(--color-feedback-neutral-high-background)'
     },
-    '.nv-tabs .nv-link:hover,\n.nv-tabs .selected': {
-        'borderColor': 'var(--color-interaction-container-branded-high-border)'
+    '.nv-link.disabled': {
+        'opacity': '0.5',
+        'cursor': 'not-allowed'
     }
 };

package/dist/cjs/plugin/nova-plugin.js

@@ -47,6 +47,9 @@ exports.novaTailwindPlugin = (0, plugin_js_1.default)(function (_a) {
         'a:hover': {
             color: 'var(--color-interaction-link-high-text-hover)',
         },
+        'no-underline': {
+            'text-decoration': 'none',
+        },
         h1: {
             fontSize: 'var(--global-typography-h1-font-size)',
             lineHeight: 'var(--global-typography-h1-line-height)',
@@ -109,3 +112,4 @@ exports.novaTailwindPlugin = (0, plugin_js_1.default)(function (_a) {
             width: 'unset',
         } }));
 });
+exports.default = exports.novaTailwindPlugin;

package/dist/cjs/plugin/nova-theme.js

@@ -246,3 +246,4 @@ exports.novaTailwindTheme = {
         lineHeight: exports.lineHeight,
     },
 };
+exports.default = exports.novaTailwindTheme;