@nextui-org/theme 2.1.3 → 2.1.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.
Files changed (14) hide show
  1. package/dist/{chunk-PBGVMEDL.mjs → chunk-PJV3MWBL.mjs} +24 -8
  2. package/dist/{chunk-NVPBHMUQ.mjs → chunk-X3O5NF4F.mjs} +4 -7
  3. package/dist/components/index.js +28 -15
  4. package/dist/components/index.mjs +2 -2
  5. package/dist/components/input.d.ts +0 -20
  6. package/dist/components/input.js +24 -8
  7. package/dist/components/input.mjs +1 -1
  8. package/dist/components/select.d.ts +2 -16
  9. package/dist/components/select.js +4 -7
  10. package/dist/components/select.mjs +1 -1
  11. package/dist/index.js +28 -15
  12. package/dist/index.mjs +2 -2
  13. package/dist/types.d.ts +1 -1
  14. package/package.json +1 -1
package/dist/{chunk-PBGVMEDL.mjs → chunk-PJV3MWBL.mjs} RENAMED
@@ -131,19 +131,14 @@ var input = tv({
131
131
  },
132
132
  labelPlacement: {
133
133
  outside: {
134
- base: "data-[has-helper=true]:pb-4",
135
134
  label: "text-foreground pb-1.5",
136
- mainWrapper: "flex flex-col",
137
- description: "absolute left-1",
138
- errorMessage: "absolute left-1"
135
+ mainWrapper: "flex flex-col"
139
136
  },
140
137
  "outside-left": {
141
- base: "flex-row items-center flex-nowrap data-[has-helper=true]:pb-4",
138
+ base: "flex-row items-center flex-nowrap data-[has-helper=true]:items-start",
142
139
  inputWrapper: "flex-1",
143
140
  mainWrapper: "flex flex-col",
144
- label: "text-foreground pr-2",
145
- description: "absolute left-1",
146
- errorMessage: "absolute left-1"
141
+ label: "text-foreground pr-2"
147
142
  },
148
143
  inside: {
149
144
  label: "text-tiny cursor-text",
@@ -618,6 +613,27 @@ var input = tv({
618
613
  "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
619
614
  ]
620
615
  }
616
+ },
617
+ {
618
+ labelPlacement: "outside-left",
619
+ size: "sm",
620
+ class: {
621
+ label: "group-data-[has-helper=true]:pt-2"
622
+ }
623
+ },
624
+ {
625
+ labelPlacement: "outside-left",
626
+ size: "md",
627
+ class: {
628
+ label: "group-data-[has-helper=true]:pt-3"
629
+ }
630
+ },
631
+ {
632
+ labelPlacement: "outside-left",
633
+ size: "lg",
634
+ class: {
635
+ label: "group-data-[has-helper=true]:pt-4"
636
+ }
621
637
  }
622
638
  ]
623
639
  });
