@nextui-org/theme 0.0.0-dev-v2-20230429142755 → 0.0.0-dev-v2-20230429144144

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/{chunk-LQHWK6UV.mjs → chunk-BQIK46CL.mjs} +3 -3
  2. package/dist/{chunk-GDJKO7UA.mjs → chunk-ICY3VMUC.mjs} +20 -18
  3. package/dist/{chunk-M74ZSXB7.mjs → chunk-RJPRNGM4.mjs} +2 -2
  4. package/dist/colors/common.mjs +4 -4
  5. package/dist/colors/index.mjs +8 -8
  6. package/dist/colors/semantic.mjs +6 -6
  7. package/dist/colors.mjs +8 -8
  8. package/dist/components/index.mjs +44 -44
  9. package/dist/index.js +12 -10
  10. package/dist/index.mjs +65 -65
  11. package/dist/plugin.d.ts +5 -0
  12. package/dist/plugin.js +12 -10
  13. package/dist/plugin.mjs +10 -10
  14. package/package.json +1 -1
  15. package/dist/{chunk-CRCBVLUP.mjs → chunk-H3O7TP7Y.mjs} +9 -9
package/dist/{chunk-LQHWK6UV.mjs → chunk-BQIK46CL.mjs} RENAMED
@@ -1,9 +1,9 @@
1
+ import {
2
+ commonColors
3
+ } from "./chunk-H3O7TP7Y.mjs";
1
4
  import {
2
5
  swapColorValues
3
6
  } from "./chunk-37PIXVP4.mjs";
4
- import {
5
- commonColors
6
- } from "./chunk-CRCBVLUP.mjs";
7
7
 
8
8
  // src/colors/semantic.ts
9
9
  import twColors from "tailwindcss/colors.js";
package/dist/{chunk-GDJKO7UA.mjs → chunk-ICY3VMUC.mjs} RENAMED
@@ -2,20 +2,20 @@ import {
2
2
  utilities
3
3
  } from "./chunk-XLATS5QU.mjs";
4
4
  import {
5
- baseStyles
6
- } from "./chunk-INZK6TTL.mjs";
5
+ animations
6
+ } from "./chunk-DMASP6FA.mjs";
7
7
  import {
8
8
  semanticColors
9
- } from "./chunk-LQHWK6UV.mjs";
9
+ } from "./chunk-BQIK46CL.mjs";
10
+ import {
11
+ commonColors
12
+ } from "./chunk-H3O7TP7Y.mjs";
10
13
  import {
11
14
  removeDefaultKeys
12
15
  } from "./chunk-37PIXVP4.mjs";
13
16
  import {
14
- animations
15
- } from "./chunk-DMASP6FA.mjs";
16
- import {
17
- commonColors
18
- } from "./chunk-CRCBVLUP.mjs";
17
+ baseStyles
18
+ } from "./chunk-INZK6TTL.mjs";
19
19
 
20
20
  // src/plugin.ts
21
21
  import Color from "color";
@@ -26,7 +26,7 @@ import get from "lodash.get";
26
26
  import omit from "lodash.omit";
27
27
  import deepMerge from "deepmerge";
28
28
  var SCHEME = Symbol("color-scheme");
