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

package/dist/js/spark_light.js

@@ -2,18 +2,6 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-export const ColorInteractionContainerBrandedHighBorder = "#ffffff";
-export const ColorInteractionContainerBrandedHighBorderActive = "#ffffff";
-export const ColorInteractionContainerBrandedHighBorderHover = "#ffffff";
-export const ColorInteractionContainerBrandedHighBackground = "#e75420";
-export const ColorInteractionContainerBrandedHighBackgroundActive = "#bf451a";
-export const ColorInteractionContainerBrandedHighBackgroundHover = "#bf451a";
-export const ColorInteractionContainerBrandedHighIcon = "#ffffff";
-export const ColorInteractionContainerBrandedHighIconActive = "#ffffff";
-export const ColorInteractionContainerBrandedHighIconHover = "#ffffff";
-export const ColorInteractionContainerBrandedHighText = "#ffffff";
-export const ColorInteractionContainerBrandedHighTextActive = "#ffffff";
-export const ColorInteractionContainerBrandedHighTextHover = "#ffffff";
 export const ColorInteractionContainerBrandedLowBackground = "#ffffff";
 export const ColorInteractionContainerBrandedLowBackgroundActive = "#fceae3";
 export const ColorInteractionContainerBrandedLowBackgroundHover = "#fceae3";
@@ -26,6 +14,18 @@ export const ColorInteractionContainerBrandedLowIconHover = "#bf451a";
 export const ColorInteractionContainerBrandedLowText = "#e75420";
 export const ColorInteractionContainerBrandedLowTextActive = "#bf451a";
 export const ColorInteractionContainerBrandedLowTextHover = "#bf451a";
+export const ColorInteractionContainerBrandedHighBackground = "#e75420";
+export const ColorInteractionContainerBrandedHighBackgroundActive = "#bf451a";
+export const ColorInteractionContainerBrandedHighBackgroundHover = "#bf451a";
+export const ColorInteractionContainerBrandedHighBorder = "#e75420";
+export const ColorInteractionContainerBrandedHighBorderActive = "#bf451a";
+export const ColorInteractionContainerBrandedHighBorderHover = "#bf451a";
+export const ColorInteractionContainerBrandedHighIcon = "#ffffff";
+export const ColorInteractionContainerBrandedHighIconActive = "#ffffff";
+export const ColorInteractionContainerBrandedHighIconHover = "#ffffff";
+export const ColorInteractionContainerBrandedHighText = "#ffffff";
+export const ColorInteractionContainerBrandedHighTextActive = "#ffffff";
+export const ColorInteractionContainerBrandedHighTextHover = "#ffffff";
 export const ColorInteractionContainerNeutralBackground = "#ffffff";
 export const ColorInteractionContainerNeutralBackgroundHover = "#a5a5a5";
 export const ColorInteractionContainerNeutralBackgroundActive = "#fceae3";
@@ -50,6 +50,8 @@ export const ColorInteractionLinkInvertedTextHover = "#e75420";
 export const ColorInteractionLinkInvertedIcon = "#919191";
 export const ColorInteractionLinkInvertedIconHover = "#e75420";
 export const ColorBlack = "#000000";
+export const ColorWhite = "#ffffff";
+export const ColorTransparent = "#ffffff";
 export const ColorLevel10Background = "#f6f6f6";
 export const ColorLevel15Background = "#ededed";
 export const ColorLevel20Background = "#ffffff";
@@ -186,6 +188,8 @@ export const ColorRainbow10Text = "#484848";
 export const ColorDontUseBorder = "#e3e3e3";
 export const ColorDontUseContent = "#e3e3e3";
 export const ColorDontUseBackground = "#f6f6f6";
+export const OpacityDisabled = "50%";
+export const OpacityDisabled2 = "50%";
 export const ShadowColorOpacity0 = "#000000";
 export const ShadowColorOpacity1 = "#0e0e0e";
 export const ShadowColorOpacity2 = "#0e0e0e";
@@ -212,13 +216,12 @@ export const ShadowYAxisLg2 = "10px";
 export const ShadowYAxisXl1 = "10px";
 export const ShadowYAxisXl2 = "20px";
 export const ShadowYAxis2xl = "25px";
-export const ComponentsWpfComponents2 = "#ffffff";
 export const ComponentsButtonHighBorder = "#ffffff";
 export const ComponentsButtonHighBackground = "#e75420";
 export const ComponentsButtonHighBackgroundActive = "#bf451a";
 export const ComponentsButtonHighBackgroundHover = "#bf451a";
