@nova-design-system/nova-base 3.29.0 → 3.30.0

package/dist/js/spark_dark.d.ts

@@ -131,6 +131,7 @@ export const ColorFeedbackInformationHighIcon : string;
 export const ColorFeedbackInformationHighText : string;
 export const ColorFeedbackInformationLowBackground : string;
 export const ColorFeedbackInformationLowBorder : string;
+export const ColorFeedbackInformationLowBorderSubtle : string;
 export const ColorFeedbackInformationLowIcon : string;
 export const ColorFeedbackInformationLowText : string;
 export const ColorFeedbackInformationHighContrastBackground : string;
@@ -144,6 +145,7 @@ export const ColorFeedbackErrorHighIcon : string;
 export const ColorFeedbackErrorHighText : string;
 export const ColorFeedbackErrorLowBackground : string;
 export const ColorFeedbackErrorLowBorder : string;
+export const ColorFeedbackErrorLowBorderSubtle : string;
 export const ColorFeedbackErrorLowIcon : string;
 export const ColorFeedbackErrorLowText : string;
 export const ColorFeedbackErrorHighContrastBackground : string;
@@ -157,6 +159,7 @@ export const ColorFeedbackNeutralHighIcon : string;
 export const ColorFeedbackNeutralHighText : string;
 export const ColorFeedbackNeutralLowBackground : string;
 export const ColorFeedbackNeutralLowBorder : string;
+export const ColorFeedbackNeutralLowBorderSubtle : string;
 export const ColorFeedbackNeutralLowIcon : string;
 export const ColorFeedbackNeutralLowText : string;
 export const ColorFeedbackNeutralHighContrastBackground : string;
@@ -170,6 +173,7 @@ export const ColorFeedbackWarningHighIcon : string;
 export const ColorFeedbackWarningHighText : string;
 export const ColorFeedbackWarningLowBackground : string;
 export const ColorFeedbackWarningLowBorder : string;
+export const ColorFeedbackWarningLowBorderSubtle : string;
 export const ColorFeedbackWarningLowIcon : string;
 export const ColorFeedbackWarningLowText : string;
 export const ColorFeedbackWarningHighContrastBackground : string;
@@ -183,6 +187,7 @@ export const ColorFeedbackSuccessHighIcon : string;
 export const ColorFeedbackSuccessHighText : string;
 export const ColorFeedbackSuccessLowBackground : string;
 export const ColorFeedbackSuccessLowBorder : string;
+export const ColorFeedbackSuccessLowBorderSubtle : string;
 export const ColorFeedbackSuccessLowIcon : string;
 export const ColorFeedbackSuccessLowText : string;
 export const ColorFeedbackSuccessHighContrastBackground : string;
@@ -198,42 +203,52 @@ export const ColorFocusDestructiveInField : string;
 export const ColorFocusSuccess : string;
 export const ColorRainbow1Background : string;
 export const ColorRainbow1Border : string;
+export const ColorRainbow1BorderLight : string;
 export const ColorRainbow1Icon : string;
 export const ColorRainbow1Text : string;
 export const ColorRainbow2Background : string;
 export const ColorRainbow2Border : string;
+export const ColorRainbow2BorderLight : string;
 export const ColorRainbow2Icon : string;
 export const ColorRainbow2Text : string;
 export const ColorRainbow3Background : string;
 export const ColorRainbow3Border : string;
+export const ColorRainbow3BorderLight : string;
 export const ColorRainbow3Icon : string;
 export const ColorRainbow3Text : string;
 export const ColorRainbow4Background : string;
 export const ColorRainbow4Border : string;
+export const ColorRainbow4BorderLight : string;
 export const ColorRainbow4Icon : string;
 export const ColorRainbow4Text : string;
 export const ColorRainbow5Background : string;
 export const ColorRainbow5Border : string;
+export const ColorRainbow5BorderLight : string;
 export const ColorRainbow5Icon : string;
 export const ColorRainbow5Text : string;
 export const ColorRainbow6Background : string;
 export const ColorRainbow6Border : string;
+export const ColorRainbow6BorderLight : string;
 export const ColorRainbow6Icon : string;
 export const ColorRainbow6Text : string;
 export const ColorRainbow7Background : string;
 export const ColorRainbow7Border : string;
