@nextui-org/theme 0.0.0-dev-v2-20230609000231 → 0.0.0-dev-v2-20230609175559

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.
@@ -7,7 +7,7 @@ import { tv } from "tailwind-variants";
7
7
  var tabs = tv({
8
8
  slots: {
9
9
  base: "inline-flex",
10
- tabList: ["flex", "items-center", "gap-2", "bg-default-100", "p-1"],
10
+ tabList: ["flex", "items-center", "gap-2", "bg-default-100", "p-1", "h-fit"],
11
11
  tab: [
12
12
  "z-0",
13
13
  "w-full",
@@ -107,25 +107,25 @@ var tabs = tv({
107
107
  cursor: "rounded"
108
108
  },
109
109
  sm: {
110
+ tabList: "rounded-sm",
111
+ tab: "rounded",
112
+ cursor: "rounded"
113
+ },
114
+ md: {
110
115
  tabList: "rounded-md",
111
116
  tab: "rounded-sm",
112
117
  cursor: "rounded-sm"
113
118
  },
114
- md: {
119
+ lg: {
115
120
  tabList: "rounded-lg",
116
121
  tab: "rounded-md",
117
122
  cursor: "rounded-md"
118
123
  },
119
- lg: {
124
+ xl: {
120
125
  tabList: "rounded-xl",
121
126
  tab: "rounded-lg",
122
127
  cursor: "rounded-lg"
123
128
  },
124
- xl: {
125
- tabList: "rounded-2xl",
126
- tab: "rounded-xl",
127
- cursor: "rounded-xl"
128
- },
129
129
  full: {
130
130
  tabList: "rounded-full",
131
131
  tab: "rounded-full",
@@ -34,6 +34,7 @@ var accordionItem = tv({
34
34
  heading: "",
35
35
  trigger: [
36
36
  "flex py-4 w-full h-full gap-3 outline-none items-center",
37
+ "data-[pressed=true]:opacity-80",
37
38
  "data-[focus-visible=true]:outline-none",
38
39
  "data-[focus-visible=true]:ring-2",
39
40
  "data-[focus-visible=true]:ring-primary",
@@ -78,7 +79,8 @@ var accordionItem = tv({
78
79
  content: "hidden data-[open=true]:block"
79
80
  },
80
81
  false: {
81
- indicator: "transition-transform"
82
+ indicator: "transition-transform",
83
+ trigger: "transition-opacity"
82
84
  }
83
85
  },
84
86
  disableIndicatorAnimation: {
@@ -20,6 +20,7 @@ var button = tv({
20
20
  "subpixel-antialiased",
21
21
  "data-[pressed=true]:scale-95",
22
22
  "overflow-hidden",
23
+ "data-[focus-visible=true]:z-10",
23
24
  "data-[focus-visible=true]:outline-none",
24
25
  "data-[focus-visible=true]:ring-2",
25
26
  "data-[focus-visible=true]:ring-primary",
@@ -6,7 +6,7 @@ import {
6
6
  import { tv } from "tailwind-variants";
7
7
  var badge = tv({
8
8
  slots: {
9
- base: ["relative", "flex", "shrink-0", "overflow-visible", "items-center", "justify-center"],
9
+ base: ["relative", "flex", "max-w-fit", "overflow-visible", "items-center", "justify-center"],
10
10
  badge: [
11
11
  "flex",
12
12
  "z-10",
@@ -86,6 +86,7 @@ declare const accordionItem: tailwind_variants.TVReturnType<{
86
86
  };
87
87
  false: {
88
88
  indicator: string;
89
+ trigger: string;
89
90
  };
90
91
  };
91
92
  disableIndicatorAnimation: {
@@ -137,6 +138,7 @@ declare const accordionItem: tailwind_variants.TVReturnType<{
137
138
  };
138
139
  false: {
139
140
  indicator: string;
141
+ trigger: string;
140
142
  };
141
143
  };
142
144
  disableIndicatorAnimation: {
@@ -59,6 +59,7 @@ var accordionItem = (0, import_tailwind_variants.tv)({
59
59
  heading: "",
60
60
  trigger: [
61
61
  "flex py-4 w-full h-full gap-3 outline-none items-center",
62
+ "data-[pressed=true]:opacity-80",
62
63
  "data-[focus-visible=true]:outline-none",
63
64
  "data-[focus-visible=true]:ring-2",
64
65
  "data-[focus-visible=true]:ring-primary",
@@ -103,7 +104,8 @@ var accordionItem = (0, import_tailwind_variants.tv)({
103
104
  content: "hidden data-[open=true]:block"
104
105
  },
105
106
  false: {
106
- indicator: "transition-transform"
107
+ indicator: "transition-transform",
108
+ trigger: "transition-opacity"
107
109
  }
108
110
  },
109
111
  disableIndicatorAnimation: {
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  accordion,
3
3
  accordionItem
4
- } from "../chunk-2EZKKIUU.mjs";
4
+ } from "../chunk-HNRHIJNK.mjs";
5
5
  export {
6
6
  accordion,
7
7
  accordionItem
@@ -102,7 +102,7 @@ var colorVariants = {
102
102
  // src/components/badge.ts
103
103
  var badge = (0, import_tailwind_variants.tv)({
104
104
  slots: {
105
- base: ["relative", "flex", "shrink-0", "overflow-visible", "items-center", "justify-center"],
105
+ base: ["relative", "flex", "max-w-fit", "overflow-visible", "items-center", "justify-center"],
106
106
  badge: [
107
107
  "flex",
108
108
  "z-10",
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  badge
3
- } from "../chunk-NCUYKKNP.mjs";
3
+ } from "../chunk-SJUG3TXC.mjs";
4
4
  import "../chunk-CMYR6AOY.mjs";
5
5
  import "../chunk-K7LK7NCE.mjs";
6
6
  import "../chunk-IQPW7V4N.mjs";
@@ -117,6 +117,7 @@ var button = (0, import_tailwind_variants.tv)({
117
117
  "subpixel-antialiased",
118
118
  "data-[pressed=true]:scale-95",
119
119
  "overflow-hidden",
120
+ "data-[focus-visible=true]:z-10",
120
121
  "data-[focus-visible=true]:outline-none",
121
122
  "data-[focus-visible=true]:ring-2",
122
123
  "data-[focus-visible=true]:ring-primary",
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  button,
3
3
  buttonGroup
4
- } from "../chunk-KO33WCU2.mjs";
4
+ } from "../chunk-IJYQWVHA.mjs";
5
5
  import "../chunk-CMYR6AOY.mjs";
6
6
  import "../chunk-K7LK7NCE.mjs";
7
7
  import "../chunk-IQPW7V4N.mjs";
@@ -687,6 +687,7 @@ var button = (0, import_tailwind_variants5.tv)({
687
687
  "subpixel-antialiased",
688
688
  "data-[pressed=true]:scale-95",
689
689
  "overflow-hidden",
690
+ "data-[focus-visible=true]:z-10",
690
691
  "data-[focus-visible=true]:outline-none",
691
692
  "data-[focus-visible=true]:ring-2",
692
693
  "data-[focus-visible=true]:ring-primary",
@@ -2085,7 +2086,7 @@ var chip = (0, import_tailwind_variants11.tv)({
2085
2086
  var import_tailwind_variants12 = require("tailwind-variants");
2086
2087
  var badge = (0, import_tailwind_variants12.tv)({
2087
2088
  slots: {
2088
- base: ["relative", "flex", "shrink-0", "overflow-visible", "items-center", "justify-center"],
2089
+ base: ["relative", "flex", "max-w-fit", "overflow-visible", "items-center", "justify-center"],
2089
2090
  badge: [
2090
2091
  "flex",
2091
2092
  "z-10",
@@ -3399,6 +3400,7 @@ var accordionItem = (0, import_tailwind_variants17.tv)({
3399
3400
  heading: "",
3400
3401
  trigger: [
3401
3402
  "flex py-4 w-full h-full gap-3 outline-none items-center",
3403
+ "data-[pressed=true]:opacity-80",
3402
3404
  "data-[focus-visible=true]:outline-none",
3403
3405
  "data-[focus-visible=true]:ring-2",
3404
3406
  "data-[focus-visible=true]:ring-primary",
@@ -3443,7 +3445,8 @@ var accordionItem = (0, import_tailwind_variants17.tv)({
3443
3445
  content: "hidden data-[open=true]:block"
3444
3446
  },
3445
3447
  false: {
3446
- indicator: "transition-transform"
3448
+ indicator: "transition-transform",
3449
+ trigger: "transition-opacity"
3447
3450
  }
3448
3451
  },
3449
3452
  disableIndicatorAnimation: {
@@ -5688,7 +5691,7 @@ var import_tailwind_variants29 = require("tailwind-variants");
5688
5691
  var tabs = (0, import_tailwind_variants29.tv)({
5689
5692
  slots: {
5690
5693
  base: "inline-flex",
5691
- tabList: ["flex", "items-center", "gap-2", "bg-default-100", "p-1"],
5694
+ tabList: ["flex", "items-center", "gap-2", "bg-default-100", "p-1", "h-fit"],
5692
5695
  tab: [
5693
5696
  "z-0",
5694
5697
  "w-full",
@@ -5788,25 +5791,25 @@ var tabs = (0, import_tailwind_variants29.tv)({
5788
5791
  cursor: "rounded"
5789
5792
  },
5790
5793
  sm: {
5794
+ tabList: "rounded-sm",
5795
+ tab: "rounded",
5796
+ cursor: "rounded"
5797
+ },
5798
+ md: {
5791
5799
  tabList: "rounded-md",
5792
5800
  tab: "rounded-sm",
5793
5801
  cursor: "rounded-sm"
5794
5802
  },
5795
- md: {
5803
+ lg: {
5796
5804
  tabList: "rounded-lg",
5797
5805
  tab: "rounded-md",
5798
5806
  cursor: "rounded-md"
5799
5807
  },
5800
- lg: {
5808
+ xl: {
5801
5809
  tabList: "rounded-xl",
5802
5810
  tab: "rounded-lg",
5803
5811
  cursor: "rounded-lg"
5804
5812
  },
5805
- xl: {
5806
- tabList: "rounded-2xl",
5807
- tab: "rounded-xl",
5808
- cursor: "rounded-xl"
5809
- },
5810
5813
  full: {
5811
5814
  tabList: "rounded-full",
5812
5815
  tab: "rounded-full",
@@ -10,7 +10,7 @@ import {
10
10
  } from "../chunk-U54UQOTS.mjs";
11
11
  import {
12
12
  tabs
13
- } from "../chunk-DDHBMNDB.mjs";
13
+ } from "../chunk-7L4D24BE.mjs";
14
14
  import {
15
15
  toggle
16
16
  } from "../chunk-42RVICJN.mjs";
@@ -73,11 +73,11 @@ import {
73
73
  } from "../chunk-ZL6WUYLC.mjs";
74
74
  import {
75
75
  badge
76
- } from "../chunk-NCUYKKNP.mjs";
76
+ } from "../chunk-SJUG3TXC.mjs";
77
77
  import {
78
78
  button,
79
79
  buttonGroup
80
- } from "../chunk-KO33WCU2.mjs";
80
+ } from "../chunk-IJYQWVHA.mjs";
81
81
  import {
82
82
  card
83
83
  } from "../chunk-QW2ZGOKD.mjs";
@@ -100,7 +100,7 @@ import "../chunk-IQPW7V4N.mjs";
100
100
  import {
101
101
  accordion,
102
102
  accordionItem
103
- } from "../chunk-2EZKKIUU.mjs";
103
+ } from "../chunk-HNRHIJNK.mjs";
104
104
  import "../chunk-INZK6TTL.mjs";
105
105
  export {
106
106
  accordion,
@@ -103,7 +103,7 @@ var colorVariants = {
103
103
  var tabs = (0, import_tailwind_variants.tv)({
104
104
  slots: {
105
105
  base: "inline-flex",
106
- tabList: ["flex", "items-center", "gap-2", "bg-default-100", "p-1"],
106
+ tabList: ["flex", "items-center", "gap-2", "bg-default-100", "p-1", "h-fit"],
107
107
  tab: [
108
108
  "z-0",
109
109
  "w-full",
@@ -203,25 +203,25 @@ var tabs = (0, import_tailwind_variants.tv)({
203
203
  cursor: "rounded"
204
204
  },
205
205
  sm: {
206
+ tabList: "rounded-sm",
207
+ tab: "rounded",
208
+ cursor: "rounded"
209
+ },
210
+ md: {
206
211
  tabList: "rounded-md",
207
212
  tab: "rounded-sm",
208
213
  cursor: "rounded-sm"
209
214
  },
210
- md: {
215
+ lg: {
211
216
  tabList: "rounded-lg",
212
217
  tab: "rounded-md",
213
218
  cursor: "rounded-md"
214
219
  },
215
- lg: {
220
+ xl: {
216
221
  tabList: "rounded-xl",
217
222
  tab: "rounded-lg",
218
223
  cursor: "rounded-lg"
219
224
  },
220
- xl: {
221
- tabList: "rounded-2xl",
222
- tab: "rounded-xl",
223
- cursor: "rounded-xl"
224
- },
225
225
  full: {
226
226
  tabList: "rounded-full",
227
227
  tab: "rounded-full",
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  tabs
3
- } from "../chunk-DDHBMNDB.mjs";
3
+ } from "../chunk-7L4D24BE.mjs";
4
4
  import "../chunk-CMYR6AOY.mjs";
5
5
  import "../chunk-K7LK7NCE.mjs";
6
6
  import "../chunk-IQPW7V4N.mjs";
package/dist/index.js CHANGED
@@ -719,6 +719,7 @@ var button = (0, import_tailwind_variants5.tv)({
719
719
  "subpixel-antialiased",
720
720
  "data-[pressed=true]:scale-95",
721
721
  "overflow-hidden",
722
+ "data-[focus-visible=true]:z-10",
722
723
  "data-[focus-visible=true]:outline-none",
723
724
  "data-[focus-visible=true]:ring-2",
724
725
  "data-[focus-visible=true]:ring-primary",
@@ -2117,7 +2118,7 @@ var chip = (0, import_tailwind_variants11.tv)({
2117
2118
  var import_tailwind_variants12 = require("tailwind-variants");
2118
2119
  var badge = (0, import_tailwind_variants12.tv)({
2119
2120
  slots: {
2120
- base: ["relative", "flex", "shrink-0", "overflow-visible", "items-center", "justify-center"],
2121
+ base: ["relative", "flex", "max-w-fit", "overflow-visible", "items-center", "justify-center"],
2121
2122
  badge: [
2122
2123
  "flex",
2123
2124
  "z-10",
@@ -3431,6 +3432,7 @@ var accordionItem = (0, import_tailwind_variants17.tv)({
3431
3432
  heading: "",
3432
3433
  trigger: [
3433
3434
  "flex py-4 w-full h-full gap-3 outline-none items-center",
3435
+ "data-[pressed=true]:opacity-80",
3434
3436
  "data-[focus-visible=true]:outline-none",
3435
3437
  "data-[focus-visible=true]:ring-2",
3436
3438
  "data-[focus-visible=true]:ring-primary",
@@ -3475,7 +3477,8 @@ var accordionItem = (0, import_tailwind_variants17.tv)({
3475
3477
  content: "hidden data-[open=true]:block"
3476
3478
  },
3477
3479
  false: {
3478
- indicator: "transition-transform"
3480
+ indicator: "transition-transform",
3481
+ trigger: "transition-opacity"
3479
3482
  }
3480
3483
  },
3481
3484
  disableIndicatorAnimation: {
@@ -5720,7 +5723,7 @@ var import_tailwind_variants29 = require("tailwind-variants");
5720
5723
  var tabs = (0, import_tailwind_variants29.tv)({
5721
5724
  slots: {
5722
5725
  base: "inline-flex",
5723
- tabList: ["flex", "items-center", "gap-2", "bg-default-100", "p-1"],
5726
+ tabList: ["flex", "items-center", "gap-2", "bg-default-100", "p-1", "h-fit"],
5724
5727
  tab: [
5725
5728
  "z-0",
5726
5729
  "w-full",
@@ -5820,25 +5823,25 @@ var tabs = (0, import_tailwind_variants29.tv)({
5820
5823
  cursor: "rounded"
5821
5824
  },
5822
5825
  sm: {
5826
+ tabList: "rounded-sm",
5827
+ tab: "rounded",
5828
+ cursor: "rounded"
5829
+ },
5830
+ md: {
5823
5831
  tabList: "rounded-md",
5824
5832
  tab: "rounded-sm",
5825
5833
  cursor: "rounded-sm"
5826
5834
  },
5827
- md: {
5835
+ lg: {
5828
5836
  tabList: "rounded-lg",
5829
5837
  tab: "rounded-md",
5830
5838
  cursor: "rounded-md"
5831
5839
  },
5832
- lg: {
5840
+ xl: {
5833
5841
  tabList: "rounded-xl",
5834
5842
  tab: "rounded-lg",
5835
5843
  cursor: "rounded-lg"
5836
5844
  },
5837
- xl: {
5838
- tabList: "rounded-2xl",
5839
- tab: "rounded-xl",
5840
- cursor: "rounded-xl"
5841
- },
5842
5845
  full: {
5843
5846
  tabList: "rounded-full",
5844
5847
  tab: "rounded-full",
package/dist/index.mjs CHANGED
@@ -10,7 +10,7 @@ import {
10
10
  } from "./chunk-U54UQOTS.mjs";
11
11
  import {
12
12
  tabs
13
- } from "./chunk-DDHBMNDB.mjs";
13
+ } from "./chunk-7L4D24BE.mjs";
14
14
  import {
15
15
  toggle
16
16
  } from "./chunk-42RVICJN.mjs";
@@ -73,11 +73,11 @@ import {
73
73
  } from "./chunk-ZL6WUYLC.mjs";
74
74
  import {
75
75
  badge
76
- } from "./chunk-NCUYKKNP.mjs";
76
+ } from "./chunk-SJUG3TXC.mjs";
77
77
  import {
78
78
  button,
79
79
  buttonGroup
80
- } from "./chunk-KO33WCU2.mjs";
80
+ } from "./chunk-IJYQWVHA.mjs";
81
81
  import {
82
82
  card
83
83
  } from "./chunk-QW2ZGOKD.mjs";
@@ -102,7 +102,7 @@ import {
102
102
  import {
103
103
  accordion,
104
104
  accordionItem
105
- } from "./chunk-2EZKKIUU.mjs";
105
+ } from "./chunk-HNRHIJNK.mjs";
106
106
  import {
107
107
  nextui
108
108
  } from "./chunk-45VMNIGW.mjs";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nextui-org/theme",
3
- "version": "0.0.0-dev-v2-20230609000231",
3
+ "version": "0.0.0-dev-v2-20230609175559",
4
4
  "description": "The default theme for NextUI components",
5
5
  "keywords": [
6
6
  "theme",