@sigx/zero-daisyui 0.12.0 → 0.14.0

package/dist/audit.json

@@ -5455,6 +5455,18 @@
             "ink": "#18181b",
             "bg": "#f8f8f8"
           },
+          {
+            "key": "daisyui/light/combobox/tag/-/focus-visible/-",
+            "scope": "combobox",
+            "part": "tag",
+            "flag": "focus-visible",
+            "matrix": "text",
+            "verdict": "pass",
+            "ratio": 16.68,
+            "inGroup": 16.68,
+            "ink": "#18181b",
+            "bg": "#f8f8f8"
+          },
           {
             "key": "daisyui/light/combobox/tag-label/-/-/-",
             "scope": "combobox",
@@ -61330,6 +61342,18 @@
             "ink": "#ecf9ff",
             "bg": "#191e24"
           },
+          {
+            "key": "daisyui/dark/combobox/tag/-/focus-visible/-",
+            "scope": "combobox",
+            "part": "tag",
+            "flag": "focus-visible",
+            "matrix": "text",
+            "verdict": "pass",
+            "ratio": 15.62,
+            "inGroup": 15.62,
+            "ink": "#ecf9ff",
+            "bg": "#191e24"
+          },
           {
             "key": "daisyui/dark/combobox/tag-label/-/-/-",
             "scope": "combobox",
@@ -117205,6 +117229,18 @@
             "ink": "#b2ccd6",
             "bg": "#242933"
           },
+          {
+            "key": "daisyui/dim/combobox/tag/-/focus-visible/-",
+            "scope": "combobox",
+            "part": "tag",
+            "flag": "focus-visible",
+            "matrix": "text",
+            "verdict": "pass",
+            "ratio": 8.68,
+            "inGroup": 8.68,
+            "ink": "#b2ccd6",
+            "bg": "#242933"
+          },
           {
             "key": "daisyui/dim/combobox/tag-label/-/-/-",
             "scope": "combobox",
@@ -173080,6 +173116,18 @@
             "ink": "#2e3440",
             "bg": "#e5e9f0"
           },
+          {
+            "key": "daisyui/nord/combobox/tag/-/focus-visible/-",
+            "scope": "combobox",
+            "part": "tag",
+            "flag": "focus-visible",
+            "matrix": "text",
+            "verdict": "pass",
+            "ratio": 10.26,
+            "inGroup": 10.26,
+            "ink": "#2e3440",
+            "bg": "#e5e9f0"
+          },
           {
             "key": "daisyui/nord/combobox/tag-label/-/-/-",
             "scope": "combobox",
@@ -228955,6 +229003,18 @@
             "ink": "#9fb9d0",
             "bg": "#0e171e"
           },
+          {
+            "key": "daisyui/sunset/combobox/tag/-/focus-visible/-",
+            "scope": "combobox",
+            "part": "tag",
+            "flag": "focus-visible",
+            "matrix": "text",
+            "verdict": "pass",
+            "ratio": 8.9,
+            "inGroup": 8.9,
+            "ink": "#9fb9d0",
+            "bg": "#0e171e"
+          },
           {
             "key": "daisyui/sunset/combobox/tag-label/-/-/-",
             "scope": "combobox",

package/dist/css/components/combobox.css

@@ -16,11 +16,12 @@
         flex-wrap: wrap;
         min-width: 13rem;
         box-sizing: border-box;
-        height: calc(var(--size-field) * 12);
+        height: auto;
         background: var(--color-base-100);
         border: var(--border) solid var(--color-base-300);
         border-radius: var(--radius-field);
         box-shadow: var(--shadow-xs);
+        min-height: calc(var(--size-field) * 12);
         transition: border-color var(--duration-fast) var(--ease-standard);
     }
 
@@ -82,6 +83,11 @@
         line-height: var(--leading-none);
     }
 
