daisyui 2.22.1 → 2.24.1

package/dist/styled.css

@@ -454,6 +454,12 @@
 
   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));
 }
+[dir="rtl"] .drawer.drawer-end > .drawer-toggle ~ .drawer-side > .drawer-overlay + * {
+  --tw-translate-x: -100%;
+}
+[dir="rtl"] .drawer.drawer-end > .drawer-toggle:checked ~ .drawer-side > .drawer-overlay + * {
+  --tw-translate-x: 0px;
+}
 @media (min-width: 1024px) {
   .drawer-mobile {
     grid-auto-columns: max-content auto;
@@ -1189,6 +1195,30 @@
     background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
     padding: 1rem;
     border-radius: var(--rounded-box, 1rem)
+}
+  .alert-info {
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--in) / var(--tw-bg-opacity));
+    --tw-text-opacity: 1;
+    color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity))
+}
+  .alert-success {
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--su) / var(--tw-bg-opacity));
+    --tw-text-opacity: 1;
+    color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity))
+}
+  .alert-warning {
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--wa) / var(--tw-bg-opacity));
+    --tw-text-opacity: 1;
+    color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity))
+}
+  .alert-error {
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--er) / var(--tw-bg-opacity));
+    --tw-text-opacity: 1;
+    color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity))
 }
 .avatar-group {
     display: flex;
@@ -1202,293 +1232,273 @@
     border-color: hsl(var(--b1) / var(--tw-border-opacity))
 }
 .badge {
-
     border-width: 1px;
-
     --tw-border-opacity: 1;
-
     border-color: hsl(var(--n) / var(--tw-border-opacity));
-
     --tw-bg-opacity: 1;
-
     background-color: hsl(var(--n) / var(--tw-bg-opacity));
-
     --tw-text-opacity: 1;
-
     color: hsl(var(--nc) / var(--tw-text-opacity));
-
     border-radius: var(--rounded-badge, 1.9rem)
 }
+  .badge-primary {
+    --tw-border-opacity: 1;
+    border-color: hsl(var(--p) / var(--tw-border-opacity));
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--p) / var(--tw-bg-opacity));
+    --tw-text-opacity: 1;
+    color: hsl(var(--pc) / var(--tw-text-opacity))
+}
+  .badge-secondary {
+    --tw-border-opacity: 1;
+    border-color: hsl(var(--s) / var(--tw-border-opacity));
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--s) / var(--tw-bg-opacity));
+    --tw-text-opacity: 1;
+    color: hsl(var(--sc) / var(--tw-text-opacity))
+}
+  .badge-accent {
+    --tw-border-opacity: 1;
+    border-color: hsl(var(--a) / var(--tw-border-opacity));
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--a) / var(--tw-bg-opacity));
+    --tw-text-opacity: 1;
+    color: hsl(var(--ac) / var(--tw-text-opacity))
+}
+  .badge-info {
+    border-color: transparent;
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--in) / var(--tw-bg-opacity));
+    --tw-text-opacity: 1;
+    color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity))
+}
+  .badge-success {
+    border-color: transparent;
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--su) / var(--tw-bg-opacity));
+    --tw-text-opacity: 1;
+    color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity))
+}
+  .badge-warning {
+    border-color: transparent;
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--wa) / var(--tw-bg-opacity));
+    --tw-text-opacity: 1;
+    color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity))
+}
+  .badge-error {
+    border-color: transparent;
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--er) / var(--tw-bg-opacity));
+    --tw-text-opacity: 1;
+    color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity))
+}
+  .badge-ghost {
+    --tw-border-opacity: 1;
+    border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
+    --tw-text-opacity: 1;
+    color: hsl(var(--bc) / var(--tw-text-opacity))
+}
+  .badge-outline {
+    border-color: currentColor;
+    --tw-border-opacity: 0.5;
+    background-color: transparent;
+    color: currentColor
+}
+  .badge-outline.badge-primary {
+    --tw-text-opacity: 1;
+    color: hsl(var(--p) / var(--tw-text-opacity))
+}
+  .badge-outline.badge-secondary {
+    --tw-text-opacity: 1;
+    color: hsl(var(--s) / var(--tw-text-opacity))
+}
+  .badge-outline.badge-accent {
+    --tw-text-opacity: 1;
+    color: hsl(var(--a) / var(--tw-text-opacity))
+}
+  .badge-outline.badge-info {
+    --tw-text-opacity: 1;
+    color: hsl(var(--in) / var(--tw-text-opacity))
+}
+  .badge-outline.badge-success {
+    --tw-text-opacity: 1;
+    color: hsl(var(--su) / var(--tw-text-opacity))
+}
+  .badge-outline.badge-warning {
+    --tw-text-opacity: 1;
+    color: hsl(var(--wa) / var(--tw-text-opacity))
+}
+  .badge-outline.badge-error {
+    --tw-text-opacity: 1;
+    color: hsl(var(--er) / var(--tw-text-opacity))
+}
 
 .btn-outline .badge {
-
     --tw-border-opacity: 1;
-
     border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity));
