daisyui 2.4.0 → 2.6.1

package/dist/themes.css

@@ -36,13 +36,10 @@
 }
 @media (prefers-color-scheme: dark) {
     :root {
-        --p: 259 94% 61%;
-        --pf: 259 94% 49%;
-        --sf: 314 100% 38%;
-        --af: 174 60% 41%;
-        --nf: 222 13% 15%;
-        --b2: 219 14% 25%;
-        --b3: 219 14% 23%;
+        --p: 262 80% 50%;
+        --pf: 262 80% 40%;
+        --sf: 316 70% 40%;
+        --af: 175 70% 33%;
         --in: 198 93% 60%;
         --su: 158 64% 52%;
         --wa: 43 96% 56%;
@@ -62,14 +59,17 @@
         --tab-border: 1px;
         --tab-radius: 0.5rem;
         --pc: 0 0% 100%;
-        --s: 314 100% 47%;
+        --s: 316 70% 50%;
         --sc: 0 0% 100%;
-        --a: 174 60% 51%;
+        --a: 175 70% 41%;
         --ac: 0 0% 100%;
-        --n: 222 13% 19%;
-        --nc: 0 0% 100%;
-        --b1: 219 14% 28%;
-        --bc: 228 14% 93%
+        --n: 218 18% 12%;
+        --nf: 223 17% 8%;
+        --nc: 220 13% 69%;
+        --b1: 220 18% 20%;
+        --b2: 220 17% 17%;
+        --b3: 219 18% 15%;
+        --bc: 220 13% 69%
     }
 }
 [data-theme=light] {
@@ -109,13 +109,10 @@
     --bc: 215 28% 17%
 }
 [data-theme=dark] {
-    --p: 259 94% 61%;
-    --pf: 259 94% 49%;
-    --sf: 314 100% 38%;
-    --af: 174 60% 41%;
-    --nf: 222 13% 15%;
-    --b2: 219 14% 25%;
-    --b3: 219 14% 23%;
+    --p: 262 80% 50%;
+    --pf: 262 80% 40%;
+    --sf: 316 70% 40%;
+    --af: 175 70% 33%;
     --in: 198 93% 60%;
     --su: 158 64% 52%;
     --wa: 43 96% 56%;
@@ -135,14 +132,17 @@
     --tab-border: 1px;
     --tab-radius: 0.5rem;
     --pc: 0 0% 100%;
-    --s: 314 100% 47%;
+    --s: 316 70% 50%;
     --sc: 0 0% 100%;
-    --a: 174 60% 51%;
+    --a: 175 70% 41%;
     --ac: 0 0% 100%;
-    --n: 222 13% 19%;
-    --nc: 0 0% 100%;
-    --b1: 219 14% 28%;
-    --bc: 228 14% 93%
+    --n: 218 18% 12%;
+    --nf: 223 17% 8%;
+    --nc: 220 13% 69%;
+    --b1: 220 18% 20%;
+    --b2: 220 17% 17%;
+    --b3: 219 18% 15%;
+    --bc: 220 13% 69%
 }
 [data-theme=cupcake] {
     --p: 183 47% 59%;
@@ -578,36 +578,36 @@
     --er: 0 72% 51%
 }
 [data-theme=lofi] {
-    --p: 0 0% 50%;
-    --pf: 0 0% 40%;
-    --sf: 0 0% 24%;
-    --af: 0 0% 8%;
-    --nf: 240 4% 76%;
-    --inc: 221 100% 91%;
-    --suc: 142 100% 87%;
-    --wac: 32 100% 9%;
-    --erc: 0 100% 90%;
+    --p: 0 0% 5%;
+    --pf: 0 0% 4%;
+    --sf: 0 2% 8%;
+    --af: 0 0% 12%;
+    --nf: 0 0% 0%;
     --btn-text-case: uppercase;
     --border-btn: 1px;
     --tab-border: 1px;
-    --pc: 240 4% 95%;
-    --s: 0 0% 30%;
-    --sc: 240 4% 95%;
-    --a: 0 0% 10%;
-    --ac: 240 4% 95%;
-    --n: 240 4% 95%;
-    --nc: 0 0% 30%;
+    --pc: 0 0% 100%;
+    --s: 0 2% 10%;
+    --sc: 0 0% 100%;
+    --a: 0 0% 15%;
+    --ac: 0 0% 100%;
+    --n: 0 0% 0%;
+    --nc: 0 0% 100%;
     --b1: 0 0% 100%;
-    --b2: 0 0% 100%;
-    --b3: 0 0% 100%;
-    --bc: 0 0% 49%;
-    --in: 221 83% 53%;
-    --su: 142 76% 36%;
-    --wa: 32 95% 44%;
-    --er: 0 72% 51%;
-    --rounded-box: 0;
-    --rounded-btn: 0;
-    --rounded-badge: 0;
+    --b2: 0 0% 95%;
+    --b3: 0 2% 90%;
+    --bc: 0 0% 0%;
+    --in: 212 100% 48%;
+    --inc: 0 0% 100%;
+    --su: 137 72% 46%;
+    --suc: 0 0% 100%;
+    --wa: 5 100% 66%;
+    --wac: 0 0% 100%;
+    --er: 325 78% 49%;
+    --erc: 0 0% 100%;
+    --rounded-box: 0.25rem;
+    --rounded-btn: 0.125rem;
+    --rounded-badge: 0.125rem;
     --animation-btn: 0;
     --animation-input: 0;
     --btn-focus-scale: 1;
@@ -723,28 +723,28 @@
     --tab-radius: 0.2rem
 }
 [data-theme=black] {
-    --p: 0 0% 20%;
-    --pf: 0 0% 16%;
-    --sf: 0 0% 16%;
-    --af: 0 0% 16%;
-    --nf: 0 0% 16%;
-    --b2: 0 0% 0%;
-    --b3: 0 0% 0%;
+    --p: 0 2% 20%;
+    --pf: 0 2% 16%;
+    --sf: 0 2% 16%;
+    --af: 0 2% 16%;
     --bc: 0 0% 80%;
-    --pc: 0 0% 84%;
-    --sc: 0 0% 84%;
-    --ac: 0 0% 84%;
-    --nc: 0 0% 84%;
+    --pc: 0 5% 84%;
+    --sc: 0 5% 84%;
+    --ac: 0 5% 84%;
+    --nc: 0 3% 83%;
     --inc: 240 100% 90%;
     --suc: 120 100% 85%;
     --wac: 60 100% 10%;
     --erc: 0 100% 90%;
     --border-btn: 1px;
     --tab-border: 1px;
-    --s: 0 0% 20%;
-    --a: 0 0% 20%;
+    --s: 0 2% 20%;
+    --a: 0 2% 20%;
     --b1: 0 0% 0%;
-    --n: 0 0% 20%;
+    --b2: 0 0% 5%;
+    --b3: 0 2% 10%;
+    --n: 0 1% 15%;
+    --nf: 0 2% 20%;
     --in: 240 100% 50%;
     --su: 120 100% 25%;
     --wa: 60 100% 50%;
@@ -1010,6 +1010,114 @@
     --wa: 50 87% 75%;
     --er: 1 70% 83%
 }
