@sigx/zero-daisyui 0.14.0 → 0.16.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

@@ -6,8 +6,9 @@
 
 .zx-carousel__root {
     position: relative;
-    display: grid;
+    display: flex;
     gap: var(--space-sm);
+    flex-direction: column;
 }
 
 .zx-carousel__viewport {
@@ -27,9 +28,9 @@
 .zx-carousel__prev-trigger {
     appearance: none;
     position: absolute;
-    inline-size: var(--carousel-nav);
-    block-size: var(--carousel-nav);
-    display: grid;
+    width: var(--carousel-nav);
+    height: var(--carousel-nav);
+    display: flex;
     place-items: center;
     font-size: var(--text-sm);
     line-height: var(--leading-none);
@@ -41,6 +42,8 @@
     z-index: 1;
     top: calc(50% - var(--carousel-nav) / 2);
     left: var(--space-sm);
+    align-items: center;
+    justify-content: center;
 }
 
 .zx-carousel__prev-trigger.zx-f-disabled {
@@ -49,16 +52,22 @@
 }
 
 .zx-carousel__prev-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-carousel__prev-trigger.zx-f-pressed {
+    background: var(--color-base-300);
+    transform: translateY(1px);
 }
 
 .zx-carousel__next-trigger {
     appearance: none;
     position: absolute;
-    inline-size: var(--carousel-nav);
-    block-size: var(--carousel-nav);
-    display: grid;
+    width: var(--carousel-nav);
+    height: var(--carousel-nav);
+    display: flex;
     place-items: center;
     font-size: var(--text-sm);
     line-height: var(--leading-none);
@@ -70,6 +79,8 @@
     z-index: 1;
     top: calc(50% - var(--carousel-nav) / 2);
     right: var(--space-sm);
+    align-items: center;
+    justify-content: center;
 }
 
 .zx-carousel__next-trigger.zx-f-disabled {
@@ -78,29 +89,69 @@
 }
 
 .zx-carousel__next-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-carousel__next-trigger.zx-f-pressed {
+    background: var(--color-base-300);
+    transform: translateY(1px);
 }
 
 .zx-carousel__indicator-group {
     display: flex;
     gap: var(--space-xs);
     justify-content: center;
+    flex-direction: row;
+    align-items: center;
 }
 
 .zx-carousel__indicator {
     appearance: none;
     padding: 0;
-    display: grid;
+    display: flex;
     place-items: center;
     background: transparent;
     border: none;
     cursor: pointer;
+    width: var(--carousel-dot);
+    height: var(--carousel-dot);
+    flex-shrink: 0;
+    border-width: calc(var(--border) * 2);
+    border-style: solid;
+    border-radius: 9999px;
+}
+
+.zx-root .zx-carousel__indicator {
+    border-color: #18181bb3;
+}
+
+.zx-root.zx-theme-dark .zx-carousel__indicator {
+    border-color: #ecf9ffb3;
+}
+
+.zx-root.zx-theme-dim .zx-carousel__indicator {
+    border-color: #b2ccd6b3;
+}
+
+.zx-root.zx-theme-nord .zx-carousel__indicator {
+    border-color: #2e3440b3;
+}
+
+.zx-root.zx-theme-sunset .zx-carousel__indicator {
+    border-color: #9fb9d0b3;
+}
+
+.zx-carousel__indicator.zx-s-active {
+    background: var(--carousel-accent);
+    border-color: var(--carousel-accent);
 }
 
 .zx-carousel__indicator.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-root .zx-carousel__root.zx-a-color-primary {

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

@@ -12,25 +12,32 @@
     background: var(--color-base-100);
     color: var(--color-base-content);
     border: var(--border) solid var(--color-base-300);
-    padding: var(--space-sm) var(--space-md);
+    padding: 0;
+    overflow: hidden;
 }
 
 .zx-chat-log__root.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: -2px;
+    box-shadow: inset 0 0 0 2px var(--color-base-content);
 }
 
 .zx-chat-log__content {
     flex: none;
-    display: grid;
+    display: flex;
     row-gap: var(--space-xs);
+    flex-direction: column;
+    padding-top: var(--space-sm);
+    padding-bottom: var(--space-sm);
+    padding-left: var(--space-md);
+    padding-right: var(--space-md);
 }
 
 .zx-chat-log__jump-trigger {
-    position: sticky;
+    position: relative;
     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;
@@ -46,27 +53,51 @@
     line-height: var(--leading-none);
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard);
+    flex-direction: row;
+    padding-left: var(--space-md);
+    padding-right: var(--space-md);
 }
 
 .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 {
-    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-root .zx-chat-log__jump-trigger.zx-f-pressed {
+    background: #3823b9;
+}
+
+.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-f-pressed {
+    background: #5250de;
+}
+
+.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-f-pressed {
+    background: #8aca7a;
+}
+
+.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-f-pressed {
+    background: #516f95;
+}
+
+.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-f-pressed {
+    background: #de744e;
 }
 
 .zx-chat-log__jump-trigger.zx-f-pressed {
@@ -79,41 +110,201 @@
     --chat-log-on-fill: var(--color-primary-content);
 }
 
+.zx-root .zx-chat-log__jump-trigger.zx-a-color-primary.zx-f-pressed {
+    background: #3823b9;
+}
+
+.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-primary.zx-f-pressed {
+    background: #5250de;
+}
+
+.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-primary.zx-f-pressed {
+    background: #8aca7a;
+}
+
+.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-primary.zx-f-pressed {
+    background: #516f95;
+}
+
+.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-primary.zx-f-pressed {
+    background: #de744e;
+}
+
 .zx-chat-log__jump-trigger.zx-a-color-secondary {
     --chat-log-fill: var(--color-secondary);
     --chat-log-on-fill: var(--color-secondary-content);
 }
 
+.zx-root .zx-chat-log__jump-trigger.zx-a-color-secondary.zx-f-pressed {
+    background: #d42884;
+}
+
+.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-secondary.zx-f-pressed {
+    background: #d42884;
+}
+
+.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-secondary.zx-f-pressed {
+    background: #de6c50;
+}
+
+.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-secondary.zx-f-pressed {
+    background: #6f8ba7;
+}
+
+.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-secondary.zx-f-pressed {
+    background: #dc6087;
+}
+
 .zx-chat-log__jump-trigger.zx-a-color-accent {
     --chat-log-fill: var(--color-accent);
     --chat-log-on-fill: var(--color-accent-content);
 }
 
+.zx-root .zx-chat-log__jump-trigger.zx-a-color-accent.zx-f-pressed {
+    background: #00b7a2;
+}
+
+.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-accent.zx-f-pressed {
+    background: #00b7a2;
+}
+
+.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-accent.zx-f-pressed {
+    background: #ad7ecb;
+}
+
+.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-accent.zx-f-pressed {
+    background: #75a7b5;
+}
+
+.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-accent.zx-f-pressed {
+    background: #9b75d9;
+}
+
 .zx-chat-log__jump-trigger.zx-a-color-neutral {
     --chat-log-fill: var(--color-neutral);
     --chat-log-on-fill: var(--color-neutral-content);
 }
 
+.zx-root .zx-chat-log__jump-trigger.zx-a-color-neutral.zx-f-pressed {
+    background: #070708;
+}
+
+.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-neutral.zx-f-pressed {
+    background: #070708;
+}
+
+.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-neutral.zx-f-pressed {
+    background: #171b24;
+}
+
+.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-neutral.zx-f-pressed {
+    background: #414a5b;
+}
+
+.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-neutral.zx-f-pressed {
+    background: #162025;
+}
+
 .zx-chat-log__jump-trigger.zx-a-color-info {
     --chat-log-fill: var(--color-info);
     --chat-log-on-fill: var(--color-info-content);
 }
 
+.zx-root .zx-chat-log__jump-trigger.zx-a-color-info.zx-f-pressed {
+    background: #00a1dd;
+}
+
+.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-info.zx-f-pressed {
+    background: #00a1dd;
+}
+
+.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-info.zx-f-pressed {
+    background: #21ccde;
+}
+
+.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-info.zx-f-pressed {
+    background: #9c7b96;
+}
+
+.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-info.zx-f-pressed {
+    background: #76c3cc;
+}
+
 .zx-chat-log__jump-trigger.zx-a-color-success {
     --chat-log-fill: var(--color-success);
     --chat-log-on-fill: var(--color-success-content);
 }
 
+.zx-root .zx-chat-log__jump-trigger.zx-a-color-success.zx-f-pressed {
+    background: #00b77d;
+}
+
+.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-success.zx-f-pressed {
+    background: #00b77d;
+}
+
+.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-success.zx-f-pressed {
+    background: #54d0a4;
+}
+
+.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-success.zx-f-pressed {
+    background: #8da57a;
+}
+
+.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-success.zx-f-pressed {
+    background: #96c296;
+}
+
 .zx-chat-log__jump-trigger.zx-a-color-warning {
     --chat-log-fill: var(--color-warning);
     --chat-log-on-fill: var(--color-warning-content);
 }
 
+.zx-root .zx-chat-log__jump-trigger.zx-a-color-warning.zx-f-pressed {
+    background: #db9f00;
+}
+
+.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-warning.zx-f-pressed {
+    background: #db9f00;
+}
+
+.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-warning.zx-f-pressed {
+    background: #d0b54b;
+}
+
+.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-warning.zx-f-pressed {
+    background: #ccb078;
+}
+
+.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-warning.zx-f-pressed {
+    background: #d2ae7e;
+}
+
 .zx-chat-log__jump-trigger.zx-a-color-error {
     --chat-log-fill: var(--color-error);
     --chat-log-on-fill: var(--color-error-content);
 }
 
+.zx-root .zx-chat-log__jump-trigger.zx-a-color-error.zx-f-pressed {
+    background: #de546c;
+}
+
+.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-error.zx-f-pressed {
+    background: #de546c;
+}
+
+.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-error.zx-f-pressed {
+    background: #de9786;
+}
+
+.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-error.zx-f-pressed {
+    background: #a6535b;
+}
+
+.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-error.zx-f-pressed {
+    background: #dea2a4;
+}
+
 .zx-chat-log__content.zx-a-size-xs {
     row-gap: var(--space-2xs);
 }