@nextui-org/theme 2.3.0-beta.3 → 2.3.0-beta.4
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.
- package/dist/{chunk-HZ7J23VD.mjs → chunk-3ANIDDEW.mjs} +8 -10
- package/dist/{chunk-TNFNBUPA.mjs → chunk-MXL6JCUG.mjs} +12 -12
- package/dist/components/index.js +20 -22
- package/dist/components/index.mjs +2 -2
- package/dist/components/input.js +12 -12
- package/dist/components/input.mjs +1 -1
- package/dist/components/select.js +8 -10
- package/dist/components/select.mjs +1 -1
- package/dist/index.js +20 -22
- package/dist/index.mjs +2 -2
- package/package.json +1 -1
|
@@ -38,17 +38,16 @@ var select = tv({
|
|
|
38
38
|
flat: {
|
|
39
39
|
trigger: [
|
|
40
40
|
"bg-default-100",
|
|
41
|
-
"data-[hover=true]:bg-default-
|
|
42
|
-
"group-data-[focus=true]:bg-default-
|
|
41
|
+
"data-[hover=true]:bg-default-50",
|
|
42
|
+
"group-data-[focus=true]:bg-default-50"
|
|
43
43
|
]
|
|
44
44
|
},
|
|
45
45
|
faded: {
|
|
46
46
|
trigger: [
|
|
47
47
|
"bg-default-100",
|
|
48
|
-
"data-[hover=true]:bg-default-200",
|
|
49
48
|
"border-medium",
|
|
50
49
|
"border-default-200",
|
|
51
|
-
"data-[hover=true]:border-default-400"
|
|
50
|
+
"data-[hover=true]:border-default-400 data-[focus=true]:border-default-400 data-[open=true]:border-default-400"
|
|
52
51
|
],
|
|
53
52
|
value: "group-data-[has-value=true]:text-default-foreground"
|
|
54
53
|
},
|
|
@@ -58,7 +57,6 @@ var select = tv({
|
|
|
58
57
|
"border-default-200",
|
|
59
58
|
"data-[hover=true]:border-default-400",
|
|
60
59
|
"data-[open=true]:border-default-foreground",
|
|
61
|
-
"data-[focus=true]:border-default-foreground",
|
|
62
60
|
"data-[focus=true]:border-default-foreground"
|
|
63
61
|
],
|
|
64
62
|
value: "group-data-[has-value=true]:text-default-foreground"
|
|
@@ -302,7 +300,7 @@ var select = tv({
|
|
|
302
300
|
variant: "faded",
|
|
303
301
|
color: "primary",
|
|
304
302
|
class: {
|
|
305
|
-
trigger: "data-[hover=true]:border-primary",
|
|
303
|
+
trigger: "data-[hover=true]:border-primary data-[focus=true]:border-primary data-[open=true]:border-primary",
|
|
306
304
|
label: "text-primary"
|
|
307
305
|
}
|
|
308
306
|
},
|
|
@@ -310,7 +308,7 @@ var select = tv({
|
|
|
310
308
|
variant: "faded",
|
|
311
309
|
color: "secondary",
|
|
312
310
|
class: {
|
|
313
|
-
trigger: "data-[hover=true]:border-secondary",
|
|
311
|
+
trigger: "data-[hover=true]:border-secondary data-[focus=true]:border-secondary data-[open=true]:border-secondary",
|
|
314
312
|
label: "text-secondary"
|
|
315
313
|
}
|
|
316
314
|
},
|
|
@@ -318,7 +316,7 @@ var select = tv({
|
|
|
318
316
|
variant: "faded",
|
|
319
317
|
color: "success",
|
|
320
318
|
class: {
|
|
321
|
-
trigger: "data-[hover=true]:border-success",
|
|
319
|
+
trigger: "data-[hover=true]:border-success data-[focus=true]:border-success data-[open=true]:border-success",
|
|
322
320
|
label: "text-success"
|
|
323
321
|
}
|
|
324
322
|
},
|
|
@@ -326,7 +324,7 @@ var select = tv({
|
|
|
326
324
|
variant: "faded",
|
|
327
325
|
color: "warning",
|
|
328
326
|
class: {
|
|
329
|
-
trigger: "data-[hover=true]:border-warning",
|
|
327
|
+
trigger: "data-[hover=true]:border-warning data-[focus=true]:border-warning data-[open=true]:border-warning",
|
|
330
328
|
label: "text-warning"
|
|
331
329
|
}
|
|
332
330
|
},
|
|
@@ -334,7 +332,7 @@ var select = tv({
|
|
|
334
332
|
variant: "faded",
|
|
335
333
|
color: "danger",
|
|
336
334
|
class: {
|
|
337
|
-
trigger: "data-[hover=true]:border-danger",
|
|
335
|
+
trigger: "data-[hover=true]:border-danger data-[focus=true]:border-danger data-[open=true]:border-danger",
|
|
338
336
|
label: "text-danger"
|
|
339
337
|
}
|
|
340
338
|
},
|
|
@@ -58,7 +58,7 @@ var input = tv({
|
|
|
58
58
|
flat: {
|
|
59
59
|
inputWrapper: [
|
|
60
60
|
"bg-default-100",
|
|
61
|
-
"data-[hover=true]:bg-default-
|
|
61
|
+
"data-[hover=true]:bg-default-50",
|
|
62
62
|
"group-data-[focus=true]:bg-default-100"
|
|
63
63
|
]
|
|
64
64
|
},
|
|
@@ -67,7 +67,7 @@ var input = tv({
|
|
|
67
67
|
"bg-default-100",
|
|
68
68
|
"border-medium",
|
|
69
69
|
"border-default-200",
|
|
70
|
-
"data-[hover=true]:border-default-400"
|
|
70
|
+
"data-[hover=true]:border-default-400 focus-within:border-default-400"
|
|
71
71
|
],
|
|
72
72
|
value: "group-data-[has-value=true]:text-default-foreground"
|
|
73
73
|
},
|
|
@@ -244,8 +244,8 @@ var input = tv({
|
|
|
244
244
|
color: "primary",
|
|
245
245
|
class: {
|
|
246
246
|
inputWrapper: [
|
|
247
|
-
"bg-primary-
|
|
248
|
-
"data-[hover=true]:bg-primary-
|
|
247
|
+
"bg-primary-100",
|
|
248
|
+
"data-[hover=true]:bg-primary-50",
|
|
249
249
|
"text-primary",
|
|
250
250
|
"group-data-[focus=true]:bg-primary-50",
|
|
251
251
|
"placeholder:text-primary"
|
|
@@ -259,9 +259,9 @@ var input = tv({
|
|
|
259
259
|
color: "secondary",
|
|
260
260
|
class: {
|
|
261
261
|
inputWrapper: [
|
|
262
|
-
"bg-secondary-
|
|
262
|
+
"bg-secondary-100",
|
|
263
263
|
"text-secondary",
|
|
264
|
-
"data-[hover=true]:bg-secondary-
|
|
264
|
+
"data-[hover=true]:bg-secondary-50",
|
|
265
265
|
"group-data-[focus=true]:bg-secondary-50",
|
|
266
266
|
"placeholder:text-secondary"
|
|
267
267
|
],
|
|
@@ -274,12 +274,12 @@ var input = tv({
|
|
|
274
274
|
color: "success",
|
|
275
275
|
class: {
|
|
276
276
|
inputWrapper: [
|
|
277
|
-
"bg-success-
|
|
277
|
+
"bg-success-100",
|
|
278
278
|
"text-success-600",
|
|
279
279
|
"dark:text-success",
|
|
280
280
|
"placeholder:text-success-600",
|
|
281
281
|
"dark:placeholder:text-success",
|
|
282
|
-
"data-[hover=true]:bg-success-
|
|
282
|
+
"data-[hover=true]:bg-success-50",
|
|
283
283
|
"group-data-[focus=true]:bg-success-50"
|
|
284
284
|
],
|
|
285
285
|
input: "placeholder:text-success-600 dark:placeholder:text-success",
|
|
@@ -291,12 +291,12 @@ var input = tv({
|
|
|
291
291
|
color: "warning",
|
|
292
292
|
class: {
|
|
293
293
|
inputWrapper: [
|
|
294
|
-
"bg-warning-
|
|
294
|
+
"bg-warning-100",
|
|
295
295
|
"text-warning-600",
|
|
296
296
|
"dark:text-warning",
|
|
297
297
|
"placeholder:text-warning-600",
|
|
298
298
|
"dark:placeholder:text-warning",
|
|
299
|
-
"data-[hover=true]:bg-warning-
|
|
299
|
+
"data-[hover=true]:bg-warning-50",
|
|
300
300
|
"group-data-[focus=true]:bg-warning-50"
|
|
301
301
|
],
|
|
302
302
|
input: "placeholder:text-warning-600 dark:placeholder:text-warning",
|
|
@@ -308,12 +308,12 @@ var input = tv({
|
|
|
308
308
|
color: "danger",
|
|
309
309
|
class: {
|
|
310
310
|
inputWrapper: [
|
|
311
|
-
"bg-danger-
|
|
311
|
+
"bg-danger-100",
|
|
312
312
|
"text-danger",
|
|
313
313
|
"dark:text-danger-500",
|
|
314
314
|
"placeholder:text-danger",
|
|
315
315
|
"dark:placeholder:text-danger-500",
|
|
316
|
-
"data-[hover=true]:bg-danger-
|
|
316
|
+
"data-[hover=true]:bg-danger-50",
|
|
317
317
|
"group-data-[focus=true]:bg-danger-50"
|
|
318
318
|
],
|
|
319
319
|
input: "placeholder:text-danger dark:placeholder:text-danger-500",
|
package/dist/components/index.js
CHANGED
|
@@ -3827,7 +3827,7 @@ var input = tv({
|
|
|
3827
3827
|
flat: {
|
|
3828
3828
|
inputWrapper: [
|
|
3829
3829
|
"bg-default-100",
|
|
3830
|
-
"data-[hover=true]:bg-default-
|
|
3830
|
+
"data-[hover=true]:bg-default-50",
|
|
3831
3831
|
"group-data-[focus=true]:bg-default-100"
|
|
3832
3832
|
]
|
|
3833
3833
|
},
|
|
@@ -3836,7 +3836,7 @@ var input = tv({
|
|
|
3836
3836
|
"bg-default-100",
|
|
3837
3837
|
"border-medium",
|
|
3838
3838
|
"border-default-200",
|
|
3839
|
-
"data-[hover=true]:border-default-400"
|
|
3839
|
+
"data-[hover=true]:border-default-400 focus-within:border-default-400"
|
|
3840
3840
|
],
|
|
3841
3841
|
value: "group-data-[has-value=true]:text-default-foreground"
|
|
3842
3842
|
},
|
|
@@ -4013,8 +4013,8 @@ var input = tv({
|
|
|
4013
4013
|
color: "primary",
|
|
4014
4014
|
class: {
|
|
4015
4015
|
inputWrapper: [
|
|
4016
|
-
"bg-primary-
|
|
4017
|
-
"data-[hover=true]:bg-primary-
|
|
4016
|
+
"bg-primary-100",
|
|
4017
|
+
"data-[hover=true]:bg-primary-50",
|
|
4018
4018
|
"text-primary",
|
|
4019
4019
|
"group-data-[focus=true]:bg-primary-50",
|
|
4020
4020
|
"placeholder:text-primary"
|
|
@@ -4028,9 +4028,9 @@ var input = tv({
|
|
|
4028
4028
|
color: "secondary",
|
|
4029
4029
|
class: {
|
|
4030
4030
|
inputWrapper: [
|
|
4031
|
-
"bg-secondary-
|
|
4031
|
+
"bg-secondary-100",
|
|
4032
4032
|
"text-secondary",
|
|
4033
|
-
"data-[hover=true]:bg-secondary-
|
|
4033
|
+
"data-[hover=true]:bg-secondary-50",
|
|
4034
4034
|
"group-data-[focus=true]:bg-secondary-50",
|
|
4035
4035
|
"placeholder:text-secondary"
|
|
4036
4036
|
],
|
|
@@ -4043,12 +4043,12 @@ var input = tv({
|
|
|
4043
4043
|
color: "success",
|
|
4044
4044
|
class: {
|
|
4045
4045
|
inputWrapper: [
|
|
4046
|
-
"bg-success-
|
|
4046
|
+
"bg-success-100",
|
|
4047
4047
|
"text-success-600",
|
|
4048
4048
|
"dark:text-success",
|
|
4049
4049
|
"placeholder:text-success-600",
|
|
4050
4050
|
"dark:placeholder:text-success",
|
|
4051
|
-
"data-[hover=true]:bg-success-
|
|
4051
|
+
"data-[hover=true]:bg-success-50",
|
|
4052
4052
|
"group-data-[focus=true]:bg-success-50"
|
|
4053
4053
|
],
|
|
4054
4054
|
input: "placeholder:text-success-600 dark:placeholder:text-success",
|
|
@@ -4060,12 +4060,12 @@ var input = tv({
|
|
|
4060
4060
|
color: "warning",
|
|
4061
4061
|
class: {
|
|
4062
4062
|
inputWrapper: [
|
|
4063
|
-
"bg-warning-
|
|
4063
|
+
"bg-warning-100",
|
|
4064
4064
|
"text-warning-600",
|
|
4065
4065
|
"dark:text-warning",
|
|
4066
4066
|
"placeholder:text-warning-600",
|
|
4067
4067
|
"dark:placeholder:text-warning",
|
|
4068
|
-
"data-[hover=true]:bg-warning-
|
|
4068
|
+
"data-[hover=true]:bg-warning-50",
|
|
4069
4069
|
"group-data-[focus=true]:bg-warning-50"
|
|
4070
4070
|
],
|
|
4071
4071
|
input: "placeholder:text-warning-600 dark:placeholder:text-warning",
|
|
@@ -4077,12 +4077,12 @@ var input = tv({
|
|
|
4077
4077
|
color: "danger",
|
|
4078
4078
|
class: {
|
|
4079
4079
|
inputWrapper: [
|
|
4080
|
-
"bg-danger-
|
|
4080
|
+
"bg-danger-100",
|
|
4081
4081
|
"text-danger",
|
|
4082
4082
|
"dark:text-danger-500",
|
|
4083
4083
|
"placeholder:text-danger",
|
|
4084
4084
|
"dark:placeholder:text-danger-500",
|
|
4085
|
-
"data-[hover=true]:bg-danger-
|
|
4085
|
+
"data-[hover=true]:bg-danger-50",
|
|
4086
4086
|
"group-data-[focus=true]:bg-danger-50"
|
|
4087
4087
|
],
|
|
4088
4088
|
input: "placeholder:text-danger dark:placeholder:text-danger-500",
|
|
@@ -6220,17 +6220,16 @@ var select = tv({
|
|
|
6220
6220
|
flat: {
|
|
6221
6221
|
trigger: [
|
|
6222
6222
|
"bg-default-100",
|
|
6223
|
-
"data-[hover=true]:bg-default-
|
|
6224
|
-
"group-data-[focus=true]:bg-default-
|
|
6223
|
+
"data-[hover=true]:bg-default-50",
|
|
6224
|
+
"group-data-[focus=true]:bg-default-50"
|
|
6225
6225
|
]
|
|
6226
6226
|
},
|
|
6227
6227
|
faded: {
|
|
6228
6228
|
trigger: [
|
|
6229
6229
|
"bg-default-100",
|
|
6230
|
-
"data-[hover=true]:bg-default-200",
|
|
6231
6230
|
"border-medium",
|
|
6232
6231
|
"border-default-200",
|
|
6233
|
-
"data-[hover=true]:border-default-400"
|
|
6232
|
+
"data-[hover=true]:border-default-400 data-[focus=true]:border-default-400 data-[open=true]:border-default-400"
|
|
6234
6233
|
],
|
|
6235
6234
|
value: "group-data-[has-value=true]:text-default-foreground"
|
|
6236
6235
|
},
|
|
@@ -6240,7 +6239,6 @@ var select = tv({
|
|
|
6240
6239
|
"border-default-200",
|
|
6241
6240
|
"data-[hover=true]:border-default-400",
|
|
6242
6241
|
"data-[open=true]:border-default-foreground",
|
|
6243
|
-
"data-[focus=true]:border-default-foreground",
|
|
6244
6242
|
"data-[focus=true]:border-default-foreground"
|
|
6245
6243
|
],
|
|
6246
6244
|
value: "group-data-[has-value=true]:text-default-foreground"
|
|
@@ -6484,7 +6482,7 @@ var select = tv({
|
|
|
6484
6482
|
variant: "faded",
|
|
6485
6483
|
color: "primary",
|
|
6486
6484
|
class: {
|
|
6487
|
-
trigger: "data-[hover=true]:border-primary",
|
|
6485
|
+
trigger: "data-[hover=true]:border-primary data-[focus=true]:border-primary data-[open=true]:border-primary",
|
|
6488
6486
|
label: "text-primary"
|
|
6489
6487
|
}
|
|
6490
6488
|
},
|
|
@@ -6492,7 +6490,7 @@ var select = tv({
|
|
|
6492
6490
|
variant: "faded",
|
|
6493
6491
|
color: "secondary",
|
|
6494
6492
|
class: {
|
|
6495
|
-
trigger: "data-[hover=true]:border-secondary",
|
|
6493
|
+
trigger: "data-[hover=true]:border-secondary data-[focus=true]:border-secondary data-[open=true]:border-secondary",
|
|
6496
6494
|
label: "text-secondary"
|
|
6497
6495
|
}
|
|
6498
6496
|
},
|
|
@@ -6500,7 +6498,7 @@ var select = tv({
|
|
|
6500
6498
|
variant: "faded",
|
|
6501
6499
|
color: "success",
|
|
6502
6500
|
class: {
|
|
6503
|
-
trigger: "data-[hover=true]:border-success",
|
|
6501
|
+
trigger: "data-[hover=true]:border-success data-[focus=true]:border-success data-[open=true]:border-success",
|
|
6504
6502
|
label: "text-success"
|
|
6505
6503
|
}
|
|
6506
6504
|
},
|
|
@@ -6508,7 +6506,7 @@ var select = tv({
|
|
|
6508
6506
|
variant: "faded",
|
|
6509
6507
|
color: "warning",
|
|
6510
6508
|
class: {
|
|
6511
|
-
trigger: "data-[hover=true]:border-warning",
|
|
6509
|
+
trigger: "data-[hover=true]:border-warning data-[focus=true]:border-warning data-[open=true]:border-warning",
|
|
6512
6510
|
label: "text-warning"
|
|
6513
6511
|
}
|
|
6514
6512
|
},
|
|
@@ -6516,7 +6514,7 @@ var select = tv({
|
|
|
6516
6514
|
variant: "faded",
|
|
6517
6515
|
color: "danger",
|
|
6518
6516
|
class: {
|
|
6519
|
-
trigger: "data-[hover=true]:border-danger",
|
|
6517
|
+
trigger: "data-[hover=true]:border-danger data-[focus=true]:border-danger data-[open=true]:border-danger",
|
|
6520
6518
|
label: "text-danger"
|
|
6521
6519
|
}
|
|
6522
6520
|
},
|
|
@@ -26,7 +26,7 @@ import {
|
|
|
26
26
|
} from "../chunk-AN5I7NTT.mjs";
|
|
27
27
|
import {
|
|
28
28
|
select
|
|
29
|
-
} from "../chunk-
|
|
29
|
+
} from "../chunk-3ANIDDEW.mjs";
|
|
30
30
|
import {
|
|
31
31
|
skeleton
|
|
32
32
|
} from "../chunk-OAHW4NON.mjs";
|
|
@@ -88,7 +88,7 @@ import {
|
|
|
88
88
|
} from "../chunk-TOQXZATI.mjs";
|
|
89
89
|
import {
|
|
90
90
|
input
|
|
91
|
-
} from "../chunk-
|
|
91
|
+
} from "../chunk-MXL6JCUG.mjs";
|
|
92
92
|
import {
|
|
93
93
|
button,
|
|
94
94
|
buttonGroup
|
package/dist/components/input.js
CHANGED
|
@@ -139,7 +139,7 @@ var input = tv({
|
|
|
139
139
|
flat: {
|
|
140
140
|
inputWrapper: [
|
|
141
141
|
"bg-default-100",
|
|
142
|
-
"data-[hover=true]:bg-default-
|
|
142
|
+
"data-[hover=true]:bg-default-50",
|
|
143
143
|
"group-data-[focus=true]:bg-default-100"
|
|
144
144
|
]
|
|
145
145
|
},
|
|
@@ -148,7 +148,7 @@ var input = tv({
|
|
|
148
148
|
"bg-default-100",
|
|
149
149
|
"border-medium",
|
|
150
150
|
"border-default-200",
|
|
151
|
-
"data-[hover=true]:border-default-400"
|
|
151
|
+
"data-[hover=true]:border-default-400 focus-within:border-default-400"
|
|
152
152
|
],
|
|
153
153
|
value: "group-data-[has-value=true]:text-default-foreground"
|
|
154
154
|
},
|
|
@@ -325,8 +325,8 @@ var input = tv({
|
|
|
325
325
|
color: "primary",
|
|
326
326
|
class: {
|
|
327
327
|
inputWrapper: [
|
|
328
|
-
"bg-primary-
|
|
329
|
-
"data-[hover=true]:bg-primary-
|
|
328
|
+
"bg-primary-100",
|
|
329
|
+
"data-[hover=true]:bg-primary-50",
|
|
330
330
|
"text-primary",
|
|
331
331
|
"group-data-[focus=true]:bg-primary-50",
|
|
332
332
|
"placeholder:text-primary"
|
|
@@ -340,9 +340,9 @@ var input = tv({
|
|
|
340
340
|
color: "secondary",
|
|
341
341
|
class: {
|
|
342
342
|
inputWrapper: [
|
|
343
|
-
"bg-secondary-
|
|
343
|
+
"bg-secondary-100",
|
|
344
344
|
"text-secondary",
|
|
345
|
-
"data-[hover=true]:bg-secondary-
|
|
345
|
+
"data-[hover=true]:bg-secondary-50",
|
|
346
346
|
"group-data-[focus=true]:bg-secondary-50",
|
|
347
347
|
"placeholder:text-secondary"
|
|
348
348
|
],
|
|
@@ -355,12 +355,12 @@ var input = tv({
|
|
|
355
355
|
color: "success",
|
|
356
356
|
class: {
|
|
357
357
|
inputWrapper: [
|
|
358
|
-
"bg-success-
|
|
358
|
+
"bg-success-100",
|
|
359
359
|
"text-success-600",
|
|
360
360
|
"dark:text-success",
|
|
361
361
|
"placeholder:text-success-600",
|
|
362
362
|
"dark:placeholder:text-success",
|
|
363
|
-
"data-[hover=true]:bg-success-
|
|
363
|
+
"data-[hover=true]:bg-success-50",
|
|
364
364
|
"group-data-[focus=true]:bg-success-50"
|
|
365
365
|
],
|
|
366
366
|
input: "placeholder:text-success-600 dark:placeholder:text-success",
|
|
@@ -372,12 +372,12 @@ var input = tv({
|
|
|
372
372
|
color: "warning",
|
|
373
373
|
class: {
|
|
374
374
|
inputWrapper: [
|
|
375
|
-
"bg-warning-
|
|
375
|
+
"bg-warning-100",
|
|
376
376
|
"text-warning-600",
|
|
377
377
|
"dark:text-warning",
|
|
378
378
|
"placeholder:text-warning-600",
|
|
379
379
|
"dark:placeholder:text-warning",
|
|
380
|
-
"data-[hover=true]:bg-warning-
|
|
380
|
+
"data-[hover=true]:bg-warning-50",
|
|
381
381
|
"group-data-[focus=true]:bg-warning-50"
|
|
382
382
|
],
|
|
383
383
|
input: "placeholder:text-warning-600 dark:placeholder:text-warning",
|
|
@@ -389,12 +389,12 @@ var input = tv({
|
|
|
389
389
|
color: "danger",
|
|
390
390
|
class: {
|
|
391
391
|
inputWrapper: [
|
|
392
|
-
"bg-danger-
|
|
392
|
+
"bg-danger-100",
|
|
393
393
|
"text-danger",
|
|
394
394
|
"dark:text-danger-500",
|
|
395
395
|
"placeholder:text-danger",
|
|
396
396
|
"dark:placeholder:text-danger-500",
|
|
397
|
-
"data-[hover=true]:bg-danger-
|
|
397
|
+
"data-[hover=true]:bg-danger-50",
|
|
398
398
|
"group-data-[focus=true]:bg-danger-50"
|
|
399
399
|
],
|
|
400
400
|
input: "placeholder:text-danger dark:placeholder:text-danger-500",
|
|
@@ -110,17 +110,16 @@ var select = tv({
|
|
|
110
110
|
flat: {
|
|
111
111
|
trigger: [
|
|
112
112
|
"bg-default-100",
|
|
113
|
-
"data-[hover=true]:bg-default-
|
|
114
|
-
"group-data-[focus=true]:bg-default-
|
|
113
|
+
"data-[hover=true]:bg-default-50",
|
|
114
|
+
"group-data-[focus=true]:bg-default-50"
|
|
115
115
|
]
|
|
116
116
|
},
|
|
117
117
|
faded: {
|
|
118
118
|
trigger: [
|
|
119
119
|
"bg-default-100",
|
|
120
|
-
"data-[hover=true]:bg-default-200",
|
|
121
120
|
"border-medium",
|
|
122
121
|
"border-default-200",
|
|
123
|
-
"data-[hover=true]:border-default-400"
|
|
122
|
+
"data-[hover=true]:border-default-400 data-[focus=true]:border-default-400 data-[open=true]:border-default-400"
|
|
124
123
|
],
|
|
125
124
|
value: "group-data-[has-value=true]:text-default-foreground"
|
|
126
125
|
},
|
|
@@ -130,7 +129,6 @@ var select = tv({
|
|
|
130
129
|
"border-default-200",
|
|
131
130
|
"data-[hover=true]:border-default-400",
|
|
132
131
|
"data-[open=true]:border-default-foreground",
|
|
133
|
-
"data-[focus=true]:border-default-foreground",
|
|
134
132
|
"data-[focus=true]:border-default-foreground"
|
|
135
133
|
],
|
|
136
134
|
value: "group-data-[has-value=true]:text-default-foreground"
|
|
@@ -374,7 +372,7 @@ var select = tv({
|
|
|
374
372
|
variant: "faded",
|
|
375
373
|
color: "primary",
|
|
376
374
|
class: {
|
|
377
|
-
trigger: "data-[hover=true]:border-primary",
|
|
375
|
+
trigger: "data-[hover=true]:border-primary data-[focus=true]:border-primary data-[open=true]:border-primary",
|
|
378
376
|
label: "text-primary"
|
|
379
377
|
}
|
|
380
378
|
},
|
|
@@ -382,7 +380,7 @@ var select = tv({
|
|
|
382
380
|
variant: "faded",
|
|
383
381
|
color: "secondary",
|
|
384
382
|
class: {
|
|
385
|
-
trigger: "data-[hover=true]:border-secondary",
|
|
383
|
+
trigger: "data-[hover=true]:border-secondary data-[focus=true]:border-secondary data-[open=true]:border-secondary",
|
|
386
384
|
label: "text-secondary"
|
|
387
385
|
}
|
|
388
386
|
},
|
|
@@ -390,7 +388,7 @@ var select = tv({
|
|
|
390
388
|
variant: "faded",
|
|
391
389
|
color: "success",
|
|
392
390
|
class: {
|
|
393
|
-
trigger: "data-[hover=true]:border-success",
|
|
391
|
+
trigger: "data-[hover=true]:border-success data-[focus=true]:border-success data-[open=true]:border-success",
|
|
394
392
|
label: "text-success"
|
|
395
393
|
}
|
|
396
394
|
},
|
|
@@ -398,7 +396,7 @@ var select = tv({
|
|
|
398
396
|
variant: "faded",
|
|
399
397
|
color: "warning",
|
|
400
398
|
class: {
|
|
401
|
-
trigger: "data-[hover=true]:border-warning",
|
|
399
|
+
trigger: "data-[hover=true]:border-warning data-[focus=true]:border-warning data-[open=true]:border-warning",
|
|
402
400
|
label: "text-warning"
|
|
403
401
|
}
|
|
404
402
|
},
|
|
@@ -406,7 +404,7 @@ var select = tv({
|
|
|
406
404
|
variant: "faded",
|
|
407
405
|
color: "danger",
|
|
408
406
|
class: {
|
|
409
|
-
trigger: "data-[hover=true]:border-danger",
|
|
407
|
+
trigger: "data-[hover=true]:border-danger data-[focus=true]:border-danger data-[open=true]:border-danger",
|
|
410
408
|
label: "text-danger"
|
|
411
409
|
}
|
|
412
410
|
},
|
package/dist/index.js
CHANGED
|
@@ -3872,7 +3872,7 @@ var input = tv({
|
|
|
3872
3872
|
flat: {
|
|
3873
3873
|
inputWrapper: [
|
|
3874
3874
|
"bg-default-100",
|
|
3875
|
-
"data-[hover=true]:bg-default-
|
|
3875
|
+
"data-[hover=true]:bg-default-50",
|
|
3876
3876
|
"group-data-[focus=true]:bg-default-100"
|
|
3877
3877
|
]
|
|
3878
3878
|
},
|
|
@@ -3881,7 +3881,7 @@ var input = tv({
|
|
|
3881
3881
|
"bg-default-100",
|
|
3882
3882
|
"border-medium",
|
|
3883
3883
|
"border-default-200",
|
|
3884
|
-
"data-[hover=true]:border-default-400"
|
|
3884
|
+
"data-[hover=true]:border-default-400 focus-within:border-default-400"
|
|
3885
3885
|
],
|
|
3886
3886
|
value: "group-data-[has-value=true]:text-default-foreground"
|
|
3887
3887
|
},
|
|
@@ -4058,8 +4058,8 @@ var input = tv({
|
|
|
4058
4058
|
color: "primary",
|
|
4059
4059
|
class: {
|
|
4060
4060
|
inputWrapper: [
|
|
4061
|
-
"bg-primary-
|
|
4062
|
-
"data-[hover=true]:bg-primary-
|
|
4061
|
+
"bg-primary-100",
|
|
4062
|
+
"data-[hover=true]:bg-primary-50",
|
|
4063
4063
|
"text-primary",
|
|
4064
4064
|
"group-data-[focus=true]:bg-primary-50",
|
|
4065
4065
|
"placeholder:text-primary"
|
|
@@ -4073,9 +4073,9 @@ var input = tv({
|
|
|
4073
4073
|
color: "secondary",
|
|
4074
4074
|
class: {
|
|
4075
4075
|
inputWrapper: [
|
|
4076
|
-
"bg-secondary-
|
|
4076
|
+
"bg-secondary-100",
|
|
4077
4077
|
"text-secondary",
|
|
4078
|
-
"data-[hover=true]:bg-secondary-
|
|
4078
|
+
"data-[hover=true]:bg-secondary-50",
|
|
4079
4079
|
"group-data-[focus=true]:bg-secondary-50",
|
|
4080
4080
|
"placeholder:text-secondary"
|
|
4081
4081
|
],
|
|
@@ -4088,12 +4088,12 @@ var input = tv({
|
|
|
4088
4088
|
color: "success",
|
|
4089
4089
|
class: {
|
|
4090
4090
|
inputWrapper: [
|
|
4091
|
-
"bg-success-
|
|
4091
|
+
"bg-success-100",
|
|
4092
4092
|
"text-success-600",
|
|
4093
4093
|
"dark:text-success",
|
|
4094
4094
|
"placeholder:text-success-600",
|
|
4095
4095
|
"dark:placeholder:text-success",
|
|
4096
|
-
"data-[hover=true]:bg-success-
|
|
4096
|
+
"data-[hover=true]:bg-success-50",
|
|
4097
4097
|
"group-data-[focus=true]:bg-success-50"
|
|
4098
4098
|
],
|
|
4099
4099
|
input: "placeholder:text-success-600 dark:placeholder:text-success",
|
|
@@ -4105,12 +4105,12 @@ var input = tv({
|
|
|
4105
4105
|
color: "warning",
|
|
4106
4106
|
class: {
|
|
4107
4107
|
inputWrapper: [
|
|
4108
|
-
"bg-warning-
|
|
4108
|
+
"bg-warning-100",
|
|
4109
4109
|
"text-warning-600",
|
|
4110
4110
|
"dark:text-warning",
|
|
4111
4111
|
"placeholder:text-warning-600",
|
|
4112
4112
|
"dark:placeholder:text-warning",
|
|
4113
|
-
"data-[hover=true]:bg-warning-
|
|
4113
|
+
"data-[hover=true]:bg-warning-50",
|
|
4114
4114
|
"group-data-[focus=true]:bg-warning-50"
|
|
4115
4115
|
],
|
|
4116
4116
|
input: "placeholder:text-warning-600 dark:placeholder:text-warning",
|
|
@@ -4122,12 +4122,12 @@ var input = tv({
|
|
|
4122
4122
|
color: "danger",
|
|
4123
4123
|
class: {
|
|
4124
4124
|
inputWrapper: [
|
|
4125
|
-
"bg-danger-
|
|
4125
|
+
"bg-danger-100",
|
|
4126
4126
|
"text-danger",
|
|
4127
4127
|
"dark:text-danger-500",
|
|
4128
4128
|
"placeholder:text-danger",
|
|
4129
4129
|
"dark:placeholder:text-danger-500",
|
|
4130
|
-
"data-[hover=true]:bg-danger-
|
|
4130
|
+
"data-[hover=true]:bg-danger-50",
|
|
4131
4131
|
"group-data-[focus=true]:bg-danger-50"
|
|
4132
4132
|
],
|
|
4133
4133
|
input: "placeholder:text-danger dark:placeholder:text-danger-500",
|
|
@@ -6265,17 +6265,16 @@ var select = tv({
|
|
|
6265
6265
|
flat: {
|
|
6266
6266
|
trigger: [
|
|
6267
6267
|
"bg-default-100",
|
|
6268
|
-
"data-[hover=true]:bg-default-
|
|
6269
|
-
"group-data-[focus=true]:bg-default-
|
|
6268
|
+
"data-[hover=true]:bg-default-50",
|
|
6269
|
+
"group-data-[focus=true]:bg-default-50"
|
|
6270
6270
|
]
|
|
6271
6271
|
},
|
|
6272
6272
|
faded: {
|
|
6273
6273
|
trigger: [
|
|
6274
6274
|
"bg-default-100",
|
|
6275
|
-
"data-[hover=true]:bg-default-200",
|
|
6276
6275
|
"border-medium",
|
|
6277
6276
|
"border-default-200",
|
|
6278
|
-
"data-[hover=true]:border-default-400"
|
|
6277
|
+
"data-[hover=true]:border-default-400 data-[focus=true]:border-default-400 data-[open=true]:border-default-400"
|
|
6279
6278
|
],
|
|
6280
6279
|
value: "group-data-[has-value=true]:text-default-foreground"
|
|
6281
6280
|
},
|
|
@@ -6285,7 +6284,6 @@ var select = tv({
|
|
|
6285
6284
|
"border-default-200",
|
|
6286
6285
|
"data-[hover=true]:border-default-400",
|
|
6287
6286
|
"data-[open=true]:border-default-foreground",
|
|
6288
|
-
"data-[focus=true]:border-default-foreground",
|
|
6289
6287
|
"data-[focus=true]:border-default-foreground"
|
|
6290
6288
|
],
|
|
6291
6289
|
value: "group-data-[has-value=true]:text-default-foreground"
|
|
@@ -6529,7 +6527,7 @@ var select = tv({
|
|
|
6529
6527
|
variant: "faded",
|
|
6530
6528
|
color: "primary",
|
|
6531
6529
|
class: {
|
|
6532
|
-
trigger: "data-[hover=true]:border-primary",
|
|
6530
|
+
trigger: "data-[hover=true]:border-primary data-[focus=true]:border-primary data-[open=true]:border-primary",
|
|
6533
6531
|
label: "text-primary"
|
|
6534
6532
|
}
|
|
6535
6533
|
},
|
|
@@ -6537,7 +6535,7 @@ var select = tv({
|
|
|
6537
6535
|
variant: "faded",
|
|
6538
6536
|
color: "secondary",
|
|
6539
6537
|
class: {
|
|
6540
|
-
trigger: "data-[hover=true]:border-secondary",
|
|
6538
|
+
trigger: "data-[hover=true]:border-secondary data-[focus=true]:border-secondary data-[open=true]:border-secondary",
|
|
6541
6539
|
label: "text-secondary"
|
|
6542
6540
|
}
|
|
6543
6541
|
},
|
|
@@ -6545,7 +6543,7 @@ var select = tv({
|
|
|
6545
6543
|
variant: "faded",
|
|
6546
6544
|
color: "success",
|
|
6547
6545
|
class: {
|
|
6548
|
-
trigger: "data-[hover=true]:border-success",
|
|
6546
|
+
trigger: "data-[hover=true]:border-success data-[focus=true]:border-success data-[open=true]:border-success",
|
|
6549
6547
|
label: "text-success"
|
|
6550
6548
|
}
|
|
6551
6549
|
},
|
|
@@ -6553,7 +6551,7 @@ var select = tv({
|
|
|
6553
6551
|
variant: "faded",
|
|
6554
6552
|
color: "warning",
|
|
6555
6553
|
class: {
|
|
6556
|
-
trigger: "data-[hover=true]:border-warning",
|
|
6554
|
+
trigger: "data-[hover=true]:border-warning data-[focus=true]:border-warning data-[open=true]:border-warning",
|
|
6557
6555
|
label: "text-warning"
|
|
6558
6556
|
}
|
|
6559
6557
|
},
|
|
@@ -6561,7 +6559,7 @@ var select = tv({
|
|
|
6561
6559
|
variant: "faded",
|
|
6562
6560
|
color: "danger",
|
|
6563
6561
|
class: {
|
|
6564
|
-
trigger: "data-[hover=true]:border-danger",
|
|
6562
|
+
trigger: "data-[hover=true]:border-danger data-[focus=true]:border-danger data-[open=true]:border-danger",
|
|
6565
6563
|
label: "text-danger"
|
|
6566
6564
|
}
|
|
6567
6565
|
},
|
package/dist/index.mjs
CHANGED
|
@@ -26,7 +26,7 @@ import {
|
|
|
26
26
|
} from "./chunk-AN5I7NTT.mjs";
|
|
27
27
|
import {
|
|
28
28
|
select
|
|
29
|
-
} from "./chunk-
|
|
29
|
+
} from "./chunk-3ANIDDEW.mjs";
|
|
30
30
|
import {
|
|
31
31
|
skeleton
|
|
32
32
|
} from "./chunk-OAHW4NON.mjs";
|
|
@@ -88,7 +88,7 @@ import {
|
|
|
88
88
|
} from "./chunk-TOQXZATI.mjs";
|
|
89
89
|
import {
|
|
90
90
|
input
|
|
91
|
-
} from "./chunk-
|
|
91
|
+
} from "./chunk-MXL6JCUG.mjs";
|
|
92
92
|
import {
|
|
93
93
|
button,
|
|
94
94
|
buttonGroup
|