@nextui-org/theme 0.0.0-dev-v2-20230713005129 → 0.0.0-dev-v2-20230714000855

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 (76) hide show
  1. package/dist/{chunk-T6UMKH5T.mjs → chunk-3OO2OG3D.mjs} +1 -1
  2. package/dist/{chunk-6DI3RNGE.mjs → chunk-7CWAY3O6.mjs} +1 -1
  3. package/dist/{chunk-N6C6LYQO.mjs → chunk-7VWFPKXY.mjs} +1 -1
  4. package/dist/{chunk-VHG4P7Y5.mjs → chunk-7XCRZIGF.mjs} +2 -0
  5. package/dist/{chunk-TZ64KDZN.mjs → chunk-BSCHFKQW.mjs} +1 -1
  6. package/dist/{chunk-EXT7AB7O.mjs → chunk-BTHG2MOO.mjs} +1 -1
  7. package/dist/{chunk-5DDC6SNO.mjs → chunk-DAX4HULG.mjs} +2 -1
  8. package/dist/{chunk-IT37OKG3.mjs → chunk-DK3LBYIW.mjs} +1 -1
  9. package/dist/{chunk-QHWXAS5T.mjs → chunk-FTAANQDH.mjs} +2 -2
  10. package/dist/{chunk-CXXMJHL4.mjs → chunk-FZB6NELW.mjs} +1 -1
  11. package/dist/{chunk-7L2ZWDVP.mjs → chunk-G4RCK475.mjs} +1 -1
  12. package/dist/{chunk-I7EZIXMH.mjs → chunk-GQCXHDRA.mjs} +1 -1
  13. package/dist/{chunk-DCIHPFF7.mjs → chunk-GRAE3A2P.mjs} +1 -1
  14. package/dist/{chunk-EZJXR6D2.mjs → chunk-NAQMB7Q2.mjs} +6 -6
  15. package/dist/{chunk-J3O57PEK.mjs → chunk-NW4JUNKJ.mjs} +1 -1
  16. package/dist/{chunk-WXB4HELT.mjs → chunk-NWJ7Y4FY.mjs} +1 -1
  17. package/dist/{chunk-QGHMGO5E.mjs → chunk-QZTWGJ72.mjs} +2 -2
  18. package/dist/{chunk-O2SSRKMV.mjs → chunk-RXPDLLTT.mjs} +1 -1
  19. package/dist/{chunk-FKJOD7CI.mjs → chunk-USEN2DE7.mjs} +1 -1
  20. package/dist/{chunk-VU2QPQFP.mjs → chunk-W4Y7SD3F.mjs} +1 -1
  21. package/dist/{chunk-FNH7SN6K.mjs → chunk-X66RRFWA.mjs} +13 -16
  22. package/dist/{chunk-VRLFXFG4.mjs → chunk-YU23PDLH.mjs} +1 -1
  23. package/dist/{chunk-YDWKAAF3.mjs → chunk-ZLMOQ2CL.mjs} +42 -0
  24. package/dist/colors/common.mjs +3 -3
  25. package/dist/colors/index.mjs +5 -5
  26. package/dist/colors/semantic.mjs +4 -4
  27. package/dist/colors.mjs +5 -5
  28. package/dist/components/accordion.js +1 -0
  29. package/dist/components/accordion.mjs +2 -2
  30. package/dist/components/avatar.js +1 -0
  31. package/dist/components/avatar.mjs +2 -2
  32. package/dist/components/badge.mjs +1 -1
  33. package/dist/components/button.js +2 -0
  34. package/dist/components/button.mjs +2 -2
  35. package/dist/components/card.js +1 -0
  36. package/dist/components/card.mjs +2 -2
  37. package/dist/components/checkbox.mjs +2 -2
  38. package/dist/components/chip.mjs +2 -2
  39. package/dist/components/code.mjs +1 -1
  40. package/dist/components/dropdown.js +1 -0
  41. package/dist/components/dropdown.mjs +2 -2
  42. package/dist/components/index.js +57 -16
  43. package/dist/components/index.mjs +46 -46
  44. package/dist/components/input.js +2 -1
  45. package/dist/components/input.mjs +2 -2
  46. package/dist/components/link.js +1 -0
  47. package/dist/components/link.mjs +2 -2
  48. package/dist/components/modal.js +1 -0
  49. package/dist/components/modal.mjs +2 -2
  50. package/dist/components/navbar.js +1 -0
  51. package/dist/components/navbar.mjs +2 -2
  52. package/dist/components/pagination.js +1 -0
  53. package/dist/components/pagination.mjs +2 -2
  54. package/dist/components/popover.js +1 -0
  55. package/dist/components/popover.mjs +2 -2
  56. package/dist/components/radio.mjs +2 -2
  57. package/dist/components/snippet.js +42 -0
  58. package/dist/components/snippet.mjs +2 -2
  59. package/dist/components/table.d.ts +40 -58
  60. package/dist/components/table.js +13 -15
  61. package/dist/components/table.mjs +2 -2
  62. package/dist/components/tabs.js +1 -0
  63. package/dist/components/tabs.mjs +2 -2
  64. package/dist/components/toggle.js +1 -0
  65. package/dist/components/toggle.mjs +2 -2
  66. package/dist/components/user.js +1 -0
  67. package/dist/components/user.mjs +2 -2
  68. package/dist/index.js +58 -16
  69. package/dist/index.mjs +53 -53
  70. package/dist/plugin.mjs +8 -8
  71. package/dist/utils/classes.js +2 -0
  72. package/dist/utils/classes.mjs +1 -1
  73. package/dist/utils/index.js +2 -0
  74. package/dist/utils/index.mjs +1 -1
  75. package/package.json +1 -1
  76. package/dist/{chunk-6TOTQSJE.mjs → chunk-IAS3SFA4.mjs} +6 -6
