@sigx/zero-daisyui 0.2.0-beta.1 → 0.2.0-beta.2

package/dist/lynx/components/table.css

@@ -26,10 +26,50 @@
     font-size: var(--text-xs);
 }
 
+.zx-root .zx-table__caption {
+    color: #07070899;
+}
+
+.zx-root.zx-theme-dark .zx-table__caption {
+    color: #767d8099;
+}
+
+.zx-root.zx-theme-dim .zx-table__caption {
+    color: #57656a99;
+}
+
+.zx-root.zx-theme-nord .zx-table__caption {
+    color: #12151b99;
+}
+
+.zx-root.zx-theme-sunset .zx-table__caption {
+    color: #4d5b6799;
+}
+
 .zx-table__foot {
     font-size: var(--text-xs);
 }
 
+.zx-root .zx-table__foot {
+    color: #07070899;
+}
+
+.zx-root.zx-theme-dark .zx-table__foot {
+    color: #767d8099;
+}
+
+.zx-root.zx-theme-dim .zx-table__foot {
+    color: #57656a99;
+}
+
+.zx-root.zx-theme-nord .zx-table__foot {
+    color: #12151b99;
+}
+
+.zx-root.zx-theme-sunset .zx-table__foot {
+    color: #4d5b6799;
+}
+
 .zx-table__row {
     border-block-end: var(--border) solid var(--color-base-200);
 }
@@ -50,7 +90,168 @@
     text-align: start;
 }
 
