@sigx/zero-daisyui 0.9.0 → 0.11.0

package/dist/report.json

@@ -3,7 +3,7 @@
   "reportVersion": 2,
   "name": "daisyui",
   "score": {
-    "total": 82.8,
+    "total": 82.7,
     "grade": "B",
     "criteria": {
       "components": {
@@ -24,14 +24,14 @@
         }
       },
       "states": {
-        "score": 76,
+        "score": 75.7,
         "weight": 20,
         "detail": {
-          "covered": 443,
+          "covered": 445,
           "coveredIndirectly": 0,
           "skipped": 15,
-          "uncovered": 135,
-          "total": 593
+          "uncovered": 138,
+          "total": 598
         }
       },
       "contrast": {
@@ -2831,7 +2831,9 @@
             "covered": [],
             "coveredIndirectly": [],
             "skipped": [],
-            "uncovered": []
+            "uncovered": [
+              "swiping"
+            ]
           }
         },
         "backdrop": {
@@ -5711,6 +5713,7 @@
             "coveredIndirectly": [],
             "skipped": [],
             "uncovered": [
+              "clearable",
               "press-animating",
               "pressed"
             ]
@@ -5730,7 +5733,9 @@
             ],
             "coveredIndirectly": [],
             "skipped": [],
-            "uncovered": []
+            "uncovered": [
+              "clearable"
+            ]
           }
         },
         "indicator": {
@@ -5745,7 +5750,9 @@
             "uncovered": []
           },
           "flags": {
-            "covered": [],
+            "covered": [
+              "clearable"
+            ],
             "coveredIndirectly": [],
             "skipped": [],
             "uncovered": []
@@ -7718,7 +7725,9 @@
             "uncovered": []
           },
           "flags": {
-            "covered": [],
+            "covered": [
+              "swiping"
+            ],
             "coveredIndirectly": [],
             "skipped": [],
             "uncovered": []
@@ -9829,8 +9838,8 @@
   "contrast": [
     {
       "name": "light",
-      "cells": 3311,
-      "measured": 2901,
+      "cells": 3318,
+      "measured": 2908,
       "failing": 0,
       "warnings": 324,
       "disabledFailing": 0,
@@ -9905,8 +9914,8 @@
     },
     {
       "name": "dark",
-      "cells": 3311,
-      "measured": 2901,
+      "cells": 3318,
+      "measured": 2908,
       "failing": 0,
       "warnings": 168,
       "disabledFailing": 0,
@@ -9981,10 +9990,10 @@
     },
     {
       "name": "dim",
-      "cells": 3311,
-      "measured": 2901,
+      "cells": 3318,
+      "measured": 2908,
       "failing": 0,
-      "warnings": 269,
+      "warnings": 272,
       "disabledFailing": 0,
       "unrendered": 7,
       "unpainted": 5,
@@ -10057,10 +10066,10 @@
     },
     {
       "name": "nord",
-      "cells": 3311,
-      "measured": 2901,
+      "cells": 3318,
+      "measured": 2908,
       "failing": 0,
-      "warnings": 1231,
+      "warnings": 1234,
       "disabledFailing": 0,
       "unrendered": 7,
       "unpainted": 5,
@@ -10133,10 +10142,10 @@
     },
     {
       "name": "sunset",
-      "cells": 3311,
-      "measured": 2901,
+      "cells": 3318,
+      "measured": 2908,
       "failing": 0,
-      "warnings": 268,
+      "warnings": 271,
       "disabledFailing": 0,
       "unrendered": 7,
       "unpainted": 5,
@@ -10286,6 +10295,17 @@
         "what": "@property registrations, @layer, light-dark()/prefers-color-scheme",
         "detail": "omitted: colors are baked per theme block and switching is a class swap, so there is nothing left for them to do"
       },
+      {
+        "where": "lynx tokens",
+        "what": "rem lengths (114)",
+        "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"
+      },
+      {
+        "where": "lynx recipe for \"grid\"",
+        "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": "grid"
+      },
       {
         "where": "lynx recipe for \"tabs\".\"list\"",
         "what": "display: inline-flex",
@@ -10298,6 +10318,12 @@
         "detail": "calc-holding custom-property chain inlined: value substituted into 0 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": "tabs"
       },
+      {
+        "where": "lynx recipe for \"tabs\"",
+        "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": "tabs"
+      },
       {
         "where": "lynx recipe for \"switch\"",
         "what": "--switch-p",
@@ -10328,6 +10354,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": "dialog"
       },
+      {
+        "where": "lynx recipe for \"dialog\"",
+        "what": "rem lengths (2)",
+        "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": "dialog"
+      },
       {
         "where": "lynx recipe for \"popover\".\"trigger\"",
         "what": "display: inline-flex",
@@ -10340,18 +10372,42 @@
         "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": "popover"
       },
+      {
+        "where": "lynx recipe for \"popover\"",
+        "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": "popover"
+      },
       {
         "where": "lynx recipe for \"tooltip\".\"trigger\"",
         "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": "tooltip"
       },
+      {
+        "where": "lynx recipe for \"tooltip\"",
+        "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": "tooltip"
+      },
+      {
+        "where": "lynx recipe for \"hover-card\"",
+        "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": "hover-card"
+      },
       {
         "where": "lynx recipe for \"menu\".\"trigger\"",
         "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": "menu"
       },
+      {
+        "where": "lynx recipe for \"menu\"",
+        "what": "rem lengths (2)",
+        "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": "menu"
+      },
       {
         "where": "lynx recipe for \"checkbox\".\"root\"",
         "what": "display: inline-flex",
@@ -10364,6 +10420,12 @@
         "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)",
         "scope": "checkbox"
       },
+      {
+        "where": "lynx recipe for \"checkbox\"",
+        "what": "rem lengths (7)",
+        "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": "checkbox"
+      },
       {
         "where": "lynx recipe for \"radio-group\".\"item\"",
         "what": "display: inline-flex",
@@ -10376,6 +10438,12 @@
         "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)",
         "scope": "radio-group"
       },
+      {
+        "where": "lynx recipe for \"radio-group\"",
+        "what": "rem lengths (6)",
+        "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": "radio-group"
+      },
       {
         "where": "lynx recipe for \"progress\"",
         "what": "--progress-track-size",
@@ -10394,6 +10462,12 @@
         "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": "slider"
       },
+      {
+        "where": "lynx recipe for \"slider\"",
+        "what": "rem lengths (2)",
+        "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": "slider"
+      },
       {
         "where": "lynx recipe for \"select\".\"root\"",
         "what": "display: inline-flex",
@@ -10412,12 +10486,24 @@
         "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": "select"
       },
+      {
+        "where": "lynx recipe for \"select\"",
+        "what": "rem lengths (15)",
+        "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": "select"
+      },
       {
         "where": "lynx recipe for \"button\".\"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": "button"
       },
+      {
+        "where": "lynx recipe for \"button\"",
+        "what": "rem lengths (2)",
+        "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": "button"
+      },
       {
         "where": "lynx recipe for \"avatar\"",
         "what": "--avatar-size",
@@ -10436,6 +10522,12 @@
         "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-group"
       },
+      {
+        "where": "lynx recipe for \"toast\"",
+        "what": "rem lengths (2)",
+        "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": "toast"
+      },
       {
         "where": "lynx recipe for \"combobox\".\"root\"",
         "what": "display: inline-flex",
@@ -10460,6 +10552,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": "combobox"
       },
+      {
+        "where": "lynx recipe for \"combobox\"",
+        "what": "rem lengths (2)",
+        "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": "combobox"
+      },
       {
         "where": "lynx recipe for \"toggle\".\"root\"",
         "what": "display: inline-flex",
@@ -10490,6 +10588,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": "number-input"
       },
+      {
+        "where": "lynx recipe for \"number-input\"",
+        "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": "number-input"
+      },
       {
         "where": "lynx recipe for \"rating-group\".\"root\"",
         "what": "display: inline-flex",
@@ -10616,6 +10720,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": "join"
       },
+      {
+        "where": "lynx recipe for \"navbar\"",
+        "what": "rem lengths (5)",
+        "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": "navbar"
+      },
       {
         "where": "lynx recipe for \"nav-list\".\"icon\"",
         "what": "display: inline-flex",
@@ -10730,11 +10840,23 @@
         "detail": "calc-holding custom-property chain inlined: value substituted into 1 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": "file-upload"
       },
+      {
+        "where": "lynx recipe for \"carousel\"",
+        "what": "rem lengths (10)",
+        "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": "carousel"
+      },
       {
         "where": "lynx recipe for \"countdown\".\"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": "countdown"
+      },
+      {
+        "where": "lynx recipe for \"diff\"",
+        "what": "rem lengths (10)",
+        "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": "diff"
       }
     ],
     "dropped": [
@@ -11579,8 +11701,8 @@
       },
       {
         "where": "lynx recipe for \"select\".\"indicator\"",
-        "what": "selectors[\"[data-scope=\"select\"][data-part=\"root\"]:has(> [data-scope=\"select\"][data-part=\"clear-trigger\"]) &\"]",
-        "detail": "not expressible in the class grammar — dropped; supply a lynx replacement in the recipe target section",
+        "what": "marginInlineStart: calc(var(--space-2xl) + var(--space-sm))",
+        "detail": "margin-inline-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": "select"
       },
       {
@@ -12965,7 +13087,7 @@
       },
       {
         "where": "lynx recipe for \"drawer\".\"panel\"",
-        "what": "translate: var(--drawer-travel) 0",
+        "what": "translate: var(--drawer-travel)",
         "detail": "the standalone translate 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: translateX(...) translateY(...)) in the recipe's lynx target section",
         "scope": "drawer"
       },
@@ -13011,6 +13133,72 @@
         "detail": "inset-inline-end 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": "drawer"
       },