-
     --tw-text-opacity: 1;
-
     color: hsl(var(--nc) / var(--tw-text-opacity))
 }
 
 .btn-outline.btn-primary .badge {
-
     --tw-border-opacity: 1;
-
     border-color: hsl(var(--p) / var(--tw-border-opacity));
-
     --tw-bg-opacity: 1;
-
     background-color: hsl(var(--p) / var(--tw-bg-opacity));
-
     --tw-text-opacity: 1;
-
     color: hsl(var(--pc) / var(--tw-text-opacity))
 }
 
 .btn-outline.btn-secondary .badge {
-
     --tw-border-opacity: 1;
-
     border-color: hsl(var(--s) / var(--tw-border-opacity));
-
     --tw-bg-opacity: 1;
-
     background-color: hsl(var(--s) / var(--tw-bg-opacity));
-
     --tw-text-opacity: 1;
-
     color: hsl(var(--sc) / var(--tw-text-opacity))
 }
 
 .btn-outline.btn-accent .badge {
-
     --tw-border-opacity: 1;
-
     border-color: hsl(var(--a) / var(--tw-border-opacity));
-
     --tw-bg-opacity: 1;
-
     background-color: hsl(var(--a) / var(--tw-bg-opacity));
-
     --tw-text-opacity: 1;
-
     color: hsl(var(--ac) / var(--tw-text-opacity))
 }
 
 .btn-outline .badge.outline {
-
     --tw-border-opacity: 1;
-
     border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity));