+    [data-scope="combobox"][data-part="tag"][data-focus-visible] {
+        outline: 2px solid var(--color-base-content);
+        outline-offset: 2px;
+    }
+
     [data-scope="combobox"][data-part="tag-label"] {
         white-space: nowrap;
     }

package/dist/css/components/spinner.css

@@ -2,7 +2,7 @@
 
 @layer zero.recipes {
     [data-scope="spinner"][data-part="root"] {
-        --spinner-size: calc(var(--size-field) * 0.5);
+        --spinner-size: calc(var(--size-selector) * 6);
         --spinner-ink: var(--color-primary);
         --spinner-track: var(--color-base-300);
     }
@@ -51,19 +51,19 @@
     }
 
     [data-scope="spinner"][data-part="root"][data-size="xs"] {
-        --spinner-size: calc(var(--size-field) * 0.35);
+        --spinner-size: calc(var(--size-selector) * 4);
     }
 
     [data-scope="spinner"][data-part="root"][data-size="sm"] {
-        --spinner-size: calc(var(--size-field) * 0.42);
+        --spinner-size: calc(var(--size-selector) * 5);
     }
 
     [data-scope="spinner"][data-part="root"][data-size="lg"] {
-        --spinner-size: calc(var(--size-field) * 0.7);
+        --spinner-size: calc(var(--size-selector) * 7);
     }
 
     [data-scope="spinner"][data-part="root"][data-size="xl"] {
-        --spinner-size: calc(var(--size-field) * 0.9);
+        --spinner-size: calc(var(--size-selector) * 8);
     }
 
     @media (prefers-reduced-motion: reduce) {

package/dist/css/index.css

@@ -5242,11 +5242,12 @@
         flex-wrap: wrap;
         min-width: 13rem;
         box-sizing: border-box;
-        height: calc(var(--size-field) * 12);
+        height: auto;
         background: var(--color-base-100);
         border: var(--border) solid var(--color-base-300);
         border-radius: var(--radius-field);
         box-shadow: var(--shadow-xs);
+        min-height: calc(var(--size-field) * 12);
         transition: border-color var(--duration-fast) var(--ease-standard);
     }
 
@@ -5308,6 +5309,11 @@
         line-height: var(--leading-none);
     }
 
+    [data-scope="combobox"][data-part="tag"][data-focus-visible] {
+        outline: 2px solid var(--color-base-content);
+        outline-offset: 2px;
+    }
+
     [data-scope="combobox"][data-part="tag-label"] {
         white-space: nowrap;
     }
