@nova-design-system/nova-base 3.0.0-beta.44 → 3.0.0-beta.45

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

@@ -88,17 +88,7 @@ exports.novaTailwindPlugin = (0, plugin_js_1.default)(function (_a) {
         },
     });
     addComponents(__assign({}, nova_tailwind_components_js_1.NOVA_TAILWIND_COMPONENTS));
-    addUtilities(__assign(__assign({}, nova_tailwind_tokens_js_1.NOVA_TAILWIND_TOKENS), { '.visually-hidden': {
-            position: 'absolute',
-            padding: '0',
-            border: '0',
-            overflow: 'hidden',
-            'white-space': 'nowrap',
-            width: '1px',
-            height: '1px',
-            margin: '-1px',
-            clip: 'rect(0, 0, 0, 0)',
-        }, '.w-inherit': {
+    addUtilities(__assign(__assign({}, nova_tailwind_tokens_js_1.NOVA_TAILWIND_TOKENS), { '.w-inherit': {
             width: 'inherit',
         }, '.w-initial': {
             width: 'initial',

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

@@ -325,7 +325,6 @@ var resize = [
 ];
 // From the nova tailwind plugin (nova-plugin.ts)
 var utils = [
-    { pattern: /^visually-hidden$/, variants: exports.responsive },
     { pattern: /^text-(high|medium|low)$/ },
     { pattern: /^bg-level-(00|10|20|30|40)(-hover)?$/ },
     { pattern: /^border-(high|medium|low)$/ },

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

@@ -57,19 +57,19 @@ exports.borderRadius = {
     full: 'var(--radius-rounded-full)',
 };
 exports.fontSize = {
-    xs: ['var(--font-size-xs)', 'var(--line-height-xs)'],
-    sm: ['var(--font-size-sm)', 'var(--line-height-sm)'],
-    md: ['var(--font-size-md)', 'var(--line-height-md)'],
-    lg: ['var(--font-size-lg)', 'var(--line-height-lg)'],
-    xl: ['var(--font-size-xl)', 'var(--line-height-xl)'],
-    '2xl': ['var(--font-size-2xl)', 'var(--line-height-2xl)'],
-    '3xl': ['var(--font-size-3xl)', 'var(--line-height-3xl)'],
-    '4xl': ['var(--font-size-4xl)', 'var(--line-height-4xl)'],
-    '5xl': ['var(--font-size-5xl)', 'var(--line-height-5xl)'],
-    '6xl': ['var(--font-size-6xl)', 'var(--line-height-6xl)'],
-    '7xl': ['var(--font-size-7xl)', 'var(--line-height-7xl)'],
-    '8xl': ['var(--font-size-8xl)', 'var(--line-height-8xl)'],
-    '9xl': ['var(--font-size-9xl)', 'var(--line-height-9xl)'],
+    xs: 'var(--font-size-xs)',
+    sm: 'var(--font-size-sm)',
+    md: 'var(--font-size-md)',
+    lg: 'var(--font-size-lg)',
+    xl: 'var(--font-size-xl)',
+    '2xl': 'var(--font-size-2xl)',
+    '3xl': 'var(--font-size-3xl)',
+    '4xl': 'var(--font-size-4xl)',
+    '5xl': 'var(--font-size-5xl)',
+    '6xl': 'var(--font-size-6xl)',
+    '7xl': 'var(--font-size-7xl)',
+    '8xl': 'var(--font-size-8xl)',
+    '9xl': 'var(--font-size-9xl)',
 };
 exports.lineHeight = {
     xs: 'var(--line-height-xs)',
@@ -89,18 +89,6 @@ exports.lineHeight = {
 exports.colors = {
     background: 'var(--color-level-00-background)',
     text: 'var(--color-content-medium-text)',
-    brand: {
-        50: 'var(--color-brand-50)',
-        100: 'var(--color-brand-100)',
-        200: 'var(--color-brand-200)',
-        300: 'var(--color-brand-300)',
-        400: 'var(--color-brand-400)',
-        500: 'var(--color-brand-500)',
-        600: 'var(--color-brand-600)',
-        700: 'var(--color-brand-700)',
-        800: 'var(--color-brand-800)',
-        900: 'var(--color-brand-900)',
-    },
     green: {
         50: 'var(--color-green-50)',
         100: 'var(--color-green-100)',

package/dist/css/nova-utils.css

@@ -6160,67 +6160,54 @@ h6 {
 
 .text-2xl {
   font-size: var(--font-size-2xl) !important;
-  line-height: var(--line-height-2xl) !important;
 }
 
 .text-3xl {
   font-size: var(--font-size-3xl) !important;
-  line-height: var(--line-height-3xl) !important;
 }
 
 .text-4xl {
   font-size: var(--font-size-4xl) !important;
-  line-height: var(--line-height-4xl) !important;
 }
 
 .text-5xl {
   font-size: var(--font-size-5xl) !important;
-  line-height: var(--line-height-5xl) !important;
 }
 
 .text-6xl {
   font-size: var(--font-size-6xl) !important;
-  line-height: var(--line-height-6xl) !important;
 }
 
 .text-7xl {
   font-size: var(--font-size-7xl) !important;
-  line-height: var(--line-height-7xl) !important;
 }
 
 .text-8xl {
   font-size: var(--font-size-8xl) !important;
-  line-height: var(--line-height-8xl) !important;
 }
 
 .text-9xl {
   font-size: var(--font-size-9xl) !important;
-  line-height: var(--line-height-9xl) !important;
 }
 
 .text-lg {
   font-size: var(--font-size-lg) !important;
-  line-height: var(--line-height-lg) !important;
 }
 
 .text-md {
   font-size: var(--font-size-md) !important;
-  line-height: var(--line-height-md) !important;
 }
 
 .text-sm {
   font-size: var(--font-size-sm) !important;
-  line-height: var(--line-height-sm) !important;
 }
 
 .text-xl {
   font-size: var(--font-size-xl) !important;
-  line-height: var(--line-height-xl) !important;
 }
 
 .text-xs {
   font-size: var(--font-size-xs) !important;
-  line-height: var(--line-height-xs) !important;
 }
 
 .font-black {
@@ -7363,18 +7350,6 @@ h6 {
   color: var(--color-rainbow-9-text) !important;
 }
 
-.visually-hidden {
-  position: absolute !important;
-  padding: 0 !important;
-  border: 0 !important;
-  overflow: hidden !important;
-  white-space: nowrap !important;
-  width: 1px !important;
-  height: 1px !important;
-  margin: -1px !important;
-  clip: rect(0, 0, 0, 0) !important;
-}
-
 .w-inherit {
   width: inherit !important;
 }
@@ -11906,74 +11881,50 @@ h6 {
 
   .sm\:text-2xl {
     font-size: var(--font-size-2xl) !important;
-    line-height: var(--line-height-2xl) !important;
   }
 
   .sm\:text-3xl {
     font-size: var(--font-size-3xl) !important;
-    line-height: var(--line-height-3xl) !important;
   }
 
   .sm\:text-4xl {
     font-size: var(--font-size-4xl) !important;
-    line-height: var(--line-height-4xl) !important;
   }
 
   .sm\:text-5xl {
     font-size: var(--font-size-5xl) !important;
-    line-height: var(--line-height-5xl) !important;
   }
 
   .sm\:text-6xl {
     font-size: var(--font-size-6xl) !important;
-    line-height: var(--line-height-6xl) !important;
   }
 
   .sm\:text-7xl {
     font-size: var(--font-size-7xl) !important;
-    line-height: var(--line-height-7xl) !important;
   }
 
   .sm\:text-8xl {
     font-size: var(--font-size-8xl) !important;
-    line-height: var(--line-height-8xl) !important;
   }
 
   .sm\:text-9xl {
     font-size: var(--font-size-9xl) !important;
-    line-height: var(--line-height-9xl) !important;
   }
 
   .sm\:text-lg {
     font-size: var(--font-size-lg) !important;
-    line-height: var(--line-height-lg) !important;
   }
 
   .sm\:text-sm {
     font-size: var(--font-size-sm) !important;
-    line-height: var(--line-height-sm) !important;
   }
 
   .sm\:text-xl {
     font-size: var(--font-size-xl) !important;
-    line-height: var(--line-height-xl) !important;
   }
 
   .sm\:text-xs {
     font-size: var(--font-size-xs) !important;
-    line-height: var(--line-height-xs) !important;
-  }
-
-  .sm\:visually-hidden {
-    position: absolute !important;
-    padding: 0 !important;
-    border: 0 !important;
-    overflow: hidden !important;
-    white-space: nowrap !important;
-    width: 1px !important;
-    height: 1px !important;
-    margin: -1px !important;
-    clip: rect(0, 0, 0, 0) !important;
   }
 }
 
@@ -15901,74 +15852,50 @@ h6 {
 
   .md\:text-2xl {
     font-size: var(--font-size-2xl) !important;
-    line-height: var(--line-height-2xl) !important;
   }
 
   .md\:text-3xl {
     font-size: var(--font-size-3xl) !important;
-    line-height: var(--line-height-3xl) !important;
   }
 
   .md\:text-4xl {
     font-size: var(--font-size-4xl) !important;
-    line-height: var(--line-height-4xl) !important;
   }
 
   .md\:text-5xl {
     font-size: var(--font-size-5xl) !important;
-    line-height: var(--line-height-5xl) !important;
   }
 
   .md\:text-6xl {
     font-size: var(--font-size-6xl) !important;
-    line-height: var(--line-height-6xl) !important;
   }
 
   .md\:text-7xl {
     font-size: var(--font-size-7xl) !important;
-    line-height: var(--line-height-7xl) !important;
   }
 
   .md\:text-8xl {
     font-size: var(--font-size-8xl) !important;
-    line-height: var(--line-height-8xl) !important;
   }
 
   .md\:text-9xl {
     font-size: var(--font-size-9xl) !important;
-    line-height: var(--line-height-9xl) !important;
   }
 
   .md\:text-lg {
     font-size: var(--font-size-lg) !important;
-    line-height: var(--line-height-lg) !important;
   }
 
   .md\:text-sm {
     font-size: var(--font-size-sm) !important;
-    line-height: var(--line-height-sm) !important;
   }
 
   .md\:text-xl {
     font-size: var(--font-size-xl) !important;
-    line-height: var(--line-height-xl) !important;
   }
 
   .md\:text-xs {
     font-size: var(--font-size-xs) !important;
-    line-height: var(--line-height-xs) !important;
-  }
-
-  .md\:visually-hidden {
-    position: absolute !important;
-    padding: 0 !important;
-    border: 0 !important;
-    overflow: hidden !important;
-    white-space: nowrap !important;
-    width: 1px !important;
-    height: 1px !important;
-    margin: -1px !important;
-    clip: rect(0, 0, 0, 0) !important;
   }
 }
 
@@ -19896,74 +19823,50 @@ h6 {
 
   .lg\:text-2xl {
     font-size: var(--font-size-2xl) !important;
-    line-height: var(--line-height-2xl) !important;
   }
 
   .lg\:text-3xl {
     font-size: var(--font-size-3xl) !important;
-    line-height: var(--line-height-3xl) !important;
   }
 
   .lg\:text-4xl {
     font-size: var(--font-size-4xl) !important;
-    line-height: var(--line-height-4xl) !important;
   }
 
   .lg\:text-5xl {
     font-size: var(--font-size-5xl) !important;
-    line-height: var(--line-height-5xl) !important;
   }
 
   .lg\:text-6xl {
     font-size: var(--font-size-6xl) !important;
-    line-height: var(--line-height-6xl) !important;
   }
 
   .lg\:text-7xl {
     font-size: var(--font-size-7xl) !important;
-    line-height: var(--line-height-7xl) !important;
   }
 
   .lg\:text-8xl {
     font-size: var(--font-size-8xl) !important;
-    line-height: var(--line-height-8xl) !important;
   }
 
   .lg\:text-9xl {
     font-size: var(--font-size-9xl) !important;
-    line-height: var(--line-height-9xl) !important;
   }
 
   .lg\:text-lg {
     font-size: var(--font-size-lg) !important;
-    line-height: var(--line-height-lg) !important;
   }
 
   .lg\:text-sm {
     font-size: var(--font-size-sm) !important;
-    line-height: var(--line-height-sm) !important;
   }
 
   .lg\:text-xl {
     font-size: var(--font-size-xl) !important;
-    line-height: var(--line-height-xl) !important;
   }
 
   .lg\:text-xs {
     font-size: var(--font-size-xs) !important;
-    line-height: var(--line-height-xs) !important;
-  }
-
-  .lg\:visually-hidden {
-    position: absolute !important;
-    padding: 0 !important;
-    border: 0 !important;
-    overflow: hidden !important;
-    white-space: nowrap !important;
-    width: 1px !important;
-    height: 1px !important;
-    margin: -1px !important;
-    clip: rect(0, 0, 0, 0) !important;
   }
 }
 
@@ -23891,74 +23794,50 @@ h6 {
 
   .xl\:text-2xl {
     font-size: var(--font-size-2xl) !important;
-    line-height: var(--line-height-2xl) !important;
   }
 
   .xl\:text-3xl {
     font-size: var(--font-size-3xl) !important;
-    line-height: var(--line-height-3xl) !important;
   }
 
   .xl\:text-4xl {
     font-size: var(--font-size-4xl) !important;
-    line-height: var(--line-height-4xl) !important;
   }
 
   .xl\:text-5xl {
     font-size: var(--font-size-5xl) !important;
-    line-height: var(--line-height-5xl) !important;
   }
 
   .xl\:text-6xl {
     font-size: var(--font-size-6xl) !important;
-    line-height: var(--line-height-6xl) !important;
   }
 
   .xl\:text-7xl {
     font-size: var(--font-size-7xl) !important;
-    line-height: var(--line-height-7xl) !important;
   }
 
   .xl\:text-8xl {
     font-size: var(--font-size-8xl) !important;
-    line-height: var(--line-height-8xl) !important;
   }
 
   .xl\:text-9xl {
     font-size: var(--font-size-9xl) !important;
-    line-height: var(--line-height-9xl) !important;
   }
 
   .xl\:text-lg {
     font-size: var(--font-size-lg) !important;
-    line-height: var(--line-height-lg) !important;
   }
 
   .xl\:text-sm {
     font-size: var(--font-size-sm) !important;
-    line-height: var(--line-height-sm) !important;
   }
 
   .xl\:text-xl {
     font-size: var(--font-size-xl) !important;
-    line-height: var(--line-height-xl) !important;
   }
 
   .xl\:text-xs {
     font-size: var(--font-size-xs) !important;
-    line-height: var(--line-height-xs) !important;
-  }
-
-  .xl\:visually-hidden {
-    position: absolute !important;
-    padding: 0 !important;
-    border: 0 !important;
-    overflow: hidden !important;
-    white-space: nowrap !important;
-    width: 1px !important;
-    height: 1px !important;
-    margin: -1px !important;
-    clip: rect(0, 0, 0, 0) !important;
   }
 }
 
@@ -27886,74 +27765,50 @@ h6 {
 
   .\32xl\:text-2xl {
     font-size: var(--font-size-2xl) !important;
-    line-height: var(--line-height-2xl) !important;
   }
 
   .\32xl\:text-3xl {
     font-size: var(--font-size-3xl) !important;
-    line-height: var(--line-height-3xl) !important;
   }
 
   .\32xl\:text-4xl {
     font-size: var(--font-size-4xl) !important;
-    line-height: var(--line-height-4xl) !important;
   }
 
   .\32xl\:text-5xl {
     font-size: var(--font-size-5xl) !important;
-    line-height: var(--line-height-5xl) !important;
   }
 
   .\32xl\:text-6xl {
     font-size: var(--font-size-6xl) !important;
-    line-height: var(--line-height-6xl) !important;
   }
 
   .\32xl\:text-7xl {
     font-size: var(--font-size-7xl) !important;
-    line-height: var(--line-height-7xl) !important;
   }
 
   .\32xl\:text-8xl {
     font-size: var(--font-size-8xl) !important;
-    line-height: var(--line-height-8xl) !important;
   }
 
   .\32xl\:text-9xl {
     font-size: var(--font-size-9xl) !important;
-    line-height: var(--line-height-9xl) !important;
   }
 
   .\32xl\:text-lg {
     font-size: var(--font-size-lg) !important;
-    line-height: var(--line-height-lg) !important;
   }
 
   .\32xl\:text-sm {
     font-size: var(--font-size-sm) !important;
-    line-height: var(--line-height-sm) !important;
   }
 
   .\32xl\:text-xl {
     font-size: var(--font-size-xl) !important;
-    line-height: var(--line-height-xl) !important;
   }
 
   .\32xl\:text-xs {
     font-size: var(--font-size-xs) !important;
-    line-height: var(--line-height-xs) !important;
-  }
-
-  .\32xl\:visually-hidden {
-    position: absolute !important;
-    padding: 0 !important;
-    border: 0 !important;
-    overflow: hidden !important;
-    white-space: nowrap !important;
-    width: 1px !important;
-    height: 1px !important;
-    margin: -1px !important;
-    clip: rect(0, 0, 0, 0) !important;
   }
 }
 
@@ -28516,67 +28371,54 @@ h6 {
 
   .dark\:text-2xl {
     font-size: var(--font-size-2xl) !important;
-    line-height: var(--line-height-2xl) !important;
   }
 
   .dark\:text-3xl {
     font-size: var(--font-size-3xl) !important;
-    line-height: var(--line-height-3xl) !important;
   }
 
   .dark\:text-4xl {
     font-size: var(--font-size-4xl) !important;
-    line-height: var(--line-height-4xl) !important;
   }
 
   .dark\:text-5xl {
     font-size: var(--font-size-5xl) !important;
-    line-height: var(--line-height-5xl) !important;
   }
 
   .dark\:text-6xl {
     font-size: var(--font-size-6xl) !important;
-    line-height: var(--line-height-6xl) !important;
   }
 
   .dark\:text-7xl {
     font-size: var(--font-size-7xl) !important;
-    line-height: var(--line-height-7xl) !important;
   }
 
   .dark\:text-8xl {
     font-size: var(--font-size-8xl) !important;
-    line-height: var(--line-height-8xl) !important;
   }
 
   .dark\:text-9xl {
     font-size: var(--font-size-9xl) !important;
-    line-height: var(--line-height-9xl) !important;
   }
 
   .dark\:text-lg {
     font-size: var(--font-size-lg) !important;
-    line-height: var(--line-height-lg) !important;
   }
 
   .dark\:text-md {
     font-size: var(--font-size-md) !important;
-    line-height: var(--line-height-md) !important;
   }
 
   .dark\:text-sm {
     font-size: var(--font-size-sm) !important;
-    line-height: var(--line-height-sm) !important;
   }
 
   .dark\:text-xl {
     font-size: var(--font-size-xl) !important;
-    line-height: var(--line-height-xl) !important;
   }
 
   .dark\:text-xs {
     font-size: var(--font-size-xs) !important;
-    line-height: var(--line-height-xs) !important;
   }
 
   .dark\:text-amber-100 {

package/dist/plugin/nova-plugin.js

@@ -74,17 +74,6 @@ export const novaTailwindPlugin = plugin(({ addUtilities, addComponents, addBase
     });
     addUtilities({
         ...NOVA_TAILWIND_TOKENS,
-        '.visually-hidden': {
-            position: 'absolute',
-            padding: '0',
-            border: '0',
-            overflow: 'hidden',
-            'white-space': 'nowrap',
-            width: '1px',
-            height: '1px',
-            margin: '-1px',
-            clip: 'rect(0, 0, 0, 0)',
-        },
         '.w-inherit': {
             width: 'inherit',
         },

package/dist/plugin/nova-safelist.js

@@ -313,7 +313,6 @@ const resize = [
 ];
 // From the nova tailwind plugin (nova-plugin.ts)
 const utils = [
-    { pattern: /^visually-hidden$/, variants: responsive },
     { pattern: /^text-(high|medium|low)$/ },
     { pattern: /^bg-level-(00|10|20|30|40)(-hover)?$/ },
     { pattern: /^border-(high|medium|low)$/ },

package/dist/plugin/nova-theme.d.ts

@@ -55,19 +55,19 @@ export declare const borderRadius: {
     full: string;
 };
 export declare const fontSize: {
-    xs: [string, string];
-    sm: [string, string];
-    md: [string, string];
-    lg: [string, string];
-    xl: [string, string];
-    '2xl': [string, string];
-    '3xl': [string, string];
-    '4xl': [string, string];
-    '5xl': [string, string];
-    '6xl': [string, string];
-    '7xl': [string, string];
-    '8xl': [string, string];
-    '9xl': [string, string];
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    '4xl': string;
+    '5xl': string;
+    '6xl': string;
+    '7xl': string;
+    '8xl': string;
+    '9xl': string;
 };
 export declare const lineHeight: {
     xs: string;

package/dist/plugin/nova-theme.js

@@ -54,19 +54,19 @@ export const borderRadius = {
     full: 'var(--radius-rounded-full)',
 };
 export const fontSize = {
-    xs: ['var(--font-size-xs)', 'var(--line-height-xs)'],
-    sm: ['var(--font-size-sm)', 'var(--line-height-sm)'],
-    md: ['var(--font-size-md)', 'var(--line-height-md)'],
-    lg: ['var(--font-size-lg)', 'var(--line-height-lg)'],
-    xl: ['var(--font-size-xl)', 'var(--line-height-xl)'],
-    '2xl': ['var(--font-size-2xl)', 'var(--line-height-2xl)'],
-    '3xl': ['var(--font-size-3xl)', 'var(--line-height-3xl)'],
-    '4xl': ['var(--font-size-4xl)', 'var(--line-height-4xl)'],
-    '5xl': ['var(--font-size-5xl)', 'var(--line-height-5xl)'],
-    '6xl': ['var(--font-size-6xl)', 'var(--line-height-6xl)'],
-    '7xl': ['var(--font-size-7xl)', 'var(--line-height-7xl)'],
-    '8xl': ['var(--font-size-8xl)', 'var(--line-height-8xl)'],
-    '9xl': ['var(--font-size-9xl)', 'var(--line-height-9xl)'],
+    xs: 'var(--font-size-xs)',
+    sm: 'var(--font-size-sm)',
+    md: 'var(--font-size-md)',
+    lg: 'var(--font-size-lg)',
+    xl: 'var(--font-size-xl)',
+    '2xl': 'var(--font-size-2xl)',
+    '3xl': 'var(--font-size-3xl)',
+    '4xl': 'var(--font-size-4xl)',
+    '5xl': 'var(--font-size-5xl)',
+    '6xl': 'var(--font-size-6xl)',
+    '7xl': 'var(--font-size-7xl)',
+    '8xl': 'var(--font-size-8xl)',
+    '9xl': 'var(--font-size-9xl)',
 };
 export const lineHeight = {
     xs: 'var(--line-height-xs)',
@@ -86,18 +86,6 @@ export const lineHeight = {
 export const colors = {
     background: 'var(--color-level-00-background)',
     text: 'var(--color-content-medium-text)',
-    brand: {
-        50: 'var(--color-brand-50)',
-        100: 'var(--color-brand-100)',
-        200: 'var(--color-brand-200)',
-        300: 'var(--color-brand-300)',
-        400: 'var(--color-brand-400)',
-        500: 'var(--color-brand-500)',
-        600: 'var(--color-brand-600)',
-        700: 'var(--color-brand-700)',
-        800: 'var(--color-brand-800)',
-        900: 'var(--color-brand-900)',
-    },
     green: {
         50: 'var(--color-green-50)',
         100: 'var(--color-green-100)',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-base",
-  "version": "3.0.0-beta.44",
+  "version": "3.0.0-beta.45",
   "description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
   "author": "Elia Group",
   "homepage": "https://nova.eliagroup.io",