@sigx/zero-daisyui 0.6.0 → 0.7.0

package/dist/lynx/components/fieldset.css

@@ -0,0 +1,219 @@
+.zx-fieldset__root {
+    --fieldset-accent: var(--color-base-content);
+}
+
+.zx-fieldset__root {
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-auto-rows: max-content;
+    gap: var(--space-sm);
+    min-inline-size: 0;
+    margin: 0;
+    border: none;
+}
+
+.zx-fieldset__legend {
+    font-size: var(--text-sm);
+    font-weight: var(--weight-semibold);
+    color: var(--fieldset-accent);
+}
+
+.zx-fieldset__legend.zx-f-disabled {
+    opacity: var(--disabled-opacity);
+}
+
+.zx-root .zx-fieldset__legend.zx-f-invalid {
+    color: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-fieldset__legend.zx-f-invalid {
+    color: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-fieldset__legend.zx-f-invalid {
+    color: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-fieldset__legend.zx-f-invalid {
+    color: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-fieldset__legend.zx-f-invalid {
+    color: #f2bbc0;
+}
+
+.zx-root .zx-fieldset__root.zx-a-color-primary {
+    --fieldset-accent: #3f2bcb;
+}
+
+.zx-root.zx-theme-dark .zx-fieldset__root.zx-a-color-primary {
+    --fieldset-accent: #6567ff;
+}
+
+.zx-root.zx-theme-dim .zx-fieldset__root.zx-a-color-primary {
+    --fieldset-accent: #a0e791;
+}
+
+.zx-root.zx-theme-nord .zx-fieldset__root.zx-a-color-primary {
+    --fieldset-accent: #5c7da6;
+}
+
+.zx-root.zx-theme-sunset .zx-fieldset__root.zx-a-color-primary {
+    --fieldset-accent: #fb8a62;
+}
+
+.zx-root .zx-fieldset__root.zx-a-color-secondary {
+    --fieldset-accent: #ad316f;
+}
+
+.zx-root.zx-theme-dark .zx-fieldset__root.zx-a-color-secondary {
+    --fieldset-accent: #fa7cb6;
+}
+
+.zx-root.zx-theme-dim .zx-fieldset__root.zx-a-color-secondary {
+    --fieldset-accent: #ed9984;
+}
+
+.zx-root.zx-theme-nord .zx-fieldset__root.zx-a-color-secondary {
+    --fieldset-accent: #677e98;
+}
+
+.zx-root.zx-theme-sunset .zx-fieldset__root.zx-a-color-secondary {
+    --fieldset-accent: #e68aac;
+}
+
+.zx-root .zx-fieldset__root.zx-a-color-accent {
+    --fieldset-accent: #2b786d;
+}
+
+.zx-root.zx-theme-dark .zx-fieldset__root.zx-a-color-accent {
+    --fieldset-accent: #93e5d9;
+}
+
+.zx-root.zx-theme-dim .zx-fieldset__root.zx-a-color-accent {
+    --fieldset-accent: #bfade1;
+}
+
+.zx-root.zx-theme-nord .zx-fieldset__root.zx-a-color-accent {
+    --fieldset-accent: #5e7d8c;
+}
+
+.zx-root.zx-theme-sunset .zx-fieldset__root.zx-a-color-accent {
+    --fieldset-accent: #ab9fe8;
+}
+
+.zx-root .zx-fieldset__root.zx-a-color-neutral {
+    --fieldset-accent: #121214;
+}
+
+.zx-root.zx-theme-dark .zx-fieldset__root.zx-a-color-neutral {
+    --fieldset-accent: #878e92;
+}
+
+.zx-root.zx-theme-dim .zx-fieldset__root.zx-a-color-neutral {
+    --fieldset-accent: #71828c;
+}
+
+.zx-root.zx-theme-nord .zx-fieldset__root.zx-a-color-neutral {
+    --fieldset-accent: #3a4150;
+}
+
+.zx-root.zx-theme-sunset .zx-fieldset__root.zx-a-color-neutral {
+    --fieldset-accent: #667a8a;
+}
+
+.zx-root .zx-fieldset__root.zx-a-color-info {
+    --fieldset-accent: #2685b3;
+}
+
+.zx-root.zx-theme-dark .zx-fieldset__root.zx-a-color-info {
+    --fieldset-accent: #70ceff;
+}
+
+.zx-root.zx-theme-dim .zx-fieldset__root.zx-a-color-info {
+    --fieldset-accent: #6ce2f3;
+}
+
+.zx-root.zx-theme-nord .zx-fieldset__root.zx-a-color-info {
+    --fieldset-accent: #89728a;
+}
+
+.zx-root.zx-theme-sunset .zx-fieldset__root.zx-a-color-info {
+    --fieldset-accent: #91d4e3;
+}
+
+.zx-root .zx-fieldset__root.zx-a-color-success {
+    --fieldset-accent: #2a7858;
+}
+
+.zx-root.zx-theme-dark .zx-fieldset__root.zx-a-color-success {
+    --fieldset-accent: #92e5c2;
+}
+
+.zx-root.zx-theme-dim .zx-fieldset__root.zx-a-color-success {
+    --fieldset-accent: #8ee0c9;
+}
+
+.zx-root.zx-theme-nord .zx-fieldset__root.zx-a-color-success {
+    --fieldset-accent: #6b7d6a;
+}
+
+.zx-root.zx-theme-sunset .zx-fieldset__root.zx-a-color-success {
+    --fieldset-accent: #a6cebe;
+}
+
+.zx-root .zx-fieldset__root.zx-a-color-warning {
+    --fieldset-accent: #755a2b;
+}
+
+.zx-root.zx-theme-dark .zx-fieldset__root.zx-a-color-warning {
+    --fieldset-accent: #f5ddac;
+}
+
+.zx-root.zx-theme-dim .zx-fieldset__root.zx-a-color-warning {
+    --fieldset-accent: #cecfa6;
+}
+
+.zx-root.zx-theme-nord .zx-fieldset__root.zx-a-color-warning {
+    --fieldset-accent: #7d7463;
+}
+
+.zx-root.zx-theme-sunset .zx-fieldset__root.zx-a-color-warning {
+    --fieldset-accent: #c5c1b7;
+}
+
+.zx-root .zx-fieldset__root.zx-a-color-error {
+    --fieldset-accent: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-fieldset__root.zx-a-color-error {
+    --fieldset-accent: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-fieldset__root.zx-a-color-error {
+    --fieldset-accent: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-fieldset__root.zx-a-color-error {
+    --fieldset-accent: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-fieldset__root.zx-a-color-error {
+    --fieldset-accent: #f2bbc0;
+}
+
+.zx-fieldset__legend.zx-a-size-xs {
+    font-size: var(--text-xs);
+}
+
+.zx-fieldset__legend.zx-a-size-sm {
+    font-size: var(--text-xs);
+}
+
+.zx-fieldset__legend.zx-a-size-lg {
+    font-size: var(--text-md);
+}
+
+.zx-fieldset__legend.zx-a-size-xl {
+    font-size: var(--text-lg);
+}

package/dist/lynx/components/popover.css

@@ -32,6 +32,12 @@
     outline-offset: 2px;
 }
 
+.zx-popover__trigger.zx-f-pressed {
+    background: var(--color-base-300);
+    transform: translateY(1px);
+    box-shadow: none;
+}
+
 .zx-popover__popup {
     opacity: 0;
     transform: translateY(-4px);
@@ -56,6 +62,31 @@
     font-weight: var(--weight-bold);
 }
 
+.zx-popover__description {
+    margin: 0 0 var(--space-lg);
+    font-size: var(--text-sm);
+}
+
+.zx-root .zx-popover__description {
+    color: #18181bbf;
+}
+
+.zx-root.zx-theme-dark .zx-popover__description {
+    color: #ecf9ffbf;
+}
+
+.zx-root.zx-theme-dim .zx-popover__description {
+    color: #b2ccd6bf;
+}
+
+.zx-root.zx-theme-nord .zx-popover__description {
+    color: #2e3440bf;
+}
+
+.zx-root.zx-theme-sunset .zx-popover__description {
+    color: #9fb9d0bf;
+}
+
 .zx-popover__close {
     appearance: none;
     display: flex;
@@ -85,6 +116,12 @@
     outline-offset: 2px;
 }
 
+.zx-popover__close.zx-f-pressed {
+    background: var(--color-base-300);
+    transform: translateY(1px);
+    box-shadow: none;
+}
+
 .zx-popover__trigger.zx-a-color-primary {
     background: var(--color-primary);
     color: var(--color-primary-content);

package/dist/lynx/components/progress.css

@@ -61,26 +61,6 @@
     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;

package/dist/lynx/components/select.css

@@ -6,6 +6,7 @@
     display: flex;
     flex-direction: column;
     position: relative;
+    max-width: 100%;
 }
 
 .zx-select__trigger {
@@ -25,9 +26,11 @@
     cursor: pointer;
     transition: background var(--duration-normal) var(--ease-standard);
     box-sizing: border-box;
-    min-width: 13rem;
+    min-width: 3rem;
     padding-left: calc(var(--size-field) * 4);
     padding-right: calc(var(--size-field) * 4);
+    width: 20rem;
+    max-width: 100%;
 }
 
 .zx-select__trigger.zx-f-readonly {
@@ -52,6 +55,10 @@
     outline-offset: 2px;
 }
 
+.zx-select__trigger.zx-f-pressed {
+    background: var(--color-base-200);
+}
+
 .zx-root .zx-select__value.zx-f-placeholder {
     color: #18181b99;
 }
@@ -187,6 +194,10 @@
     cursor: not-allowed;
 }
 
+.zx-select__item.zx-f-pressed {
+    background: var(--color-base-200);
+}
+
 .zx-select__item-indicator {
     font-size: var(--text-xs);
     color: var(--select-accent);