daisyui 4.0.0-alpha.16 → 4.0.0-alpha.17

package/dist/full.css

@@ -1035,9 +1035,6 @@
     --suc: 0.153654 0.01498 131.063061;
     --wac: 0.170972 0.017847 84.093335;
     --erc: 0.12122 0.024119 15.341883;
-    --rounded-box: 1rem;
-    --rounded-btn: 0.5rem;
-    --rounded-badge: 1.9rem;
     --animation-btn: 0.25s;
     --animation-input: .2s;
     --btn-focus-scale: 0.95;
@@ -1047,16 +1044,19 @@
     --p: 0.594359 0.077246 254.027774;
     --s: 0.696516 0.059108 248.687186;
     --a: 0.774643 0.062249 217.469017;
-    --n: 0.324374 0.022945 264.182036;
+    --n: 0.45229 0.035214 264.1312;
     --nc: 0.899258 0.016374 262.749256;
-    --b1: 0.45229 0.035214 264.1312;
-    --b2: 0.415739 0.032367 264.131216;
-    --b3: 0.379212 0.028973 266.470524;
-    --bc: 0.932996 0.010389 261.788485;
+    --b1: 0.951276 0.007445 260.731539;
+    --b2: 0.932996 0.010389 261.788485;
+    --b3: 0.899258 0.016374 262.749256;
+    --bc: 0.324374 0.022945 264.182036;
     --in: 0.692072 0.062496 332.664922;
     --su: 0.76827 0.074899 131.063061;
     --wa: 0.854862 0.089234 84.093335;
