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

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

@@ -1,3 +1,27 @@
+.zx-rating-group__root {
+    --rating-size: calc(var(--size-selector) * 6);
+}
+
+.zx-root .zx-rating-group__root {
+    --rating-fill: #c68005;
+}
+
+.zx-root.zx-theme-dark .zx-rating-group__root {
+    --rating-fill: #c68005;
+}
+
+.zx-root.zx-theme-dim .zx-rating-group__root {
+    --rating-fill: #8e7b31;
+}
+
+.zx-root.zx-theme-nord .zx-rating-group__root {
+    --rating-fill: #8c7851;
+}
+
+.zx-root.zx-theme-sunset .zx-rating-group__root {
+    --rating-fill: #8f7655;
+}
+
 .zx-rating-group__root {
     display: inline-flex;
     flex-direction: column;
@@ -13,6 +37,26 @@
     opacity: var(--disabled-opacity);
 }
 
+.zx-root .zx-rating-group__label.zx-f-invalid {
+    color: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-rating-group__label.zx-f-invalid {
+    color: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-rating-group__label.zx-f-invalid {
+    color: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-rating-group__label.zx-f-invalid {
+    color: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-rating-group__label.zx-f-invalid {
+    color: #f2bbc0;
+}
+
 .zx-rating-group__control {
     display: inline-flex;
     gap: var(--space-2xs);
@@ -40,6 +84,26 @@
     transition: color var(--duration-fast) var(--ease-standard), mask-size var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), filter var(--duration-fast) var(--ease-standard);
 }
 
+.zx-root .zx-rating-group__item {
+    color: #07070899;
+}
+
+.zx-root.zx-theme-dark .zx-rating-group__item {
+    color: #767d8099;
+}
+
+.zx-root.zx-theme-dim .zx-rating-group__item {
+    color: #57656a99;
+}
+
+.zx-root.zx-theme-nord .zx-rating-group__item {
+    color: #12151b99;
+}
+
+.zx-root.zx-theme-sunset .zx-rating-group__item {
+    color: #4d5b6799;
+}
+
 .zx-rating-group__item.zx-s-full {
     color: var(--rating-fill);
 }
@@ -67,3 +131,179 @@
     outline-offset: 1px;
     border-radius: var(--radius-selector);
 }
+
+.zx-root .zx-rating-group__root.zx-a-color-primary {
+    --rating-fill: #676ee6;
+}
+
+.zx-root.zx-theme-dark .zx-rating-group__root.zx-a-color-primary {
+    --rating-fill: #848fff;
+}
+
+.zx-root.zx-theme-dim .zx-rating-group__root.zx-a-color-primary {
+    --rating-fill: #6da160;
+}
+
+.zx-root.zx-theme-nord .zx-rating-group__root.zx-a-color-primary {
+    --rating-fill: #3f5876;
+}
+
+.zx-root.zx-theme-sunset .zx-rating-group__root.zx-a-color-primary {
+    --rating-fill: #b15b3d;
+}
+
+.zx-root .zx-rating-group__root.zx-a-color-secondary {
+    --rating-fill: #fb74b2;
+}
+
+.zx-root.zx-theme-dark .zx-rating-group__root.zx-a-color-secondary {
+    --rating-fill: #fb74b2;
+}
+
+.zx-root.zx-theme-dim .zx-rating-group__root.zx-a-color-secondary {
+    --rating-fill: #b1543e;
+}
+
+.zx-root.zx-theme-nord .zx-rating-group__root.zx-a-color-secondary {
+    --rating-fill: #586e85;
+}
+
+.zx-root.zx-theme-sunset .zx-rating-group__root.zx-a-color-secondary {
+    --rating-fill: #b04b6b;
+}
+
+.zx-root .zx-rating-group__root.zx-a-color-accent {
+    --rating-fill: #07a897;
+}
+
+.zx-root.zx-theme-dark .zx-rating-group__root.zx-a-color-accent {
+    --rating-fill: #07a897;
+}
+
+.zx-root.zx-theme-dim .zx-rating-group__root.zx-a-color-accent {
+    --rating-fill: #8964a1;
+}
+
+.zx-root.zx-theme-nord .zx-rating-group__root.zx-a-color-accent {
+    --rating-fill: #5d8490;
+}
+
+.zx-root.zx-theme-sunset .zx-rating-group__root.zx-a-color-accent {
+    --rating-fill: #7b5cad;
+}
+
+.zx-root .zx-rating-group__root.zx-a-color-neutral {
+    --rating-fill: #414143;
+}
+
+.zx-root.zx-theme-dark .zx-rating-group__root.zx-a-color-neutral {
+    --rating-fill: #414143;
+}
+
+.zx-root.zx-theme-dim .zx-rating-group__root.zx-a-color-neutral {
+    --rating-fill: #444f59;
+}
+
+.zx-root.zx-theme-nord .zx-rating-group__root.zx-a-color-neutral {
+    --rating-fill: #737c8e;
+}
+
+.zx-root.zx-theme-sunset .zx-rating-group__root.zx-a-color-neutral {
+    --rating-fill: #3c484f;
+}
+
+.zx-root .zx-rating-group__root.zx-a-color-info {
+    --rating-fill: #058dc4;
+}
+
+.zx-root.zx-theme-dark .zx-rating-group__root.zx-a-color-info {
+    --rating-fill: #058dc4;
+}
+
+.zx-root.zx-theme-dim .zx-rating-group__root.zx-a-color-info {
+    --rating-fill: #19a3b1;
+}
+
+.zx-root.zx-theme-nord .zx-rating-group__root.zx-a-color-info {
+    --rating-fill: #7c6177;
+}
+
+.zx-root.zx-theme-sunset .zx-rating-group__root.zx-a-color-info {
+    --rating-fill: #5d9ba3;
+}
+
+.zx-root .zx-rating-group__root.zx-a-color-success {
+    --rating-fill: #00a875;
+}
+
+.zx-root.zx-theme-dark .zx-rating-group__root.zx-a-color-success {
+    --rating-fill: #00a875;
+}
+
+.zx-root.zx-theme-dim .zx-rating-group__root.zx-a-color-success {
+    --rating-fill: #41a682;
+}
+
+.zx-root.zx-theme-nord .zx-rating-group__root.zx-a-color-success {
+    --rating-fill: #708360;
+}
+
+.zx-root.zx-theme-sunset .zx-rating-group__root.zx-a-color-success {
+    --rating-fill: #779a77;
+}
+
+.zx-root .zx-rating-group__root.zx-a-color-warning {
+    --rating-fill: #c68005;
+}
+
+.zx-root.zx-theme-dark .zx-rating-group__root.zx-a-color-warning {
+    --rating-fill: #c68005;
+}
+
+.zx-root.zx-theme-dim .zx-rating-group__root.zx-a-color-warning {
+    --rating-fill: #8e7b31;
+}
+
+.zx-root.zx-theme-nord .zx-rating-group__root.zx-a-color-warning {
+    --rating-fill: #8c7851;
+}
+
+.zx-root.zx-theme-sunset .zx-rating-group__root.zx-a-color-warning {
+    --rating-fill: #8f7655;
+}
+
+.zx-root .zx-rating-group__root.zx-a-color-error {
+    --rating-fill: #c6445c;
+}
+
+.zx-root.zx-theme-dark .zx-rating-group__root.zx-a-color-error {
+    --rating-fill: #c6445c;
+}
+
+.zx-root.zx-theme-dim .zx-rating-group__root.zx-a-color-error {
+    --rating-fill: #b1776a;
+}
+
+.zx-root.zx-theme-nord .zx-rating-group__root.zx-a-color-error {
+    --rating-fill: #834147;
+}
+
+.zx-root.zx-theme-sunset .zx-rating-group__root.zx-a-color-error {
+    --rating-fill: #b18182;
+}
+
+.zx-rating-group__root.zx-a-size-xs {
+    --rating-size: calc(var(--size-selector) * 4);
+}
+
+.zx-rating-group__root.zx-a-size-sm {
+    --rating-size: calc(var(--size-selector) * 5);
+}
+
+.zx-rating-group__root.zx-a-size-lg {
+    --rating-size: calc(var(--size-selector) * 7);
+}
+
+.zx-rating-group__root.zx-a-size-xl {
+    --rating-size: calc(var(--size-selector) * 8);
+}

package/dist/lynx/components/select.css

@@ -13,6 +13,8 @@
     align-items: center;
     justify-content: space-between;
     gap: var(--space-lg);
+    height: calc(var(--size-field) * 12);
+    padding-inline: calc(var(--size-field) * 4);
     font-size: var(--text-sm);
     font-weight: var(--weight-medium);
     color: var(--color-base-content);
@@ -44,6 +46,26 @@
     outline-offset: 2px;
 }
 
+.zx-root .zx-select__value.zx-f-placeholder {
+    color: #07070899;
+}
+
+.zx-root.zx-theme-dark .zx-select__value.zx-f-placeholder {
+    color: #767d8099;
+}
+
+.zx-root.zx-theme-dim .zx-select__value.zx-f-placeholder {
+    color: #57656a99;
+}
+
+.zx-root.zx-theme-nord .zx-select__value.zx-f-placeholder {
+    color: #12151b99;
+}
+
+.zx-root.zx-theme-sunset .zx-select__value.zx-f-placeholder {
+    color: #4d5b6799;
+}
+
 .zx-select__indicator {
     opacity: 0.6;
     transition: transform var(--duration-normal) var(--ease-standard);
@@ -143,21 +165,31 @@
 }
 
 .zx-select__trigger.zx-a-size-xs {
+    height: calc(var(--size-field) * 8);
+    padding-inline: calc(var(--size-field) * 2);
     font-size: var(--text-xs);
 }
 
 .zx-select__trigger.zx-a-size-sm {
+    height: calc(var(--size-field) * 10);
+    padding-inline: calc(var(--size-field) * 3);
     font-size: var(--text-sm);
 }
 
 .zx-select__trigger.zx-a-size-md {
+    height: calc(var(--size-field) * 12);
+    padding-inline: calc(var(--size-field) * 4);
     font-size: var(--text-sm);
 }
 
 .zx-select__trigger.zx-a-size-lg {
+    height: calc(var(--size-field) * 14);
+    padding-inline: calc(var(--size-field) * 5);
     font-size: var(--text-md);
 }
 
 .zx-select__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/skeleton.css

@@ -14,6 +14,166 @@
     pointer-events: none;
 }
 