@@ -7810,7 +7816,7 @@
 
 @layer zero.recipes {
     [data-scope="spinner"][data-part="root"] {
-        --spinner-size: calc(var(--size-field) * 0.5);
+        --spinner-size: calc(var(--size-selector) * 6);
         --spinner-ink: var(--color-primary);
         --spinner-track: var(--color-base-300);
     }
@@ -7859,19 +7865,19 @@
     }
 
     [data-scope="spinner"][data-part="root"][data-size="xs"] {
-        --spinner-size: calc(var(--size-field) * 0.35);
+        --spinner-size: calc(var(--size-selector) * 4);
     }
 
     [data-scope="spinner"][data-part="root"][data-size="sm"] {
-        --spinner-size: calc(var(--size-field) * 0.42);
+        --spinner-size: calc(var(--size-selector) * 5);
     }
 
     [data-scope="spinner"][data-part="root"][data-size="lg"] {
-        --spinner-size: calc(var(--size-field) * 0.7);
+        --spinner-size: calc(var(--size-selector) * 7);
     }
 
     [data-scope="spinner"][data-part="root"][data-size="xl"] {
-        --spinner-size: calc(var(--size-field) * 0.9);
+        --spinner-size: calc(var(--size-selector) * 8);
     }
 
     @media (prefers-reduced-motion: reduce) {

package/dist/lynx/components/alert.css

@@ -1,17 +1,22 @@
 .zx-alert__root {
     --alert-tint: var(--color-info-soft);
     --alert-ink: var(--color-base-content);
+    --alert-pad-y: var(--space-md);
+    --alert-pad-x: var(--space-lg);
 }
 
 .zx-alert__root {
-    display: grid;
+    display: flex;
     grid-template-columns: auto 1fr auto;
-    align-items: center;
-    gap: var(--space-sm) var(--space-md);
+    align-items: stretch;
+    gap: var(--space-sm);
     background: var(--alert-tint);
     color: var(--color-base-content);
     border-radius: var(--radius-box);
-    padding: var(--space-md) var(--space-lg);
+    padding: var(--alert-pad-y) var(--alert-pad-x);
+    flex-direction: column;
+    position: relative;
+    box-sizing: border-box;
 }
 
 .zx-alert__icon {
@@ -21,6 +26,12 @@
     color: var(--alert-ink);
     font-size: var(--text-lg);
     line-height: var(--leading-none);
+    position: absolute;
+    left: var(--alert-pad-x);
+    top: 0;
+    bottom: 0;
+    width: var(--text-xl);
+    justify-content: center;
 }
 
 .zx-alert__title {
@@ -41,12 +52,16 @@
     appearance: none;
     border: none;
     background: transparent;
-    color: inherit;
+    color: var(--color-base-content);
     border-radius: var(--radius-selector);
     padding: var(--space-2xs);
     line-height: var(--leading-none);
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard);
+    position: absolute;
+    top: calc(var(--alert-pad-y) - var(--space-2xs));
+    right: calc(var(--alert-pad-x) - var(--space-2xs));
+    font-size: var(--text-md);
 }
 
 .zx-alert__close.zx-f-disabled {
@@ -55,8 +70,9 @@
 }
 
 .zx-alert__close.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--alert-tint), 0 0 0 4px var(--color-base-content);
 }
 
 .zx-root .zx-alert__close.zx-f-pressed {
@@ -273,16 +289,36 @@
 
 .zx-alert__root.zx-a-size-xs {
     padding: var(--space-2xs) var(--space-sm);
+    --alert-pad-y: var(--space-2xs);
+    --alert-pad-x: var(--space-sm);
 }
 
 .zx-alert__root.zx-a-size-sm {
     padding: var(--space-xs) var(--space-md);
+    --alert-pad-y: var(--space-xs);
+    --alert-pad-x: var(--space-md);
 }
 
 .zx-alert__root.zx-a-size-lg {
     padding: var(--space-lg) var(--space-xl);
+    --alert-pad-y: var(--space-lg);
+    --alert-pad-x: var(--space-xl);
 }
 
 .zx-alert__root.zx-a-size-xl {
     padding: var(--space-xl) var(--space-2xl);
+    --alert-pad-y: var(--space-xl);
+    --alert-pad-x: var(--space-2xl);
+}
+.zx-alert__title.zx-m-with-icon {
+    margin-left: calc(var(--text-xl) + var(--space-md));
+}
+.zx-alert__description.zx-m-with-icon {
+    margin-left: calc(var(--text-xl) + var(--space-md));
+}
+.zx-alert__title.zx-m-with-close {
+    margin-right: calc(var(--text-md) + var(--space-md));
+}
+.zx-alert__description.zx-m-with-close {
+    margin-right: calc(var(--text-md) + var(--space-md));
 }

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

@@ -8,11 +8,13 @@
     align-items: center;
     vertical-align: middle;
     isolation: isolate;
+    flex-direction: row;
+    width: max-content;
 }
 
 .zx-avatar-group__overflow {
     position: relative;
-    display: inline-grid;
+    display: flex;
     place-items: center;
     box-sizing: border-box;
     min-width: calc(var(--size-selector) * 10);
@@ -26,26 +28,36 @@
     font-variant-numeric: tabular-nums;
     white-space: nowrap;
     user-select: none;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    padding-left: var(--space-2xs);
+    padding-right: var(--space-2xs);
+    margin-left: calc((var(--size-selector) * 10) * -0.25);
 }
 
 .zx-avatar-group__overflow.zx-a-size-xs {
     min-width: calc(var(--size-selector) * 6);
     height: calc(var(--size-selector) * 6);
+    margin-left: calc((var(--size-selector) * 6) * -0.25);
 }
 
 .zx-avatar-group__overflow.zx-a-size-sm {
     min-width: calc(var(--size-selector) * 8);
     height: calc(var(--size-selector) * 8);
+    margin-left: calc((var(--size-selector) * 8) * -0.25);
 }
 
 .zx-avatar-group__overflow.zx-a-size-lg {
     min-width: calc(var(--size-selector) * 12);
     height: calc(var(--size-selector) * 12);
+    margin-left: calc((var(--size-selector) * 12) * -0.25);
 }
 
 .zx-avatar-group__overflow.zx-a-size-xl {
     min-width: calc(var(--size-selector) * 16);
     height: calc(var(--size-selector) * 16);
+    margin-left: calc((var(--size-selector) * 16) * -0.25);
 }
 
 .zx-avatar-group__root.zx-a-color-primary {

package/dist/lynx/components/avatar.css

@@ -5,7 +5,7 @@
 
 .zx-avatar__root {
     position: relative;
-    display: inline-grid;
+    display: flex;
     width: calc(var(--size-selector) * 10);
     height: calc(var(--size-selector) * 10);
     border-radius: 9999px;
@@ -13,6 +13,10 @@
     vertical-align: middle;
     background: var(--color-base-200);
     box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--avatar-ring);
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
 }
 
 .zx-avatar__root.zx-a-size-xs {
@@ -40,6 +44,10 @@
     width: 100%;
     height: 100%;
     object-fit: cover;
+    position: absolute;
+    top: 0;
+    left: 0;
+    border-radius: 9999px;
 }
 
 .zx-avatar__fallback {
@@ -52,20 +60,52 @@
     font-size: var(--avatar-text);
     font-weight: var(--weight-semibold);
     user-select: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    border-radius: 9999px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
 }
 
 .zx-avatar__root.zx-a-shape-circle {
     border-radius: 9999px;
 }
 
