@imfusion/web-ui 0.8.1-dev.21.gf14e57d1 → 0.8.1-dev.25.g85d685b9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imfusion/web-ui",
-  "version": "0.8.1-dev.21.gf14e57d1",
+  "version": "0.8.1-dev.25.g85d685b9",
   "description": "The official Web UI component library for ImFusion web apps",
   "author": "ImFusion GmbH",
   "homepage": "https://imfusion.com",
@@ -91,7 +91,7 @@
     "test:stories": "vitest run --project storybook",
     "test:watch": "vitest",
     "skills:eval": "tsx src/llms/evals/runner/run.ts",
-    "skills:eval:dev": "WEB_UI_SKILL_EVAL_ROOT=/private/tmp/web-ui-dev-skill-evals WEB_UI_SKILL_EVAL_RESULTS_DIR=.agents/evals/results WEB_UI_SKILL_EVAL_REPORT_PATH=.agents/evals/REPORT.md WEB_UI_SKILL_EVAL_SKILL_FAMILY=web-ui-dev WEB_UI_SKILL_EVAL_WORKSPACE_LABEL='development repository' tsx src/llms/evals/runner/run.ts --scenarios-dir .agents/evals/scenarios --setup .agents/evals/setup-env.sh",
+    "skills:eval:dev": "WEB_UI_SKILL_EVAL_SCENARIOS_DIR=.agents/evals/scenarios WEB_UI_SKILL_EVAL_SKILLS_DIR=.agents/skills WEB_UI_SKILL_EVAL_ROOT=/private/tmp/web-ui-dev-skill-evals WEB_UI_SKILL_EVAL_RESULTS_DIR=.agents/evals/results WEB_UI_SKILL_EVAL_REPORT_PATH=.agents/evals/REPORT.md WEB_UI_SKILL_EVAL_SKILL_FAMILY=web-ui-dev WEB_UI_SKILL_EVAL_WORKSPACE_LABEL='development repository' tsx src/llms/evals/runner/run.ts --scenarios-dir .agents/evals/scenarios --setup .agents/evals/setup-env.sh",
     "skills:eval:compare": "tsx src/llms/evals/runner/compare.ts",
     "skills:eval:affected": "tsx src/llms/evals/runner/affected.ts",
     "skills:eval:report": "tsx src/llms/evals/runner/report.ts",

package/src/llms/skills/imf-web-ui-conventions/topics/styling.md

@@ -7,6 +7,8 @@ Use native CSS and Web UI's public seams. The library's CSS Modules and token na
 - Use CSS Modules with native nesting. Do not add Sass, CSS-in-JS, or a utility-class framework for ordinary component
   styles.
 - Nest states, pseudo-elements, and child selectors under the root.
+- Write declarations before nested rules; browsers before Chrome 130, Firefox 132, and Safari 18 move later ones above them.
+- Do not nest under a selector list whose selectors differ in specificity. The nested rule takes the highest one.
 - Lift repeated values into custom properties, especially when a state or variant changes several descendants.
 - Keep structurally different rules explicit; not every repeated value needs an abstraction.
 
@@ -85,8 +87,8 @@ Foreground roles are for text, icons, borders, and focus rings. Background roles
 
 ## Browser floor
 
-The library targets Safari 16.2 or newer. `color-mix(in oklch, …)` is available at that floor. Relative color syntax needs a
-guarded fallback for older Safari:
+The library targets Safari 17.5, Chrome 123, and Firefox 120 or newer, the first versions with native `light-dark()`.
+`color-mix(in oklch, …)` is available at that floor. Relative color syntax needs a guarded fallback for older Safari:
 
 ```css
 .subtle {

package/src/llms/tokens.gen.json

@@ -715,7 +715,7 @@
       },
       {
         "name": "--imf-ui-inner-shadow-highlight",
-        "value": "inset calc(-0.5px * var(--imf-ui-shadow-x)) calc(-0.5px * var(--imf-ui-shadow-y)) 0 0 #fff, inset calc( 0.5px * var(--imf-ui-shadow-x)) calc( 0.5px * var(--imf-ui-shadow-y)) 0 0 #0001"
+        "value": "inset calc(-0.5px * var(--imf-ui-shadow-x)) calc(-0.5px * var(--imf-ui-shadow-y)) 0 0 light-dark(#fff, #fff1), inset calc( 0.5px * var(--imf-ui-shadow-x)) calc( 0.5px * var(--imf-ui-shadow-y)) 0 0 light-dark(#0001, #0007)"
       },
       {
         "name": "--imf-ui-inner-shadow-tint",