+.zx-root .zx-skeleton__root.zx-a-color-primary {
+    --skeleton-fill: #c5cbee;
+}
+
+.zx-root.zx-theme-dark .zx-skeleton__root.zx-a-color-primary {
+    --skeleton-fill: #212845;
+}
+
+.zx-root.zx-theme-dim .zx-skeleton__root.zx-a-color-primary {
+    --skeleton-fill: #374741;
+}
+
+.zx-root.zx-theme-nord .zx-skeleton__root.zx-a-color-primary {
+    --skeleton-fill: #bfcbdd;
+}
+
+.zx-root.zx-theme-sunset .zx-skeleton__root.zx-a-color-primary {
+    --skeleton-fill: #342928;
+}
+
+.zx-root .zx-skeleton__root.zx-a-color-secondary {
+    --skeleton-fill: #f6cedc;
+}
+
+.zx-root.zx-theme-dark .zx-skeleton__root.zx-a-color-secondary {
+    --skeleton-fill: #3e2434;
+}
+
+.zx-root.zx-theme-dim .zx-skeleton__root.zx-a-color-secondary {
+    --skeleton-fill: #493739;
+}
+
+.zx-root.zx-theme-nord .zx-skeleton__root.zx-a-color-secondary {
+    --skeleton-fill: #c6d2e1;
+}
+
+.zx-root.zx-theme-sunset .zx-skeleton__root.zx-a-color-secondary {
+    --skeleton-fill: #352630;
+}
+
+.zx-root .zx-skeleton__root.zx-a-color-accent {
+    --skeleton-fill: #d0e9e4;
+}
+
+.zx-root.zx-theme-dark .zx-skeleton__root.zx-a-color-accent {
+    --skeleton-fill: #1f393a;
+}
+
+.zx-root.zx-theme-dim .zx-skeleton__root.zx-a-color-accent {
+    --skeleton-fill: #3e394f;
+}
+
+.zx-root.zx-theme-nord .zx-skeleton__root.zx-a-color-accent {
+    --skeleton-fill: #c9d8e4;
+}
+
+.zx-root.zx-theme-sunset .zx-skeleton__root.zx-a-color-accent {
+    --skeleton-fill: #27283f;
+}
+
+.zx-root .zx-skeleton__root.zx-a-color-neutral {
+    --skeleton-fill: #b9b9ba;
+}
+
+.zx-root.zx-theme-dark .zx-skeleton__root.zx-a-color-neutral {
+    --skeleton-fill: #13161a;
+}
+
+.zx-root.zx-theme-dim .zx-skeleton__root.zx-a-color-neutral {
+    --skeleton-fill: #1f242d;
+}
+
+.zx-root.zx-theme-nord .zx-skeleton__root.zx-a-color-neutral {
+    --skeleton-fill: #bac1ce;
+}
+
+.zx-root.zx-theme-sunset .zx-skeleton__root.zx-a-color-neutral {
+    --skeleton-fill: #0c171d;
+}
+
+.zx-root .zx-skeleton__root.zx-a-color-info {
+    --skeleton-fill: #cde5f2;
+}
+
+.zx-root.zx-theme-dark .zx-skeleton__root.zx-a-color-info {
+    --skeleton-fill: #1e3544;
+}
+
+.zx-root.zx-theme-dim .zx-skeleton__root.zx-a-color-info {
+    --skeleton-fill: #2c4853;
+}
+
+.zx-root.zx-theme-nord .zx-skeleton__root.zx-a-color-info {
+    --skeleton-fill: #d1cedd;
+}
+
+.zx-root.zx-theme-sunset .zx-skeleton__root.zx-a-color-info {
+    --skeleton-fill: #1f353d;
+}
+
+.zx-root .zx-skeleton__root.zx-a-color-success {
+    --skeleton-fill: #cfeadb;
+}
+
+.zx-root.zx-theme-dark .zx-skeleton__root.zx-a-color-success {
+    --skeleton-fill: #1f3933;
+}
+
+.zx-root.zx-theme-dim .zx-skeleton__root.zx-a-color-success {
+    --skeleton-fill: #2f4848;
+}
+
+.zx-root.zx-theme-nord .zx-skeleton__root.zx-a-color-success {
+    --skeleton-fill: #cdd8d7;
+}
+
+.zx-root.zx-theme-sunset .zx-skeleton__root.zx-a-color-success {
+    --skeleton-fill: #243634;
+}
+
+.zx-root .zx-skeleton__root.zx-a-color-warning {
+    --skeleton-fill: #f2e4cd;
+}
+
+.zx-root.zx-theme-dark .zx-skeleton__root.zx-a-color-warning {
+    --skeleton-fill: #3c3528;
+}
+
+.zx-root.zx-theme-dim .zx-skeleton__root.zx-a-color-warning {
+    --skeleton-fill: #44443b;
+}
+
+.zx-root.zx-theme-nord .zx-skeleton__root.zx-a-color-warning {
+    --skeleton-fill: #dcdbd7;
+}
+
+.zx-root.zx-theme-sunset .zx-skeleton__root.zx-a-color-warning {
+    --skeleton-fill: #303230;
+}
+
+.zx-root .zx-skeleton__root.zx-a-color-error {
+    --skeleton-fill: #f6d4d7;
+}
+
+.zx-root.zx-theme-dark .zx-skeleton__root.zx-a-color-error {
+    --skeleton-fill: #3f2930;
+}
+
+.zx-root.zx-theme-dim .zx-skeleton__root.zx-a-color-error {
+    --skeleton-fill: #473e43;
+}
+
+.zx-root.zx-theme-nord .zx-skeleton__root.zx-a-color-error {
+    --skeleton-fill: #d6c5cf;
+}
+
+.zx-root.zx-theme-sunset .zx-skeleton__root.zx-a-color-error {
+    --skeleton-fill: #333036;
+}
+
 .zx-skeleton__root.zx-a-size-xs {
     border-radius: var(--radius-selector);
 }

