@sigx/zero-daisyui 0.6.0 → 0.8.0

package/dist/lynx/components/pagination.css

@@ -28,6 +28,7 @@
     font-weight: var(--weight-semibold);
     font-variant-numeric: tabular-nums;
     appearance: none;
+    text-decoration: none;
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);
     padding-left: var(--space-2xs);
@@ -123,6 +124,58 @@
     color: #9fb9d0a6;
 }
 
+.zx-pagination__first-trigger {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-inline-size: calc(var(--size-field) * 10);
+    block-size: calc(var(--size-field) * 10);
+    background: var(--color-base-200);
+    color: var(--color-base-content);
+    border: none;
+    border-radius: var(--radius-field);
+    font-size: calc(var(--pg-font) * 1.2);
+    line-height: var(--leading-none);
+    appearance: none;
+    text-decoration: none;
+    cursor: pointer;
+    transition: background var(--duration-fast) var(--ease-standard);
+}
+
+.zx-pagination__first-trigger.zx-a-size-xs {
+    min-inline-size: calc(var(--size-field) * 7);
+    block-size: calc(var(--size-field) * 7);
+}
+
+.zx-pagination__first-trigger.zx-a-size-sm {
+    min-inline-size: calc(var(--size-field) * 9);
+    block-size: calc(var(--size-field) * 9);
+}
+
+.zx-pagination__first-trigger.zx-a-size-lg {
+    min-inline-size: calc(var(--size-field) * 12);
+    block-size: calc(var(--size-field) * 12);
+}
+
+.zx-pagination__first-trigger.zx-a-size-xl {
+    min-inline-size: calc(var(--size-field) * 14);
+    block-size: calc(var(--size-field) * 14);
+}
+
+.zx-pagination__first-trigger.zx-f-disabled {
+    opacity: var(--disabled-opacity);
+    cursor: not-allowed;
+}
+
+.zx-pagination__first-trigger.zx-f-focus-visible {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: 2px;
+}
+
+.zx-pagination__first-trigger.zx-f-pressed {
+    transform: translateY(1px);
+}
+
 .zx-pagination__prev-trigger {
     display: flex;
     align-items: center;
@@ -136,6 +189,7 @@
     font-size: calc(var(--pg-font) * 1.2);
     line-height: var(--leading-none);
     appearance: none;
+    text-decoration: none;
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard);
 }
@@ -187,6 +241,7 @@
     font-size: calc(var(--pg-font) * 1.2);
     line-height: var(--leading-none);
     appearance: none;
+    text-decoration: none;
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard);
 }
@@ -225,6 +280,58 @@
     transform: translateY(1px);
 }
 
+.zx-pagination__last-trigger {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-inline-size: calc(var(--size-field) * 10);
+    block-size: calc(var(--size-field) * 10);
+    background: var(--color-base-200);
+    color: var(--color-base-content);
+    border: none;
+    border-radius: var(--radius-field);
+    font-size: calc(var(--pg-font) * 1.2);
+    line-height: var(--leading-none);
+    appearance: none;
+    text-decoration: none;
+    cursor: pointer;
+    transition: background var(--duration-fast) var(--ease-standard);
+}
+
+.zx-pagination__last-trigger.zx-a-size-xs {
+    min-inline-size: calc(var(--size-field) * 7);
+    block-size: calc(var(--size-field) * 7);
+}
+
+.zx-pagination__last-trigger.zx-a-size-sm {
+    min-inline-size: calc(var(--size-field) * 9);
+    block-size: calc(var(--size-field) * 9);
+}
+
+.zx-pagination__last-trigger.zx-a-size-lg {
+    min-inline-size: calc(var(--size-field) * 12);
+    block-size: calc(var(--size-field) * 12);
+}
+
+.zx-pagination__last-trigger.zx-a-size-xl {
+    min-inline-size: calc(var(--size-field) * 14);
+    block-size: calc(var(--size-field) * 14);
+}
+
+.zx-pagination__last-trigger.zx-f-disabled {
+    opacity: var(--disabled-opacity);
+    cursor: not-allowed;
+}
+
+.zx-pagination__last-trigger.zx-f-focus-visible {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: 2px;
+}
+
+.zx-pagination__last-trigger.zx-f-pressed {
+    transform: translateY(1px);
+}
+
 .zx-pagination__root.zx-a-color-primary {
     --pg-accent: var(--color-primary);
     --pg-accent-content: var(--color-primary-content);

package/dist/lynx/components/popover.css

@@ -16,6 +16,9 @@
     transition: background var(--duration-normal) var(--ease-standard);
     padding-left: calc(var(--size-field) * 4);
     padding-right: calc(var(--size-field) * 4);
+    width: max-content;
+    flex-shrink: 0;
+    flex-wrap: nowrap;
 }
 
 .zx-popover__trigger.zx-f-disabled {
@@ -28,8 +31,15 @@
 }
 
 .zx-popover__trigger.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
