@sigx/zero-daisyui 0.9.0 → 0.11.0

package/dist/lynx/components/radio-group.css

@@ -1,5 +1,5 @@
 .zx-radio-group__root {
-    --radio-pad: 0.25rem;
+    --radio-pad: 4px;
     --radio-accent: var(--color-primary);
 }
 
@@ -139,7 +139,7 @@
 }
 
 .zx-radio-group__root.zx-a-size-xs {
-    --radio-pad: 0.125rem;
+    --radio-pad: 2px;
 }
 
 .zx-radio-group__item-label.zx-a-size-xs {
@@ -147,7 +147,7 @@
 }
 
 .zx-radio-group__root.zx-a-size-sm {
-    --radio-pad: 0.1875rem;
+    --radio-pad: 3px;
 }
 
 .zx-radio-group__item-label.zx-a-size-sm {
@@ -155,7 +155,7 @@
 }
 
 .zx-radio-group__root.zx-a-size-md {
-    --radio-pad: 0.25rem;
+    --radio-pad: 4px;
 }
 
 .zx-radio-group__item-label.zx-a-size-md {
@@ -163,7 +163,7 @@
 }
 
 .zx-radio-group__root.zx-a-size-lg {
-    --radio-pad: 0.3125rem;
+    --radio-pad: 5px;
 }
 
 .zx-radio-group__item-label.zx-a-size-lg {
@@ -171,7 +171,7 @@
 }
 
 .zx-radio-group__root.zx-a-size-xl {
-    --radio-pad: 0.375rem;
+    --radio-pad: 6px;
 }
 
 .zx-radio-group__item-label.zx-a-size-xl {

package/dist/lynx/components/select.css

@@ -6,9 +6,9 @@
     display: flex;
     flex-direction: column;
     position: relative;
-    width: 20rem;
+    width: 320px;
     max-width: 100%;
-    min-width: 3rem;
+    min-width: 48px;
 }
 
 .zx-select__trigger {
@@ -28,7 +28,7 @@
     cursor: pointer;
     transition: background var(--duration-normal) var(--ease-standard);
     box-sizing: border-box;
-    min-width: 3rem;
+    min-width: 48px;
     padding-left: calc(var(--size-field) * 4);
     padding-right: calc(var(--size-field) * 4);
     width: 100%;
@@ -62,6 +62,14 @@
     background: var(--color-base-200);
 }
 
+.zx-select__value {
+    flex-shrink: 1;
+    min-width: 0;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
 .zx-root .zx-select__value.zx-f-placeholder {
     color: #18181b99;
 }
@@ -85,16 +93,22 @@
 .zx-select__indicator {
     opacity: 0.6;
     transition: transform var(--duration-normal) var(--ease-standard);
+    width: 1em;
+    text-align: right;
 }
 
 .zx-select__indicator.zx-s-open {
     transform: rotate(180deg);
 }
 
+.zx-select__indicator.zx-f-clearable {
+    margin-left: calc(24px + var(--space-xs));
+}
+
 .zx-select__clear-trigger {
     appearance: none;
     position: absolute;
-    min-inline-size: 1.5rem;
+    min-inline-size: 24px;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -107,10 +121,12 @@
     border-radius: var(--radius-field);
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard);
-    top: var(--space-xs);
-    bottom: var(--space-xs);
-    right: calc(var(--size-field) * 4 + 1em + var(--space-xs));
-    min-width: 1.5rem;
+    top: calc(var(--size-field) * 6 - 12px);
+    right: calc(var(--border) + var(--size-field) * 4 + var(--text-sm) + var(--space-xs));
+    width: 24px;
+    height: 24px;
+    min-width: 24px;
+    box-sizing: border-box;
 }
 
 .zx-root .zx-select__clear-trigger {
@@ -136,7 +152,7 @@
 .zx-select__clear-trigger.zx-f-focus-visible {
     outline: none;
     outline-offset: 2px;
-    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
+    box-shadow: inset 0 0 0 2px var(--color-base-content);
 }
 
 .zx-select__popup {
@@ -149,7 +165,7 @@
     border-radius: var(--radius-box);
     box-shadow: var(--shadow-lg);
     padding: var(--space-md);
-    min-width: 13rem;
+    min-width: 208px;
     --select-accent: var(--color-primary);
 }
 
@@ -285,6 +301,11 @@
     padding-right: calc(var(--size-field) * 2);
 }
 