package/dist/{chunk-NVPBHMUQ.mjs → chunk-X3O5NF4F.mjs} RENAMED
@@ -10,6 +10,7 @@ var select = tv({
10
10
  slots: {
11
11
  base: "group inline-flex flex-col relative w-full",
12
12
  label: "block text-small font-medium text-foreground-500 pointer-events-none",
13
+ mainWrapper: "w-full flex flex-col",
13
14
  trigger: "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
14
15
  innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] items-center gap-1.5 box-border",
15
16
  selectorIcon: "absolute right-3 w-unit-4 h-unit-4",
@@ -117,15 +118,11 @@ var select = tv({
117
118
  labelPlacement: {
118
119
  outside: {
119
120
  base: "data-[has-helper=true]:pb-4 flex flex-col",
120
- label: "text-foreground pb-1.5",
121
- description: "absolute left-1",
122
- errorMessage: "absolute left-1"
121
+ label: "text-foreground pb-1.5"
123
122
  },
124
123
  "outside-left": {
125
- base: "flex-row items-center flex-nowrap data-[has-helper=true]:pb-4",
126
- label: "text-foreground pr-2",
127
- description: "absolute left-1",
128
- errorMessage: "absolute left-1"
124
+ base: "flex-row items-center flex-nowrap items-start",
125
+ label: "text-foreground pr-2"
129
126
  },
130
127
  inside: {
131
128
  label: "text-tiny cursor-pointer",
package/dist/components/index.js CHANGED
@@ -3694,19 +3694,14 @@ var input = tv({
3694
3694
  },
3695
3695
  labelPlacement: {
3696
3696
  outside: {
3697
- base: "data-[has-helper=true]:pb-4",
3698
3697
  label: "text-foreground pb-1.5",
3699
- mainWrapper: "flex flex-col",
3700
- description: "absolute left-1",
3701
- errorMessage: "absolute left-1"
3698
+ mainWrapper: "flex flex-col"
3702
3699
  },
3703
3700
  "outside-left": {
3704
- base: "flex-row items-center flex-nowrap data-[has-helper=true]:pb-4",
3701
+ base: "flex-row items-center flex-nowrap data-[has-helper=true]:items-start",
3705
3702
  inputWrapper: "flex-1",
3706
3703
  mainWrapper: "flex flex-col",
3707
- label: "text-foreground pr-2",
3708
- description: "absolute left-1",
3709
- errorMessage: "absolute left-1"
3704
+ label: "text-foreground pr-2"
3710
3705
  },
3711
3706
  inside: {
3712
3707
  label: "text-tiny cursor-text",
@@ -4181,6 +4176,27 @@ var input = tv({
4181
4176
  "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
4182
4177
  ]
4183
4178
  }
4179
+ },
4180
+ {
4181
+ labelPlacement: "outside-left",
4182
+ size: "sm",
4183
+ class: {
4184
+ label: "group-data-[has-helper=true]:pt-2"
4185
+ }
4186
+ },
4187
+ {
4188
+ labelPlacement: "outside-left",
4189
+ size: "md",
4190
+ class: {
4191
+ label: "group-data-[has-helper=true]:pt-3"
4192
+ }
4193
+ },
4194
+ {
4195
+ labelPlacement: "outside-left",
4196
+ size: "lg",
4197
+ class: {
4198
+ label: "group-data-[has-helper=true]:pt-4"
4199
+ }
4184
4200
  }
4185
4201
  ]
4186
4202
  });
@@ -5698,6 +5714,7 @@ var select = tv({
5698
5714
  slots: {
5699
5715
  base: "group inline-flex flex-col relative w-full",
5700
5716
  label: "block text-small font-medium text-foreground-500 pointer-events-none",
5717
+ mainWrapper: "w-full flex flex-col",
5701
5718
  trigger: "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
5702
5719
  innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] items-center gap-1.5 box-border",
5703
5720
  selectorIcon: "absolute right-3 w-unit-4 h-unit-4",
@@ -5805,15 +5822,11 @@ var select = tv({
5805
5822
  labelPlacement: {
5806
5823
  outside: {
5807
5824
  base: "data-[has-helper=true]:pb-4 flex flex-col",
5808
- label: "text-foreground pb-1.5",
5809
- description: "absolute left-1",
5810
- errorMessage: "absolute left-1"
5825
+ label: "text-foreground pb-1.5"
5811
5826
  },
5812
5827
  "outside-left": {
5813
- base: "flex-row items-center flex-nowrap data-[has-helper=true]:pb-4",
5814
- label: "text-foreground pr-2",
5815
- description: "absolute left-1",
5816
- errorMessage: "absolute left-1"
5828
+ base: "flex-row items-center flex-nowrap items-start",
5829
+ label: "text-foreground pr-2"
5817
5830
  },
5818
5831
  inside: {
5819
5832
  label: "text-tiny cursor-pointer",
package/dist/components/index.mjs CHANGED
@@ -29,7 +29,7 @@ import {
29
29
  } from "../chunk-4JBYJQSP.mjs";
30
30
  import {
31
31
  select
32
- } from "../chunk-NVPBHMUQ.mjs";
32
+ } from "../chunk-X3O5NF4F.mjs";
33
33
  import {
34
34
  skeleton
35
35
  } from "../chunk-EUS2SEYI.mjs";
@@ -41,7 +41,7 @@ import {
41
41
  } from "../chunk-EC4F6RJF.mjs";
42
42
  import {
43
43
  input
44
- } from "../chunk-PBGVMEDL.mjs";
44
+ } from "../chunk-PJV3MWBL.mjs";
45
45
  import {
46
46
  kbd
47
47
  } from "../chunk-XY766PDD.mjs";
package/dist/components/input.d.ts CHANGED
@@ -80,19 +80,14 @@ declare const input: tailwind_variants.TVReturnType<{
80
80
  };
81
81
  labelPlacement: {
82
82
  outside: {
83
- base: string;
84
83
  label: string;
85
84
  mainWrapper: string;
86
- description: string;
87
- errorMessage: string;
88
85
  };
89
86
  "outside-left": {
90
87
  base: string;
91
88
  inputWrapper: string;
92
89
  mainWrapper: string;
93
90
  label: string;
94
- description: string;
95
- errorMessage: string;
96
91
  };
97
92
  inside: {
98
93
  label: string;
@@ -221,19 +216,14 @@ declare const input: tailwind_variants.TVReturnType<{
221
216
  };
222
217
  labelPlacement: {
223
218
  outside: {
224
- base: string;
225
219
  label: string;
226
220
  mainWrapper: string;
227
- description: string;
228
- errorMessage: string;
229
221
  };
230
222
  "outside-left": {
231
223
  base: string;
232
224
  inputWrapper: string;
233
225
  mainWrapper: string;
234
226
  label: string;
235
- description: string;
236
- errorMessage: string;
237
227
  };
238
228
  inside: {
239
229
  label: string;
@@ -351,19 +341,14 @@ declare const input: tailwind_variants.TVReturnType<{
351
341
  };
352
342
  labelPlacement: {
353
343
  outside: {
354
- base: string;
355
344
  label: string;
356
345
  mainWrapper: string;
357
- description: string;
358
- errorMessage: string;
359
346
  };
360
347
  "outside-left": {
361
348
  base: string;
362
349
  inputWrapper: string;
363
350
  mainWrapper: string;
364
351
  label: string;
365
- description: string;
366
- errorMessage: string;
367
352
  };
368
353
  inside: {
369
354
  label: string;
@@ -481,19 +466,14 @@ declare const input: tailwind_variants.TVReturnType<{
481
466
  };
482
467
  labelPlacement: {
483
468
  outside: {
484
- base: string;
485
469
  label: string;
486
470
  mainWrapper: string;
487
- description: string;
488
- errorMessage: string;
489
471
  };
490
472
  "outside-left": {
491
473
  base: string;
492
474
  inputWrapper: string;
493
475
  mainWrapper: string;
494
476
  label: string;
495
- description: string;
496
- errorMessage: string;
497
477
  };
498
478
  inside: {
499
479
  label: string;
package/dist/components/input.js CHANGED
@@ -258,19 +258,14 @@ var input = tv({
258
258
  },
259
259
  labelPlacement: {
260
260
  outside: {
261
- base: "data-[has-helper=true]:pb-4",
262
261
  label: "text-foreground pb-1.5",
263
- mainWrapper: "flex flex-col",
264
- description: "absolute left-1",
265
- errorMessage: "absolute left-1"
262
+ mainWrapper: "flex flex-col"
266
263
  },
267
264
  "outside-left": {
268
- base: "flex-row items-center flex-nowrap data-[has-helper=true]:pb-4",
265
+ base: "flex-row items-center flex-nowrap data-[has-helper=true]:items-start",
269
266
  inputWrapper: "flex-1",
270
267
  mainWrapper: "flex flex-col",
271
- label: "text-foreground pr-2",
272
- description: "absolute left-1",
273
- errorMessage: "absolute left-1"
268
+ label: "text-foreground pr-2"
274
269
  },
275
270
  inside: {
276
271
  label: "text-tiny cursor-text",
@@ -745,6 +740,27 @@ var input = tv({
745
740
  "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
746
741
  ]
747
742
  }
743
+ },
744
+ {
745
+ labelPlacement: "outside-left",
746
+ size: "sm",
747
+ class: {
748
+ label: "group-data-[has-helper=true]:pt-2"
749
+ }
750
+ },
751
+ {
752
+ labelPlacement: "outside-left",
753
+ size: "md",
754
+ class: {
755
+ label: "group-data-[has-helper=true]:pt-3"
756
+ }
757
+ },
758
+ {
759
+ labelPlacement: "outside-left",
760
+ size: "lg",
761
+ class: {
762
+ label: "group-data-[has-helper=true]:pt-4"
763
+ }
748
764
  }
749
765
  ]
750
766
  });
package/dist/components/input.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  input
3
- } from "../chunk-PBGVMEDL.mjs";
3
+ } from "../chunk-PJV3MWBL.mjs";
4
4
  import "../chunk-CMYR6AOY.mjs";
5
5
  import "../chunk-K7LK7NCE.mjs";
6
6
  import "../chunk-2PIR7DFM.mjs";
package/dist/components/select.d.ts CHANGED
@@ -61,14 +61,10 @@ declare const select: tailwind_variants.TVReturnType<{
61
61
  outside: {
62
62
  base: string;
63
63
  label: string;
64
- description: string;
65
- errorMessage: string;
66
64
  };
67
65
  "outside-left": {
68
66
  base: string;
69
67
  label: string;
70
- description: string;
71
- errorMessage: string;
72
68
  };
73
69
  inside: {
74
70
  label: string;
@@ -133,6 +129,7 @@ declare const select: tailwind_variants.TVReturnType<{
133
129
  }, {
134
130
  base: string;
135
131
  label: string;
132
+ mainWrapper: string;
136
133
  trigger: string;
137
134
  innerWrapper: string;
138
135
  selectorIcon: string;
@@ -203,14 +200,10 @@ declare const select: tailwind_variants.TVReturnType<{
203
200
  outside: {
204
201
  base: string;
205
202
  label: string;
206
- description: string;
207
- errorMessage: string;
208
203
  };
209
204
  "outside-left": {
210
205
  base: string;
211
206
  label: string;
212
- description: string;
213
- errorMessage: string;
214
207
  };
215
208
  inside: {
216
209
  label: string;
@@ -331,14 +324,10 @@ declare const select: tailwind_variants.TVReturnType<{
331
324
  outside: {
332
325
  base: string;
333
326
  label: string;
334
- description: string;
335
- errorMessage: string;
336
327
  };
337
328
  "outside-left": {
338
329
  base: string;
339
330
  label: string;
340
- description: string;
341
- errorMessage: string;
342
331
  };
343
332
  inside: {
344
333
  label: string;
@@ -459,14 +448,10 @@ declare const select: tailwind_variants.TVReturnType<{
459
448
  outside: {
460
449
  base: string;
461
450
  label: string;
462
- description: string;
463
- errorMessage: string;
464
451
  };
465
452
  "outside-left": {
466
453
  base: string;
467
454
  label: string;
468
- description: string;
469
- errorMessage: string;
470
455
  };
471
456
  inside: {
472
457
  label: string;
@@ -531,6 +516,7 @@ declare const select: tailwind_variants.TVReturnType<{
531
516
  }, {
532
517
  base: string;
533
518
  label: string;
519
+ mainWrapper: string;
534
520
  trigger: string;
535
521
  innerWrapper: string;
536
522
  selectorIcon: string;
package/dist/components/select.js CHANGED
@@ -130,6 +130,7 @@ var select = tv({
130
130
  slots: {
131
131
  base: "group inline-flex flex-col relative w-full",
132
132
  label: "block text-small font-medium text-foreground-500 pointer-events-none",
133
+ mainWrapper: "w-full flex flex-col",
133
134
  trigger: "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
134
135
  innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] items-center gap-1.5 box-border",
135
136
  selectorIcon: "absolute right-3 w-unit-4 h-unit-4",
@@ -237,15 +238,11 @@ var select = tv({
237
238
  labelPlacement: {
238
239
  outside: {
239
240
  base: "data-[has-helper=true]:pb-4 flex flex-col",
240
- label: "text-foreground pb-1.5",
241
- description: "absolute left-1",
242
- errorMessage: "absolute left-1"
241
+ label: "text-foreground pb-1.5"
243
242
  },
244
243
  "outside-left": {
245
- base: "flex-row items-center flex-nowrap data-[has-helper=true]:pb-4",
246
- label: "text-foreground pr-2",
247
- description: "absolute left-1",
248
- errorMessage: "absolute left-1"
244
+ base: "flex-row items-center flex-nowrap items-start",
245
+ label: "text-foreground pr-2"
249
246
  },
250
247
  inside: {
251
248
  label: "text-tiny cursor-pointer",
package/dist/components/select.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  select
3
- } from "../chunk-NVPBHMUQ.mjs";
3
+ } from "../chunk-X3O5NF4F.mjs";
4
4
  import "../chunk-CMYR6AOY.mjs";
5
5
  import "../chunk-K7LK7NCE.mjs";
6
6
  import "../chunk-2PIR7DFM.mjs";
package/dist/index.js CHANGED
@@ -3726,19 +3726,14 @@ var input = tv({
3726
3726
  },
3727
3727
  labelPlacement: {
3728
3728
  outside: {
3729
- base: "data-[has-helper=true]:pb-4",
3730
3729
  label: "text-foreground pb-1.5",
3731
- mainWrapper: "flex flex-col",
3732
- description: "absolute left-1",
3733
- errorMessage: "absolute left-1"
3730
+ mainWrapper: "flex flex-col"
3734
3731
  },
3735
3732
  "outside-left": {
3736
- base: "flex-row items-center flex-nowrap data-[has-helper=true]:pb-4",
3733
+ base: "flex-row items-center flex-nowrap data-[has-helper=true]:items-start",
3737
3734
  inputWrapper: "flex-1",
3738
3735
  mainWrapper: "flex flex-col",
3739
- label: "text-foreground pr-2",
3740
- description: "absolute left-1",
3741
- errorMessage: "absolute left-1"
3736
+ label: "text-foreground pr-2"
3742
3737
  },
3743
3738
  inside: {
3744
3739
  label: "text-tiny cursor-text",
@@ -4213,6 +4208,27 @@ var input = tv({
4213
4208
  "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
4214
4209
  ]
4215
4210
  }
4211
+ },
4212
+ {
4213
+ labelPlacement: "outside-left",
4214
+ size: "sm",
4215
+ class: {
4216
+ label: "group-data-[has-helper=true]:pt-2"
4217
+ }
4218
+ },
4219
+ {
4220
+ labelPlacement: "outside-left",
4221
+ size: "md",
4222
+ class: {
4223
+ label: "group-data-[has-helper=true]:pt-3"
4224
+ }
4225
+ },
4226
+ {
4227
+ labelPlacement: "outside-left",
4228
+ size: "lg",
4229
+ class: {
4230
+ label: "group-data-[has-helper=true]:pt-4"
4231
+ }
4216
4232
  }
4217
4233
  ]
4218
4234
  });
@@ -5730,6 +5746,7 @@ var select = tv({
5730
5746
  slots: {
5731
5747
  base: "group inline-flex flex-col relative w-full",
5732
5748
  label: "block text-small font-medium text-foreground-500 pointer-events-none",
5749
+ mainWrapper: "w-full flex flex-col",
5733
5750
  trigger: "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
5734
5751
  innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] items-center gap-1.5 box-border",
5735
5752
  selectorIcon: "absolute right-3 w-unit-4 h-unit-4",
@@ -5837,15 +5854,11 @@ var select = tv({
5837
5854
  labelPlacement: {
5838
5855
  outside: {
5839
5856
  base: "data-[has-helper=true]:pb-4 flex flex-col",
5840
- label: "text-foreground pb-1.5",
5841
- description: "absolute left-1",
5842
- errorMessage: "absolute left-1"
5857
+ label: "text-foreground pb-1.5"
5843
5858
  },
5844
5859
  "outside-left": {
5845
- base: "flex-row items-center flex-nowrap data-[has-helper=true]:pb-4",
5846
- label: "text-foreground pr-2",
5847
- description: "absolute left-1",
5848
- errorMessage: "absolute left-1"
5860
+ base: "flex-row items-center flex-nowrap items-start",
5861
+ label: "text-foreground pr-2"
5849
5862
  },
5850
5863
  inside: {
5851
5864
  label: "text-tiny cursor-pointer",
package/dist/index.mjs CHANGED
@@ -29,7 +29,7 @@ import {
29
29
  } from "./chunk-4JBYJQSP.mjs";
30
30
  import {
31
31
  select
32
- } from "./chunk-NVPBHMUQ.mjs";
32
+ } from "./chunk-X3O5NF4F.mjs";
33
33
  import {
34
34
  skeleton
35
35
  } from "./chunk-EUS2SEYI.mjs";
@@ -41,7 +41,7 @@ import {
41
41
  } from "./chunk-EC4F6RJF.mjs";
42
42
  import {
43
43
  input
44
- } from "./chunk-PBGVMEDL.mjs";
44
+ } from "./chunk-PJV3MWBL.mjs";
45
45
  import {
46
46
  kbd
47
47
  } from "./chunk-XY766PDD.mjs";
package/dist/types.d.ts CHANGED
@@ -11,7 +11,7 @@ type FontThemeUnit = BaseThemeUnit & {
11
11
  };
12
12
  declare const spacingScaleKeys: string[];
13
13
  declare const mappedSpacingScaleKeys: string[];
14
- type SpacingScaleKeys = typeof spacingScaleKeys[number];
14
+ type SpacingScaleKeys = (typeof spacingScaleKeys)[number];
15
15
  type SpacingScale = Partial<Record<SpacingScaleKeys, string>>;
16
16
  interface LayoutTheme {
17
17
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nextui-org/theme",
3
- "version": "2.1.3",
3
+ "version": "2.1.4",
4
4
  "description": "The default theme for NextUI components",
5
5
  "keywords": [
6
6
  "theme",