package/dist/lynx/components/slider.css

@@ -38,6 +38,8 @@
 }
 
 .zx-slider__track {
+    height: calc(var(--size-selector) * 2);
+    margin-block: calc(var(--size-selector) * 1.5);
     border-radius: 9999px;
     background: var(--color-base-300);
     cursor: pointer;
@@ -54,8 +56,11 @@
 
 .zx-slider__thumb {
     box-sizing: border-box;
+    width: calc(var(--size-selector) * 5);
+    height: calc(var(--size-selector) * 5);
     inset-block-start: 50%;
     translate: 0 -50%;
+    margin-inline-start: calc(var(--size-selector) * -2.5);
     border-radius: 9999px;
     cursor: pointer;
     outline: none;
@@ -72,6 +77,7 @@
 }
 
 .zx-slider__mark {
+    padding-block-start: calc(var(--size-selector) * 2 + var(--space-2xs));
     font-size: var(--text-xs);
     line-height: 1;
     white-space: nowrap;
@@ -115,10 +121,18 @@
     --slider-accent: var(--color-error);
 }
 
+.zx-slider__control.zx-a-size-xs {
+    height: calc(var(--size-selector) * 3);
+}
+
 .zx-slider__label.zx-a-size-xs {
     font-size: var(--text-xs);
 }
 
+.zx-slider__control.zx-a-size-sm {
+    height: calc(var(--size-selector) * 4);
+}
+
 .zx-slider__label.zx-a-size-sm {
     font-size: var(--text-sm);
 }
@@ -127,10 +141,18 @@
     font-size: var(--text-sm);
 }
 