+.zx-select__clear-trigger.zx-a-size-xs {
+    top: calc(var(--size-field) * 4 - 12px);
+    right: calc(var(--border) + var(--size-field) * 2 + var(--text-xs) + var(--space-xs));
+}
+
 .zx-select__trigger.zx-a-size-sm {
     height: calc(var(--size-field) * 10);
     font-size: var(--text-sm);
@@ -292,6 +313,11 @@
     padding-right: calc(var(--size-field) * 3);
 }
 
+.zx-select__clear-trigger.zx-a-size-sm {
+    top: calc(var(--size-field) * 5 - 12px);
+    right: calc(var(--border) + var(--size-field) * 3 + var(--text-sm) + var(--space-xs));
+}
+
 .zx-select__trigger.zx-a-size-md {
     height: calc(var(--size-field) * 12);
     font-size: var(--text-sm);
@@ -299,6 +325,11 @@
     padding-right: calc(var(--size-field) * 4);
 }
 
+.zx-select__clear-trigger.zx-a-size-md {
+    top: calc(var(--size-field) * 6 - 12px);
+    right: calc(var(--border) + var(--size-field) * 4 + var(--text-sm) + var(--space-xs));
+}
+
 .zx-select__trigger.zx-a-size-lg {
     height: calc(var(--size-field) * 14);
     font-size: var(--text-md);
@@ -306,9 +337,19 @@
     padding-right: calc(var(--size-field) * 5);
 }
 
+.zx-select__clear-trigger.zx-a-size-lg {
+    top: calc(var(--size-field) * 7 - 12px);
+    right: calc(var(--border) + var(--size-field) * 5 + var(--text-md) + var(--space-xs));
+}
+
 .zx-select__trigger.zx-a-size-xl {
     height: calc(var(--size-field) * 16);
     font-size: var(--text-lg);
     padding-left: calc(var(--size-field) * 6);
     padding-right: calc(var(--size-field) * 6);
 }
+
+.zx-select__clear-trigger.zx-a-size-xl {
+    top: calc(var(--size-field) * 8 - 12px);
+    right: calc(var(--border) + var(--size-field) * 6 + var(--text-lg) + var(--space-xs));
+}

package/dist/lynx/components/slider.css

@@ -205,12 +205,12 @@
     box-sizing: border-box;
     width: calc(var(--size-selector) * 6);
     height: calc(var(--size-selector) * 6);
-    border-radius: calc(var(--radius-selector) + 0.25rem);
+    border-radius: calc(var(--radius-selector) + 4px);
     background: var(--color-base-100);
     cursor: pointer;
     outline: none;
     touch-action: none;
-    border: 0.25rem solid var(--slider-fill);
+    border: 4px solid var(--slider-fill);
     box-shadow: 0 -1px var(--depth-shade) inset, 0 8px 0 -4px var(--depth-sheen) inset, 0 1px var(--depth-shade);
     top: 50%;
     transform: translateY(-50%);

package/dist/lynx/components/tabs.css

@@ -462,7 +462,7 @@
 }
 
 .zx-tabs__tab.zx-a-variant-box {
-    border-radius: calc(var(--radius-field) - 0.25rem);
+    border-radius: calc(var(--radius-field) - 4px);
 }
 
 .zx-tabs__tab.zx-a-variant-box.zx-s-active {

package/dist/lynx/components/toast.css

@@ -2,7 +2,7 @@
     --toast-bg: var(--color-base-200);
     --toast-ink: var(--color-base-content);
     --toast-from: 8px;
-    --toast-mark: 1rem;
+    --toast-mark: 16px;
 }
 
 .zx-toast__viewport {
@@ -83,7 +83,7 @@
     position: relative;
     box-sizing: border-box;
     width: 100%;
-    max-width: 24rem;
+    max-width: 384px;
 }
 
 .zx-toast__root.zx-s-open {

package/dist/lynx/components/tooltip.css

@@ -37,7 +37,7 @@
     transform: translateY(-2px);
     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;
     padding: var(--space-xs) var(--space-lg);
-    max-width: 18rem;
+    max-width: 288px;
     font-size: var(--text-xs);
     font-weight: var(--weight-medium);
     background: var(--color-neutral);