@sigx/zero-daisyui 0.14.0 → 0.15.0

package/dist/css/components/container.css

@@ -9,6 +9,7 @@
     }
 
     [data-scope="container"][data-part="root"] {
+        box-sizing: border-box;
         inline-size: 100%;
         max-inline-size: var(--l-measure);
         margin-inline: auto;

package/dist/css/components/input.css

@@ -76,6 +76,15 @@
         color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
     }
 
+    [data-scope="input"][data-part="input"]::-webkit-search-cancel-button {
+        appearance: none;
+        display: none;
+    }
+
+    [data-scope="input"][data-part="input"]::-webkit-search-decoration {
+        appearance: none;
+    }
+
     [data-scope="input"][data-part="adornment"] {
         display: inline-flex;
         align-items: center;

package/dist/css/components/nav-list.css

@@ -46,6 +46,13 @@
         align-items: center;
         gap: var(--space-sm);
         text-decoration: none;
+        appearance: none;
+        background: none;
+        border: 0;
+        font: inherit;
+        text-align: start;
+        inline-size: 100%;
+        cursor: pointer;
         color: var(--nav-ink);
         padding: var(--space-sm) var(--space-lg);
         border-radius: var(--radius-field);

package/dist/css/index.css

@@ -447,6 +447,7 @@
     }
 
     [data-scope="container"][data-part="root"] {
+        box-sizing: border-box;
         inline-size: 100%;
         max-inline-size: var(--l-measure);
         margin-inline: auto;
@@ -6632,6 +6633,15 @@
         color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
     }
 
+    [data-scope="input"][data-part="input"]::-webkit-search-cancel-button {
+        appearance: none;
+        display: none;
+    }
+
+    [data-scope="input"][data-part="input"]::-webkit-search-decoration {
+        appearance: none;
+    }
+
     [data-scope="input"][data-part="adornment"] {
         display: inline-flex;
         align-items: center;
@@ -9390,6 +9400,13 @@
         align-items: center;
         gap: var(--space-sm);
         text-decoration: none;
+        appearance: none;
+        background: none;
+        border: 0;
+        font: inherit;
+        text-align: start;
+        inline-size: 100%;
+        cursor: pointer;
         color: var(--nav-ink);
         padding: var(--space-sm) var(--space-lg);
         border-radius: var(--radius-field);

package/dist/lynx/components/alert.css

@@ -54,7 +54,7 @@
     background: transparent;
     color: var(--color-base-content);
     border-radius: var(--radius-selector);
-    padding: var(--space-2xs);
+    padding: 0;
     line-height: var(--leading-none);
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard);
@@ -62,6 +62,12 @@
     top: calc(var(--alert-pad-y) - var(--space-2xs));
     right: calc(var(--alert-pad-x) - var(--space-2xs));
     font-size: var(--text-md);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    width: calc(var(--text-md) + var(--space-2xs) * 2);