+export const ColorRainbow7BorderLight : string;
 export const ColorRainbow7Icon : string;
 export const ColorRainbow7Text : string;
 export const ColorRainbow8Background : string;
 export const ColorRainbow8Border : string;
+export const ColorRainbow8BorderLight : string;
 export const ColorRainbow8Icon : string;
 export const ColorRainbow8Text : string;
 export const ColorRainbow9Background : string;
 export const ColorRainbow9Border : string;
+export const ColorRainbow9BorderLight : string;
 export const ColorRainbow9Icon : string;
 export const ColorRainbow9Text : string;
 export const ColorRainbow10Background : string;
 export const ColorRainbow10Border : string;
+export const ColorRainbow10BorderLight : string;
 export const ColorRainbow10Icon : string;
 export const ColorRainbow10Text : string;
 export const ColorDontUseBorder : string;

package/dist/js/spark_dark.js

@@ -131,6 +131,7 @@ export const ColorFeedbackInformationHighIcon = "#09285c";
 export const ColorFeedbackInformationHighText = "#09285c";
 export const ColorFeedbackInformationLowBackground = "#001c37";
 export const ColorFeedbackInformationLowBorder = "#659fff";
+export const ColorFeedbackInformationLowBorderSubtle = "#113a80";
 export const ColorFeedbackInformationLowIcon = "#659fff";
 export const ColorFeedbackInformationLowText = "#659fff";
 export const ColorFeedbackInformationHighContrastBackground = "#659fff";
@@ -144,6 +145,7 @@ export const ColorFeedbackErrorHighIcon = "#380101";
 export const ColorFeedbackErrorHighText = "#380101";
 export const ColorFeedbackErrorLowBackground = "#380101";
 export const ColorFeedbackErrorLowBorder = "#ff6161";
+export const ColorFeedbackErrorLowBorderSubtle = "#911515";
 export const ColorFeedbackErrorLowIcon = "#ff6161";
 export const ColorFeedbackErrorLowText = "#ff6161";
 export const ColorFeedbackErrorHighContrastBackground = "#ff6161";
@@ -157,6 +159,7 @@ export const ColorFeedbackNeutralHighIcon = "#1d1d1d";
 export const ColorFeedbackNeutralHighText = "#1d1d1d";
 export const ColorFeedbackNeutralLowBackground = "#1d1d1d";
 export const ColorFeedbackNeutralLowBorder = "#a9a9a9";
+export const ColorFeedbackNeutralLowBorderSubtle = "#484848";
 export const ColorFeedbackNeutralLowIcon = "#a9a9a9";
 export const ColorFeedbackNeutralLowText = "#a9a9a9";
 export const ColorFeedbackNeutralHighContrastBackground = "#a9a9a9";
@@ -170,6 +173,7 @@ export const ColorFeedbackWarningHighIcon = "#302300";
 export const ColorFeedbackWarningHighText = "#302300";
 export const ColorFeedbackWarningLowBackground = "#302300";
 export const ColorFeedbackWarningLowBorder = "#e0a917";
+export const ColorFeedbackWarningLowBorderSubtle = "#805c00";
 export const ColorFeedbackWarningLowIcon = "#e0a917";
 export const ColorFeedbackWarningLowText = "#e0a917";
 export const ColorFeedbackWarningHighContrastBackground = "#e0a917";
@@ -183,6 +187,7 @@ export const ColorFeedbackSuccessHighIcon = "#003603";
 export const ColorFeedbackSuccessHighText = "#003603";
 export const ColorFeedbackSuccessLowBackground = "#002302";
 export const ColorFeedbackSuccessLowBorder = "#45d24d";
+export const ColorFeedbackSuccessLowBorderSubtle = "#035707";
 export const ColorFeedbackSuccessLowIcon = "#45d24d";
 export const ColorFeedbackSuccessLowText = "#45d24d";
 export const ColorFeedbackSuccessHighContrastBackground = "#45d24d";
@@ -198,42 +203,52 @@ export const ColorFocusDestructiveInField = "#ff6161";
 export const ColorFocusSuccess = "#45d24d";
 export const ColorRainbow1Background = "#432306";
 export const ColorRainbow1Border = "#f0801a";
+export const ColorRainbow1BorderLight = "#9c5311";
 export const ColorRainbow1Icon = "#f0801a";
-export const ColorRainbow1Text = "#f0801a";
+export const ColorRainbow1Text = "#f39642";
 export const ColorRainbow2Background = "#45190a";
 export const ColorRainbow2Border = "#eb7247";
