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

package/dist/lynx/components/collapsible.css

@@ -38,6 +38,166 @@
     font-size: var(--text-md);
 }
 
+.zx-root .zx-collapsible__root.zx-a-color-primary {
+    --collapsible-accent: #3f2bcb;
+}
+
+.zx-root.zx-theme-dark .zx-collapsible__root.zx-a-color-primary {
+    --collapsible-accent: #6567ff;
+}
+
+.zx-root.zx-theme-dim .zx-collapsible__root.zx-a-color-primary {
+    --collapsible-accent: #a0e791;
+}
+
+.zx-root.zx-theme-nord .zx-collapsible__root.zx-a-color-primary {
+    --collapsible-accent: #5c7da6;
+}
+
+.zx-root.zx-theme-sunset .zx-collapsible__root.zx-a-color-primary {
+    --collapsible-accent: #fb8a62;
+}
+
+.zx-root .zx-collapsible__root.zx-a-color-secondary {
+    --collapsible-accent: #ad316f;
+}
+
+.zx-root.zx-theme-dark .zx-collapsible__root.zx-a-color-secondary {
+    --collapsible-accent: #fa7cb6;
+}
+
+.zx-root.zx-theme-dim .zx-collapsible__root.zx-a-color-secondary {
+    --collapsible-accent: #ed9984;
+}
+
+.zx-root.zx-theme-nord .zx-collapsible__root.zx-a-color-secondary {
+    --collapsible-accent: #677e98;
+}
+
+.zx-root.zx-theme-sunset .zx-collapsible__root.zx-a-color-secondary {
+    --collapsible-accent: #e68aac;
+}
+
+.zx-root .zx-collapsible__root.zx-a-color-accent {
+    --collapsible-accent: #2b786d;
+}
+
+.zx-root.zx-theme-dark .zx-collapsible__root.zx-a-color-accent {
+    --collapsible-accent: #93e5d9;
+}
+
+.zx-root.zx-theme-dim .zx-collapsible__root.zx-a-color-accent {
+    --collapsible-accent: #bfade1;
+}
+
+.zx-root.zx-theme-nord .zx-collapsible__root.zx-a-color-accent {
+    --collapsible-accent: #5e7d8c;
+}
+
+.zx-root.zx-theme-sunset .zx-collapsible__root.zx-a-color-accent {
+    --collapsible-accent: #ab9fe8;
+}
+
+.zx-root .zx-collapsible__root.zx-a-color-neutral {
+    --collapsible-accent: #121214;
+}
+
+.zx-root.zx-theme-dark .zx-collapsible__root.zx-a-color-neutral {
+    --collapsible-accent: #878e92;
+}
+
+.zx-root.zx-theme-dim .zx-collapsible__root.zx-a-color-neutral {
+    --collapsible-accent: #71828c;
+}
+
+.zx-root.zx-theme-nord .zx-collapsible__root.zx-a-color-neutral {
+    --collapsible-accent: #3a4150;
+}
+
+.zx-root.zx-theme-sunset .zx-collapsible__root.zx-a-color-neutral {
+    --collapsible-accent: #667a8a;
+}
+
+.zx-root .zx-collapsible__root.zx-a-color-info {
+    --collapsible-accent: #2685b3;
+}
+
+.zx-root.zx-theme-dark .zx-collapsible__root.zx-a-color-info {
+    --collapsible-accent: #70ceff;
+}
+
+.zx-root.zx-theme-dim .zx-collapsible__root.zx-a-color-info {
+    --collapsible-accent: #6ce2f3;
+}
+
+.zx-root.zx-theme-nord .zx-collapsible__root.zx-a-color-info {
+    --collapsible-accent: #89728a;
+}
+
+.zx-root.zx-theme-sunset .zx-collapsible__root.zx-a-color-info {
+    --collapsible-accent: #91d4e3;
+}
+
+.zx-root .zx-collapsible__root.zx-a-color-success {
+    --collapsible-accent: #2a7858;
+}
+
+.zx-root.zx-theme-dark .zx-collapsible__root.zx-a-color-success {
+    --collapsible-accent: #92e5c2;
+}
+
+.zx-root.zx-theme-dim .zx-collapsible__root.zx-a-color-success {
+    --collapsible-accent: #8ee0c9;
+}
+
+.zx-root.zx-theme-nord .zx-collapsible__root.zx-a-color-success {
+    --collapsible-accent: #6b7d6a;
+}
+
+.zx-root.zx-theme-sunset .zx-collapsible__root.zx-a-color-success {
+    --collapsible-accent: #a6cebe;
+}
+
+.zx-root .zx-collapsible__root.zx-a-color-warning {
+    --collapsible-accent: #755a2b;
+}
+
+.zx-root.zx-theme-dark .zx-collapsible__root.zx-a-color-warning {
+    --collapsible-accent: #f5ddac;
+}
+
+.zx-root.zx-theme-dim .zx-collapsible__root.zx-a-color-warning {
+    --collapsible-accent: #cecfa6;
+}
+
+.zx-root.zx-theme-nord .zx-collapsible__root.zx-a-color-warning {
+    --collapsible-accent: #7d7463;
+}
+
+.zx-root.zx-theme-sunset .zx-collapsible__root.zx-a-color-warning {
+    --collapsible-accent: #c5c1b7;
+}
+
+.zx-root .zx-collapsible__root.zx-a-color-error {
+    --collapsible-accent: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-collapsible__root.zx-a-color-error {
+    --collapsible-accent: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-collapsible__root.zx-a-color-error {
+    --collapsible-accent: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-collapsible__root.zx-a-color-error {
+    --collapsible-accent: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-collapsible__root.zx-a-color-error {
+    --collapsible-accent: #f2bbc0;
+}
+
 .zx-collapsible__trigger.zx-a-size-xs {
     padding: var(--space-md) var(--space-lg);
     font-size: var(--text-sm);

package/dist/lynx/components/combobox.css

@@ -12,6 +12,7 @@
     align-items: stretch;
     min-width: 13rem;
     box-sizing: border-box;
+    height: calc(var(--size-field) * 12);
     background: var(--color-base-100);
     border: var(--border) solid var(--color-base-300);
     border-radius: var(--radius-field);
@@ -169,26 +170,46 @@
     --combobox-accent: var(--color-error);
 }
 
+.zx-combobox__control.zx-a-size-xs {
+    height: calc(var(--size-field) * 8);
+}
+
 .zx-combobox__input.zx-a-size-xs {
     padding: var(--space-2xs) var(--space-md);
     font-size: var(--text-xs);
 }
 
+.zx-combobox__control.zx-a-size-sm {
+    height: calc(var(--size-field) * 10);
+}
+
 .zx-combobox__input.zx-a-size-sm {
     padding: var(--space-xs) var(--space-md);
     font-size: var(--text-sm);
 }
 
+.zx-combobox__control.zx-a-size-md {
+    height: calc(var(--size-field) * 12);
+}
+
 .zx-combobox__input.zx-a-size-md {
     padding: var(--space-sm) var(--space-lg);
     font-size: var(--text-sm);
 }
 
+.zx-combobox__control.zx-a-size-lg {
+    height: calc(var(--size-field) * 14);
+}
+
 .zx-combobox__input.zx-a-size-lg {
     padding: var(--space-md) var(--space-xl);
     font-size: var(--text-md);
 }
 
+.zx-combobox__control.zx-a-size-xl {
+    height: calc(var(--size-field) * 16);
+}
+
 .zx-combobox__input.zx-a-size-xl {
     padding: var(--space-lg) var(--space-2xl);
     font-size: var(--text-lg);

package/dist/lynx/components/countdown.css

@@ -23,6 +23,166 @@
     animation: zero-daisyui-countdown-in 0.35s var(--ease-standard);
 }
 
+.zx-root .zx-countdown__root.zx-a-color-primary {
+    --countdown-ink: #3f2bcb;
+}
+
+.zx-root.zx-theme-dark .zx-countdown__root.zx-a-color-primary {
+    --countdown-ink: #6567ff;
+}
+
+.zx-root.zx-theme-dim .zx-countdown__root.zx-a-color-primary {
+    --countdown-ink: #a0e791;
+}
+
+.zx-root.zx-theme-nord .zx-countdown__root.zx-a-color-primary {
+    --countdown-ink: #5c7da6;
+}
+
+.zx-root.zx-theme-sunset .zx-countdown__root.zx-a-color-primary {
+    --countdown-ink: #fb8a62;
+}
+
+.zx-root .zx-countdown__root.zx-a-color-secondary {
+    --countdown-ink: #ad316f;
+}
+
+.zx-root.zx-theme-dark .zx-countdown__root.zx-a-color-secondary {
+    --countdown-ink: #fa7cb6;
+}
+
+.zx-root.zx-theme-dim .zx-countdown__root.zx-a-color-secondary {
+    --countdown-ink: #ed9984;
+}
+
+.zx-root.zx-theme-nord .zx-countdown__root.zx-a-color-secondary {
+    --countdown-ink: #677e98;
+}
+
+.zx-root.zx-theme-sunset .zx-countdown__root.zx-a-color-secondary {
+    --countdown-ink: #e68aac;
+}
+
+.zx-root .zx-countdown__root.zx-a-color-accent {
+    --countdown-ink: #2b786d;
+}
+
+.zx-root.zx-theme-dark .zx-countdown__root.zx-a-color-accent {
+    --countdown-ink: #93e5d9;
+}
+
+.zx-root.zx-theme-dim .zx-countdown__root.zx-a-color-accent {
+    --countdown-ink: #bfade1;
+}
+
+.zx-root.zx-theme-nord .zx-countdown__root.zx-a-color-accent {
+    --countdown-ink: #5e7d8c;
+}
+
+.zx-root.zx-theme-sunset .zx-countdown__root.zx-a-color-accent {
+    --countdown-ink: #ab9fe8;
+}
+
+.zx-root .zx-countdown__root.zx-a-color-neutral {
+    --countdown-ink: #121214;
+}
+
+.zx-root.zx-theme-dark .zx-countdown__root.zx-a-color-neutral {
+    --countdown-ink: #878e92;
+}
+
+.zx-root.zx-theme-dim .zx-countdown__root.zx-a-color-neutral {
+    --countdown-ink: #71828c;
+}
+
+.zx-root.zx-theme-nord .zx-countdown__root.zx-a-color-neutral {
+    --countdown-ink: #3a4150;
+}
+
+.zx-root.zx-theme-sunset .zx-countdown__root.zx-a-color-neutral {
+    --countdown-ink: #667a8a;
+}
+
+.zx-root .zx-countdown__root.zx-a-color-info {
+    --countdown-ink: #2685b3;
+}
+
+.zx-root.zx-theme-dark .zx-countdown__root.zx-a-color-info {
+    --countdown-ink: #70ceff;
+}
+
+.zx-root.zx-theme-dim .zx-countdown__root.zx-a-color-info {
+    --countdown-ink: #6ce2f3;
+}
+
+.zx-root.zx-theme-nord .zx-countdown__root.zx-a-color-info {
+    --countdown-ink: #89728a;
+}
+
+.zx-root.zx-theme-sunset .zx-countdown__root.zx-a-color-info {
+    --countdown-ink: #91d4e3;
+}
+
+.zx-root .zx-countdown__root.zx-a-color-success {
+    --countdown-ink: #2a7858;
+}
+
+.zx-root.zx-theme-dark .zx-countdown__root.zx-a-color-success {
+    --countdown-ink: #92e5c2;
+}
+
+.zx-root.zx-theme-dim .zx-countdown__root.zx-a-color-success {
+    --countdown-ink: #8ee0c9;
+}
+
+.zx-root.zx-theme-nord .zx-countdown__root.zx-a-color-success {
+    --countdown-ink: #6b7d6a;
+}
+
+.zx-root.zx-theme-sunset .zx-countdown__root.zx-a-color-success {
+    --countdown-ink: #a6cebe;
+}
+
+.zx-root .zx-countdown__root.zx-a-color-warning {
+    --countdown-ink: #755a2b;
+}
+
+.zx-root.zx-theme-dark .zx-countdown__root.zx-a-color-warning {
+    --countdown-ink: #f5ddac;
+}
+
+.zx-root.zx-theme-dim .zx-countdown__root.zx-a-color-warning {
+    --countdown-ink: #cecfa6;
+}
+
+.zx-root.zx-theme-nord .zx-countdown__root.zx-a-color-warning {
+    --countdown-ink: #7d7463;
+}
+
+.zx-root.zx-theme-sunset .zx-countdown__root.zx-a-color-warning {
+    --countdown-ink: #c5c1b7;
+}
+
+.zx-root .zx-countdown__root.zx-a-color-error {
+    --countdown-ink: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-countdown__root.zx-a-color-error {
+    --countdown-ink: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-countdown__root.zx-a-color-error {
+    --countdown-ink: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-countdown__root.zx-a-color-error {
+    --countdown-ink: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-countdown__root.zx-a-color-error {
+    --countdown-ink: #f2bbc0;
+}
+
 .zx-countdown__root.zx-a-size-xs {
     --countdown-font: var(--text-md);
 }

package/dist/lynx/components/dialog.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);
@@ -60,6 +62,26 @@
     font-size: var(--text-sm);
 }
 
+.zx-root .zx-dialog__description {
+    color: #0d0d0fbf;
+}
+
+.zx-root.zx-theme-dark .zx-dialog__description {
+    color: #a0aaaebf;
+}
+
+.zx-root.zx-theme-dim .zx-dialog__description {
+    color: #788a91bf;
+}
+
+.zx-root.zx-theme-nord .zx-dialog__description {
+    color: #1c2028bf;
+}
+
+.zx-root.zx-theme-sunset .zx-dialog__description {
+    color: #6b7d8dbf;
+}
+
 .zx-dialog__footer {
     display: flex;
     justify-content: flex-end;
@@ -73,6 +95,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);
@@ -99,6 +123,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);
@@ -208,18 +234,26 @@
 }
 
 .zx-dialog__trigger.zx-a-size-xs {
+    height: calc(var(--size-field) * 8);
+    padding-inline: calc(var(--size-field) * 2);
     font-size: var(--text-xs);
 }
 
 .zx-dialog__trigger.zx-a-size-sm {
+    height: calc(var(--size-field) * 10);
+    padding-inline: calc(var(--size-field) * 3);
     font-size: var(--text-sm);
 }
 
 .zx-dialog__trigger.zx-a-size-lg {
+    height: calc(var(--size-field) * 14);
+    padding-inline: calc(var(--size-field) * 5);
     font-size: var(--text-md);
 }
 
 .zx-dialog__trigger.zx-a-size-xl {
+    height: calc(var(--size-field) * 16);
+    padding-inline: calc(var(--size-field) * 6);
     font-size: var(--text-lg);
 }
 @keyframes zero-daisy-pop {

package/dist/lynx/components/diff.css

@@ -26,6 +26,7 @@
 .zx-diff__handle {
     inset-block: 0;
     inline-size: var(--diff-hit);
+    margin-inline-start: calc(var(--diff-hit) / -2);
     display: grid;
     place-items: center;
     cursor: ew-resize;
@@ -38,6 +39,186 @@
     outline-offset: 2px;
 }
 
+.zx-root .zx-diff__handle.zx-f-pressed {
+    --diff-accent: #353538;
+}
+
+.zx-root.zx-theme-dark .zx-diff__handle.zx-f-pressed {
+    --diff-accent: #c9d5db;
+}
+
+.zx-root.zx-theme-dim .zx-diff__handle.zx-f-pressed {
+    --diff-accent: #9cb2bd;
+}
+
+.zx-root.zx-theme-nord .zx-diff__handle.zx-f-pressed {
+    --diff-accent: #474d58;
+}
+
+.zx-root.zx-theme-sunset .zx-diff__handle.zx-f-pressed {
+    --diff-accent: #879fb3;
+}
+
+.zx-root .zx-diff__root.zx-a-color-primary {
+    --diff-accent: #3f2bcb;
+}
+
+.zx-root.zx-theme-dark .zx-diff__root.zx-a-color-primary {
+    --diff-accent: #6567ff;
+}
+
+.zx-root.zx-theme-dim .zx-diff__root.zx-a-color-primary {
+    --diff-accent: #a0e791;
+}
+
+.zx-root.zx-theme-nord .zx-diff__root.zx-a-color-primary {
+    --diff-accent: #5c7da6;
+}
+
+.zx-root.zx-theme-sunset .zx-diff__root.zx-a-color-primary {
+    --diff-accent: #fb8a62;
+}
+
+.zx-root .zx-diff__root.zx-a-color-secondary {
+    --diff-accent: #ad316f;
+}
+
+.zx-root.zx-theme-dark .zx-diff__root.zx-a-color-secondary {
+    --diff-accent: #fa7cb6;
+}
+
+.zx-root.zx-theme-dim .zx-diff__root.zx-a-color-secondary {
+    --diff-accent: #ed9984;
+}
+
+.zx-root.zx-theme-nord .zx-diff__root.zx-a-color-secondary {
+    --diff-accent: #677e98;
+}
+
+.zx-root.zx-theme-sunset .zx-diff__root.zx-a-color-secondary {
+    --diff-accent: #e68aac;
+}
+
+.zx-root .zx-diff__root.zx-a-color-accent {
+    --diff-accent: #2b786d;
+}
+
+.zx-root.zx-theme-dark .zx-diff__root.zx-a-color-accent {
+    --diff-accent: #93e5d9;
+}
+
+.zx-root.zx-theme-dim .zx-diff__root.zx-a-color-accent {
+    --diff-accent: #bfade1;
+}
+
+.zx-root.zx-theme-nord .zx-diff__root.zx-a-color-accent {
+    --diff-accent: #5e7d8c;
+}
+
+.zx-root.zx-theme-sunset .zx-diff__root.zx-a-color-accent {
+    --diff-accent: #ab9fe8;
+}
+
+.zx-root .zx-diff__root.zx-a-color-neutral {
+    --diff-accent: #121214;
+}
+
+.zx-root.zx-theme-dark .zx-diff__root.zx-a-color-neutral {
+    --diff-accent: #878e92;
+}
+
+.zx-root.zx-theme-dim .zx-diff__root.zx-a-color-neutral {
+    --diff-accent: #71828c;
+}
+
+.zx-root.zx-theme-nord .zx-diff__root.zx-a-color-neutral {
+    --diff-accent: #3a4150;
+}
+
+.zx-root.zx-theme-sunset .zx-diff__root.zx-a-color-neutral {
+    --diff-accent: #667a8a;
+}
+
+.zx-root .zx-diff__root.zx-a-color-info {
+    --diff-accent: #2685b3;
+}
+
+.zx-root.zx-theme-dark .zx-diff__root.zx-a-color-info {
+    --diff-accent: #70ceff;
+}
+
+.zx-root.zx-theme-dim .zx-diff__root.zx-a-color-info {
+    --diff-accent: #6ce2f3;
+}
+
+.zx-root.zx-theme-nord .zx-diff__root.zx-a-color-info {
+    --diff-accent: #89728a;
+}
+
+.zx-root.zx-theme-sunset .zx-diff__root.zx-a-color-info {
+    --diff-accent: #91d4e3;
+}
+
+.zx-root .zx-diff__root.zx-a-color-success {
+    --diff-accent: #2a7858;
+}
+
+.zx-root.zx-theme-dark .zx-diff__root.zx-a-color-success {
+    --diff-accent: #92e5c2;
+}
+
+.zx-root.zx-theme-dim .zx-diff__root.zx-a-color-success {
+    --diff-accent: #8ee0c9;
+}
+
+.zx-root.zx-theme-nord .zx-diff__root.zx-a-color-success {
+    --diff-accent: #6b7d6a;
+}
+
+.zx-root.zx-theme-sunset .zx-diff__root.zx-a-color-success {
+    --diff-accent: #a6cebe;
+}
+
+.zx-root .zx-diff__root.zx-a-color-warning {
+    --diff-accent: #755a2b;
+}
+
+.zx-root.zx-theme-dark .zx-diff__root.zx-a-color-warning {
+    --diff-accent: #f5ddac;
+}
+
+.zx-root.zx-theme-dim .zx-diff__root.zx-a-color-warning {
+    --diff-accent: #cecfa6;
+}
+
+.zx-root.zx-theme-nord .zx-diff__root.zx-a-color-warning {
+    --diff-accent: #7d7463;
+}
+
+.zx-root.zx-theme-sunset .zx-diff__root.zx-a-color-warning {
+    --diff-accent: #c5c1b7;
+}
+
+.zx-root .zx-diff__root.zx-a-color-error {
+    --diff-accent: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-diff__root.zx-a-color-error {
+    --diff-accent: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-diff__root.zx-a-color-error {
+    --diff-accent: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-diff__root.zx-a-color-error {
+    --diff-accent: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-diff__root.zx-a-color-error {
+    --diff-accent: #f2bbc0;
+}
+
 .zx-diff__root.zx-a-size-xs {
     --diff-grip: 1rem;
     --diff-hit: 1.5rem;

package/dist/lynx/components/divider.css

@@ -58,3 +58,11 @@
 .zx-divider__root.zx-a-size-sm {
     --divider-thickness: var(--border);
 }
+
+.zx-divider__root.zx-a-size-lg {
+    --divider-thickness: calc(var(--border) * 2);
+}
+
+.zx-divider__root.zx-a-size-xl {
+    --divider-thickness: calc(var(--border) * 3);
+}

package/dist/lynx/components/drawer.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);
@@ -35,7 +37,6 @@
     border: none;
     border-radius: var(--radius-box);
     box-shadow: var(--shadow-xl);
-    inline-size: min(20rem, 85vw);
 }
 
 .zx-drawer__panel.zx-s-open {
@@ -59,6 +60,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);
@@ -168,17 +171,25 @@
 }
 
 .zx-drawer__trigger.zx-a-size-xs {
+    height: calc(var(--size-field) * 8);
+    padding-inline: calc(var(--size-field) * 2);
     font-size: var(--text-xs);
 }
 
 .zx-drawer__trigger.zx-a-size-sm {
+    height: calc(var(--size-field) * 10);
+    padding-inline: calc(var(--size-field) * 3);
     font-size: var(--text-sm);
 }
 
 .zx-drawer__trigger.zx-a-size-lg {
+    height: calc(var(--size-field) * 14);
+    padding-inline: calc(var(--size-field) * 5);
     font-size: var(--text-md);
 }
 
 .zx-drawer__trigger.zx-a-size-xl {
+    height: calc(var(--size-field) * 16);
+    padding-inline: calc(var(--size-field) * 6);
     font-size: var(--text-lg);
 }