@nextui-org/theme 0.0.0-dev-v2-20230511041421 → 0.0.0-dev-v2-20230515031033

package/dist/{chunk-S7ZC2I7Y.mjs → chunk-74YO36XH.mjs}

@@ -37,7 +37,7 @@ var avatar = tv({
       "data-[loaded=true]:opacity-100"
     ],
     fallback: [...translateCenterClasses, "flex", "items-center", "justify-center"],
-    name: [...translateCenterClasses, "font-semibold", "text-center", "text-inherit"],
+    name: [...translateCenterClasses, "font-normal", "text-center", "text-inherit"],
     icon: [
       ...translateCenterClasses,
       "flex",

package/dist/{chunk-YMKJFSPB.mjs → chunk-K4KU3E4F.mjs}

@@ -16,11 +16,11 @@ var button = tv({
     "appearance-none",
     "outline-none",
     "select-none",
-    "font-medium",
+    "font-normal",
     "subpixel-antialiased",
     "data-[pressed=true]:scale-95",
     "overflow-hidden",
-    "gap-1.5",
+    "gap-2",
     "data-[focus-visible=true]:outline-none",
     "data-[focus-visible=true]:ring-2",
     "data-[focus-visible=true]:ring-primary",
@@ -70,6 +70,9 @@ var button = tv({
     isDisabled: {
       true: "opacity-50 pointer-events-none"
     },
+    isLoading: {
+      true: "opacity-50 pointer-events-none"
+    },
     isInGroup: {
       true: "[&:not(:first-child):not(:last-child)]:rounded-none"
     },
@@ -89,6 +92,7 @@ var button = tv({
     radius: "xl",
     fullWidth: false,
     isDisabled: false,
+    isLoading: false,
     isInGroup: false,
     disableAnimation: false
   },

package/dist/{chunk-XUL76UJD.mjs → chunk-MFJMHP3B.mjs}

@@ -64,6 +64,10 @@ var spinner = tv({
       }
     },
     color: {
+      current: {
+        circle1: "border-b-current",
+        circle2: "border-b-current"
+      },
       white: {
         circle1: "border-b-white",
         circle2: "border-b-white"

package/dist/components/avatar.js

@@ -139,7 +139,7 @@ var avatar = (0, import_tailwind_variants.tv)({
       "data-[loaded=true]:opacity-100"
     ],
     fallback: [...translateCenterClasses, "flex", "items-center", "justify-center"],
-    name: [...translateCenterClasses, "font-semibold", "text-center", "text-inherit"],
+    name: [...translateCenterClasses, "font-normal", "text-center", "text-inherit"],
     icon: [
       ...translateCenterClasses,
       "flex",

package/dist/components/avatar.mjs

@@ -1,6 +1,6 @@
 import {
   avatar
-} from "../chunk-S7ZC2I7Y.mjs";
+} from "../chunk-74YO36XH.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-RO3WUCFF.mjs";

package/dist/components/button.d.ts

@@ -60,6 +60,9 @@ declare const button: tailwind_variants.TVReturnType<{
     isDisabled: {
         true: string;
     };
+    isLoading: {
+        true: string;
+    };
     isInGroup: {
         true: string;
     };
@@ -113,6 +116,9 @@ declare const button: tailwind_variants.TVReturnType<{
     isDisabled: {
         true: string;
     };
+    isLoading: {
+        true: string;
+    };
     isInGroup: {
         true: string;
     };

package/dist/components/button.js

@@ -112,11 +112,11 @@ var button = (0, import_tailwind_variants.tv)({
     "appearance-none",
     "outline-none",
     "select-none",
-    "font-medium",
+    "font-normal",
     "subpixel-antialiased",
     "data-[pressed=true]:scale-95",
     "overflow-hidden",
-    "gap-1.5",
+    "gap-2",
     "data-[focus-visible=true]:outline-none",
     "data-[focus-visible=true]:ring-2",
     "data-[focus-visible=true]:ring-primary",
@@ -166,6 +166,9 @@ var button = (0, import_tailwind_variants.tv)({
     isDisabled: {
       true: "opacity-50 pointer-events-none"
     },
+    isLoading: {
+      true: "opacity-50 pointer-events-none"
+    },
     isInGroup: {
       true: "[&:not(:first-child):not(:last-child)]:rounded-none"
     },
@@ -185,6 +188,7 @@ var button = (0, import_tailwind_variants.tv)({
     radius: "xl",
     fullWidth: false,
     isDisabled: false,
+    isLoading: false,
     isInGroup: false,
     disableAnimation: false
   },

package/dist/components/button.mjs

@@ -1,6 +1,6 @@
 import {
   button
-} from "../chunk-YMKJFSPB.mjs";
+} from "../chunk-K4KU3E4F.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-RO3WUCFF.mjs";

package/dist/components/index.js

@@ -187,7 +187,7 @@ var avatar = (0, import_tailwind_variants.tv)({
       "data-[loaded=true]:opacity-100"
     ],
     fallback: [...translateCenterClasses, "flex", "items-center", "justify-center"],
-    name: [...translateCenterClasses, "font-semibold", "text-center", "text-inherit"],
+    name: [...translateCenterClasses, "font-normal", "text-center", "text-inherit"],
     icon: [
       ...translateCenterClasses,
       "flex",
@@ -702,11 +702,11 @@ var button = (0, import_tailwind_variants6.tv)({
     "appearance-none",
     "outline-none",
     "select-none",
-    "font-medium",
+    "font-normal",
     "subpixel-antialiased",
     "data-[pressed=true]:scale-95",
     "overflow-hidden",
-    "gap-1.5",
+    "gap-2",
     "data-[focus-visible=true]:outline-none",
     "data-[focus-visible=true]:ring-2",
     "data-[focus-visible=true]:ring-primary",
@@ -756,6 +756,9 @@ var button = (0, import_tailwind_variants6.tv)({
     isDisabled: {
       true: "opacity-50 pointer-events-none"
     },
+    isLoading: {
+      true: "opacity-50 pointer-events-none"
+    },
     isInGroup: {
       true: "[&:not(:first-child):not(:last-child)]:rounded-none"
     },
@@ -775,6 +778,7 @@ var button = (0, import_tailwind_variants6.tv)({
     radius: "xl",
     fullWidth: false,
     isDisabled: false,
+    isLoading: false,
     isInGroup: false,
     disableAnimation: false
   },
@@ -1153,6 +1157,10 @@ var spinner = (0, import_tailwind_variants9.tv)({
       }
     },
     color: {
+      current: {
+        circle1: "border-b-current",
+        circle2: "border-b-current"
+      },
       white: {
         circle1: "border-b-white",
         circle2: "border-b-white"

package/dist/components/index.mjs

@@ -1,10 +1,13 @@
 import "../chunk-MVXKHHAX.mjs";
+import {
+  snippet
+} from "../chunk-5ZJFAFZA.mjs";
 import {
   spacer
 } from "../chunk-3B4SYPW2.mjs";
 import {
   spinner
-} from "../chunk-XUL76UJD.mjs";
+} from "../chunk-MFJMHP3B.mjs";
 import {
   table
 } from "../chunk-KWWWVBJL.mjs";
@@ -17,6 +20,9 @@ import {
 import {
   user
 } from "../chunk-ZNBW4PQF.mjs";
+import {
+  modal
+} from "../chunk-YMIOHWCD.mjs";
 import {
   navbar
 } from "../chunk-U3BMJPED.mjs";
@@ -39,8 +45,8 @@ import {
   skeleton
 } from "../chunk-G23VRPTF.mjs";
 import {
-  snippet
-} from "../chunk-5ZJFAFZA.mjs";
+  dropdownMenu
+} from "../chunk-FCYNUVAR.mjs";
 import {
   dropdownSection
 } from "../chunk-AVGEHFT4.mjs";
@@ -61,8 +67,8 @@ import {
   linkAnchorClasses
 } from "../chunk-YQXYRWJP.mjs";
 import {
-  modal
-} from "../chunk-YMIOHWCD.mjs";
+  checkboxGroup
+} from "../chunk-U77YMEWM.mjs";
 import {
   checkbox
 } from "../chunk-7EKGN7JP.mjs";
@@ -85,8 +91,8 @@ import {
   dropdownItem
 } from "../chunk-Z6VEZVD6.mjs";
 import {
-  dropdownMenu
-} from "../chunk-FCYNUVAR.mjs";
+  accordionItem
+} from "../chunk-XSFH4S4Y.mjs";
 import {
   accordion
 } from "../chunk-YYBLBQIV.mjs";
@@ -95,7 +101,7 @@ import {
 } from "../chunk-MLH3XSY7.mjs";
 import {
   avatar
-} from "../chunk-S7ZC2I7Y.mjs";
+} from "../chunk-74YO36XH.mjs";
 import {
   badge
 } from "../chunk-CPWIXBDM.mjs";
@@ -104,19 +110,13 @@ import {
 } from "../chunk-VKFQ7EZN.mjs";
 import {
   button
-} from "../chunk-YMKJFSPB.mjs";
+} from "../chunk-K4KU3E4F.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-RO3WUCFF.mjs";
 import {
   card
 } from "../chunk-6QKRZ3JE.mjs";
-import {
-  checkboxGroup
-} from "../chunk-U77YMEWM.mjs";
-import {
-  accordionItem
-} from "../chunk-XSFH4S4Y.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   accordion,

package/dist/components/spinner.d.ts

@@ -48,6 +48,10 @@ declare const spinner: tailwind_variants.TVReturnType<{
         };
     };
     color: {
+        current: {
+            circle1: string;
+            circle2: string;
+        };
         white: {
             circle1: string;
             circle2: string;
@@ -136,6 +140,10 @@ declare const spinner: tailwind_variants.TVReturnType<{
         };
     };
     color: {
+        current: {
+            circle1: string;
+            circle2: string;
+        };
         white: {
             circle1: string;
             circle2: string;

package/dist/components/spinner.js

@@ -88,6 +88,10 @@ var spinner = (0, import_tailwind_variants.tv)({
       }
     },
     color: {
+      current: {
+        circle1: "border-b-current",
+        circle2: "border-b-current"
+      },
       white: {
         circle1: "border-b-white",
         circle2: "border-b-white"

package/dist/components/spinner.mjs

@@ -1,6 +1,6 @@
 import {
   spinner
-} from "../chunk-XUL76UJD.mjs";
+} from "../chunk-MFJMHP3B.mjs";
 export {
   spinner
 };

package/dist/index.js

@@ -219,7 +219,7 @@ var avatar = (0, import_tailwind_variants.tv)({
       "data-[loaded=true]:opacity-100"
     ],
     fallback: [...translateCenterClasses, "flex", "items-center", "justify-center"],
-    name: [...translateCenterClasses, "font-semibold", "text-center", "text-inherit"],
+    name: [...translateCenterClasses, "font-normal", "text-center", "text-inherit"],
     icon: [
       ...translateCenterClasses,
       "flex",
@@ -734,11 +734,11 @@ var button = (0, import_tailwind_variants6.tv)({
     "appearance-none",
     "outline-none",
     "select-none",
-    "font-medium",
+    "font-normal",
     "subpixel-antialiased",
     "data-[pressed=true]:scale-95",
     "overflow-hidden",
-    "gap-1.5",
+    "gap-2",
     "data-[focus-visible=true]:outline-none",
     "data-[focus-visible=true]:ring-2",
     "data-[focus-visible=true]:ring-primary",
@@ -788,6 +788,9 @@ var button = (0, import_tailwind_variants6.tv)({
     isDisabled: {
       true: "opacity-50 pointer-events-none"
     },
+    isLoading: {
+      true: "opacity-50 pointer-events-none"
+    },
     isInGroup: {
       true: "[&:not(:first-child):not(:last-child)]:rounded-none"
     },
@@ -807,6 +810,7 @@ var button = (0, import_tailwind_variants6.tv)({
     radius: "xl",
     fullWidth: false,
     isDisabled: false,
+    isLoading: false,
     isInGroup: false,
     disableAnimation: false
   },
@@ -1185,6 +1189,10 @@ var spinner = (0, import_tailwind_variants9.tv)({
       }
     },
     color: {
+      current: {
+        circle1: "border-b-current",
+        circle2: "border-b-current"
+      },
       white: {
         circle1: "border-b-white",
         circle2: "border-b-white"

package/dist/index.mjs

@@ -1,10 +1,13 @@
 import "./chunk-MVXKHHAX.mjs";
+import {
+  snippet
+} from "./chunk-5ZJFAFZA.mjs";
 import {
   spacer
 } from "./chunk-3B4SYPW2.mjs";
 import {
   spinner
-} from "./chunk-XUL76UJD.mjs";
+} from "./chunk-MFJMHP3B.mjs";
 import {
   table
 } from "./chunk-KWWWVBJL.mjs";
@@ -17,6 +20,9 @@ import {
 import {
   user
 } from "./chunk-ZNBW4PQF.mjs";
+import {
+  modal
+} from "./chunk-YMIOHWCD.mjs";
 import {
   navbar
 } from "./chunk-U3BMJPED.mjs";
@@ -39,8 +45,8 @@ import {
   skeleton
 } from "./chunk-G23VRPTF.mjs";
 import {
-  snippet
-} from "./chunk-5ZJFAFZA.mjs";
+  dropdownMenu
+} from "./chunk-FCYNUVAR.mjs";
 import {
   dropdownSection
 } from "./chunk-AVGEHFT4.mjs";
@@ -61,8 +67,8 @@ import {
   linkAnchorClasses
 } from "./chunk-YQXYRWJP.mjs";
 import {
-  modal
-} from "./chunk-YMIOHWCD.mjs";
+  checkboxGroup
+} from "./chunk-U77YMEWM.mjs";
 import {
   checkbox
 } from "./chunk-7EKGN7JP.mjs";
@@ -85,8 +91,8 @@ import {
   dropdownItem
 } from "./chunk-Z6VEZVD6.mjs";
 import {
-  dropdownMenu
-} from "./chunk-FCYNUVAR.mjs";
+  accordionItem
+} from "./chunk-XSFH4S4Y.mjs";
 import {
   accordion
 } from "./chunk-YYBLBQIV.mjs";
@@ -95,7 +101,7 @@ import {
 } from "./chunk-MLH3XSY7.mjs";
 import {
   avatar
-} from "./chunk-S7ZC2I7Y.mjs";
+} from "./chunk-74YO36XH.mjs";
 import {
   badge
 } from "./chunk-CPWIXBDM.mjs";
@@ -104,7 +110,7 @@ import {
 } from "./chunk-VKFQ7EZN.mjs";
 import {
   button
-} from "./chunk-YMKJFSPB.mjs";
+} from "./chunk-K4KU3E4F.mjs";
 import "./chunk-CMYR6AOY.mjs";
 import "./chunk-K7LK7NCE.mjs";
 import {
@@ -113,16 +119,9 @@ import {
 import {
   card
 } from "./chunk-6QKRZ3JE.mjs";
-import {
-  checkboxGroup
-} from "./chunk-U77YMEWM.mjs";
-import {
-  accordionItem
-} from "./chunk-XSFH4S4Y.mjs";
 import {
   nextui
-} from "./chunk-WUXZWYH4.mjs";
-import "./chunk-XLATS5QU.mjs";
+} from "./chunk-KPADJJIM.mjs";
 import {
   absoluteFullClasses,
   baseStyles,
@@ -130,6 +129,7 @@ import {
   ringClasses,
   translateCenterClasses
 } from "./chunk-INZK6TTL.mjs";
+import "./chunk-DMASP6FA.mjs";
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
@@ -139,7 +139,7 @@ import {
 } from "./chunk-LQHWK6UV.mjs";
 import "./chunk-37PIXVP4.mjs";
 import "./chunk-M63AFAHO.mjs";
-import "./chunk-DMASP6FA.mjs";
+import "./chunk-XLATS5QU.mjs";
 import {
   commonColors
 } from "./chunk-CRCBVLUP.mjs";

package/dist/plugin.mjs

@@ -1,14 +1,14 @@
 import {
   nextui
-} from "./chunk-WUXZWYH4.mjs";
-import "./chunk-XLATS5QU.mjs";
+} from "./chunk-KPADJJIM.mjs";
 import "./chunk-INZK6TTL.mjs";
+import "./chunk-DMASP6FA.mjs";
 import "./chunk-WQEDQHKX.mjs";
 import "./chunk-M74ZSXB7.mjs";
 import "./chunk-LQHWK6UV.mjs";
 import "./chunk-37PIXVP4.mjs";
 import "./chunk-M63AFAHO.mjs";
-import "./chunk-DMASP6FA.mjs";
+import "./chunk-XLATS5QU.mjs";
 import "./chunk-CRCBVLUP.mjs";
 import "./chunk-DCEG5LGX.mjs";
 import "./chunk-L2OL7R23.mjs";

package/package.json

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

package/dist/chunk-WUXZWYH4.mjs

@@ -1,161 +0,0 @@
-import {
-  utilities
-} from "./chunk-XLATS5QU.mjs";
-import {
-  baseStyles
-} from "./chunk-INZK6TTL.mjs";
-import {
-  semanticColors
-} from "./chunk-LQHWK6UV.mjs";
-import {
-  removeDefaultKeys
-} from "./chunk-37PIXVP4.mjs";
-import {
-  animations
-} from "./chunk-DMASP6FA.mjs";
-import {
-  commonColors
-} from "./chunk-CRCBVLUP.mjs";
-
-// src/plugin.ts
-import Color from "color";
-import plugin from "tailwindcss/plugin.js";
-import forEach from "lodash.foreach";
-import flatten from "flat";
-import get from "lodash.get";
-import omit from "lodash.omit";
-import deepMerge from "deepmerge";
-var SCHEME = Symbol("color-scheme");
-var DEFAULT_PREFIX = "nextui";
-var dark = (colors) => {
-  return {
-    [SCHEME]: "dark",
-    ...colors
-  };
-};
-var light = (colors) => {
-  return {
-    [SCHEME]: "light",
-    ...colors
-  };
-};
-var resolveConfig = (config = {}, defaultTheme, prefix) => {
-  const resolved = {
-    variants: [],
-    utilities: {},
-    colors: {}
-  };
-  const configObject = typeof config === "function" ? config({ dark, light }) : config;
-  forEach(configObject, (colors, themeName) => {
-    let cssSelector = `.${themeName},[data-theme="${themeName}"]`;
-    if (themeName === defaultTheme) {
-      cssSelector = `:root,${cssSelector}`;
-    }
-    resolved.utilities[cssSelector] = colors[SCHEME] ? {
-      "color-scheme": colors[SCHEME]
-    } : {};
-    const flatColors = removeDefaultKeys(
-      flatten(colors, {
-        safe: true,
-        delimiter: "-"
-      })
-    );
-    resolved.variants.push({
-      name: themeName,
-      definition: [`&.${themeName}`, `&[data-theme='${themeName}']`]
-    });
-    forEach(flatColors, (colorValue, colorName) => {
-      if (colorName === SCHEME || !colorValue)
-        return;
-      try {
-        const [h, s, l, defaultAlphaValue] = Color(colorValue).hsl().round().array();
-        const nextuiColorVariable = `--${prefix}-${colorName}`;
-        const nextuiOpacityVariable = `--${prefix}-${colorName}-opacity`;
-        resolved.utilities[cssSelector][nextuiColorVariable] = `${h} ${s}% ${l}%`;
-        if (typeof defaultAlphaValue === "number") {
-          resolved.utilities[cssSelector][nextuiOpacityVariable] = defaultAlphaValue.toFixed(2);
-        }
-        resolved.colors[colorName] = ({ opacityVariable, opacityValue }) => {
-          if (!isNaN(+opacityValue)) {
-            return `hsl(var(${nextuiColorVariable}) / ${opacityValue})`;
-          }
-          if (opacityVariable) {
-            return `hsl(var(${nextuiColorVariable}) / var(${nextuiOpacityVariable}, var(${opacityVariable})))`;
-          }
-          return `hsl(var(${nextuiColorVariable}) / var(${nextuiOpacityVariable}, 1))`;
-        };
-      } catch (error) {
-        console.log("error", error == null ? void 0 : error.message);
-      }
-    });
-  });
-  return resolved;
-};
-var corePlugin = (config = {}, defaultTheme, prefix) => {
-  const resolved = resolveConfig(config, defaultTheme, prefix);
-  return plugin(
-    ({ addBase, addUtilities, addVariant }) => {
-      addBase({
-        [":root, [data-theme]"]: {
-          ...baseStyles
-        }
-      });
-      addUtilities({ ...resolved.utilities, ...utilities });
-      resolved.variants.forEach((variant) => {
-        addVariant(variant.name, variant.definition);
-      });
-    },
-    {
-      theme: {
-        extend: {
-          colors: {
-            ...commonColors,
-            ...resolved.colors
-          },
-          fontSize: {
-            tiny: "0.625rem"
-          },
-          borderWidth: {
-            1: "1px",
-            1.5: "1.5px",
-            3: "3px",
-            5: "5px"
-          },
-          backgroundImage: {
-            "stripe-gradient": "linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent)"
-          },
-          transitionDuration: {
-            0: "0ms",
-            250: "250ms",
-            400: "400ms"
-          },
-          transitionTimingFunction: {
-            "soft-spring": "cubic-bezier(0.155, 1.105, 0.295, 1.12)"
-          },
-          ...animations
-        }
-      }
-    }
-  );
-};
-var nextui = (config = {}) => {
-  const themeObject = typeof config.themes === "function" ? config.themes({ dark, light }) : config.themes;
-  const userLightColors = get(themeObject, "light", {});
-  const userDarkColors = get(themeObject, "dark", {});
-  const defaultTheme = config.defaultTheme || "light";
-  const defaultPrefix = config.prefix || DEFAULT_PREFIX;
-  const otherThemes = omit(themeObject, ["light", "dark"]) || {};
-  return corePlugin(
-    {
-      light: deepMerge(semanticColors.light, userLightColors),
-      dark: deepMerge(semanticColors.dark, userDarkColors),
-      ...otherThemes
-    },
-    defaultTheme,
-    defaultPrefix
-  );
-};
-
-export {
-  nextui
-};

package/dist/{chunk-DLSPUMD4.mjs → chunk-KPADJJIM.mjs}

@@ -2,8 +2,8 @@ import {
   baseStyles
 } from "./chunk-INZK6TTL.mjs";
 import {
-  utilities
-} from "./chunk-XLATS5QU.mjs";
+  animations
+} from "./chunk-DMASP6FA.mjs";
 import {
   semanticColors
 } from "./chunk-LQHWK6UV.mjs";
@@ -11,8 +11,8 @@ import {
   removeDefaultKeys
 } from "./chunk-37PIXVP4.mjs";
 import {
-  animations
-} from "./chunk-DMASP6FA.mjs";
+  utilities
+} from "./chunk-XLATS5QU.mjs";
 import {
   commonColors
 } from "./chunk-CRCBVLUP.mjs";