daisyui 3.8.0 → 3.8.1

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 (9) hide show
  1. package/dist/full.css +30 -51
  2. package/dist/styled.css +23 -11
  3. package/dist/styled.js +1 -1
  4. package/dist/styled.rtl.js +1 -1
  5. package/dist/unstyled.css +1 -2
  6. package/dist/unstyled.js +1 -1
  7. package/dist/unstyled.rtl.js +1 -1
  8. package/dist/utilities-unstyled.js +1 -1
  9. package/package.json +1 -1
package/dist/full.css CHANGED
@@ -2287,8 +2287,7 @@ html {
2287
2287
  .file-input::file-selector-button {
2288
2288
  margin-right: 1rem;
2289
2289
  display: inline-flex;
2290
- height: 2.875rem;
2291
- min-height: 2.875rem;
2290
+ height: 100%;
2292
2291
  flex-shrink: 0;
2293
2292
  cursor: pointer;
2294
2293
  user-select: none;
@@ -3953,18 +3952,23 @@ details.collapse summary::-webkit-details-marker {
3953
3952
  line-height: 1rem;
3954
3953
  --tw-text-opacity: 1;
3955
3954
  color: hsl(var(--bc) / var(--tw-text-opacity))}
3955
+ .input input:focus {
3956
+ outline: 2px solid transparent;
3957
+ outline-offset: 2px}
3956
3958
  .input[list]::-webkit-calendar-picker-indicator {
3957
3959
  line-height: 1em}
3958
3960
  .input-bordered {
3959
3961
  --tw-border-opacity: 0.2}
3960
- .input:focus {
3962
+ .input:focus,
3963
+ .input:focus-within {
3961
3964
  outline-style: solid;
3962
3965
  outline-width: 2px;
3963
3966
  outline-offset: 2px;
3964
3967
  outline-color: hsl(var(--bc) / 0.2)}
3965
3968
  .input-ghost {
3966
3969
  --tw-bg-opacity: 0.05}
3967
- .input-ghost:focus {
3970
+ .input-ghost:focus,
3971
+ .input-ghost:focus-within {
3968
3972
  --tw-bg-opacity: 1;
3969
3973
  --tw-text-opacity: 1;
3970
3974
  color: hsl(var(--bc) / var(--tw-text-opacity));
@@ -3972,37 +3976,44 @@ details.collapse summary::-webkit-details-marker {
3972
3976
  .input-primary {
3973
3977
  --tw-border-opacity: 1;
3974
3978
  border-color: hsl(var(--p) / var(--tw-border-opacity))}
3975
- .input-primary:focus {
3979
+ .input-primary:focus,
3980
+ .input-primary:focus-within {
3976
3981
  outline-color: hsl(var(--p) / 1)}
3977
3982
  .input-secondary {
3978
3983
  --tw-border-opacity: 1;
3979
3984
  border-color: hsl(var(--s) / var(--tw-border-opacity))}
3980
- .input-secondary:focus {
3985
+ .input-secondary:focus,
3986
+ .input-secondary:focus-within {
3981
3987
  outline-color: hsl(var(--s) / 1)}
3982
3988
  .input-accent {
3983
3989
  --tw-border-opacity: 1;
3984
3990
  border-color: hsl(var(--a) / var(--tw-border-opacity))}
3985
- .input-accent:focus {
3991
+ .input-accent:focus,
3992
+ .input-accent:focus-within {
3986
3993
  outline-color: hsl(var(--a) / 1)}
3987
3994
  .input-info {
3988
3995
  --tw-border-opacity: 1;
3989
3996
  border-color: hsl(var(--in) / var(--tw-border-opacity))}
3990
- .input-info:focus {
3997
+ .input-info:focus,
3998
+ .input-info:focus-within {
3991
3999
  outline-color: hsl(var(--in) / 1)}
3992
4000
  .input-success {
3993
4001
  --tw-border-opacity: 1;
3994
4002
  border-color: hsl(var(--su) / var(--tw-border-opacity))}
3995
- .input-success:focus {
4003
+ .input-success:focus,
4004
+ .input-success:focus-within {
3996
4005
  outline-color: hsl(var(--su) / 1)}
3997
4006
  .input-warning {
3998
4007
  --tw-border-opacity: 1;
3999
4008
  border-color: hsl(var(--wa) / var(--tw-border-opacity))}
4000
- .input-warning:focus {
4009
+ .input-warning:focus,
4010
+ .input-warning:focus-within {
4001
4011
  outline-color: hsl(var(--wa) / 1)}
4002
4012
  .input-error {
4003
4013
  --tw-border-opacity: 1;
4004
4014
  border-color: hsl(var(--er) / var(--tw-border-opacity))}
4005
- .input-error:focus {
4015
+ .input-error:focus,
4016
+ .input-error:focus-within {
4006
4017
  outline-color: hsl(var(--er) / 1)}
4007
4018
  .input-disabled,
4008
4019
  .input:disabled,
@@ -23021,8 +23032,6 @@ details.collapse summary::-webkit-details-marker {
23021
23032
  line-height: 1.625}
23022
23033
  .file-input-xs::file-selector-button {
23023
23034
  margin-right: 0.5rem;
23024
- height: 1.375rem;
23025
- min-height: 1.375rem;
23026
23035
  font-size: 0.75rem}
23027
23036
  .file-input-sm {
23028
23037
  height: 2rem;
@@ -23032,8 +23041,6 @@ details.collapse summary::-webkit-details-marker {
23032
23041
  line-height: 2}
23033
23042
  .file-input-sm::file-selector-button {
23034
23043
  margin-right: 0.75rem;
23035
- height: 1.875rem;
23036
- min-height: 1.875rem;
23037
23044
  font-size: 0.875rem}
23038
23045
  .file-input-md {
23039
23046
  height: 3rem;
@@ -23043,8 +23050,6 @@ details.collapse summary::-webkit-details-marker {
23043
23050
  line-height: 2}
23044
23051
  .file-input-md::file-selector-button {
23045
23052
  margin-right: 1rem;
23046
- height: 2.875rem;
23047
- min-height: 2.875rem;
23048
23053
  font-size: 0.875rem}
23049
23054
  .file-input-lg {
23050
23055
  height: 4rem;
@@ -23054,8 +23059,6 @@ details.collapse summary::-webkit-details-marker {
23054
23059
  line-height: 2}
23055
23060
  .file-input-lg::file-selector-button {
23056
23061
  margin-right: 1.5rem;
23057
- height: 3.875rem;
23058
- min-height: 3.875rem;
23059
23062
  font-size: 1.125rem}
23060
23063
  .indicator :where(.indicator-item) {
23061
23064
  bottom: auto;
@@ -24260,22 +24263,22 @@ details.collapse summary::-webkit-details-marker {
24260
24263
  .hover\:input-info:hover {
24261
24264
  --tw-border-opacity: 1;
24262
24265
  border-color: hsl(var(--in) / var(--tw-border-opacity))}
24263
- .hover\:input-info:hover:focus {
24266
+ .hover\:input-info:hover:focus,.hover\:input-info:hover:focus-within {
24264
24267
  outline-color: hsl(var(--in) / 1)}
24265
24268
  .hover\:input-success:hover {
24266
24269
  --tw-border-opacity: 1;
24267
24270
  border-color: hsl(var(--su) / var(--tw-border-opacity))}
24268
- .hover\:input-success:hover:focus {
24271
+ .hover\:input-success:hover:focus,.hover\:input-success:hover:focus-within {
24269
24272
  outline-color: hsl(var(--su) / 1)}
24270
24273
  .hover\:input-warning:hover {
24271
24274
  --tw-border-opacity: 1;
24272
24275
  border-color: hsl(var(--wa) / var(--tw-border-opacity))}
24273
- .hover\:input-warning:hover:focus {
24276
+ .hover\:input-warning:hover:focus,.hover\:input-warning:hover:focus-within {
24274
24277
  outline-color: hsl(var(--wa) / 1)}
24275
24278
  .hover\:input-error:hover {
24276
24279
  --tw-border-opacity: 1;
24277
24280
  border-color: hsl(var(--er) / var(--tw-border-opacity))}
24278
- .hover\:input-error:hover:focus {
24281
+ .hover\:input-error:hover:focus,.hover\:input-error:hover:focus-within {
24279
24282
  outline-color: hsl(var(--er) / 1)}
24280
24283
  .hover\:link-success:hover {
24281
24284
  --tw-text-opacity: 1;
@@ -24854,22 +24857,22 @@ details.collapse summary::-webkit-details-marker {
24854
24857
  .focus\:input-info:focus {
24855
24858
  --tw-border-opacity: 1;
24856
24859
  border-color: hsl(var(--in) / var(--tw-border-opacity))}
24857
- .focus\:input-info:focus:focus {
24860
+ .focus\:input-info:focus:focus,.focus\:input-info:focus:focus-within {
24858
24861
  outline-color: hsl(var(--in) / 1)}
24859
24862
  .focus\:input-success:focus {
24860
24863
  --tw-border-opacity: 1;
24861
24864
  border-color: hsl(var(--su) / var(--tw-border-opacity))}
24862
- .focus\:input-success:focus:focus {
24865
+ .focus\:input-success:focus:focus,.focus\:input-success:focus:focus-within {
24863
24866
  outline-color: hsl(var(--su) / 1)}
24864
24867
  .focus\:input-warning:focus {
24865
24868
  --tw-border-opacity: 1;
24866
24869
  border-color: hsl(var(--wa) / var(--tw-border-opacity))}
24867
- .focus\:input-warning:focus:focus {
24870
+ .focus\:input-warning:focus:focus,.focus\:input-warning:focus:focus-within {
24868
24871
  outline-color: hsl(var(--wa) / 1)}
24869
24872
  .focus\:input-error:focus {
24870
24873
  --tw-border-opacity: 1;
24871
24874
  border-color: hsl(var(--er) / var(--tw-border-opacity))}
24872
- .focus\:input-error:focus:focus {
24875
+ .focus\:input-error:focus:focus,.focus\:input-error:focus:focus-within {
24873
24876
  outline-color: hsl(var(--er) / 1)}
24874
24877
  .focus\:link-success:focus {
24875
24878
  --tw-text-opacity: 1;
@@ -48444,8 +48447,6 @@ details.collapse summary::-webkit-details-marker {
48444
48447
  line-height: 2}
48445
48448
  .sm\:file-input-sm::file-selector-button {
48446
48449
  margin-right: 0.75rem;
48447
- height: 1.875rem;
48448
- min-height: 1.875rem;
48449
48450
  font-size: 0.875rem}
48450
48451
  .sm\:file-input-md {
48451
48452
  height: 3rem;
@@ -48455,8 +48456,6 @@ details.collapse summary::-webkit-details-marker {
48455
48456
  line-height: 2}
48456
48457
  .sm\:file-input-md::file-selector-button {
48457
48458
  margin-right: 1rem;
48458
- height: 2.875rem;
48459
- min-height: 2.875rem;
48460
48459
  font-size: 0.875rem}
48461
48460
  .sm\:file-input-lg {
48462
48461
  height: 4rem;
@@ -48466,8 +48465,6 @@ details.collapse summary::-webkit-details-marker {
48466
48465
  line-height: 2}
48467
48466
  .sm\:file-input-lg::file-selector-button {
48468
48467
  margin-right: 1.5rem;
48469
- height: 3.875rem;
48470
- min-height: 3.875rem;
48471
48468
  font-size: 1.125rem}
48472
48469
  .sm\:input-md {
48473
48470
  height: 3rem;
@@ -48970,8 +48967,6 @@ details.collapse summary::-webkit-details-marker {
48970
48967
  line-height: 2}
48971
48968
  .md\:file-input-sm::file-selector-button {
48972
48969
  margin-right: 0.75rem;
48973
- height: 1.875rem;
48974
- min-height: 1.875rem;
48975
48970
  font-size: 0.875rem}
48976
48971
  .md\:file-input-md {
48977
48972
  height: 3rem;
@@ -48981,8 +48976,6 @@ details.collapse summary::-webkit-details-marker {
48981
48976
  line-height: 2}
48982
48977
  .md\:file-input-md::file-selector-button {
48983
48978
  margin-right: 1rem;
48984
- height: 2.875rem;
48985
- min-height: 2.875rem;
48986
48979
  font-size: 0.875rem}
48987
48980
  .md\:file-input-lg {
48988
48981
  height: 4rem;
@@ -48992,8 +48985,6 @@ details.collapse summary::-webkit-details-marker {
48992
48985
  line-height: 2}
48993
48986
  .md\:file-input-lg::file-selector-button {
48994
48987
  margin-right: 1.5rem;
48995
- height: 3.875rem;
48996
- min-height: 3.875rem;
48997
48988
  font-size: 1.125rem}
48998
48989
  .md\:input-md {
48999
48990
  height: 3rem;
@@ -49496,8 +49487,6 @@ details.collapse summary::-webkit-details-marker {
49496
49487
  line-height: 2}
49497
49488
  .lg\:file-input-sm::file-selector-button {
49498
49489
  margin-right: 0.75rem;
49499
- height: 1.875rem;
49500
- min-height: 1.875rem;
49501
49490
  font-size: 0.875rem}
49502
49491
  .lg\:file-input-md {
49503
49492
  height: 3rem;
@@ -49507,8 +49496,6 @@ details.collapse summary::-webkit-details-marker {
49507
49496
  line-height: 2}
49508
49497
  .lg\:file-input-md::file-selector-button {
49509
49498
  margin-right: 1rem;
49510
- height: 2.875rem;
49511
- min-height: 2.875rem;
49512
49499
  font-size: 0.875rem}
49513
49500
  .lg\:file-input-lg {
49514
49501
  height: 4rem;
@@ -49518,8 +49505,6 @@ details.collapse summary::-webkit-details-marker {
49518
49505
  line-height: 2}
49519
49506
  .lg\:file-input-lg::file-selector-button {
49520
49507
  margin-right: 1.5rem;
49521
- height: 3.875rem;
49522
- min-height: 3.875rem;
49523
49508
  font-size: 1.125rem}
49524
49509
  .lg\:input-md {
49525
49510
  height: 3rem;
@@ -50022,8 +50007,6 @@ details.collapse summary::-webkit-details-marker {
50022
50007
  line-height: 2}
50023
50008
  .xl\:file-input-sm::file-selector-button {
50024
50009
  margin-right: 0.75rem;
50025
- height: 1.875rem;
50026
- min-height: 1.875rem;
50027
50010
  font-size: 0.875rem}
50028
50011
  .xl\:file-input-md {
50029
50012
  height: 3rem;
@@ -50033,8 +50016,6 @@ details.collapse summary::-webkit-details-marker {
50033
50016
  line-height: 2}
50034
50017
  .xl\:file-input-md::file-selector-button {
50035
50018
  margin-right: 1rem;
50036
- height: 2.875rem;
50037
- min-height: 2.875rem;
50038
50019
  font-size: 0.875rem}
50039
50020
  .xl\:file-input-lg {
50040
50021
  height: 4rem;
@@ -50044,8 +50025,6 @@ details.collapse summary::-webkit-details-marker {
50044
50025
  line-height: 2}
50045
50026
  .xl\:file-input-lg::file-selector-button {
50046
50027
  margin-right: 1.5rem;
50047
- height: 3.875rem;
50048
- min-height: 3.875rem;
50049
50028
  font-size: 1.125rem}
50050
50029
  .xl\:input-md {
50051
50030
  height: 3rem;
package/dist/styled.css CHANGED
@@ -555,8 +555,7 @@
555
555
  .file-input::file-selector-button {
556
556
  margin-right: 1rem;
557
557
  display: inline-flex;
558
- height: 2.875rem;
559
- min-height: 2.875rem;
558
+ height: 100%;
560
559
  flex-shrink: 0;
561
560
  cursor: pointer;
562
561
  user-select: none;
@@ -2854,6 +2853,10 @@ details.collapse summary {
2854
2853
  /* &::-webkit-calendar-picker-indicator {
2855
2854
  display: none;
2856
2855
  } */
2856
+ }
2857
+ .input input:focus {
2858
+ outline: 2px solid transparent;
2859
+ outline-offset: 2px;
2857
2860
  }
2858
2861
  .input[list]::-webkit-calendar-picker-indicator {
2859
2862
  line-height: 1em;
@@ -2861,7 +2864,8 @@ details.collapse summary {
2861
2864
  .input-bordered {
2862
2865
  --tw-border-opacity: 0.2;
2863
2866
  }
2864
- .input:focus {
2867
+ .input:focus,
2868
+ .input:focus-within {
2865
2869
  outline-style: solid;
2866
2870
  outline-width: 2px;
2867
2871
  outline-offset: 2px;
@@ -2870,7 +2874,8 @@ details.collapse summary {
2870
2874
  .input-ghost {
2871
2875
  --tw-bg-opacity: 0.05;
2872
2876
  }
2873
- .input-ghost:focus {
2877
+ .input-ghost:focus,
2878
+ .input-ghost:focus-within {
2874
2879
  --tw-bg-opacity: 1;
2875
2880
  --tw-text-opacity: 1;
2876
2881
  color: hsl(var(--bc) / var(--tw-text-opacity));
@@ -2880,49 +2885,56 @@ details.collapse summary {
2880
2885
  --tw-border-opacity: 1;
2881
2886
  border-color: hsl(var(--p) / var(--tw-border-opacity));
2882
2887
  }
2883
- .input-primary:focus {
2888
+ .input-primary:focus,
2889
+ .input-primary:focus-within {
2884
2890
  outline-color: hsl(var(--p) / 1);
2885
2891
  }
2886
2892
  .input-secondary {
2887
2893
  --tw-border-opacity: 1;
2888
2894
  border-color: hsl(var(--s) / var(--tw-border-opacity));
2889
2895
  }
2890
- .input-secondary:focus {
2896
+ .input-secondary:focus,
2897
+ .input-secondary:focus-within {
2891
2898
  outline-color: hsl(var(--s) / 1);
2892
2899
  }
2893
2900
  .input-accent {
2894
2901
  --tw-border-opacity: 1;
2895
2902
  border-color: hsl(var(--a) / var(--tw-border-opacity));
2896
2903
  }
2897
- .input-accent:focus {
2904
+ .input-accent:focus,
2905
+ .input-accent:focus-within {
2898
2906
  outline-color: hsl(var(--a) / 1);
2899
2907
  }
2900
2908
  .input-info {
2901
2909
  --tw-border-opacity: 1;
2902
2910
  border-color: hsl(var(--in) / var(--tw-border-opacity));
2903
2911
  }
2904
- .input-info:focus {
2912
+ .input-info:focus,
2913
+ .input-info:focus-within {
2905
2914
  outline-color: hsl(var(--in) / 1);
2906
2915
  }
2907
2916
  .input-success {
2908
2917
  --tw-border-opacity: 1;
2909
2918
  border-color: hsl(var(--su) / var(--tw-border-opacity));
2910
2919
  }
2911
- .input-success:focus {
2920
+ .input-success:focus,
2921
+ .input-success:focus-within {
2912
2922
  outline-color: hsl(var(--su) / 1);
2913
2923
  }
2914
2924
  .input-warning {
2915
2925
  --tw-border-opacity: 1;
2916
2926
  border-color: hsl(var(--wa) / var(--tw-border-opacity));
2917
2927
  }
2918
- .input-warning:focus {
2928
+ .input-warning:focus,
2929
+ .input-warning:focus-within {
2919
2930
  outline-color: hsl(var(--wa) / 1);
2920
2931
  }
2921
2932
  .input-error {
2922
2933
  --tw-border-opacity: 1;
2923
2934
  border-color: hsl(var(--er) / var(--tw-border-opacity));
2924
2935
  }
2925
- .input-error:focus {
2936
+ .input-error:focus,
2937
+ .input-error:focus-within {
2926
2938
  outline-color: hsl(var(--er) / 1);
2927
2939
  }
2928
2940
  .input-disabled,