-    --er: 0.6061 0.120594 15.341883
+    --er: 0.6061 0.120594 15.341883;
+    --rounded-box: 0.4rem;
+    --rounded-btn: 0.2rem;
+    --rounded-badge: 0.4rem
 }
 [data-theme=sunset], :root:has(input.theme-controller[value=sunset]:checked) {
     color-scheme: dark;
@@ -1067,9 +1067,6 @@
     --suc: 0.171122 0.017172 144.77874;
     --wac: 0.171139 0.016961 74.427797;
     --erc: 0.171023 0.015778 16.886379;
-    --rounded-box: 1rem;
-    --rounded-btn: 0.5rem;
-    --rounded-badge: 1.9rem;
     --animation-btn: 0.25s;
     --animation-input: .2s;
     --btn-focus-scale: 0.95;
@@ -1088,7 +1085,10 @@
     --in: 0.855596 0.085271 206.015183;
     --su: 0.855609 0.08586 144.77874;
     --wa: 0.855695 0.084806 74.427797;
-    --er: 0.855116 0.07889 16.886379
+    --er: 0.855116 0.07889 16.886379;
+    --rounded-box: 1.2rem;
+    --rounded-btn: 0.8rem;
+    --rounded-badge: 0.4rem
 }
 /*
 ! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com
@@ -4708,9 +4708,7 @@ input.input {
     width: 0.5rem;
     background-color: transparent}
 .rating input[type="radio"]:checked {
-    background-image: none;
-    --tw-bg-opacity: 1;
-    background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)))}
+    background-image: none}
 .rating input:checked ~ input,
   .rating input[aria-checked="true"] ~ input {
     --tw-bg-opacity: 0.2}
@@ -20498,16 +20496,16 @@ select.select {
     width: 100%;
     height: 100%;
     object-fit: cover}
-.checkbox-xs {
+[type="checkbox"].checkbox-xs {
     height: 1rem;
     width: 1rem}
-.checkbox-sm {
+[type="checkbox"].checkbox-sm {
     height: 1.25rem;
     width: 1.25rem}
-.checkbox-md {
+[type="checkbox"].checkbox-md {
     height: 1.5rem;
     width: 1.5rem}
-.checkbox-lg {
+[type="checkbox"].checkbox-lg {
     height: 2rem;
     width: 2rem}
 .divider-horizontal {
@@ -20727,16 +20725,16 @@ select.select {
     place-items: center}
 .modal-bottom {
     place-items: end}
-.radio-xs {
+[type="radio"].radio-xs {
     height: 1rem;
     width: 1rem}
-.radio-sm {
+[type="radio"].radio-sm {
     height: 1.25rem;
     width: 1.25rem}
-.radio-md {
+[type="radio"].radio-md {
     height: 1.5rem;
     width: 1.5rem}
-.radio-lg {
+[type="radio"].radio-lg {
     height: 2rem;
     width: 2rem}
 .range-xs {
@@ -21066,19 +21064,19 @@ select.select {
     top: 0px;
     --tw-translate-y: 0px;
     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))}
-.toggle-xs {
+[type="checkbox"].toggle-xs {
     --handleoffset: 0.5rem;
     height: 1rem;
     width: 1.5rem}
-.toggle-sm {
+[type="checkbox"].toggle-sm {
     --handleoffset: 0.75rem;
     height: 1.25rem;
     width: 2rem}
-.toggle-md {
+[type="checkbox"].toggle-md {
     --handleoffset: 1.5rem;
     height: 1.5rem;
     width: 3rem}
-.toggle-lg {
+[type="checkbox"].toggle-lg {
     --handleoffset: 2rem;
     height: 2rem;
     width: 4rem}
@@ -43836,13 +43834,13 @@ select.select {
         width: 100%;
         height: 100%;
         object-fit: cover}
-    .sm\:checkbox-sm {
+    .sm\:checkbox-sm[type="checkbox"] {
         height: 1.25rem;
         width: 1.25rem}
-    .sm\:checkbox-md {
+    .sm\:checkbox-md[type="checkbox"] {
         height: 1.5rem;
         width: 1.5rem}
-    .sm\:checkbox-lg {
+    .sm\:checkbox-lg[type="checkbox"] {
         height: 2rem;
         width: 2rem}
     .sm\:divider-horizontal {
@@ -43951,13 +43949,13 @@ select.select {
         place-items: center}
     .sm\:modal-bottom {
         place-items: end}
-    .sm\:radio-sm {
+    .sm\:radio-sm[type="radio"] {
         height: 1.25rem;
         width: 1.25rem}
-    .sm\:radio-md {
+    .sm\:radio-md[type="radio"] {
         height: 1.5rem;
         width: 1.5rem}
-    .sm\:radio-lg {
+    .sm\:radio-lg[type="radio"] {
         height: 2rem;
         width: 2rem}
     .sm\:range-sm {
@@ -44093,15 +44091,15 @@ select.select {
         font-size: 1.125rem;
         line-height: 1.75rem;
         line-height: 2}
-    .sm\:toggle-sm {
+    .sm\:toggle-sm[type="checkbox"] {
         --handleoffset: 0.75rem;
         height: 1.25rem;
         width: 2rem}
-    .sm\:toggle-md {
+    .sm\:toggle-md[type="checkbox"] {
         --handleoffset: 1.5rem;
         height: 1.5rem;
         width: 3rem}
-    .sm\:toggle-lg {
+    .sm\:toggle-lg[type="checkbox"] {
         --handleoffset: 2rem;
         height: 2rem;
         width: 4rem}
@@ -44358,13 +44356,13 @@ select.select {
         width: 100%;
         height: 100%;
         object-fit: cover}
-    .md\:checkbox-sm {
+    .md\:checkbox-sm[type="checkbox"] {
         height: 1.25rem;
         width: 1.25rem}
-    .md\:checkbox-md {
+    .md\:checkbox-md[type="checkbox"] {
         height: 1.5rem;
         width: 1.5rem}
-    .md\:checkbox-lg {
+    .md\:checkbox-lg[type="checkbox"] {
         height: 2rem;
         width: 2rem}
     .md\:divider-horizontal {
@@ -44473,13 +44471,13 @@ select.select {
         place-items: center}
     .md\:modal-bottom {
         place-items: end}
-    .md\:radio-sm {
+    .md\:radio-sm[type="radio"] {
         height: 1.25rem;
         width: 1.25rem}
-    .md\:radio-md {
+    .md\:radio-md[type="radio"] {
         height: 1.5rem;
         width: 1.5rem}
-    .md\:radio-lg {
+    .md\:radio-lg[type="radio"] {
         height: 2rem;
         width: 2rem}
     .md\:range-sm {
@@ -44615,15 +44613,15 @@ select.select {
         font-size: 1.125rem;
         line-height: 1.75rem;
         line-height: 2}
-    .md\:toggle-sm {
+    .md\:toggle-sm[type="checkbox"] {
         --handleoffset: 0.75rem;
         height: 1.25rem;
         width: 2rem}
-    .md\:toggle-md {
+    .md\:toggle-md[type="checkbox"] {
         --handleoffset: 1.5rem;
         height: 1.5rem;
         width: 3rem}
-    .md\:toggle-lg {
+    .md\:toggle-lg[type="checkbox"] {
         --handleoffset: 2rem;
         height: 2rem;
         width: 4rem}
@@ -44880,13 +44878,13 @@ select.select {
         width: 100%;
         height: 100%;
         object-fit: cover}
-    .lg\:checkbox-sm {
+    .lg\:checkbox-sm[type="checkbox"] {
         height: 1.25rem;
         width: 1.25rem}
-    .lg\:checkbox-md {
+    .lg\:checkbox-md[type="checkbox"] {
         height: 1.5rem;
         width: 1.5rem}
-    .lg\:checkbox-lg {
+    .lg\:checkbox-lg[type="checkbox"] {
         height: 2rem;
         width: 2rem}
     .lg\:divider-horizontal {
@@ -44995,13 +44993,13 @@ select.select {
         place-items: center}
     .lg\:modal-bottom {
         place-items: end}
-    .lg\:radio-sm {
+    .lg\:radio-sm[type="radio"] {
         height: 1.25rem;
         width: 1.25rem}
-    .lg\:radio-md {
+    .lg\:radio-md[type="radio"] {
         height: 1.5rem;
         width: 1.5rem}
-    .lg\:radio-lg {
+    .lg\:radio-lg[type="radio"] {
         height: 2rem;
         width: 2rem}
     .lg\:range-sm {
@@ -45137,15 +45135,15 @@ select.select {
         font-size: 1.125rem;
         line-height: 1.75rem;
         line-height: 2}
-    .lg\:toggle-sm {
+    .lg\:toggle-sm[type="checkbox"] {
         --handleoffset: 0.75rem;
         height: 1.25rem;
         width: 2rem}
-    .lg\:toggle-md {
+    .lg\:toggle-md[type="checkbox"] {
         --handleoffset: 1.5rem;
         height: 1.5rem;
         width: 3rem}
-    .lg\:toggle-lg {
+    .lg\:toggle-lg[type="checkbox"] {
         --handleoffset: 2rem;
         height: 2rem;
         width: 4rem}
@@ -45402,13 +45400,13 @@ select.select {
         width: 100%;
         height: 100%;
         object-fit: cover}
-    .xl\:checkbox-sm {
+    .xl\:checkbox-sm[type="checkbox"] {
         height: 1.25rem;
         width: 1.25rem}
-    .xl\:checkbox-md {
+    .xl\:checkbox-md[type="checkbox"] {
         height: 1.5rem;
         width: 1.5rem}
-    .xl\:checkbox-lg {
+    .xl\:checkbox-lg[type="checkbox"] {
         height: 2rem;
         width: 2rem}
     .xl\:divider-horizontal {
@@ -45517,13 +45515,13 @@ select.select {
         place-items: center}
     .xl\:modal-bottom {
         place-items: end}
-    .xl\:radio-sm {
+    .xl\:radio-sm[type="radio"] {
         height: 1.25rem;
         width: 1.25rem}
-    .xl\:radio-md {
+    .xl\:radio-md[type="radio"] {
         height: 1.5rem;
         width: 1.5rem}
-    .xl\:radio-lg {
+    .xl\:radio-lg[type="radio"] {
         height: 2rem;
         width: 2rem}
     .xl\:range-sm {
@@ -45659,15 +45657,15 @@ select.select {
         font-size: 1.125rem;
         line-height: 1.75rem;
         line-height: 2}
-    .xl\:toggle-sm {
+    .xl\:toggle-sm[type="checkbox"] {
         --handleoffset: 0.75rem;
         height: 1.25rem;
         width: 2rem}
-    .xl\:toggle-md {
+    .xl\:toggle-md[type="checkbox"] {
         --handleoffset: 1.5rem;
         height: 1.5rem;
         width: 3rem}
-    .xl\:toggle-lg {
+    .xl\:toggle-lg[type="checkbox"] {
         --handleoffset: 2rem;
         height: 2rem;
         width: 4rem}

package/dist/styled.css

@@ -4070,8 +4070,6 @@ input.input {
 }
   .rating input[type="radio"]:checked {
     background-image: none;
-    --tw-bg-opacity: 1;
-    background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
   }
   .rating input:checked ~ input,
   .rating input[aria-checked="true"] ~ input {