+[data-theme=night] {
+    --p: 198 93% 60%;
+    --pf: 198 93% 48%;
+    --sf: 234 89% 59%;
+    --af: 329 86% 56%;
+    --b2: 222 47% 10%;
+    --b3: 222 47% 9%;
+    --bc: 222 66% 82%;
+    --pc: 198 100% 12%;
+    --sc: 234 100% 15%;
+    --ac: 329 100% 14%;
+    --nc: 217 76% 83%;
+    --inc: 198 100% 90%;
+    --suc: 172 100% 10%;
+    --wac: 41 100% 13%;
+    --erc: 351 100% 14%;
+    --rounded-box: 1rem;
+    --rounded-btn: 0.5rem;
+    --rounded-badge: 1.9rem;
+    --animation-btn: 0.25s;
+    --animation-input: .2s;
+    --btn-text-case: uppercase;
+    --btn-focus-scale: 0.95;
+    --border-btn: 1px;
+    --tab-border: 1px;
+    --tab-radius: 0.5rem;
+    --s: 234 89% 74%;
+    --a: 329 86% 70%;
+    --n: 217 33% 17%;
+    --nf: 217 30% 22%;
+    --b1: 222 47% 11%;
+    --in: 198 90% 48%;
+    --su: 172 66% 50%;
+    --wa: 41 88% 64%;
+    --er: 351 95% 71%
+}
+[data-theme=coffee] {
+    --p: 30 67% 58%;
+    --pf: 30 67% 46%;
+    --sf: 182 25% 16%;
+    --af: 194 74% 20%;
+    --nf: 300 20% 5%;
+    --b2: 306 19% 10%;
+    --b3: 306 19% 9%;
+    --pc: 30 100% 12%;
+    --sc: 182 67% 84%;
+    --ac: 194 100% 85%;
+    --nc: 300 14% 81%;
+    --inc: 171 100% 13%;
+    --suc: 93 100% 12%;
+    --wac: 43 100% 14%;
+    --erc: 10 100% 15%;
+    --rounded-box: 1rem;
+    --rounded-btn: 0.5rem;
+    --rounded-badge: 1.9rem;
+    --animation-btn: 0.25s;
+    --animation-input: .2s;
+    --btn-text-case: uppercase;
+    --btn-focus-scale: 0.95;
+    --border-btn: 1px;
+    --tab-border: 1px;
+    --tab-radius: 0.5rem;
+    --s: 182 25% 20%;
+    --a: 194 74% 25%;
+    --n: 300 20% 6%;
+    --b1: 306 19% 11%;
+    --bc: 37 8% 42%;
+    --in: 171 37% 67%;
+    --su: 93 25% 62%;
+    --wa: 43 100% 69%;
+    --er: 10 95% 75%
+}
+[data-theme=winter] {
+    --p: 212 100% 51%;
+    --pf: 212 100% 41%;
+    --sf: 247 47% 35%;
+    --af: 310 49% 42%;
+    --nf: 217 92% 8%;
+    --pc: 212 100% 90%;
+    --sc: 247 100% 89%;
+    --ac: 310 100% 90%;
+    --nc: 217 100% 82%;
+    --inc: 192 100% 16%;
+    --suc: 182 100% 13%;
+    --wac: 32 100% 17%;
+    --erc: 0 100% 14%;
+    --rounded-box: 1rem;
+    --rounded-btn: 0.5rem;
+    --rounded-badge: 1.9rem;
+    --animation-btn: 0.25s;
+    --animation-input: .2s;
+    --btn-text-case: uppercase;
+    --btn-focus-scale: 0.95;
+    --border-btn: 1px;
+    --tab-border: 1px;
+    --tab-radius: 0.5rem;
+    --s: 247 47% 43%;
+    --a: 310 49% 52%;
+    --n: 217 92% 10%;
+    --b1: 0 0% 100%;
+    --b2: 217 100% 97%;
+    --b3: 219 44% 92%;
+    --bc: 214 30% 32%;
+    --in: 192 93% 78%;
+    --su: 182 47% 66%;
+    --wa: 32 62% 84%;
+    --er: 0 63% 72%
+}
 *, ::before, ::after {
     --tw-translate-x: 0;
     --tw-translate-y: 0;

package/dist/unstyled.css

@@ -52,7 +52,9 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   height: 1.25rem;
@@ -82,19 +84,23 @@
     align-items: center
 }
   .breadcrumbs > ul > li > a:hover {
-    text-decoration-line: underline
+    -webkit-text-decoration-line: underline;
+            text-decoration-line: underline
 }
 .btn {
   display: inline-flex;
   flex-shrink: 0;
   cursor: pointer;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   border-color: transparent;
   text-align: center;
+  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   border-radius: var(--rounded-btn, 0.5rem);
@@ -166,7 +172,8 @@
   flex-wrap: wrap;
 }
 .btn-group > input[type="radio"].btn {
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
 }
 .btn-group > input[type="radio"].btn:before {
     content: attr(data-title);
@@ -253,7 +260,8 @@
   grid-row-start: 1;
 }
 .collapse > input[type="checkbox"] {
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
   opacity: 0;
 }
 .collapse-content {
@@ -322,7 +330,8 @@
     position: absolute;
     height: 0px;
     width: 0px;
-    appearance: none;
+    -webkit-appearance: none;
+            appearance: none;
     opacity: 0;
 }
 .drawer-toggle ~ .drawer-content {
@@ -506,7 +515,8 @@
 }
 .label {
     display: flex;
-    user-select: none;
+    -webkit-user-select: none;
+            user-select: none;
     align-items: center;
     justify-content: space-between
 }
