@sigx/zero-daisyui 0.13.0 → 0.15.0

package/dist/lynx/components/steps.css

@@ -6,27 +6,39 @@
 
 .zx-root .zx-steps__root {
     --steps-accent-ink: #3f2bcb;
+    --steps-complete-ink: #322c99;
+    --steps-complete-tint: #d2d9fb;
 }
 
 .zx-root.zx-theme-dark .zx-steps__root {
     --steps-accent-ink: #6567ff;
+    --steps-complete-ink: #8391ff;
+    --steps-complete-tint: #283050;
 }
 
 .zx-root.zx-theme-dim .zx-steps__root {
     --steps-accent-ink: #a0e791;
+    --steps-complete-ink: #a5e0a6;
+    --steps-complete-tint: #3f514d;
 }
 
 .zx-root.zx-theme-nord .zx-steps__root {
     --steps-accent-ink: #5c7da6;
+    --steps-complete-ink: #4f698a;
+    --steps-complete-tint: #ced8e6;
 }
 
 .zx-root.zx-theme-sunset .zx-steps__root {
     --steps-accent-ink: #fb8a62;
+    --steps-complete-ink: #e79983;
+    --steps-complete-tint: #3d312f;
 }
 
 .zx-steps__root {
     display: flex;
     align-items: stretch;
+    flex-direction: row;
+    overflow: visible;
 }
 
 .zx-steps__root.zx-o-vertical {
@@ -46,6 +58,7 @@
     font-size: var(--steps-font);
     cursor: pointer;
     text-align: center;
+    overflow: visible;
 }
 
 .zx-steps__item.zx-s-active {
@@ -103,8 +116,9 @@
 }
 
 .zx-steps__item.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
 }
 
 .zx-steps__item.zx-o-horizontal {
@@ -128,8 +142,8 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    inline-size: calc(var(--size-selector) * 7);
-    block-size: calc(var(--size-selector) * 7);
+    width: calc(var(--size-selector) * 7);
+    height: calc(var(--size-selector) * 7);
     border-radius: 9999px;
     font-size: calc((var(--size-selector) * 7) * 0.45);
     font-weight: var(--weight-semibold);
@@ -141,26 +155,26 @@
 }
 
 .zx-steps__indicator.zx-a-size-xs {
-    inline-size: calc(var(--size-selector) * 5);
-    block-size: calc(var(--size-selector) * 5);
+    width: calc(var(--size-selector) * 5);
+    height: calc(var(--size-selector) * 5);
     font-size: calc((var(--size-selector) * 5) * 0.45);
 }
 
 .zx-steps__indicator.zx-a-size-sm {
-    inline-size: calc(var(--size-selector) * 6);
-    block-size: calc(var(--size-selector) * 6);
+    width: calc(var(--size-selector) * 6);
+    height: calc(var(--size-selector) * 6);
     font-size: calc((var(--size-selector) * 6) * 0.45);
 }
 
 .zx-steps__indicator.zx-a-size-lg {
-    inline-size: calc(var(--size-selector) * 8);
-    block-size: calc(var(--size-selector) * 8);
+    width: calc(var(--size-selector) * 8);
+    height: calc(var(--size-selector) * 8);
     font-size: calc((var(--size-selector) * 8) * 0.45);
 }
 
 .zx-steps__indicator.zx-a-size-xl {
-    inline-size: calc(var(--size-selector) * 9);
-    block-size: calc(var(--size-selector) * 9);
+    width: calc(var(--size-selector) * 9);
+    height: calc(var(--size-selector) * 9);
     font-size: calc((var(--size-selector) * 9) * 0.45);
 }
 
@@ -170,6 +184,7 @@
 }
 
 .zx-steps__indicator.zx-s-complete {
+    background: var(--steps-complete-tint);
     color: var(--steps-complete-ink);
 }
 