+    height: calc(var(--text-md) + var(--space-2xs) * 2);
 }
 
 .zx-alert__close.zx-f-disabled {

package/dist/lynx/components/badge.css

@@ -52,14 +52,12 @@
 .zx-badge__dot {
     display: flex;
     flex: none;
-    inline-size: 0.5em;
-    block-size: 0.5em;
+    width: 0.5em;
+    height: 0.5em;
     box-sizing: border-box;
     border-radius: 50%;
     background: var(--badge-dot);
     border: 0 solid transparent;
-    width: 0.5em;
-    height: 0.5em;
     flex-shrink: 0;
     border-top-width: 0.1em;
     border-right-width: 0.1em;

package/dist/lynx/components/breadcrumbs.css

@@ -2,6 +2,26 @@
     --bc-accent: var(--color-base-content);
 }
 
+.zx-root .zx-breadcrumbs__root {
+    --bc-trigger-ink: #18181bbf;
+}
+
+.zx-root.zx-theme-dark .zx-breadcrumbs__root {
+    --bc-trigger-ink: #ecf9ffbf;
+}
+
+.zx-root.zx-theme-dim .zx-breadcrumbs__root {
+    --bc-trigger-ink: #b2ccd6bf;
+}
+
+.zx-root.zx-theme-nord .zx-breadcrumbs__root {
+    --bc-trigger-ink: #2e3440bf;
+}
+
+.zx-root.zx-theme-sunset .zx-breadcrumbs__root {
+    --bc-trigger-ink: #9fb9d0bf;
+}
+
 .zx-breadcrumbs__root {
     font-size: var(--text-sm);
     color: var(--color-base-content);
@@ -15,12 +35,14 @@
     list-style: none;
     margin: 0;
     padding: var(--space-xs) 0;
+    flex-direction: row;
 }
 
 .zx-breadcrumbs__item {
     display: flex;
     align-items: center;
     gap: var(--space-xs);
+    flex-direction: row;
 }
 
 .zx-breadcrumbs__link {
@@ -88,6 +110,7 @@
     display: flex;
     align-items: center;
     gap: var(--space-xs);
+    flex-direction: row;
 }
 
 .zx-breadcrumbs__ellipsis-trigger {
@@ -98,34 +121,20 @@
     margin: 0;
     font: inherit;
     line-height: inherit;
+    color: var(--bc-trigger-ink);
     border-radius: var(--radius-selector);
     cursor: pointer;
     transition: color var(--duration-fast) var(--ease-standard);
 }
 
-.zx-root .zx-breadcrumbs__ellipsis-trigger {
-    color: #18181bbf;
-}
-
-.zx-root.zx-theme-dark .zx-breadcrumbs__ellipsis-trigger {
-    color: #ecf9ffbf;
-}
-
-.zx-root.zx-theme-dim .zx-breadcrumbs__ellipsis-trigger {
-    color: #b2ccd6bf;
-}
-
-.zx-root.zx-theme-nord .zx-breadcrumbs__ellipsis-trigger {
-    color: #2e3440bf;
-}
-
-.zx-root.zx-theme-sunset .zx-breadcrumbs__ellipsis-trigger {
-    color: #9fb9d0bf;
-}
-
 .zx-breadcrumbs__ellipsis-trigger.zx-f-focus-visible {
-    outline: 2px solid var(--color-primary);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-primary);
+}
+
+.zx-breadcrumbs__ellipsis-trigger.zx-f-pressed {
+    color: var(--color-base-content);
 }
 
 .zx-root .zx-breadcrumbs__root.zx-a-color-primary {

package/dist/lynx/components/button.css

@@ -26,15 +26,13 @@
 
 .zx-button__spinner {
     box-sizing: border-box;
-    inline-size: 1em;
-    block-size: 1em;
+    width: 1em;
+    height: 1em;
     flex: none;
     border-radius: 9999px;
     border: 0 solid transparent;
     border-block-start-color: transparent;
     animation: zero-daisyui-btn-spin 0.7s linear infinite;
-    width: 1em;
-    height: 1em;
     border-top-width: calc(var(--border) * 2);
     border-right-width: calc(var(--border) * 2);
     border-bottom-width: calc(var(--border) * 2);
@@ -446,14 +444,11 @@
 }
 
 .zx-button__root.zx-m-wide {
-    inline-size: 100%;
-    max-inline-size: 256px;
     width: 100%;
     max-width: 256px;
 }
 
 .zx-button__root.zx-m-block {
-    inline-size: 100%;
     width: 100%;
 }
 

package/dist/lynx/components/card.css

@@ -17,9 +17,8 @@
     align-items: center;
     justify-content: center;
     margin: 0;
-    inline-size: 100%;
-    object-fit: cover;
     width: 100%;
+    object-fit: cover;
     overflow: hidden;
 }
 

package/dist/lynx/components/carousel.css

