daisyui 2.25.0 → 2.26.0

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/styled.css CHANGED
@@ -2137,15 +2137,17 @@ body[dir="rtl"] .checkbox:checked,
2137
2137
  display: block;
2138
2138
  height: 0.5rem;
2139
2139
  width: 0.5rem;
2140
+ --tw-translate-y: -100%;
2141
+ --tw-rotate: 45deg;
2142
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2140
2143
  transition-property: all;
2141
2144
  transition-duration: 150ms;
2142
2145
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2143
2146
  transition-duration: 0.2s;
2144
- top: 1.4rem;
2147
+ top: 50%;
2145
2148
  right: 1.4rem;
2146
2149
  content: "";
2147
2150
  transform-origin: 75% 75%;
2148
- transform: rotate(45deg);
2149
2151
  box-shadow: 2px 2px;
2150
2152
  pointer-events: none;
2151
2153
  }
@@ -2169,8 +2171,14 @@ body[dir="rtl"] .checkbox:checked,
2169
2171
  .collapse:focus:not(.collapse-open):not(.collapse-close) .collapse-title {
2170
2172
  cursor: unset;
2171
2173
  }
2174
+ .collapse-title {
2175
+ position: relative;
2176
+ }
2177
+ :where(.collapse > input[type="checkbox"]) {
2178
+ z-index: 1;
2179
+ }
2172
2180
  .collapse-title,
2173
- .collapse > input[type="checkbox"] {
2181
+ :where(.collapse > input[type="checkbox"]) {
2174
2182
  width: 100%;
2175
2183
  padding: 1rem;
2176
2184
  padding-right: 3rem;
@@ -2195,10 +2203,12 @@ body[dir="rtl"] .checkbox:checked,
2195
2203
  padding-bottom: 1rem;
2196
2204
  transition: padding 0.2s ease-in-out, background-color 0.2s ease-in-out;
2197
2205
  }
2198
- .collapse-open.collapse-arrow .collapse-title:after,
2199
- .collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
2206
+ .collapse-open.collapse-arrow .collapse-title:after,
2207
+ .collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
2200
2208
  .collapse-arrow:not(.collapse-close) input[type="checkbox"]:checked ~ .collapse-title:after {
2201
- transform: rotate(225deg);
2209
+ --tw-translate-y: -50%;
2210
+ --tw-rotate: 225deg;
2211
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2202
2212
  }
2203
2213
  .collapse-open.collapse-plus .collapse-title:after,
2204
2214
  .collapse-plus:focus:not(.collapse-close) .collapse-title:after,