@@ -587,7 +597,9 @@
 }
 .input {
     flex-shrink: 1;
+    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
     transition-duration: 200ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     height: 3rem;
@@ -666,13 +678,16 @@
 }
 .link {
     cursor: pointer;
-    text-decoration-line: underline
+    -webkit-text-decoration-line: underline;
+            text-decoration-line: underline
 }
   .link-hover {
-    text-decoration-line: none
+    -webkit-text-decoration-line: none;
+            text-decoration-line: none
 }
   .link-hover:hover {
-    text-decoration-line: underline
+    -webkit-text-decoration-line: underline;
+            text-decoration-line: underline
 }
 .mask {
   -webkit-mask-size: contain;
@@ -717,7 +732,8 @@
 }
 .menu :where(li:not(.disabled):not(.menu-title)) > :where(*:not(ul)) {
   cursor: pointer;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
   align-items: center;
   outline: 2px solid transparent;
   outline-offset: 2px
@@ -799,7 +815,8 @@
   position: fixed;
   height: 0px;
   width: 0px;
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
   opacity: 0;
 }
 .navbar {
@@ -807,7 +824,7 @@
   align-items: center;
 }
   .navbar > * {
-  display: flex;
+  display: inline-flex;
   align-items: center;
 }
 .navbar-start {
@@ -824,7 +841,8 @@
 .progress {
     position: relative;
     width: 100%;
-    appearance: none;
+    -webkit-appearance: none;
+            appearance: none;
     overflow: hidden
 }
 .radial-progress {
@@ -843,11 +861,13 @@
   background-color: transparent;
 }
 .radial-progress::-webkit-progress-value {
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
   background-color: transparent;
 }
 .radial-progress::-webkit-progress-bar {
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
   background-color: transparent;
 }
 .radial-progress:before, .radial-progress:after {
@@ -893,9 +913,13 @@
 
     cursor: pointer;
 
-    user-select: none;
+    -webkit-user-select: none;
+
+            user-select: none;
+
+    -webkit-appearance: none;
 
-    appearance: none;
+            appearance: none;
 
     height: 3rem;
 
@@ -993,7 +1017,9 @@
 
     display: inline-grid;
 
-    user-select: none;
+    -webkit-user-select: none;
+
+            user-select: none;
 
     place-content: center
 }
@@ -1007,7 +1033,9 @@
 
 .swap input {
 
-    appearance: none
+    -webkit-appearance: none;
+
+            appearance: none
 }
 
 .swap .swap-on, .swap .swap-indeterminate, .swap input:indeterminate ~ .swap-on {
@@ -1033,7 +1061,8 @@
   position: relative;
   display: inline-flex;
   cursor: pointer;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
@@ -1056,7 +1085,9 @@
 }
 .textarea {
     flex-shrink: 1;
+    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
     transition-duration: 200ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     padding-left: 1rem;