-export const ComponentsButtonHighBorderHover = "#ffffff";
-export const ComponentsButtonHighBorderActive = "#ffffff";
+export const ComponentsButtonHighBorderHover = "#bf451a";
+export const ComponentsButtonHighBorderActive = "#bf451a";
 export const ComponentsButtonHighText = "#ffffff";
 export const ComponentsButtonHighTextActive = "#ffffff";
 export const ComponentsButtonHighTextHover = "#ffffff";
@@ -271,8 +274,8 @@ export const ComponentsButtonMediumIconHover = "#bf451a";
 export const ComponentsButtonMediumText = "#e75420";
 export const ComponentsButtonMediumTextActive = "#bf451a";
 export const ComponentsButtonMediumTextHover = "#bf451a";
-export const ComponentsFormOpacityDefault = "100px";
-export const ComponentsFormOpacityDisabled = "50px";
+export const ComponentsFormOpacityDefault = "100%";
+export const ComponentsFormOpacityDisabled = "50%";
 export const ComponentsFormTextRequired = "#da2424";
 export const ComponentsFormTextInfoIcon = "#6d6d6d";
 export const ComponentsFormTextLabelDefault = "#1d1d1d";
@@ -324,17 +327,21 @@ export const ComponentsListNativeItemBackgroundDefault = "#ffffff";
 export const ComponentsListNativeItemBackgroundHover = "#4e7fdf";
 export const ComponentsListNativeItemBackgroundDisabled = "#ffffff";
 export const ComponentsListNativeItemBackgroundTitle = "#ffffff";
-export const ComponentsListCustomBackground = "#ffffff";
-export const ComponentsListCustomItemContentDefault = "#6d6d6d";
-export const ComponentsListCustomItemContentHover = "#414141";
-export const ComponentsListCustomItemContentDisabled = "#6d6d6d";
-export const ComponentsListCustomItemBackgroundDefault = "#ffffff";
-export const ComponentsListCustomItemBackgroundHover = "#a5a5a5";
-export const ComponentsListCustomItemBackgroundDisabled = "#ffffff";
-export const ComponentsListCustomItemBackgroundTitle = "#ffffff";
-export const ComponentsListCustomItemTitleContent = "#6d6d6d";
-export const ComponentsListCustomSeparator = "#e3e3e3";
-export const ComponentsListCustomBorder = "#e3e3e3";
+export const ComponentsListDropdownBackground = "#ffffff";
+export const ComponentsListDropdownHeaderBackground = "#f6f6f6";
+export const ComponentsListDropdownItemLabelDefault = "#414141";
+export const ComponentsListDropdownItemLabelHover = "#1d1d1d";
+export const ComponentsListDropdownItemLabelDisabled = "#6d6d6d";
+export const ComponentsListDropdownItemDescriptionDefault = "#6d6d6d";
+export const ComponentsListDropdownItemDescriptionHover = "#414141";
+export const ComponentsListDropdownItemDescriptionDisabled = "#a9a9a9";
+export const ComponentsListDropdownItemBackgroundDefault = "#ffffff";
+export const ComponentsListDropdownItemBackgroundHover = "#a5a5a5";
+export const ComponentsListDropdownItemBackgroundDisabled = "#ffffff";
+export const ComponentsListDropdownItemBackgroundTitle = "#ffffff";
+export const ComponentsListDropdownItemTitleContent = "#414141";
+export const ComponentsListDropdownSeparator = "#e3e3e3";
+export const ComponentsListDropdownBorder = "#e3e3e3";
 export const ComponentsLoaderWhiteBackground = "#ffffff";
 export const ComponentsLoaderWhiteForeground = "#ffffff";
 export const ComponentsLoaderBrandBackground = "#fceae3";
@@ -369,7 +376,7 @@ export const ComponentsButtonDestructiveLowerIcon = "#e3e3e3";
 export const ComponentsButtonDestructiveLowerIconHover = "#e3e3e3";
 export const ComponentsButtonDestructiveLowerBorder = "#e3e3e3";
 export const ComponentsButtonDestructiveLowerBorderHover = "#e3e3e3";
-export const ComponentsOverlayOpacity = "55px";
+export const ComponentsOverlayOpacity = "55%";
 export const ComponentsOverlayBackground = "#161616";
 export const ComponentsAlertInformationBackground = "#f0f6ff";
 export const ComponentsAlertInformationIcon = "#2660c2";
@@ -418,6 +425,16 @@ export const ComponentsAvatarContent7 = "#106f15";
 export const ComponentsAvatarContent8 = "#1f717d";
 export const ComponentsAvatarContent9 = "#5c6e1f";
 export const ComponentsAvatarContent10 = "#484848";
