@nextui-org/theme 0.0.0-dev-v2-20230428031422 → 0.0.0-dev-v2-20230428203230

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 (41) hide show
  1. package/dist/{chunk-2P6VSEDG.mjs → chunk-6QKRZ3JE.mjs} +16 -0
  2. package/dist/{chunk-FK5GDC67.mjs → chunk-AU7WYHMP.mjs} +1 -0
  3. package/dist/{chunk-724PTTWA.mjs → chunk-K3AHB42P.mjs} +9 -9
  4. package/dist/{chunk-AYYAXZNC.mjs → chunk-KDFSOQOQ.mjs} +2 -2
  5. package/dist/{chunk-2GCBADI6.mjs → chunk-NGIVT5FF.mjs} +1 -1
  6. package/dist/{chunk-I7DM7NL7.mjs → chunk-O42UMOT5.mjs} +1 -1
  7. package/dist/{chunk-2CM64WDJ.mjs → chunk-PWHNLVBK.mjs} +1 -1
  8. package/dist/{chunk-EWJ66GUE.mjs → chunk-UUJTS7XS.mjs} +16 -12
  9. package/dist/{chunk-OUCCVCYU.mjs → chunk-W5WYYDCM.mjs} +3 -3
  10. package/dist/{chunk-M74ZSXB7.mjs → chunk-XMDX7HIE.mjs} +2 -2
  11. package/dist/{chunk-LQHWK6UV.mjs → chunk-ZNTUEV24.mjs} +3 -3
  12. package/dist/colors/common.mjs +2 -2
  13. package/dist/colors/index.mjs +5 -5
  14. package/dist/colors/semantic.mjs +4 -4
  15. package/dist/colors.mjs +5 -5
  16. package/dist/components/badge.js +1 -1
  17. package/dist/components/badge.mjs +1 -1
  18. package/dist/components/button.js +1 -1
  19. package/dist/components/button.mjs +1 -1
  20. package/dist/components/card.d.ts +10 -0
  21. package/dist/components/card.js +16 -0
  22. package/dist/components/card.mjs +1 -1
  23. package/dist/components/chip.js +3 -3
  24. package/dist/components/chip.mjs +1 -1
  25. package/dist/components/circular-progress.d.ts +1 -0
  26. package/dist/components/circular-progress.js +1 -0
  27. package/dist/components/circular-progress.mjs +1 -1
  28. package/dist/components/index.js +41 -20
  29. package/dist/components/index.mjs +33 -33
  30. package/dist/components/pagination.js +2 -2
  31. package/dist/components/pagination.mjs +1 -1
  32. package/dist/components/progress.js +1 -1
  33. package/dist/components/progress.mjs +1 -1
  34. package/dist/components/tabs.d.ts +8 -0
  35. package/dist/components/tabs.js +16 -12
  36. package/dist/components/tabs.mjs +1 -1
  37. package/dist/index.js +41 -20
  38. package/dist/index.mjs +50 -50
  39. package/dist/plugin.mjs +9 -9
  40. package/package.json +1 -1
  41. package/dist/{chunk-CRCBVLUP.mjs → chunk-TPAK7DPZ.mjs} +3 -3
