@nextui-org/theme 0.0.0-dev-v2-20230623225431 → 0.0.0-dev-v2-20230624033637

package/dist/{chunk-CDLGU7OD.mjs → chunk-53FU66TE.mjs}

@@ -1,12 +1,12 @@
 import {
   utilities
-} from "./chunk-OQGOVMIP.mjs";
+} from "./chunk-UNQJ7BRW.mjs";
 import {
   baseStyles
 } from "./chunk-G2ZSNGR5.mjs";
 import {
   semanticColors
-} from "./chunk-33WV5XLR.mjs";
+} from "./chunk-BWO5RTQF.mjs";
 import {
   removeDefaultKeys
 } from "./chunk-37PIXVP4.mjs";

package/dist/{chunk-ZGAYYMFF.mjs → chunk-7ZE4XJWS.mjs}

@@ -9,7 +9,7 @@ var accordion = tv({
   variants: {
     variant: {
       light: "",
-      shadow: "px-4 shadow-lg rounded-xl bg-background dark:bg-content1 border border-default-100",
+      shadow: "px-4 shadow-lg rounded-xl bg-content1 border border-boundary",
       bordered: "px-4 border border-divider rounded-lg",
       splitted: "group is-splitted flex flex-col gap-2"
     },
@@ -28,12 +28,11 @@ var accordionItem = tv({
       "border-divider",
       "[&:not(:last-of-type)]:border-b",
       "group-[.is-splitted]:px-4",
-      "group-[.is-splitted]:bg-background",
-      "dark:group-[.is-splitted]:bg-content1",
+      "group-[.is-splitted]:bg-content1",
       "group-[.is-splitted]:shadow-lg",
       "group-[.is-splitted]:rounded-lg",
       "group-[.is-splitted]:border",
-      "group-[.is-splitted]:border-default-100"
+      "group-[.is-splitted]:border-boundary"
     ],
     heading: "",
     trigger: [

package/dist/{chunk-KPXLNSHI.mjs → chunk-ACERSXMK.mjs}

@@ -14,7 +14,7 @@ var table = tv({
       "justify-between",
       "gap-4",
       "border",
-      "border-default-100",
+      "border-boundary",
       "overflow-auto"
     ],
     table: "min-w-full h-auto",

package/dist/{chunk-33WV5XLR.mjs → chunk-BWO5RTQF.mjs}

@@ -20,12 +20,15 @@ var base = {
     divider: {
       DEFAULT: "rgba(17, 17, 17, 0.15)"
     },
+    boundary: {
+      DEFAULT: twColors.zinc[100]
+    },
     focus: {
       DEFAULT: commonColors.blue[500]
     },
     content1: {
-      DEFAULT: twColors.zinc[50],
-      foreground: twColors.zinc[900]
+      DEFAULT: "#ffffff",
+      foreground: "#11181C"
     },
     content2: {
       DEFAULT: twColors.zinc[100],
@@ -54,6 +57,9 @@ var base = {
     divider: {
       DEFAULT: "rgba(255, 255, 255, 0.15)"
     },
+    boundary: {
+      DEFAULT: twColors.zinc[800]
+    },
     content1: {
       DEFAULT: twColors.zinc[900],
       foreground: twColors.zinc[50]
@@ -72,7 +78,7 @@ var base = {
     }
   }
 };
-var semanticColorsLight = {
+var brandColorsLight = {
   ...base.light,
   default: {
     ...twColors.zinc,
@@ -105,7 +111,7 @@ var semanticColorsLight = {
     DEFAULT: commonColors.red[500]
   }
 };
-var semanticColorsDark = {
+var brandColorsDark = {
   ...base.dark,
   default: {
     ...swapColorValues(twColors.zinc),
@@ -139,12 +145,12 @@ var semanticColorsDark = {
   }
 };
 var semanticColors = {
-  light: semanticColorsLight,
-  dark: semanticColorsDark
+  light: brandColorsLight,
+  dark: brandColorsDark
 };
 
 export {
-  semanticColorsLight,
-  semanticColorsDark,
+  brandColorsLight,
+  brandColorsDark,
   semanticColors
 };

package/dist/{chunk-34DKOA3F.mjs → chunk-DN3YP75Q.mjs}

@@ -191,7 +191,7 @@ var tabs = tv({
       variant: ["solid", "bordered", "light"],
       color: "default",
       class: {
-        cursor: ["bg-background", "dark:bg-default", "border border-default-100 dark:border-none"],
+        cursor: ["bg-background", "dark:bg-default", "border border-boundary dark:border-none"],
         tabContent: "group-data-[selected=true]:text-default-foreground"
       }
     },

package/dist/{chunk-AUYFXGLC.mjs → chunk-P455YPME.mjs}

@@ -15,9 +15,8 @@ var card = tv({
       "outline-none",
       "text-foreground",
       "box-border",
-      "bg-background",
-      "dark:bg-content1",
-      "border border-default-100",
+      "bg-content1",
+      "border border-boundary",
       ...dataFocusVisibleClasses
     ],
     header: [

package/dist/{chunk-DJPVJIVC.mjs → chunk-QJZSBDVH.mjs}

@@ -70,7 +70,7 @@ var popover = tv({
     },
     color: {
       default: {
-        base: "bg-background dark:bg-content1 border border-default-100"
+        base: "bg-content1 border border-boundary"
       },
       foreground: {
         base: colorVariants.solid.foreground

package/dist/{chunk-JLTOTD4Y.mjs → chunk-RB2RANUL.mjs}

@@ -26,9 +26,8 @@ var modal = tv({
       "z-50",
       "w-full",
       "box-border",
-      "bg-background",
-      "dark:bg-content1",
-      "border border-default-100",
+      "bg-content1",
+      "border border-boundary",
       "outline-none",
       "mx-6",
       "my-16"

package/dist/{chunk-SDZJAVPQ.mjs → chunk-SFF5YUZA.mjs}

@@ -11,10 +11,9 @@ var dropdown = tv({
     "min-w-[200px]",
     "shadow",
     "shadow-lg",
-    "bg-white",
-    "dark:bg-content1",
+    "bg-content1",
     "border",
-    "border-default-100"
+    "border-boundary"
   ]
 });
 var dropdownItem = tv({
@@ -369,7 +368,7 @@ var dropdownItem = tv({
 });
 var dropdownSection = tv({
   slots: {
-    section: "relative mb-2",
+    base: "relative mb-2",
     heading: "pl-1 text-xs text-foreground-500",
     group: "pt-1"
   },

package/dist/{chunk-FRXURFBW.mjs → chunk-TFIDBELY.mjs}

@@ -1,6 +1,6 @@
 import {
   semanticColors
-} from "./chunk-33WV5XLR.mjs";
+} from "./chunk-BWO5RTQF.mjs";
 import {
   commonColors
 } from "./chunk-5LKRUH3Q.mjs";

package/dist/colors/index.d.ts

@@ -1,11 +1,11 @@
-import { SemanticColors } from './types.js';
+import { BrandColors } from './types.js';
 export { BaseColors, ColorScale, SemanticBaseColors } from './types.js';
 export { commonColors } from './common.js';
 export { semanticColors } from './semantic.js';
 
 declare const colors: {
-    light: SemanticColors;
-    dark: SemanticColors;
+    light: BrandColors;
+    dark: BrandColors;
     white: string;
     black: string;
     blue: {
@@ -94,4 +94,4 @@ declare const colors: {
     };
 };
 
-export { SemanticColors, colors };
+export { BrandColors, colors };

package/dist/colors/index.js

@@ -178,12 +178,15 @@ var base = {
     divider: {
       DEFAULT: "rgba(17, 17, 17, 0.15)"
     },
+    boundary: {
+      DEFAULT: import_colors.default.zinc[100]
+    },
     focus: {
       DEFAULT: commonColors.blue[500]
     },
     content1: {
-      DEFAULT: import_colors.default.zinc[50],
-      foreground: import_colors.default.zinc[900]
+      DEFAULT: "#ffffff",
+      foreground: "#11181C"
     },
     content2: {
       DEFAULT: import_colors.default.zinc[100],
@@ -212,6 +215,9 @@ var base = {
     divider: {
       DEFAULT: "rgba(255, 255, 255, 0.15)"
     },
+    boundary: {
+      DEFAULT: import_colors.default.zinc[800]
+    },
     content1: {
       DEFAULT: import_colors.default.zinc[900],
       foreground: import_colors.default.zinc[50]
@@ -230,7 +236,7 @@ var base = {
     }
   }
 };
-var semanticColorsLight = {
+var brandColorsLight = {
   ...base.light,
   default: {
     ...import_colors.default.zinc,
@@ -263,7 +269,7 @@ var semanticColorsLight = {
     DEFAULT: commonColors.red[500]
   }
 };
-var semanticColorsDark = {
+var brandColorsDark = {
   ...base.dark,
   default: {
     ...swapColorValues(import_colors.default.zinc),
@@ -297,8 +303,8 @@ var semanticColorsDark = {
   }
 };
 var semanticColors = {
-  light: semanticColorsLight,
-  dark: semanticColorsDark
+  light: brandColorsLight,
+  dark: brandColorsDark
 };
 
 // src/colors/index.ts

package/dist/colors/index.mjs

@@ -1,9 +1,9 @@
 import {
   colors
-} from "../chunk-FRXURFBW.mjs";
+} from "../chunk-TFIDBELY.mjs";
 import {
   semanticColors
-} from "../chunk-33WV5XLR.mjs";
+} from "../chunk-BWO5RTQF.mjs";
 import "../chunk-37PIXVP4.mjs";
 import "../chunk-M63AFAHO.mjs";
 import {

package/dist/colors/semantic.d.ts

@@ -1,10 +1,10 @@
-import { SemanticColors } from './types.js';
+import { BrandColors } from './types.js';
 
-declare const semanticColorsLight: SemanticColors;
-declare const semanticColorsDark: SemanticColors;
+declare const brandColorsLight: BrandColors;
+declare const brandColorsDark: BrandColors;
 declare const semanticColors: {
-    light: SemanticColors;
-    dark: SemanticColors;
+    light: BrandColors;
+    dark: BrandColors;
 };
 
-export { semanticColors, semanticColorsDark, semanticColorsLight };
+export { brandColorsDark, brandColorsLight, semanticColors };

package/dist/colors/semantic.js

@@ -26,9 +26,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/colors/semantic.ts
 var semantic_exports = {};
 __export(semantic_exports, {
-  semanticColors: () => semanticColors,
-  semanticColorsDark: () => semanticColorsDark,
-  semanticColorsLight: () => semanticColorsLight
+  brandColorsDark: () => brandColorsDark,
+  brandColorsLight: () => brandColorsLight,
+  semanticColors: () => semanticColors
 });
 module.exports = __toCommonJS(semantic_exports);
 var import_colors = __toESM(require("tailwindcss/colors.js"));
@@ -176,12 +176,15 @@ var base = {
     divider: {
       DEFAULT: "rgba(17, 17, 17, 0.15)"
     },
+    boundary: {
+      DEFAULT: import_colors.default.zinc[100]
+    },
     focus: {
       DEFAULT: commonColors.blue[500]
     },
     content1: {
-      DEFAULT: import_colors.default.zinc[50],
-      foreground: import_colors.default.zinc[900]
+      DEFAULT: "#ffffff",
+      foreground: "#11181C"
     },
     content2: {
       DEFAULT: import_colors.default.zinc[100],
@@ -210,6 +213,9 @@ var base = {
     divider: {
       DEFAULT: "rgba(255, 255, 255, 0.15)"
     },
+    boundary: {
+      DEFAULT: import_colors.default.zinc[800]
+    },
     content1: {
       DEFAULT: import_colors.default.zinc[900],
       foreground: import_colors.default.zinc[50]
@@ -228,7 +234,7 @@ var base = {
     }
   }
 };
-var semanticColorsLight = {
+var brandColorsLight = {
   ...base.light,
   default: {
     ...import_colors.default.zinc,
@@ -261,7 +267,7 @@ var semanticColorsLight = {
     DEFAULT: commonColors.red[500]
   }
 };
-var semanticColorsDark = {
+var brandColorsDark = {
   ...base.dark,
   default: {
     ...swapColorValues(import_colors.default.zinc),
@@ -295,12 +301,12 @@ var semanticColorsDark = {
   }
 };
 var semanticColors = {
-  light: semanticColorsLight,
-  dark: semanticColorsDark
+  light: brandColorsLight,
+  dark: brandColorsDark
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  semanticColors,
-  semanticColorsDark,
-  semanticColorsLight
+  brandColorsDark,
+  brandColorsLight,
+  semanticColors
 });

package/dist/colors/semantic.mjs

@@ -1,8 +1,8 @@
 import {
-  semanticColors,
-  semanticColorsDark,
-  semanticColorsLight
-} from "../chunk-33WV5XLR.mjs";
+  brandColorsDark,
+  brandColorsLight,
+  semanticColors
+} from "../chunk-BWO5RTQF.mjs";
 import "../chunk-37PIXVP4.mjs";
 import "../chunk-5LKRUH3Q.mjs";
 import "../chunk-DCEG5LGX.mjs";
@@ -13,7 +13,7 @@ import "../chunk-DYAPDM2A.mjs";
 import "../chunk-T3GWIVAM.mjs";
 import "../chunk-OR5PUD24.mjs";
 export {
-  semanticColors,
-  semanticColorsDark,
-  semanticColorsLight
+  brandColorsDark,
+  brandColorsLight,
+  semanticColors
 };

package/dist/colors/types.d.ts

@@ -16,13 +16,14 @@ type BaseColors = {
     background: ColorScale;
     foreground: ColorScale;
     divider: ColorScale;
+    boundary: ColorScale;
     focus: ColorScale;
     content1: ColorScale;
     content2: ColorScale;
     content3: ColorScale;
     content4: ColorScale;
 };
-type SemanticColors = BaseColors & {
+type BrandColors = BaseColors & {
     default: ColorScale;
     primary: ColorScale;
     secondary: ColorScale;
@@ -35,4 +36,4 @@ type SemanticBaseColors = {
     dark: BaseColors;
 };
 
-export { BaseColors, ColorScale, SemanticBaseColors, SemanticColors };
+export { BaseColors, BrandColors, ColorScale, SemanticBaseColors };

package/dist/colors.d.ts

@@ -1,4 +1,4 @@
 export { colors } from './colors/index.js';
-export { BaseColors, ColorScale, SemanticBaseColors, SemanticColors } from './colors/types.js';
+export { BaseColors, BrandColors, ColorScale, SemanticBaseColors } from './colors/types.js';
 export { commonColors } from './colors/common.js';
 export { semanticColors } from './colors/semantic.js';

package/dist/colors.js

@@ -178,12 +178,15 @@ var base = {
     divider: {
       DEFAULT: "rgba(17, 17, 17, 0.15)"
     },
+    boundary: {
+      DEFAULT: import_colors.default.zinc[100]
+    },
     focus: {
       DEFAULT: commonColors.blue[500]
     },
     content1: {
-      DEFAULT: import_colors.default.zinc[50],
-      foreground: import_colors.default.zinc[900]
+      DEFAULT: "#ffffff",
+      foreground: "#11181C"
     },
     content2: {
       DEFAULT: import_colors.default.zinc[100],
@@ -212,6 +215,9 @@ var base = {
     divider: {
       DEFAULT: "rgba(255, 255, 255, 0.15)"
     },
+    boundary: {
+      DEFAULT: import_colors.default.zinc[800]
+    },
     content1: {
       DEFAULT: import_colors.default.zinc[900],
       foreground: import_colors.default.zinc[50]
@@ -230,7 +236,7 @@ var base = {
     }
   }
 };
-var semanticColorsLight = {
+var brandColorsLight = {
   ...base.light,
   default: {
     ...import_colors.default.zinc,
@@ -263,7 +269,7 @@ var semanticColorsLight = {
     DEFAULT: commonColors.red[500]
   }
 };
-var semanticColorsDark = {
+var brandColorsDark = {
   ...base.dark,
   default: {
     ...swapColorValues(import_colors.default.zinc),
@@ -297,8 +303,8 @@ var semanticColorsDark = {
   }
 };
 var semanticColors = {
-  light: semanticColorsLight,
-  dark: semanticColorsDark
+  light: brandColorsLight,
+  dark: brandColorsDark
 };
 
 // src/colors/index.ts

package/dist/colors.mjs

@@ -1,10 +1,10 @@
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
-} from "./chunk-FRXURFBW.mjs";
+} from "./chunk-TFIDBELY.mjs";
 import {
   semanticColors
-} from "./chunk-33WV5XLR.mjs";
+} from "./chunk-BWO5RTQF.mjs";
 import "./chunk-37PIXVP4.mjs";
 import "./chunk-M63AFAHO.mjs";
 import {

package/dist/components/accordion.d.ts

@@ -15,7 +15,7 @@ import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
 declare const accordion: tailwind_variants.TVReturnType<{
     variant: {
         light: "";
-        shadow: "px-4 shadow-lg rounded-xl bg-background dark:bg-content1 border border-default-100";
+        shadow: "px-4 shadow-lg rounded-xl bg-content1 border border-boundary";
         bordered: "px-4 border border-divider rounded-lg";
         splitted: "group is-splitted flex flex-col gap-2";
     };
@@ -25,7 +25,7 @@ declare const accordion: tailwind_variants.TVReturnType<{
 }, undefined, "px-2", tailwind_variants_dist_config.TVConfig<{
     variant: {
         light: "";
-        shadow: "px-4 shadow-lg rounded-xl bg-background dark:bg-content1 border border-default-100";
+        shadow: "px-4 shadow-lg rounded-xl bg-content1 border border-boundary";
         bordered: "px-4 border border-divider rounded-lg";
         splitted: "group is-splitted flex flex-col gap-2";
     };
@@ -35,7 +35,7 @@ declare const accordion: tailwind_variants.TVReturnType<{
 }, {
     variant: {
         light: "";
-        shadow: "px-4 shadow-lg rounded-xl bg-background dark:bg-content1 border border-default-100";
+        shadow: "px-4 shadow-lg rounded-xl bg-content1 border border-boundary";
         bordered: "px-4 border border-divider rounded-lg";
         splitted: "group is-splitted flex flex-col gap-2";
     };
@@ -45,7 +45,7 @@ declare const accordion: tailwind_variants.TVReturnType<{
 }>, {
     variant: {
         light: "";
-        shadow: "px-4 shadow-lg rounded-xl bg-background dark:bg-content1 border border-default-100";
+        shadow: "px-4 shadow-lg rounded-xl bg-content1 border border-boundary";
         bordered: "px-4 border border-divider rounded-lg";
         splitted: "group is-splitted flex flex-col gap-2";
     };

package/dist/components/accordion.js

@@ -43,7 +43,7 @@ var accordion = (0, import_tailwind_variants.tv)({
   variants: {
     variant: {
       light: "",
-      shadow: "px-4 shadow-lg rounded-xl bg-background dark:bg-content1 border border-default-100",
+      shadow: "px-4 shadow-lg rounded-xl bg-content1 border border-boundary",
       bordered: "px-4 border border-divider rounded-lg",
       splitted: "group is-splitted flex flex-col gap-2"
     },
@@ -62,12 +62,11 @@ var accordionItem = (0, import_tailwind_variants.tv)({
       "border-divider",
       "[&:not(:last-of-type)]:border-b",
       "group-[.is-splitted]:px-4",
-      "group-[.is-splitted]:bg-background",
-      "dark:group-[.is-splitted]:bg-content1",
+      "group-[.is-splitted]:bg-content1",
       "group-[.is-splitted]:shadow-lg",
       "group-[.is-splitted]:rounded-lg",
       "group-[.is-splitted]:border",
-      "group-[.is-splitted]:border-default-100"
+      "group-[.is-splitted]:border-boundary"
     ],
     heading: "",
     trigger: [

package/dist/components/accordion.mjs

@@ -1,7 +1,7 @@
 import {
   accordion,
   accordionItem
-} from "../chunk-ZGAYYMFF.mjs";
+} from "../chunk-7ZE4XJWS.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-CEW7YOHH.mjs";

package/dist/components/card.js

@@ -48,9 +48,8 @@ var card = (0, import_tailwind_variants.tv)({
       "outline-none",
       "text-foreground",
       "box-border",
-      "bg-background",
-      "dark:bg-content1",
-      "border border-default-100",
+      "bg-content1",
+      "border border-boundary",
       ...dataFocusVisibleClasses
     ],
     header: [

package/dist/components/card.mjs

@@ -1,6 +1,6 @@
 import {
   card
-} from "../chunk-AUYFXGLC.mjs";
+} from "../chunk-P455YPME.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-CEW7YOHH.mjs";

package/dist/components/dropdown.d.ts

@@ -251,7 +251,7 @@ declare const dropdownSection: tailwind_variants.TVReturnType<{
         };
     };
 }, {
-    section: string;
+    base: string;
     heading: string;
     group: string;
 }, undefined, tailwind_variants_dist_config.TVConfig<{
@@ -273,7 +273,7 @@ declare const dropdownSection: tailwind_variants.TVReturnType<{
         };
     };
 }, {
-    section: string;
+    base: string;
     heading: string;
     group: string;
 }>;

package/dist/components/dropdown.js

@@ -47,10 +47,9 @@ var dropdown = (0, import_tailwind_variants.tv)({
     "min-w-[200px]",
     "shadow",
     "shadow-lg",
-    "bg-white",
-    "dark:bg-content1",
+    "bg-content1",
     "border",
-    "border-default-100"
+    "border-boundary"
   ]
 });
 var dropdownItem = (0, import_tailwind_variants.tv)({
@@ -405,7 +404,7 @@ var dropdownItem = (0, import_tailwind_variants.tv)({
 });
 var dropdownSection = (0, import_tailwind_variants.tv)({
   slots: {
-    section: "relative mb-2",
+    base: "relative mb-2",
     heading: "pl-1 text-xs text-foreground-500",
     group: "pt-1"
   },

package/dist/components/dropdown.mjs

@@ -3,7 +3,7 @@ import {
   dropdownItem,
   dropdownMenu,
   dropdownSection
-} from "../chunk-SDZJAVPQ.mjs";
+} from "../chunk-SFF5YUZA.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-CEW7YOHH.mjs";

package/dist/components/index.js

@@ -379,9 +379,8 @@ var card = (0, import_tailwind_variants2.tv)({
       "outline-none",
       "text-foreground",
       "box-border",
-      "bg-background",
-      "dark:bg-content1",
-      "border border-default-100",
+      "bg-content1",
+      "border border-boundary",
       ...dataFocusVisibleClasses
     ],
     header: [
@@ -1285,7 +1284,7 @@ var popover = (0, import_tailwind_variants9.tv)({
     },
     color: {
       default: {
-        base: "bg-background dark:bg-content1 border border-default-100"
+        base: "bg-content1 border border-boundary"
       },
       foreground: {
         base: colorVariants.solid.foreground
@@ -3412,7 +3411,7 @@ var accordion = (0, import_tailwind_variants17.tv)({
   variants: {
     variant: {
       light: "",
-      shadow: "px-4 shadow-lg rounded-xl bg-background dark:bg-content1 border border-default-100",
+      shadow: "px-4 shadow-lg rounded-xl bg-content1 border border-boundary",
       bordered: "px-4 border border-divider rounded-lg",
       splitted: "group is-splitted flex flex-col gap-2"
     },
@@ -3431,12 +3430,11 @@ var accordionItem = (0, import_tailwind_variants17.tv)({
       "border-divider",
       "[&:not(:last-of-type)]:border-b",
       "group-[.is-splitted]:px-4",
-      "group-[.is-splitted]:bg-background",
-      "dark:group-[.is-splitted]:bg-content1",
+      "group-[.is-splitted]:bg-content1",
       "group-[.is-splitted]:shadow-lg",
       "group-[.is-splitted]:rounded-lg",
       "group-[.is-splitted]:border",
-      "group-[.is-splitted]:border-default-100"
+      "group-[.is-splitted]:border-boundary"
     ],
     heading: "",
     trigger: [
@@ -4536,10 +4534,9 @@ var dropdown = (0, import_tailwind_variants21.tv)({
     "min-w-[200px]",
     "shadow",
     "shadow-lg",
-    "bg-white",
-    "dark:bg-content1",
+    "bg-content1",
     "border",
-    "border-default-100"
+    "border-boundary"
   ]
 });
 var dropdownItem = (0, import_tailwind_variants21.tv)({
@@ -4894,7 +4891,7 @@ var dropdownItem = (0, import_tailwind_variants21.tv)({
 });
 var dropdownSection = (0, import_tailwind_variants21.tv)({
   slots: {
-    section: "relative mb-2",
+    base: "relative mb-2",
     heading: "pl-1 text-xs text-foreground-500",
     group: "pt-1"
   },
@@ -5111,9 +5108,8 @@ var modal = (0, import_tailwind_variants23.tv)({
       "z-50",
       "w-full",
       "box-border",
-      "bg-background",
-      "dark:bg-content1",
-      "border border-default-100",
+      "bg-content1",
+      "border border-boundary",
       "outline-none",
       "mx-6",
       "my-16"
@@ -5444,7 +5440,7 @@ var table = (0, import_tailwind_variants25.tv)({
       "justify-between",
       "gap-4",
       "border",
-      "border-default-100",
+      "border-boundary",
       "overflow-auto"
     ],
     table: "min-w-full h-auto",
@@ -5874,7 +5870,7 @@ var tabs = (0, import_tailwind_variants29.tv)({
       variant: ["solid", "bordered", "light"],
       color: "default",
       class: {
-        cursor: ["bg-background", "dark:bg-default", "border border-default-100 dark:border-none"],
+        cursor: ["bg-background", "dark:bg-default", "border border-boundary dark:border-none"],
         tabContent: "group-data-[selected=true]:text-default-foreground"
       }
     },

package/dist/components/index.mjs

@@ -7,10 +7,10 @@ import {
 } from "../chunk-HOQUCE4N.mjs";
 import {
   table
-} from "../chunk-KPXLNSHI.mjs";
+} from "../chunk-ACERSXMK.mjs";
 import {
   tabs
-} from "../chunk-34DKOA3F.mjs";
+} from "../chunk-DN3YP75Q.mjs";
 import {
   toggle
 } from "../chunk-C3VRXEKA.mjs";
@@ -19,7 +19,7 @@ import {
 } from "../chunk-FAR5DJOU.mjs";
 import {
   modal
-} from "../chunk-JLTOTD4Y.mjs";
+} from "../chunk-RB2RANUL.mjs";
 import {
   navbar
 } from "../chunk-AOWZVYD6.mjs";
@@ -28,7 +28,7 @@ import {
 } from "../chunk-NIPJ5ETA.mjs";
 import {
   popover
-} from "../chunk-DJPVJIVC.mjs";
+} from "../chunk-QJZSBDVH.mjs";
 import {
   progress
 } from "../chunk-BHHIVMOY.mjs";
@@ -53,7 +53,7 @@ import {
   dropdownItem,
   dropdownMenu,
   dropdownSection
-} from "../chunk-SDZJAVPQ.mjs";
+} from "../chunk-SFF5YUZA.mjs";
 import {
   image
 } from "../chunk-46ZSXBCH.mjs";
@@ -80,7 +80,7 @@ import {
 } from "../chunk-WNUIORY5.mjs";
 import {
   card
-} from "../chunk-AUYFXGLC.mjs";
+} from "../chunk-P455YPME.mjs";
 import {
   checkbox,
   checkboxGroup
@@ -97,7 +97,7 @@ import {
 import {
   accordion,
   accordionItem
-} from "../chunk-ZGAYYMFF.mjs";
+} from "../chunk-7ZE4XJWS.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-CEW7YOHH.mjs";

package/dist/components/modal.js

@@ -59,9 +59,8 @@ var modal = (0, import_tailwind_variants.tv)({
       "z-50",
       "w-full",
       "box-border",
-      "bg-background",
-      "dark:bg-content1",
-      "border border-default-100",
+      "bg-content1",
+      "border border-boundary",
       "outline-none",
       "mx-6",
       "my-16"

package/dist/components/modal.mjs

@@ -1,6 +1,6 @@
 import {
   modal
-} from "../chunk-JLTOTD4Y.mjs";
+} from "../chunk-RB2RANUL.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-CEW7YOHH.mjs";

package/dist/components/popover.js

@@ -174,7 +174,7 @@ var popover = (0, import_tailwind_variants.tv)({
     },
     color: {
       default: {
-        base: "bg-background dark:bg-content1 border border-default-100"
+        base: "bg-content1 border border-boundary"
       },
       foreground: {
         base: colorVariants.solid.foreground

package/dist/components/popover.mjs

@@ -1,6 +1,6 @@
 import {
   popover
-} from "../chunk-DJPVJIVC.mjs";
+} from "../chunk-QJZSBDVH.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-CEW7YOHH.mjs";

package/dist/components/table.js

@@ -47,7 +47,7 @@ var table = (0, import_tailwind_variants.tv)({
       "justify-between",
       "gap-4",
       "border",
-      "border-default-100",
+      "border-boundary",
       "overflow-auto"
     ],
     table: "min-w-full h-auto",

package/dist/components/table.mjs

@@ -1,6 +1,6 @@
 import {
   table
-} from "../chunk-KPXLNSHI.mjs";
+} from "../chunk-ACERSXMK.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-CEW7YOHH.mjs";

package/dist/components/tabs.js

@@ -295,7 +295,7 @@ var tabs = (0, import_tailwind_variants.tv)({
       variant: ["solid", "bordered", "light"],
       color: "default",
       class: {
-        cursor: ["bg-background", "dark:bg-default", "border border-default-100 dark:border-none"],
+        cursor: ["bg-background", "dark:bg-default", "border border-boundary dark:border-none"],
         tabContent: "group-data-[selected=true]:text-default-foreground"
       }
     },

package/dist/components/tabs.mjs

@@ -1,6 +1,6 @@
 import {
   tabs
-} from "../chunk-34DKOA3F.mjs";
+} from "../chunk-DN3YP75Q.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-CEW7YOHH.mjs";

package/dist/index.d.ts

@@ -35,7 +35,7 @@ export { SlotsToClasses } from './utils/types.js';
 export { colorVariants } from './utils/variants.js';
 export { colors } from './colors/index.js';
 export { Colors, ColorsWithScheme, ConfigFunction, ConfigObject, DefaultThemeType, NextUIConfig, nextui } from './plugin.js';
-export { BaseColors, ColorScale, SemanticBaseColors, SemanticColors } from './colors/types.js';
+export { BaseColors, BrandColors, ColorScale, SemanticBaseColors } from './colors/types.js';
 export { commonColors } from './colors/common.js';
 export { semanticColors } from './colors/semantic.js';
 import 'tailwind-variants/dist/config';

package/dist/index.js

@@ -412,9 +412,8 @@ var card = (0, import_tailwind_variants2.tv)({
       "outline-none",
       "text-foreground",
       "box-border",
-      "bg-background",
-      "dark:bg-content1",
-      "border border-default-100",
+      "bg-content1",
+      "border border-boundary",
       ...dataFocusVisibleClasses
     ],
     header: [
@@ -1318,7 +1317,7 @@ var popover = (0, import_tailwind_variants9.tv)({
     },
     color: {
       default: {
-        base: "bg-background dark:bg-content1 border border-default-100"
+        base: "bg-content1 border border-boundary"
       },
       foreground: {
         base: colorVariants.solid.foreground
@@ -3445,7 +3444,7 @@ var accordion = (0, import_tailwind_variants17.tv)({
   variants: {
     variant: {
       light: "",
-      shadow: "px-4 shadow-lg rounded-xl bg-background dark:bg-content1 border border-default-100",
+      shadow: "px-4 shadow-lg rounded-xl bg-content1 border border-boundary",
       bordered: "px-4 border border-divider rounded-lg",
       splitted: "group is-splitted flex flex-col gap-2"
     },
@@ -3464,12 +3463,11 @@ var accordionItem = (0, import_tailwind_variants17.tv)({
       "border-divider",
       "[&:not(:last-of-type)]:border-b",
       "group-[.is-splitted]:px-4",
-      "group-[.is-splitted]:bg-background",
-      "dark:group-[.is-splitted]:bg-content1",
+      "group-[.is-splitted]:bg-content1",
       "group-[.is-splitted]:shadow-lg",
       "group-[.is-splitted]:rounded-lg",
       "group-[.is-splitted]:border",
-      "group-[.is-splitted]:border-default-100"
+      "group-[.is-splitted]:border-boundary"
     ],
     heading: "",
     trigger: [
@@ -4569,10 +4567,9 @@ var dropdown = (0, import_tailwind_variants21.tv)({
     "min-w-[200px]",
     "shadow",
     "shadow-lg",
-    "bg-white",
-    "dark:bg-content1",
+    "bg-content1",
     "border",
-    "border-default-100"
+    "border-boundary"
   ]
 });
 var dropdownItem = (0, import_tailwind_variants21.tv)({
@@ -4927,7 +4924,7 @@ var dropdownItem = (0, import_tailwind_variants21.tv)({
 });
 var dropdownSection = (0, import_tailwind_variants21.tv)({
   slots: {
-    section: "relative mb-2",
+    base: "relative mb-2",
     heading: "pl-1 text-xs text-foreground-500",
     group: "pt-1"
   },
@@ -5144,9 +5141,8 @@ var modal = (0, import_tailwind_variants23.tv)({
       "z-50",
       "w-full",
       "box-border",
-      "bg-background",
-      "dark:bg-content1",
-      "border border-default-100",
+      "bg-content1",
+      "border border-boundary",
       "outline-none",
       "mx-6",
       "my-16"
@@ -5477,7 +5473,7 @@ var table = (0, import_tailwind_variants25.tv)({
       "justify-between",
       "gap-4",
       "border",
-      "border-default-100",
+      "border-boundary",
       "overflow-auto"
     ],
     table: "min-w-full h-auto",
@@ -5907,7 +5903,7 @@ var tabs = (0, import_tailwind_variants29.tv)({
       variant: ["solid", "bordered", "light"],
       color: "default",
       class: {
-        cursor: ["bg-background", "dark:bg-default", "border border-default-100 dark:border-none"],
+        cursor: ["bg-background", "dark:bg-default", "border border-boundary dark:border-none"],
         tabContent: "group-data-[selected=true]:text-default-foreground"
       }
     },
@@ -6328,12 +6324,15 @@ var base = {
     divider: {
       DEFAULT: "rgba(17, 17, 17, 0.15)"
     },
+    boundary: {
+      DEFAULT: import_colors.default.zinc[100]
+    },
     focus: {
       DEFAULT: commonColors.blue[500]
     },
     content1: {
-      DEFAULT: import_colors.default.zinc[50],
-      foreground: import_colors.default.zinc[900]
+      DEFAULT: "#ffffff",
+      foreground: "#11181C"
     },
     content2: {
       DEFAULT: import_colors.default.zinc[100],
@@ -6362,6 +6361,9 @@ var base = {
     divider: {
       DEFAULT: "rgba(255, 255, 255, 0.15)"
     },
+    boundary: {
+      DEFAULT: import_colors.default.zinc[800]
+    },
     content1: {
       DEFAULT: import_colors.default.zinc[900],
       foreground: import_colors.default.zinc[50]
@@ -6380,7 +6382,7 @@ var base = {
     }
   }
 };
-var semanticColorsLight = {
+var brandColorsLight = {
   ...base.light,
   default: {
     ...import_colors.default.zinc,
@@ -6413,7 +6415,7 @@ var semanticColorsLight = {
     DEFAULT: commonColors.red[500]
   }
 };
-var semanticColorsDark = {
+var brandColorsDark = {
   ...base.dark,
   default: {
     ...swapColorValues(import_colors.default.zinc),
@@ -6447,8 +6449,8 @@ var semanticColorsDark = {
   }
 };
 var semanticColors = {
-  light: semanticColorsLight,
-  dark: semanticColorsDark
+  light: brandColorsLight,
+  dark: brandColorsDark
 };
 
 // src/colors/index.ts

package/dist/index.mjs

@@ -7,10 +7,10 @@ import {
 } from "./chunk-HOQUCE4N.mjs";
 import {
   table
-} from "./chunk-KPXLNSHI.mjs";
+} from "./chunk-ACERSXMK.mjs";
 import {
   tabs
-} from "./chunk-34DKOA3F.mjs";
+} from "./chunk-DN3YP75Q.mjs";
 import {
   toggle
 } from "./chunk-C3VRXEKA.mjs";
@@ -19,7 +19,7 @@ import {
 } from "./chunk-FAR5DJOU.mjs";
 import {
   modal
-} from "./chunk-JLTOTD4Y.mjs";
+} from "./chunk-RB2RANUL.mjs";
 import {
   navbar
 } from "./chunk-AOWZVYD6.mjs";
@@ -28,7 +28,7 @@ import {
 } from "./chunk-NIPJ5ETA.mjs";
 import {
   popover
-} from "./chunk-DJPVJIVC.mjs";
+} from "./chunk-QJZSBDVH.mjs";
 import {
   progress
 } from "./chunk-BHHIVMOY.mjs";
@@ -53,7 +53,7 @@ import {
   dropdownItem,
   dropdownMenu,
   dropdownSection
-} from "./chunk-SDZJAVPQ.mjs";
+} from "./chunk-SFF5YUZA.mjs";
 import {
   image
 } from "./chunk-46ZSXBCH.mjs";
@@ -80,7 +80,7 @@ import {
 } from "./chunk-WNUIORY5.mjs";
 import {
   card
-} from "./chunk-AUYFXGLC.mjs";
+} from "./chunk-P455YPME.mjs";
 import {
   checkbox,
   checkboxGroup
@@ -97,7 +97,7 @@ import {
 import {
   accordion,
   accordionItem
-} from "./chunk-ZGAYYMFF.mjs";
+} from "./chunk-7ZE4XJWS.mjs";
 import "./chunk-CMYR6AOY.mjs";
 import "./chunk-K7LK7NCE.mjs";
 import {
@@ -105,11 +105,11 @@ import {
 } from "./chunk-CEW7YOHH.mjs";
 import {
   nextui
-} from "./chunk-CDLGU7OD.mjs";
-import "./chunk-OQGOVMIP.mjs";
+} from "./chunk-53FU66TE.mjs";
+import "./chunk-UNQJ7BRW.mjs";
+import "./chunk-DI2L75XK.mjs";
 import "./chunk-4Z22WXZX.mjs";
 import "./chunk-HJLDXSH7.mjs";
-import "./chunk-DI2L75XK.mjs";
 import {
   absoluteFullClasses,
   baseStyles,
@@ -122,10 +122,10 @@ import {
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
-} from "./chunk-FRXURFBW.mjs";
+} from "./chunk-TFIDBELY.mjs";
 import {
   semanticColors
-} from "./chunk-33WV5XLR.mjs";
+} from "./chunk-BWO5RTQF.mjs";
 import "./chunk-37PIXVP4.mjs";
 import "./chunk-M63AFAHO.mjs";
 import "./chunk-DMASP6FA.mjs";

package/dist/plugin.js

@@ -194,12 +194,15 @@ var base = {
     divider: {
       DEFAULT: "rgba(17, 17, 17, 0.15)"
     },
+    boundary: {
+      DEFAULT: import_colors.default.zinc[100]
+    },
     focus: {
       DEFAULT: commonColors.blue[500]
     },
     content1: {
-      DEFAULT: import_colors.default.zinc[50],
-      foreground: import_colors.default.zinc[900]
+      DEFAULT: "#ffffff",
+      foreground: "#11181C"
     },
     content2: {
       DEFAULT: import_colors.default.zinc[100],
@@ -228,6 +231,9 @@ var base = {
     divider: {
       DEFAULT: "rgba(255, 255, 255, 0.15)"
     },
+    boundary: {
+      DEFAULT: import_colors.default.zinc[800]
+    },
     content1: {
       DEFAULT: import_colors.default.zinc[900],
       foreground: import_colors.default.zinc[50]
@@ -246,7 +252,7 @@ var base = {
     }
   }
 };
-var semanticColorsLight = {
+var brandColorsLight = {
   ...base.light,
   default: {
     ...import_colors.default.zinc,
@@ -279,7 +285,7 @@ var semanticColorsLight = {
     DEFAULT: commonColors.red[500]
   }
 };
-var semanticColorsDark = {
+var brandColorsDark = {
   ...base.dark,
   default: {
     ...swapColorValues(import_colors.default.zinc),
@@ -313,8 +319,8 @@ var semanticColorsDark = {
   }
 };
 var semanticColors = {
-  light: semanticColorsLight,
-  dark: semanticColorsDark
+  light: brandColorsLight,
+  dark: brandColorsDark
 };
 
 // src/colors/index.ts

package/dist/plugin.mjs

@@ -1,14 +1,14 @@
 import {
   nextui
-} from "./chunk-CDLGU7OD.mjs";
-import "./chunk-OQGOVMIP.mjs";
+} from "./chunk-53FU66TE.mjs";
+import "./chunk-UNQJ7BRW.mjs";
+import "./chunk-DI2L75XK.mjs";
 import "./chunk-4Z22WXZX.mjs";
 import "./chunk-HJLDXSH7.mjs";
-import "./chunk-DI2L75XK.mjs";
 import "./chunk-G2ZSNGR5.mjs";
 import "./chunk-WQEDQHKX.mjs";
-import "./chunk-FRXURFBW.mjs";
-import "./chunk-33WV5XLR.mjs";
+import "./chunk-TFIDBELY.mjs";
+import "./chunk-BWO5RTQF.mjs";
 import "./chunk-37PIXVP4.mjs";
 import "./chunk-M63AFAHO.mjs";
 import "./chunk-DMASP6FA.mjs";

package/dist/utilities/index.mjs

@@ -1,9 +1,9 @@
 import {
   utilities
-} from "../chunk-OQGOVMIP.mjs";
+} from "../chunk-UNQJ7BRW.mjs";
+import "../chunk-DI2L75XK.mjs";
 import "../chunk-4Z22WXZX.mjs";
 import "../chunk-HJLDXSH7.mjs";
-import "../chunk-DI2L75XK.mjs";
 export {
   utilities
 };

package/package.json

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

package/dist/{chunk-OQGOVMIP.mjs → chunk-UNQJ7BRW.mjs}

@@ -1,12 +1,12 @@
+import {
+  custom_default
+} from "./chunk-DI2L75XK.mjs";
 import {
   scrollbar_hide_default
 } from "./chunk-4Z22WXZX.mjs";
 import {
   transition_default
 } from "./chunk-HJLDXSH7.mjs";
-import {
-  custom_default
-} from "./chunk-DI2L75XK.mjs";
 
 // src/utilities/index.ts
 var utilities = {