@nextui-org/theme 0.0.0-dev-v2-20230604191549 → 0.0.0-dev-v2-20230605023127

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.
@@ -30,8 +30,8 @@ var toggle = tv({
30
30
  "rounded-full",
31
31
  "origin-right"
32
32
  ],
33
- startIcon: "z-0 absolute left-1.5 text-current",
34
- endIcon: "z-0 absolute right-1.5 text-default-600",
33
+ startContent: "z-0 absolute left-1.5 text-current",
34
+ endContent: "z-0 absolute right-1.5 text-default-600",
35
35
  thumbIcon: "text-black",
36
36
  label: "relative text-foreground select-none"
37
37
  },
@@ -39,38 +39,38 @@ var toggle = tv({
39
39
  color: {
40
40
  default: {
41
41
  wrapper: [
42
- "group-data-[checked=true]:bg-default-400",
43
- "group-data-[checked=true]:text-default-foreground"
42
+ "group-data-[selected=true]:bg-default-400",
43
+ "group-data-[selected=true]:text-default-foreground"
44
44
  ]
45
45
  },
46
46
  primary: {
47
47
  wrapper: [
48
- "group-data-[checked=true]:bg-primary",
49
- "group-data-[checked=true]:text-primary-foreground"
48
+ "group-data-[selected=true]:bg-primary",
49
+ "group-data-[selected=true]:text-primary-foreground"
50
50
  ]
51
51
  },
52
52
  secondary: {
53
53
  wrapper: [
54
- "group-data-[checked=true]:bg-secondary",
55
- "group-data-[checked=true]:text-secondary-foreground"
54
+ "group-data-[selected=true]:bg-secondary",
55
+ "group-data-[selected=true]:text-secondary-foreground"
56
56
  ]
57
57
  },
58
58
  success: {
59
59
  wrapper: [
60
- "group-data-[checked=true]:bg-success",
61
- "group-data-[checked=true]:text-success-foreground"
60
+ "group-data-[selected=true]:bg-success",
61
+ "group-data-[selected=true]:text-success-foreground"
62
62
  ]
63
63
  },
64
64
  warning: {
65
65
  wrapper: [
66
- "group-data-[checked=true]:bg-warning",
67
- "group-data-[checked=true]:text-warning-foreground"
66
+ "group-data-[selected=true]:bg-warning",
67
+ "group-data-[selected=true]:text-warning-foreground"
68
68
  ]
69
69
  },
70
70
  danger: {
71
71
  wrapper: [
72
- "group-data-[checked=true]:bg-danger",
73
- "data-[checked=true]:text-danger-foreground"
72
+ "group-data-[selected=true]:bg-danger",
73
+ "data-[selected=true]:text-danger-foreground"
74
74
  ]
75
75
  }
76
76
  },
@@ -79,60 +79,60 @@ var toggle = tv({
79
79
  wrapper: "w-8 h-5 mr-1",
80
80
  thumb: [
81
81
  "w-3 h-3 text-[0.6rem]",
82
- "group-data-[checked=true]:ml-3",
82
+ "group-data-[selected=true]:ml-3",
83
83
  "group-data-[pressed=true]:w-4",
84
- "group-data-[checked]:group-data-[pressed]:ml-2"
84
+ "group-data-[selected]:group-data-[pressed]:ml-2"
85
85
  ],
86
- startIcon: "text-[0.6rem] left-1",
87
- endIcon: "text-[0.6rem] right-1",
86
+ startContent: "text-[0.6rem] left-1",
87
+ endContent: "text-[0.6rem] right-1",
88
88
  label: "text-xs"
89
89
  },
90
90
  sm: {
91
91
  wrapper: "w-10 h-6 mr-2",
92
92
  thumb: [
93
93
  "w-4 h-4 text-xs",
94
- "group-data-[checked=true]:ml-4",
94
+ "group-data-[selected=true]:ml-4",
95
95
  "group-data-[pressed=true]:w-5",
96
- "group-data-[checked]:group-data-[pressed]:ml-4"
96
+ "group-data-[selected]:group-data-[pressed]:ml-4"
97
97
  ],
98
- endIcon: "text-xs",
99
- startIcon: "text-xs",
98
+ endContent: "text-xs",
99
+ startContent: "text-xs",
100
100
  label: "text-sm"
101
101
  },
102
102
  md: {
103
103
  wrapper: "w-12 h-7 mr-2",
104
104
  thumb: [
105
105
  "w-5 h-5 text-sm",
106
- "group-data-[checked=true]:ml-5",
106
+ "group-data-[selected=true]:ml-5",
107
107
  "group-data-[pressed=true]:w-6",
108
- "group-data-[checked]:group-data-[pressed]:ml-4"
108
+ "group-data-[selected]:group-data-[pressed]:ml-4"
109
109
  ],
110
- endIcon: "text-sm",
111
- startIcon: "text-sm",
110
+ endContent: "text-sm",
111
+ startContent: "text-sm",
112
112
  label: "text-base"
113
113
  },
114
114
  lg: {
115
115
  wrapper: "w-14 h-8 mr-2",
116
116
  thumb: [
117
117
  "w-6 h-6 text-base",
118
- "group-data-[checked=true]:ml-6",
118
+ "group-data-[selected=true]:ml-6",
119
119
  "group-data-[pressed=true]:w-7",
120
- "group-data-[checked]:group-data-[pressed]:ml-5"
120
+ "group-data-[selected]:group-data-[pressed]:ml-5"
121
121
  ],
122
- endIcon: "text-base",
123
- startIcon: "text-base",
122
+ endContent: "text-base",
123
+ startContent: "text-base",
124
124
  label: "text-lg"
125
125
  },
126
126
  xl: {
127
127
  wrapper: "w-16 h-9 mr-2",
128
128
  thumb: [
129
129
  "w-7 h-7 text-lg",
130
- "group-data-[checked=true]:ml-7",
130
+ "group-data-[selected=true]:ml-7",
131
131
  "group-data-[pressed=true]:w-8",
132
- "group-data-[checked]:group-data-[pressed]:ml-6"
132
+ "group-data-[selected]:group-data-[pressed]:ml-6"
133
133
  ],
134
- endIcon: "text-base",
135
- startIcon: "text-base",
134
+ endContent: "text-base",
135
+ startContent: "text-base",
136
136
  label: "text-lg"
137
137
  }
138
138
  },
@@ -149,18 +149,18 @@ var toggle = tv({
149
149
  false: {
150
150
  wrapper: "transition-background",
151
151
  thumb: "transition-all",
152
- startIcon: [
152
+ startContent: [
153
153
  "opacity-0",
154
154
  "scale-50",
155
155
  "transition-transform-opacity",
156
- "group-data-[checked=true]:scale-100",
157
- "group-data-[checked=true]:opacity-100"
156
+ "group-data-[selected=true]:scale-100",
157
+ "group-data-[selected=true]:opacity-100"
158
158
  ],
159
- endIcon: [
159
+ endContent: [
160
160
  "opacity-100",
161
161
  "transition-transform-opacity",
162
- "group-data-[checked=true]:translate-x-3",
163
- "group-data-[checked=true]:opacity-0"
162
+ "group-data-[selected=true]:translate-x-3",
163
+ "group-data-[selected=true]:opacity-0"
164
164
  ]
165
165
  }
166
166
  }
@@ -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
+ };
@@ -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
  ]
@@ -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
  }
@@ -66,7 +66,7 @@ var dropdownItem = tv({
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-2 border-transparent hover:border-default data-[hover=true]:bg-default-100"
70
70
  },
71
71
  flat: {
72
72
  base: ""
@@ -93,7 +93,7 @@ var dropdownItem = (0, import_tailwind_variants.tv)({
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-2 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-P4WTCOA5.mjs";
7
7
  export {
8
8
  dropdown,
9
9
  dropdownItem,