package/dist/components/table.d.ts CHANGED
@@ -68,30 +68,30 @@ declare const table: tailwind_variants.TVReturnType<{
68
68
  };
69
69
  radius: {
70
70
  none: {
71
- base: string;
71
+ wrapper: string;
72
72
  };
73
73
  sm: {
74
- base: string;
74
+ wrapper: string;
75
75
  };
76
76
  md: {
77
- base: string;
77
+ wrapper: string;
78
78
  };
79
79
  lg: {
80
- base: string;
80
+ wrapper: string;
81
81
  };
82
82
  };
83
83
  shadow: {
84
84
  none: {
85
- base: string;
85
+ wrapper: string;
86
86
  };
87
87
  sm: {
88
- base: string;
88
+ wrapper: string;
89
89
  };
90
90
  md: {
91
- base: string;
91
+ wrapper: string;
92
92
  };
93
93
  lg: {
94
- base: string;
94
+ wrapper: string;
95
95
  };
96
96
  };
97
97
  hideHeader: {
@@ -126,17 +126,13 @@ declare const table: tailwind_variants.TVReturnType<{
126
126
  fullWidth: {
127
127
  true: {
128
128
  base: string;
129
+ wrapper: string;
129
130
  table: string;
130
131
  };
131
132
  };
132
- disableAnimation: {
133
- true: {};
134
- false: {
135
- td: string;
136
- };
137
- };
138
133
  }, {
139
- base: string[];
134
+ base: string;
135
+ wrapper: string[];
140
136
  table: string;
141
137
  thead: string;
142
138
  tbody: string;
@@ -178,30 +174,30 @@ declare const table: tailwind_variants.TVReturnType<{
178
174
  };
179
175
  radius: {
180
176
  none: {
181
- base: string;
177
+ wrapper: string;
182
178
  };
183
179
  sm: {
184
- base: string;
180
+ wrapper: string;
185
181
  };
186
182
  md: {
187
- base: string;
183
+ wrapper: string;
188
184
  };
189
185
  lg: {
190
- base: string;
186
+ wrapper: string;
191
187
  };
192
188
  };
193
189
  shadow: {
194
190
  none: {
195
- base: string;
191
+ wrapper: string;
196
192
  };
197
193
  sm: {
198
- base: string;
194
+ wrapper: string;
199
195
  };
200
196
  md: {
201
- base: string;
197
+ wrapper: string;
202
198
  };
203
199
  lg: {
204
- base: string;
200
+ wrapper: string;
205
201
  };
206
202
  };
207
203
  hideHeader: {
@@ -236,15 +232,10 @@ declare const table: tailwind_variants.TVReturnType<{
236
232
  fullWidth: {
237
233
  true: {
238
234
  base: string;
235
+ wrapper: string;
239
236
  table: string;
240
237
  };
241
238
  };
242
- disableAnimation: {
243
- true: {};
244
- false: {
245
- td: string;
246
- };
247
- };
248
239
  }, {
249
240
  color: {
250
241
  default: {
@@ -276,30 +267,30 @@ declare const table: tailwind_variants.TVReturnType<{
276
267
  };
277
268
  radius: {
278
269
  none: {
279
- base: string;
270
+ wrapper: string;
280
271
  };
281
272
  sm: {
282
- base: string;
273
+ wrapper: string;
283
274
  };
284
275
  md: {
285
- base: string;
276
+ wrapper: string;
286
277
  };
287
278
  lg: {
288
- base: string;
279
+ wrapper: string;
289
280
  };
290
281
  };
291
282
  shadow: {
292
283
  none: {
293
- base: string;
284
+ wrapper: string;
294
285
  };
295
286
  sm: {
296
- base: string;
287
+ wrapper: string;
297
288
  };
298
289
  md: {
299
- base: string;
290
+ wrapper: string;
300
291
  };
301
292
  lg: {
302
- base: string;
293
+ wrapper: string;
303
294
  };
304
295
  };
305
296
  hideHeader: {
@@ -334,15 +325,10 @@ declare const table: tailwind_variants.TVReturnType<{
334
325
  fullWidth: {
335
326
  true: {
336
327
  base: string;
328
+ wrapper: string;
337
329
  table: string;
338
330
  };
339
331
  };
340
- disableAnimation: {
341
- true: {};
342
- false: {
343
- td: string;
344
- };
345
- };
346
332
  }>, {
347
333
  color: {
348
334
  default: {
@@ -374,30 +360,30 @@ declare const table: tailwind_variants.TVReturnType<{
374
360
  };
375
361
  radius: {
376
362
  none: {
377
- base: string;
363
+ wrapper: string;
378
364
  };
379
365
  sm: {
380
- base: string;
366
+ wrapper: string;
381
367
  };
382
368
  md: {
383
- base: string;
369
+ wrapper: string;
384
370
  };
385
371
  lg: {
386
- base: string;
372
+ wrapper: string;
387
373
  };
388
374
  };
389
375
  shadow: {
390
376
  none: {
391
- base: string;
377
+ wrapper: string;
392
378
  };
393
379
  sm: {
394
- base: string;
380
+ wrapper: string;
395
381
  };
396
382
  md: {
397
- base: string;
383
+ wrapper: string;
398
384
  };
399
385
  lg: {
400
- base: string;
386
+ wrapper: string;
401
387
  };
402
388
  };
403
389
  hideHeader: {
@@ -432,17 +418,13 @@ declare const table: tailwind_variants.TVReturnType<{
432
418
  fullWidth: {
433
419
  true: {
434
420
  base: string;
421
+ wrapper: string;
435
422
  table: string;
436
423
  };
437
424
  };
438
- disableAnimation: {
439
- true: {};
440
- false: {
441
- td: string;
442
- };
443
- };
444
425
  }, {
445
- base: string[];
426
+ base: string;
427
+ wrapper: string[];
446
428
  table: string;
447
429
  thead: string;
448
430
  tbody: string;
package/dist/components/table.js CHANGED
@@ -113,6 +113,7 @@ var tv = (options, config) => {
113
113
 
114
114
  // src/utils/classes.ts
115
115
  var dataFocusVisibleClasses = [
116
+ "data-[focus-visible=true]:z-10",
116
117
  "data-[focus-visible=true]:outline-2",
117
118
  "data-[focus-visible=true]:outline-focus",
118
119
  "data-[focus-visible=true]:outline-offset-2"
@@ -121,7 +122,8 @@ var dataFocusVisibleClasses = [
121
122
  // src/components/table.ts
122
123
  var table = tv({
123
124
  slots: {
124
- base: [
125
+ base: "flex flex-col relative gap-4",
126
+ wrapper: [
125
127
  "p-4",
126
128
  "z-0",
127
129
  "flex",
@@ -144,6 +146,7 @@ var table = tv({
144
146
  "text-left",
145
147
  "align-middle",
146
148
  "bg-default-100",
149
+ "whitespace-nowrap",
147
150
  "text-foreground-500",
148
151
  "text-tiny",
149
152
  "font-semibold",
@@ -219,30 +222,30 @@ var table = tv({
219
222
  },
220
223
  radius: {
221
224
  none: {
222
- base: "rounded-none"
225
+ wrapper: "rounded-none"
223
226
  },
224
227
  sm: {
225
- base: "rounded-small"
228
+ wrapper: "rounded-small"
226
229
  },
227
230
  md: {
228
- base: "rounded-medium"
231
+ wrapper: "rounded-medium"
229
232
  },
230
233
  lg: {
231
- base: "rounded-large"
234
+ wrapper: "rounded-large"
232
235
  }
233
236
  },
234
237
  shadow: {
235
238
  none: {
236
- base: "shadow-none"
239
+ wrapper: "shadow-none"
237
240
  },
238
241
  sm: {
239
- base: "shadow-small"
242
+ wrapper: "shadow-small"
240
243
  },
241
244
  md: {
242
- base: "shadow-medium"
245
+ wrapper: "shadow-medium"
243
246
  },
244
247
  lg: {
245
- base: "shadow-large"
248
+ wrapper: "shadow-large"
246
249
  }
247
250
  },
248
251
  hideHeader: {
@@ -289,14 +292,9 @@ var table = tv({
289
292
  fullWidth: {
290
293
  true: {
291
294
  base: "w-full",
295
+ wrapper: "w-full",
292
296
  table: "w-full"
293
297
  }
294
- },
295
- disableAnimation: {
296
- true: {},
297
- false: {
298
- td: "before:transition-colors-opacity before:!duration-150"
299
- }
300
298
  }
301
299
  },
302
300
  defaultVariants: {
package/dist/components/table.mjs CHANGED
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  table
3
- } from "../chunk-FNH7SN6K.mjs";
3
+ } from "../chunk-X66RRFWA.mjs";
4
4
  import "../chunk-CMYR6AOY.mjs";
5
5
  import "../chunk-K7LK7NCE.mjs";
6
6
  import "../chunk-2PIR7DFM.mjs";
7
7
  import "../chunk-J2DAFXTJ.mjs";
8
- import "../chunk-VHG4P7Y5.mjs";
8
+ import "../chunk-7XCRZIGF.mjs";
9
9
  import "../chunk-WA5F6AED.mjs";
10
10
  export {
11
11
  table
package/dist/components/tabs.js CHANGED
@@ -113,6 +113,7 @@ var tv = (options, config) => {
113
113
 
114
114
  // src/utils/classes.ts
115
115
  var dataFocusVisibleClasses = [
116
+ "data-[focus-visible=true]:z-10",
116
117
  "data-[focus-visible=true]:outline-2",
117
118
  "data-[focus-visible=true]:outline-focus",
118
119
  "data-[focus-visible=true]:outline-offset-2"
package/dist/components/tabs.mjs CHANGED
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  tabs
3
- } from "../chunk-TZ64KDZN.mjs";
3
+ } from "../chunk-BSCHFKQW.mjs";
4
4
  import "../chunk-CMYR6AOY.mjs";
5
5
  import "../chunk-K7LK7NCE.mjs";
6
6
  import "../chunk-2PIR7DFM.mjs";
7
7
  import "../chunk-J2DAFXTJ.mjs";
8
- import "../chunk-VHG4P7Y5.mjs";
8
+ import "../chunk-7XCRZIGF.mjs";
9
9
  import "../chunk-WA5F6AED.mjs";
10
10
  export {
11
11
  tabs
package/dist/components/toggle.js CHANGED
@@ -113,6 +113,7 @@ var tv = (options, config) => {
113
113
 
114
114
  // src/utils/classes.ts
115
115
  var dataFocusVisibleClasses = [
116
+ "data-[focus-visible=true]:z-10",
116
117
  "data-[focus-visible=true]:outline-2",
117
118
  "data-[focus-visible=true]:outline-focus",
118
119
  "data-[focus-visible=true]:outline-offset-2"
package/dist/components/toggle.mjs CHANGED
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  toggle
3
- } from "../chunk-FKJOD7CI.mjs";
3
+ } from "../chunk-USEN2DE7.mjs";
4
4
  import "../chunk-CMYR6AOY.mjs";
5
5
  import "../chunk-K7LK7NCE.mjs";
6
6
  import "../chunk-2PIR7DFM.mjs";
7
7
  import "../chunk-J2DAFXTJ.mjs";
8
- import "../chunk-VHG4P7Y5.mjs";
8
+ import "../chunk-7XCRZIGF.mjs";
9
9
  import "../chunk-WA5F6AED.mjs";
10
10
  export {
11
11
  toggle
package/dist/components/user.js CHANGED
@@ -113,6 +113,7 @@ var tv = (options, config) => {
113
113
 
114
114
  // src/utils/classes.ts
115
115
  var dataFocusVisibleClasses = [
116
+ "data-[focus-visible=true]:z-10",
116
117
  "data-[focus-visible=true]:outline-2",
117
118
  "data-[focus-visible=true]:outline-focus",
118
119
  "data-[focus-visible=true]:outline-offset-2"
package/dist/components/user.mjs CHANGED
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  user
3
- } from "../chunk-IT37OKG3.mjs";
3
+ } from "../chunk-DK3LBYIW.mjs";
4
4
  import "../chunk-CMYR6AOY.mjs";
5
5
  import "../chunk-K7LK7NCE.mjs";
6
6
  import "../chunk-2PIR7DFM.mjs";
7
7
  import "../chunk-J2DAFXTJ.mjs";
8
- import "../chunk-VHG4P7Y5.mjs";
8
+ import "../chunk-7XCRZIGF.mjs";
9
9
  import "../chunk-WA5F6AED.mjs";
10
10
  export {
11
11
  user
package/dist/index.js CHANGED
@@ -176,11 +176,13 @@ var baseStyles = (prefix) => ({
176
176
  backgroundColor: `hsl(var(--${prefix}-background))`
177
177
  });
178
178
  var focusVisibleClasses = [
179
+ "focus-visible:z-10",
179
180
  "focus-visible:outline-2",
180
181
  "focus-visible:outline-focus",
181
182
  "focus-visible:outline-offset-2"
182
183
  ];
183
184
  var dataFocusVisibleClasses = [
185
+ "data-[focus-visible=true]:z-10",
184
186
  "data-[focus-visible=true]:outline-2",
185
187
  "data-[focus-visible=true]:outline-focus",
186
188
  "data-[focus-visible=true]:outline-offset-2"
@@ -723,6 +725,7 @@ var button = tv({
723
725
  "appearance-none",
724
726
  "outline-none",
725
727
  "select-none",
728
+ "whitespace-nowrap",
726
729
  "min-w-max",
727
730
  "font-normal",
728
731
  "subpixel-antialiased",
@@ -1433,6 +1436,48 @@ var snippet = tv({
1433
1436
  disableAnimation: false
1434
1437
  },
1435
1438
  compoundVariants: [
1439
+ {
1440
+ variant: ["solid", "shadow"],
1441
+ color: "default",
1442
+ class: {
1443
+ copyButton: "data-[focus-visible]:outline-default-foreground"
1444
+ }
1445
+ },
1446
+ {
1447
+ variant: ["solid", "shadow"],
1448
+ color: "primary",
1449
+ class: {
1450
+ copyButton: "data-[focus-visible]:outline-primary-foreground"
1451
+ }
1452
+ },
1453
+ {
1454
+ variant: ["solid", "shadow"],
1455
+ color: "secondary",
1456
+ class: {
1457
+ copyButton: "data-[focus-visible]:outline-secondary-foreground"
1458
+ }
1459
+ },
1460
+ {
1461
+ variant: ["solid", "shadow"],
1462
+ color: "success",
1463
+ class: {
1464
+ copyButton: "data-[focus-visible]:outline-success-foreground"
1465
+ }
1466
+ },
1467
+ {
1468
+ variant: ["solid", "shadow"],
1469
+ color: "warning",
1470
+ class: {
1471
+ copyButton: "data-[focus-visible]:outline-warning-foreground"
1472
+ }
1473
+ },
1474
+ {
1475
+ variant: ["solid", "shadow"],
1476
+ color: "danger",
1477
+ class: {
1478
+ copyButton: "data-[focus-visible]:outline-danger-foreground"
1479
+ }
1480
+ },
1436
1481
  {
1437
1482
  variant: "flat",
1438
1483
  color: "default",
@@ -3604,7 +3649,7 @@ var input = tv({
3604
3649
  sm: {
3605
3650
  label: "text-tiny",
3606
3651
  inputWrapper: "h-8 px-2 rounded-small",
3607
- input: "text-tiny",
3652
+ input: "text-small",
3608
3653
  clearButton: "text-medium"
3609
3654
  },
3610
3655
  md: {
@@ -5025,7 +5070,8 @@ var navbar = tv({
5025
5070
  // src/components/table.ts
5026
5071
  var table = tv({
5027
5072
  slots: {
5028
- base: [
5073
+ base: "flex flex-col relative gap-4",
5074
+ wrapper: [
5029
5075
  "p-4",
5030
5076
  "z-0",
5031
5077
  "flex",
@@ -5048,6 +5094,7 @@ var table = tv({
5048
5094
  "text-left",
5049
5095
  "align-middle",
5050
5096
  "bg-default-100",
5097
+ "whitespace-nowrap",
5051
5098
  "text-foreground-500",
5052
5099
  "text-tiny",
5053
5100
  "font-semibold",
@@ -5123,30 +5170,30 @@ var table = tv({
5123
5170
  },
5124
5171
  radius: {
5125
5172
  none: {
5126
- base: "rounded-none"
5173
+ wrapper: "rounded-none"
5127
5174
  },
5128
5175
  sm: {
5129
- base: "rounded-small"
5176
+ wrapper: "rounded-small"
5130
5177
  },
5131
5178
  md: {
5132
- base: "rounded-medium"
5179
+ wrapper: "rounded-medium"
5133
5180
  },
5134
5181
  lg: {
5135
- base: "rounded-large"
5182
+ wrapper: "rounded-large"
5136
5183
  }
5137
5184
  },
5138
5185
  shadow: {
5139
5186
  none: {
5140
- base: "shadow-none"
5187
+ wrapper: "shadow-none"
5141
5188
  },
5142
5189
  sm: {
5143
- base: "shadow-small"
5190
+ wrapper: "shadow-small"
5144
5191
  },
5145
5192
  md: {
5146
- base: "shadow-medium"
5193
+ wrapper: "shadow-medium"
5147
5194
  },
5148
5195
  lg: {
5149
- base: "shadow-large"
5196
+ wrapper: "shadow-large"
5150
5197
  }
5151
5198
  },
5152
5199
  hideHeader: {
@@ -5193,14 +5240,9 @@ var table = tv({
5193
5240
  fullWidth: {
5194
5241
  true: {
5195
5242
  base: "w-full",
5243
+ wrapper: "w-full",
5196
5244
  table: "w-full"
5197
5245
  }
5198
- },
5199
- disableAnimation: {
5200
- true: {},
5201
- false: {
5202
- td: "before:transition-colors-opacity before:!duration-150"
5203
- }
5204
5246
  }
5205
5247
  },
5206
5248
  defaultVariants: {