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

package/dist/lynx/components/pagination.css

@@ -1,6 +1,7 @@
 .zx-pagination__root {
     --pg-accent: var(--color-primary);
     --pg-accent-content: var(--color-primary-content);
+    --pg-size: calc(var(--size-field) * 10);
     --pg-font: var(--text-sm);
 }
 
@@ -54,6 +55,26 @@
     user-select: none;
 }
 
+.zx-root .zx-pagination__ellipsis {
+    color: #08080aa6;
+}
+
+.zx-root.zx-theme-dark .zx-pagination__ellipsis {
+    color: #848b8fa6;
+}
+
+.zx-root.zx-theme-dim .zx-pagination__ellipsis {
+    color: #627177a6;
+}
+
+.zx-root.zx-theme-nord .zx-pagination__ellipsis {
+    color: #151920a6;
+}
+
+.zx-root.zx-theme-sunset .zx-pagination__ellipsis {
+    color: #576674a6;
+}
+
 .zx-pagination__prev-trigger {
     display: inline-flex;
     align-items: center;
@@ -64,6 +85,7 @@
     color: var(--color-base-content);
     border: none;
     border-radius: var(--radius-field);
+    font-size: calc(var(--pg-font) * 1.2);
     line-height: var(--leading-none);
     appearance: none;
     cursor: pointer;
@@ -90,6 +112,7 @@
     color: var(--color-base-content);
     border: none;
     border-radius: var(--radius-field);
+    font-size: calc(var(--pg-font) * 1.2);
     line-height: var(--leading-none);
     appearance: none;
     cursor: pointer;
@@ -147,9 +170,19 @@
 }
 
 .zx-pagination__root.zx-a-size-xs {
+    --pg-size: calc(var(--size-field) * 7);
     --pg-font: var(--text-xs);
 }
 
+.zx-pagination__root.zx-a-size-sm {
+    --pg-size: calc(var(--size-field) * 9);
+}
+
+.zx-pagination__root.zx-a-size-lg {
+    --pg-size: calc(var(--size-field) * 12);
+}
+
 .zx-pagination__root.zx-a-size-xl {
+    --pg-size: calc(var(--size-field) * 14);
     --pg-font: var(--text-lg);
 }

package/dist/lynx/components/popover.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);
@@ -59,6 +61,8 @@
     align-items: center;
     justify-content: center;
     gap: 0.5em;
+    height: calc(var(--size-field) * 8);
+    padding-inline: calc(var(--size-field) * 3);
     font-size: var(--text-xs);
     font-weight: var(--weight-semibold);
     color: var(--color-base-content);
@@ -168,17 +172,25 @@
 }
 
 .zx-popover__trigger.zx-a-size-xs {
+    height: calc(var(--size-field) * 8);
+    padding-inline: calc(var(--size-field) * 2);
     font-size: var(--text-xs);
 }
 
 .zx-popover__trigger.zx-a-size-sm {
+    height: calc(var(--size-field) * 10);
+    padding-inline: calc(var(--size-field) * 3);
     font-size: var(--text-sm);
 }
 
 .zx-popover__trigger.zx-a-size-lg {
+    height: calc(var(--size-field) * 14);
+    padding-inline: calc(var(--size-field) * 5);
     font-size: var(--text-md);
 }
 
 .zx-popover__trigger.zx-a-size-xl {
+    height: calc(var(--size-field) * 16);
+    padding-inline: calc(var(--size-field) * 6);
     font-size: var(--text-lg);
 }

package/dist/lynx/components/progress.css

@@ -1,3 +1,27 @@
+.zx-progress__root {
+    --progress-track-size: calc(var(--size-selector) * 2.5);
+}
+
+.zx-root .zx-progress__root {
+    --progress-accent: #4c45db;
+}
+
+.zx-root.zx-theme-dark .zx-progress__root {
+    --progress-accent: #6b6fff;
+}
+
+.zx-root.zx-theme-dim .zx-progress__root {
+    --progress-accent: #8ed07e;
+}
+
+.zx-root.zx-theme-nord .zx-progress__root {
+    --progress-accent: #53739a;
+}
+
+.zx-root.zx-theme-sunset .zx-progress__root {
+    --progress-accent: #e47751;
+}
+
 .zx-progress__root {
     display: flex;
     flex-direction: column;
@@ -25,6 +49,26 @@
     transition: width var(--duration-slow) var(--ease-standard);
 }
 
