@nextui-org/theme 0.0.0-dev-v2-20230604204500 → 0.0.0-dev-v2-20230606020717

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 (35) hide show
  1. package/dist/{chunk-NYEYKHJ3.mjs → chunk-4K3TOAY2.mjs} +2 -2
  2. package/dist/{chunk-3YIFM2I2.mjs → chunk-FE6D6PKC.mjs} +9 -9
  3. package/dist/{chunk-6QXUR7SY.mjs → chunk-FPQXJXRL.mjs} +3 -3
  4. package/dist/chunk-GT4IHIJM.mjs +170 -0
  5. package/dist/{chunk-5DRF22QY.mjs → chunk-HRWLUZGK.mjs} +1 -1
  6. package/dist/{chunk-GGQITS2B.mjs → chunk-IACHWSFE.mjs} +1 -1
  7. package/dist/{chunk-7PRU5S35.mjs → chunk-NU4XY237.mjs} +2 -2
  8. package/dist/{chunk-QYXL3KZR.mjs → chunk-OWQHNQUJ.mjs} +4 -4
  9. package/dist/{chunk-ANKTYY3U.mjs → chunk-V25QDRJB.mjs} +3 -3
  10. package/dist/colors/common.mjs +2 -2
  11. package/dist/colors/index.mjs +5 -5
  12. package/dist/colors/semantic.mjs +4 -4
  13. package/dist/colors.mjs +5 -5
  14. package/dist/components/chip.js +3 -3
  15. package/dist/components/chip.mjs +1 -1
  16. package/dist/components/dropdown.js +2 -2
  17. package/dist/components/dropdown.mjs +1 -1
  18. package/dist/components/index.js +62 -212
  19. package/dist/components/index.mjs +29 -29
  20. package/dist/components/input.js +1 -1
  21. package/dist/components/input.mjs +1 -1
  22. package/dist/components/modal.d.ts +2 -2
  23. package/dist/components/modal.js +4 -4
  24. package/dist/components/modal.mjs +1 -1
  25. package/dist/components/popover.d.ts +48 -48
  26. package/dist/components/popover.js +51 -201
  27. package/dist/components/popover.mjs +1 -1
  28. package/dist/components/tabs.js +1 -1
  29. package/dist/components/tabs.mjs +1 -1
  30. package/dist/index.js +62 -212
  31. package/dist/index.mjs +45 -45
  32. package/dist/plugin.mjs +9 -9
  33. package/package.json +1 -1
  34. package/dist/chunk-T23JC6II.mjs +0 -320
  35. package/dist/{chunk-CRCBVLUP.mjs → chunk-TPAK7DPZ.mjs} +3 -3
@@ -60,13 +60,13 @@ var dropdownItem = tv({
60
60
  base: ""
61
61
  },
62
62
  bordered: {
63
- base: "border-2 border-transparent bg-transparent"
63
+ base: "border-1 border-transparent bg-transparent"
64
64
  },
65
65
  light: {
66
66
  base: "bg-transparent"
67
67
  },
68
68
  faded: {
69
- base: "border border-transparent hover:border-default data-[hover=true]:bg-default-100"
69
+ base: "border-1 border-transparent hover:border-default data-[hover=true]:bg-default-100"
70
70
  },
71
71
  flat: {
72
72
  base: ""
@@ -1,21 +1,21 @@
1
1
  import {
2
- utilities
3
- } from "./chunk-XLATS5QU.mjs";
2
+ semanticColors
3
+ } from "./chunk-FPQXJXRL.mjs";
4
4
  import {
5
- baseStyles
6
- } from "./chunk-INZK6TTL.mjs";
5
+ commonColors
6
+ } from "./chunk-TPAK7DPZ.mjs";
7
7
  import {
8
8
  animations
9
9
  } from "./chunk-DMASP6FA.mjs";