+export const ColorRainbow2BorderLight = "#963715";
 export const ColorRainbow2Icon = "#eb7247";
 export const ColorRainbow2Text = "#eb7247";
 export const ColorRainbow3Background = "#4d3a00";
 export const ColorRainbow3Border = "#d29f00";
+export const ColorRainbow3BorderLight = "#a67d00";
 export const ColorRainbow3Icon = "#d29f00";
 export const ColorRainbow3Text = "#d29f00";
-export const ColorRainbow4Background = "#610e0e";
+export const ColorRainbow4Background = "#3d0909";
 export const ColorRainbow4Border = "#e79494";
+export const ColorRainbow4BorderLight = "#a81818";
 export const ColorRainbow4Icon = "#e79494";
 export const ColorRainbow4Text = "#e79494";
 export const ColorRainbow5Background = "#1c2b28";
-export const ColorRainbow5Border = "#6aa9a0";
-export const ColorRainbow5Icon = "#6aa9a0";
-export const ColorRainbow5Text = "#6aa9a0";
-export const ColorRainbow6Background = "#490019";
+export const ColorRainbow5Border = "#84b8b1";
+export const ColorRainbow5BorderLight = "#456e68";
+export const ColorRainbow5Icon = "#84b8b1";
+export const ColorRainbow5Text = "#84b8b1";
+export const ColorRainbow6Background = "#2e0010";
 export const ColorRainbow6Border = "#cf869f";
+export const ColorRainbow6BorderLight = "#7e002c";
 export const ColorRainbow6Icon = "#cf869f";
 export const ColorRainbow6Text = "#cf869f";
-export const ColorRainbow7Background = "#09400c";
+export const ColorRainbow7Background = "#062908";
 export const ColorRainbow7Border = "#66b16a";
+export const ColorRainbow7BorderLight = "#106f15";
 export const ColorRainbow7Icon = "#66b16a";
 export const ColorRainbow7Text = "#66b16a";
-export const ColorRainbow8Background = "#124148";
+export const ColorRainbow8Background = "#0b292e";
 export const ColorRainbow8Border = "#71b2bc";
+export const ColorRainbow8BorderLight = "#1f717d";
 export const ColorRainbow8Icon = "#71b2bc";
 export const ColorRainbow8Text = "#71b2bc";
 export const ColorRainbow9Background = "#2a330e";
 export const ColorRainbow9Border = "#8da930";
+export const ColorRainbow9BorderLight = "#5c6e1f";
 export const ColorRainbow9Icon = "#8da930";
 export const ColorRainbow9Text = "#8da930";
 export const ColorRainbow10Background = "#313131";
 export const ColorRainbow10Border = "#a9a9a9";
+export const ColorRainbow10BorderLight = "#4f4f4f";
 export const ColorRainbow10Icon = "#a9a9a9";
 export const ColorRainbow10Text = "#a9a9a9";
 export const ColorDontUseBorder = "#252525";
@@ -424,18 +439,18 @@ export const ComponentsAlertNeutralIcon = "#a9a9a9";
 export const ComponentsAvatarBackground1 = "#432306";
 export const ComponentsAvatarBackground2 = "#45190a";
 export const ComponentsAvatarBackground3 = "#4d3a00";
-export const ComponentsAvatarBackground4 = "#610e0e";
+export const ComponentsAvatarBackground4 = "#3d0909";
 export const ComponentsAvatarBackground5 = "#1c2b28";
-export const ComponentsAvatarBackground6 = "#490019";
-export const ComponentsAvatarBackground7 = "#09400c";
-export const ComponentsAvatarBackground8 = "#124148";
+export const ComponentsAvatarBackground6 = "#2e0010";
+export const ComponentsAvatarBackground7 = "#062908";
+export const ComponentsAvatarBackground8 = "#0b292e";
 export const ComponentsAvatarBackground9 = "#2a330e";
 export const ComponentsAvatarBackground10 = "#313131";
 export const ComponentsAvatarBorder1 = "#f0801a";
 export const ComponentsAvatarBorder2 = "#eb7247";
 export const ComponentsAvatarBorder3 = "#d29f00";
 export const ComponentsAvatarBorder4 = "#e79494";
