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

package/dist/{chunk-OSARGUKT.mjs → chunk-BD2KW4ZD.mjs}

@@ -22,7 +22,9 @@ var button = tv({
     "subpixel-antialiased",
     "active:scale-95",
     "overflow-hidden",
-    "gap-3"
+    "gap-3",
+    "[&>svg]:fill-current",
+    "[&>svg]:max-w-[2em]"
   ],
   variants: {
     variant: {
@@ -72,9 +74,12 @@ var button = tv({
     isInGroup: {
       true: "[&:not(:first-child):not(:last-child)]:rounded-none"
     },
+    isIconButton: {
+      true: "p-0 gap-0"
+    },
     disableAnimation: {
       true: "!transition-none",
-      false: "transition-transform-background"
+      false: "transition-transform-background motion-reduce:transition-none"
     }
   },
   defaultVariants: {
@@ -317,6 +322,31 @@ var button = tv({
       isInGroup: true,
       variant: "bordered",
       class: "[&:not(:first-child)]:border-l-0"
+    },
+    {
+      isIconButton: true,
+      size: "xs",
+      class: "w-6 h-6"
+    },
+    {
+      isIconButton: true,
+      size: "sm",
+      class: "w-8 h-8"
+    },
+    {
+      isIconButton: true,
+      size: "md",
+      class: "w-10 h-10"
+    },
+    {
+      isIconButton: true,
+      size: "lg",
+      class: "w-12 h-12"
+    },
+    {
+      isIconButton: true,
+      size: "xl",
+      class: "w-14 h-14"
     }
   ]
 });

package/dist/components/button.d.ts

@@ -60,6 +60,9 @@ declare const button: tailwind_variants.TVReturnType<{
     isInGroup: {
         true: string;
     };
+    isIconButton: {
+        true: string;
+    };
     disableAnimation: {
         true: string;
         false: string;
@@ -112,6 +115,9 @@ declare const button: tailwind_variants.TVReturnType<{
     isInGroup: {
         true: string;
     };
+    isIconButton: {
+        true: string;
+    };
     disableAnimation: {
         true: string;
         false: string;

package/dist/components/button.js

@@ -125,7 +125,9 @@ var button = (0, import_tailwind_variants.tv)({
     "subpixel-antialiased",
     "active:scale-95",
     "overflow-hidden",
-    "gap-3"
+    "gap-3",
+    "[&>svg]:fill-current",
+    "[&>svg]:max-w-[2em]"
   ],
   variants: {
     variant: {
@@ -175,9 +177,12 @@ var button = (0, import_tailwind_variants.tv)({
     isInGroup: {
       true: "[&:not(:first-child):not(:last-child)]:rounded-none"
     },
+    isIconButton: {
+      true: "p-0 gap-0"
+    },
     disableAnimation: {
       true: "!transition-none",
-      false: "transition-transform-background"
+      false: "transition-transform-background motion-reduce:transition-none"
     }
   },
   defaultVariants: {
@@ -420,6 +425,31 @@ var button = (0, import_tailwind_variants.tv)({
       isInGroup: true,
       variant: "bordered",
       class: "[&:not(:first-child)]:border-l-0"
+    },
+    {
+      isIconButton: true,
+      size: "xs",
+      class: "w-6 h-6"
+    },
+    {
+      isIconButton: true,
+      size: "sm",
+      class: "w-8 h-8"
+    },
+    {
+      isIconButton: true,
+      size: "md",
+      class: "w-10 h-10"
+    },
+    {
+      isIconButton: true,
+      size: "lg",
+      class: "w-12 h-12"
+    },
+    {
+      isIconButton: true,
+      size: "xl",
+      class: "w-14 h-14"
     }
   ]
 });

package/dist/components/button.mjs

@@ -1,6 +1,6 @@
 import {
   button
-} from "../chunk-OSARGUKT.mjs";
+} from "../chunk-BD2KW4ZD.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-LGGZKBOO.mjs";

package/dist/components/index.js

@@ -648,7 +648,9 @@ var button = (0, import_tailwind_variants6.tv)({
     "subpixel-antialiased",
     "active:scale-95",
     "overflow-hidden",
-    "gap-3"
+    "gap-3",
+    "[&>svg]:fill-current",
+    "[&>svg]:max-w-[2em]"
   ],
   variants: {
     variant: {
@@ -698,9 +700,12 @@ var button = (0, import_tailwind_variants6.tv)({
     isInGroup: {
       true: "[&:not(:first-child):not(:last-child)]:rounded-none"
     },
+    isIconButton: {
+      true: "p-0 gap-0"
+    },
     disableAnimation: {
       true: "!transition-none",
-      false: "transition-transform-background"
+      false: "transition-transform-background motion-reduce:transition-none"
     }
   },
   defaultVariants: {
@@ -943,6 +948,31 @@ var button = (0, import_tailwind_variants6.tv)({
       isInGroup: true,
       variant: "bordered",
       class: "[&:not(:first-child)]:border-l-0"
+    },
+    {
+      isIconButton: true,
+      size: "xs",
+      class: "w-6 h-6"
+    },
+    {
+      isIconButton: true,
+      size: "sm",
+      class: "w-8 h-8"
+    },
+    {
+      isIconButton: true,
+      size: "md",
+      class: "w-10 h-10"
+    },
+    {
+      isIconButton: true,
+      size: "lg",
+      class: "w-12 h-12"
+    },
+    {
+      isIconButton: true,
+      size: "xl",
+      class: "w-14 h-14"
     }
   ]
 });

package/dist/components/index.mjs

@@ -55,7 +55,7 @@ import {
 } from "../chunk-VKFQ7EZN.mjs";
 import {
   button
-} from "../chunk-OSARGUKT.mjs";
+} from "../chunk-BD2KW4ZD.mjs";
 import {
   card
 } from "../chunk-Z5OKZPNV.mjs";

package/dist/index.js

@@ -670,7 +670,9 @@ var button = (0, import_tailwind_variants6.tv)({
     "subpixel-antialiased",
     "active:scale-95",
     "overflow-hidden",
-    "gap-3"
+    "gap-3",
+    "[&>svg]:fill-current",
+    "[&>svg]:max-w-[2em]"
   ],
   variants: {
     variant: {
@@ -720,9 +722,12 @@ var button = (0, import_tailwind_variants6.tv)({
     isInGroup: {
       true: "[&:not(:first-child):not(:last-child)]:rounded-none"
     },
+    isIconButton: {
+      true: "p-0 gap-0"
+    },
     disableAnimation: {
       true: "!transition-none",
-      false: "transition-transform-background"
+      false: "transition-transform-background motion-reduce:transition-none"
     }
   },
   defaultVariants: {
@@ -965,6 +970,31 @@ var button = (0, import_tailwind_variants6.tv)({
       isInGroup: true,
       variant: "bordered",
       class: "[&:not(:first-child)]:border-l-0"
+    },
+    {
+      isIconButton: true,
+      size: "xs",
+      class: "w-6 h-6"
+    },
+    {
+      isIconButton: true,
+      size: "sm",
+      class: "w-8 h-8"
+    },
+    {
+      isIconButton: true,
+      size: "md",
+      class: "w-10 h-10"
+    },
+    {
+      isIconButton: true,
+      size: "lg",
+      class: "w-12 h-12"
+    },
+    {
+      isIconButton: true,
+      size: "xl",
+      class: "w-14 h-14"
     }
   ]
 });

package/dist/index.mjs

@@ -55,7 +55,7 @@ import {
 } from "./chunk-VKFQ7EZN.mjs";
 import {
   button
-} from "./chunk-OSARGUKT.mjs";
+} from "./chunk-BD2KW4ZD.mjs";
 import {
   card
 } from "./chunk-Z5OKZPNV.mjs";

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-20230326032643",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",