10
10
  import {
11
- semanticColors
12
- } from "./chunk-6QXUR7SY.mjs";
11
+ utilities
12
+ } from "./chunk-XLATS5QU.mjs";
13
+ import {
14
+ baseStyles
15
+ } from "./chunk-INZK6TTL.mjs";
13
16
  import {
14
17
  removeDefaultKeys
15
18
  } from "./chunk-37PIXVP4.mjs";
16
- import {
17
- commonColors
18
- } from "./chunk-CRCBVLUP.mjs";
19
19
 
20
20
  // src/plugin.ts
21
21
  import Color from "color";
@@ -1,9 +1,9 @@
1
+ import {
2
+ commonColors
3
+ } from "./chunk-TPAK7DPZ.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";
@@ -0,0 +1,170 @@
1
+ import {
2
+ colorVariants
3
+ } from "./chunk-IQPW7V4N.mjs";
4
+
5
+ // src/components/popover.ts
6
+ import { tv } from "tailwind-variants";
7
+ var popover = tv({
8
+ slots: {
9
+ base: [
10
+ "z-10",
11
+ "inline-flex",
12
+ "flex-col",
13
+ "items-center",
14
+ "justify-center",
15
+ "box-border",
16
+ "subpixel-antialiased",
17
+ "px-4",
18
+ "py-1",
19
+ "text-base",
20
+ "outline-none",
21
+ "box-border",
22
+ "data-[focus-visible=true]:outline-none",
23
+ "data-[focus-visible=true]:ring-2",
24
+ "data-[focus-visible=true]:ring-primary",
25
+ "data-[focus-visible=true]:ring-offset-2",
26
+ "data-[focus-visible=true]:ring-offset-background",
27
+ "data-[focus-visible=true]:dark:ring-offset-background-dark"
28
+ ],
29
+ trigger: ["z-10"],
30
+ backdrop: ["hidden"],
31
+ arrow: [
32
+ "-z-10",
33
+ "absolute",
34
+ "rotate-45",
35
+ "bg-inherit",
36
+ "w-2.5",
37
+ "h-2.5",
38
+ "rounded-sm",
39
+ "data-[placement=top]:-bottom-1",
40
+ "data-[placement=top]:-translate-x-1/2",
41
+ "data-[placement=top-start]:-bottom-1",
42
+ "data-[placement=top-start]:-translate-x-8",
43
+ "data-[placement=top-end]:-bottom-1",
44
+ "data-[placement=top-end]:translate-x-6",
45
+ "data-[placement=bottom]:-top-1",
46
+ "data-[placement=bottom]:-translate-x-1/2",
47
+ "data-[placement=bottom-start]:-top-1",
48
+ "data-[placement=bottom-start]:-translate-x-8",
49
+ "data-[placement=bottom-end]:-top-1",
50
+ "data-[placement=bottom-end]:translate-x-6",
51
+ "data-[placement=left]:-right-1",
52
+ "data-[placement=left]:-translate-y-1/2",
53
+ "data-[placement=left-start]:-right-1",
54
+ "data-[placement=left-start]:-translate-y-3",
55
+ "data-[placement=left-end]:-right-1",
56
+ "data-[placement=left-end]:translate-y-0.5",
57
+ "data-[placement=right]:-left-1",
58
+ "data-[placement=right]:-translate-y-1/2",
59
+ "data-[placement=right-start]:-left-1",
60
+ "data-[placement=right-start]:-translate-y-3",
61
+ "data-[placement=right-end]:-left-1",
62
+ "data-[placement=right-end]:translate-y-0.5"
63
+ ]
64
+ },
65
+ variants: {
66
+ size: {
67
+ xs: { base: "text-xs" },
68
+ sm: { base: "text-sm" },
69
+ md: { base: "text-base" },
70
+ lg: { base: "text-lg" },
71
+ xl: { base: "text-xl" }
72
+ },
73
+ color: {
74
+ default: {
75
+ base: "bg-background dark:bg-content1"
76
+ },
77
+ foreground: {
78
+ base: colorVariants.solid.foreground
79
+ },
80
+ primary: {
81
+ base: colorVariants.solid.primary
82
+ },
83
+ secondary: {
84
+ base: colorVariants.solid.secondary
85
+ },
86
+ success: {
87
+ base: colorVariants.solid.success
88
+ },
89
+ warning: {
90
+ base: colorVariants.solid.warning
91
+ },
92
+ danger: {
93
+ base: colorVariants.solid.danger
94
+ }
95
+ },
96
+ radius: {
97
+ none: { base: "rounded-none" },
98
+ base: { base: "rounded" },
99
+ sm: { base: "rounded-sm" },
100
+ md: { base: "rounded-md" },
101
+ lg: { base: "rounded-lg" },
102
+ xl: { base: "rounded-xl" },
103
+ full: { base: "rounded-full" }
104
+ },
105
+ shadow: {
106
+ none: {
107
+ base: "shadow-none"
108
+ },
109
+ sm: {
110
+ base: "shadow-sm"
111
+ },
112
+ md: {
113
+ base: "shadow-md"
114
+ },
115
+ lg: {
116
+ base: "shadow-lg"
117
+ },
118
+ xl: {
119
+ base: "shadow-xl"
120
+ },
121
+ "2xl": {
122
+ base: "shadow-2xl"
123
+ },
124
+ inner: {
125
+ base: "shadow-inner"
126
+ }
127
+ },
128
+ backdrop: {
129
+ transparent: {},
130
+ opaque: {
131
+ backdrop: "bg-black/50 backdrop-opacity-50"
132
+ },
133
+ blur: {
134
+ backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/20"
135
+ }
136
+ },
137
+ triggerScaleOnOpen: {
138
+ true: {
139
+ trigger: ["aria-expanded:scale-95", "aria-expanded:opacity-70", "subpixel-antialiased"]
140
+ },
141
+ false: {}
142
+ },
143
+ disableAnimation: {
144
+ true: {
145
+ base: "animate-none"
146
+ }
147
+ }
148
+ },
149
+ defaultVariants: {
150
+ color: "default",
151
+ radius: "xl",
152
+ size: "md",
153
+ shadow: "lg",
154
+ backdrop: "transparent",
155
+ disableAnimation: false,
156
+ triggerScaleOnOpen: true
157
+ },
158
+ compoundVariants: [
159
+ {
160
+ backdrop: ["opaque", "blur"],
161
+ class: {
162
+ backdrop: "block w-full h-full fixed inset-0 -z-30"
163
+ }
164
+ }
165
+ ]
166
+ });
167
+
168
+ export {
169
+ popover
170
+ };
@@ -65,7 +65,7 @@ var tabs = tv({
65
65
  cursor: "h-[2px] w-[80%] bottom-0 shadow-[0_1px_0px_0_rgba(0,0,0,0.05)]"
66
66
  },
67
67
  bordered: {
68
- tabList: "bg-transparent border-2 border-default-200 shadow-sm",
68
+ tabList: "bg-transparent border-1 border-default-200 shadow-sm",
69
69
  cursor: "inset-0"
70
70
  }
71
71
  },