29
- var VAR_PREFIX = "nextui";
29
+ var DEFAULT_PREFIX = "nextui";
30
30
  var dark = (colors) => {
31
31
  return {
32
32
  [SCHEME]: "dark",
@@ -39,7 +39,7 @@ var light = (colors) => {
39
39
  ...colors
40
40
  };
41
41
  };
42
- var resolveConfig = (config = {}, defaultTheme) => {
42
+ var resolveConfig = (config = {}, defaultTheme, prefix) => {
43
43
  const resolved = {
44
44
  variants: [],
45
45
  utilities: {},
@@ -47,7 +47,7 @@ var resolveConfig = (config = {}, defaultTheme) => {
47
47
  };
48
48
  const configObject = typeof config === "function" ? config({ dark, light }) : config;
49
49
  forEach(configObject, (colors, themeName) => {
50
- let cssSelector = `.${themeName},.theme-${themeName},[data-theme="${themeName}"]`;
50
+ let cssSelector = `.${themeName},[data-theme="${themeName}"]`;
51
51
  if (themeName === defaultTheme) {
52
52
  cssSelector = `:root,${cssSelector}`;
53
53
  }
@@ -61,16 +61,16 @@ var resolveConfig = (config = {}, defaultTheme) => {
61
61
  })
62
62
  );
63
63
  resolved.variants.push({
64
- name: `theme-${themeName}`,
65
- definition: [`&.${themeName}`, `&.theme-${themeName}`, `&[data-theme='${themeName}']`]
64
+ name: themeName,
65
+ definition: [`&.${themeName}`, `&[data-theme='${themeName}']`]
66
66
  });
67
67
  forEach(flatColors, (colorValue, colorName) => {
68
68
  if (colorName === SCHEME || !colorValue)
69
69
  return;
70
70
  try {
71
71
  const [h, s, l, defaultAlphaValue] = Color(colorValue).hsl().round().array();
72
- const nextuiColorVariable = `--${VAR_PREFIX}-${colorName}`;
73
- const nextuiOpacityVariable = `--${VAR_PREFIX}-${colorName}-opacity`;
72
+ const nextuiColorVariable = `--${prefix}-${colorName}`;
73
+ const nextuiOpacityVariable = `--${prefix}-${colorName}-opacity`;
74
74
  resolved.utilities[cssSelector][nextuiColorVariable] = `${h} ${s}% ${l}%`;
75
75
  if (typeof defaultAlphaValue === "number") {
76
76
  resolved.utilities[cssSelector][nextuiOpacityVariable] = defaultAlphaValue.toFixed(2);
@@ -91,8 +91,8 @@ var resolveConfig = (config = {}, defaultTheme) => {
91
91
  });
92
92
  return resolved;
93
93
  };
94
- var corePlugin = (config = {}, defaultTheme) => {
95
- const resolved = resolveConfig(config, defaultTheme);
94
+ var corePlugin = (config = {}, defaultTheme, prefix) => {
95
+ const resolved = resolveConfig(config, defaultTheme, prefix);
96
96
  return plugin(
97
97
  ({ addBase, addUtilities, addVariant }) => {
98
98
  addBase({
@@ -143,6 +143,7 @@ var nextui = (config = {}) => {
143
143
  const userLightColors = get(themeObject, "light", {});
144
144
  const userDarkColors = get(themeObject, "dark", {});
145
145
  const defaultTheme = config.defaultTheme || "light";
146
+ const defaultPrefix = config.prefix || DEFAULT_PREFIX;
146
147
  const otherThemes = omit(themeObject, ["light", "dark"]) || {};
147
148
  return corePlugin(
148
149
  {
@@ -150,7 +151,8 @@ var nextui = (config = {}) => {
150
151
  dark: deepMerge(semanticColors.dark, userDarkColors),
151
152
  ...otherThemes
152
153
  },
153
- defaultTheme
154
+ defaultTheme,
155
+ defaultPrefix
154
156
  );
155
157
  };
156
158
 
package/dist/{chunk-M74ZSXB7.mjs → chunk-RJPRNGM4.mjs} RENAMED
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  semanticColors
3
- } from "./chunk-LQHWK6UV.mjs";
3
+ } from "./chunk-BQIK46CL.mjs";
4
4
  import {
5
5
  commonColors
6
- } from "./chunk-CRCBVLUP.mjs";
6
+ } from "./chunk-H3O7TP7Y.mjs";
7
7
 
8
8
  // src/colors/index.ts
9
9
  var colors = {
package/dist/colors/common.mjs CHANGED
@@ -1,13 +1,13 @@
1
1
  import {
2
2
  commonColors
3
- } from "../chunk-CRCBVLUP.mjs";
3
+ } from "../chunk-H3O7TP7Y.mjs";
4
+ import "../chunk-Y4YW5MKL.mjs";
5
+ import "../chunk-T3GWIVAM.mjs";
6
+ import "../chunk-OR5PUD24.mjs";
4
7
  import "../chunk-DCEG5LGX.mjs";
5
8
  import "../chunk-L2OL7R23.mjs";
6
9
  import "../chunk-YZYGFPNK.mjs";
7
- import "../chunk-Y4YW5MKL.mjs";
8
10
  import "../chunk-KZJBCC2H.mjs";
9
- import "../chunk-T3GWIVAM.mjs";
10
- import "../chunk-OR5PUD24.mjs";
11
11
  export {
12
12
  commonColors
13
13
  };
package/dist/colors/index.mjs CHANGED
@@ -1,21 +1,21 @@
1
1
  import {
2
2
  colors
3
- } from "../chunk-M74ZSXB7.mjs";
3
+ } from "../chunk-RJPRNGM4.mjs";
4
+ import "../chunk-M63AFAHO.mjs";
4
5
  import {
5
6
  semanticColors
6
- } from "../chunk-LQHWK6UV.mjs";
7
- import "../chunk-37PIXVP4.mjs";
8
- import "../chunk-M63AFAHO.mjs";
7
+ } from "../chunk-BQIK46CL.mjs";
9
8
  import {
10
9
  commonColors
11
- } from "../chunk-CRCBVLUP.mjs";
10
+ } from "../chunk-H3O7TP7Y.mjs";
11
+ import "../chunk-Y4YW5MKL.mjs";
12
+ import "../chunk-T3GWIVAM.mjs";
13
+ import "../chunk-OR5PUD24.mjs";
12
14
  import "../chunk-DCEG5LGX.mjs";
13
15
  import "../chunk-L2OL7R23.mjs";
14
16
  import "../chunk-YZYGFPNK.mjs";
15
- import "../chunk-Y4YW5MKL.mjs";
17
+ import "../chunk-37PIXVP4.mjs";
16
18
  import "../chunk-KZJBCC2H.mjs";
17
- import "../chunk-T3GWIVAM.mjs";
18
- import "../chunk-OR5PUD24.mjs";
19
19
  export {
20
20
  colors,
21
21
  commonColors,
package/dist/colors/semantic.mjs CHANGED
@@ -2,16 +2,16 @@ import {
2
2
  semanticColors,
3
3
  semanticColorsDark,
4
4
  semanticColorsLight
5
- } from "../chunk-LQHWK6UV.mjs";
6
- import "../chunk-37PIXVP4.mjs";
7
- import "../chunk-CRCBVLUP.mjs";
5
+ } from "../chunk-BQIK46CL.mjs";
6
+ import "../chunk-H3O7TP7Y.mjs";
7
+ import "../chunk-Y4YW5MKL.mjs";
8
+ import "../chunk-T3GWIVAM.mjs";
9
+ import "../chunk-OR5PUD24.mjs";
8
10
  import "../chunk-DCEG5LGX.mjs";
9
11
  import "../chunk-L2OL7R23.mjs";
10
12
  import "../chunk-YZYGFPNK.mjs";
11
- import "../chunk-Y4YW5MKL.mjs";
13
+ import "../chunk-37PIXVP4.mjs";
12
14
  import "../chunk-KZJBCC2H.mjs";
13
- import "../chunk-T3GWIVAM.mjs";
14
- import "../chunk-OR5PUD24.mjs";
15
15
  export {
16
16
  semanticColors,
17
17
  semanticColorsDark,
package/dist/colors.mjs CHANGED
@@ -1,22 +1,22 @@
1
1
  import "./chunk-WQEDQHKX.mjs";
2
2
  import {
3
3
  colors
4
- } from "./chunk-M74ZSXB7.mjs";
4
+ } from "./chunk-RJPRNGM4.mjs";
5
+ import "./chunk-M63AFAHO.mjs";
5
6
  import {
6
7
  semanticColors
7
- } from "./chunk-LQHWK6UV.mjs";
8
- import "./chunk-37PIXVP4.mjs";
9
- import "./chunk-M63AFAHO.mjs";
8
+ } from "./chunk-BQIK46CL.mjs";
10
9
  import {
11
10
  commonColors
12
- } from "./chunk-CRCBVLUP.mjs";
11
+ } from "./chunk-H3O7TP7Y.mjs";
12
+ import "./chunk-Y4YW5MKL.mjs";
13
+ import "./chunk-T3GWIVAM.mjs";
14
+ import "./chunk-OR5PUD24.mjs";
13
15
  import "./chunk-DCEG5LGX.mjs";
14
16
  import "./chunk-L2OL7R23.mjs";
15
17
  import "./chunk-YZYGFPNK.mjs";
16
- import "./chunk-Y4YW5MKL.mjs";
18
+ import "./chunk-37PIXVP4.mjs";
17
19
  import "./chunk-KZJBCC2H.mjs";
18
- import "./chunk-T3GWIVAM.mjs";
19
- import "./chunk-OR5PUD24.mjs";
20
20
  export {
21
21
  colors,
22
22
  commonColors,
package/dist/components/index.mjs CHANGED
@@ -1,4 +1,19 @@
1
1
  import "../chunk-T6HAGWX5.mjs";
2
+ import {
3
+ user
4
+ } from "../chunk-MW7UVOSP.mjs";
5
+ import {
6
+ radioGroup
7
+ } from "../chunk-HHWXPWYN.mjs";
8
+ import {
9
+ radio
10
+ } from "../chunk-OZPCO5UB.mjs";
11
+ import {
12
+ snippet
13
+ } from "../chunk-4XSCIGTZ.mjs";
14
+ import {
15
+ spacer
16
+ } from "../chunk-3B4SYPW2.mjs";
2
17
  import {
3
18
  spinner
4
19
  } from "../chunk-XUL76UJD.mjs";
@@ -12,8 +27,17 @@ import {
12
27
  toggle
13
28
  } from "../chunk-NCFXYR7C.mjs";
14
29
  import {
15
- user
16
- } from "../chunk-MW7UVOSP.mjs";
30
+ input
31
+ } from "../chunk-PH4OFVEH.mjs";
32
+ import {
33
+ kbd
34
+ } from "../chunk-KUQBSI5S.mjs";
35
+ import {
36
+ link
37
+ } from "../chunk-XICTHLAR.mjs";
38
+ import {
39
+ modal
40
+ } from "../chunk-YMIOHWCD.mjs";
17
41
  import {
18
42
  navbar
19
43
  } from "../chunk-U3BMJPED.mjs";
@@ -27,17 +51,17 @@ import {
27
51
  progress
28
52
  } from "../chunk-O42UMOT5.mjs";
29
53
  import {
30
- radioGroup
31
- } from "../chunk-HHWXPWYN.mjs";
54
+ divider
55
+ } from "../chunk-5HKM2D3Z.mjs";
32
56
  import {
33
- radio
34
- } from "../chunk-OZPCO5UB.mjs";
57
+ drip
58
+ } from "../chunk-OIVGIOVG.mjs";
35
59
  import {
36
- snippet
37
- } from "../chunk-4XSCIGTZ.mjs";
60
+ dropdownItem
61
+ } from "../chunk-Z6VEZVD6.mjs";
38
62
  import {
39
- spacer
40
- } from "../chunk-3B4SYPW2.mjs";
63
+ dropdownMenu
64
+ } from "../chunk-FCYNUVAR.mjs";
41
65
  import {
42
66
  dropdownSection
43
67
  } from "../chunk-AVGEHFT4.mjs";
@@ -48,17 +72,17 @@ import {
48
72
  image
49
73
  } from "../chunk-6GGRJ6I7.mjs";
50
74
  import {
51
- input
52
- } from "../chunk-PH4OFVEH.mjs";
75
+ buttonGroup
76
+ } from "../chunk-VKFQ7EZN.mjs";
53
77
  import {
54
- kbd
55
- } from "../chunk-KUQBSI5S.mjs";
78
+ button
79
+ } from "../chunk-UM54LZPC.mjs";
56
80
  import {
57
- link
58
- } from "../chunk-XICTHLAR.mjs";
81
+ card
82
+ } from "../chunk-6QKRZ3JE.mjs";
59
83
  import {
60
- modal
61
- } from "../chunk-YMIOHWCD.mjs";
84
+ checkboxGroup
85
+ } from "../chunk-U77YMEWM.mjs";
62
86
  import {
63
87
  checkbox
64
88
  } from "../chunk-7EKGN7JP.mjs";