+.zx-root .zx-progress__range.zx-s-complete {
+    background: #009367;
+}
+
+.zx-root.zx-theme-dark .zx-progress__range.zx-s-complete {
+    background: #009367;
+}
+
+.zx-root.zx-theme-dim .zx-progress__range.zx-s-complete {
+    background: #328366;
+}
+
+.zx-root.zx-theme-nord .zx-progress__range.zx-s-complete {
+    background: #58674b;
+}
+
+.zx-root.zx-theme-sunset .zx-progress__range.zx-s-complete {
+    background: #5d7a5d;
+}
+
 .zx-progress__range.zx-s-indeterminate {
     width: 40%;
     animation: zero-daisy-indeterminate 1.2s ease-in-out infinite;
@@ -35,9 +79,185 @@
     opacity: 0.6;
 }
 
+.zx-root .zx-progress__root.zx-a-color-primary {
+    --progress-accent: #4c45db;
+}
+
+.zx-root.zx-theme-dark .zx-progress__root.zx-a-color-primary {
+    --progress-accent: #6b6fff;
+}
+
+.zx-root.zx-theme-dim .zx-progress__root.zx-a-color-primary {
+    --progress-accent: #8ed07e;
+}
+
+.zx-root.zx-theme-nord .zx-progress__root.zx-a-color-primary {
+    --progress-accent: #53739a;
+}
+
+.zx-root.zx-theme-sunset .zx-progress__root.zx-a-color-primary {
+    --progress-accent: #e47751;
+}
+
+.zx-root .zx-progress__root.zx-a-color-secondary {
+    --progress-accent: #f74ca0;
+}
+
+.zx-root.zx-theme-dark .zx-progress__root.zx-a-color-secondary {
+    --progress-accent: #f74ca0;
+}
+
+.zx-root.zx-theme-dim .zx-progress__root.zx-a-color-secondary {
+    --progress-accent: #e46f52;
+}
+
+.zx-root.zx-theme-nord .zx-progress__root.zx-a-color-secondary {
+    --progress-accent: #7390ac;
+}
+
+.zx-root.zx-theme-sunset .zx-progress__root.zx-a-color-secondary {
+    --progress-accent: #e3638b;
+}
+
+.zx-root .zx-progress__root.zx-a-color-accent {
+    --progress-accent: #03c5af;
+}
+
+.zx-root.zx-theme-dark .zx-progress__root.zx-a-color-accent {
+    --progress-accent: #03c5af;
+}
+
+.zx-root.zx-theme-dim .zx-progress__root.zx-a-color-accent {
+    --progress-accent: #b282d1;
+}
+
+.zx-root.zx-theme-nord .zx-progress__root.zx-a-color-accent {
+    --progress-accent: #79acba;
+}
+
+.zx-root.zx-theme-sunset .zx-progress__root.zx-a-color-accent {
+    --progress-accent: #a078e0;
+}
+
+.zx-root .zx-progress__root.zx-a-color-neutral {
+    --progress-accent: #1a1a1c;
+}
+
+.zx-root.zx-theme-dark .zx-progress__root.zx-a-color-neutral {
+    --progress-accent: #1a1a1c;
+}
+
+.zx-root.zx-theme-dim .zx-progress__root.zx-a-color-neutral {
+    --progress-accent: #29303a;
+}
+
+.zx-root.zx-theme-nord .zx-progress__root.zx-a-color-neutral {
+    --progress-accent: #596376;
+}
+
+.zx-root.zx-theme-sunset .zx-progress__root.zx-a-color-neutral {
+    --progress-accent: #263137;
+}
+
+.zx-root .zx-progress__root.zx-a-color-info {
+    --progress-accent: #02abea;
+}
+
+.zx-root.zx-theme-dark .zx-progress__root.zx-a-color-info {
+    --progress-accent: #02abea;
+}
+
+.zx-root.zx-theme-dim .zx-progress__root.zx-a-color-info {
+    --progress-accent: #23d2e4;
+}
+
+.zx-root.zx-theme-nord .zx-progress__root.zx-a-color-info {
+    --progress-accent: #a17f9a;
+}
+
+.zx-root.zx-theme-sunset .zx-progress__root.zx-a-color-info {
+    --progress-accent: #7ac8d2;
+}
+
+.zx-root .zx-progress__root.zx-a-color-success {
+    --progress-accent: #00c487;
+}
+
+.zx-root.zx-theme-dark .zx-progress__root.zx-a-color-success {
+    --progress-accent: #00c487;
+}
+
+.zx-root.zx-theme-dim .zx-progress__root.zx-a-color-success {
+    --progress-accent: #57d6a9;
+}
+
+.zx-root.zx-theme-nord .zx-progress__root.zx-a-color-success {
+    --progress-accent: #92aa7e;
+}
+
+.zx-root.zx-theme-sunset .zx-progress__root.zx-a-color-success {
+    --progress-accent: #9ac89a;
+}
+
+.zx-root .zx-progress__root.zx-a-color-warning {
+    --progress-accent: #eea902;
+}
+
+.zx-root.zx-theme-dark .zx-progress__root.zx-a-color-warning {
+    --progress-accent: #eea902;
+}
+
+.zx-root.zx-theme-dim .zx-progress__root.zx-a-color-warning {
+    --progress-accent: #d6ba4d;
+}
+
+.zx-root.zx-theme-nord .zx-progress__root.zx-a-color-warning {
+    --progress-accent: #d2b67c;
+}
+
+.zx-root.zx-theme-sunset .zx-progress__root.zx-a-color-warning {
+    --progress-accent: #d8b382;
+}
+
+.zx-root .zx-progress__root.zx-a-color-error {
+    --progress-accent: #ec5872;
+}
+
+.zx-root.zx-theme-dark .zx-progress__root.zx-a-color-error {
+    --progress-accent: #ec5872;
+}
+
+.zx-root.zx-theme-dim .zx-progress__root.zx-a-color-error {
+    --progress-accent: #e49b8a;
+}
+
+.zx-root.zx-theme-nord .zx-progress__root.zx-a-color-error {
+    --progress-accent: #ab565e;
+}
+
+.zx-root.zx-theme-sunset .zx-progress__root.zx-a-color-error {
+    --progress-accent: #e4a7a9;
+}
+
 .zx-progress__root.zx-a-size-xs {
     --progress-track-size: var(--size-selector);
 }
