daisyui 2.22.0 → 2.24.0

package/dist/styled.css

@@ -1189,6 +1189,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 +1226,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 {
@@ -1550,7 +1554,10 @@
         border-right: 1px solid;
         background-color: transparent;
       }
-.btn {
+
+[dir="rtl"] .breadcrumbs>ul>li+*:before {
+  --tw-rotate: -45deg;
+}.btn {
   font-weight: 600;
   text-transform: uppercase;
   -webkit-text-decoration-line: none;
@@ -1719,7 +1726,7 @@
       --glass-border-opacity: 15%;
     }
   .btn.glass:focus-visible {
-      outline: 2px solid 0 0 2px currentColor;
+      outline: 2px solid currentColor;
     }
   /* btn variants */
   .btn-ghost {
@@ -1735,7 +1742,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;
@@ -1751,7 +1758,7 @@
           text-decoration-line: underline;
 }
   .btn-link:focus-visible {
-      outline: 2px solid 0 0 2px currentColor;
+      outline: 2px solid currentColor;
     }
   /* outline */
   .btn-outline {
@@ -3732,18 +3739,6 @@ body[dir="rtl"] .checkbox:checked,
     line-height: 1rem;
     font-weight: 700;
     text-transform: uppercase
-}
-  .table :where(:first-child) :where(:first-child) :where(th, td):first-child {
-    border-top-left-radius: 0.5rem
-}
-  .table :where(:first-child) :where(:first-child) :where(th, td):last-child {
-    border-top-right-radius: 0.5rem
-}
-  .table :where(:last-child) :where(:last-child) :where(th, td):first-child {
-    border-bottom-left-radius: 0.5rem
-}
-  .table :where(:last-child) :where(:last-child) :where(th, td):last-child {
-    border-bottom-right-radius: 0.5rem
 }
   .table :where(tbody th, tbody td) {
     --tw-bg-opacity: 1;
@@ -3754,7 +3749,22 @@ body[dir="rtl"] .checkbox:checked,
     --tw-bg-opacity: 1;
     background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity))
 }
-.textarea {
+
+:where(.table *:first-child) :where(*:first-child) :where(th, td):first-child {
+    border-top-left-radius: 0.5rem
+}
+
+:where(.table *:first-child) :where(*:first-child) :where(th, td):last-child {
+    border-top-right-radius: 0.5rem
+}
+
+:where(.table *:last-child) :where(*:last-child) :where(th, td):first-child {
+    border-bottom-left-radius: 0.5rem
+}
+
+:where(.table *:last-child) :where(*:last-child) :where(th, td):last-child {
+    border-bottom-right-radius: 0.5rem
+}.textarea {
     border-width: 1px;
     border-color: hsl(var(--bc) / var(--tw-border-opacity));
     --tw-border-opacity: 0;