ui-style-kit-css 2.7.3 → 2.7.5

package/CHANGELOG.md

@@ -4,6 +4,18 @@ All notable changes to **UI Style Kit CSS** will be documented here.
 
 ## [Unreleased]
 
+## [2.7.5] - 2026-11-13
+
+- Use Graphite Cyan light mode's existing dark cyan link ink for keyboard focus, correcting the low-contrast breadcrumb ring reproduced by the published SYS consumer.
+- Add a focused failing-before/passing-after regression against all four neutral palette surfaces; retain focus width, geometry and existing Forest Moss behavior.
+
+## [2.7.4] - 2026-11-13
+
+- Give semantic breadcrumb links 44px minimum targets and remove inherited compound spacing without changing native prose lists.
+- Use the existing dark green palette ink for Forest Moss light-mode focus so it remains visible on all neutral surfaces.
+- Preserve semantic alert foregrounds in nested native small metadata in Minimal SaaS and Bento.
+- Retain focused failing-before/passing-after browser regressions in the normal release selection.
+
 ## [2.7.3] - 2026-11-12
 
 - Preserve semantic alert-body message ink in nested paragraphs and lists through the optional component-composition entrypoint, including Bento warnings.

package/README.md

@@ -9,11 +9,11 @@ It is separate from, but complementary to, **Interactive Surface CSS** and **Lay
 
 ## Current version
 
-Version `v2.7.3` is the current UI version. The optional component-composition entrypoint preserves the owning alert body's foreground in nested paragraphs and lists, keeping warning text readable. The 2.7.2 dropdown indicators and 2.7.1 interaction-contrast corrections remain intact. New markup should use `.usk-*`; generated `.ui-*` aliases remain available for existing consumers.
+Version `v2.7.5` is the current UI version. Semantic breadcrumbs retain accessible link targets and compact compound spacing. Forest Moss and Graphite Cyan light-mode focus use their contrasting palette link inks, and native alert metadata inherits the message foreground. The 2.7.2 dropdown indicators and 2.7.1 interaction-contrast corrections remain intact. New markup should use `.usk-*`; generated `.ui-*` aliases remain available for existing consumers.
 
 The exhaustive browser suite defines 20 presets × 25 themes × 3 modes × 3 engines (4,500 combinations). Run the final release gate on the frozen candidate before treating that full matrix as current verification.
 
-The `v2.4.0` baseline introduced complete native-control identities, native light/dark/contrast palettes when `data-theme` is omitted, a palette-aware color workbench, a unified demo with style-specific components, and exactly pinned parser-based minification. See the [2.7.3 release notes](docs/RELEASE-2.7.3.md) for the current scope and verification boundaries.
+The `v2.4.0` baseline introduced complete native-control identities, native light/dark/contrast palettes when `data-theme` is omitted, a palette-aware color workbench, a unified demo with style-specific components, and exactly pinned parser-based minification. See the [2.7.5 release notes](docs/RELEASE-2.7.5.md) for the current scope and verification boundaries.
 
 [Showcase website](https://foscat.github.io/ui-style-kit-css/)
 
@@ -56,11 +56,11 @@ These libraries stay standalone, but the current aligned set is:
 
 | Library | Aligned version | Owns |
 |---|---:|---|
-| `ui-style-kit-css@2.7.3` | current UI version | visual identity, color themes, UI paint, native HTML styling, content wrapping, and bridge tokens |
+| `ui-style-kit-css@2.7.5` | current UI version | visual identity, color themes, UI paint, native HTML styling, content wrapping, and bridge tokens |
 | `interactive-surface-css@1.7.3` | compatible state release | interaction-state primitives, surface behavior, state layers, and input affordances |
 | `layout-style-css@3.2.3` | compatible structural release | structural wrappers, grids, sections, app shells, and layout recipes |
 
-UI Style Kit `2.7.3` is the current UI version. This version is aligned with the reviewed Interactive Surface `1.7.3` and Layout Style `3.2.3` releases. The validated minimum remains `ui-style-kit-css@2.1.0`, `interactive-surface-css@1.5.0`, and `layout-style-css@3.0.0`.
+UI Style Kit `2.7.5` is the current UI version. This version is aligned with the reviewed Interactive Surface `1.7.3` and Layout Style `3.2.3` releases. The validated minimum remains `ui-style-kit-css@2.1.0`, `interactive-surface-css@1.5.0`, and `layout-style-css@3.0.0`.
 
 Use one, two, or all three depending on the project. UI Style Kit does not require the sibling libraries, and the optional bridge only maps shared `--usk-*` roles into Interactive Surface tokens when consumers import it.
 
@@ -195,7 +195,7 @@ SVG icons marked with `data-ui-icon` receive stable `1em` square geometry, block
 |---|---:|---:|---|
 | `ui-style-kit-css/dist/ui-style-kit.min.css` | ~2534 KB | ~427 KB | Compatible runtime UI-system switchers and demos |
 | `ui-style-kit-css/visual.min.css` | ~2517 KB | ~425 KB | Runtime visual switching with consumer-owned layout |
-| `ui-style-kit-css/with-bridge.css` | ~2904 KB | ~453 KB | Deprecated runtime switcher plus stateful bridge |
+| `ui-style-kit-css/with-bridge.css` | ~2905 KB | ~453 KB | Deprecated runtime switcher plus stateful bridge |
 | `ui-style-kit-css/theme-colors.css` | ~64 KB | ~8 KB | Shared color schemes for standalone style imports |
 | `ui-style-kit-css/native-elements.css` | ~34 KB | ~6 KB | Shared native HTML fallback styling |
 | `ui-style-kit-css/content-overflow.css` | ~20 KB | ~3 KB | Shared long-text containment for standalone style imports |

package/dist/ui-style-kit.css

@@ -1,5 +1,5 @@
 /*!
- * UI Style Kit CSS v2.7.3
+ * UI Style Kit CSS v2.7.5
  * CSS theme and UI style preset library.
  * License: MIT
  */
@@ -219,7 +219,8 @@
   --usk-success-text-rgb: 255 255 255;
   --usk-warning-text-rgb: 255 255 255;
   --usk-danger-text-rgb: 255 255 255;
-  --usk-focus-rgb: 156 186 82;
+  /** Dark green focus ink remains distinct on every light neutral surface. */
+  --usk-focus-rgb: 47 97 43;
 }
 
 :where([data-ui][data-theme="forest-moss"][data-mode="dark"]) {
@@ -453,7 +454,7 @@
   --usk-success-text-rgb: 255 255 255;
   --usk-warning-text-rgb: 0 0 0;
   --usk-danger-text-rgb: 255 255 255;
-  --usk-focus-rgb: 34 184 199;
+  --usk-focus-rgb: 0 99 110;
 }
 
 :where([data-ui][data-theme="graphite-cyan"][data-mode="dark"]) {