@sigx/zero-daisyui 0.12.0 → 0.14.0

package/dist/report.json

@@ -27,11 +27,11 @@
         "score": 75.7,
         "weight": 20,
         "detail": {
-          "covered": 445,
+          "covered": 446,
           "coveredIndirectly": 0,
           "skipped": 15,
           "uncovered": 138,
-          "total": 598
+          "total": 599
         }
       },
       "contrast": {
@@ -2001,7 +2001,8 @@
           },
           "flags": {
             "covered": [
-              "disabled"
+              "disabled",
+              "focus-visible"
             ],
             "coveredIndirectly": [],
             "skipped": [],
@@ -9838,8 +9839,8 @@
   "contrast": [
     {
       "name": "light",
-      "cells": 3318,
-      "measured": 2908,
+      "cells": 3319,
+      "measured": 2909,
       "failing": 0,
       "warnings": 324,
       "disabledFailing": 0,
@@ -9914,8 +9915,8 @@
     },
     {
       "name": "dark",
-      "cells": 3318,
-      "measured": 2908,
+      "cells": 3319,
+      "measured": 2909,
       "failing": 0,
       "warnings": 168,
       "disabledFailing": 0,
@@ -9990,8 +9991,8 @@
     },
     {
       "name": "dim",
-      "cells": 3318,
-      "measured": 2908,
+      "cells": 3319,
+      "measured": 2909,
       "failing": 0,
       "warnings": 272,
       "disabledFailing": 0,
@@ -10066,8 +10067,8 @@
     },
     {
       "name": "nord",
-      "cells": 3318,
-      "measured": 2908,
+      "cells": 3319,
+      "measured": 2909,
       "failing": 0,
       "warnings": 1234,
       "disabledFailing": 0,
@@ -10142,8 +10143,8 @@
     },
     {
       "name": "sunset",
-      "cells": 3318,
-      "measured": 2908,
+      "cells": 3319,
+      "measured": 2909,
       "failing": 0,
       "warnings": 271,
       "disabledFailing": 0,
@@ -10411,7 +10412,7 @@
       {
         "where": "lynx recipe for \"checkbox\"",
         "what": "--checkbox-size",
-        "detail": "calc-holding custom-property chain inlined: value substituted into 2 consumer declaration(s) across 6 compound(s) and the definition dropped — lynx drops any declaration consuming var() of a property whose value holds calc() (measured, signalxjs/lynx#1075)",
+        "detail": "calc-holding custom-property chain inlined: value substituted into 4 consumer declaration(s) across 6 compound(s) and the definition dropped — lynx drops any declaration consuming var() of a property whose value holds calc() (measured, signalxjs/lynx#1075)",
         "scope": "checkbox"
       },
       {
@@ -10498,16 +10499,10 @@
         "detail": "calc-holding custom-property chain inlined: value substituted into 2 consumer declaration(s) across 5 compound(s) and the definition dropped — lynx drops any declaration consuming var() of a property whose value holds calc() (measured, signalxjs/lynx#1075)",
         "scope": "avatar"
       },
-      {
-        "where": "lynx recipe for \"avatar-group\".\"root\"",
-        "what": "display: inline-flex",
-        "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
-        "scope": "avatar-group"
-      },
       {
         "where": "lynx recipe for \"avatar-group\"",
         "what": "--avatar-group-size",
-        "detail": "calc-holding custom-property chain inlined: value substituted into 2 consumer declaration(s) across 5 compound(s) and the definition dropped — lynx drops any declaration consuming var() of a property whose value holds calc() (measured, signalxjs/lynx#1075)",
+        "detail": "calc-holding custom-property chain inlined: value substituted into 3 consumer declaration(s) across 5 compound(s) and the definition dropped — lynx drops any declaration consuming var() of a property whose value holds calc() (measured, signalxjs/lynx#1075)",
         "scope": "avatar-group"
       },
       {
@@ -10624,12 +10619,6 @@
         "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
         "scope": "textarea"
       },
-      {
-        "where": "lynx recipe for \"alert\".\"icon\"",
-        "what": "display: inline-flex",
-        "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
-        "scope": "alert"
-      },
       {
         "where": "lynx recipe for \"empty-state\".\"icon\"",
         "what": "display: inline-flex",
@@ -10651,7 +10640,7 @@
       {
         "where": "lynx recipe for \"spinner\"",
         "what": "--spinner-size",
-        "detail": "calc-holding custom-property chain inlined: value substituted into 2 consumer declaration(s) across 5 compound(s) and the definition dropped — lynx drops any declaration consuming var() of a property whose value holds calc() (measured, signalxjs/lynx#1075)",
+        "detail": "calc-holding custom-property chain inlined: value substituted into 4 consumer declaration(s) across 5 compound(s) and the definition dropped — lynx drops any declaration consuming var() of a property whose value holds calc() (measured, signalxjs/lynx#1075)",
         "scope": "spinner"
       },
       {
@@ -10663,7 +10652,7 @@
       {
         "where": "lynx recipe for \"status\"",
         "what": "--status-size",
-        "detail": "calc-holding custom-property chain inlined: value substituted into 3 consumer declaration(s) across 5 compound(s) and the definition dropped — lynx drops any declaration consuming var() of a property whose value holds calc() (measured, signalxjs/lynx#1075)",
+        "detail": "calc-holding custom-property chain inlined: value substituted into 6 consumer declaration(s) across 5 compound(s) and the definition dropped — lynx drops any declaration consuming var() of a property whose value holds calc() (measured, signalxjs/lynx#1075)",
         "scope": "status"
       },
       {
@@ -10672,6 +10661,12 @@
         "detail": "rewritten to display: flex — lynx has no inline formatting context, and an unsupported display value keeps the default linear layout (signalxjs/lynx#1075)",
         "scope": "indicator"
       },
+      {
+        "where": "lynx recipe for \"stats\"",
+        "what": "rem lengths (1)",
+        "detail": "rewritten to px at 16px/rem — lynx resolves rem against its 14px default page font size (measured, signalxjs/lynx#1183), which would draw every rem-based size 12.5% small",
+        "scope": "stats"
+      },
       {
         "where": "lynx recipe for \"timeline\"",
         "what": "--timeline-marker-size",
@@ -10848,6 +10843,36 @@
       }
     ],
     "dropped": [
+      {
+        "where": "lynx tokens, theme \"light\"",
+        "what": "--fx-noise: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E\")",
+        "detail": "an SVG data-URI image fails to decode on iOS lynx — SDWebImage reports \"Downloaded image decode failed\" as a level-error image failure, the dev client's red error screen (measured, signalxjs/lynx#1215); dropped — the image is dropped with it, supply a raster or a lynx replacement in the recipe's lynx target section if it is not decorative"
+      },
+      {
+        "where": "lynx tokens, theme \"light\"",
+        "what": "--fx-noise: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E\")",
+        "detail": "an SVG data-URI image fails to decode on iOS lynx — SDWebImage reports \"Downloaded image decode failed\" as a level-error image failure, the dev client's red error screen (measured, signalxjs/lynx#1215); dropped — the image is dropped with it, supply a raster or a lynx replacement in the recipe's lynx target section if it is not decorative"
+      },
+      {
+        "where": "lynx tokens, theme \"dark\"",
+        "what": "--fx-noise: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E\")",
+        "detail": "an SVG data-URI image fails to decode on iOS lynx — SDWebImage reports \"Downloaded image decode failed\" as a level-error image failure, the dev client's red error screen (measured, signalxjs/lynx#1215); dropped — the image is dropped with it, supply a raster or a lynx replacement in the recipe's lynx target section if it is not decorative"
+      },
+      {
+        "where": "lynx tokens, theme \"dim\"",
+        "what": "--fx-noise: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E\")",
+        "detail": "an SVG data-URI image fails to decode on iOS lynx — SDWebImage reports \"Downloaded image decode failed\" as a level-error image failure, the dev client's red error screen (measured, signalxjs/lynx#1215); dropped — the image is dropped with it, supply a raster or a lynx replacement in the recipe's lynx target section if it is not decorative"
+      },
+      {
+        "where": "lynx tokens, theme \"nord\"",
+        "what": "--fx-noise: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E\")",
+        "detail": "an SVG data-URI image fails to decode on iOS lynx — SDWebImage reports \"Downloaded image decode failed\" as a level-error image failure, the dev client's red error screen (measured, signalxjs/lynx#1215); dropped — the image is dropped with it, supply a raster or a lynx replacement in the recipe's lynx target section if it is not decorative"
+      },
+      {
+        "where": "lynx tokens, theme \"sunset\"",
+        "what": "--fx-noise: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E\")",
+        "detail": "an SVG data-URI image fails to decode on iOS lynx — SDWebImage reports \"Downloaded image decode failed\" as a level-error image failure, the dev client's red error screen (measured, signalxjs/lynx#1215); dropped — the image is dropped with it, supply a raster or a lynx replacement in the recipe's lynx target section if it is not decorative"
+      },
       {
         "where": "lynx tokens",
         "what": "prefers-reduced-motion duration collapse",
@@ -11525,12 +11550,36 @@
         "detail": "padding-inline resolves on iOS but not on Android (measured, signalxjs/lynx#1084) — cross-platform-asymmetric, treated as unsupported; dropped, restate the geometry with a physical spelling (top/right/bottom/left, margin-*/padding-*) in the recipe's lynx target section",
         "scope": "fieldset"
       },
+      {
+        "where": "lynx recipe for \"checkbox\".\"control\"",
+        "what": "backgroundImage: none, var(--fx-noise)",
+        "detail": "reads --fx-noise, which the lynx tokens refuse — an SVG data-URI image fails to decode on iOS lynx — SDWebImage reports \"Downloaded image decode failed\" as a level-error image failure, the dev client's red error screen (measured, signalxjs/lynx#1215); dropped — the image is dropped with it, supply a raster or a lynx replacement in the recipe's lynx target section if it is not decorative",
+        "scope": "checkbox"
+      },
       {
         "where": "lynx recipe for \"checkbox\".\"indicator\"",
         "what": "rotate: 45deg",
         "detail": "the standalone rotate property resolves on iOS but not on Android (measured, signalxjs/lynx#1084) — cross-platform-asymmetric, treated as unsupported; dropped, spell the motion as a transform function (transform: rotate(...)) in the recipe's lynx target section",
         "scope": "checkbox"
       },
+      {
+        "where": "lynx recipe for \"checkbox\".\"indicator\"",
+        "what": "clipPath: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%)",
+        "detail": "clip-path is not applied on lynx (measured on iOS, signalxjs/lynx#1216 — daisy's polygon-cut checkbox tick drew as the unclipped rotated square); dropped, draw the shape another way (borders, radii, transforms) in the recipe's lynx target section",
+        "scope": "checkbox"
+      },
+      {
+        "where": "lynx recipe for \"checkbox\".\"indicator\"",
+        "what": "clipPath: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%)",
+        "detail": "clip-path is not applied on lynx (measured on iOS, signalxjs/lynx#1216 — daisy's polygon-cut checkbox tick drew as the unclipped rotated square); dropped, draw the shape another way (borders, radii, transforms) in the recipe's lynx target section",
+        "scope": "checkbox"
+      },
+      {
+        "where": "lynx recipe for \"checkbox\".\"indicator\"",
+        "what": "clipPath: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%)",
+        "detail": "clip-path is not applied on lynx (measured on iOS, signalxjs/lynx#1216 — daisy's polygon-cut checkbox tick drew as the unclipped rotated square); dropped, draw the shape another way (borders, radii, transforms) in the recipe's lynx target section",
+        "scope": "checkbox"
+      },
       {
         "where": "lynx recipe for \"checkbox\".\"indicator\"",
         "what": "translate: 0 -35%",
@@ -11561,6 +11610,12 @@
         "detail": "not expressible in the class grammar — dropped; supply a lynx replacement in the recipe target section",
         "scope": "checkbox-group"
       },
+      {
+        "where": "lynx recipe for \"radio-group\".\"item-indicator\"",
+        "what": "backgroundImage: none, var(--fx-noise)",
+        "detail": "reads --fx-noise, which the lynx tokens refuse — an SVG data-URI image fails to decode on iOS lynx — SDWebImage reports \"Downloaded image decode failed\" as a level-error image failure, the dev client's red error screen (measured, signalxjs/lynx#1215); dropped — the image is dropped with it, supply a raster or a lynx replacement in the recipe's lynx target section if it is not decorative",
+        "scope": "radio-group"
+      },
       {
         "where": "lynx recipe for \"progress\".\"range\"",
         "what": "at[\"reduced-motion\"]",
@@ -11965,8 +12020,14 @@
       },
       {
         "where": "lynx recipe for \"toast\".\"indicator\"",
-        "what": "border: calc(var(--border) * 2) solid color-mix(in oklab, var(--toast-ink) 25%, transparent)",
-        "detail": "a color function over --border cannot bake — only the theme's --color-* vocabulary has a literal per theme, and a recipe-local property's value depends on which compound matched; dropped, supply a lynx replacement in the recipe target section",
+        "what": "clipPath: polygon(15.1% 41.3%, 1% 55%, 37.6% 92.8%, 99% 19.8%, 83.9% 7.2%, 36.6% 63.5%)",
+        "detail": "clip-path is not applied on lynx (measured on iOS, signalxjs/lynx#1216 — daisy's polygon-cut checkbox tick drew as the unclipped rotated square); dropped, draw the shape another way (borders, radii, transforms) in the recipe's lynx target section",
+        "scope": "toast"
+      },
+      {
+        "where": "lynx recipe for \"toast\".\"indicator\"",
+        "what": "clipPath: polygon(20% 8%, 50% 38%, 80% 8%, 92% 20%, 62% 50%, 92% 80%, 80% 92%, 50% 62%, 20% 92%, 8% 80%, 38% 50%, 8% 20%)",
+        "detail": "clip-path is not applied on lynx (measured on iOS, signalxjs/lynx#1216 — daisy's polygon-cut checkbox tick drew as the unclipped rotated square); dropped, draw the shape another way (borders, radii, transforms) in the recipe's lynx target section",
         "scope": "toast"
       },
       {
@@ -12329,24 +12390,6 @@
         "detail": "margin-block-start resolves on iOS but not on Android (measured, signalxjs/lynx#1084) — cross-platform-asymmetric, treated as unsupported; dropped, restate the geometry with a physical spelling (top/right/bottom/left, margin-*/padding-*) in the recipe's lynx target section",
         "scope": "empty-state"
       },
-      {
-        "where": "lynx recipe for \"badge\" tokens",
-        "what": "--badge-dot: currentColor",
-        "detail": "currentColor never resolves on lynx (measured on device on both platforms, signalxjs/lynx#1079) — the declaration would ship and silently paint nothing; dropped, spend the ink the element's color rules deliver (a plain var() chain or a baked literal) in the recipe's lynx target section",
-        "scope": "badge"
-      },
-      {
-        "where": "lynx recipe for \"badge\" tokens",
-        "what": "--badge-dot-ring: currentColor",
-        "detail": "currentColor never resolves on lynx (measured on device on both platforms, signalxjs/lynx#1079) — the declaration would ship and silently paint nothing; dropped, spend the ink the element's color rules deliver (a plain var() chain or a baked literal) in the recipe's lynx target section",
-        "scope": "badge"
-      },
-      {
-        "where": "lynx recipe for \"badge\".\"dot\"",
-        "what": "boxShadow: 0 0 0 0.2em color-mix(in oklch, var(--badge-dot) 35%, transparent)",
-        "detail": "a color function over --badge-dot cannot bake — only the theme's --color-* vocabulary has a literal per theme, and a recipe-local property's value depends on which compound matched; dropped, supply a lynx replacement in the recipe target section",
-        "scope": "badge"
-      },
       {
         "where": "lynx recipe for \"badge\".\"dot\"",
         "what": "at[\"reduced-motion\"]",
@@ -12359,12 +12402,6 @@
         "detail": "conditional rules (@media/@supports/breakpoints) are not emitted on this target — responsive styling is runtime JS on lynx",
         "scope": "badge"
       },
-      {
-        "where": "lynx recipe for \"badge\" keyframes \"zero-daisy-badge-pulse\"",
-        "what": "keyframes zero-daisy-badge-pulse",
-        "detail": "a keyframes block is not selector-scoped, so a color function over theme variables cannot be restated per theme the way a declaration can — the animation is dropped; supply a lynx replacement in the recipe target section",
-        "scope": "badge"
-      },
       {
         "where": "lynx recipe for \"divider\".\"root\"",
         "what": "selectors[\"&::before\"]",
@@ -12461,12 +12498,6 @@
         "detail": "conditional rules (@media/@supports/breakpoints) are not emitted on this target — responsive styling is runtime JS on lynx",
         "scope": "spinner"
       },
-      {
-        "where": "lynx recipe for \"status\".\"root\"",
-        "what": "boxShadow: 0 0 0 calc(var(--status-size) / 4) color-mix(in oklch, var(--status-ink) 25%, transparent)",
-        "detail": "a color function over --status-size cannot bake — only the theme's --color-* vocabulary has a literal per theme, and a recipe-local property's value depends on which compound matched; dropped, supply a lynx replacement in the recipe target section",
-        "scope": "status"
-      },
       {
         "where": "lynx recipe for \"indicator\".\"item\"",
         "what": "insetBlockStart: 0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sigx/zero-daisyui",
-  "version": "0.12.0",
+  "version": "0.14.0",
   "description": "DaisyUI-flavored design system for SignalX Zero — daisy's token values and component look as a pure tokens+recipes skin over @sigx/zero primitives. No Tailwind, no daisyUI plugin required.",
   "type": "module",
   "main": "./dist/index.js",
@@ -62,12 +62,12 @@
     "url": "https://github.com/signalxjs/zero/issues"
   },
   "peerDependencies": {
-    "@sigx/zero": "^0.12.0"
+    "@sigx/zero": "^0.14.0"
   },
   "devDependencies": {
     "typescript": "^7.0.2",
-    "@sigx/zero": "^0.12.0",
-    "@sigx/zero-kit": "^0.12.0"
+    "@sigx/zero": "^0.14.0",
+    "@sigx/zero-kit": "^0.14.0"
   },
   "publishConfig": {
     "access": "public"