+.zx-slider__control.zx-a-size-lg {
+    height: calc(var(--size-selector) * 7);
+}
+
 .zx-slider__label.zx-a-size-lg {
     font-size: var(--text-md);
 }
 
+.zx-slider__control.zx-a-size-xl {
+    height: calc(var(--size-selector) * 8);
+}
+
 .zx-slider__label.zx-a-size-xl {
     font-size: var(--text-lg);
 }

package/dist/lynx/components/spinner.css

@@ -1,4 +1,5 @@
 .zx-spinner__root {
+    --spinner-size: calc(var(--size-field) * 0.5);
     --spinner-ink: var(--color-primary);
     --spinner-track: var(--color-base-300);
 }
@@ -9,6 +10,7 @@
     block-size: var(--spinner-size);
     box-sizing: border-box;
     border-radius: 50%;
+    border: calc(var(--border) * 2) solid var(--spinner-track);
     border-block-start-color: var(--spinner-ink);
     animation: zero-daisyui-spin 0.7s linear infinite;
 }
@@ -44,6 +46,22 @@
 .zx-spinner__root.zx-a-color-error {
     --spinner-ink: var(--color-error);
 }
+
+.zx-spinner__root.zx-a-size-xs {
+    --spinner-size: calc(var(--size-field) * 0.35);
+}
+
+.zx-spinner__root.zx-a-size-sm {
+    --spinner-size: calc(var(--size-field) * 0.42);
+}
+
+.zx-spinner__root.zx-a-size-lg {
+    --spinner-size: calc(var(--size-field) * 0.7);
+}
+
+.zx-spinner__root.zx-a-size-xl {
+    --spinner-size: calc(var(--size-field) * 0.9);
+}
 @keyframes zero-daisyui-spin {
     to { transform: rotate(360deg); }
 }