+
+.zx-progress__root.zx-a-size-sm {
+    --progress-track-size: calc(var(--size-selector) * 1.5);
+}
+
+.zx-progress__root.zx-a-size-md {
+    --progress-track-size: calc(var(--size-selector) * 2.5);
+}
+
+.zx-progress__root.zx-a-size-lg {
+    --progress-track-size: calc(var(--size-selector) * 3.5);
+}
+
+.zx-progress__root.zx-a-size-xl {
+    --progress-track-size: calc(var(--size-selector) * 4.5);
+}
 @keyframes zero-daisy-indeterminate {
     from { margin-inline-start: -40%; } to { margin-inline-start: 100%; }
 }

package/dist/lynx/components/radial-progress.css

@@ -1,4 +1,6 @@
 .zx-radial-progress__root {
+    --radial-size: calc(var(--size-selector) * 16);
+    --radial-thickness: calc(var(--size-selector) * 1.5);
     --radial-ink: var(--color-primary);
     --radial-track: var(--color-base-200);
 }
@@ -12,10 +14,50 @@
     border-radius: 50%;
 }
 
+.zx-root .zx-radial-progress__root.zx-s-complete {
+    --radial-ink: #00748c;
+}
+
+.zx-root.zx-theme-dark .zx-radial-progress__root.zx-s-complete {
+    --radial-ink: #7ae6e0;
+}
+
+.zx-root.zx-theme-dim .zx-radial-progress__root.zx-s-complete {
+    --radial-ink: #7fe0dc;
+}
+
+.zx-root.zx-theme-nord .zx-radial-progress__root.zx-s-complete {
+    --radial-ink: #52817e;
+}
+
+.zx-root.zx-theme-sunset .zx-radial-progress__root.zx-s-complete {
+    --radial-ink: #90d2cd;
+}
+
 .zx-radial-progress__label {
     font-size: var(--text-xs);
 }
 