+}
+
+.zx-popover__trigger.zx-f-pressed {
+    background: var(--color-base-300);
+    transform: translateY(1px);
+    box-shadow: none;
 }
 
 .zx-popover__popup {
@@ -56,6 +66,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;
@@ -81,8 +116,15 @@
 }
 
 .zx-popover__close.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
+}
+
+.zx-popover__close.zx-f-pressed {
+    background: var(--color-base-300);
+    transform: translateY(1px);
+    box-shadow: none;
 }
 
 .zx-popover__trigger.zx-a-color-primary {

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,9 @@
     display: flex;
     flex-direction: column;
     position: relative;
+    width: 20rem;
+    max-width: 100%;
+    min-width: 3rem;
 }
 
 .zx-select__trigger {
@@ -25,9 +28,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: 100%;
+    max-width: 100%;
 }
 
 .zx-select__trigger.zx-f-readonly {
@@ -48,8 +53,13 @@
 }
 
 .zx-select__trigger.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
+}
+
+.zx-select__trigger.zx-f-pressed {
+    background: var(--color-base-200);
 }
 
 .zx-root .zx-select__value.zx-f-placeholder {
@@ -124,8 +134,9 @@
 }
 
 .zx-select__clear-trigger.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
 }
 
 .zx-select__popup {
@@ -139,6 +150,7 @@
     box-shadow: var(--shadow-lg);
     padding: var(--space-md);
     min-width: 13rem;
+    --select-accent: var(--color-primary);
 }
 
 .zx-select__popup.zx-s-open {
@@ -187,6 +199,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);
@@ -202,34 +218,66 @@
     --select-accent: var(--color-primary);
 }
 
+.zx-select__popup.zx-a-color-primary {
+    --select-accent: var(--color-primary);
+}
+
 .zx-select__root.zx-a-color-secondary {
     --select-accent: var(--color-secondary);
 }
 
+.zx-select__popup.zx-a-color-secondary {
+    --select-accent: var(--color-secondary);
+}
+
 .zx-select__root.zx-a-color-accent {
     --select-accent: var(--color-accent);
 }
 
+.zx-select__popup.zx-a-color-accent {
+    --select-accent: var(--color-accent);
+}
+
 .zx-select__root.zx-a-color-neutral {
     --select-accent: var(--color-neutral);
 }
 
+.zx-select__popup.zx-a-color-neutral {
+    --select-accent: var(--color-neutral);
+}
+
 .zx-select__root.zx-a-color-info {
     --select-accent: var(--color-info);
 }
 
+.zx-select__popup.zx-a-color-info {
+    --select-accent: var(--color-info);
+}
+
 .zx-select__root.zx-a-color-success {
     --select-accent: var(--color-success);
 }
 
+.zx-select__popup.zx-a-color-success {
+    --select-accent: var(--color-success);
+}
+
 .zx-select__root.zx-a-color-warning {
     --select-accent: var(--color-warning);
 }
 
+.zx-select__popup.zx-a-color-warning {
+    --select-accent: var(--color-warning);
+}
+
 .zx-select__root.zx-a-color-error {
     --select-accent: var(--color-error);
 }
 
+.zx-select__popup.zx-a-color-error {
+    --select-accent: var(--color-error);
+}
+
 .zx-select__trigger.zx-a-size-xs {
     height: calc(var(--size-field) * 8);
     font-size: var(--text-xs);