package/dist/lynx/components/stats.css

@@ -27,6 +27,26 @@
     font-size: var(--text-xs);
 }
 
+.zx-root .zx-stats__title {
+    color: #0a0a0cb3;
+}
+
+.zx-root.zx-theme-dark .zx-stats__title {
+    color: #929a9eb3;
+}
+
+.zx-root.zx-theme-dim .zx-stats__title {
+    color: #6d7e84b3;
+}
+
+.zx-root.zx-theme-nord .zx-stats__title {
+    color: #181c24b3;
+}
+
+.zx-root.zx-theme-sunset .zx-stats__title {
+    color: #617180b3;
+}
+
 .zx-stats__value {
     grid-column: 1;
     font-size: var(--text-2xl);
@@ -40,6 +60,26 @@
     font-size: var(--text-xs);
 }
 
+.zx-root .zx-stats__desc {
+    color: #0a0a0cb3;
+}
+
+.zx-root.zx-theme-dark .zx-stats__desc {
+    color: #929a9eb3;
+}
+
+.zx-root.zx-theme-dim .zx-stats__desc {
+    color: #6d7e84b3;
+}
+
+.zx-root.zx-theme-nord .zx-stats__desc {
+    color: #181c24b3;
+}
+
+.zx-root.zx-theme-sunset .zx-stats__desc {
+    color: #617180b3;
+}
+
 .zx-stats__figure {
     grid-column: 2;
     grid-row: 1 / span 3;

package/dist/lynx/components/status.css

@@ -1,5 +1,6 @@
 .zx-status__root {
     --status-ink: var(--color-base-content);
+    --status-size: calc(var(--size-selector) * 2.5);
 }
 
 .zx-status__root {
@@ -9,6 +10,7 @@
     box-sizing: border-box;
     vertical-align: middle;
     background: var(--status-ink);
+    border: calc(var(--status-size) / 2) solid var(--status-ink);
     border-radius: 9999px;
 }
 
@@ -43,3 +45,19 @@
 .zx-status__root.zx-a-color-error {
     --status-ink: var(--color-error);
 }
+
+.zx-status__root.zx-a-size-xs {
+    --status-size: calc(var(--size-selector) * 1.5);
+}
+
+.zx-status__root.zx-a-size-sm {
+    --status-size: calc(var(--size-selector) * 2);
+}
+
+.zx-status__root.zx-a-size-lg {
+    --status-size: calc(var(--size-selector) * 3);
+}
+
+.zx-status__root.zx-a-size-xl {
+    --status-size: calc(var(--size-selector) * 3.5);
+}