+.zx-root .zx-radial-progress__label {
+    color: #0a0a0cb3;
+}
+
+.zx-root.zx-theme-dark .zx-radial-progress__label {
+    color: #929a9eb3;
+}
+
+.zx-root.zx-theme-dim .zx-radial-progress__label {
+    color: #6d7e84b3;
+}
+
+.zx-root.zx-theme-nord .zx-radial-progress__label {
+    color: #181c24b3;
+}
+
+.zx-root.zx-theme-sunset .zx-radial-progress__label {
+    color: #617180b3;
+}
+
 .zx-radial-progress__value-text {
     font-size: var(--text-sm);
     font-weight: var(--weight-semibold);
@@ -54,6 +96,26 @@
 .zx-radial-progress__root.zx-a-color-error {
     --radial-ink: var(--color-error);
 }
+
+.zx-radial-progress__root.zx-a-size-xs {
+    --radial-size: calc(var(--size-selector) * 10);
+    --radial-thickness: calc(var(--size-selector) * 1);
+}
+
+.zx-radial-progress__root.zx-a-size-sm {
+    --radial-size: calc(var(--size-selector) * 13);
+    --radial-thickness: calc(var(--size-selector) * 1.25);
+}
+
+.zx-radial-progress__root.zx-a-size-lg {
+    --radial-size: calc(var(--size-selector) * 20);
+    --radial-thickness: calc(var(--size-selector) * 2);
+}
+
+.zx-radial-progress__root.zx-a-size-xl {
+    --radial-size: calc(var(--size-selector) * 24);
+    --radial-thickness: calc(var(--size-selector) * 2.5);
+}
 @keyframes zero-daisyui-radial-spin {
     to { transform: rotate(360deg); }
 }

package/dist/lynx/components/radio-group.css

@@ -1,4 +1,5 @@
 .zx-radio-group__root {
+    --radio-size: calc(var(--size-selector) * 6);
     --radio-pad: 0.25rem;
     --radio-accent: var(--color-primary);
 }
@@ -62,6 +63,7 @@
     height: 100%;
     border-radius: 9999px;
     background-color: transparent;
+    background-size: auto, calc(var(--noise) * 100%);
     background-image: none, var(--fx-noise);
     transition: background-color var(--duration-instant) var(--ease-standard);
 }
@@ -109,6 +111,7 @@
 }
 
 .zx-radio-group__root.zx-a-size-xs {
+    --radio-size: calc(var(--size-selector) * 4);
     --radio-pad: 0.125rem;
 }
 
@@ -117,6 +120,7 @@
 }
 
 .zx-radio-group__root.zx-a-size-sm {
+    --radio-size: calc(var(--size-selector) * 5);
     --radio-pad: 0.1875rem;
 }
 
@@ -125,6 +129,7 @@
 }
 
 .zx-radio-group__root.zx-a-size-md {
+    --radio-size: calc(var(--size-selector) * 6);
     --radio-pad: 0.25rem;
 }
 
@@ -133,6 +138,7 @@
 }
 
 .zx-radio-group__root.zx-a-size-lg {
+    --radio-size: calc(var(--size-selector) * 7);
     --radio-pad: 0.3125rem;
 }
 
@@ -141,9 +147,13 @@
 }
 
 .zx-radio-group__root.zx-a-size-xl {
+    --radio-size: calc(var(--size-selector) * 8);
     --radio-pad: 0.375rem;
 }
 
 .zx-radio-group__item-label.zx-a-size-xl {
     font-size: var(--text-lg);
 }
+@keyframes zero-daisy-radio {
+    0% { padding: calc(var(--radio-pad) * 1.25); } 50% { padding: calc(var(--radio-pad) * 0.75); }
+}