-export const ComponentsAvatarBorder5 = "#6aa9a0";
+export const ComponentsAvatarBorder5 = "#84b8b1";
 export const ComponentsAvatarBorder6 = "#cf869f";
 export const ComponentsAvatarBorder7 = "#66b16a";
 export const ComponentsAvatarBorder8 = "#71b2bc";
@@ -445,7 +460,7 @@ export const ComponentsAvatarContent1 = "#f0801a";
 export const ComponentsAvatarContent2 = "#eb7247";
 export const ComponentsAvatarContent3 = "#d29f00";
 export const ComponentsAvatarContent4 = "#e79494";
-export const ComponentsAvatarContent5 = "#6aa9a0";
+export const ComponentsAvatarContent5 = "#84b8b1";
 export const ComponentsAvatarContent6 = "#cf869f";
 export const ComponentsAvatarContent7 = "#66b16a";
 export const ComponentsAvatarContent8 = "#71b2bc";

package/dist/js/spark_light.d.ts

@@ -131,6 +131,7 @@ export const ColorFeedbackInformationHighIcon : string;
 export const ColorFeedbackInformationHighText : string;
 export const ColorFeedbackInformationLowBackground : string;
 export const ColorFeedbackInformationLowBorder : string;
+export const ColorFeedbackInformationLowBorderSubtle : string;
 export const ColorFeedbackInformationLowIcon : string;
 export const ColorFeedbackInformationLowText : string;
 export const ColorFeedbackInformationHighContrastBackground : string;
@@ -144,6 +145,7 @@ export const ColorFeedbackErrorHighIcon : string;
 export const ColorFeedbackErrorHighText : string;
 export const ColorFeedbackErrorLowBackground : string;
 export const ColorFeedbackErrorLowBorder : string;
+export const ColorFeedbackErrorLowBorderSubtle : string;
 export const ColorFeedbackErrorLowIcon : string;
 export const ColorFeedbackErrorLowText : string;
 export const ColorFeedbackErrorHighContrastBackground : string;
@@ -157,6 +159,7 @@ export const ColorFeedbackNeutralHighIcon : string;
 export const ColorFeedbackNeutralHighText : string;
 export const ColorFeedbackNeutralLowBackground : string;
 export const ColorFeedbackNeutralLowBorder : string;
+export const ColorFeedbackNeutralLowBorderSubtle : string;
 export const ColorFeedbackNeutralLowIcon : string;
 export const ColorFeedbackNeutralLowText : string;
 export const ColorFeedbackNeutralHighContrastBackground : string;
@@ -170,6 +173,7 @@ export const ColorFeedbackWarningHighIcon : string;
 export const ColorFeedbackWarningHighText : string;
 export const ColorFeedbackWarningLowBackground : string;
 export const ColorFeedbackWarningLowBorder : string;
+export const ColorFeedbackWarningLowBorderSubtle : string;
 export const ColorFeedbackWarningLowIcon : string;
 export const ColorFeedbackWarningLowText : string;
 export const ColorFeedbackWarningHighContrastBackground : string;
@@ -183,6 +187,7 @@ export const ColorFeedbackSuccessHighIcon : string;
 export const ColorFeedbackSuccessHighText : string;
 export const ColorFeedbackSuccessLowBackground : string;
 export const ColorFeedbackSuccessLowBorder : string;
+export const ColorFeedbackSuccessLowBorderSubtle : string;
 export const ColorFeedbackSuccessLowIcon : string;
 export const ColorFeedbackSuccessLowText : string;
 export const ColorFeedbackSuccessHighContrastBackground : string;
@@ -198,42 +203,52 @@ export const ColorFocusDestructiveInField : string;
 export const ColorFocusSuccess : string;
 export const ColorRainbow1Background : string;
 export const ColorRainbow1Border : string;
+export const ColorRainbow1BorderLight : string;
 export const ColorRainbow1Icon : string;
 export const ColorRainbow1Text : string;
 export const ColorRainbow2Background : string;
 export const ColorRainbow2Border : string;
+export const ColorRainbow2BorderLight : string;
 export const ColorRainbow2Icon : string;
 export const ColorRainbow2Text : string;
 export const ColorRainbow3Background : string;
 export const ColorRainbow3Border : string;
+export const ColorRainbow3BorderLight : string;
 export const ColorRainbow3Icon : string;
 export const ColorRainbow3Text : string;
 export const ColorRainbow4Background : string;
 export const ColorRainbow4Border : string;
