@kerfjs/ui 5.0.0-beta.113 → 5.0.0-beta.114

package/ai/public-api-signatures-v1.md

@@ -1,6 +1,6 @@
 # Public API signatures for the UI authoring corpus
 
-Generated from emitted declarations for `@kerfjs/ui@5.0.0-beta.113` and `kerfjs@5.0.0-beta.113`. This bounded reference covers only APIs used by the seven-task corpus. It is interface evidence, not an implementation or runtime guarantee.
+Generated from emitted declarations for `@kerfjs/ui@5.0.0-beta.114` and `kerfjs@5.0.0-beta.114`. This bounded reference covers only APIs used by the seven-task corpus. It is interface evidence, not an implementation or runtime guarantee.
 
 ## `@kerfjs/ui/css-values`
 

package/ai/webawesome-jsx-signatures-v1.md

@@ -1,6 +1,6 @@
 # Web Awesome JSX signatures for the UI authoring corpus
 
-Generated from the emitted `@kerfjs/ui@5.0.0-beta.113` declaration boundary. Import `@kerfjs/ui/webawesome` for type effects when authoring direct `wa-*` JSX. The module emits no runtime behavior and does not register custom elements.
+Generated from the emitted `@kerfjs/ui@5.0.0-beta.114` declaration boundary. Import `@kerfjs/ui/webawesome` for type effects when authoring direct `wa-*` JSX. The module emits no runtime behavior and does not register custom elements.
 
 ```ts
 import { KerfCustomElement } from 'kerfjs/jsx-runtime';

package/dist/styles/choice-chips.css

@@ -153,9 +153,23 @@
     :has(> .kui-choice-chips__input:checked),
     [aria-selected="true"]
   ) {
+    --_kui-choice-chips-border: Highlight;
+
     border-color: Highlight;
     color: HighlightText;
     background: Highlight;
+    /* Chromium otherwise paints a contrast backplate over the selected text
+       and icon despite the system-color pair above. Keep the opt-out local to
+       the selected pill so the remaining controls retain UA adjustments. */
+    box-shadow: inset 0 0 0 1px HighlightText;
+    forced-color-adjust: none;
+  }
+
+  .kui-choice-chips__chip:is(
+      :has(> .kui-choice-chips__input:checked),
+      [aria-selected="true"]
+    ):is(:has(> .kui-choice-chips__input:focus-visible), :focus-visible) {
+    outline-color: Highlight;
   }
 
   .kui-choice-chips__swatch {

package/dist/styles/components/forms/choice-chips/choice-chips.css

@@ -153,9 +153,23 @@
     :has(> .kui-choice-chips__input:checked),
     [aria-selected="true"]
   ) {
+    --_kui-choice-chips-border: Highlight;
+
     border-color: Highlight;
     color: HighlightText;
     background: Highlight;
+    /* Chromium otherwise paints a contrast backplate over the selected text
+       and icon despite the system-color pair above. Keep the opt-out local to
+       the selected pill so the remaining controls retain UA adjustments. */
+    box-shadow: inset 0 0 0 1px HighlightText;
+    forced-color-adjust: none;
+  }
+
+  .kui-choice-chips__chip:is(
+      :has(> .kui-choice-chips__input:checked),
+      [aria-selected="true"]
+    ):is(:has(> .kui-choice-chips__input:focus-visible), :focus-visible) {
+    outline-color: Highlight;
   }
 
   .kui-choice-chips__swatch {

package/docs/accessibility.md

@@ -503,7 +503,10 @@ radio's accessible name is the visible label; a `swatch` or `icon` is
 `aria-hidden` decoration. The focus ring is drawn on the pill around the
 focused radio, and the checked pill adds a second pixel of border so the
 selection does not rely on hue alone; forced-colors mode paints it with
-`Highlight`.
+`Highlight` and `HighlightText`. Selected pills opt out of the browser's
+automatic color adjustment only within the pill: Chromium otherwise paints a
+backplate over the label and icon. The selected edge and focus ring use system
+colors; unselected and disabled pills retain normal forced-colors adjustment.
 
 With `multiple: 'toggle'`, the group renders `role="group"` with the same
 naming, and each choice is a native `<input type="checkbox">` inside its pill.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kerfjs/ui",
-  "version": "5.0.0-beta.113",
+  "version": "5.0.0-beta.114",
   "description": "Accessible, composable UI primitives for kerf applications.",
   "type": "module",
   "license": "MIT",