daisyui 4.4.17 → 4.4.19

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 (6) hide show
  1. package/dist/full.css +5 -2
  2. package/dist/styled.css +66 -62
  3. package/dist/styled.js +1 -1
  4. package/dist/unstyled.css +1 -0
  5. package/dist/unstyled.js +1 -1
  6. package/package.json +1 -1
package/dist/full.css CHANGED
@@ -3435,6 +3435,7 @@ html {
3435
3435
  white-space: nowrap}
3436
3436
  .input {
3437
3437
  flex-shrink: 1;
3438
+ appearance: none;
3438
3439
  height: 3rem;
3439
3440
  padding-left: 1rem;
3440
3441
  padding-right: 1rem;
@@ -5077,6 +5078,8 @@ details.collapse summary::-webkit-details-marker {
5077
5078
  .input[disabled]::placeholder {
5078
5079
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
5079
5080
  --tw-placeholder-opacity: 0.2}
5081
+ .input::-webkit-date-and-time-value {
5082
+ text-align: inherit}
5080
5083
  .join > :where(*:not(:first-child)) {
5081
5084
  margin-top: 0px;
5082
5085
  margin-bottom: 0px;
@@ -6115,8 +6118,8 @@ details.collapse summary::-webkit-details-marker {
6115
6118
  [dir="rtl"] .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):last-child:before {
6116
6119
  background-image: var(--radius-end);
6117
6120
  background-position: top right}
6118
- .tabs-lifted >
6119
- .tab-active:not(.tab-disabled):not([disabled])
6121
+ .tabs-lifted
6122
+ > .tab-active:not(.tab-disabled):not([disabled])
6120
6123
  + .tabs-lifted
6121
6124
  .tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before {
6122
6125
  background-image: var(--radius-end);
package/dist/styled.css CHANGED
@@ -693,6 +693,7 @@
693
693
  }
694
694
  .input {
695
695
  flex-shrink: 1;
696
+ appearance: none;
696
697
  height: 3rem;
697
698
  padding-left: 1rem;
698
699
  padding-right: 1rem;
@@ -2943,26 +2944,23 @@ details.collapse summary {
2943
2944
  padding: 1rem
2944
2945
  }
2945
2946
  .input {
2946
- border-radius: var(--rounded-btn, 0.5rem);
2947
- border-width: 1px;
2948
- border-color: transparent;
2949
- --tw-bg-opacity: 1;
2950
- background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
2951
- font-size: 1rem;
2952
- line-height: 1.5rem;
2953
- /* &::-webkit-calendar-picker-indicator {
2954
- display: none;
2955
- } */
2947
+ border-radius: var(--rounded-btn, 0.5rem);
2948
+ border-width: 1px;
2949
+ border-color: transparent;
2950
+ --tw-bg-opacity: 1;
2951
+ background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
2952
+ font-size: 1rem;
2953
+ line-height: 1.5rem;
2956
2954
  }
2957
2955
  .input input:focus {
2958
- outline: 2px solid transparent;
2959
- outline-offset: 2px;
2956
+ outline: 2px solid transparent;
2957
+ outline-offset: 2px;
2960
2958
  }
2961
2959
  .input[list]::-webkit-calendar-picker-indicator {
2962
2960
  line-height: 1em;
2963
2961
  }
2964
2962
  .input-bordered {
2965
- border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
2963
+ border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
2966
2964
  }
2967
2965
  .input:focus,
2968
2966
  .input:focus-within {
@@ -2974,101 +2972,107 @@ details.collapse summary {
2974
2972
  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
2975
2973
  }
2976
2974
  .input-ghost {
2977
- --tw-bg-opacity: 0.05;
2975
+ --tw-bg-opacity: 0.05;
2978
2976
  }
2979
2977
  .input-ghost:focus,
2980
2978
  .input-ghost:focus-within {
2981
- --tw-bg-opacity: 1;
2982
- --tw-text-opacity: 1;
2983
- color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
2979
+ --tw-bg-opacity: 1;
2980
+ --tw-text-opacity: 1;
2981
+ color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
2984
2982
  box-shadow: none;
2985
2983
  }
2986
2984
  .input-primary {
2987
- --tw-border-opacity: 1;
2988
- border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
2985
+ --tw-border-opacity: 1;
2986
+ border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
2989
2987
  }
2990
2988
  .input-primary:focus,
2991
2989
  .input-primary:focus-within {
2992
- --tw-border-opacity: 1;
2993
- border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
2994
- outline-color: var(--fallback-p,oklch(var(--p)/1));
2990
+ --tw-border-opacity: 1;
2991
+ border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
2992
+ outline-color: var(--fallback-p,oklch(var(--p)/1));
2995
2993
  }
2996
2994
  .input-secondary {
2997
- --tw-border-opacity: 1;
2998
- border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
2995
+ --tw-border-opacity: 1;
2996
+ border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
2999
2997
  }
3000
2998
  .input-secondary:focus,
3001
2999
  .input-secondary:focus-within {
3002
- --tw-border-opacity: 1;
3003
- border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
3004
- outline-color: var(--fallback-s,oklch(var(--s)/1));
3000
+ --tw-border-opacity: 1;
3001
+ border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
3002
+ outline-color: var(--fallback-s,oklch(var(--s)/1));
3005
3003
  }
3006
3004
  .input-accent {
3007
- --tw-border-opacity: 1;
3008
- border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
3005
+ --tw-border-opacity: 1;
3006
+ border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
3009
3007
  }
3010
3008
  .input-accent:focus,
3011
3009
  .input-accent:focus-within {
3012
- --tw-border-opacity: 1;
3013
- border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
3014
- outline-color: var(--fallback-a,oklch(var(--a)/1));
3010
+ --tw-border-opacity: 1;
3011
+ border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
3012
+ outline-color: var(--fallback-a,oklch(var(--a)/1));
3015
3013
  }
3016
3014
  .input-info {
3017
- --tw-border-opacity: 1;
3018
- border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
3015
+ --tw-border-opacity: 1;
3016
+ border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
3019
3017
  }
3020
3018
  .input-info:focus,
3021
3019
  .input-info:focus-within {
3022
- --tw-border-opacity: 1;
3023
- border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
3024
- outline-color: var(--fallback-in,oklch(var(--in)/1));
3020
+ --tw-border-opacity: 1;
3021
+ border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
3022
+ outline-color: var(--fallback-in,oklch(var(--in)/1));
3025
3023
  }
3026
3024
  .input-success {
3027
- --tw-border-opacity: 1;
3028
- border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
3025
+ --tw-border-opacity: 1;
3026
+ border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
3029
3027
  }
3030
3028
  .input-success:focus,
3031
3029
  .input-success:focus-within {
3032
- --tw-border-opacity: 1;
3033
- border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
3034
- outline-color: var(--fallback-su,oklch(var(--su)/1));
3030
+ --tw-border-opacity: 1;
3031
+ border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
3032
+ outline-color: var(--fallback-su,oklch(var(--su)/1));
3035
3033
  }
3036
3034
  .input-warning {
3037
- --tw-border-opacity: 1;
3038
- border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
3035
+ --tw-border-opacity: 1;
3036
+ border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
3039
3037
  }
3040
3038
  .input-warning:focus,
3041
3039
  .input-warning:focus-within {
3042
- --tw-border-opacity: 1;
3043
- border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
3044
- outline-color: var(--fallback-wa,oklch(var(--wa)/1));
3040
+ --tw-border-opacity: 1;
3041
+ border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
3042
+ outline-color: var(--fallback-wa,oklch(var(--wa)/1));
3045
3043
  }
3046
3044
  .input-error {
3047
- --tw-border-opacity: 1;
3048
- border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
3045
+ --tw-border-opacity: 1;
3046
+ border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
3049
3047
  }
3050
3048
  .input-error:focus,
3051
3049
  .input-error:focus-within {
3052
- --tw-border-opacity: 1;
3053
- border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
3054
- outline-color: var(--fallback-er,oklch(var(--er)/1));
3050
+ --tw-border-opacity: 1;
3051
+ border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
3052
+ outline-color: var(--fallback-er,oklch(var(--er)/1));
3055
3053
  }
3056
3054
  .input-disabled,
3057
3055
  .input:disabled,
3058
3056
  .input[disabled] {
3059
- cursor: not-allowed;
3060
- --tw-border-opacity: 1;
3061
- border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
3062
- --tw-bg-opacity: 1;
3063
- background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
3064
- color: var(--fallback-bc,oklch(var(--bc)/0.4));
3057
+ cursor: not-allowed;
3058
+ --tw-border-opacity: 1;
3059
+ border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
3060
+ --tw-bg-opacity: 1;
3061
+ background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
3062
+ color: var(--fallback-bc,oklch(var(--bc)/0.4));
3065
3063
  }
3066
3064
  .input-disabled::placeholder,
3067
3065
  .input:disabled::placeholder,
3068
3066
  .input[disabled]::placeholder {
3069
- color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
3070
- --tw-placeholder-opacity: 0.2;
3067
+ color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
3068
+ --tw-placeholder-opacity: 0.2;
3071
3069
  }
3070
+ /* &::-webkit-calendar-picker-indicator {
3071
+ display: none;
3072
+ } */
3073
+ .input::-webkit-date-and-time-value {
3074
+ text-align: inherit;
3075
+ }
3072
3076
  .join {
3073
3077
  border-radius: var(--rounded-btn, 0.5rem)
3074
3078
  }
@@ -4693,8 +4697,8 @@ details.collapse summary {
4693
4697
  background-image: var(--radius-end);
4694
4698
  background-position: top right;
4695
4699
  }
4696
- .tabs-lifted >
4697
- .tab-active:not(.tab-disabled):not([disabled])
4700
+ .tabs-lifted
4701
+ > .tab-active:not(.tab-disabled):not([disabled])
4698
4702
  + .tabs-lifted
4699
4703
  .tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before {
4700
4704
  background-image: var(--radius-end);