@@ -27,8 +27,8 @@
 .zx-carousel__prev-trigger {
     appearance: none;
     position: absolute;
-    inline-size: var(--carousel-nav);
-    block-size: var(--carousel-nav);
+    width: var(--carousel-nav);
+    height: var(--carousel-nav);
     display: grid;
     place-items: center;
     font-size: var(--text-sm);
@@ -56,8 +56,8 @@
 .zx-carousel__next-trigger {
     appearance: none;
     position: absolute;
-    inline-size: var(--carousel-nav);
-    block-size: var(--carousel-nav);
+    width: var(--carousel-nav);
+    height: var(--carousel-nav);
     display: grid;
     place-items: center;
     font-size: var(--text-sm);

package/dist/lynx/components/chat-log.css

@@ -30,7 +30,7 @@
     position: sticky;
     align-self: center;
     flex: none;
-    block-size: calc(var(--size-field) * 8);
+    height: calc(var(--size-field) * 8);
     appearance: none;
     display: flex;
     align-items: center;
@@ -49,19 +49,19 @@
 }
 
 .zx-chat-log__jump-trigger.zx-a-size-xs {
-    block-size: calc(var(--size-field) * 6);
+    height: calc(var(--size-field) * 6);
 }
 
 .zx-chat-log__jump-trigger.zx-a-size-sm {
-    block-size: calc(var(--size-field) * 7);
+    height: calc(var(--size-field) * 7);
 }
 
 .zx-chat-log__jump-trigger.zx-a-size-lg {
-    block-size: calc(var(--size-field) * 9);
+    height: calc(var(--size-field) * 9);
 }
 
 .zx-chat-log__jump-trigger.zx-a-size-xl {
-    block-size: calc(var(--size-field) * 10);
+    height: calc(var(--size-field) * 10);
 }
 
 .zx-chat-log__jump-trigger.zx-f-focus-visible {

package/dist/lynx/components/chat.css

@@ -53,7 +53,7 @@
 }
 
 .zx-chat__bubble {
-    max-inline-size: 90%;
+    max-width: 90%;
     padding: var(--space-xs) var(--space-lg);
     font-size: var(--text-sm);
     background: var(--chat-fill);

package/dist/lynx/components/container.css

@@ -6,6 +6,7 @@
 }
 
 .zx-container__root {
-    inline-size: 100%;
-    max-inline-size: var(--l-measure);
+    box-sizing: border-box;
+    width: 100%;
+    max-width: var(--l-measure);
 }

package/dist/lynx/components/diff.css

@@ -25,7 +25,7 @@
 }
 
 .zx-diff__handle {
-    inline-size: var(--diff-hit);
+    width: var(--diff-hit);
     display: grid;
     place-items: center;
     cursor: ew-resize;

package/dist/lynx/components/divider.css

@@ -12,30 +12,30 @@
 }
 
 .zx-divider__root.zx-o-horizontal {
-    inline-size: 100%;
-    block-size: var(--border);
+    width: 100%;
+    height: var(--border);
 }
 
 .zx-divider__root.zx-o-horizontal.zx-a-size-lg {
-    block-size: calc(var(--border) * 2);
+    height: calc(var(--border) * 2);
 }
 
 .zx-divider__root.zx-o-horizontal.zx-a-size-xl {
-    block-size: calc(var(--border) * 3);
+    height: calc(var(--border) * 3);
 }
 
 .zx-divider__root.zx-o-vertical {
     flex-direction: column;
-    min-block-size: 1em;
-    inline-size: var(--border);
+    min-height: 1em;
+    width: var(--border);
 }
 
 .zx-divider__root.zx-o-vertical.zx-a-size-lg {
-    inline-size: calc(var(--border) * 2);
+    width: calc(var(--border) * 2);
 }
 
 .zx-divider__root.zx-o-vertical.zx-a-size-xl {
-    inline-size: calc(var(--border) * 3);
+    width: calc(var(--border) * 3);
 }
 
 .zx-divider__label {
@@ -106,10 +106,10 @@
 }
 .zx-divider__root.zx-m-labelled.zx-o-horizontal {
     flex-direction: row;
-    block-size: var(--divider-fit);
+    height: var(--divider-fit);
 }
 .zx-divider__root.zx-m-labelled.zx-o-vertical {
-    inline-size: var(--divider-fit);
+    width: var(--divider-fit);
 }
 .zx-divider__root.zx-m-segment {
     flex: 1 1 0;

package/dist/lynx/components/drawer.css

@@ -40,8 +40,8 @@
     border-radius: var(--radius-box);
     box-shadow: var(--shadow-xl);
     box-sizing: border-box;
-    inline-size: 100%;
-    max-inline-size: var(--l-measure);
+    width: 100%;
+    max-width: var(--l-measure);
 }
 
 .zx-drawer__panel.zx-s-open {
@@ -65,8 +65,8 @@
     opacity: 1;
     transition: translate var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-standard), display var(--duration-slow) allow-discrete, overlay var(--duration-slow) allow-discrete;
     position: fixed;