-
     background-color: transparent
 }
 
 .btn-outline.btn-primary .badge-outline {
-
     --tw-border-opacity: 1;
-
     border-color: hsl(var(--p) / var(--tw-border-opacity));
-
     background-color: transparent;
-
     --tw-text-opacity: 1;
-
     color: hsl(var(--p) / var(--tw-text-opacity))
 }
 
 .btn-outline.btn-secondary .badge-outline {
-
     --tw-border-opacity: 1;
-
     border-color: hsl(var(--s) / var(--tw-border-opacity));
-
     background-color: transparent;
-
     --tw-text-opacity: 1;
-
     color: hsl(var(--s) / var(--tw-text-opacity))
 }
 
 .btn-outline.btn-accent .badge-outline {
-
     --tw-border-opacity: 1;
-
     border-color: hsl(var(--a) / var(--tw-border-opacity));
-
     background-color: transparent;
-
     --tw-text-opacity: 1;
-
     color: hsl(var(--a) / var(--tw-text-opacity))
 }
 
 .btn-outline.btn-info .badge-outline {
-
     --tw-border-opacity: 1;
-
     border-color: hsl(var(--in) / var(--tw-border-opacity));
-
     background-color: transparent;
-
     --tw-text-opacity: 1;
-
     color: hsl(var(--in) / var(--tw-text-opacity))
 }
 
 .btn-outline.btn-success .badge-outline {
-
     --tw-border-opacity: 1;
-
     border-color: hsl(var(--su) / var(--tw-border-opacity));
-
     background-color: transparent;
-
     --tw-text-opacity: 1;
-
     color: hsl(var(--su) / var(--tw-text-opacity))
 }
 
 .btn-outline.btn-warning .badge-outline {
-
     --tw-border-opacity: 1;
-
     border-color: hsl(var(--wa) / var(--tw-border-opacity));
-
     background-color: transparent;
-
     --tw-text-opacity: 1;
-
     color: hsl(var(--wa) / var(--tw-text-opacity))
 }
 
 .btn-outline.btn-error .badge-outline {
-
     --tw-border-opacity: 1;
-
     border-color: hsl(var(--er) / var(--tw-border-opacity));
-
     background-color: transparent;
-
     --tw-text-opacity: 1;
-
     color: hsl(var(--er) / var(--tw-text-opacity))
 }
 
 .btn-outline:hover .badge {
-
     --tw-border-opacity: 1;
-
     border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
-
     --tw-bg-opacity: 1;
-
     background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
-
     --tw-text-opacity: 1;
-
     color: hsl(var(--bc) / var(--tw-text-opacity))
 }
 
 .btn-outline:hover .badge.outline {
-
     --tw-border-opacity: 1;
-
     border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
-
     --tw-text-opacity: 1;
-
     color: hsl(var(--nc) / var(--tw-text-opacity))
 }
 
 .btn-outline.btn-primary:hover .badge {
-
     --tw-border-opacity: 1;
-
     border-color: hsl(var(--pc) / var(--tw-border-opacity));
-
     --tw-bg-opacity: 1;
-
     background-color: hsl(var(--pc) / var(--tw-bg-opacity));
-
     --tw-text-opacity: 1;
-
     color: hsl(var(--p) / var(--tw-text-opacity))
 }
 
 .btn-outline.btn-primary:hover .badge.outline {
-
     --tw-border-opacity: 1;
-
     border-color: hsl(var(--pc) / var(--tw-border-opacity));
-
     --tw-bg-opacity: 1;
-
     background-color: hsl(var(--pf, var(--p)) / var(--tw-bg-opacity));
-
     --tw-text-opacity: 1;
-
     color: hsl(var(--pc) / var(--tw-text-opacity))
 }
 
 .btn-outline.btn-secondary:hover .badge {
-
     --tw-border-opacity: 1;
-
     border-color: hsl(var(--sc) / var(--tw-border-opacity));
-
     --tw-bg-opacity: 1;
-
     background-color: hsl(var(--sc) / var(--tw-bg-opacity));
-
     --tw-text-opacity: 1;
-
     color: hsl(var(--s) / var(--tw-text-opacity))
 }
 
 .btn-outline.btn-secondary:hover .badge.outline {
-
     --tw-border-opacity: 1;
-
     border-color: hsl(var(--sc) / var(--tw-border-opacity));
-
     --tw-bg-opacity: 1;
-
     background-color: hsl(var(--sf, var(--s)) / var(--tw-bg-opacity));
-
     --tw-text-opacity: 1;
-
     color: hsl(var(--sc) / var(--tw-text-opacity))
 }
 
 .btn-outline.btn-accent:hover .badge {
-
     --tw-border-opacity: 1;
-
     border-color: hsl(var(--ac) / var(--tw-border-opacity));
-
     --tw-bg-opacity: 1;
-
     background-color: hsl(var(--ac) / var(--tw-bg-opacity));
-
     --tw-text-opacity: 1;
-
     color: hsl(var(--a) / var(--tw-text-opacity))
 }
 
 .btn-outline.btn-accent:hover .badge.outline {
-
     --tw-border-opacity: 1;
-
     border-color: hsl(var(--ac) / var(--tw-border-opacity));
-
     --tw-bg-opacity: 1;
-
     background-color: hsl(var(--af, var(--a)) / var(--tw-bg-opacity));
-
     --tw-text-opacity: 1;
-
     color: hsl(var(--ac) / var(--tw-text-opacity))
 }
 .btm-nav {
@@ -1722,7 +1732,7 @@
       --glass-border-opacity: 15%;
     }
   .btn.glass:focus-visible {
-      outline: 2px solid 0 0 2px currentColor;
+      outline: 2px solid currentColor;
     }
   /* btn variants */
   .btn-ghost {
@@ -1738,7 +1748,7 @@
   --tw-bg-opacity: 0.2;
 }
   .btn-ghost:focus-visible {
-      outline: 2px solid 0 0 2px currentColor;
+      outline: 2px solid currentColor;
     }
   .btn-link {
   border-color: transparent;
@@ -1754,7 +1764,7 @@
           text-decoration-line: underline;
 }
   .btn-link:focus-visible {
-      outline: 2px solid 0 0 2px currentColor;
+      outline: 2px solid currentColor;
     }
   /* outline */
   .btn-outline {