@sigx/zero-daisyui 0.14.0 → 0.16.0

package/dist/lynx/components/table.css

@@ -10,16 +10,18 @@
     border: var(--border) solid var(--color-base-200);
     border-radius: var(--radius-box);
     background: var(--color-base-100);
+    overflow: hidden;
 }
 
 .zx-table__root.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: -2px;
+    box-shadow: inset 0 0 0 2px var(--color-base-content);
 }
 
 .zx-table__table {
     border-collapse: collapse;
-    inline-size: 100%;
+    width: 100%;
     font-size: var(--table-font);
     color: var(--color-base-content);
 }
@@ -122,6 +124,26 @@
     padding: var(--space-lg) var(--table-pad-inline);
 }
 
+.zx-root .zx-table__header-cell {
+    color: #18181b99;
+}
+
+.zx-root.zx-theme-dark .zx-table__header-cell {
+    color: #ecf9ff99;
+}
+
+.zx-root.zx-theme-dim .zx-table__header-cell {
+    color: #b2ccd699;
+}
+
+.zx-root.zx-theme-nord .zx-table__header-cell {
+    color: #2e344099;
+}
+
+.zx-root.zx-theme-sunset .zx-table__header-cell {
+    color: #9fb9d099;
+}
+
 .zx-table__sort-trigger {
     appearance: none;
     display: flex;
@@ -139,6 +161,7 @@
     background: transparent;
     color: inherit;
     transition: color var(--duration-fast) var(--ease-standard);
+    flex-direction: row;
 }
 
 .zx-table__sort-trigger.zx-s-ascending {
@@ -155,8 +178,13 @@
 }
 
 .zx-table__sort-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-table__sort-trigger.zx-f-pressed {
+    color: var(--table-accent);
 }
 
 .zx-table__sort-indicator {
@@ -200,6 +228,26 @@
     font-size: var(--text-xs);
 }
 
+.zx-root .zx-table__cell-label {
+    color: #18181b99;
+}
+
+.zx-root.zx-theme-dark .zx-table__cell-label {
+    color: #ecf9ff99;
+}
+
+.zx-root.zx-theme-dim .zx-table__cell-label {
+    color: #b2ccd699;
+}
+
+.zx-root.zx-theme-nord .zx-table__cell-label {
+    color: #2e344099;
+}
+
+.zx-root.zx-theme-sunset .zx-table__cell-label {
+    color: #9fb9d099;
+}
+
 .zx-root .zx-table__root.zx-a-color-primary {
     --table-accent: #3f2bcb;
 }
@@ -220,6 +268,46 @@
     --table-accent: #fb8a62;
 }
 
+.zx-root .zx-table__header-cell.zx-a-color-primary {
+    color: #3f2bcb99;
+}
+
+.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-primary {
+    color: #6567ff99;
+}
+
+.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-primary {
+    color: #a0e79199;
+}
+
+.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-primary {
+    color: #5c7da699;
+}
+
+.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-primary {
+    color: #fb8a6299;
+}
+
+.zx-root .zx-table__cell-label.zx-a-color-primary {
+    color: #3f2bcb99;
+}
+
+.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-primary {
+    color: #6567ff99;
+}
+
+.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-primary {
+    color: #a0e79199;
+}
+
+.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-primary {
+    color: #5c7da699;
+}
+
+.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-primary {
+    color: #fb8a6299;
+}
+
 .zx-root .zx-table__root.zx-a-color-secondary {
     --table-accent: #ad316f;
 }
@@ -240,6 +328,46 @@
     --table-accent: #e68aac;
 }
 
+.zx-root .zx-table__header-cell.zx-a-color-secondary {
+    color: #ad316f99;
+}
+
+.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-secondary {
+    color: #fa7cb699;
+}
+
+.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-secondary {
+    color: #ed998499;
+}
+
+.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-secondary {
+    color: #677e9899;
+}
+
+.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-secondary {
+    color: #e68aac99;
+}
+
+.zx-root .zx-table__cell-label.zx-a-color-secondary {
+    color: #ad316f99;
+}
+
+.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-secondary {
+    color: #fa7cb699;
+}
+
+.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-secondary {
+    color: #ed998499;
+}
+
+.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-secondary {
+    color: #677e9899;
+}
+
+.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-secondary {
+    color: #e68aac99;
+}
+
 .zx-root .zx-table__root.zx-a-color-accent {
     --table-accent: #2b786d;
 }
@@ -260,6 +388,46 @@
     --table-accent: #ab9fe8;
 }
 
+.zx-root .zx-table__header-cell.zx-a-color-accent {
+    color: #2b786d99;
+}
+
+.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-accent {
+    color: #93e5d999;
+}
+
+.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-accent {
+    color: #bfade199;
+}
+
+.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-accent {
+    color: #5e7d8c99;
+}
+
+.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-accent {
+    color: #ab9fe899;
+}
+
+.zx-root .zx-table__cell-label.zx-a-color-accent {
+    color: #2b786d99;
+}
+
+.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-accent {
+    color: #93e5d999;
+}
+
+.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-accent {
+    color: #bfade199;
+}
+
+.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-accent {
+    color: #5e7d8c99;
+}
+
+.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-accent {
+    color: #ab9fe899;
+}
+
 .zx-root .zx-table__root.zx-a-color-neutral {
     --table-accent: #121214;
 }
