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

package/dist/lynx/components/breadcrumbs.css

@@ -29,6 +29,26 @@
     transition: color var(--duration-fast) var(--ease-standard);
 }
 
+.zx-root .zx-breadcrumbs__link {
+    color: #0d0d0fbf;
+}
+
+.zx-root.zx-theme-dark .zx-breadcrumbs__link {
+    color: #a0aaaebf;
+}
+
+.zx-root.zx-theme-dim .zx-breadcrumbs__link {
+    color: #788a91bf;
+}
+
+.zx-root.zx-theme-nord .zx-breadcrumbs__link {
+    color: #1c2028bf;
+}
+
+.zx-root.zx-theme-sunset .zx-breadcrumbs__link {
+    color: #6b7d8dbf;
+}
+
 .zx-breadcrumbs__link.zx-s-active {
     color: var(--bc-accent);
     font-weight: var(--weight-semibold);
@@ -44,6 +64,186 @@
     user-select: none;
 }
 
+.zx-root .zx-breadcrumbs__separator {
+    color: #02020266;
+}
+
+.zx-root.zx-theme-dark .zx-breadcrumbs__separator {
+    color: #42464866;
+}
+
+.zx-root.zx-theme-dim .zx-breadcrumbs__separator {
+    color: #2f373b66;
+}
+
+.zx-root.zx-theme-nord .zx-breadcrumbs__separator {
+    color: #06070b66;
+}
+
+.zx-root.zx-theme-sunset .zx-breadcrumbs__separator {
+    color: #29313966;
+}
+
+.zx-root .zx-breadcrumbs__root.zx-a-color-primary {
+    --bc-accent: #3f2bcb;
+}
+
+.zx-root.zx-theme-dark .zx-breadcrumbs__root.zx-a-color-primary {
+    --bc-accent: #6567ff;
+}
+
+.zx-root.zx-theme-dim .zx-breadcrumbs__root.zx-a-color-primary {
+    --bc-accent: #a0e791;
+}
+
+.zx-root.zx-theme-nord .zx-breadcrumbs__root.zx-a-color-primary {
+    --bc-accent: #5c7da6;
+}
+
+.zx-root.zx-theme-sunset .zx-breadcrumbs__root.zx-a-color-primary {
+    --bc-accent: #fb8a62;
+}
+
+.zx-root .zx-breadcrumbs__root.zx-a-color-secondary {
+    --bc-accent: #ad316f;
+}
+
+.zx-root.zx-theme-dark .zx-breadcrumbs__root.zx-a-color-secondary {
+    --bc-accent: #fa7cb6;
+}
+
+.zx-root.zx-theme-dim .zx-breadcrumbs__root.zx-a-color-secondary {
+    --bc-accent: #ed9984;
+}
+
+.zx-root.zx-theme-nord .zx-breadcrumbs__root.zx-a-color-secondary {
+    --bc-accent: #677e98;
+}
+
+.zx-root.zx-theme-sunset .zx-breadcrumbs__root.zx-a-color-secondary {
+    --bc-accent: #e68aac;
+}
+
+.zx-root .zx-breadcrumbs__root.zx-a-color-accent {
+    --bc-accent: #2b786d;
+}
+
+.zx-root.zx-theme-dark .zx-breadcrumbs__root.zx-a-color-accent {
+    --bc-accent: #93e5d9;
+}
+
+.zx-root.zx-theme-dim .zx-breadcrumbs__root.zx-a-color-accent {
+    --bc-accent: #bfade1;
+}
+
+.zx-root.zx-theme-nord .zx-breadcrumbs__root.zx-a-color-accent {
+    --bc-accent: #5e7d8c;
+}
+
+.zx-root.zx-theme-sunset .zx-breadcrumbs__root.zx-a-color-accent {
+    --bc-accent: #ab9fe8;
+}
+
+.zx-root .zx-breadcrumbs__root.zx-a-color-neutral {
+    --bc-accent: #121214;
+}
+
+.zx-root.zx-theme-dark .zx-breadcrumbs__root.zx-a-color-neutral {
+    --bc-accent: #878e92;
+}
+
+.zx-root.zx-theme-dim .zx-breadcrumbs__root.zx-a-color-neutral {
+    --bc-accent: #71828c;
+}
+
+.zx-root.zx-theme-nord .zx-breadcrumbs__root.zx-a-color-neutral {
+    --bc-accent: #3a4150;
+}
+
+.zx-root.zx-theme-sunset .zx-breadcrumbs__root.zx-a-color-neutral {
+    --bc-accent: #667a8a;
+}
+
+.zx-root .zx-breadcrumbs__root.zx-a-color-info {
+    --bc-accent: #2685b3;
+}
+
+.zx-root.zx-theme-dark .zx-breadcrumbs__root.zx-a-color-info {
+    --bc-accent: #70ceff;
+}
+
+.zx-root.zx-theme-dim .zx-breadcrumbs__root.zx-a-color-info {
+    --bc-accent: #6ce2f3;
+}
+
+.zx-root.zx-theme-nord .zx-breadcrumbs__root.zx-a-color-info {
+    --bc-accent: #89728a;
+}
+
+.zx-root.zx-theme-sunset .zx-breadcrumbs__root.zx-a-color-info {
+    --bc-accent: #91d4e3;
+}
+
+.zx-root .zx-breadcrumbs__root.zx-a-color-success {
+    --bc-accent: #2a7858;
+}
+
+.zx-root.zx-theme-dark .zx-breadcrumbs__root.zx-a-color-success {
+    --bc-accent: #92e5c2;
+}
+
+.zx-root.zx-theme-dim .zx-breadcrumbs__root.zx-a-color-success {
+    --bc-accent: #8ee0c9;
+}
+
+.zx-root.zx-theme-nord .zx-breadcrumbs__root.zx-a-color-success {
+    --bc-accent: #6b7d6a;
+}
+
+.zx-root.zx-theme-sunset .zx-breadcrumbs__root.zx-a-color-success {
+    --bc-accent: #a6cebe;
+}
+
+.zx-root .zx-breadcrumbs__root.zx-a-color-warning {
+    --bc-accent: #755a2b;
+}
+
+.zx-root.zx-theme-dark .zx-breadcrumbs__root.zx-a-color-warning {
+    --bc-accent: #f5ddac;
+}
+
+.zx-root.zx-theme-dim .zx-breadcrumbs__root.zx-a-color-warning {
+    --bc-accent: #cecfa6;
+}
+
+.zx-root.zx-theme-nord .zx-breadcrumbs__root.zx-a-color-warning {
+    --bc-accent: #7d7463;
+}
+
+.zx-root.zx-theme-sunset .zx-breadcrumbs__root.zx-a-color-warning {
+    --bc-accent: #c5c1b7;
+}
+
+.zx-root .zx-breadcrumbs__root.zx-a-color-error {
+    --bc-accent: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-breadcrumbs__root.zx-a-color-error {
+    --bc-accent: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-breadcrumbs__root.zx-a-color-error {
+    --bc-accent: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-breadcrumbs__root.zx-a-color-error {
+    --bc-accent: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-breadcrumbs__root.zx-a-color-error {
+    --bc-accent: #f2bbc0;
+}
+
 .zx-breadcrumbs__root.zx-a-size-xs {
     font-size: var(--text-xs);
 }

package/dist/lynx/components/button.css

@@ -4,6 +4,26 @@
     --btn-soft: var(--color-primary-soft);
 }
 
+.zx-root .zx-button__root {
+    --btn-ink: #3f2bcb;
+}
+
+.zx-root.zx-theme-dark .zx-button__root {
+    --btn-ink: #6567ff;
+}
+
+.zx-root.zx-theme-dim .zx-button__root {
+    --btn-ink: #a0e791;
+}
+
+.zx-root.zx-theme-nord .zx-button__root {
+    --btn-ink: #5c7da6;
+}
+
+.zx-root.zx-theme-sunset .zx-button__root {
+    --btn-ink: #fb8a62;
+}
+
 .zx-button__root {
     appearance: none;
     display: inline-flex;
@@ -36,48 +56,208 @@
     --btn-soft: var(--color-primary-soft);
 }
 
+.zx-root .zx-button__root.zx-a-color-primary {
+    --btn-ink: #3f2bcb;
+}
+
+.zx-root.zx-theme-dark .zx-button__root.zx-a-color-primary {
+    --btn-ink: #6567ff;
+}
+
+.zx-root.zx-theme-dim .zx-button__root.zx-a-color-primary {
+    --btn-ink: #a0e791;
+}
+
+.zx-root.zx-theme-nord .zx-button__root.zx-a-color-primary {
+    --btn-ink: #5c7da6;
+}
+
+.zx-root.zx-theme-sunset .zx-button__root.zx-a-color-primary {
+    --btn-ink: #fb8a62;
+}
+
 .zx-button__root.zx-a-color-secondary {
     --btn-accent: var(--color-secondary);
     --btn-on-accent: var(--color-secondary-content);
     --btn-soft: var(--color-secondary-soft);
 }
 
+.zx-root .zx-button__root.zx-a-color-secondary {
+    --btn-ink: #ad316f;
+}
+
+.zx-root.zx-theme-dark .zx-button__root.zx-a-color-secondary {
+    --btn-ink: #fa7cb6;
+}
+
+.zx-root.zx-theme-dim .zx-button__root.zx-a-color-secondary {
+    --btn-ink: #ed9984;
+}
+
+.zx-root.zx-theme-nord .zx-button__root.zx-a-color-secondary {
+    --btn-ink: #677e98;
+}
+
+.zx-root.zx-theme-sunset .zx-button__root.zx-a-color-secondary {
+    --btn-ink: #e68aac;
+}
+
 .zx-button__root.zx-a-color-accent {
     --btn-accent: var(--color-accent);
     --btn-on-accent: var(--color-accent-content);
     --btn-soft: var(--color-accent-soft);
 }
 
+.zx-root .zx-button__root.zx-a-color-accent {
+    --btn-ink: #2b786d;
+}
+
+.zx-root.zx-theme-dark .zx-button__root.zx-a-color-accent {
+    --btn-ink: #93e5d9;
+}
+
+.zx-root.zx-theme-dim .zx-button__root.zx-a-color-accent {
+    --btn-ink: #bfade1;
+}
+
+.zx-root.zx-theme-nord .zx-button__root.zx-a-color-accent {
+    --btn-ink: #5e7d8c;
+}
+
+.zx-root.zx-theme-sunset .zx-button__root.zx-a-color-accent {
+    --btn-ink: #ab9fe8;
+}
+
 .zx-button__root.zx-a-color-neutral {
     --btn-accent: var(--color-neutral);
     --btn-on-accent: var(--color-neutral-content);
     --btn-soft: var(--color-neutral-soft);
 }
 
+.zx-root .zx-button__root.zx-a-color-neutral {
+    --btn-ink: #121214;
+}
+
+.zx-root.zx-theme-dark .zx-button__root.zx-a-color-neutral {
+    --btn-ink: #878e92;
+}
+
+.zx-root.zx-theme-dim .zx-button__root.zx-a-color-neutral {
+    --btn-ink: #71828c;
+}
+
+.zx-root.zx-theme-nord .zx-button__root.zx-a-color-neutral {
+    --btn-ink: #3a4150;
+}
+
+.zx-root.zx-theme-sunset .zx-button__root.zx-a-color-neutral {
+    --btn-ink: #667a8a;
+}
+
 .zx-button__root.zx-a-color-info {
     --btn-accent: var(--color-info);
     --btn-on-accent: var(--color-info-content);
     --btn-soft: var(--color-info-soft);
 }
 
+.zx-root .zx-button__root.zx-a-color-info {
+    --btn-ink: #2685b3;
+}
+
+.zx-root.zx-theme-dark .zx-button__root.zx-a-color-info {
+    --btn-ink: #70ceff;
+}
+
+.zx-root.zx-theme-dim .zx-button__root.zx-a-color-info {
+    --btn-ink: #6ce2f3;
+}
+
+.zx-root.zx-theme-nord .zx-button__root.zx-a-color-info {
+    --btn-ink: #89728a;
+}
+
+.zx-root.zx-theme-sunset .zx-button__root.zx-a-color-info {
+    --btn-ink: #91d4e3;
+}
+
 .zx-button__root.zx-a-color-success {
     --btn-accent: var(--color-success);
     --btn-on-accent: var(--color-success-content);
     --btn-soft: var(--color-success-soft);
 }
 
+.zx-root .zx-button__root.zx-a-color-success {
+    --btn-ink: #2a7858;
+}
+
+.zx-root.zx-theme-dark .zx-button__root.zx-a-color-success {
+    --btn-ink: #92e5c2;
+}
+
+.zx-root.zx-theme-dim .zx-button__root.zx-a-color-success {
+    --btn-ink: #8ee0c9;
+}
+
+.zx-root.zx-theme-nord .zx-button__root.zx-a-color-success {
+    --btn-ink: #6b7d6a;
+}
+
+.zx-root.zx-theme-sunset .zx-button__root.zx-a-color-success {
+    --btn-ink: #a6cebe;
+}
+
 .zx-button__root.zx-a-color-warning {
     --btn-accent: var(--color-warning);
     --btn-on-accent: var(--color-warning-content);
     --btn-soft: var(--color-warning-soft);
 }
 
+.zx-root .zx-button__root.zx-a-color-warning {
+    --btn-ink: #755a2b;
+}
+
+.zx-root.zx-theme-dark .zx-button__root.zx-a-color-warning {
+    --btn-ink: #f5ddac;
+}
+
+.zx-root.zx-theme-dim .zx-button__root.zx-a-color-warning {
+    --btn-ink: #cecfa6;
+}
+
+.zx-root.zx-theme-nord .zx-button__root.zx-a-color-warning {
+    --btn-ink: #7d7463;
+}
+
+.zx-root.zx-theme-sunset .zx-button__root.zx-a-color-warning {
+    --btn-ink: #c5c1b7;
+}
+
 .zx-button__root.zx-a-color-error {
     --btn-accent: var(--color-error);
     --btn-on-accent: var(--color-error-content);
     --btn-soft: var(--color-error-soft);
 }
 
+.zx-root .zx-button__root.zx-a-color-error {
+    --btn-ink: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-button__root.zx-a-color-error {
+    --btn-ink: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-button__root.zx-a-color-error {
+    --btn-ink: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-button__root.zx-a-color-error {
+    --btn-ink: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-button__root.zx-a-color-error {
+    --btn-ink: #f2bbc0;
+}
+
 .zx-button__root.zx-a-variant-solid {
     background: var(--btn-accent);
     color: var(--btn-on-accent);

package/dist/lynx/components/card.css

@@ -31,6 +31,26 @@
     font-size: var(--text-sm);
 }
 
+.zx-root .zx-card__description {
+    color: #0a0a0cb3;
+}
+
+.zx-root.zx-theme-dark .zx-card__description {
+    color: #929a9eb3;
+}
+
+.zx-root.zx-theme-dim .zx-card__description {
+    color: #6d7e84b3;
+}
+
+.zx-root.zx-theme-nord .zx-card__description {
+    color: #181c24b3;
+}
+
+.zx-root.zx-theme-sunset .zx-card__description {
+    color: #617180b3;
+}
+
 .zx-card__body {
     padding: var(--card-pad);
     font-size: var(--text-sm);
@@ -45,6 +65,38 @@
     padding: 0 var(--card-pad) var(--card-pad);
 }
 
+.zx-card__root.zx-a-color-primary {
+    border-top: calc(var(--border) * 3) solid var(--color-primary);
+}
+
+.zx-card__root.zx-a-color-secondary {
+    border-top: calc(var(--border) * 3) solid var(--color-secondary);
+}
+
+.zx-card__root.zx-a-color-accent {
+    border-top: calc(var(--border) * 3) solid var(--color-accent);
+}
+
+.zx-card__root.zx-a-color-neutral {
+    border-top: calc(var(--border) * 3) solid var(--color-neutral);
+}
+
+.zx-card__root.zx-a-color-info {
+    border-top: calc(var(--border) * 3) solid var(--color-info);
+}
+
+.zx-card__root.zx-a-color-success {
+    border-top: calc(var(--border) * 3) solid var(--color-success);
+}
+
+.zx-card__root.zx-a-color-warning {
+    border-top: calc(var(--border) * 3) solid var(--color-warning);
+}
+
+.zx-card__root.zx-a-color-error {
+    border-top: calc(var(--border) * 3) solid var(--color-error);
+}
+
 .zx-card__root.zx-a-size-xs {
     --card-pad: var(--space-sm);
 }

package/dist/lynx/components/carousel.css

@@ -27,6 +27,7 @@
 .zx-carousel__prev-trigger {
     appearance: none;
     position: absolute;
+    inset-block-start: calc(50% - var(--carousel-nav) / 2);
     inset-inline-start: var(--space-sm);
     inline-size: var(--carousel-nav);
     block-size: var(--carousel-nav);
@@ -55,6 +56,7 @@
 .zx-carousel__next-trigger {
     appearance: none;
     position: absolute;
+    inset-block-start: calc(50% - var(--carousel-nav) / 2);
     inset-inline-end: var(--space-sm);
     inline-size: var(--carousel-nav);
     block-size: var(--carousel-nav);
@@ -88,8 +90,6 @@
 
 .zx-carousel__indicator {
     appearance: none;
-    inline-size: max(var(--carousel-dot), 1.5rem);
-    block-size: max(var(--carousel-dot), 1.5rem);
     padding: 0;
     display: grid;
     place-items: center;
@@ -103,6 +103,166 @@
     outline-offset: 2px;
 }
 
+.zx-root .zx-carousel__root.zx-a-color-primary {
+    --carousel-accent: #3f2bcb;
+}
+
+.zx-root.zx-theme-dark .zx-carousel__root.zx-a-color-primary {
+    --carousel-accent: #6567ff;
+}
+
+.zx-root.zx-theme-dim .zx-carousel__root.zx-a-color-primary {
+    --carousel-accent: #a0e791;
+}
+
+.zx-root.zx-theme-nord .zx-carousel__root.zx-a-color-primary {
+    --carousel-accent: #5c7da6;
+}
+
+.zx-root.zx-theme-sunset .zx-carousel__root.zx-a-color-primary {
+    --carousel-accent: #fb8a62;
+}
+
+.zx-root .zx-carousel__root.zx-a-color-secondary {
+    --carousel-accent: #ad316f;
+}
+
+.zx-root.zx-theme-dark .zx-carousel__root.zx-a-color-secondary {
+    --carousel-accent: #fa7cb6;
+}
+
+.zx-root.zx-theme-dim .zx-carousel__root.zx-a-color-secondary {
+    --carousel-accent: #ed9984;
+}
+
+.zx-root.zx-theme-nord .zx-carousel__root.zx-a-color-secondary {
+    --carousel-accent: #677e98;
+}
+
+.zx-root.zx-theme-sunset .zx-carousel__root.zx-a-color-secondary {
+    --carousel-accent: #e68aac;
+}
+
+.zx-root .zx-carousel__root.zx-a-color-accent {
+    --carousel-accent: #2b786d;
+}
+
+.zx-root.zx-theme-dark .zx-carousel__root.zx-a-color-accent {
+    --carousel-accent: #93e5d9;
+}
+
+.zx-root.zx-theme-dim .zx-carousel__root.zx-a-color-accent {
+    --carousel-accent: #bfade1;
+}
+
+.zx-root.zx-theme-nord .zx-carousel__root.zx-a-color-accent {
+    --carousel-accent: #5e7d8c;
+}
+
+.zx-root.zx-theme-sunset .zx-carousel__root.zx-a-color-accent {
+    --carousel-accent: #ab9fe8;
+}
+
+.zx-root .zx-carousel__root.zx-a-color-neutral {
+    --carousel-accent: #121214;
+}
+
+.zx-root.zx-theme-dark .zx-carousel__root.zx-a-color-neutral {
+    --carousel-accent: #878e92;
+}
+
+.zx-root.zx-theme-dim .zx-carousel__root.zx-a-color-neutral {
+    --carousel-accent: #71828c;
+}
+
+.zx-root.zx-theme-nord .zx-carousel__root.zx-a-color-neutral {
+    --carousel-accent: #3a4150;
+}
+
+.zx-root.zx-theme-sunset .zx-carousel__root.zx-a-color-neutral {
+    --carousel-accent: #667a8a;
+}
+
+.zx-root .zx-carousel__root.zx-a-color-info {
+    --carousel-accent: #2685b3;
+}
+
+.zx-root.zx-theme-dark .zx-carousel__root.zx-a-color-info {
+    --carousel-accent: #70ceff;
+}
+
+.zx-root.zx-theme-dim .zx-carousel__root.zx-a-color-info {
+    --carousel-accent: #6ce2f3;
+}
+
+.zx-root.zx-theme-nord .zx-carousel__root.zx-a-color-info {
+    --carousel-accent: #89728a;
+}
+
+.zx-root.zx-theme-sunset .zx-carousel__root.zx-a-color-info {
+    --carousel-accent: #91d4e3;
+}
+
+.zx-root .zx-carousel__root.zx-a-color-success {
+    --carousel-accent: #2a7858;
+}
+
+.zx-root.zx-theme-dark .zx-carousel__root.zx-a-color-success {
+    --carousel-accent: #92e5c2;
+}
+
+.zx-root.zx-theme-dim .zx-carousel__root.zx-a-color-success {
+    --carousel-accent: #8ee0c9;
+}
+
+.zx-root.zx-theme-nord .zx-carousel__root.zx-a-color-success {
+    --carousel-accent: #6b7d6a;
+}
+
+.zx-root.zx-theme-sunset .zx-carousel__root.zx-a-color-success {
+    --carousel-accent: #a6cebe;
+}
+
+.zx-root .zx-carousel__root.zx-a-color-warning {
+    --carousel-accent: #755a2b;
+}
+
+.zx-root.zx-theme-dark .zx-carousel__root.zx-a-color-warning {
+    --carousel-accent: #f5ddac;
+}
+
+.zx-root.zx-theme-dim .zx-carousel__root.zx-a-color-warning {
+    --carousel-accent: #cecfa6;
+}
+
+.zx-root.zx-theme-nord .zx-carousel__root.zx-a-color-warning {
+    --carousel-accent: #7d7463;
+}
+
+.zx-root.zx-theme-sunset .zx-carousel__root.zx-a-color-warning {
+    --carousel-accent: #c5c1b7;
+}
+
+.zx-root .zx-carousel__root.zx-a-color-error {
+    --carousel-accent: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-carousel__root.zx-a-color-error {
+    --carousel-accent: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-carousel__root.zx-a-color-error {
+    --carousel-accent: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-carousel__root.zx-a-color-error {
+    --carousel-accent: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-carousel__root.zx-a-color-error {
+    --carousel-accent: #f2bbc0;
+}
+
 .zx-carousel__root.zx-a-size-xs {
     --carousel-dot: 0.375rem;
     --carousel-nav: 1.5rem;