-    block-size: 100dvh;
-    max-block-size: 100dvh;
+    height: 100dvh;
+    max-height: 100dvh;
     margin: 0;
     border-radius: 0;
 }
@@ -76,15 +76,15 @@
 }
 
 .zx-drawer__panel.zx-p-top.zx-l-dock-sheet {
-    block-size: auto;
-    max-block-size: 85dvh;
+    height: auto;
+    max-height: 85dvh;
     border-end-start-radius: var(--radius-box);
     border-end-end-radius: var(--radius-box);
 }
 
 .zx-drawer__panel.zx-p-bottom.zx-l-dock-sheet {
-    block-size: auto;
-    max-block-size: 85dvh;
+    height: auto;
+    max-height: 85dvh;
     border-start-start-radius: var(--radius-box);
     border-start-end-radius: var(--radius-box);
 }

package/dist/lynx/components/empty-state.css

@@ -52,7 +52,7 @@
 }
 
 .zx-empty-state__description {
-    max-inline-size: 100%;
+    max-width: 100%;
     font-size: var(--text-sm);
     line-height: var(--leading-normal);
     text-align: center;

package/dist/lynx/components/fieldset.css

@@ -7,7 +7,7 @@
     grid-template-columns: 1fr;
     grid-auto-rows: max-content;
     gap: var(--space-sm);
-    min-inline-size: 0;
+    min-width: 0;
     margin: 0;
     border: none;
     flex-direction: column;

package/dist/lynx/components/grid.css

@@ -13,7 +13,7 @@
 
 .zx-grid__root {
     display: grid;
-    min-inline-size: 0;
+    min-width: 0;
     grid-template-columns: var(--l-cols);
     column-gap: var(--l-gap-x);
     row-gap: var(--l-gap-y);
@@ -24,5 +24,5 @@
 .zx-grid__cell {
     --l-span: auto;
     grid-column: var(--l-span);
-    min-inline-size: 0;
+    min-width: 0;
 }

package/dist/lynx/components/kbd.css

@@ -7,7 +7,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    min-inline-size: 1.75em;
+    min-width: 1.75em;
     padding: calc(var(--space-2xs) - var(--border)) calc(var(--space-md) - var(--border));
     background: var(--kbd-fill);
     color: var(--kbd-ink);
@@ -22,7 +22,6 @@
     flex-shrink: 0;
     flex-wrap: nowrap;
     flex-direction: row;
-    min-width: 1.75em;
     border-top-width: var(--border);
     border-right-width: var(--border);
     border-left-width: var(--border);
@@ -31,6 +30,7 @@
     border-right-color: var(--color-base-300);
     border-bottom-color: var(--color-base-300);
     border-left-color: var(--color-base-300);
+    font-family: Menlo, monospace;
 }
 
 .zx-kbd__root.zx-a-color-primary {
@@ -76,7 +76,6 @@
 .zx-kbd__root.zx-a-size-xs {
     font-size: var(--text-xs);
     padding: 0 var(--space-xs);
-    min-inline-size: 1.5em;
     min-width: 1.5em;
 }
 

package/dist/lynx/components/menu.css

@@ -16,6 +16,10 @@
     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;
+    flex-direction: row;
 }
 
 .zx-menu__trigger.zx-f-disabled {
@@ -28,8 +32,15 @@
 }
 
 .zx-menu__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-menu__trigger.zx-f-pressed {
+    background: var(--color-base-300);
+    transform: translateY(1px);
+    box-shadow: none;
 }
 
 .zx-menu__popup {
@@ -43,6 +54,8 @@
     box-shadow: var(--shadow-lg);
     padding: var(--space-md);
     min-width: 208px;
+    display: flex;
+    flex-direction: column;
 }
 
 .zx-menu__popup.zx-s-open {
@@ -61,6 +74,7 @@
     cursor: pointer;
     outline: none;
     transition: background var(--duration-fast) var(--ease-standard);
+    flex-direction: row;
 }
 
 .zx-menu__item.zx-f-highlighted {
@@ -83,6 +97,7 @@
     cursor: pointer;
     outline: none;
     transition: background var(--duration-fast) var(--ease-standard);
+    flex-direction: row;
 }
 
 .zx-menu__checkbox-item.zx-f-highlighted {
@@ -105,6 +120,7 @@
     cursor: pointer;
     outline: none;
     transition: background var(--duration-fast) var(--ease-standard);
+    flex-direction: row;
 }
 
 .zx-menu__radio-item.zx-f-highlighted {
@@ -134,6 +150,7 @@
     cursor: pointer;
     outline: none;
     transition: background var(--duration-fast) var(--ease-standard);
+    flex-direction: row;
 }
 
 .zx-menu__sub-trigger.zx-f-highlighted {
@@ -160,6 +177,8 @@
     box-shadow: var(--shadow-lg);
     padding: var(--space-md);
     min-width: 208px;
+    display: flex;
+    flex-direction: column;
 }
 
 .zx-menu__sub-popup.zx-s-open {

package/dist/lynx/components/nav-list.css

@@ -35,7 +35,8 @@
 }
 
 .zx-nav-list__item {
-    display: block;
+    display: flex;
+    flex-direction: column;
 }
 
 .zx-nav-list__link {
@@ -43,12 +44,20 @@
     align-items: center;
     gap: var(--space-sm);
     text-decoration: none;
+    appearance: none;
+    background: none;
+    border: 0;
+    font: inherit;
+    text-align: start;
+    width: 100%;
+    cursor: pointer;
     color: var(--nav-ink);
     padding: var(--space-sm) var(--space-lg);
     border-radius: var(--radius-field);
     font-weight: var(--weight-medium);
     line-height: var(--leading-tight);
     transition: background var(--duration-fast) var(--ease-standard);
+    flex-direction: row;
 }
 
 .zx-nav-list__link.zx-s-active {
@@ -63,10 +72,12 @@
 
 .zx-nav-list__icon {
     display: flex;
-    inline-size: 1.25em;
+    width: 1.25em;
     justify-content: center;
     flex: none;
     line-height: var(--leading-none);
+    flex-direction: row;
+    align-items: center;
 }
 
 .zx-nav-list__meta {
@@ -75,6 +86,8 @@
     font-size: var(--text-xs);
     font-variant-numeric: tabular-nums;
     opacity: 0.7;
+    margin-left: auto;
+    flex-direction: row;
 }
 
 .zx-nav-list__root.zx-a-color-primary {

package/dist/lynx/components/navbar.css

@@ -2,10 +2,11 @@
     display: flex;
     align-items: center;
     gap: var(--space-sm);
-    min-block-size: 64px;
+    min-height: 64px;
     padding: var(--space-sm);
     background: var(--color-base-100);
     color: var(--color-base-content);
+    flex-direction: row;
 }
 
 .zx-navbar__start {
@@ -14,6 +15,7 @@
     gap: var(--space-sm);
     flex: 1 1 0%;
     justify-content: flex-start;
+    flex-direction: row;
 }
 
 .zx-navbar__center {
@@ -21,6 +23,7 @@
     align-items: center;
     gap: var(--space-sm);
     justify-content: center;
+    flex-direction: row;
 }
 
 .zx-navbar__end {
@@ -29,6 +32,7 @@
     gap: var(--space-sm);
     flex: 1 1 0%;
     justify-content: flex-end;
+    flex-direction: row;
 }
 
 .zx-navbar__root.zx-a-color-primary {
@@ -72,20 +76,20 @@
 }
 
 .zx-navbar__root.zx-a-size-xs {
-    min-block-size: 40px;
+    min-height: 40px;
     font-size: var(--text-sm);
 }
 
 .zx-navbar__root.zx-a-size-sm {
-    min-block-size: 48px;
+    min-height: 48px;
     font-size: var(--text-sm);
 }
 
 .zx-navbar__root.zx-a-size-lg {
-    min-block-size: 80px;
+    min-height: 80px;
 }
 
 .zx-navbar__root.zx-a-size-xl {
-    min-block-size: 96px;
+    min-height: 96px;
     font-size: var(--text-lg);
 }