ui-style-kit-css 2.7.3 → 2.7.4

package/dist/visual/paper-editorial.css

@@ -1,5 +1,5 @@
 /*!
- * UI Style Kit CSS v2.7.3
+ * UI Style Kit CSS v2.7.4
  * 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"]) {

package/dist/visual/retro-glass.css

@@ -1,5 +1,5 @@
 /*!
- * UI Style Kit CSS v2.7.3
+ * UI Style Kit CSS v2.7.4
  * 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"]) {

package/dist/visual/retrofuturism.css

@@ -1,5 +1,5 @@
 /*!
- * UI Style Kit CSS v2.7.3
+ * UI Style Kit CSS v2.7.4
  * 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"]) {

package/dist/visual/tactile.css

@@ -1,5 +1,5 @@
 /*!
- * UI Style Kit CSS v2.7.3
+ * UI Style Kit CSS v2.7.4
  * 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"]) {

package/dist/visual/technical-blueprint.css

@@ -1,5 +1,5 @@
 /*!
- * UI Style Kit CSS v2.7.3
+ * UI Style Kit CSS v2.7.4
  * 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"]) {

package/dist/visual/y2k.css

@@ -1,5 +1,5 @@
 /*!
- * UI Style Kit CSS v2.7.3
+ * UI Style Kit CSS v2.7.4
  * 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"]) {

package/docs/ECOSYSTEM.md

@@ -14,11 +14,11 @@ Before a UI branch or pull request is expected to validate, verify the reviewed
 
 | Library | Current 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.4` | 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 |
 
-The current combination is `ui-style-kit-css@2.7.3`, `interactive-surface-css@1.7.3`, and `layout-style-css@3.2.3`. UI Style Kit `2.7.3` is the current UI version. The companion versions are reviewed releases. Layout Style `3.2.3` is the compatible structural release. The validated minimum remains `ui-style-kit-css@2.1.0`, `interactive-surface-css@1.5.0`, and `layout-style-css@3.0.0`.
+The current combination is `ui-style-kit-css@2.7.4`, `interactive-surface-css@1.7.3`, and `layout-style-css@3.2.3`. UI Style Kit `2.7.4` is the current UI version. The companion versions are reviewed releases. Layout Style `3.2.3` is the compatible structural release. The validated minimum remains `ui-style-kit-css@2.1.0`, `interactive-surface-css@1.5.0`, and `layout-style-css@3.0.0`.
 
 ## Layout-to-visual pairing matrix
 

package/docs/PUBLISHING.md

@@ -1,16 +1,14 @@
-# Publishing Guide
+# Publishing
 
-## 2.7.3 focused patch route
+## 2.7.4 accessibility patch
 
-The owner authorized selected affected checks and prohibited CI/full suites for this repair. Follow [the 2.7.3 publication boundary](RELEASE-2.7.3.md) and the reviewed manual publish-select-patch.yml workflow. It requires signed exact source, the merged exact-head STE-Adam review, generated-asset reproduction, package admission and anonymous byte readback. It uses the existing npm publisher credential; no new secret or application deployment is included. Do not dispatch either legacy publisher for this patch. The 2.7.3 procedure below is historical and does not describe current 2.7.3 evidence.
+Use the existing reviewed source, signed tag and protected npm release workflow for this patch. The historical `publish-select-patch.yml` controller is restricted to 2.7.2 and must not be dispatched for 2.7.4. Complete local release verification, align generated artifacts and inspect the exact source before opening the release PR. Review, package-owner credentials, immutable identities and anonymous public-byte readback remain required. SYS may consume only the resulting published artifact. See [the 2.7.4 release notes](RELEASE-2.7.4.md).
 
-If run 42890785010 reports upload success but its immediate registry readback returns 404, use the same manual workflow with complete_only=true, source 56b1e3d50c4c1b17d2f28733cb590e0a742e2941 and approval PR 61. The continuation skips install/build/pack/publication, requires the original prepublication SHA-512 and producer SHA-1 plus exact public byte length, and completes only readback and release records. Preserve the original failed run; do not claim it passed or rerun its successful publication.
+## 2.7.4 release workflow
 
-## 2.7.3 release workflow
-
-This guide prepares version `2.7.3`. [Release preparation notes](RELEASE-2.7.3.md)
+This guide prepares version `2.7.4`. [Release preparation notes](RELEASE-2.7.4.md)
 record the current local scope and gates; existing visual-QA documents are historical
-evidence, not proof that subsequent edits passed browser validation. The 2.7.3
+evidence, not proof that subsequent edits passed browser validation. The 2.7.4
 changelog entry must carry the approved publication date before tagging.
 
 Update the tracked `wiki/` sources with the README and docs. Publishing those pages
@@ -19,9 +17,9 @@ documentation generator is configured in this package; reusable JavaScript helpe
 use JSDoc-compatible comments, and the checked-in build owns generated CSS, manifests,
 icons, README size measurements, and demo asset hashes.
 
-Prepare `ui-style-kit-css@2.7.3` on its release branch, open a pull request against `main`, and merge only after the fast automated gate is green and any requested manual demo review is complete. The aligned companion releases are `layout-style-css@3.2.3` and `interactive-surface-css@1.7.3`.
+Prepare `ui-style-kit-css@2.7.4` on its release branch, open a pull request against `main`, and merge only after the fast automated gate is green and any requested manual demo review is complete. The aligned companion releases are `layout-style-css@3.2.3` and `interactive-surface-css@1.7.3`.
 
-Do not push `v2.7.3` before the reviewed release commit is on `main`. A pushed version tag runs Release Version Alignment, which validates the tag/package/changelog contract and creates the GitHub Release; publishing that release triggers the protected npm workflow.
+Do not push `v2.7.4` before the reviewed release commit is on `main`. A pushed version tag runs Release Version Alignment, which validates the tag/package/changelog contract and creates the GitHub Release; publishing that release triggers the protected npm workflow.
 
 Release Version Alignment owns the fast automated release gate: lint, build, unit checks, the tagged Chromium release-smoke Playwright suite, and packed ecosystem preflight with `--skip-clean-install`. The visual-baseline suite, full UI matrix, and clean-install ecosystem matrix are manual escalation tools, not default push or publish blockers. The protected npm workflow intentionally does not rerun browser gates; it revalidates the immutable tag, package contracts, browser-free compatibility checks, companion commit reachability, the explicit release preflight with `--skip-clean-install`, npm token presence, npm owner authorization, and registry state before publishing.
 
@@ -82,7 +80,7 @@ npm run check:ecosystem:packs -- --layout-repo ../Layout-Style-CSS --interactive
 npm publish
 ```
 
-`prepublishOnly` runs `npm run release:verify`, so a direct `npm publish` still has the default fast release gate. For GitHub releases, push or dispatch the matching package tag, such as `v2.7.3`, only after the release PR is merged. The release workflows verify that `package.json`, `package-lock.json`, `CHANGELOG.md`, generated dist banners, and ecosystem pins are aligned before publishing. Dispatch the protected npm workflow from the current `main` workflow file when recovering publication for a release that has already passed Release Version Alignment.
+`prepublishOnly` runs `npm run release:verify`, so a direct `npm publish` still has the default fast release gate. For GitHub releases, push or dispatch the matching package tag, such as `v2.7.4`, only after the release PR is merged. The release workflows verify that `package.json`, `package-lock.json`, `CHANGELOG.md`, generated dist banners, and ecosystem pins are aligned before publishing. Dispatch the protected npm workflow from the current `main` workflow file when recovering publication for a release that has already passed Release Version Alignment.
 
 The repository `NPM_TOKEN` secret must authenticate to npm as a user that appears in `npm owner ls ui-style-kit-css`. If the token belongs to another npm account or lacks package publish rights, npm may report a misleading registry `E404` at publish time.
 
@@ -94,4 +92,4 @@ npm run release:minor
 npm run release:major
 ```
 
-Use patch for compatible fixes, minor for new themes, presets, component capabilities, or browser-support contracts, and major for incompatible public API changes. Version `2.7.3` is a patch release because it repairs interaction paint and contrast while retaining the preset and semantic component APIs. Future feature versioning continues to follow this policy.
+Use patch for compatible fixes, minor for new themes, presets, component capabilities, or browser-support contracts, and major for incompatible public API changes. Version `2.7.4` is a patch release because it repairs interaction paint and contrast while retaining the preset and semantic component APIs. Future feature versioning continues to follow this policy.

package/docs/RELEASE-2.7.4.md

@@ -0,0 +1,5 @@
+# UI Style Kit CSS 2.7.4
+
+This accessibility patch corrects three shared defects reproduced by SYS browser acceptance. Navigable semantic breadcrumbs have 44px minimum targets and own their compound spacing; current-page labels retain their semantics and ordinary lists retain native spacing. Forest Moss light-mode focus uses the palette's existing dark green link ink, correcting the observed 1.78-2.20 contrast ratios on neutral surfaces. Nested native `small` metadata inherits its semantic alert body foreground through the optional component-composition entrypoint.
+
+The focused geometry regression covers every manifest preset and both semantic namespaces. Separate focused keyboard-focus and alert-metadata regressions fail before their respective corrections and pass afterward. Alert metadata also covers the default visual bundle, its minified distribution and the focused Minimal SaaS/Bento exports across palettes and modes. Normal release verification remains required. Published artifact, SYS consumer and deployment acceptance are separate delivery gates.

package/manifest.json

@@ -5,7 +5,7 @@
     "breakingChange": "increment-schemaVersion-before-removing-or-renaming-fields"
   },
   "name": "ui-style-kit-css",
-  "version": "2.7.3",
+  "version": "2.7.4",
   "cascadeLayers": [
     "ui-style-kit.theme_colors",
     "ui-style-kit.native_elements",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-style-kit-css",
-  "version": "2.7.3",
+  "version": "2.7.4",
   "description": "CSS theme and UI style preset library for accessible websites, dashboards, admin interfaces, and client-facing pages.",
   "style": "dist/ui-style-kit.css",
   "main": "dist/ui-style-kit.css",

package/styles/component-composition.css

@@ -6,6 +6,22 @@
 ========================================================= */
 
 @layer ui-style-kit.clean_defaults {
+/** Breadcrumb compounds own their spacing instead of accumulating native element insets. */
+[data-ui][data-mode] :is(.usk-breadcrumb, .ui-breadcrumb, .usk-breadcrumb-list, .ui-breadcrumb-list, .usk-breadcrumb-item, .ui-breadcrumb-item) {
+  margin: 0;
+  padding: 0;
+}
+
+/** Navigable breadcrumb links expose touch targets without enlarging the current-page label. */
+[data-ui][data-mode] :is(.usk-breadcrumb-link, .ui-breadcrumb-link):any-link {
+  display: inline-flex;
+  align-items: center;
+  box-sizing: border-box;
+  min-inline-size: 44px;
+  min-block-size: 44px;
+  margin: 0;
+}
+
 /** Long chip content shrinks and wraps before it can displace the separate remove action. */
 [data-ui][data-mode] .usk-chip > .usk-chip__label {
   min-inline-size: 0;
@@ -891,9 +907,9 @@
 }
 }
 
-/** Native prose and lists retain their owning semantic message body foreground. */
+/** Native prose, lists and small metadata retain their owning semantic message foreground. */
 @layer ui-style-kit.clean_defaults {
-[data-ui][data-mode] .usk-alert__body :where(p, ul, ol, menu) {
+[data-ui][data-mode] .usk-alert__body :where(p, ul, ol, menu, small) {
   color: inherit;
 }
 }

package/styles/theme-colors.css

@@ -210,7 +210,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"]) {