+export const ColorRainbow4BorderLight : string;
 export const ColorRainbow4Icon : string;
 export const ColorRainbow4Text : string;
 export const ColorRainbow5Background : string;
 export const ColorRainbow5Border : string;
+export const ColorRainbow5BorderLight : string;
 export const ColorRainbow5Icon : string;
 export const ColorRainbow5Text : string;
 export const ColorRainbow6Background : string;
 export const ColorRainbow6Border : string;
+export const ColorRainbow6BorderLight : string;
 export const ColorRainbow6Icon : string;
 export const ColorRainbow6Text : string;
 export const ColorRainbow7Background : string;
 export const ColorRainbow7Border : string;
+export const ColorRainbow7BorderLight : string;
 export const ColorRainbow7Icon : string;
 export const ColorRainbow7Text : string;
 export const ColorRainbow8Background : string;
 export const ColorRainbow8Border : string;
+export const ColorRainbow8BorderLight : string;
 export const ColorRainbow8Icon : string;
 export const ColorRainbow8Text : string;
 export const ColorRainbow9Background : string;
 export const ColorRainbow9Border : string;
+export const ColorRainbow9BorderLight : string;
 export const ColorRainbow9Icon : string;
 export const ColorRainbow9Text : string;
 export const ColorRainbow10Background : string;
 export const ColorRainbow10Border : string;
+export const ColorRainbow10BorderLight : string;
 export const ColorRainbow10Icon : string;
 export const ColorRainbow10Text : string;
 export const ColorDontUseBorder : string;

package/dist/js/spark_light.js

@@ -131,6 +131,7 @@ export const ColorFeedbackInformationHighIcon = "#09285c";
 export const ColorFeedbackInformationHighText = "#09285c";
 export const ColorFeedbackInformationLowBackground = "#f0f6ff";
 export const ColorFeedbackInformationLowBorder = "#2660c2";
+export const ColorFeedbackInformationLowBorderSubtle = "#c7dcff";
 export const ColorFeedbackInformationLowIcon = "#2660c2";
 export const ColorFeedbackInformationLowText = "#2660c2";
 export const ColorFeedbackInformationHighContrastBackground = "#09285c";
@@ -144,6 +145,7 @@ export const ColorFeedbackErrorHighIcon = "#380101";
 export const ColorFeedbackErrorHighText = "#380101";
 export const ColorFeedbackErrorLowBackground = "#ffeded";
 export const ColorFeedbackErrorLowBorder = "#bb1919";
+export const ColorFeedbackErrorLowBorderSubtle = "#f5c4c4";
 export const ColorFeedbackErrorLowIcon = "#bb1919";
 export const ColorFeedbackErrorLowText = "#bb1919";
 export const ColorFeedbackErrorHighContrastBackground = "#bb1919";
@@ -157,6 +159,7 @@ export const ColorFeedbackNeutralHighIcon = "#1d1d1d";
 export const ColorFeedbackNeutralHighText = "#1d1d1d";
 export const ColorFeedbackNeutralLowBackground = "#f6f6f6";
 export const ColorFeedbackNeutralLowBorder = "#4f4f4f";
+export const ColorFeedbackNeutralLowBorderSubtle = "#e3e3e3";
 export const ColorFeedbackNeutralLowIcon = "#4f4f4f";
 export const ColorFeedbackNeutralLowText = "#4f4f4f";
 export const ColorFeedbackNeutralHighContrastBackground = "#4f4f4f";
@@ -170,6 +173,7 @@ export const ColorFeedbackWarningHighIcon = "#302300";
 export const ColorFeedbackWarningHighText = "#302300";
 export const ColorFeedbackWarningLowBackground = "#fff7df";
 export const ColorFeedbackWarningLowBorder = "#805c00";
+export const ColorFeedbackWarningLowBorderSubtle = "#fae49d";
 export const ColorFeedbackWarningLowIcon = "#805c00";
 export const ColorFeedbackWarningLowText = "#805c00";
 export const ColorFeedbackWarningHighContrastBackground = "#805c00";
@@ -183,6 +187,7 @@ export const ColorFeedbackSuccessHighIcon = "#003603";
 export const ColorFeedbackSuccessHighText = "#003603";
 export const ColorFeedbackSuccessLowBackground = "#eafeeb";
 export const ColorFeedbackSuccessLowBorder = "#008207";
