@abhir9/pd-design-system 0.1.8 → 0.1.10

package/dist/index.cjs

@@ -34,11 +34,11 @@ var LucideIcons__namespace = /*#__PURE__*/_interopNamespace(LucideIcons);
 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,
@@ -882,9 +882,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],
@@ -900,12 +899,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],
@@ -921,7 +920,8 @@ var backgroundTokens = {
     low: neutral[200],
     lowOnHover: neutral[300],
     info: blue[100],
-    infoOnHover: blue[300]
+    infoOnHover: blue[300],
+    base: neutral[100]
   }
 };
 var semanticTokens = {
@@ -1001,7 +1001,7 @@ function createSemanticTokens(mode) {
     },
     surface: {
       base: {
-        background: background.base,
+        background: background.primary,
         border: border.primary
       },
       elevated: {
@@ -1181,7 +1181,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;
     }, {})
@@ -1192,15 +1197,12 @@ function createTheme(name, mode) {
     cssVariables
   };
 }
-var [DEFAULT_ADAPTER2] = ADAPTER_TYPES;
-var [DEFAULT_THEME2] = THEME_NAMES;
-var [DEFAULT_MODE2] = THEME_MODES;
 var ThemeContext = React.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 = React.useMemo(() => createTheme(themeName, mode), [themeName, mode]);
   React.useEffect(() => {
@@ -1309,6 +1311,9 @@ exports.BUTTON_TYPES = BUTTON_TYPES;
 exports.Button = Button;
 exports.ButtonGroup = ButtonGroup;
 exports.COLOR_SCALES = COLOR_SCALES;
+exports.DEFAULT_ADAPTER = DEFAULT_ADAPTER;
+exports.DEFAULT_MODE = DEFAULT_MODE;
+exports.DEFAULT_THEME = DEFAULT_THEME;
 exports.INPUT_TYPES = INPUT_TYPES;
 exports.INTENTS = INTENTS;
 exports.ORIENTATIONS = ORIENTATIONS;