@abhir9/pd-design-system 0.1.8 → 0.1.10

package/dist/index.js

@@ -10,11 +10,11 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 var THEME_MODES = ["light", "dark"];
 var THEME_NAMES = ["base", "brand"];
 var ADAPTER_TYPES = ["shadcn", "material"];
+var DEFAULT_MODE = "light";
+var [DEFAULT_THEME] = THEME_NAMES;
+var [DEFAULT_ADAPTER] = ADAPTER_TYPES;
 
 // src/theme/config.ts
-var [DEFAULT_ADAPTER] = ADAPTER_TYPES;
-var [DEFAULT_THEME] = THEME_NAMES;
-var [DEFAULT_MODE] = THEME_MODES;
 var globalConfig = {
   adapter: DEFAULT_ADAPTER,
   theme: DEFAULT_THEME,
@@ -858,9 +858,8 @@ var contentTokens = {
 };
 var backgroundTokens = {
   dark: {
-    base: neutral[950],
-    primary: blue[950],
-    primaryOnHover: blue[900],
+    primary: neutral[950],
+    system: neutral[950],
     secondary: neutral[900],
     tertiary: neutral[800],
     invert: neutral[100],
@@ -876,12 +875,12 @@ var backgroundTokens = {
     low: neutral[900],
     lowOnHover: neutral[800],
     info: blue[950],
-    infoOnHover: blue[900]
+    infoOnHover: blue[900],
+    base: neutral[950]
   },
   light: {
-    base: neutral[100],
-    primary: blue[100],
-    primaryOnHover: blue[300],
+    primary: neutral[100],
+    system: neutral[1e3],
     secondary: neutral[200],
     tertiary: neutral[300],
     invert: neutral[950],
@@ -897,7 +896,8 @@ var backgroundTokens = {
     low: neutral[200],
     lowOnHover: neutral[300],
     info: blue[100],
-    infoOnHover: blue[300]
+    infoOnHover: blue[300],
+    base: neutral[100]
   }
 };
 var semanticTokens = {
@@ -977,7 +977,7 @@ function createSemanticTokens(mode) {
     },
     surface: {
       base: {
-        background: background.base,
+        background: background.primary,
         border: border.primary
       },
       elevated: {
@@ -1157,7 +1157,12 @@ function createTheme(name, mode) {
       return acc;
     }, {}),
     // Background tokens - convert camelCase keys to kebab-case
+    // Note: Now background.primary = base background (matches reference structure)
+    // The blue/info background is available as background.info
     ...Object.entries(background).reduce((acc, [key, value]) => {
+      if (key === "base") {
+        return acc;
+      }
       acc[`--background-${toKebabCase(key)}`] = value;
       return acc;
     }, {})
@@ -1168,15 +1173,12 @@ function createTheme(name, mode) {
     cssVariables
   };
 }
-var [DEFAULT_ADAPTER2] = ADAPTER_TYPES;
-var [DEFAULT_THEME2] = THEME_NAMES;
-var [DEFAULT_MODE2] = THEME_MODES;
 var ThemeContext = createContext(null);
 function ThemeProvider({
   children,
-  adapter = DEFAULT_ADAPTER2,
-  theme: themeName = DEFAULT_THEME2,
-  mode = DEFAULT_MODE2
+  adapter = DEFAULT_ADAPTER,
+  theme: themeName = DEFAULT_THEME,
+  mode = DEFAULT_MODE
 }) {
   const theme = useMemo(() => createTheme(themeName, mode), [themeName, mode]);
   useEffect(() => {
@@ -1280,6 +1282,6 @@ function validateAccessibilityProps(props, componentType, options = {}) {
   warnings.forEach((warning) => console.warn(warning));
 }
 
-export { ADAPTER_TYPES, BUTTON_TYPES, Button, ButtonGroup, COLOR_SCALES, INPUT_TYPES, INTENTS, ORIENTATIONS, SIZES, SURFACE_LEVELS, THEME_MODES, THEME_NAMES, ThemeProvider, VARIANTS, backgroundTokens, blue, borderTokens, colorPrimitives, colors, contentTokens, createSemanticTokens, createTheme, getAdapter, getAvailableIconNames, getDesignSystemConfig, getIcon, getThemeMode, getThemeName, green, iconExists, neutral, orange, radius, red, renderIcon, semanticTokens, setDesignSystemConfig, shadows, spacing, tokens, typography, useTheme, validateAccessibilityProps, yellow, zIndex };
+export { ADAPTER_TYPES, BUTTON_TYPES, Button, ButtonGroup, COLOR_SCALES, DEFAULT_ADAPTER, DEFAULT_MODE, DEFAULT_THEME, INPUT_TYPES, INTENTS, ORIENTATIONS, SIZES, SURFACE_LEVELS, THEME_MODES, THEME_NAMES, ThemeProvider, VARIANTS, backgroundTokens, blue, borderTokens, colorPrimitives, colors, contentTokens, createSemanticTokens, createTheme, getAdapter, getAvailableIconNames, getDesignSystemConfig, getIcon, getThemeMode, getThemeName, green, iconExists, neutral, orange, radius, red, renderIcon, semanticTokens, setDesignSystemConfig, shadows, spacing, tokens, typography, useTheme, validateAccessibilityProps, yellow, zIndex };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map