+export const ColorFeedbackSuccessLowBorderSubtle = "#c8facb";
 export const ColorFeedbackSuccessLowIcon = "#008207";
 export const ColorFeedbackSuccessLowText = "#008207";
 export const ColorFeedbackSuccessHighContrastBackground = "#008207";
@@ -198,42 +203,52 @@ export const ColorFocusDestructiveInField = "#bb1919";
 export const ColorFocusSuccess = "#008207";
 export const ColorRainbow1Background = "#fdefe2";
 export const ColorRainbow1Border = "#9c5311";
+export const ColorRainbow1BorderLight = "#fbd9ba";
 export const ColorRainbow1Icon = "#9c5311";
 export const ColorRainbow1Text = "#9c5311";
 export const ColorRainbow2Background = "#fceae3";
 export const ColorRainbow2Border = "#963715";
+export const ColorRainbow2BorderLight = "#f8ccbc";
 export const ColorRainbow2Icon = "#963715";
 export const ColorRainbow2Text = "#963715";
-export const ColorRainbow3Background = "#ffecb3";
+export const ColorRainbow3Background = "#fff7df";
 export const ColorRainbow3Border = "#795c00";
+export const ColorRainbow3BorderLight = "#ffe286";
 export const ColorRainbow3Icon = "#795c00";
 export const ColorRainbow3Text = "#795c00";
 export const ColorRainbow4Background = "#f9e3e3";
 export const ColorRainbow4Border = "#cc1d1d";
+export const ColorRainbow4BorderLight = "#f0bbbb";
 export const ColorRainbow4Icon = "#cc1d1d";
 export const ColorRainbow4Text = "#cc1d1d";
 export const ColorRainbow5Background = "#ecf4f3";
 export const ColorRainbow5Border = "#32504c";
+export const ColorRainbow5BorderLight = "#d2e5e3";
 export const ColorRainbow5Icon = "#32504c";
 export const ColorRainbow5Text = "#32504c";
 export const ColorRainbow6Background = "#f7e9ee";
 export const ColorRainbow6Border = "#ab2d58";
+export const ColorRainbow6BorderLight = "#e0b3c2";
 export const ColorRainbow6Icon = "#ab2d58";
 export const ColorRainbow6Text = "#ab2d58";
 export const ColorRainbow7Background = "#e2f0e2";
 export const ColorRainbow7Border = "#106f15";
+export const ColorRainbow7BorderLight = "#b8dbba";
 export const ColorRainbow7Icon = "#106f15";
 export const ColorRainbow7Text = "#106f15";
 export const ColorRainbow8Background = "#e4f0f2";
 export const ColorRainbow8Border = "#1f717d";
+export const ColorRainbow8BorderLight = "#bedce0";
 export const ColorRainbow8Icon = "#1f717d";
 export const ColorRainbow8Text = "#1f717d";
 export const ColorRainbow9Background = "#f1f4e5";
 export const ColorRainbow9Border = "#5c6e1f";
+export const ColorRainbow9BorderLight = "#dde5c1";
 export const ColorRainbow9Icon = "#5c6e1f";
 export const ColorRainbow9Text = "#5c6e1f";
 export const ColorRainbow10Background = "#ededed";
 export const ColorRainbow10Border = "#484848";
+export const ColorRainbow10BorderLight = "#cccccc";
 export const ColorRainbow10Icon = "#484848";
 export const ColorRainbow10Text = "#484848";
 export const ColorDontUseBorder = "#e3e3e3";
@@ -423,7 +438,7 @@ export const ComponentsAlertNeutralBorder = "#4f4f4f";
 export const ComponentsAlertNeutralIcon = "#4f4f4f";
 export const ComponentsAvatarBackground1 = "#fdefe2";
 export const ComponentsAvatarBackground2 = "#fceae3";
-export const ComponentsAvatarBackground3 = "#ffecb3";
+export const ComponentsAvatarBackground3 = "#fff7df";
 export const ComponentsAvatarBackground4 = "#f9e3e3";
 export const ComponentsAvatarBackground5 = "#ecf4f3";
 export const ComponentsAvatarBackground6 = "#f7e9ee";

package/dist/plugin/index.d.ts

@@ -1,3 +1,2 @@
 export * from './nova-plugin.js';
-export * from './nova-safelist.js';
 export * from './nova-theme.js';