@@ -144,6 +144,22 @@ var card = tv({
144
144
  isPressable: {
145
145
  true: { base: "cursor-pointer" }
146
146
  },
147
+ isBlurred: {
148
+ true: {
149
+ base: [
150
+ "bg-transparent",
151
+ "dark:bg-transparent",
152
+ "before:bg-background/10",
153
+ "before:content-['']",
154
+ "before:block",
155
+ "before:z-[-1]",
156
+ "before:absolute",
157
+ "before:inset-0",
158
+ "before:backdrop-blur-md",
159
+ "before:backdrop-saturate-200"
160
+ ]
161
+ }
162
+ },
147
163
  isFooterBlurred: {
148
164
  true: {
149
165
  footer: [
@@ -6,6 +6,7 @@ var circularProgress = tv({
6
6
  label: "",
7
7
  svgWrapper: "relative block",
8
8
  svg: "z-0 relative overflow-hidden",
9
+ track: "h-full stroke-neutral-300/50",
9
10
  circle: "h-full stroke-current",
10
11
  value: "absolute font-normal inset-0 flex items-center justify-center"
11
12
  },
@@ -1,21 +1,21 @@
1
+ import {
2
+ semanticColors
3
+ } from "./chunk-ZNTUEV24.mjs";
4
+ import {
5
+ commonColors
6
+ } from "./chunk-TPAK7DPZ.mjs";
7
+ import {
8
+ animations
9
+ } from "./chunk-DMASP6FA.mjs";
1
10
  import {
2
11
  utilities
3
12
  } from "./chunk-XLATS5QU.mjs";
4
13
  import {
5
14
  baseStyles
6
15
  } from "./chunk-INZK6TTL.mjs";
7
- import {
8
- semanticColors
9
- } from "./chunk-LQHWK6UV.mjs";
10
16
  import {
11
17
  removeDefaultKeys
12
18
  } from "./chunk-37PIXVP4.mjs";
13
- import {
14
- animations
15
- } from "./chunk-DMASP6FA.mjs";
16
- import {
17
- commonColors
18
- } from "./chunk-CRCBVLUP.mjs";
19
19
 
20
20
  // src/plugin.ts
21
21
  import Color from "color";
@@ -27,7 +27,7 @@ var pagination = tv({
27
27
  variant: {
28
28
  bordered: {
29
29
  item: [
30
- "border-2.5",
30
+ "border-2",
31
31
  "border-neutral",
32
32
  "bg-transparent",
33
33
  "data-[hover=true]:bg-neutral-100"
@@ -38,7 +38,7 @@ var pagination = tv({
38
38
  },
39
39
  flat: {},
40
40
  faded: {
41
- item: "border-2.5"
41
+ item: "border-2"
42
42
  }
43
43
  },
44
44
  color: {
@@ -31,7 +31,7 @@ var badge = tv({
31
31
  solid: {},
32
32
  flat: {},
33
33
  faded: {
34
- badge: "border-2.5"
34
+ badge: "border-2"
35
35
  },
36
36
  shadow: {}
37
37
  },
@@ -7,7 +7,7 @@ var progress = tv(
7
7
  label: "",
8
8
  labelWrapper: "flex justify-between",
9
9
  value: "",
10
- track: "z-0 relative bg-neutral-200 overflow-hidden",
10
+ track: "z-0 relative bg-neutral-300/50 overflow-hidden",
11
11
  filler: "h-full"
12
12
  },
13
13
  variants: {
@@ -35,7 +35,7 @@ var button = tv({
35
35
  bordered: "border-2 !bg-transparent",
36
36
  light: "!bg-transparent",
37
37
  flat: "",
38
- faded: "border-2.5",
38
+ faded: "border-2",
39
39
  shadow: "",
40
40
  ghost: "border-2 !bg-transparent"
41
41
  },
@@ -56,6 +56,10 @@ var tabs = tv({
56
56
  solid: {
57
57
  cursor: "inset-0"
58
58
  },
59
+ light: {
60
+ tabList: "bg-transparent",
61
+ cursor: "inset-0"
62
+ },
59
63
  underlined: {
60
64
  tabList: "bg-transparent",
61
65
  cursor: "h-[2px] w-[80%] bottom-0 shadow-[0_1px_0px_0_rgba(0,0,0,0.05)]"
@@ -156,7 +160,7 @@ var tabs = tv({
156
160
  },
157
161
  compoundVariants: [
158
162
  {
159
- variant: ["solid", "bordered"],
163
+ variant: ["solid", "bordered", "light"],
160
164
  color: "neutral",
161
165
  class: {
162
166
  cursor: ["bg-background", "dark:bg-neutral"],
@@ -164,7 +168,7 @@ var tabs = tv({
164
168
  }
165
169
  },
166
170
  {
167
- variant: ["solid", "bordered"],
171
+ variant: ["solid", "bordered", "light"],
168
172
  color: "primary",
169
173
  class: {
170
174
  cursor: colorVariants.solid.primary,
@@ -172,7 +176,7 @@ var tabs = tv({
172
176
  }
173
177
  },
174
178
  {
175
- variant: ["solid", "bordered"],
179
+ variant: ["solid", "bordered", "light"],
176
180
  color: "secondary",
177
181
  class: {
178
182
  cursor: colorVariants.solid.secondary,
@@ -180,7 +184,7 @@ var tabs = tv({
180
184
  }
181
185
  },
182
186
  {
183
- variant: ["solid", "bordered"],
187
+ variant: ["solid", "bordered", "light"],
184
188
  color: "success",
185
189
  class: {
186
190
  cursor: colorVariants.solid.success,
@@ -188,7 +192,7 @@ var tabs = tv({
188
192
  }
189
193
  },
190
194
  {
191
- variant: ["solid", "bordered"],
195
+ variant: ["solid", "bordered", "light"],
192
196
  color: "warning",
193
197
  class: {
194
198
  cursor: colorVariants.solid.warning,
@@ -196,7 +200,7 @@ var tabs = tv({
196
200
  }
197
201
  },
198
202
  {
199
- variant: ["solid", "bordered"],
203
+ variant: ["solid", "bordered", "light"],
200
204
  color: "danger",
201
205
  class: {
202
206
  cursor: colorVariants.solid.danger,
@@ -270,7 +274,7 @@ var tabs = tv({
270
274
  {
271
275
  disableAnimation: true,
272
276
  color: "neutral",
273
- variant: ["solid", "bordered"],
277
+ variant: ["solid", "bordered", "light"],
274
278
  class: {
275
279
  tab: "data-[selected=true]:bg-neutral data-[selected=true]:text-neutral-foreground"
276
280
  }
@@ -278,7 +282,7 @@ var tabs = tv({
278
282
  {
279
283
  disableAnimation: true,
280
284
  color: "primary",
281
- variant: ["solid", "bordered"],
285
+ variant: ["solid", "bordered", "light"],
282
286
  class: {
283
287
  tab: "data-[selected=true]:bg-primary data-[selected=true]:text-primary-foreground"
284
288
  }
@@ -286,7 +290,7 @@ var tabs = tv({
286
290
  {
287
291
  disableAnimation: true,
288
292
  color: "secondary",
289
- variant: ["solid", "bordered"],
293
+ variant: ["solid", "bordered", "light"],
290
294
  class: {
291
295
  tab: "data-[selected=true]:bg-secondary data-[selected=true]:text-secondary-foreground"
292
296
  }
@@ -294,7 +298,7 @@ var tabs = tv({
294
298
  {
295
299
  disableAnimation: true,
296
300
  color: "success",
297
- variant: ["solid", "bordered"],
301
+ variant: ["solid", "bordered", "light"],
298
302
  class: {
299
303
  tab: "data-[selected=true]:bg-success data-[selected=true]:text-success-foreground"
300
304
  }
@@ -302,7 +306,7 @@ var tabs = tv({
302
306
  {
303
307
  disableAnimation: true,
304
308
  color: "warning",
305
- variant: ["solid", "bordered"],
309
+ variant: ["solid", "bordered", "light"],
306
310
  class: {
307
311
  tab: "data-[selected=true]:bg-warning data-[selected=true]:text-warning-foreground"
308
312
  }
@@ -310,7 +314,7 @@ var tabs = tv({
310
314
  {
311
315
  disableAnimation: true,
312
316
  color: "danger",
313
- variant: ["solid", "bordered"],
317
+ variant: ["solid", "bordered", "light"],
314
318
  class: {
315
319
  tab: "data-[selected=true]:bg-danger data-[selected=true]:text-danger-foreground"
316
320
  }
@@ -29,18 +29,18 @@ var chip = tv({
29
29
  variant: {
30
30
  solid: {},
31
31
  bordered: {
32
- base: "border-2.5 bg-transparent"
32
+ base: "border-2 bg-transparent"
33
33
  },
34
34
  light: {
35
35
  base: "bg-transparent"
36
36
  },
37
37
  flat: {},
38
38
  faded: {
39
- base: "border-2.5"
39
+ base: "border-2"
40
40
  },
41
41
  shadow: {},
42
42
  dot: {
43
- base: "border-2.5 border-neutral text-foreground bg-transparent"
43
+ base: "border-2 border-neutral text-foreground bg-transparent"
44
44
  }
45
45
  },
46
46
  color: {
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  semanticColors
3
- } from "./chunk-LQHWK6UV.mjs";
3
+ } from "./chunk-ZNTUEV24.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 = {
@@ -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";
@@ -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-M74ZSXB7.mjs";
3
+ } from "../chunk-XMDX7HIE.mjs";
4
4
  import {
5
5
  semanticColors
6
- } from "../chunk-LQHWK6UV.mjs";
7
- import "../chunk-37PIXVP4.mjs";
6
+ } from "../chunk-ZNTUEV24.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-LQHWK6UV.mjs";
6
- import "../chunk-37PIXVP4.mjs";
7
- import "../chunk-CRCBVLUP.mjs";
8
- import "../chunk-DCEG5LGX.mjs";
5
+ } from "../chunk-ZNTUEV24.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-M74ZSXB7.mjs";
4
+ } from "./chunk-XMDX7HIE.mjs";
5
5
  import {
6
6
  semanticColors
7
- } from "./chunk-LQHWK6UV.mjs";
8
- import "./chunk-37PIXVP4.mjs";
7
+ } from "./chunk-ZNTUEV24.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,
@@ -127,7 +127,7 @@ var badge = (0, import_tailwind_variants.tv)({
127
127
  solid: {},
128
128
  flat: {},
129
129
  faded: {
130
- badge: "border-2.5"
130
+ badge: "border-2"
131
131
  },
132
132
  shadow: {}
133
133
  },
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  badge
3
- } from "../chunk-2GCBADI6.mjs";
3
+ } from "../chunk-NGIVT5FF.mjs";
4
4
  import "../chunk-CMYR6AOY.mjs";
5
5
  import "../chunk-K7LK7NCE.mjs";
6
6
  import "../chunk-RO3WUCFF.mjs";
@@ -131,7 +131,7 @@ var button = (0, import_tailwind_variants.tv)({
131
131
  bordered: "border-2 !bg-transparent",
132
132
  light: "!bg-transparent",
133
133
  flat: "",
134
- faded: "border-2.5",
134
+ faded: "border-2",
135
135
  shadow: "",
136
136
  ghost: "border-2 !bg-transparent"
137
137
  },
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  button
3
- } from "../chunk-2CM64WDJ.mjs";
3
+ } from "../chunk-PWHNLVBK.mjs";
4
4
  import "../chunk-CMYR6AOY.mjs";
5
5
  import "../chunk-K7LK7NCE.mjs";
6
6
  import "../chunk-RO3WUCFF.mjs";
@@ -102,6 +102,11 @@ declare const card: tailwind_variants.TVReturnType<{
102
102
  base: string;
103
103
  };
104
104
  };
105
+ isBlurred: {
106
+ true: {
107
+ base: string[];
108
+ };
109
+ };
105
110
  isFooterBlurred: {
106
111
  true: {
107
112
  footer: string[];
@@ -209,6 +214,11 @@ declare const card: tailwind_variants.TVReturnType<{
209
214
  base: string;
210
215
  };
211
216
  };
217
+ isBlurred: {
218
+ true: {
219
+ base: string[];
220
+ };
221
+ };
212
222
  isFooterBlurred: {
213
223
  true: {
214
224
  footer: string[];
@@ -168,6 +168,22 @@ var card = (0, import_tailwind_variants.tv)({
168
168
  isPressable: {
169
169
  true: { base: "cursor-pointer" }
170
170
  },
171
+ isBlurred: {
172
+ true: {
173
+ base: [
174
+ "bg-transparent",
175
+ "dark:bg-transparent",
176
+ "before:bg-background/10",
177
+ "before:content-['']",
178
+ "before:block",
179
+ "before:z-[-1]",
180
+ "before:absolute",
181
+ "before:inset-0",
182
+ "before:backdrop-blur-md",
183
+ "before:backdrop-saturate-200"
184
+ ]
185
+ }
186
+ },
171
187
  isFooterBlurred: {
172
188
  true: {
173
189
  footer: [
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  card
3
- } from "../chunk-2P6VSEDG.mjs";
3
+ } from "../chunk-6QKRZ3JE.mjs";
4
4
  export {
5
5
  card
6
6
  };
@@ -132,18 +132,18 @@ var chip = (0, import_tailwind_variants.tv)({
132
132
  variant: {
133
133
  solid: {},
134
134
  bordered: {
135
- base: "border-2.5 bg-transparent"
135
+ base: "border-2 bg-transparent"
136
136
  },
137
137
  light: {
138
138
  base: "bg-transparent"
139
139
  },
140
140
  flat: {},
141
141
  faded: {
142
- base: "border-2.5"
142
+ base: "border-2"
143
143
  },
144
144
  shadow: {},
145
145
  dot: {
146
- base: "border-2.5 border-neutral text-foreground bg-transparent"
146
+ base: "border-2 border-neutral text-foreground bg-transparent"
147
147
  }
148
148
  },
149
149
  color: {
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  chip
3
- } from "../chunk-OUCCVCYU.mjs";
3
+ } from "../chunk-W5WYYDCM.mjs";
4
4
  import "../chunk-CMYR6AOY.mjs";
5
5
  import "../chunk-K7LK7NCE.mjs";
6
6
  import "../chunk-RO3WUCFF.mjs";
@@ -89,6 +89,7 @@ declare const circularProgress: tailwind_variants.TVReturnType<{
89
89
  label: string;
90
90
  svgWrapper: string;
91
91
  svg: string;
92
+ track: string;
92
93
  circle: string;
93
94
  value: string;
94
95
  }, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
@@ -30,6 +30,7 @@ var circularProgress = (0, import_tailwind_variants.tv)({
30
30
  label: "",
31
31
  svgWrapper: "relative block",
32
32
  svg: "z-0 relative overflow-hidden",
33
+ track: "h-full stroke-neutral-300/50",
33
34
  circle: "h-full stroke-current",
34
35
  value: "absolute font-normal inset-0 flex items-center justify-center"
35
36
  },
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  circularProgress
3
- } from "../chunk-FK5GDC67.mjs";
3
+ } from "../chunk-AU7WYHMP.mjs";
4
4
  export {
5
5
  circularProgress
6
6
  };