+.zx-avatar__image.zx-a-shape-circle {
+    border-radius: 9999px;
+}
+
+.zx-avatar__fallback.zx-a-shape-circle {
+    border-radius: 9999px;
+}
+
 .zx-avatar__root.zx-a-shape-square {
     border-radius: 0;
 }
 
+.zx-avatar__image.zx-a-shape-square {
+    border-radius: 0;
+}
+
+.zx-avatar__fallback.zx-a-shape-square {
+    border-radius: 0;
+}
+
 .zx-avatar__root.zx-a-shape-rounded {
     border-radius: var(--radius-selector);
 }
 
+.zx-avatar__image.zx-a-shape-rounded {
+    border-radius: var(--radius-selector);
+}
+
+.zx-avatar__fallback.zx-a-shape-rounded {
+    border-radius: var(--radius-selector);
+}
+
 .zx-avatar__root.zx-a-color-primary {
     --avatar-ring: var(--color-primary);
 }
@@ -113,3 +153,18 @@
 .zx-avatar__root.zx-a-size-xl {
     --avatar-text: var(--text-lg);
 }
+.zx-avatar__root.zx-m-stacked {
+    margin-left: calc(var(--size-selector) * -2.5);
+}
+.zx-avatar__root.zx-m-stacked.zx-a-size-xs {
+    margin-left: calc(var(--size-selector) * -1.5);
+}
+.zx-avatar__root.zx-m-stacked.zx-a-size-sm {
+    margin-left: calc(var(--size-selector) * -2);
+}
+.zx-avatar__root.zx-m-stacked.zx-a-size-lg {
+    margin-left: calc(var(--size-selector) * -3);
+}
+.zx-avatar__root.zx-m-stacked.zx-a-size-xl {
+    margin-left: calc(var(--size-selector) * -4);
+}