@sigx/zero-daisyui 0.6.0 → 0.8.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/hover-card.css

@@ -0,0 +1,211 @@
+.zx-hover-card__trigger {
+    color: inherit;
+    text-decoration-line: underline;
+    text-underline-offset: 2px;
+    cursor: pointer;
+    border-radius: var(--radius-selector);
+}
+
+.zx-hover-card__trigger.zx-s-open {
+    text-decoration-thickness: 2px;
+}
+
+.zx-hover-card__trigger.zx-f-focus-visible {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: 2px;
+}
+
+.zx-hover-card__popup {
+    opacity: 0;
+    transform: translateY(-4px);
+    transition: opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), display var(--duration-fast) allow-discrete, overlay var(--duration-fast) allow-discrete;
+    background: var(--color-base-100);
+    color: var(--color-base-content);
+    border: var(--border) solid var(--color-base-300);
+    border-radius: var(--radius-box);
+    box-shadow: var(--shadow-lg);
+    padding: var(--space-xl);
+    max-width: 20rem;
+    font-size: var(--text-sm);
+}
+
+.zx-hover-card__popup.zx-s-open {
+    opacity: 1;
+    transform: none;
+}
+
+.zx-root .zx-hover-card__trigger.zx-a-color-primary {
+    color: #3f2bcb;
+}
+
+.zx-root.zx-theme-dark .zx-hover-card__trigger.zx-a-color-primary {
+    color: #6567ff;
+}
+
+.zx-root.zx-theme-dim .zx-hover-card__trigger.zx-a-color-primary {
+    color: #a0e791;
+}
+
+.zx-root.zx-theme-nord .zx-hover-card__trigger.zx-a-color-primary {
+    color: #5c7da6;
+}
+
+.zx-root.zx-theme-sunset .zx-hover-card__trigger.zx-a-color-primary {
+    color: #fb8a62;
+}
+
+.zx-root .zx-hover-card__trigger.zx-a-color-secondary {
+    color: #ad316f;
+}
+
+.zx-root.zx-theme-dark .zx-hover-card__trigger.zx-a-color-secondary {
+    color: #fa7cb6;
+}
+
+.zx-root.zx-theme-dim .zx-hover-card__trigger.zx-a-color-secondary {
+    color: #ed9984;
+}
+
+.zx-root.zx-theme-nord .zx-hover-card__trigger.zx-a-color-secondary {
+    color: #677e98;
+}
+
+.zx-root.zx-theme-sunset .zx-hover-card__trigger.zx-a-color-secondary {
+    color: #e68aac;
+}
+
+.zx-root .zx-hover-card__trigger.zx-a-color-accent {
+    color: #2b786d;
+}
+
+.zx-root.zx-theme-dark .zx-hover-card__trigger.zx-a-color-accent {
+    color: #93e5d9;
+}
+
+.zx-root.zx-theme-dim .zx-hover-card__trigger.zx-a-color-accent {
+    color: #bfade1;
+}
+
+.zx-root.zx-theme-nord .zx-hover-card__trigger.zx-a-color-accent {
+    color: #5e7d8c;
+}
+
+.zx-root.zx-theme-sunset .zx-hover-card__trigger.zx-a-color-accent {
+    color: #ab9fe8;
+}
+
+.zx-root .zx-hover-card__trigger.zx-a-color-neutral {
+    color: #121214;
+}
+
+.zx-root.zx-theme-dark .zx-hover-card__trigger.zx-a-color-neutral {
+    color: #878e92;
+}
+
+.zx-root.zx-theme-dim .zx-hover-card__trigger.zx-a-color-neutral {
+    color: #71828c;
+}
+
+.zx-root.zx-theme-nord .zx-hover-card__trigger.zx-a-color-neutral {
+    color: #3a4150;
+}
+
+.zx-root.zx-theme-sunset .zx-hover-card__trigger.zx-a-color-neutral {
+    color: #667a8a;
+}
+
+.zx-root .zx-hover-card__trigger.zx-a-color-info {
+    color: #2685b3;
+}
+
+.zx-root.zx-theme-dark .zx-hover-card__trigger.zx-a-color-info {
+    color: #70ceff;
+}
+
+.zx-root.zx-theme-dim .zx-hover-card__trigger.zx-a-color-info {
+    color: #6ce2f3;
+}
+
+.zx-root.zx-theme-nord .zx-hover-card__trigger.zx-a-color-info {
+    color: #89728a;
+}
+
+.zx-root.zx-theme-sunset .zx-hover-card__trigger.zx-a-color-info {
+    color: #91d4e3;
+}
+
+.zx-root .zx-hover-card__trigger.zx-a-color-success {
+    color: #2a7858;
+}
+
+.zx-root.zx-theme-dark .zx-hover-card__trigger.zx-a-color-success {
+    color: #92e5c2;
+}
+
+.zx-root.zx-theme-dim .zx-hover-card__trigger.zx-a-color-success {
+    color: #8ee0c9;
+}
+
+.zx-root.zx-theme-nord .zx-hover-card__trigger.zx-a-color-success {
+    color: #6b7d6a;
+}
+
+.zx-root.zx-theme-sunset .zx-hover-card__trigger.zx-a-color-success {
+    color: #a6cebe;
+}
+
+.zx-root .zx-hover-card__trigger.zx-a-color-warning {
+    color: #755a2b;
+}
+
+.zx-root.zx-theme-dark .zx-hover-card__trigger.zx-a-color-warning {
+    color: #f5ddac;
+}
+
+.zx-root.zx-theme-dim .zx-hover-card__trigger.zx-a-color-warning {
+    color: #cecfa6;
+}
+
+.zx-root.zx-theme-nord .zx-hover-card__trigger.zx-a-color-warning {
+    color: #7d7463;
+}
+
+.zx-root.zx-theme-sunset .zx-hover-card__trigger.zx-a-color-warning {
+    color: #c5c1b7;
+}
+
+.zx-root .zx-hover-card__trigger.zx-a-color-error {
+    color: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-hover-card__trigger.zx-a-color-error {
+    color: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-hover-card__trigger.zx-a-color-error {
+    color: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-hover-card__trigger.zx-a-color-error {
+    color: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-hover-card__trigger.zx-a-color-error {
+    color: #f2bbc0;
+}
+
+.zx-hover-card__trigger.zx-a-size-xs {
+    font-size: var(--text-xs);
+}
+
+.zx-hover-card__trigger.zx-a-size-sm {
+    font-size: var(--text-sm);
+}
+
+.zx-hover-card__trigger.zx-a-size-lg {
+    font-size: var(--text-lg);
+}
+
+.zx-hover-card__trigger.zx-a-size-xl {
+    font-size: var(--text-xl);
+}

package/dist/lynx/components/menu.css

@@ -174,6 +174,13 @@
     opacity: 0.6;
 }
 
+.zx-menu__shortcut {
+    font-size: var(--text-xs);
+    opacity: 0.75;
+    margin-left: auto;
+    padding-left: var(--space-lg);
+}
+
 .zx-menu__separator {
     height: var(--border);
     margin: var(--space-sm) var(--space-md);

package/dist/lynx/components/menubar.css

@@ -0,0 +1,199 @@
+.zx-menubar__root {
+    --menubar-surface: var(--color-base-200);
+}
+
+.zx-menubar__root {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    padding: var(--space-xs);
+    width: max-content;
+    max-width: 100%;
+    flex-wrap: wrap;
+    background: var(--menubar-surface);
+    border-radius: var(--radius-box);
+}
+
+.zx-menubar__root.zx-o-vertical {
+    flex-direction: column;
+    align-items: stretch;
+}
+
+.zx-root .zx-menubar__root.zx-a-color-primary {
+    --menubar-surface: #dee2f7;
+}
+
+.zx-root.zx-theme-dark .zx-menubar__root.zx-a-color-primary {
+    --menubar-surface: #1a283b;
+}
+
+.zx-root.zx-theme-dim .zx-menubar__root.zx-a-color-primary {
+    --menubar-surface: #2d3c4c;
+}
+
+.zx-root.zx-theme-nord .zx-menubar__root.zx-a-color-primary {
+    --menubar-surface: #d5dce8;
+}
+
+.zx-root.zx-theme-sunset .zx-menubar__root.zx-a-color-primary {
+    --menubar-surface: #1b2537;
+}
+
+.zx-root .zx-menubar__root.zx-a-color-secondary {
+    --menubar-surface: #fce4ec;
+}
+
+.zx-root.zx-theme-dark .zx-menubar__root.zx-a-color-secondary {
+    --menubar-surface: #20293e;
+}
+
+.zx-root.zx-theme-dim .zx-menubar__root.zx-a-color-secondary {
+    --menubar-surface: #33354a;
+}
+
+.zx-root.zx-theme-nord .zx-menubar__root.zx-a-color-secondary {
+    --menubar-surface: #d9e0eb;
+}
+
+.zx-root.zx-theme-sunset .zx-menubar__root.zx-a-color-secondary {
+    --menubar-surface: #182537;
+}
+
+.zx-root .zx-menubar__root.zx-a-color-accent {
+    --menubar-surface: #e5f4f1;
+}
+
+.zx-root.zx-theme-dark .zx-menubar__root.zx-a-color-accent {
+    --menubar-surface: #212f3b;
+}
+
+.zx-root.zx-theme-dim .zx-menubar__root.zx-a-color-accent {
+    --menubar-surface: #303648;
+}
+
+.zx-root.zx-theme-nord .zx-menubar__root.zx-a-color-accent {
+    --menubar-surface: #dce3ee;
+}
+
+.zx-root.zx-theme-sunset .zx-menubar__root.zx-a-color-accent {
+    --menubar-surface: #162636;
+}
+
+.zx-root .zx-menubar__root.zx-a-color-neutral {
+    --menubar-surface: #d7d7d7;
+}
+
+.zx-root.zx-theme-dark .zx-menubar__root.zx-a-color-neutral {
+    --menubar-surface: #171b21;
+}
+
+.zx-root.zx-theme-dim .zx-menubar__root.zx-a-color-neutral {
+    --menubar-surface: #232832;
+}
+
+.zx-root.zx-theme-nord .zx-menubar__root.zx-a-color-neutral {
+    --menubar-surface: #d1d6df;
+}
+
+.zx-root.zx-theme-sunset .zx-menubar__root.zx-a-color-neutral {
+    --menubar-surface: #0f1920;
+}
+
+.zx-root .zx-menubar__root.zx-a-color-info {
+    --menubar-surface: #e3f1fa;
+}
+
+.zx-root.zx-theme-dark .zx-menubar__root.zx-a-color-info {
+    --menubar-surface: #212e3b;
+}
+
+.zx-root.zx-theme-dim .zx-menubar__root.zx-a-color-info {
+    --menubar-surface: #2f3b4d;
+}
+
+.zx-root.zx-theme-nord .zx-menubar__root.zx-a-color-info {
+    --menubar-surface: #dbdfeb;
+}
+
+.zx-root.zx-theme-sunset .zx-menubar__root.zx-a-color-info {
+    --menubar-surface: #1b2a34;
+}
+
+.zx-root .zx-menubar__root.zx-a-color-success {
+    --menubar-surface: #e4f4eb;
+}
+
+.zx-root.zx-theme-dark .zx-menubar__root.zx-a-color-success {
+    --menubar-surface: #1e2f3c;
+}
+
+.zx-root.zx-theme-dim .zx-menubar__root.zx-a-color-success {
+    --menubar-surface: #2e3c4c;
+}
+
+.zx-root.zx-theme-nord .zx-menubar__root.zx-a-color-success {
+    --menubar-surface: #d9e4ee;
+}
+
+.zx-root.zx-theme-sunset .zx-menubar__root.zx-a-color-success {
+    --menubar-surface: #1a2b33;
+}
+
+.zx-root .zx-menubar__root.zx-a-color-warning {
+    --menubar-surface: #f9f1e3;
+}
+
+.zx-root.zx-theme-dark .zx-menubar__root.zx-a-color-warning {
+    --menubar-surface: #1d323c;
+}
+
+.zx-root.zx-theme-dim .zx-menubar__root.zx-a-color-warning {
+    --menubar-surface: #2b3d4b;
+}
+
+.zx-root.zx-theme-nord .zx-menubar__root.zx-a-color-warning {
+    --menubar-surface: #dbe8f2;
+}
+
+.zx-root.zx-theme-sunset .zx-menubar__root.zx-a-color-warning {
+    --menubar-surface: #192c32;
+}
+
+.zx-root .zx-menubar__root.zx-a-color-error {
+    --menubar-surface: #fce7e9;
+}
+
+.zx-root.zx-theme-dark .zx-menubar__root.zx-a-color-error {
+    --menubar-surface: #232b3d;
+}
+
+.zx-root.zx-theme-dim .zx-menubar__root.zx-a-color-error {
+    --menubar-surface: #363849;
+}
+
+.zx-root.zx-theme-nord .zx-menubar__root.zx-a-color-error {
+    --menubar-surface: #d7dbec;
+}
+
+.zx-root.zx-theme-sunset .zx-menubar__root.zx-a-color-error {
+    --menubar-surface: #202936;
+}
+
+.zx-menubar__root.zx-a-size-xs {
+    gap: 0;
+    padding: 0;
+}
+
+.zx-menubar__root.zx-a-size-sm {
+    padding: var(--space-2xs);
+}
+
+.zx-menubar__root.zx-a-size-lg {
+    gap: var(--space-sm);
+    padding: var(--space-sm);
+}
+
+.zx-menubar__root.zx-a-size-xl {
+    gap: var(--space-md);
+    padding: var(--space-sm);
+}