@@ -42,7 +42,7 @@ var input = tv({
42
42
  faded: {
43
43
  inputWrapper: [
44
44
  "bg-default-100",
45
- "border",
45
+ "border-2",
46
46
  "border-default-200",
47
47
  "data-[hover=true]:border-default-400"
48
48
  ]
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  semanticColors
3
- } from "./chunk-6QXUR7SY.mjs";
3
+ } from "./chunk-FPQXJXRL.mjs";
4
4
  import {
5
5
  commonColors
6
- } from "./chunk-CRCBVLUP.mjs";
6
+ } from "./chunk-TPAK7DPZ.mjs";
7
7
 
8
8
  // src/colors/index.ts
9
9
  var colors = {
@@ -95,10 +95,10 @@ var modal = tv({
95
95
  "2xl": { base: "rounded-2xl" },
96
96
  "3xl": { base: "rounded-3xl" }
97
97
  },
98
- backdropVariant: {
98
+ backdrop: {
99
99
  transparent: {},
100
100
  opaque: {
101
- backdrop: "bg-black/30 backdrop-opacity-50"
101
+ backdrop: "bg-black/50 backdrop-opacity-50"
102
102
  },
103
103
  blur: {
104
104
  backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/20"
@@ -118,12 +118,12 @@ var modal = tv({
118
118
  defaultVariants: {
119
119
  size: "md",
120
120
  radius: "lg",
121
- backdropVariant: "blur",
121
+ backdrop: "blur",
122
122
  scrollBehavior: "inside"
123
123
  },
124
124
  compoundVariants: [
125
125
  {
126
- backdropVariant: ["opaque", "blur"],
126
+ backdrop: ["opaque", "blur"],
127
127
  class: {
128
128
  backdrop: "block w-full h-full fixed inset-0"
129
129
  }
@@ -29,18 +29,18 @@ var chip = tv({
29
29
  variant: {
30
30
  solid: {},
31
31
  bordered: {
32
- base: "border-2 bg-transparent"
32
+ base: "border-1 bg-transparent"
33
33
  },
34
34
  light: {
35
35
  base: "bg-transparent"
36
36
  },
37
37
  flat: {},
38
38
  faded: {
39
- base: "border-2"
39
+ base: "border-1"
40
40
  },
41
41
  shadow: {},
42
42
  dot: {
43
- base: "border-2 border-default text-foreground bg-transparent"
43
+ base: "border-1 border-default text-foreground bg-transparent"
44
44
  }
45
45
  },
46
46
  color: {
@@ -1,13 +1,13 @@
1
1
  import {
2
2
  commonColors
3
- } from "../chunk-CRCBVLUP.mjs";
4
- import "../chunk-DCEG5LGX.mjs";
3
+ } from "../chunk-TPAK7DPZ.mjs";
5
4
  import "../chunk-L2OL7R23.mjs";
6
5
  import "../chunk-YZYGFPNK.mjs";
7
6
  import "../chunk-Y4YW5MKL.mjs";
8
7
  import "../chunk-KZJBCC2H.mjs";
9
8
  import "../chunk-T3GWIVAM.mjs";
10
9
  import "../chunk-OR5PUD24.mjs";
10
+ import "../chunk-DCEG5LGX.mjs";
11
11
  export {
12
12
  commonColors
13
13
  };
@@ -1,21 +1,21 @@
1
1
  import {
2
2
  colors
3
- } from "../chunk-7PRU5S35.mjs";
3
+ } from "../chunk-NU4XY237.mjs";
4
4
  import {
5
5
  semanticColors
6
- } from "../chunk-6QXUR7SY.mjs";
7
- import "../chunk-37PIXVP4.mjs";
6
+ } from "../chunk-FPQXJXRL.mjs";
8
7
  import "../chunk-M63AFAHO.mjs";
9
8
  import {
10
9
  commonColors
11
- } from "../chunk-CRCBVLUP.mjs";
12
- import "../chunk-DCEG5LGX.mjs";
10
+ } from "../chunk-TPAK7DPZ.mjs";
13
11
  import "../chunk-L2OL7R23.mjs";
14
12
  import "../chunk-YZYGFPNK.mjs";
15
13
  import "../chunk-Y4YW5MKL.mjs";
16
14
  import "../chunk-KZJBCC2H.mjs";
17
15
  import "../chunk-T3GWIVAM.mjs";
18
16
  import "../chunk-OR5PUD24.mjs";
17
+ import "../chunk-DCEG5LGX.mjs";
18
+ import "../chunk-37PIXVP4.mjs";
19
19
  export {
20
20
  colors,
21
21
  commonColors,
@@ -2,16 +2,16 @@ import {
2
2
  semanticColors,
3
3
  semanticColorsDark,
4
4
  semanticColorsLight
5
- } from "../chunk-6QXUR7SY.mjs";
6
- import "../chunk-37PIXVP4.mjs";
7
- import "../chunk-CRCBVLUP.mjs";
8
- import "../chunk-DCEG5LGX.mjs";
5
+ } from "../chunk-FPQXJXRL.mjs";
6
+ import "../chunk-TPAK7DPZ.mjs";
9
7
  import "../chunk-L2OL7R23.mjs";
10
8
  import "../chunk-YZYGFPNK.mjs";
11
9
  import "../chunk-Y4YW5MKL.mjs";
12
10
  import "../chunk-KZJBCC2H.mjs";
13
11
  import "../chunk-T3GWIVAM.mjs";
14
12
  import "../chunk-OR5PUD24.mjs";
13
+ import "../chunk-DCEG5LGX.mjs";
14
+ import "../chunk-37PIXVP4.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-7PRU5S35.mjs";
4
+ } from "./chunk-NU4XY237.mjs";
5
5
  import {
6
6
  semanticColors
7
- } from "./chunk-6QXUR7SY.mjs";
8
- import "./chunk-37PIXVP4.mjs";
7
+ } from "./chunk-FPQXJXRL.mjs";
9
8
  import "./chunk-M63AFAHO.mjs";
10
9
  import {
11
10
  commonColors
12
- } from "./chunk-CRCBVLUP.mjs";
13
- import "./chunk-DCEG5LGX.mjs";
11
+ } from "./chunk-TPAK7DPZ.mjs";
14
12
  import "./chunk-L2OL7R23.mjs";
15
13
  import "./chunk-YZYGFPNK.mjs";
16
14
  import "./chunk-Y4YW5MKL.mjs";
17
15
  import "./chunk-KZJBCC2H.mjs";
18
16
  import "./chunk-T3GWIVAM.mjs";
19
17
  import "./chunk-OR5PUD24.mjs";
18
+ import "./chunk-DCEG5LGX.mjs";
19
+ import "./chunk-37PIXVP4.mjs";
20
20
  export {
21
21
  colors,
22
22
  commonColors,
@@ -132,18 +132,18 @@ var chip = (0, import_tailwind_variants.tv)({
132
132
  variant: {
133
133
  solid: {},
134
134
  bordered: {
135
- base: "border-2 bg-transparent"
135
+ base: "border-1 bg-transparent"
136
136
  },
137
137
  light: {
138
138
  base: "bg-transparent"
139
139
  },
140
140
  flat: {},
141
141
  faded: {
142
- base: "border-2"
142
+ base: "border-1"
143
143
  },
144
144
  shadow: {},
145
145
  dot: {
146
- base: "border-2 border-default text-foreground bg-transparent"
146
+ base: "border-1 border-default text-foreground bg-transparent"
147
147
  }
148
148
  },
149
149
  color: {
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  chip
3
- } from "../chunk-ANKTYY3U.mjs";
3
+ } from "../chunk-V25QDRJB.mjs";
4
4
  import "../chunk-CMYR6AOY.mjs";
5
5
  import "../chunk-K7LK7NCE.mjs";
6
6
  import "../chunk-IQPW7V4N.mjs";
@@ -87,13 +87,13 @@ var dropdownItem = (0, import_tailwind_variants.tv)({
87
87
  base: ""
88
88
  },
89
89
  bordered: {
90
- base: "border-2 border-transparent bg-transparent"
90
+ base: "border-1 border-transparent bg-transparent"
91
91
  },
92
92
  light: {
93
93
  base: "bg-transparent"
94
94
  },
95
95
  faded: {
96
- base: "border border-transparent hover:border-default data-[hover=true]:bg-default-100"
96
+ base: "border-1 border-transparent hover:border-default data-[hover=true]:bg-default-100"
97
97
  },
98
98
  flat: {
99
99
  base: ""
@@ -3,7 +3,7 @@ import {
3
3
  dropdownItem,
4
4
  dropdownMenu,
5
5
  dropdownSection
6
- } from "../chunk-NYEYKHJ3.mjs";
6
+ } from "../chunk-4K3TOAY2.mjs";
7
7
  export {
8
8
  dropdown,
9
9
  dropdownItem,