ui-style-kit-css 2.7.1 → 2.7.2

package/CHANGELOG.md

@@ -4,6 +4,19 @@ All notable changes to **UI Style Kit CSS** will be documented here.
 
 ## [Unreleased]
 
+## [2.7.2] - 2026-11-10
+
+### Fixed
+
+- Restore native, canonical, compatibility and prefixed select indicators after semantic field background shorthands.
+- Preserve the reserved indicator gutter when compact preset density rules change control padding.
+- Keep Retro Glass indicators above its recessed material and retain Neo Noir's browser-owned arrow without duplicate custom paint.
+- Retain existing keyboard, disabled, multiple-select and RTL behavior.
+
+### Release tooling
+
+- Add a manual 2.7.2-only artifact publisher requiring a verified source commit, a merged exact-head independent review, reproduced generated assets and public tarball checksum readback. It uses the existing npm package-owner credential and runs no CI or test suite.
+
 ## [2.7.1] - 2026-10-29
 
 ### Fixed

package/README.md

@@ -9,11 +9,11 @@ It is separate from, but complementary to, **Interactive Surface CSS** and **Lay
 
 ## Current version
 
-Version `v2.7.1` is the current UI version. It repairs disappearing hover and pressed labels, preserves action colors on links, and keeps text readable across native palettes, shared themes, and modes. New markup should use `.usk-*`; generated `.ui-*` aliases remain available for existing consumers.
+Version `v2.7.2` is the current UI version. It restores native and semantic dropdown indicators and their reserved text gutter, preserving preset material paint and browser-native arrow ownership. The 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.1 release notes](docs/RELEASE-2.7.1.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.2 release notes](docs/RELEASE-2.7.2.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.1` | current UI version | visual identity, color themes, UI paint, native HTML styling, content wrapping, and bridge tokens |
+| `ui-style-kit-css@2.7.2` | 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.1` 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.2` 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.
 
@@ -193,16 +193,16 @@ SVG icons marked with `data-ui-icon` receive stable `1em` square geometry, block
 
 | Import | Raw | Gzip | Best for |
 |---|---:|---:|---|
-| `ui-style-kit-css/dist/ui-style-kit.min.css` | ~2533 KB | ~427 KB | Compatible runtime UI-system switchers and demos |
+| `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` | ~2903 KB | ~453 KB | Deprecated runtime switcher plus stateful bridge |
+| `ui-style-kit-css/with-bridge.css` | ~2904 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` | ~33 KB | ~5 KB | Shared native HTML fallback styling |
+| `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 |
 | `ui-style-kit-css/clean-defaults.css` | <10 KB | <2 KB | Shared spacing floors and opt-in flush/underline utilities |
 | `ui-style-kit-css/interactive-surface-theme.css` | ~9 KB | ~1 KB | Canonical token-and-paint bridge for Interactive Surface state core |
-| `ui-style-kit-css/visual/minimal-saas.css` | ~351 KB | ~51 KB | Focused Minimal SaaS, including semantic aliases and shared foundations |
-| `ui-style-kit-css/visual/industrial-utility.css` | ~440 KB | ~61 KB | Focused Industrial Utility, including its instrumentation styles |
+| `ui-style-kit-css/visual/minimal-saas.css` | ~352 KB | ~51 KB | Focused Minimal SaaS, including semantic aliases and shared foundations |
+| `ui-style-kit-css/visual/industrial-utility.css` | ~441 KB | ~61 KB | Focused Industrial Utility, including its instrumentation styles |
 
 ## CDN usage
 

package/dist/ui-style-kit.css

@@ -1,5 +1,5 @@
 /*!
- * UI Style Kit CSS v2.7.1
+ * UI Style Kit CSS v2.7.2
  * CSS theme and UI style preset library.
  * License: MIT
  */
@@ -2860,6 +2860,25 @@
 }
 }
 
+/** Native select affordances survive component background shorthands in the preset layer. */
+@layer ui-style-kit.presets {
+/** Keep functional chrome above native defaults while leaving component surface colors intact. */
+[data-ui][data-mode] :where(select:not([multiple])) {
+  padding-inline-end: var(--usk-native-select-padding-inline-end);
+  background-image: var(--usk-native-select-indicator-image);
+  background-repeat: no-repeat;
+  background-position: var(--usk-native-select-indicator-position);
+  background-size: var(--usk-native-select-indicator-size);
+}
+}
+
+/** Preset density may tune other edges, but text must retain the native indicator gutter. */
+@layer ui-style-kit.clean_defaults {
+[data-ui][data-mode] :where(select:not([multiple])) {
+  padding-inline-end: var(--usk-native-select-padding-inline-end);
+}
+}
+
 
 /* styles/components.css */
 /* =========================================================
@@ -30650,7 +30669,7 @@
     padding: 8px 11px;
   }
 
-  .rg-select, :where([data-ui="retro-glass"]) .usk-select, :where([data-ui="retro-glass"]) .ui-select {
+  .rg-select, [data-ui="retro-glass"][data-mode] :where(select:not([multiple])), :where([data-ui="retro-glass"]) .usk-select, :where([data-ui="retro-glass"]) .ui-select {
     background-image: var(--usk-native-select-indicator-image),linear-gradient(180deg,#0000001f,transparent 18%);
     background-size: var(--usk-native-select-indicator-size),auto;
     background-position: var(--usk-native-select-indicator-position),center;
@@ -59345,7 +59364,7 @@
     padding: .4rem .65rem;
   }
 
-  .noir-select, :where([data-ui="neo-noir"]) .usk-select, :where([data-ui="neo-noir"]) .ui-select {
+  .noir-select, [data-ui="neo-noir"][data-mode] .noir-select, :where([data-ui="neo-noir"]) .usk-select, :where([data-ui="neo-noir"])[data-mode] .usk-select, :where([data-ui="neo-noir"]) .ui-select, :where([data-ui="neo-noir"])[data-mode] .ui-select {
     appearance: auto;
     background-image: none;
     padding-right: .5rem;