@@ -202,30 +217,38 @@
 }
 
 .zx-steps__separator.zx-o-horizontal {
-    inline-size: 100%;
-    block-size: var(--border);
-    top: calc(var(--space-xs) + (var(--size-selector) * 7) / 2);
-    left: 50%;
+    width: calc(100% - (var(--size-selector) * 7));
+    height: var(--border);
+    top: calc(var(--space-xs) + ((var(--size-selector) * 7) - var(--border)) / 2);
+    left: calc(50% + (var(--size-selector) * 7) / 2);
 }
 
 .zx-steps__separator.zx-o-horizontal.zx-a-size-xs {
-    top: calc(var(--space-xs) + (var(--size-selector) * 5) / 2);
+    width: calc(100% - (var(--size-selector) * 5));
+    top: calc(var(--space-xs) + ((var(--size-selector) * 5) - var(--border)) / 2);
+    left: calc(50% + (var(--size-selector) * 5) / 2);
 }
 
 .zx-steps__separator.zx-o-horizontal.zx-a-size-sm {
-    top: calc(var(--space-xs) + (var(--size-selector) * 6) / 2);
+    width: calc(100% - (var(--size-selector) * 6));
+    top: calc(var(--space-xs) + ((var(--size-selector) * 6) - var(--border)) / 2);
+    left: calc(50% + (var(--size-selector) * 6) / 2);
 }
 
 .zx-steps__separator.zx-o-horizontal.zx-a-size-lg {
-    top: calc(var(--space-xs) + (var(--size-selector) * 8) / 2);
+    width: calc(100% - (var(--size-selector) * 8));
+    top: calc(var(--space-xs) + ((var(--size-selector) * 8) - var(--border)) / 2);
+    left: calc(50% + (var(--size-selector) * 8) / 2);
 }
 
 .zx-steps__separator.zx-o-horizontal.zx-a-size-xl {
-    top: calc(var(--space-xs) + (var(--size-selector) * 9) / 2);
+    width: calc(100% - (var(--size-selector) * 9));
+    top: calc(var(--space-xs) + ((var(--size-selector) * 9) - var(--border)) / 2);
+    left: calc(50% + (var(--size-selector) * 9) / 2);
 }
 
 .zx-steps__separator.zx-o-vertical {
-    inline-size: var(--border);
+    width: var(--border);
     left: calc(var(--space-xs) + ((var(--size-selector) * 7) - var(--border)) / 2);
     top: calc(var(--space-xs) + (var(--size-selector) * 7));
     bottom: calc(var(--space-xs) * -1);
@@ -304,6 +327,11 @@
     transition: background var(--duration-normal) var(--ease-standard);
     flex: 0 0 auto;
     align-self: flex-start;
+    padding-left: calc(var(--size-field) * 4);
+    padding-right: calc(var(--size-field) * 4);
+    width: max-content;
+    flex-shrink: 0;
+    flex-wrap: nowrap;
 }
 
 .zx-steps__prev-trigger.zx-f-disabled {
@@ -312,8 +340,15 @@
 }
 
 .zx-steps__prev-trigger.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
+}
+
+.zx-steps__prev-trigger.zx-f-pressed {
+    background: var(--color-base-300);
+    transform: translateY(1px);
+    box-shadow: none;
 }
 
 .zx-steps__prev-trigger.zx-f-pressed {
@@ -338,6 +373,12 @@
     transition: background var(--duration-normal) var(--ease-standard);
     flex: 0 0 auto;
     align-self: flex-start;
+    padding-left: calc(var(--size-field) * 4);
+    padding-right: calc(var(--size-field) * 4);
+    width: max-content;
+    flex-shrink: 0;
+    flex-wrap: nowrap;
+    margin-left: auto;
 }
 
 .zx-steps__next-trigger.zx-f-disabled {
@@ -346,8 +387,15 @@
 }
 
 .zx-steps__next-trigger.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
