daisyui 2.23.0 → 2.24.2

package/dist/styled.css

@@ -454,6 +454,15 @@
 
   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;
+}
+[dir="rtl"] .drawer.drawer-end > .drawer-toggle:checked ~ .drawer-content {
+  --tw-translate-x: 0.5rem;
+}
 @media (min-width: 1024px) {
   .drawer-mobile {
     grid-auto-columns: max-content auto;
@@ -1226,293 +1235,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 {