@nova-design-system/nova-base 3.0.0-beta.29 → 3.0.0-beta.31

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

@@ -39,58 +39,58 @@ exports.novaTailwindPlugin = (0, plugin_js_1.default)(function (_a) {
             'border-radius': 'var(--radius-rounded)',
         },
         a: {
-            color: 'var(--color-interaction-link-inline-text)',
+            color: 'var(--color-interaction-link-high-text)',
             'text-decoration': 'underline',
             fontWeight: '700',
         },
         'a:hover': {
-            color: 'var(--color-interaction-link-inline-text-hover)',
+            color: 'var(--color-interaction-link-high-text-hover)',
         },
         h1: {
             fontSize: 'var(--global-typography-h1-font-size)',
             lineHeight: 'var(--global-typography-h1-line-height)',
             fontWeight: 'var(--global-typography-h1-font-weight)',
-            color: 'var(--color-base-content-high-emphasis)',
+            color: 'var(--color-content-high-text)',
         },
         h2: {
             fontSize: 'var(--global-typography-h2-font-size)',
             lineHeight: 'var(--global-typography-h2-line-height)',
             fontWeight: 'var(--global-typography-h2-font-weight)',
-            color: 'var(--color-base-content-high-emphasis)',
+            color: 'var(--color-content-high-text)',
         },
         h3: {
             fontSize: 'var(--global-typography-h3-font-size)',
             lineHeight: 'var(--global-typography-h3-line-height)',
             fontWeight: 'var(--global-typography-h3-font-weight)',
-            color: 'var(--color-base-content-high-emphasis)',
+            color: 'var(--color-content-high-text)',
         },
         h4: {
             fontSize: 'var(--global-typography-h4-font-size)',
             lineHeight: 'var(--global-typography-h4-line-height)',
             fontWeight: 'var(--global-typography-h4-font-weight)',
-            color: 'var(--color-base-content-high-emphasis)',
+            color: 'var(--color-content-high-text)',
         },
         h5: {
             fontSize: 'var(--global-typography-h4-font-size)',
             lineHeight: 'var(--global-typography-h4-line-height)',
             fontWeight: 'var(--font-weight-medium-emphasis)',
-            color: 'var(--color-base-content-medium-emphasis)',
+            color: 'var(--color-content-medium-text)',
         },
         h6: {
             fontSize: 'var(--global-typography-h4-font-size)',
             lineHeight: 'var(--global-typography-h4-line-height)',
             fontWeight: 'var(--font-weight-low-emphasis)',
-            color: 'var(--color-base-content-low-emphasis)',
+            color: 'var(--color-content-low-text)',
         },
     });
     addComponents({
         '.link': {
-            color: 'var(--color-interaction-link-standalone-text)',
+            color: 'var(--color-interaction-link-high-text)',
             fontWeight: '500',
             'text-decoration': 'none',
         },
         '.link:hover': {
-            color: 'var(--color-interaction-link-standalone-text-hover)',
+            color: 'var(--color-interaction-link-high-text-hover)',
         },
     });
     addUtilities(__assign(__assign({}, nova_tailwind_tokens_js_1.NOVA_TAILWIND_TOKENS), { '.visually-hidden': {
@@ -103,38 +103,6 @@ exports.novaTailwindPlugin = (0, plugin_js_1.default)(function (_a) {
             height: '1px',
             margin: '-1px',
             clip: 'rect(0, 0, 0, 0)',
-        }, '.text-high-emphasis': {
-            color: 'var(--color-base-content-high-emphasis)',
-        }, '.text-medium-emphasis': {
-            color: 'var(--color-base-content-medium-emphasis)',
-        }, '.text-low-emphasis': {
-            color: 'var(--color-base-content-low-emphasis)',
-        }, '.bg-level-00': {
-            'background-color': 'var(--color-base-level-00)',
-        }, '.bg-level-00-hover': {
-            'background-color': 'var(--color-base-level-00-hover)',
-        }, '.bg-level-10': {
-            'background-color': 'var(--color-base-level-10)',
-        }, '.bg-level-10-hover': {
-            'background-color': 'var(--color-base-level-10-hover)',
-        }, '.bg-level-20': {
-            'background-color': 'var(--color-base-level-20)',
-        }, '.bg-level-20-hover': {
-            'background-color': 'var(--color-base-level-20-hover)',
-        }, '.bg-level-30': {
-            'background-color': 'var(--color-base-level-30)',
-        }, '.bg-level-30-hover': {
-            'background-color': 'var(--color-base-level-30-hover)',
-        }, '.bg-level-40': {
-            'background-color': 'var(--color-base-level-40)',
-        }, '.bg-level-40-hover': {
-            'background-color': 'var(--color-base-level-40-hover)',
-        }, '.border-high-emphasis': {
-            'border-color': 'var(--color-base-border-high-emphasis)',
-        }, '.border-medium-emphasis': {
-            'border-color': 'var(--color-base-border-medium-emphasis)',
-        }, '.border-low-emphasis': {
-            'border-color': 'var(--color-base-border-low-emphasis)',
         }, '.w-inherit': {
             width: 'inherit',
         }, '.w-initial': {

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

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

package/dist/lib/cjs/nova-tailwind-tokens.js

@@ -22,26 +22,53 @@ exports.NOVA_TAILWIND_TOKENS = {
     '.border-base-medium-emphasis': {
         'border-color': 'var(--color-base-border-medium-emphasis)'
     },
-    '.text-base-high-emphasis': {
-        'color': 'var(--color-base-content-high-emphasis)'
+    '.border-high': {
+        'border-color': 'var(--color-content-high-border)'
     },
-    '.text-base-inverted-high-emphasis': {
-        'color': 'var(--color-base-content-inverted-high-emphasis)'
+    '.icon-high': {
+        'color': 'var(--color-content-high-icon)'
     },
-    '.text-base-inverted-low-emphasis': {
-        'color': 'var(--color-base-content-inverted-low-emphasis)'
+    '.text-high': {
+        'color': 'var(--color-content-high-text)'
     },
-    '.text-base-inverted-medium-emphasis': {
-        'color': 'var(--color-base-content-inverted-medium-emphasis)'
+    '.icon-inverted-high': {
+        'color': 'var(--color-content-inverted-high-icon)'
     },
-    '.text-base-low-emphasis': {
-        'color': 'var(--color-base-content-low-emphasis)'
+    '.text-inverted-high': {
+        'color': 'var(--color-content-inverted-high-text)'
     },
-    '.text-base-lower-emphasis': {
-        'color': 'var(--color-base-content-lower-emphasis)'
+    '.icon-inverted-low': {
+        'color': 'var(--color-content-inverted-low-icon)'
     },
-    '.text-base-medium-emphasis': {
-        'color': 'var(--color-base-content-medium-emphasis)'
+    '.text-inverted-low': {
+        'color': 'var(--color-content-inverted-low-text)'
+    },
+    '.icon-inverted-medium': {
+        'color': 'var(--color-content-inverted-medium-icon)'
+    },
+    '.text-inverted-medium': {
+        'color': 'var(--color-content-inverted-medium-text)'
+    },
+    '.border-low': {
+        'border-color': 'var(--color-content-low-border)'
+    },
+    '.icon-low': {
+        'color': 'var(--color-content-low-icon)'
+    },
+    '.text-low': {
+        'color': 'var(--color-content-low-text)'
+    },
+    '.text-lower': {
+        'color': 'var(--color-content-lower-text)'
+    },
+    '.border-medium': {
+        'border-color': 'var(--color-content-medium-border)'
+    },
+    '.icon-medium': {
+        'color': 'var(--color-content-medium-icon)'
+    },
+    '.text-medium': {
+        'color': 'var(--color-content-medium-text)'
     },
     '.bg-dont-use': {
         'background-color': 'var(--color-dont-use-background)'
@@ -49,17 +76,17 @@ exports.NOVA_TAILWIND_TOKENS = {
     '.border-dont-use': {
         'border-color': 'var(--color-dont-use-border)'
     },
-    '.text-dont-use': {
-        'color': 'var(--color-dont-use-content)'
-    },
     '.bg-feedback-error-high': {
         'background-color': 'var(--color-feedback-error-high-background)'
     },
     '.border-feedback-error-high': {
         'border-color': 'var(--color-feedback-error-high-border)'
     },
+    '.icon-feedback-error-high': {
+        'color': 'var(--color-feedback-error-high-icon)'
+    },
     '.text-feedback-error-high': {
-        'color': 'var(--color-feedback-error-high-content)'
+        'color': 'var(--color-feedback-error-high-text)'
     },
     '.bg-feedback-error-low': {
         'background-color': 'var(--color-feedback-error-low-background)'
@@ -67,8 +94,11 @@ exports.NOVA_TAILWIND_TOKENS = {
     '.border-feedback-error-low': {
         'border-color': 'var(--color-feedback-error-low-border)'
     },
+    '.icon-feedback-error-low': {
+        'color': 'var(--color-feedback-error-low-icon)'
+    },
     '.text-feedback-error-low': {
-        'color': 'var(--color-feedback-error-low-content)'
+        'color': 'var(--color-feedback-error-low-text)'
     },
     '.bg-feedback-information-high': {
         'background-color': 'var(--color-feedback-information-high-background)'
@@ -76,8 +106,11 @@ exports.NOVA_TAILWIND_TOKENS = {
     '.border-feedback-information-high': {
         'border-color': 'var(--color-feedback-information-high-border)'
     },
+    '.icon-feedback-information-high': {
+        'color': 'var(--color-feedback-information-high-icon)'
+    },
     '.text-feedback-information-high': {
-        'color': 'var(--color-feedback-information-high-content)'
+        'color': 'var(--color-feedback-information-high-text)'
     },
     '.bg-feedback-information-low': {
         'background-color': 'var(--color-feedback-information-low-background)'
@@ -85,8 +118,11 @@ exports.NOVA_TAILWIND_TOKENS = {
     '.border-feedback-information-low': {
         'border-color': 'var(--color-feedback-information-low-border)'
     },
+    '.icon-feedback-information-low': {
+        'color': 'var(--color-feedback-information-low-icon)'
+    },
     '.text-feedback-information-low': {
-        'color': 'var(--color-feedback-information-low-content)'
+        'color': 'var(--color-feedback-information-low-text)'
     },
     '.bg-feedback-neutral-high': {
         'background-color': 'var(--color-feedback-neutral-high-background)'
@@ -94,8 +130,11 @@ exports.NOVA_TAILWIND_TOKENS = {
     '.border-feedback-neutral-high': {
         'border-color': 'var(--color-feedback-neutral-high-border)'
     },
+    '.icon-feedback-neutral-high': {
+        'color': 'var(--color-feedback-neutral-high-icon)'
+    },
     '.text-feedback-neutral-high': {
-        'color': 'var(--color-feedback-neutral-high-content)'
+        'color': 'var(--color-feedback-neutral-high-text)'
     },
     '.bg-feedback-neutral-low': {
         'background-color': 'var(--color-feedback-neutral-low-background)'
@@ -103,8 +142,11 @@ exports.NOVA_TAILWIND_TOKENS = {
     '.border-feedback-neutral-low': {
         'border-color': 'var(--color-feedback-neutral-low-border)'
     },
+    '.icon-feedback-neutral-low': {
+        'color': 'var(--color-feedback-neutral-low-icon)'
+    },
     '.text-feedback-neutral-low': {
-        'color': 'var(--color-feedback-neutral-low-content)'
+        'color': 'var(--color-feedback-neutral-low-text)'
     },
     '.bg-feedback-success-high': {
         'background-color': 'var(--color-feedback-success-high-background)'
@@ -112,8 +154,11 @@ exports.NOVA_TAILWIND_TOKENS = {
     '.border-feedback-success-high': {
         'border-color': 'var(--color-feedback-success-high-border)'
     },
+    '.icon-feedback-success-high': {
+        'color': 'var(--color-feedback-success-high-icon)'
+    },
     '.text-feedback-success-high': {
-        'color': 'var(--color-feedback-success-high-content)'
+        'color': 'var(--color-feedback-success-high-text)'
     },
     '.bg-feedback-success-low': {
         'background-color': 'var(--color-feedback-success-low-background)'
@@ -121,8 +166,11 @@ exports.NOVA_TAILWIND_TOKENS = {
     '.border-feedback-success-low': {
         'border-color': 'var(--color-feedback-success-low-border)'
     },
+    '.icon-feedback-success-low': {
+        'color': 'var(--color-feedback-success-low-icon)'
+    },
     '.text-feedback-success-low': {
-        'color': 'var(--color-feedback-success-low-content)'
+        'color': 'var(--color-feedback-success-low-text)'
     },
     '.bg-feedback-warning-high': {
         'background-color': 'var(--color-feedback-warning-high-background)'
@@ -130,8 +178,11 @@ exports.NOVA_TAILWIND_TOKENS = {
     '.border-feedback-warning-high': {
         'border-color': 'var(--color-feedback-warning-high-border)'
     },
+    '.icon-feedback-warning-high': {
+        'color': 'var(--color-feedback-warning-high-icon)'
+    },
     '.text-feedback-warning-high': {
-        'color': 'var(--color-feedback-warning-high-content)'
+        'color': 'var(--color-feedback-warning-high-text)'
     },
     '.bg-feedback-warning-low': {
         'background-color': 'var(--color-feedback-warning-low-background)'
@@ -139,8 +190,11 @@ exports.NOVA_TAILWIND_TOKENS = {
     '.border-feedback-warning-low': {
         'border-color': 'var(--color-feedback-warning-low-border)'
     },
+    '.icon-feedback-warning-low': {
+        'color': 'var(--color-feedback-warning-low-icon)'
+    },
     '.text-feedback-warning-low': {
-        'color': 'var(--color-feedback-warning-low-content)'
+        'color': 'var(--color-feedback-warning-low-text)'
     },
     '.bg-interaction-brand-high': {
         'background-color': 'var(--color-interaction-brand-high-background)'
@@ -154,6 +208,12 @@ exports.NOVA_TAILWIND_TOKENS = {
     '.border-interaction-brand-high-hover': {
         'border-color': 'var(--color-interaction-brand-high-border-hover)'
     },
+    '.icon-interaction-brand-high': {
+        'color': 'var(--color-interaction-brand-high-icon)'
+    },
+    '.icon-interaction-brand-high-hover': {
+        'color': 'var(--color-interaction-brand-high-icon-hover)'
+    },
     '.text-interaction-brand-high': {
         'color': 'var(--color-interaction-brand-high-text)'
     },
@@ -172,24 +232,144 @@ exports.NOVA_TAILWIND_TOKENS = {
     '.border-interaction-brand-low-hover': {
         'border-color': 'var(--color-interaction-brand-low-border-hover)'
     },
+    '.icon-interaction-brand-low': {
+        'color': 'var(--color-interaction-brand-low-icon)'
+    },
+    '.icon-interaction-brand-low-hover': {
+        'color': 'var(--color-interaction-brand-low-icon-hover)'
+    },
     '.text-interaction-brand-low': {
         'color': 'var(--color-interaction-brand-low-text)'
     },
     '.text-interaction-brand-low-hover': {
         'color': 'var(--color-interaction-brand-low-text-hover)'
     },
+    '.bg-interaction-container-branded-high': {
+        'background-color': 'var(--color-interaction-container-branded-high-background)'
+    },
+    '.bg-interaction-container-branded-high-hover': {
+        'background-color': 'var(--color-interaction-container-branded-high-background-hover)'
+    },
+    '.border-interaction-container-branded-high': {
+        'border-color': 'var(--color-interaction-container-branded-high-border)'
+    },
+    '.border-interaction-container-branded-high-hover': {
+        'border-color': 'var(--color-interaction-container-branded-high-border-hover)'
+    },
+    '.icon-interaction-container-branded-high': {
+        'color': 'var(--color-interaction-container-branded-high-icon)'
+    },
+    '.icon-interaction-container-branded-high-hover': {
+        'color': 'var(--color-interaction-container-branded-high-icon-hover)'
+    },
+    '.text-interaction-container-branded-high': {
+        'color': 'var(--color-interaction-container-branded-high-text)'
+    },
+    '.text-interaction-container-branded-high-hover': {
+        'color': 'var(--color-interaction-container-branded-high-text-hover)'
+    },
+    '.bg-interaction-container-branded-low': {
+        'background-color': 'var(--color-interaction-container-branded-low-background)'
+    },
+    '.bg-interaction-container-branded-low-hover': {
+        'background-color': 'var(--color-interaction-container-branded-low-background-hover)'
+    },
+    '.border-interaction-container-branded-low': {
+        'border-color': 'var(--color-interaction-container-branded-low-border)'
+    },
+    '.border-interaction-container-branded-low-hover': {
+        'border-color': 'var(--color-interaction-container-branded-low-border-hover)'
+    },
+    '.icon-interaction-container-branded-low': {
+        'color': 'var(--color-interaction-container-branded-low-icon)'
+    },
+    '.icon-interaction-container-branded-low-hover': {
+        'color': 'var(--color-interaction-container-branded-low-icon-hover)'
+    },
+    '.text-interaction-container-branded-low': {
+        'color': 'var(--color-interaction-container-branded-low-text)'
+    },
+    '.text-interaction-container-branded-low-hover': {
+        'color': 'var(--color-interaction-container-branded-low-text-hover)'
+    },
+    '.bg-interaction-container-neutral': {
+        'background-color': 'var(--color-interaction-container-neutral-background)'
+    },
+    '.bg-interaction-container-neutral-hover': {
+        'background-color': 'var(--color-interaction-container-neutral-background-hover)'
+    },
+    '.border-interaction-container-neutral': {
+        'border-color': 'var(--color-interaction-container-neutral-border)'
+    },
+    '.border-interaction-container-neutral-hover': {
+        'border-color': 'var(--color-interaction-container-neutral-border-hover)'
+    },
+    '.icon-interaction-container-neutral': {
+        'color': 'var(--color-interaction-container-neutral-icon)'
+    },
+    '.icon-interaction-container-neutral-hover': {
+        'color': 'var(--color-interaction-container-neutral-icon-hover)'
+    },
+    '.text-interaction-container-neutral': {
+        'color': 'var(--color-interaction-container-neutral-text)'
+    },
+    '.text-interaction-container-neutral-hover': {
+        'color': 'var(--color-interaction-container-neutral-text-hover)'
+    },
+    '.icon-interaction-link-high': {
+        'color': 'var(--color-interaction-link-high-icon)'
+    },
+    '.icon-interaction-link-high-hover': {
+        'color': 'var(--color-interaction-link-high-icon-hover)'
+    },
+    '.text-interaction-link-high': {
+        'color': 'var(--color-interaction-link-high-text)'
+    },
+    '.text-interaction-link-high-hover': {
+        'color': 'var(--color-interaction-link-high-text-hover)'
+    },
+    '.icon-interaction-link-inline': {
+        'color': 'var(--color-interaction-link-inline-icon)'
+    },
+    '.icon-interaction-link-inline-hover': {
+        'color': 'var(--color-interaction-link-inline-icon-hover)'
+    },
     '.text-interaction-link-inline': {
         'color': 'var(--color-interaction-link-inline-text)'
     },
     '.text-interaction-link-inline-hover': {
         'color': 'var(--color-interaction-link-inline-text-hover)'
     },
+    '.icon-interaction-link-low': {
+        'color': 'var(--color-interaction-link-low-icon)'
+    },
+    '.icon-interaction-link-low-hover': {
+        'color': 'var(--color-interaction-link-low-icon-hover)'
+    },
+    '.text-interaction-link-low': {
+        'color': 'var(--color-interaction-link-low-text)'
+    },
+    '.text-interaction-link-low-hover': {
+        'color': 'var(--color-interaction-link-low-text-hover)'
+    },
+    '.icon-interaction-link-standalone': {
+        'color': 'var(--color-interaction-link-standalone-icon)'
+    },
+    '.icon-interaction-link-standalone-hover': {
+        'color': 'var(--color-interaction-link-standalone-icon-hover)'
+    },
     '.text-interaction-link-standalone': {
         'color': 'var(--color-interaction-link-standalone-text)'
     },
     '.text-interaction-link-standalone-hover': {
         'color': 'var(--color-interaction-link-standalone-text-hover)'
     },
+    '.icon-interaction-link-table': {
+        'color': 'var(--color-interaction-link-table-icon)'
+    },
+    '.icon-interaction-link-table-hover': {
+        'color': 'var(--color-interaction-link-table-icon-hover)'
+    },
     '.text-interaction-link-table': {
         'color': 'var(--color-interaction-link-table-text)'
     },
@@ -208,20 +388,47 @@ exports.NOVA_TAILWIND_TOKENS = {
     '.border-interaction-neutral-hover': {
         'border-color': 'var(--color-interaction-neutral-border-hover)'
     },
+    '.icon-interaction-neutral': {
+        'color': 'var(--color-interaction-neutral-icon)'
+    },
+    '.icon-interaction-neutral-hover': {
+        'color': 'var(--color-interaction-neutral-icon-hover)'
+    },
     '.text-interaction-neutral': {
         'color': 'var(--color-interaction-neutral-text)'
     },
     '.text-interaction-neutral-hover': {
         'color': 'var(--color-interaction-neutral-text-hover)'
     },
+    '.bg-level-00': {
+        'background-color': 'var(--color-level-00-background)'
+    },
+    '.bg-level-05': {
+        'background-color': 'var(--color-level-05-background)'
+    },
+    '.bg-level-10': {
+        'background-color': 'var(--color-level-10-background)'
+    },
+    '.bg-level-20': {
+        'background-color': 'var(--color-level-20-background)'
+    },
+    '.bg-level-30': {
+        'background-color': 'var(--color-level-30-background)'
+    },
+    '.bg-level-40': {
+        'background-color': 'var(--color-level-40-background)'
+    },
     '.bg-rainbow-1': {
         'background-color': 'var(--color-rainbow-1-background)'
     },
     '.border-rainbow-1': {
         'border-color': 'var(--color-rainbow-1-border)'
     },
+    '.icon-rainbow-1': {
+        'color': 'var(--color-rainbow-1-icon)'
+    },
     '.text-rainbow-1': {
-        'color': 'var(--color-rainbow-1-content)'
+        'color': 'var(--color-rainbow-1-text)'
     },
     '.bg-rainbow-10': {
         'background-color': 'var(--color-rainbow-10-background)'
@@ -229,8 +436,11 @@ exports.NOVA_TAILWIND_TOKENS = {
     '.border-rainbow-10': {
         'border-color': 'var(--color-rainbow-10-border)'
     },
+    '.icon-rainbow-10': {
+        'color': 'var(--color-rainbow-10-icon)'
+    },
     '.text-rainbow-10': {
-        'color': 'var(--color-rainbow-10-content)'
+        'color': 'var(--color-rainbow-10-text)'
     },
     '.bg-rainbow-2': {
         'background-color': 'var(--color-rainbow-2-background)'
@@ -238,8 +448,11 @@ exports.NOVA_TAILWIND_TOKENS = {
     '.border-rainbow-2': {
         'border-color': 'var(--color-rainbow-2-border)'
     },
+    '.icon-rainbow-2': {
+        'color': 'var(--color-rainbow-2-icon)'
+    },
     '.text-rainbow-2': {
-        'color': 'var(--color-rainbow-2-content)'
+        'color': 'var(--color-rainbow-2-text)'
     },
     '.bg-rainbow-3': {
         'background-color': 'var(--color-rainbow-3-background)'
@@ -247,8 +460,11 @@ exports.NOVA_TAILWIND_TOKENS = {
     '.border-rainbow-3': {
         'border-color': 'var(--color-rainbow-3-border)'
     },
+    '.icon-rainbow-3': {
+        'color': 'var(--color-rainbow-3-icon)'
+    },
     '.text-rainbow-3': {
-        'color': 'var(--color-rainbow-3-content)'
+        'color': 'var(--color-rainbow-3-text)'
     },
     '.bg-rainbow-4': {
         'background-color': 'var(--color-rainbow-4-background)'
@@ -256,8 +472,11 @@ exports.NOVA_TAILWIND_TOKENS = {
     '.border-rainbow-4': {
         'border-color': 'var(--color-rainbow-4-border)'
     },
+    '.icon-rainbow-4': {
+        'color': 'var(--color-rainbow-4-icon)'
+    },
     '.text-rainbow-4': {
-        'color': 'var(--color-rainbow-4-content)'
+        'color': 'var(--color-rainbow-4-text)'
     },
     '.bg-rainbow-5': {
         'background-color': 'var(--color-rainbow-5-background)'
@@ -265,8 +484,11 @@ exports.NOVA_TAILWIND_TOKENS = {
     '.border-rainbow-5': {
         'border-color': 'var(--color-rainbow-5-border)'
     },
+    '.icon-rainbow-5': {
+        'color': 'var(--color-rainbow-5-icon)'
+    },
     '.text-rainbow-5': {
-        'color': 'var(--color-rainbow-5-content)'
+        'color': 'var(--color-rainbow-5-text)'
     },
     '.bg-rainbow-6': {
         'background-color': 'var(--color-rainbow-6-background)'
@@ -274,8 +496,11 @@ exports.NOVA_TAILWIND_TOKENS = {
     '.border-rainbow-6': {
         'border-color': 'var(--color-rainbow-6-border)'
     },
+    '.icon-rainbow-6': {
+        'color': 'var(--color-rainbow-6-icon)'
+    },
     '.text-rainbow-6': {
-        'color': 'var(--color-rainbow-6-content)'
+        'color': 'var(--color-rainbow-6-text)'
     },
     '.bg-rainbow-7': {
         'background-color': 'var(--color-rainbow-7-background)'
@@ -283,8 +508,11 @@ exports.NOVA_TAILWIND_TOKENS = {
     '.border-rainbow-7': {
         'border-color': 'var(--color-rainbow-7-border)'
     },
+    '.icon-rainbow-7': {
+        'color': 'var(--color-rainbow-7-icon)'
+    },
     '.text-rainbow-7': {
-        'color': 'var(--color-rainbow-7-content)'
+        'color': 'var(--color-rainbow-7-text)'
     },
     '.bg-rainbow-8': {
         'background-color': 'var(--color-rainbow-8-background)'
@@ -292,8 +520,11 @@ exports.NOVA_TAILWIND_TOKENS = {
     '.border-rainbow-8': {
         'border-color': 'var(--color-rainbow-8-border)'
     },
+    '.icon-rainbow-8': {
+        'color': 'var(--color-rainbow-8-icon)'
+    },
     '.text-rainbow-8': {
-        'color': 'var(--color-rainbow-8-content)'
+        'color': 'var(--color-rainbow-8-text)'
     },
     '.bg-rainbow-9': {
         'background-color': 'var(--color-rainbow-9-background)'
@@ -301,7 +532,10 @@ exports.NOVA_TAILWIND_TOKENS = {
     '.border-rainbow-9': {
         'border-color': 'var(--color-rainbow-9-border)'
     },
+    '.icon-rainbow-9': {
+        'color': 'var(--color-rainbow-9-icon)'
+    },
     '.text-rainbow-9': {
-        'color': 'var(--color-rainbow-9-content)'
+        'color': 'var(--color-rainbow-9-text)'
     }
 };

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

@@ -87,8 +87,8 @@ exports.lineHeight = {
     '9xl': 'var(--line-height-9xl)',
 };
 exports.colors = {
-    background: 'var(--color-base-level-00)',
-    text: 'var(--color-base-content-medium-emphasis)',
+    background: 'var(--color-level-00-background)',
+    text: 'var(--color-content-medium-text)',
     brand: {
         50: 'var(--color-brand-50)',
         100: 'var(--color-brand-100)',