@@ -280,6 +448,46 @@
     --table-accent: #667a8a;
 }
 
+.zx-root .zx-table__header-cell.zx-a-color-neutral {
+    color: #12121499;
+}
+
+.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-neutral {
+    color: #878e9299;
+}
+
+.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-neutral {
+    color: #71828c99;
+}
+
+.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-neutral {
+    color: #3a415099;
+}
+
+.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-neutral {
+    color: #667a8a99;
+}
+
+.zx-root .zx-table__cell-label.zx-a-color-neutral {
+    color: #12121499;
+}
+
+.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-neutral {
+    color: #878e9299;
+}
+
+.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-neutral {
+    color: #71828c99;
+}
+
+.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-neutral {
+    color: #3a415099;
+}
+
+.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-neutral {
+    color: #667a8a99;
+}
+
 .zx-root .zx-table__root.zx-a-color-info {
     --table-accent: #2685b3;
 }
@@ -300,6 +508,46 @@
     --table-accent: #91d4e3;
 }
 
+.zx-root .zx-table__header-cell.zx-a-color-info {
+    color: #2685b399;
+}
+
+.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-info {
+    color: #70ceff99;
+}
+
+.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-info {
+    color: #6ce2f399;
+}
+
+.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-info {
+    color: #89728a99;
+}
+
+.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-info {
+    color: #91d4e399;
+}
+
+.zx-root .zx-table__cell-label.zx-a-color-info {
+    color: #2685b399;
+}
+
+.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-info {
+    color: #70ceff99;
+}
+
+.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-info {
+    color: #6ce2f399;
+}
+
+.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-info {
+    color: #89728a99;
+}
+
+.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-info {
+    color: #91d4e399;
+}
+
 .zx-root .zx-table__root.zx-a-color-success {
     --table-accent: #2a7858;
 }
@@ -320,6 +568,46 @@
     --table-accent: #a6cebe;
 }
 
+.zx-root .zx-table__header-cell.zx-a-color-success {
+    color: #2a785899;
+}
+
+.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-success {
+    color: #92e5c299;
+}
+
+.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-success {
+    color: #8ee0c999;
+}
+
+.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-success {
+    color: #6b7d6a99;
+}
+
+.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-success {
+    color: #a6cebe99;
+}
+
+.zx-root .zx-table__cell-label.zx-a-color-success {
+    color: #2a785899;
+}
+
+.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-success {
+    color: #92e5c299;
+}
+
+.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-success {
+    color: #8ee0c999;
+}
+
+.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-success {
+    color: #6b7d6a99;
+}
+
+.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-success {
+    color: #a6cebe99;
+}
+
 .zx-root .zx-table__root.zx-a-color-warning {
     --table-accent: #755a2b;
 }
@@ -340,6 +628,46 @@
     --table-accent: #c5c1b7;
 }
 
+.zx-root .zx-table__header-cell.zx-a-color-warning {
+    color: #755a2b99;
+}
+
+.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-warning {
+    color: #f5ddac99;
+}
+
+.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-warning {
+    color: #cecfa699;
+}
+
+.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-warning {
+    color: #7d746399;
+}
+
+.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-warning {
+    color: #c5c1b799;
+}
+
+.zx-root .zx-table__cell-label.zx-a-color-warning {
+    color: #755a2b99;
+}
+
+.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-warning {
+    color: #f5ddac99;
+}
+
+.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-warning {
+    color: #cecfa699;
+}
+
+.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-warning {
+    color: #7d746399;
+}
+
+.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-warning {
+    color: #c5c1b799;
+}
+
 .zx-root .zx-table__root.zx-a-color-error {
     --table-accent: #d9576d;
 }
@@ -360,6 +688,46 @@
     --table-accent: #f2bbc0;
 }
 
+.zx-root .zx-table__header-cell.zx-a-color-error {
+    color: #d9576d99;
+}
+
+.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-error {
+    color: #ff7d9099;
+}
+
+.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-error {
+    color: #f5b3a499;
+}
+
+.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-error {
+    color: #a85b6499;
+}
+
+.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-error {
+    color: #f2bbc099;
+}
+
+.zx-root .zx-table__cell-label.zx-a-color-error {
+    color: #d9576d99;
+}
+
+.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-error {
+    color: #ff7d9099;
+}
+
+.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-error {
+    color: #f5b3a499;
+}
+
+.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-error {
+    color: #a85b6499;
+}
+
+.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-error {
+    color: #f2bbc099;
+}
+
 .zx-table__root.zx-a-size-xs {
     --table-pad-inline: var(--space-xs);
     --table-font: var(--text-xs);
@@ -379,3 +747,33 @@
     --table-pad-inline: var(--space-xl);
     --table-font: var(--text-md);
 }