@@ -72,17 +96,8 @@ import {
72
96
  code
73
97
  } from "../chunk-WFCALVUC.mjs";
74
98
  import {
75
- divider
76
- } from "../chunk-5HKM2D3Z.mjs";
77
- import {
78
- drip
79
- } from "../chunk-OIVGIOVG.mjs";
80
- import {
81
- dropdownItem
82
- } from "../chunk-Z6VEZVD6.mjs";
83
- import {
84
- dropdownMenu
85
- } from "../chunk-FCYNUVAR.mjs";
99
+ accordionItem
100
+ } from "../chunk-XSFH4S4Y.mjs";
86
101
  import {
87
102
  accordion
88
103
  } from "../chunk-YYBLBQIV.mjs";
@@ -95,24 +110,9 @@ import {
95
110
  import {
96
111
  badge
97
112
  } from "../chunk-CPWIXBDM.mjs";
98
- import {
99
- buttonGroup
100
- } from "../chunk-VKFQ7EZN.mjs";
101
- import {
102
- button
103
- } from "../chunk-UM54LZPC.mjs";
104
113
  import "../chunk-CMYR6AOY.mjs";
105
114
  import "../chunk-K7LK7NCE.mjs";
106
115
  import "../chunk-RO3WUCFF.mjs";
107
- import {
108
- card
109
- } from "../chunk-6QKRZ3JE.mjs";
110
- import {
111
- checkboxGroup
112
- } from "../chunk-U77YMEWM.mjs";
113
- import {
114
- accordionItem
115
- } from "../chunk-XSFH4S4Y.mjs";
116
116
  import "../chunk-INZK6TTL.mjs";
117
117
  export {
118
118
  accordion,
package/dist/index.js CHANGED
@@ -6626,7 +6626,7 @@ var utilities = {
6626
6626
 
6627
6627
  // src/plugin.ts
6628
6628
  var SCHEME = Symbol("color-scheme");
6629
- var VAR_PREFIX = "nextui";
6629
+ var DEFAULT_PREFIX = "nextui";
6630
6630
  var dark = (colors2) => {
6631
6631
  return {
6632
6632
  [SCHEME]: "dark",
@@ -6639,7 +6639,7 @@ var light2 = (colors2) => {
6639
6639
  ...colors2
6640
6640
  };
6641
6641
  };
6642
- var resolveConfig = (config = {}, defaultTheme) => {
6642
+ var resolveConfig = (config = {}, defaultTheme, prefix) => {
6643
6643
  const resolved = {
6644
6644
  variants: [],
6645
6645
  utilities: {},
@@ -6647,7 +6647,7 @@ var resolveConfig = (config = {}, defaultTheme) => {
6647
6647
  };
6648
6648
  const configObject = typeof config === "function" ? config({ dark, light: light2 }) : config;
6649
6649
  (0, import_lodash.default)(configObject, (colors2, themeName) => {
6650
- let cssSelector = `.${themeName},.theme-${themeName},[data-theme="${themeName}"]`;
6650
+ let cssSelector = `.${themeName},[data-theme="${themeName}"]`;
6651
6651
  if (themeName === defaultTheme) {
6652
6652
  cssSelector = `:root,${cssSelector}`;
6653
6653
  }
@@ -6661,16 +6661,16 @@ var resolveConfig = (config = {}, defaultTheme) => {
6661
6661
  })
6662
6662
  );
6663
6663
  resolved.variants.push({
6664
- name: `theme-${themeName}`,
6665
- definition: [`&.${themeName}`, `&.theme-${themeName}`, `&[data-theme='${themeName}']`]
6664
+ name: themeName,
6665
+ definition: [`&.${themeName}`, `&[data-theme='${themeName}']`]
6666
6666
  });
6667
6667
  (0, import_lodash.default)(flatColors, (colorValue, colorName) => {
6668
6668
  if (colorName === SCHEME || !colorValue)
6669
6669
  return;
6670
6670
  try {
6671
6671
  const [h, s, l, defaultAlphaValue] = (0, import_color.default)(colorValue).hsl().round().array();
6672
- const nextuiColorVariable = `--${VAR_PREFIX}-${colorName}`;
6673
- const nextuiOpacityVariable = `--${VAR_PREFIX}-${colorName}-opacity`;
6672
+ const nextuiColorVariable = `--${prefix}-${colorName}`;
6673
+ const nextuiOpacityVariable = `--${prefix}-${colorName}-opacity`;
6674
6674
  resolved.utilities[cssSelector][nextuiColorVariable] = `${h} ${s}% ${l}%`;
6675
6675
  if (typeof defaultAlphaValue === "number") {
6676
6676
  resolved.utilities[cssSelector][nextuiOpacityVariable] = defaultAlphaValue.toFixed(2);
@@ -6691,8 +6691,8 @@ var resolveConfig = (config = {}, defaultTheme) => {
6691
6691
  });
6692
6692
  return resolved;
6693
6693
  };
6694
- var corePlugin = (config = {}, defaultTheme) => {
6695
- const resolved = resolveConfig(config, defaultTheme);
6694
+ var corePlugin = (config = {}, defaultTheme, prefix) => {
6695
+ const resolved = resolveConfig(config, defaultTheme, prefix);
6696
6696
  return (0, import_plugin.default)(
6697
6697
  ({ addBase, addUtilities, addVariant }) => {
6698
6698
  addBase({
@@ -6743,6 +6743,7 @@ var nextui = (config = {}) => {
6743
6743
  const userLightColors = (0, import_lodash2.default)(themeObject, "light", {});
6744
6744
  const userDarkColors = (0, import_lodash2.default)(themeObject, "dark", {});
6745
6745
  const defaultTheme = config.defaultTheme || "light";
6746
+ const defaultPrefix = config.prefix || DEFAULT_PREFIX;
6746
6747
  const otherThemes = (0, import_lodash3.default)(themeObject, ["light", "dark"]) || {};
6747
6748
  return corePlugin(
6748
6749
  {
@@ -6750,7 +6751,8 @@ var nextui = (config = {}) => {
6750
6751
  dark: (0, import_deepmerge.default)(semanticColors.dark, userDarkColors),
6751
6752
  ...otherThemes
6752
6753
  },
6753
- defaultTheme
6754
+ defaultTheme,
6755
+ defaultPrefix
6754
6756
  );
6755
6757
  };
6756
6758
 
package/dist/index.mjs CHANGED
@@ -1,4 +1,19 @@
1
1
  import "./chunk-T6HAGWX5.mjs";
2
+ import {
3
+ user
4
+ } from "./chunk-MW7UVOSP.mjs";
5
+ import {
6
+ radioGroup
7
+ } from "./chunk-HHWXPWYN.mjs";
8
+ import {
9
+ radio
10
+ } from "./chunk-OZPCO5UB.mjs";
11
+ import {
12
+ snippet
13
+ } from "./chunk-4XSCIGTZ.mjs";
14
+ import {
15
+ spacer
16
+ } from "./chunk-3B4SYPW2.mjs";
2
17
  import {
3
18
  spinner
4
19
  } from "./chunk-XUL76UJD.mjs";
@@ -12,8 +27,17 @@ import {
12
27
  toggle
13
28
  } from "./chunk-NCFXYR7C.mjs";
14
29
  import {
15
- user
16
- } from "./chunk-MW7UVOSP.mjs";
30
+ input
31
+ } from "./chunk-PH4OFVEH.mjs";
32
+ import {
33
+ kbd
34
+ } from "./chunk-KUQBSI5S.mjs";
35
+ import {
36
+ link
37
+ } from "./chunk-XICTHLAR.mjs";
38
+ import {
39
+ modal
40
+ } from "./chunk-YMIOHWCD.mjs";
17
41
  import {
18
42
  navbar
19
43
  } from "./chunk-U3BMJPED.mjs";
@@ -27,17 +51,17 @@ import {
27
51
  progress
28
52
  } from "./chunk-O42UMOT5.mjs";
29
53
  import {
30
- radioGroup
31
- } from "./chunk-HHWXPWYN.mjs";
54
+ divider
55
+ } from "./chunk-5HKM2D3Z.mjs";
32
56
  import {
33
- radio
34
- } from "./chunk-OZPCO5UB.mjs";
57
+ drip
58
+ } from "./chunk-OIVGIOVG.mjs";
35
59
  import {
36
- snippet
37
- } from "./chunk-4XSCIGTZ.mjs";
60
+ dropdownItem
61
+ } from "./chunk-Z6VEZVD6.mjs";
38
62
  import {
39
- spacer
40
- } from "./chunk-3B4SYPW2.mjs";
63
+ dropdownMenu
64
+ } from "./chunk-FCYNUVAR.mjs";
41
65
  import {
42
66
  dropdownSection
43
67
  } from "./chunk-AVGEHFT4.mjs";
@@ -48,17 +72,17 @@ import {
48
72
  image
49
73
  } from "./chunk-6GGRJ6I7.mjs";
50
74
  import {
51
- input
52
- } from "./chunk-PH4OFVEH.mjs";
75
+ buttonGroup
76
+ } from "./chunk-VKFQ7EZN.mjs";
53
77
  import {
54
- kbd
55
- } from "./chunk-KUQBSI5S.mjs";
78
+ button
79
+ } from "./chunk-UM54LZPC.mjs";
56
80
  import {
57
- link
58
- } from "./chunk-XICTHLAR.mjs";
81
+ card
82
+ } from "./chunk-6QKRZ3JE.mjs";
59
83
  import {
60
- modal
61
- } from "./chunk-YMIOHWCD.mjs";
84
+ checkboxGroup
85
+ } from "./chunk-U77YMEWM.mjs";
62
86
  import {
63
87
  checkbox
64
88
  } from "./chunk-7EKGN7JP.mjs";
@@ -72,17 +96,32 @@ import {
72
96
  code
73
97
  } from "./chunk-WFCALVUC.mjs";
74
98
  import {
75
- divider
76
- } from "./chunk-5HKM2D3Z.mjs";
99
+ nextui
100
+ } from "./chunk-ICY3VMUC.mjs";
101
+ import "./chunk-XLATS5QU.mjs";
102
+ import "./chunk-DMASP6FA.mjs";
103
+ import "./chunk-WQEDQHKX.mjs";
77
104
  import {
78
- drip
79
- } from "./chunk-OIVGIOVG.mjs";
105
+ colors
106
+ } from "./chunk-RJPRNGM4.mjs";
107
+ import "./chunk-M63AFAHO.mjs";
80
108
  import {
81
- dropdownItem
82
- } from "./chunk-Z6VEZVD6.mjs";
109
+ semanticColors
110
+ } from "./chunk-BQIK46CL.mjs";
83
111
  import {
84
- dropdownMenu
85
- } from "./chunk-FCYNUVAR.mjs";
112
+ commonColors
113
+ } from "./chunk-H3O7TP7Y.mjs";
114
+ import "./chunk-Y4YW5MKL.mjs";
115
+ import "./chunk-T3GWIVAM.mjs";
116
+ import "./chunk-OR5PUD24.mjs";
117
+ import "./chunk-DCEG5LGX.mjs";
118
+ import "./chunk-L2OL7R23.mjs";
119
+ import "./chunk-YZYGFPNK.mjs";
120
+ import "./chunk-37PIXVP4.mjs";
121
+ import "./chunk-KZJBCC2H.mjs";
122
+ import {
123
+ accordionItem
124
+ } from "./chunk-XSFH4S4Y.mjs";
86
125
  import {
87
126
  accordion
88
127
  } from "./chunk-YYBLBQIV.mjs";
@@ -95,30 +134,11 @@ import {
95
134
  import {
96
135
  badge
97
136
  } from "./chunk-CPWIXBDM.mjs";
98
- import {
99
- buttonGroup
100
- } from "./chunk-VKFQ7EZN.mjs";
101
- import {
102
- button
103
- } from "./chunk-UM54LZPC.mjs";
104
137
  import "./chunk-CMYR6AOY.mjs";
105
138
  import "./chunk-K7LK7NCE.mjs";
106
139
  import {
107
140
  colorVariants
108
141
  } from "./chunk-RO3WUCFF.mjs";
109
- import {
110
- card
111
- } from "./chunk-6QKRZ3JE.mjs";
112
- import {
113
- checkboxGroup
114
- } from "./chunk-U77YMEWM.mjs";
115
- import {
116
- accordionItem
117
- } from "./chunk-XSFH4S4Y.mjs";
118
- import {
119
- nextui
120
- } from "./chunk-GDJKO7UA.mjs";
121
- import "./chunk-XLATS5QU.mjs";
122
142
  import {
123
143
  absoluteFullClasses,
124
144
  baseStyles,
@@ -126,26 +146,6 @@ import {
126
146
  ringClasses,
127
147
  translateCenterClasses
128
148
  } from "./chunk-INZK6TTL.mjs";
129
- import "./chunk-WQEDQHKX.mjs";
130
- import {
131
- colors
132
- } from "./chunk-M74ZSXB7.mjs";
133
- import {
134
- semanticColors
135
- } from "./chunk-LQHWK6UV.mjs";
136
- import "./chunk-37PIXVP4.mjs";
137
- import "./chunk-M63AFAHO.mjs";
138
- import "./chunk-DMASP6FA.mjs";
139
- import {
140
- commonColors
141
- } from "./chunk-CRCBVLUP.mjs";
142
- import "./chunk-DCEG5LGX.mjs";
143
- import "./chunk-L2OL7R23.mjs";
144
- import "./chunk-YZYGFPNK.mjs";
145
- import "./chunk-Y4YW5MKL.mjs";
146
- import "./chunk-KZJBCC2H.mjs";
147
- import "./chunk-T3GWIVAM.mjs";
148
- import "./chunk-OR5PUD24.mjs";
149
149
 
150
150
  // src/index.ts
151
151
  import { cn as cnBase } from "tailwind-variants";
package/dist/plugin.d.ts CHANGED
@@ -21,6 +21,11 @@ type ConfigFunction = ({ light, dark, }: {
21
21
  dark: SchemerFn<"dark">;
22
22
  }) => ConfigObject;
23
23
  type NextUIConfig = {
24
+ /**
25
+ * The prefix for the css variables.
26
+ * @default "nextui"
27
+ */
28
+ prefix?: string;
24
29
  /**
25
30
  * The theme definitions.
26
31
  */
package/dist/plugin.js CHANGED
@@ -466,7 +466,7 @@ var baseStyles = {
466
466
 
467
467
  // src/plugin.ts
468
468
  var SCHEME = Symbol("color-scheme");
469
- var VAR_PREFIX = "nextui";
469
+ var DEFAULT_PREFIX = "nextui";
470
470
  var dark = (colors2) => {
471
471
  return {
472
472
  [SCHEME]: "dark",
@@ -479,7 +479,7 @@ var light = (colors2) => {
479
479
  ...colors2
480
480
  };
481
481
  };
482
- var resolveConfig = (config = {}, defaultTheme) => {
482
+ var resolveConfig = (config = {}, defaultTheme, prefix) => {
483
483
  const resolved = {
484
484
  variants: [],
485
485
  utilities: {},
@@ -487,7 +487,7 @@ var resolveConfig = (config = {}, defaultTheme) => {
487
487
  };
488
488
  const configObject = typeof config === "function" ? config({ dark, light }) : config;
489
489
  (0, import_lodash.default)(configObject, (colors2, themeName) => {
490
- let cssSelector = `.${themeName},.theme-${themeName},[data-theme="${themeName}"]`;
490
+ let cssSelector = `.${themeName},[data-theme="${themeName}"]`;
491
491
  if (themeName === defaultTheme) {
492
492
  cssSelector = `:root,${cssSelector}`;
493
493
  }
@@ -501,16 +501,16 @@ var resolveConfig = (config = {}, defaultTheme) => {
501
501
  })
502
502
  );
503
503
  resolved.variants.push({
504
- name: `theme-${themeName}`,
505
- definition: [`&.${themeName}`, `&.theme-${themeName}`, `&[data-theme='${themeName}']`]
504
+ name: themeName,
505
+ definition: [`&.${themeName}`, `&[data-theme='${themeName}']`]
506
506
  });
507
507
  (0, import_lodash.default)(flatColors, (colorValue, colorName) => {
508
508
  if (colorName === SCHEME || !colorValue)
509
509
  return;
510
510
  try {
511
511
  const [h, s, l, defaultAlphaValue] = (0, import_color.default)(colorValue).hsl().round().array();
512
- const nextuiColorVariable = `--${VAR_PREFIX}-${colorName}`;
513
- const nextuiOpacityVariable = `--${VAR_PREFIX}-${colorName}-opacity`;
512
+ const nextuiColorVariable = `--${prefix}-${colorName}`;
513
+ const nextuiOpacityVariable = `--${prefix}-${colorName}-opacity`;
514
514
  resolved.utilities[cssSelector][nextuiColorVariable] = `${h} ${s}% ${l}%`;
515
515
  if (typeof defaultAlphaValue === "number") {
516
516
  resolved.utilities[cssSelector][nextuiOpacityVariable] = defaultAlphaValue.toFixed(2);
@@ -531,8 +531,8 @@ var resolveConfig = (config = {}, defaultTheme) => {
531
531
  });
532
532
  return resolved;
533
533
  };
534
- var corePlugin = (config = {}, defaultTheme) => {
535
- const resolved = resolveConfig(config, defaultTheme);
534
+ var corePlugin = (config = {}, defaultTheme, prefix) => {
535
+ const resolved = resolveConfig(config, defaultTheme, prefix);
536
536
  return (0, import_plugin.default)(
537
537
  ({ addBase, addUtilities, addVariant }) => {
538
538
  addBase({
@@ -583,6 +583,7 @@ var nextui = (config = {}) => {
583
583
  const userLightColors = (0, import_lodash2.default)(themeObject, "light", {});
584
584
  const userDarkColors = (0, import_lodash2.default)(themeObject, "dark", {});
585
585
  const defaultTheme = config.defaultTheme || "light";
586
+ const defaultPrefix = config.prefix || DEFAULT_PREFIX;
586
587
  const otherThemes = (0, import_lodash3.default)(themeObject, ["light", "dark"]) || {};
587
588
  return corePlugin(
588
589
  {
@@ -590,7 +591,8 @@ var nextui = (config = {}) => {
590
591
  dark: (0, import_deepmerge.default)(semanticColors.dark, userDarkColors),
591
592
  ...otherThemes
592
593
  },
593
- defaultTheme
594
+ defaultTheme,
595
+ defaultPrefix
594
596
  );
595
597
  };
596
598
  // Annotate the CommonJS export names for ESM import in node:
package/dist/plugin.mjs CHANGED
@@ -1,22 +1,22 @@
1
1
  import {
2
2
  nextui
3
- } from "./chunk-GDJKO7UA.mjs";
3
+ } from "./chunk-ICY3VMUC.mjs";
4
4
  import "./chunk-XLATS5QU.mjs";
5
- import "./chunk-INZK6TTL.mjs";
5
+ import "./chunk-DMASP6FA.mjs";
6
6
  import "./chunk-WQEDQHKX.mjs";
7
- import "./chunk-M74ZSXB7.mjs";
8
- import "./chunk-LQHWK6UV.mjs";
9
- import "./chunk-37PIXVP4.mjs";
7
+ import "./chunk-RJPRNGM4.mjs";
10
8
  import "./chunk-M63AFAHO.mjs";
11
- import "./chunk-DMASP6FA.mjs";
12
- import "./chunk-CRCBVLUP.mjs";
9
+ import "./chunk-BQIK46CL.mjs";
10
+ import "./chunk-H3O7TP7Y.mjs";
11
+ import "./chunk-Y4YW5MKL.mjs";
12
+ import "./chunk-T3GWIVAM.mjs";
13
+ import "./chunk-OR5PUD24.mjs";
13
14
  import "./chunk-DCEG5LGX.mjs";
14
15
  import "./chunk-L2OL7R23.mjs";
15
16
  import "./chunk-YZYGFPNK.mjs";
16
- import "./chunk-Y4YW5MKL.mjs";
17
+ import "./chunk-37PIXVP4.mjs";
17
18
  import "./chunk-KZJBCC2H.mjs";
18
- import "./chunk-T3GWIVAM.mjs";
19
- import "./chunk-OR5PUD24.mjs";
19
+ import "./chunk-INZK6TTL.mjs";
20
20
  export {
21
21
  nextui
22
22
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nextui-org/theme",
3
- "version": "0.0.0-dev-v2-20230429142755",
3
+ "version": "0.0.0-dev-v2-20230429144144",
4
4
  "description": "The default theme for NextUI components",
5
5
  "keywords": [
6
6
  "theme",
package/dist/{chunk-CRCBVLUP.mjs → chunk-H3O7TP7Y.mjs} RENAMED
@@ -1,3 +1,12 @@
1
+ import {
2
+ yellow
3
+ } from "./chunk-Y4YW5MKL.mjs";
4
+ import {
5
+ cyan
6
+ } from "./chunk-T3GWIVAM.mjs";
7
+ import {
8
+ green
9
+ } from "./chunk-OR5PUD24.mjs";
1
10
  import {
2
11
  pink
3
12
  } from "./chunk-DCEG5LGX.mjs";
@@ -7,18 +16,9 @@ import {
7
16
  import {
8
17
  red
9
18
  } from "./chunk-YZYGFPNK.mjs";
10
- import {
11
- yellow
12
- } from "./chunk-Y4YW5MKL.mjs";
13
19
  import {
14
20
  blue
15
21
  } from "./chunk-KZJBCC2H.mjs";
16
- import {
17
- cyan
18
- } from "./chunk-T3GWIVAM.mjs";
19
- import {
20
- green
21
- } from "./chunk-OR5PUD24.mjs";
22
22
 
23
23
  // src/colors/common.ts
24
24
  var commonColors = {