daisyui 4.0.0-alpha.10 → 4.0.0-alpha.13

package/dist/styled.css

@@ -442,15 +442,22 @@
     display: flex;
     flex-direction: row;
     align-items: center;
-    align-self: stretch;
+    align-self: stretch
 }
   .divider:before,
   .divider:after {
-    content: "";
-    flex-grow: 1;
     height: 0.125rem;
     width: 100%;
-  }
+    flex-grow: 1;
+    --tw-content: '';
+    content: var(--tw-content)
+}
+  .divider-start:before {
+    display: none
+}
+  .divider-end:after {
+    display: none
+}
 .drawer {
   position: relative;
   display: grid;
@@ -1227,39 +1234,35 @@ input.tab:checked + .tab-content,
 }
 .timeline {
   position: relative;
-  display: flex;
+  display: flex
 }
 :where(.timeline > li) {
   position: relative;
   display: grid;
+  flex-shrink: 0;
   align-items: center;
-  grid-template-rows: var(--timeline-row-start, 1fr) auto var(--timeline-row-end, 1fr);
-  grid-template-columns: var(--timeline-col-start, 1fr) auto var(--timeline-col-end, 1fr);
-}
-:where(.timeline:not(:has(.timeline-start)) > li) {
-  --timeline-row-start: min-content;
-}
-:where(.timeline:not(:has(.timeline-end)) > li) {
-  --timeline-row-end: min-content;
-}
-:where(.timeline:not(:has(.timeline-start)):not(:has(.timeline-end)) li) {
-  --timeline-row-start: min-content;
-  --timeline-row-end: min-content;
+  grid-template-rows: var(--timeline-row-start, minmax(0, 1fr)) auto var(
+      --timeline-row-end,
+      minmax(0, 1fr)
+    );
+  grid-template-columns: var(--timeline-col-start, minmax(0, 1fr)) auto var(
+      --timeline-col-end,
+      minmax(0, 1fr)
+    )
 }
 .timeline > li > hr {
   width: 100%;
-  border-width: 0px;
-}
-.timeline-snap-icon > li {
-  --timeline-col-start: 0.5rem;
+  border-width: 0px
 }
 :where(.timeline > li > hr):first-child {
   grid-column-start: 1;
-  grid-row-start: 2;
+  grid-row-start: 2
 }
 :where(.timeline > li > hr):last-child {
   grid-column-start: 3;
+  grid-column-end: none;
   grid-row-start: 2;
+  grid-row-end: auto
 }
 .timeline-start {
   grid-column-start: 1;
@@ -1268,11 +1271,11 @@ input.tab:checked + .tab-content,
   grid-row-end: 2;
   margin: 0.25rem;
   align-self: flex-end;
-  justify-self: center;
+  justify-self: center
 }
 .timeline-middle {
   grid-column-start: 2;
-  grid-row-start: 2;
+  grid-row-start: 2
 }
 .timeline-end {
   grid-column-start: 1;
@@ -1281,7 +1284,7 @@ input.tab:checked + .tab-content,
   grid-row-end: 4;
   margin: 0.25rem;
   align-self: flex-start;
-  justify-self: center;
+  justify-self: center
 }
 .toast {
     position: fixed;
@@ -1543,7 +1546,7 @@ input.tab:checked + .tab-content,
   text-decoration-line: none;
   border-width: var(--border-btn, 1px);
   animation: button-pop var(--animation-btn, 0.25s) ease-out;
-  text-transform: var(--btn-text-case, uppercase);
+  text-transform: var(--btn-text-case, normalcase);
 }
   .btn:active:hover,
   .btn:active:focus {
@@ -1677,13 +1680,13 @@ input.tab:checked + .tab-content,
 }
   @media (hover: hover) {
       .btn-ghost:hover {
-    --tw-border-opacity: 0;
+    border-color: transparent;
     background-color: oklch(var(--bc) / var(--tw-bg-opacity));
     --tw-bg-opacity: 0.2;
   }
     }
   .btn-ghost.btn-active {
-  --tw-border-opacity: 0;
+  border-color: transparent;
   background-color: oklch(var(--bc) / var(--tw-bg-opacity));
   --tw-bg-opacity: 0.2;
 }
@@ -2469,16 +2472,53 @@ details.collapse summary {
     height: 1rem;
     white-space: nowrap
 }
-  .divider:before {
-    background-color: oklch(var(--bc) / var(--tw-bg-opacity));
-    --tw-bg-opacity: 0.1
-}
+  .divider:before,
   .divider:after {
-    background-color: oklch(var(--bc) / var(--tw-bg-opacity));
-    --tw-bg-opacity: 0.1
+    --tw-bg-opacity: 1;
+    background-color: oklch(var(--b3) / var(--tw-bg-opacity))
 }
   .divider:not(:empty) {
     gap: 1rem
+}
+  .divider-neutral:before,
+  .divider-neutral:after {
+    --tw-bg-opacity: 1;
+    background-color: oklch(var(--n) / var(--tw-bg-opacity))
+}
+  .divider-primary:before,
+  .divider-primary:after {
+    --tw-bg-opacity: 1;
+    background-color: oklch(var(--p) / var(--tw-bg-opacity))
+}
+  .divider-secondary:before,
+  .divider-secondary:after {
+    --tw-bg-opacity: 1;
+    background-color: oklch(var(--s) / var(--tw-bg-opacity))
+}
+  .divider-accent:before,
+  .divider-accent:after {
+    --tw-bg-opacity: 1;
+    background-color: oklch(var(--a) / var(--tw-bg-opacity))
+}
+  .divider-success:before,
+  .divider-success:after {
+    --tw-bg-opacity: 1;
+    background-color: oklch(var(--su) / var(--tw-bg-opacity))
+}
+  .divider-warning:before,
+  .divider-warning:after {
+    --tw-bg-opacity: 1;
+    background-color: oklch(var(--wa) / var(--tw-bg-opacity))
+}
+  .divider-info:before,
+  .divider-info:after {
+    --tw-bg-opacity: 1;
+    background-color: oklch(var(--in) / var(--tw-bg-opacity))
+}
+  .divider-error:before,
+  .divider-error:after {
+    --tw-bg-opacity: 1;
+    background-color: oklch(var(--er) / var(--tw-bg-opacity))
 }
 .drawer {
   width: 100%;
@@ -2559,7 +2599,7 @@ details.collapse summary {
     text-decoration-line: none;
     border-width: var(--border-btn, 1px);
     animation: button-pop var(--animation-btn, 0.25s) ease-out;
-    text-transform: var(--btn-text-case, uppercase);
+    text-transform: var(--btn-text-case, normalcase);
   }
   .file-input-bordered {
     --tw-border-opacity: 0.2;