+export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
+export const ComponentsFieldTimeBackgroundHover = "#a5a5a5";
+export const ComponentsFieldTimeBackgroundActive = "#fceae3";
+export const ComponentsFieldTimeTextDefault = "#6d6d6d";
+export const ComponentsFieldTimeTextHover = "#414141";
+export const ComponentsFieldTimeTextActive = "#bf451a";
+export const ComponentsFieldTimeBorderActive = "#bf451a";
+export const ComponentsBreadcrumbText = "#6d6d6d";
+export const ComponentsBreadcrumbTextActive = "#414141";
+export const ComponentsBreadcrumbTextHover = "#e75420";
 export const ComponentsNotificationInformationBackground = "#ffffff";
 export const ComponentsNotificationInformationIcon = "#2660c2";
 export const ComponentsNotificationInformationBorder = "#2660c2";
@@ -435,14 +452,6 @@ export const ComponentsNotificationSuccessIcon = "#34ae3b";
 export const ComponentsNotificationNeutralBackground = "#ffffff";
 export const ComponentsNotificationNeutralBorder = "#6d6d6d";
 export const ComponentsNotificationNeutralIcon = "#6d6d6d";
-export const ComponentsPopoverBackground = "#f6f6f6";
-export const ComponentsPopoverBorder = "#e3e3e3";
-export const ComponentsPopoverText = "#414141";
-export const ComponentsPopoverSupportingText = "#6d6d6d";
-export const ComponentsTooltipBackground = "#0e0e0e";
-export const ComponentsTooltipBorder = "#0e0e0e";
-export const ComponentsTooltipText = "#f6f6f6";
-export const ComponentsTooltipSupportingText = "#919191";
 export const ComponentsMenuContextualBackground = "#ffffff";
 export const ComponentsMenuContextualBorder = "#e3e3e3";
 export const ComponentsMenuContextualItemBackground = "#ffffff";
@@ -451,3 +460,11 @@ export const ComponentsMenuContextualItemShortcut = "#a9a9a9";
 export const ComponentsMenuContextualItemContent = "#6d6d6d";
 export const ComponentsMenuContextualItemContentDisabled = "#a9a9a9";
 export const ComponentsMenuContextualItemContentHover = "#414141";
+export const ComponentsPopoverBackground = "#ffffff";
+export const ComponentsPopoverBorder = "#e3e3e3";
+export const ComponentsPopoverText = "#414141";
+export const ComponentsPopoverSupportingText = "#6d6d6d";
+export const ComponentsTooltipBackground = "#0e0e0e";
+export const ComponentsTooltipBorder = "#0e0e0e";
+export const ComponentsTooltipText = "#f6f6f6";
+export const ComponentsTooltipSupportingText = "#919191";

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

@@ -5,3 +5,4 @@ export declare const novaTailwindPlugin: {
     handler: import("tailwindcss/types/config.js").PluginCreator;
     config?: Partial<import("tailwindcss/types/config.js").Config>;
 };
+export default novaTailwindPlugin;

package/dist/plugin/nova-plugin.js

@@ -29,6 +29,9 @@ export const novaTailwindPlugin = plugin(({ addUtilities, addComponents, addBase
         '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)',
@@ -102,3 +105,4 @@ export const novaTailwindPlugin = plugin(({ addUtilities, addComponents, addBase
         },
     });
 });
+export default novaTailwindPlugin;

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

@@ -86,3 +86,4 @@ export declare const lineHeight: {
 };
 export declare const colors: Config['theme']['colors'];
 export declare const novaTailwindTheme: Config['theme'];
+export default novaTailwindTheme;

package/dist/plugin/nova-theme.js

@@ -243,3 +243,4 @@ export const novaTailwindTheme = {
         lineHeight,
     },
 };
+export default novaTailwindTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-base",
-  "version": "3.0.0-beta.36",
+  "version": "3.0.0-beta.38",
   "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",
@@ -11,7 +11,7 @@
     "access": "public"
   },
   "scripts": {
-    "generate-tokens": "tsx scripts/extract-tokens.ts && tsx scripts/generate-token-files.ts",
+    "generate-tokens": "tsx scripts/extract-tokens/extract-tokens.ts && tsx scripts/generate-token-files.ts",
     "generate-css-utils": "tailwindcss -i ./plugin/tailwind.css -o ./dist/css/nova-utils.css",
     "generate-tailwind-tokens": "tsx scripts/generate-tailwind-tokens.ts",
     "generate-tailwind-components": "tsx scripts/generate-tailwind-components.ts",
@@ -40,6 +40,11 @@
       "import": "./dist/plugin/index.js",
       "require": "./dist/cjs/plugin/index.js",
       "types": "./dist/plugin/index.d.ts"
+    },
+    "./theme/plugin": {
+      "import": "./dist/plugin/nova-plugin.js",
+      "require": "./dist/cjs/plugin/nova-plugin.js",
+      "types": "./dist/plugin/nova-plugin.d.ts"
     }
   }
 }