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

package/dist/css/components/progress.css

@@ -49,6 +49,10 @@
         --progress-accent: color-mix(in oklab, var(--color-primary) 90%, var(--color-primary-content));
     }
 
+    [data-scope="progress"][data-part="root"]:not([data-color]) {
+        --progress-accent: color-mix(in oklab, var(--color-primary) 90%, var(--color-primary-content));
+    }
+
     [data-scope="progress"][data-part="root"][data-color="secondary"] {
         --progress-accent: color-mix(in oklab, var(--color-secondary) 90%, var(--color-secondary-content));
     }
@@ -89,6 +93,10 @@
         --progress-track-size: calc(var(--size-selector) * 2.5);
     }
 
+    [data-scope="progress"][data-part="root"]:not([data-size]) {
+        --progress-track-size: calc(var(--size-selector) * 2.5);
+    }
+
     [data-scope="progress"][data-part="root"][data-size="lg"] {
         --progress-track-size: calc(var(--size-selector) * 3.5);
     }

package/dist/css/components/select.css

@@ -125,6 +125,10 @@
         --select-accent: var(--color-primary);
     }
 
+    [data-scope="select"][data-part="root"]:not([data-color]) {
+        --select-accent: var(--color-primary);
+    }
+
     [data-scope="select"][data-part="root"][data-color="secondary"] {
         --select-accent: var(--color-secondary);
     }
@@ -177,6 +181,14 @@
         }
     }
 
+    @scope ([data-scope="select"][data-part="root"]:not([data-size])) to ([data-scope="select"][data-part="root"]) {
+        [data-scope="select"][data-part="trigger"] {
+            height: calc(var(--size-field) * 12);
+            padding-inline: calc(var(--size-field) * 4);
+            font-size: var(--text-sm);
+        }
+    }
+
     @scope ([data-scope="select"][data-part="root"][data-size="lg"]) to ([data-scope="select"][data-part="root"]) {
         [data-scope="select"][data-part="trigger"] {
             height: calc(var(--size-field) * 14);

package/dist/css/components/slider.css

@@ -106,6 +106,10 @@
         --slider-accent: var(--color-primary);
     }
 
+    [data-scope="slider"][data-part="root"]:not([data-color]) {
+        --slider-accent: var(--color-primary);
+    }
+
     [data-scope="slider"][data-part="root"][data-color="secondary"] {
         --slider-accent: var(--color-secondary);
     }
@@ -160,6 +164,12 @@
         }
     }
 
+    @scope ([data-scope="slider"][data-part="root"]:not([data-size])) to ([data-scope="slider"][data-part="root"]) {
+        [data-scope="slider"][data-part="label"] {
+            font-size: var(--text-sm);
+        }
+    }
+
     @scope ([data-scope="slider"][data-part="root"][data-size="lg"]) to ([data-scope="slider"][data-part="root"]) {
         [data-scope="slider"][data-part="control"] {
             height: calc(var(--size-selector) * 7);

package/dist/css/index.css

@@ -2462,6 +2462,10 @@
         --progress-accent: color-mix(in oklab, var(--color-primary) 90%, var(--color-primary-content));
     }
 
+    [data-scope="progress"][data-part="root"]:not([data-color]) {
+        --progress-accent: color-mix(in oklab, var(--color-primary) 90%, var(--color-primary-content));
+    }
+
     [data-scope="progress"][data-part="root"][data-color="secondary"] {
         --progress-accent: color-mix(in oklab, var(--color-secondary) 90%, var(--color-secondary-content));
     }
@@ -2502,6 +2506,10 @@
         --progress-track-size: calc(var(--size-selector) * 2.5);
     }
 
+    [data-scope="progress"][data-part="root"]:not([data-size]) {
+        --progress-track-size: calc(var(--size-selector) * 2.5);
+    }
+
     [data-scope="progress"][data-part="root"][data-size="lg"] {
         --progress-track-size: calc(var(--size-selector) * 3.5);
     }
@@ -2629,6 +2637,10 @@
         --slider-accent: var(--color-primary);
     }
 
+    [data-scope="slider"][data-part="root"]:not([data-color]) {
+        --slider-accent: var(--color-primary);
+    }
+
     [data-scope="slider"][data-part="root"][data-color="secondary"] {
         --slider-accent: var(--color-secondary);
     }
@@ -2683,6 +2695,12 @@
         }
     }
 
+    @scope ([data-scope="slider"][data-part="root"]:not([data-size])) to ([data-scope="slider"][data-part="root"]) {
+        [data-scope="slider"][data-part="label"] {
+            font-size: var(--text-sm);
+        }
+    }
+
     @scope ([data-scope="slider"][data-part="root"][data-size="lg"]) to ([data-scope="slider"][data-part="root"]) {
         [data-scope="slider"][data-part="control"] {
             height: calc(var(--size-selector) * 7);
@@ -2997,6 +3015,10 @@
         --select-accent: var(--color-primary);
     }
 
+    [data-scope="select"][data-part="root"]:not([data-color]) {
+        --select-accent: var(--color-primary);
+    }
+
     [data-scope="select"][data-part="root"][data-color="secondary"] {
         --select-accent: var(--color-secondary);
     }
@@ -3049,6 +3071,14 @@
         }
     }
 
+    @scope ([data-scope="select"][data-part="root"]:not([data-size])) to ([data-scope="select"][data-part="root"]) {
+        [data-scope="select"][data-part="trigger"] {
+            height: calc(var(--size-field) * 12);
+            padding-inline: calc(var(--size-field) * 4);
+            font-size: var(--text-sm);
+        }
+    }
+
     @scope ([data-scope="select"][data-part="root"][data-size="lg"]) to ([data-scope="select"][data-part="root"]) {
         [data-scope="select"][data-part="trigger"] {
             height: calc(var(--size-field) * 14);

package/dist/lynx/components/accordion.css

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

package/dist/lynx/components/alert.css

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

package/dist/lynx/components/avatar.css

@@ -1,4 +1,5 @@
 .zx-avatar__root {
+    --avatar-size: calc(var(--size-selector) * 10);
     --avatar-text: var(--text-sm);
     --avatar-ring: var(--color-primary);
 }
@@ -67,17 +68,21 @@
 }
 
 .zx-avatar__root.zx-a-size-xs {
+    --avatar-size: calc(var(--size-selector) * 6);
     --avatar-text: var(--text-xs);
 }
 
 .zx-avatar__root.zx-a-size-sm {
+    --avatar-size: calc(var(--size-selector) * 8);
     --avatar-text: var(--text-xs);
 }
 
 .zx-avatar__root.zx-a-size-lg {
+    --avatar-size: calc(var(--size-selector) * 12);
     --avatar-text: var(--text-md);
 }
 
 .zx-avatar__root.zx-a-size-xl {
+    --avatar-size: calc(var(--size-selector) * 16);
     --avatar-text: var(--text-lg);
 }