+      {
+        "where": "lynx recipe for \"drawer\".\"panel\"",
+        "what": "selectors[\"&:where([data-placement=\"top\"], [data-placement=\"bottom\"])\"]",
+        "detail": "not expressible in the class grammar — dropped; supply a lynx replacement in the recipe target section",
+        "scope": "drawer"
+      },
+      {
+        "where": "lynx recipe for \"drawer\".\"panel\"",
+        "what": "insetBlockStart: 0",
+        "detail": "inset-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": "drawer"
+      },
+      {
+        "where": "lynx recipe for \"drawer\".\"panel\"",
+        "what": "insetBlockEnd: auto",
+        "detail": "inset-block-end 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": "drawer"
+      },
+      {
+        "where": "lynx recipe for \"drawer\".\"panel\"",
+        "what": "insetInlineStart: 0",
+        "detail": "inset-inline-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": "drawer"
+      },
+      {
+        "where": "lynx recipe for \"drawer\".\"panel\"",
+        "what": "insetInlineEnd: 0",
+        "detail": "inset-inline-end 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": "drawer"
+      },
+      {
+        "where": "lynx recipe for \"drawer\".\"panel\"",
+        "what": "marginInline: auto",
+        "detail": "margin-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": "drawer"
+      },
+      {
+        "where": "lynx recipe for \"drawer\".\"panel\"",
+        "what": "insetBlockStart: auto",
+        "detail": "inset-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": "drawer"
+      },
+      {
+        "where": "lynx recipe for \"drawer\".\"panel\"",
+        "what": "insetBlockEnd: 0",
+        "detail": "inset-block-end 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": "drawer"
+      },
+      {
+        "where": "lynx recipe for \"drawer\".\"panel\"",
+        "what": "insetInlineStart: 0",
+        "detail": "inset-inline-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": "drawer"
+      },
+      {
+        "where": "lynx recipe for \"drawer\".\"panel\"",
+        "what": "insetInlineEnd: 0",
+        "detail": "inset-inline-end 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": "drawer"
+      },
+      {
+        "where": "lynx recipe for \"drawer\".\"panel\"",
+        "what": "marginInline: auto",
+        "detail": "margin-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": "drawer"
+      },
       {
         "where": "lynx recipe for \"drawer\".\"panel\"",
         "what": "at[\"starting-style\"]",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sigx/zero-daisyui",
-  "version": "0.9.0",
+  "version": "0.11.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.9.0"
+    "@sigx/zero": "^0.11.0"
   },
   "devDependencies": {
     "typescript": "^7.0.2",
-    "@sigx/zero": "^0.9.0",
-    "@sigx/zero-kit": "^0.9.0"
+    "@sigx/zero": "^0.11.0",
+    "@sigx/zero-kit": "^0.11.0"
   },
   "publishConfig": {
     "access": "public"