@nextui-org/theme 0.0.0-dev-v2-20230326015909 → 0.0.0-dev-v2-20230326024632

package/dist/plugin.d.ts

@@ -14,12 +14,24 @@ interface ColorsWithScheme<T> extends Colors {
     [SCHEME]?: T;
 }
 type SchemerFn<T> = (colors: Colors) => ColorsWithScheme<T>;
+type DefaultTheme = "light" | "dark";
 type ConfigObject = Record<string, ColorsWithScheme<"light" | "dark">>;
 type ConfigFunction = ({ light, dark, }: {
     light: SchemerFn<"light">;
     dark: SchemerFn<"dark">;
 }) => ConfigObject;
-declare const resolveConfig: (config?: ConfigObject | ConfigFunction) => {
+type NextUIConfig = {
+    /**
+     * The theme definitions.
+     */
+    themes?: ConfigObject | ConfigFunction;
+    /**
+     * The default theme to use.
+     * @default "light"
+     */
+    defaultTheme?: DefaultTheme;
+};
+declare const resolveConfig: (config: ConfigObject | ConfigFunction | undefined, defaultTheme: DefaultTheme) => {
     variants: {
         name: string;
         definition: string[];
@@ -30,9 +42,9 @@ declare const resolveConfig: (config?: ConfigObject | ConfigFunction) => {
         opacityVariable: string;
     }) => string>;
 };
-declare const nextui: (config?: ConfigObject | ConfigFunction) => {
+declare const nextui: (config?: NextUIConfig) => {
     handler: tailwindcss_types_config.PluginCreator;
     config?: Partial<tailwindcss.Config> | undefined;
 };
 
-export { Colors, ColorsWithScheme, ConfigFunction, ConfigObject, nextui, resolveConfig };
+export { Colors, ColorsWithScheme, ConfigFunction, ConfigObject, DefaultTheme, NextUIConfig, nextui, resolveConfig };

package/dist/plugin.js

@@ -460,7 +460,7 @@ var light = (colors2) => {
     ...colors2
   };
 };
-var resolveConfig = (config = {}) => {
+var resolveConfig = (config = {}, defaultTheme) => {
   const resolved = {
     variants: [],
     utilities: {},
@@ -468,7 +468,10 @@ var resolveConfig = (config = {}) => {
   };
   const configObject = typeof config === "function" ? config({ dark, light }) : config;
   (0, import_lodash.default)(configObject, (colors2, themeName) => {
-    const cssSelector = `.${themeName},.theme-${themeName},[data-theme="${themeName}"]`;
+    let cssSelector = `.${themeName},.theme-${themeName},[data-theme="${themeName}"]`;
+    if (themeName === defaultTheme) {
+      cssSelector = `:root,${cssSelector}`;
+    }
     resolved.utilities[cssSelector] = colors2[SCHEME] ? {
       "color-scheme": colors2[SCHEME]
     } : {};
@@ -509,8 +512,8 @@ var resolveConfig = (config = {}) => {
   });
   return resolved;
 };
-var corePlugin = (config = {}) => {
-  const resolved = resolveConfig(config);
+var corePlugin = (config = {}, defaultTheme) => {
+  const resolved = resolveConfig(config, defaultTheme);
   return (0, import_plugin.default)(
     ({ addBase, addUtilities, addVariant }) => {
       addBase({
@@ -550,13 +553,20 @@ var corePlugin = (config = {}) => {
   );
 };
 var nextui = (config = {}) => {
-  const userLightColors = (0, import_lodash2.default)(config, "light", {});
-  const userDarkColors = (0, import_lodash2.default)(config, "dark", {});
-  return corePlugin({
-    light: (0, import_deepmerge.default)(semanticColors.light, userLightColors),
-    dark: (0, import_deepmerge.default)(semanticColors.dark, userDarkColors)
-  });
+  const userLightColors = (0, import_lodash2.default)(config.themes, "light", {});
+  const userDarkColors = (0, import_lodash2.default)(config.themes, "dark", {});
+  const defaultTheme = config.defaultTheme || "light";
+  return corePlugin(
+    {
+      light: (0, import_deepmerge.default)(semanticColors.light, userLightColors),
+      dark: (0, import_deepmerge.default)(semanticColors.dark, userDarkColors)
+    },
+    defaultTheme
+  );
 };
+nextui({
+  defaultTheme: "light"
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   nextui,

package/dist/plugin.mjs

@@ -48,7 +48,7 @@ var light = (colors) => {
     ...colors
   };
 };
-var resolveConfig = (config = {}) => {
+var resolveConfig = (config = {}, defaultTheme) => {
   const resolved = {
     variants: [],
     utilities: {},
@@ -56,7 +56,10 @@ var resolveConfig = (config = {}) => {
   };
   const configObject = typeof config === "function" ? config({ dark, light }) : config;
   forEach(configObject, (colors, themeName) => {
-    const cssSelector = `.${themeName},.theme-${themeName},[data-theme="${themeName}"]`;
+    let cssSelector = `.${themeName},.theme-${themeName},[data-theme="${themeName}"]`;
+    if (themeName === defaultTheme) {
+      cssSelector = `:root,${cssSelector}`;
+    }
     resolved.utilities[cssSelector] = colors[SCHEME] ? {
       "color-scheme": colors[SCHEME]
     } : {};
@@ -97,8 +100,8 @@ var resolveConfig = (config = {}) => {
   });
   return resolved;
 };
-var corePlugin = (config = {}) => {
-  const resolved = resolveConfig(config);
+var corePlugin = (config = {}, defaultTheme) => {
+  const resolved = resolveConfig(config, defaultTheme);
   return plugin(
     ({ addBase, addUtilities, addVariant }) => {
       addBase({
@@ -138,13 +141,20 @@ var corePlugin = (config = {}) => {
   );
 };
 var nextui = (config = {}) => {
-  const userLightColors = get(config, "light", {});
-  const userDarkColors = get(config, "dark", {});
-  return corePlugin({
-    light: deepMerge(semanticColors.light, userLightColors),
-    dark: deepMerge(semanticColors.dark, userDarkColors)
-  });
+  const userLightColors = get(config.themes, "light", {});
+  const userDarkColors = get(config.themes, "dark", {});
+  const defaultTheme = config.defaultTheme || "light";
+  return corePlugin(
+    {
+      light: deepMerge(semanticColors.light, userLightColors),
+      dark: deepMerge(semanticColors.dark, userDarkColors)
+    },
+    defaultTheme
+  );
 };
+nextui({
+  defaultTheme: "light"
+});
 export {
   nextui,
   resolveConfig

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/theme",
-  "version": "0.0.0-dev-v2-20230326015909",
+  "version": "0.0.0-dev-v2-20230326024632",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",