+}
+
+.zx-steps__next-trigger.zx-f-pressed {
+    background: var(--color-base-300);
+    transform: translateY(1px);
+    box-shadow: none;
 }
 
 .zx-steps__next-trigger.zx-f-pressed {
@@ -362,26 +410,31 @@
 .zx-root .zx-steps__item.zx-a-color-primary {
     --steps-accent-ink: #3f2bcb;
     --steps-complete-ink: #322c99;
+    --steps-complete-tint: #d2d9fb;
 }
 
 .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-primary {
     --steps-accent-ink: #6567ff;
     --steps-complete-ink: #8391ff;
+    --steps-complete-tint: #283050;
 }
 
 .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-primary {
     --steps-accent-ink: #a0e791;
     --steps-complete-ink: #a5e0a6;
+    --steps-complete-tint: #3f514d;
 }
 
 .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-primary {
     --steps-accent-ink: #5c7da6;
     --steps-complete-ink: #4f698a;
+    --steps-complete-tint: #ced8e6;
 }
 
 .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-primary {
     --steps-accent-ink: #fb8a62;
     --steps-complete-ink: #e79983;
+    --steps-complete-tint: #3d312f;
 }
 
 .zx-steps__item.zx-a-color-secondary {
@@ -392,26 +445,31 @@
 .zx-root .zx-steps__item.zx-a-color-secondary {
     --steps-accent-ink: #ad316f;
     --steps-complete-ink: #ad316f;
+    --steps-complete-tint: #ffdbea;
 }
 
 .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-secondary {
     --steps-accent-ink: #fa7cb6;
     --steps-complete-ink: #fa7cb6;
+    --steps-complete-tint: #462c3e;
 }
 
 .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-secondary {
     --steps-accent-ink: #ed9984;
     --steps-complete-ink: #ed9984;
+    --steps-complete-tint: #524145;
 }
 
 .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-secondary {
     --steps-accent-ink: #677e98;
     --steps-complete-ink: #677e98;
+    --steps-complete-tint: #d6dfea;
 }
 
 .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-secondary {
     --steps-accent-ink: #e68aac;
     --steps-complete-ink: #e68aac;
+    --steps-complete-tint: #3d2d38;
 }
 
 .zx-steps__item.zx-a-color-accent {
@@ -422,26 +480,31 @@
 .zx-root .zx-steps__item.zx-a-color-accent {
     --steps-accent-ink: #2b786d;
     --steps-complete-ink: #2b786d;
+    --steps-complete-tint: #ddf7f1;
 }
 
 .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-accent {
     --steps-accent-ink: #93e5d9;
     --steps-complete-ink: #93e5d9;
+    --steps-complete-tint: #264244;
 }
 
 .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-accent {
     --steps-accent-ink: #bfade1;
     --steps-complete-ink: #bfade1;
+    --steps-complete-tint: #47425b;
 }
 
 .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-accent {
     --steps-accent-ink: #5e7d8c;
     --steps-complete-ink: #5e7d8c;
+    --steps-complete-tint: #d8e6ed;
 }
 
 .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-accent {
     --steps-accent-ink: #ab9fe8;
     --steps-complete-ink: #ab9fe8;
+    --steps-complete-tint: #2e3047;
 }
 
 .zx-steps__item.zx-a-color-neutral {
@@ -452,26 +515,31 @@
 .zx-root .zx-steps__item.zx-a-color-neutral {
     --steps-accent-ink: #121214;
     --steps-complete-ink: #121214;
+    --steps-complete-tint: #c6c6c7;
 }
 
 .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-neutral {
     --steps-accent-ink: #878e92;
     --steps-complete-ink: #878e92;
+    --steps-complete-tint: #191e23;
 }
 
 .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-neutral {
     --steps-accent-ink: #71828c;
     --steps-complete-ink: #71828c;
+    --steps-complete-tint: #272d39;
 }
 
 .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-neutral {
     --steps-accent-ink: #3a4150;
     --steps-complete-ink: #3a4150;
+    --steps-complete-tint: #caced7;
 }
 
 .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-neutral {
     --steps-accent-ink: #667a8a;
     --steps-complete-ink: #667a8a;
+    --steps-complete-tint: #141e24;
 }
 
 .zx-steps__item.zx-a-color-info {
@@ -482,26 +550,31 @@
 .zx-root .zx-steps__item.zx-a-color-info {
     --steps-accent-ink: #2685b3;
     --steps-complete-ink: #2685b3;
+    --steps-complete-tint: #dbf2ff;
 }
 
 .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-info {
     --steps-accent-ink: #70ceff;
     --steps-complete-ink: #70ceff;
+    --steps-complete-tint: #253e4f;
 }
 
 .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-info {
     --steps-accent-ink: #6ce2f3;
     --steps-complete-ink: #6ce2f3;
+    --steps-complete-tint: #34515f;
 }
 
 .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-info {
     --steps-accent-ink: #89728a;
     --steps-complete-ink: #89728a;
+    --steps-complete-tint: #e1dbe6;
 }
 
 .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-info {
     --steps-accent-ink: #91d4e3;
     --steps-complete-ink: #91d4e3;
+    --steps-complete-tint: #273e45;
 }
 
 .zx-steps__item.zx-a-color-success {
@@ -512,26 +585,31 @@
 .zx-root .zx-steps__item.zx-a-color-success {
     --steps-accent-ink: #2a7858;
     --steps-complete-ink: #2a7858;
+    --steps-complete-tint: #ddf7e8;
 }
 
 .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-success {
     --steps-accent-ink: #92e5c2;
     --steps-complete-ink: #92e5c2;
+    --steps-complete-tint: #26423d;
 }
 
 .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-success {
     --steps-accent-ink: #8ee0c9;
     --steps-complete-ink: #8ee0c9;
+    --steps-complete-tint: #385254;
 }
 
 .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-success {
     --steps-accent-ink: #6b7d6a;
     --steps-complete-ink: #6b7d6a;
+    --steps-complete-tint: #dde5df;
 }
 
 .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-success {
     --steps-accent-ink: #a6cebe;
     --steps-complete-ink: #a6cebe;
+    --steps-complete-tint: #2c3e3b;
 }
 
 .zx-steps__item.zx-a-color-warning {
@@ -542,26 +620,31 @@
 .zx-root .zx-steps__item.zx-a-color-warning {
     --steps-accent-ink: #755a2b;
     --steps-complete-ink: #755a2b;
+    --steps-complete-tint: #fff2da;
 }
 
 .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-warning {
     --steps-accent-ink: #f5ddac;
     --steps-complete-ink: #f5ddac;
+    --steps-complete-tint: #443e32;
 }
 
 .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-warning {
     --steps-accent-ink: #cecfa6;
     --steps-complete-ink: #cecfa6;
+    --steps-complete-tint: #4d4e47;
 }
 
 .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-warning {
     --steps-accent-ink: #7d7463;
     --steps-complete-ink: #7d7463;
+    --steps-complete-tint: #ece8e0;
 }
 
 .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-warning {
     --steps-accent-ink: #c5c1b7;
     --steps-complete-ink: #c5c1b7;
+    --steps-complete-tint: #383a37;
 }
 
 .zx-steps__item.zx-a-color-error {
@@ -572,26 +655,31 @@
 .zx-root .zx-steps__item.zx-a-color-error {
     --steps-accent-ink: #d9576d;
     --steps-complete-ink: #b34d5e;
+    --steps-complete-tint: #ffe2e4;
 }
 
 .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-error {
     --steps-accent-ink: #ff7d90;
     --steps-complete-ink: #ff95a3;
+    --steps-complete-tint: #47323a;
 }
 
 .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-error {
     --steps-accent-ink: #f5b3a4;
     --steps-complete-ink: #eab8ad;
+    --steps-complete-tint: #51484f;
 }
 
 .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-error {
     --steps-accent-ink: #a85b64;
     --steps-complete-ink: #92555e;
+    --steps-complete-tint: #e6d2d7;
 }
 
 .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-error {
     --steps-accent-ink: #f2bbc0;
     --steps-complete-ink: #e4bbc3;
+    --steps-complete-tint: #3b383e;
 }
 
 .zx-steps__root.zx-a-size-xs {
@@ -601,3 +689,7 @@
 .zx-steps__root.zx-a-size-xl {
     --steps-font: var(--text-md);
 }
+.zx-steps__root.zx-m-wizard {
+    flex-wrap: wrap;
+    row-gap: var(--space-md);
+}

package/dist/lynx/components/table.css

@@ -19,7 +19,7 @@
 
 .zx-table__table {
     border-collapse: collapse;
-    inline-size: 100%;
+    width: 100%;
     font-size: var(--table-font);
     color: var(--color-base-content);
 }

package/dist/lynx/components/tabs.css

@@ -12,7 +12,7 @@
     display: flex;
     align-self: flex-start;
     box-sizing: border-box;
-    max-inline-size: 100%;
+    max-width: 100%;
     overflow-x: auto;
     padding: var(--tabs-ring-room);
     scroll-padding-inline: var(--tabs-ring-room);

package/dist/lynx/components/textarea.css

@@ -93,7 +93,7 @@
     outline: none;
     outline-offset: 2px;
     border-color: var(--color-base-100);
-    box-shadow: 0 0 0 2px var(--textarea-accent), inset 0 0 0 2px var(--textarea-edge);
+    box-shadow: 0 0 0 2px var(--textarea-accent), inset 0 0 0 1px var(--color-base-100), inset 0 0 0 2px var(--textarea-edge);
 }
 
 .zx-textarea__root.zx-a-color-primary {

package/dist/lynx/components/timeline.css

@@ -36,8 +36,8 @@
 }
 
 .zx-timeline__marker {
-    inline-size: calc(var(--size-selector) * 3);
-    block-size: calc(var(--size-selector) * 3);
+    width: calc(var(--size-selector) * 3);
+    height: calc(var(--size-selector) * 3);
     box-sizing: border-box;
     border-radius: 9999px;
     background: var(--timeline-accent);
@@ -46,42 +46,32 @@
     align-items: center;
     justify-content: center;
     font-size: 0;
-    width: calc(var(--size-selector) * 3);
-    height: calc(var(--size-selector) * 3);
     flex-grow: 0;
     flex-shrink: 0;
 }
 
 .zx-timeline__marker.zx-a-size-xs {
-    inline-size: calc(var(--size-selector) * 2);
-    block-size: calc(var(--size-selector) * 2);
-    border: calc((var(--size-selector) * 2) / 6) solid var(--timeline-ring);
     width: calc(var(--size-selector) * 2);
     height: calc(var(--size-selector) * 2);
+    border: calc((var(--size-selector) * 2) / 6) solid var(--timeline-ring);
 }
 
 .zx-timeline__marker.zx-a-size-sm {
-    inline-size: calc(var(--size-selector) * 2.5);
-    block-size: calc(var(--size-selector) * 2.5);
-    border: calc((var(--size-selector) * 2.5) / 6) solid var(--timeline-ring);
     width: calc(var(--size-selector) * 2.5);
     height: calc(var(--size-selector) * 2.5);
+    border: calc((var(--size-selector) * 2.5) / 6) solid var(--timeline-ring);
 }
 
 .zx-timeline__marker.zx-a-size-lg {
-    inline-size: calc(var(--size-selector) * 3.5);
-    block-size: calc(var(--size-selector) * 3.5);
-    border: calc((var(--size-selector) * 3.5) / 6) solid var(--timeline-ring);
     width: calc(var(--size-selector) * 3.5);
     height: calc(var(--size-selector) * 3.5);
+    border: calc((var(--size-selector) * 3.5) / 6) solid var(--timeline-ring);
 }
 
 .zx-timeline__marker.zx-a-size-xl {
-    inline-size: calc(var(--size-selector) * 4);
-    block-size: calc(var(--size-selector) * 4);
-    border: calc((var(--size-selector) * 4) / 6) solid var(--timeline-ring);
     width: calc(var(--size-selector) * 4);
     height: calc(var(--size-selector) * 4);
+    border: calc((var(--size-selector) * 4) / 6) solid var(--timeline-ring);
 }
 
 .zx-timeline__connector {
@@ -92,13 +82,12 @@
     grid-column: 2;
     grid-row: 2;
     justify-self: center;
-    inline-size: var(--border);
-    min-block-size: var(--space-lg);
-    block-size: 100%;
+    width: var(--border);
+    min-height: var(--space-lg);
+    height: var(--space-lg);
     flex-grow: 0;
     flex-shrink: 1;
     flex-basis: 100%;
-    height: var(--space-lg);
     background: transparent;
     border-left-width: var(--border);
     border-left-style: solid;
@@ -126,15 +115,13 @@
     grid-row: 2;
     grid-column: 2;
     align-self: center;
-    block-size: var(--border);
-    min-inline-size: var(--space-lg);
-    inline-size: 100%;
+    height: var(--border);
+    min-width: var(--space-lg);
+    width: 100%;
     order: 1;
     flex-grow: 1;
     flex-shrink: 1;
     flex-basis: 0;
-    height: var(--border);
-    min-width: var(--space-lg);
 }
 
 .zx-timeline__content {