package/dist/plugin/index.js

@@ -1,3 +1,2 @@
 export * from './nova-plugin.js';
-export * from './nova-safelist.js';
 export * from './nova-theme.js';

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

@@ -1,8 +1,6 @@
 /**
  * @fileoverview This file contains various tailwind utilities for nova
  */
-export declare const novaTailwindPlugin: {
-    handler: import("tailwindcss/types/config.js").PluginCreator;
-    config?: Partial<import("tailwindcss/types/config.js").Config>;
-};
+import plugin from 'tailwindcss/plugin.js';
+export declare const novaTailwindPlugin: ReturnType<typeof plugin>;
 export default novaTailwindPlugin;

package/dist/plugin/nova-plugin.js

@@ -4,6 +4,7 @@
 import plugin from 'tailwindcss/plugin.js';
 import { NOVA_TAILWIND_TOKENS } from '../generated/nova-tailwind-tokens.js';
 import { NOVA_TAILWIND_COMPONENTS } from '../generated/nova-tailwind-components.js';
+import { getTypographyUtilities } from './typography.js';
 export const novaTailwindPlugin = plugin(({ addUtilities, addComponents, addBase, theme }) => {
     addBase({
         'body, html': {
@@ -66,103 +67,6 @@ export const novaTailwindPlugin = plugin(({ addUtilities, addComponents, addBase
     addComponents({
         ...NOVA_TAILWIND_COMPONENTS,
     });
-    // Typography configuration for programmatic utility generation
-    const typographyConfig = {
-        heading: {
-            xl: {
-                size: '4xl',
-                lineHeight: 'leading-px-10',
-                letterSpacing: 'heading-xl',
-            },
-            lg: {
-                size: '3xl',
-                lineHeight: 'leading-px-8',
-                letterSpacing: 'heading-lg',
-            },
-            md: {
-                size: '2xl',
-                lineHeight: 'leading-px-7',
-                letterSpacing: 'heading-md',
-            },
-            sm: {
-                size: 'xl',
-                lineHeight: 'leading-px-6',
-                letterSpacing: 'heading-sm',
-            },
-            xs: {
-                size: 'lg',
-                lineHeight: 'leading-px-6',
-                letterSpacing: 'heading-xs',
-            },
-        },
-        text: {
-            xl: {
-                size: 'xl',
-                lineHeight: 'xl',
-            },
-            lg: {
-                size: 'lg',
-                lineHeight: 'lg',
-            },
-            md: {
-                size: 'md',
-                lineHeight: 'base',
-            },
-            sm: {
-                size: 'sm',
-                lineHeight: 'sm',
-            },
-            xs: {
-                size: 'xs',
-                lineHeight: 'xs',
-            },
-        },
-        mono: {
-            md: {
-                size: 'md',
-                lineHeight: 'base',
-            },
-            sm: {
-                size: 'sm',
-                lineHeight: 'sm',
-            },
-            xs: {
-                size: 'xs',
-                lineHeight: 'xs',
-            },
-        },
-    };
-    const weights = ['regular', 'medium', 'bold'];
-    const weightMap = {
-        regular: 'low-emphasis',
-        medium: 'medium-emphasis',
-        bold: 'high-emphasis',
-    };
-    // Generate typography utilities programmatically
-    const typographyUtilities = {};
-    Object.entries(typographyConfig).forEach(([type, sizes]) => {
-        Object.entries(sizes).forEach(([size, config]) => {
-            weights.forEach((weight) => {
-                const className = `.typo-${type}-${size}-${weight}`;
-                const baseStyles = {
-                    'font-size': `var(--font-size-${config.size})`,
-                    'font-weight': `var(--font-weight-${weightMap[weight]})`,
-                    'line-height': `var(--${config.lineHeight.startsWith('leading-')
-                        ? config.lineHeight
-                        : `line-height-${config.lineHeight}`})`,
-                };
-                // Add letter-spacing for headings
-                if (type === 'heading' && 'letterSpacing' in config) {
-                    baseStyles['letter-spacing'] = `var(--letter-spacing-${config.letterSpacing})`;
-                }
-                // Add font-family for mono
-                if (type === 'mono') {
-                    baseStyles['font-family'] = 'var(--font-family-mono), monospace';
-                }
-                typographyUtilities[className] = baseStyles;
-            });
-        });
-    });
     addUtilities({
         ...NOVA_TAILWIND_TOKENS,
         '.w-inherit': {
@@ -183,8 +87,7 @@ export const novaTailwindPlugin = plugin(({ addUtilities, addComponents, addBase
         '.w-unset': {
             width: 'unset',
         },
-        // Typography utilities generated programmatically
-        ...typographyUtilities,
+        ...getTypographyUtilities(),
     });
 });
 export default novaTailwindPlugin;

package/dist/plugin/typography.d.ts

@@ -0,0 +1,79 @@
+/**
+ * @fileoverview Shared source of truth for the `.typo-{type}-{size}-{weight}`
+ * utility classes. Consumed by the Tailwind plugin (runtime utilities), the
+ * `@source inline()` generator (CSS safelisting), and the LLM extractor
+ * (structured JSON for AI consumers).
+ */
+export declare const TYPOGRAPHY_WEIGHTS: readonly ["regular", "medium", "bold"];
+export type TypographyWeight = (typeof TYPOGRAPHY_WEIGHTS)[number];
+export declare const TYPOGRAPHY_WEIGHT_MAP: Record<TypographyWeight, string>;
+/** Heading size configuration with letter spacing token. */
+type HeadingSizeConfig = {
+    /** Font size token key (matches `--font-size-{size}`). */
+    size: string;
+    /** Line-height token key (either `leading-*` utility or `--line-height-*` var suffix). */
+    lineHeight: string;
+    /** Letter-spacing token key (matches `--letter-spacing-{letterSpacing}`). */
+    letterSpacing: string;
+};
+/** Text/mono size configuration without letter spacing. */
+type TextSizeConfig = {
+    /** Font size token key (matches `--font-size-{size}`). */
+    size: string;
+    /** Line-height token key (either `leading-*` utility or `--line-height-*` var suffix). */
+    lineHeight: string;
+};
+/** Top-level typography configuration grouped by type. */
+type TypographyConfig = {
+    /** Heading typography sizes keyed by size name (xs…xl). */
+    heading: Record<string, HeadingSizeConfig>;
+    /** Body text typography sizes keyed by size name (xs…xl). */
+    text: Record<string, TextSizeConfig>;
+    /** Monospace typography sizes keyed by size name (xs…md). */
+    mono: Record<string, TextSizeConfig>;
+};
+export declare const TYPOGRAPHY_CONFIG: TypographyConfig;
+export type TypographyType = keyof typeof TYPOGRAPHY_CONFIG;
+/** Structured typography entry consumed by Tailwind, safelisting, and LLM tooling. */
+export type TypographyTokenEntry = {
+    /** Utility class name without the leading dot (e.g. `typo-heading-md-bold`). */
+    className: string;
+    /** Typography family (heading, text, or mono). */
+    type: TypographyType;
+    /** Size key within the given type (e.g. `md`, `xl`). */
+    size: string;
+    /** Weight variant (regular, medium, bold). */
+    weight: TypographyWeight;
+    /** CSS custom-property references (with leading `--`) resolved for this entry. */
+    tokens: {
+        /** Font-size CSS variable name. */
+        fontSize: string;
+        /** Font-weight CSS variable name. */
+        fontWeight: string;
+        /** Line-height CSS variable name. */
+        lineHeight: string;
+        /** Letter-spacing CSS variable name (heading only). */
+        letterSpacing?: string;
+        /** Font-family CSS variable name (mono only). */
+        fontFamily?: string;
+    };
+};
+/**
+ * Returns the `{ '.typo-...': { 'font-size': 'var(--...)', ... } }` map
+ * consumed by Tailwind's `addUtilities`.
+ * @returns {Record<string, Record<string, string>>} Map from utility class selector to CSS declaration block.
+ */
+export declare function getTypographyUtilities(): Record<string, Record<string, string>>;
+/**
+ * Returns the typography class names without the leading `.`, suitable for
+ * Tailwind v4 `@source inline()` directives.
+ * @returns {string[]} List of utility class names.
+ */
+export declare function getTypographyClassNames(): string[];
+/**
+ * Returns structured, JSON-friendly typography token entries for LLM and
+ * documentation consumers.
+ * @returns {TypographyTokenEntry[]} Array of structured typography entries.
+ */
+export declare function getTypographyTokenEntries(): TypographyTokenEntry[];
+export {};