+.zx-table__root.zx-m-stacked {
+    border-width: calc(var(--border) * 0);
+    border-radius: calc(var(--radius-box) * 0);
+}
+.zx-table__caption.zx-m-stacked {
+    padding-left: calc(var(--table-pad-inline) * 0);
+    padding-right: calc(var(--table-pad-inline) * 0);
+}
+.zx-table__row.zx-m-stacked {
+    border: var(--border) solid var(--color-base-200);
+    border-radius: var(--radius-box);
+    background: var(--color-base-100);
+    padding: var(--space-sm) var(--table-pad-inline);
+    margin-bottom: var(--space-md);
+}
+.zx-table__row.zx-m-stacked.zx-f-selected {
+    background: var(--color-base-300);
+}
+.zx-table__cell.zx-m-stacked {
+    padding-left: calc(var(--table-pad-inline) * 0);
+    padding-right: calc(var(--table-pad-inline) * 0);
+    padding-top: var(--space-xs);
+    padding-bottom: var(--space-xs);
+}
+.zx-table__row.zx-m-stripe {
+    background: var(--color-base-200);
+}
+.zx-table__sort-indicator.zx-m-held.zx-s-none {
+    opacity: 0.6;
+}

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/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 {

package/dist/lynx/components/toast.css

@@ -106,14 +106,12 @@
 .zx-toast__indicator {
     grid-column: 1;
     grid-row: 1 / span 2;
-    inline-size: var(--toast-mark);
-    block-size: var(--toast-mark);
+    width: var(--toast-mark);
+    height: var(--toast-mark);
     box-sizing: border-box;
     position: absolute;
     left: var(--space-lg);
     top: var(--space-md);
-    width: var(--toast-mark);
-    height: var(--toast-mark);
 }
 
 .zx-toast__indicator.zx-s-loading {

package/dist/lynx/components/tooltip.css

@@ -16,6 +16,9 @@
     transition: background var(--duration-normal) var(--ease-standard);
     padding-left: calc(var(--size-field) * 4);
     padding-right: calc(var(--size-field) * 4);
+    width: max-content;
+    flex-shrink: 0;
+    flex-wrap: nowrap;
 }
 
 .zx-tooltip__trigger.zx-f-disabled {
@@ -51,6 +54,10 @@
     transform: none;
 }
 
+.zx-tooltip__arrow {
+    background: var(--color-neutral);
+}
+
 .zx-tooltip__trigger.zx-a-color-primary {
     background: var(--color-primary);
     color: var(--color-primary-content);

package/dist/lynx/components/tree-view.css

@@ -43,6 +43,8 @@
 .zx-tree-view__item.zx-f-selected {
     background: var(--tree-accent);
     color: var(--tree-on-accent);
+    --tree-check: var(--tree-on-accent);
+    --tree-on-check: var(--tree-accent);
 }
 
 .zx-tree-view__item.zx-f-disabled {
@@ -51,8 +53,17 @@
 }
 
 .zx-tree-view__item.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: -2px;
+    box-shadow: inset 0 0 0 2px var(--color-base-content);
+}
+
+.zx-tree-view__item.zx-f-pressed {
+    background: var(--color-base-300);
+}
+
+.zx-tree-view__item.zx-f-selected.zx-f-pressed {
+    background: var(--tree-accent);
 }
 
 .zx-tree-view__branch {
@@ -78,6 +89,8 @@
 .zx-tree-view__branch-trigger.zx-f-selected {
     background: var(--tree-accent);
     color: var(--tree-on-accent);
+    --tree-check: var(--tree-on-accent);
+    --tree-on-check: var(--tree-accent);
 }
 
 .zx-tree-view__branch-trigger.zx-f-disabled {
@@ -86,14 +99,25 @@
 }
 
 .zx-tree-view__branch-trigger.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: -2px;
+    box-shadow: inset 0 0 0 2px var(--color-base-content);
+}
+
+.zx-tree-view__branch-trigger.zx-f-pressed {
+    background: var(--color-base-300);
+}
+
+.zx-tree-view__branch-trigger.zx-f-selected.zx-f-pressed {
+    background: var(--tree-accent);
 }
 
 .zx-tree-view__branch-indicator {
-    display: inline-block;
+    display: flex;
     opacity: 0.6;
     transition: transform var(--duration-fast) var(--ease-standard);
+    width: 1em;
+    text-align: center;
 }
 
 .zx-tree-view__branch-indicator.zx-s-open {
@@ -105,7 +129,7 @@
 }
 
 .zx-tree-view__node-checkbox {
-    display: inline-block;
+    display: flex;
     position: relative;
     flex-shrink: 0;
     box-sizing: border-box;
@@ -116,6 +140,9 @@
     box-shadow: 0 1px var(--depth-shade) inset;
     cursor: pointer;
     transition: background-color var(--duration-normal) var(--ease-standard);
+    align-items: center;
+    justify-content: center;
+    color: var(--tree-on-check);
 }
 
 .zx-tree-view__node-checkbox.zx-s-checked {