+.zx-root .zx-table__root.zx-a-color-primary {
+    --table-accent: #3f2bcb;
+}
+
+.zx-root.zx-theme-dark .zx-table__root.zx-a-color-primary {
+    --table-accent: #6567ff;
+}
+
+.zx-root.zx-theme-dim .zx-table__root.zx-a-color-primary {
+    --table-accent: #a0e791;
+}
+
+.zx-root.zx-theme-nord .zx-table__root.zx-a-color-primary {
+    --table-accent: #5c7da6;
+}
+
+.zx-root.zx-theme-sunset .zx-table__root.zx-a-color-primary {
+    --table-accent: #fb8a62;
+}
+
+.zx-root .zx-table__root.zx-a-color-secondary {
+    --table-accent: #ad316f;
+}
+
+.zx-root.zx-theme-dark .zx-table__root.zx-a-color-secondary {
+    --table-accent: #fa7cb6;
+}
+
+.zx-root.zx-theme-dim .zx-table__root.zx-a-color-secondary {
+    --table-accent: #ed9984;
+}
+
+.zx-root.zx-theme-nord .zx-table__root.zx-a-color-secondary {
+    --table-accent: #677e98;
+}
+
+.zx-root.zx-theme-sunset .zx-table__root.zx-a-color-secondary {
+    --table-accent: #e68aac;
+}
+
+.zx-root .zx-table__root.zx-a-color-accent {
+    --table-accent: #2b786d;
+}
+
+.zx-root.zx-theme-dark .zx-table__root.zx-a-color-accent {
+    --table-accent: #93e5d9;
+}
+
+.zx-root.zx-theme-dim .zx-table__root.zx-a-color-accent {
+    --table-accent: #bfade1;
+}
+
+.zx-root.zx-theme-nord .zx-table__root.zx-a-color-accent {
+    --table-accent: #5e7d8c;
+}
+
+.zx-root.zx-theme-sunset .zx-table__root.zx-a-color-accent {
+    --table-accent: #ab9fe8;
+}
+
+.zx-root .zx-table__root.zx-a-color-neutral {
+    --table-accent: #121214;
+}
+
+.zx-root.zx-theme-dark .zx-table__root.zx-a-color-neutral {
+    --table-accent: #878e92;
+}
+
+.zx-root.zx-theme-dim .zx-table__root.zx-a-color-neutral {
+    --table-accent: #71828c;
+}
+
+.zx-root.zx-theme-nord .zx-table__root.zx-a-color-neutral {
+    --table-accent: #3a4150;
+}
+
+.zx-root.zx-theme-sunset .zx-table__root.zx-a-color-neutral {
+    --table-accent: #667a8a;
+}
+
+.zx-root .zx-table__root.zx-a-color-info {
+    --table-accent: #2685b3;
+}
+
+.zx-root.zx-theme-dark .zx-table__root.zx-a-color-info {
+    --table-accent: #70ceff;
+}
+
+.zx-root.zx-theme-dim .zx-table__root.zx-a-color-info {
+    --table-accent: #6ce2f3;
+}
+
+.zx-root.zx-theme-nord .zx-table__root.zx-a-color-info {
+    --table-accent: #89728a;
+}
+
+.zx-root.zx-theme-sunset .zx-table__root.zx-a-color-info {
+    --table-accent: #91d4e3;
+}
+
+.zx-root .zx-table__root.zx-a-color-success {
+    --table-accent: #2a7858;
+}
+
+.zx-root.zx-theme-dark .zx-table__root.zx-a-color-success {
+    --table-accent: #92e5c2;
+}
+
+.zx-root.zx-theme-dim .zx-table__root.zx-a-color-success {
+    --table-accent: #8ee0c9;
+}
+
+.zx-root.zx-theme-nord .zx-table__root.zx-a-color-success {
+    --table-accent: #6b7d6a;
+}
+
+.zx-root.zx-theme-sunset .zx-table__root.zx-a-color-success {
+    --table-accent: #a6cebe;
+}
+
+.zx-root .zx-table__root.zx-a-color-warning {
+    --table-accent: #755a2b;
+}
+
+.zx-root.zx-theme-dark .zx-table__root.zx-a-color-warning {
+    --table-accent: #f5ddac;
+}
+
+.zx-root.zx-theme-dim .zx-table__root.zx-a-color-warning {
+    --table-accent: #cecfa6;
+}
+
+.zx-root.zx-theme-nord .zx-table__root.zx-a-color-warning {
+    --table-accent: #7d7463;
+}
+
+.zx-root.zx-theme-sunset .zx-table__root.zx-a-color-warning {
+    --table-accent: #c5c1b7;
+}
+
+.zx-root .zx-table__root.zx-a-color-error {
+    --table-accent: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-table__root.zx-a-color-error {
+    --table-accent: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-table__root.zx-a-color-error {
+    --table-accent: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-table__root.zx-a-color-error {
+    --table-accent: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-table__root.zx-a-color-error {
+    --table-accent: #f2bbc0;
+}
+
 .zx-table__root.zx-a-size-xs {
+    --table-pad-block: calc(var(--space-xs) / 2);
     --table-pad-inline: var(--space-xs);
     --table-font: var(--text-xs);
 }

package/dist/lynx/components/tabs.css

@@ -20,10 +20,31 @@
     padding: var(--space-sm) var(--space-xl);
     font-size: var(--text-sm);
     font-weight: var(--weight-semibold);
+    border-radius: calc(var(--radius-field) - 0.25rem);
     cursor: pointer;
     transition: background var(--duration-normal) var(--ease-standard), color var(--duration-normal) var(--ease-standard);
 }
 
+.zx-root .zx-tabs__tab {
+    color: #07070899;
+}
+
+.zx-root.zx-theme-dark .zx-tabs__tab {
+    color: #767d8099;
+}
+
+.zx-root.zx-theme-dim .zx-tabs__tab {
+    color: #57656a99;
+}
+
+.zx-root.zx-theme-nord .zx-tabs__tab {
+    color: #12151b99;
+}
+
+.zx-root.zx-theme-sunset .zx-tabs__tab {
+    color: #4d5b6799;
+}
+
 .zx-tabs__tab.zx-s-active {
     background: var(--color-base-100);
     color: var(--color-base-content);

package/dist/lynx/components/textarea.css

@@ -17,6 +17,26 @@
     opacity: var(--disabled-opacity);
 }
 
+.zx-root .zx-textarea__label.zx-f-invalid {
+    color: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-textarea__label.zx-f-invalid {
+    color: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-textarea__label.zx-f-invalid {
+    color: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-textarea__label.zx-f-invalid {
+    color: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-textarea__label.zx-f-invalid {
+    color: #f2bbc0;
+}
+
 .zx-textarea__textarea {
     box-sizing: border-box;
     height: auto;
@@ -25,6 +45,7 @@
     border-radius: var(--radius-field);
     box-shadow: var(--shadow-xs);
     display: block;
+    min-height: calc(calc(var(--size-field) * 12) * 2);
     width: 100%;
     min-width: 0;
     appearance: none;
@@ -85,20 +106,24 @@
 
 .zx-textarea__textarea.zx-a-size-xs {
     font-size: var(--text-xs);
+    min-height: calc(calc(var(--size-field) * 8) * 2);
     padding: var(--space-2xs) var(--space-xs);
 }
 
 .zx-textarea__textarea.zx-a-size-sm {
     font-size: var(--text-xs);
+    min-height: calc(calc(var(--size-field) * 10) * 2);
     padding: var(--space-xs) var(--space-sm);
 }
 
 .zx-textarea__textarea.zx-a-size-lg {
     font-size: var(--text-md);
+    min-height: calc(calc(var(--size-field) * 14) * 2);
     padding: var(--space-md) var(--space-lg);
 }
 
 .zx-textarea__textarea.zx-a-size-xl {
     font-size: var(--text-lg);
+    min-height: calc(calc(var(--size-field) * 16) * 2);
     padding: var(--space-lg) var(--space-xl);
 }

package/dist/lynx/components/timeline.css

@@ -1,5 +1,6 @@
 .zx-timeline__root {
     --timeline-accent: var(--color-base-content);
+    --timeline-marker-size: calc(var(--size-selector) * 3);
 }
 
 .zx-timeline__root {
@@ -36,6 +37,7 @@
     box-sizing: border-box;
     border-radius: 9999px;
     background: var(--timeline-accent);
+    border: calc(var(--timeline-marker-size) / 2) solid var(--timeline-accent);
     display: flex;
     align-items: center;
     justify-content: center;
@@ -106,18 +108,34 @@
     --timeline-accent: var(--color-error);
 }
 
+.zx-timeline__marker.zx-a-size-xs {
+    --timeline-marker-size: calc(var(--size-selector) * 2);
+}
+
 .zx-timeline__content.zx-a-size-xs {
     font-size: var(--text-xs);
 }
 
+.zx-timeline__marker.zx-a-size-sm {
+    --timeline-marker-size: calc(var(--size-selector) * 2.5);
+}
+
 .zx-timeline__content.zx-a-size-sm {
     font-size: var(--text-xs);
 }
 
+.zx-timeline__marker.zx-a-size-lg {
+    --timeline-marker-size: calc(var(--size-selector) * 3.5);
+}
+
 .zx-timeline__content.zx-a-size-lg {
     font-size: var(--text-md);
 }
 
+.zx-timeline__marker.zx-a-size-xl {
+    --timeline-marker-size: calc(var(--size-selector) * 4);
+}
+
 .zx-timeline__content.zx-a-size-xl {
     font-size: var(--text-md);
 }

package/dist/lynx/components/toast.css

@@ -12,7 +12,6 @@
     border: none;
     background: transparent;
     overflow: visible;
-    width: min(24rem, 100vw);
     list-style: none;
     flex-direction: column;
     gap: var(--space-sm);

package/dist/lynx/components/tooltip.css

@@ -4,6 +4,8 @@
     align-items: center;
     justify-content: center;
     gap: 0.5em;
+    height: calc(var(--size-field) * 12);
+    padding-inline: calc(var(--size-field) * 4);
     font-size: var(--text-sm);
     font-weight: var(--weight-semibold);
     color: var(--color-base-content);
@@ -137,17 +139,25 @@
 }
 
 .zx-tooltip__trigger.zx-a-size-xs {
+    height: calc(var(--size-field) * 8);
+    padding-inline: calc(var(--size-field) * 2);
     font-size: var(--text-xs);
 }
 
 .zx-tooltip__trigger.zx-a-size-sm {
+    height: calc(var(--size-field) * 10);
+    padding-inline: calc(var(--size-field) * 3);
     font-size: var(--text-sm);
 }
 
 .zx-tooltip__trigger.zx-a-size-lg {
+    height: calc(var(--size-field) * 14);
+    padding-inline: calc(var(--size-field) * 5);
     font-size: var(--text-md);
 }
 
 .zx-tooltip__trigger.zx-a-size-xl {
+    height: calc(var(--size-field) * 16);
+    padding-inline: calc(var(--size-field) * 6);
     font-size: var(--text-lg);
 }