ui-style-kit-css 2.7.1 → 2.7.3

package/dist/visual/paper-editorial.css

@@ -1,5 +1,5 @@
 /*!
- * UI Style Kit CSS v2.7.1
+ * UI Style Kit CSS v2.7.3
  * 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 */
 /* =========================================================

package/dist/visual/retro-glass.css

@@ -1,5 +1,5 @@
 /*!
- * UI Style Kit CSS v2.7.1
+ * UI Style Kit CSS v2.7.3
  * 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 */
 /* =========================================================
@@ -6045,7 +6064,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;

package/dist/visual/retrofuturism.css

@@ -1,5 +1,5 @@
 /*!
- * UI Style Kit CSS v2.7.1
+ * UI Style Kit CSS v2.7.3
  * 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 */
 /* =========================================================

package/dist/visual/tactile.css

@@ -1,5 +1,5 @@
 /*!
- * UI Style Kit CSS v2.7.1
+ * UI Style Kit CSS v2.7.3
  * 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 */
 /* =========================================================

package/dist/visual/technical-blueprint.css

@@ -1,5 +1,5 @@
 /*!
- * UI Style Kit CSS v2.7.1
+ * UI Style Kit CSS v2.7.3
  * 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 */
 /* =========================================================

package/dist/visual/y2k.css

@@ -1,5 +1,5 @@
 /*!
- * UI Style Kit CSS v2.7.1
+ * UI Style Kit CSS v2.7.3
  * 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 */
 /* =========================================================

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.1` | current UI version | visual identity, color themes, UI paint, native HTML styling, content wrapping, and bridge tokens |
+| `ui-style-kit-css@2.7.3` | 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.1`, `interactive-surface-css@1.7.3`, and `layout-style-css@3.2.3`. UI Style Kit `2.7.1` 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.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`.
 
 ## Layout-to-visual pairing matrix
 

package/docs/PUBLISHING.md

@@ -1,10 +1,16 @@
 # Publishing Guide
 
-## 2.7.1 release workflow
+## 2.7.3 focused patch route
 
-This guide prepares version `2.7.1`. [Release preparation notes](RELEASE-2.7.1.md)
+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.
+
+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.3 release workflow
+
+This guide prepares version `2.7.3`. [Release preparation notes](RELEASE-2.7.3.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.1
+evidence, not proof that subsequent edits passed browser validation. The 2.7.3
 changelog entry must carry the approved publication date before tagging.
 
 Update the tracked `wiki/` sources with the README and docs. Publishing those pages
@@ -13,9 +19,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.1` 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.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`.
 
-Do not push `v2.7.1` 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.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.
 
 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.
 
@@ -76,7 +82,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.1`, 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.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.
 
 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.
 
@@ -88,4 +94,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.1` 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.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.

package/docs/RELEASE-2.7.2.md

@@ -0,0 +1,55 @@
+# v2.7.2 native select affordance patch
+
+This compatible patch restores dropdown cues while retaining the 20 presets,
+25 themes, public entrypoints, native popups and semantic namespaces.
+
+## Corrections
+
+Preset-layer semantic field background shorthands reset the native indicator's
+image, size, position and repetition. The shared fallback restores the existing
+public tokens above generic component paint. The reserved text gutter survives
+compact preset padding. Retro Glass keeps its indicator above its recessed
+material; Neo Noir keeps its browser-owned arrow without duplicate custom paint.
+Tactile hardware arrows and Clay texture layers remain preset-owned.
+
+## Focused evidence
+
+Two individually selected Chromium cases passed. The first visits all 20 presets
+in light, dark and contrast modes with native, canonical `.usk-select`, compatibility
+`.ui-select` and prefixed controls. The second checks keyboard selection, disabled
+and multiple-select semantics, and settled LTR/RTL positioning under reduced
+motion. The selected original single/multiple source contract and new publication
+authority case also passed. The three changed stylesheets pass focused lint.
+Named-theme, Firefox, WebKit and whole-suite results are not claimed here.
+
+The first shared fix exposed Y2K gutter reset and Retro Glass material precedence.
+Generated alias tracing identified Neo Noir's reduced root specificity. Test-only
+corrections distinguish repeating Clay texture from indicators, preserve Tactile's
+hardware end cap, and await computed CSS settlement in a standards-mode fixture.
+
+Gnomie visually inspected the candidate CSS on the retained actual installed SYS
+catalog DOM at desktop and phone widths. Both catalog page-size and language
+controls had bounded arrows without overflow. This diagnostic preview is separate
+from published-package consumer qualification and hosted acceptance.
+
+## Publication boundary
+
+The owner authorized selected affected checks and prohibited CI/full suites for
+this repair. The manual `publish-select-patch.yml` route is restricted to 2.7.2.
+It requires a verified exact source commit, merged PR and STE-Adam's latest
+approval of that head independently of the author. A trusted main controller is
+retained before candidate checkout. It reproduces tracked generated assets, checks
+package contents, packs without lifecycle hooks, uses the existing npm package-owner
+credential and compares anonymous public npm bytes to its SHA-256/SHA-512 receipt.
+The matching GitHub release includes that tarball and receipt. The built-in
+repository token creates its tag/release without starting legacy CI publishers.
+No tests, CI script, new secret, paid resource or application deployment is included.
+
+Default historical publishers and package hooks remain unchanged. This route does
+not assert their suites ran. This CSS repository has no configured jsdoc2md
+generator. The new publisher has a [granular jsdoc2md reference](api/publish-select-patch.md), generated using the existing SYS workspace tool. Professional JSDoc-compatible comments, maintained documentation and
+the normal build preserve the source/generated boundary. Tracked wiki changes do
+not publish the hosted Wiki. SYS must qualify the actual published stable package
+and its integrity before production.
+
+Interactive Surface CSS 1.7.3 and Layout Style CSS 3.2.3 remain aligned companions.

package/docs/RELEASE-2.7.3.md

@@ -0,0 +1,9 @@
+# UI Style Kit CSS 2.7.3
+
+The optional `component-composition.css` entrypoint preserves the existing message foreground in native paragraphs and lists within `.usk-alert__body`. STE-USK-React already imports this composition entrypoint. Palette values, raw preset declarations, unrelated prose and control behavior are unchanged.
+
+The focused browser regression exercises both semantic alert namespaces with the composition entrypoint, the default visual bundle, its minified form and the focused Bento bundle, across manifest palettes and all three modes. SYS's original intake warning measured 4.15:1. Actual published-package consumer qualification remains separate.
+
+The first native-stylesheet placement was rejected by the existing raw-preset and alias-isolation guards. The correction is confined to component composition; the raw-preset and alias-isolation guards stay in place. Declaration constants now bind the byte-identical published 2.7.2 visual/default bundles; the preceding 2.7.1 constants were stale. Current-version documentation, metadata and assertions are aligned with 2.7.3 while immutable companion revisions and historical release notes remain intact.
+
+The existing release verification and publication controls still apply. Source checks do not establish npm publication or SYS deployment.

package/docs/api/publish-select-patch.md

@@ -0,0 +1,80 @@
+<!-- Generated with jsdoc2md from scripts/publish-select-patch.mjs; do not edit by hand. -->
+
+## Functions
+
+<dl>
+<dt><a href="#admitFocusedPatch">admitFocusedPatch(evidence)</a> ⇒ <code>string</code></dt>
+<dd><p>Admit only this patch&#39;s verified source and the latest exact-source STE-Adam review.</p>
+</dd>
+<dt><a href="#run">run(program, args)</a> ⇒ <code>string</code></dt>
+<dd><p>Execute a fixed program with argument-array boundaries and no credential output on failure.</p>
+</dd>
+<dt><a href="#api">api(endpoint)</a> ⇒ <code>object</code></dt>
+<dd><p>Read one bounded JSON result from the authenticated repository API.</p>
+</dd>
+<dt><a href="#receipt">receipt()</a> ⇒ <code>object</code></dt>
+<dd><p>Read the immutable checksum receipt produced before publication.</p>
+</dd>
+<dt><a href="#main">main(mode)</a> ⇒ <code>Promise.&lt;void&gt;</code></dt>
+<dd><p>Publish-support commands perform admission, artifact hashing and public byte readback only.
+The workflow owns the explicit npm publication; no tests or lifecycle hooks are dispatched here.</p>
+</dd>
+</dl>
+
+<a name="admitFocusedPatch"></a>
+
+## admitFocusedPatch(evidence) ⇒ <code>string</code>
+Admit only this patch's verified source and the latest exact-source STE-Adam review.
+
+**Kind**: global function  
+**Returns**: <code>string</code> - Exact admitted source commit.  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| evidence | <code>object</code> | Authoritative GitHub and checked-out package evidence. |
+
+<a name="run"></a>
+
+## run(program, args) ⇒ <code>string</code>
+Execute a fixed program with argument-array boundaries and no credential output on failure.
+
+**Kind**: global function  
+**Returns**: <code>string</code> - Successful standard output.  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| program | <code>string</code> | Fixed executable. |
+| args | <code>Array.&lt;string&gt;</code> | Literal arguments. |
+
+<a name="api"></a>
+
+## api(endpoint) ⇒ <code>object</code>
+Read one bounded JSON result from the authenticated repository API.
+
+**Kind**: global function  
+**Returns**: <code>object</code> - Parsed API result.  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| endpoint | <code>string</code> | Fixed repository endpoint with validated scope. |
+
+<a name="receipt"></a>
+
+## receipt() ⇒ <code>object</code>
+Read the immutable checksum receipt produced before publication.
+
+**Kind**: global function  
+**Returns**: <code>object</code> - Exact artifact identity.  
+<a name="main"></a>
+
+## main(mode) ⇒ <code>Promise.&lt;void&gt;</code>
+Publish-support commands perform admission, artifact hashing and public byte readback only.
+The workflow owns the explicit npm publication; no tests or lifecycle hooks are dispatched here.
+
+**Kind**: global function  
+**Returns**: <code>Promise.&lt;void&gt;</code> - Completion after the selected phase verifies its boundary.  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| mode | <code>string</code> | Fixed workflow phase. |
+

package/manifest.json

@@ -5,7 +5,7 @@
     "breakingChange": "increment-schemaVersion-before-removing-or-renaming-fields"
   },
   "name": "ui-style-kit-css",
-  "version": "2.7.1",
+  "version": "2.7.3",
   "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.1",
+  "version": "2.7.3",
   "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

@@ -890,3 +890,10 @@
   }
 }
 }
+
+/** Native prose and lists retain their owning semantic message body foreground. */
+@layer ui-style-kit.clean_defaults {
+[data-ui][data-mode] .usk-alert__body :where(p, ul, ol, menu) {
+  color: inherit;
+}
+}

package/styles/native-elements.css

@@ -856,3 +856,22 @@
   }
 }
 }
+
+/** 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);
+}
+}

package/styles/neo-noir.css

@@ -1092,7 +1092,8 @@
   color: var(--noir-text); background: var(--noir-control-bg); border: 1px solid var(--noir-border);
   border-radius: 0; clip-path: none; box-shadow: none; font: 11px/1.4 var(--noir-font-mono);
 }
-.noir-select { appearance: auto; background-image: none; padding-right: .5rem; }
+/** Preserve the preset's browser-owned arrow when shared semantic fallback chrome is present. */
+.noir-select, [data-ui="neo-noir"][data-mode] .noir-select { appearance: auto; background-image: none; padding-right: .5rem; }
 .noir-input:focus, .noir-textarea:focus, .noir-select:focus, .noir-field-row[data-noir-state="focus"] :is(input,textarea) { border-color: var(--noir-focus); box-shadow: none; outline: 2px solid var(--noir-focus); outline-offset: 1px; }
 .noir-input[aria-invalid="true"], .noir-textarea[aria-invalid="true"] { border-color: var(--noir-danger); color: var(--noir-danger); box-shadow: none; }
 .noir-field-row[data-noir-state="success"] input { border-color: var(--noir-success); color: var(--noir-success); }

package/styles/retro-glass.css

@@ -1010,7 +1010,8 @@
 .rg-button:disabled, .rg-icon-button:disabled, .rg-button.is-disabled { opacity: .4; filter: saturate(.45); cursor: not-allowed; box-shadow: none; }
 .rg-field { display: block; min-inline-size: 0; }
 .rg-input, .rg-select, .rg-textarea { inline-size: 100%; min-block-size: var(--rg-control-height); padding: 8px 11px; background: var(--rg-glass-inset); color: var(--rg-text); border: 1px solid var(--rg-line-strong); border-radius: var(--rg-radius-sm); box-shadow: inset 0 1px 3px var(--rg-recess), 0 1px 0 var(--rg-highlight); font: 14px/1.3 var(--rg-font-body); }
-.rg-select { padding-inline-end: 32px; background-image: var(--usk-native-select-indicator-image), linear-gradient(180deg, rgb(0 0 0 / .12), transparent 18%); background-size: var(--usk-native-select-indicator-size), auto; background-position: var(--usk-native-select-indicator-position), center; background-repeat: no-repeat; }
+/** Native and semantic selects retain the same indicator above the recessed glass material. */
+.rg-select, [data-ui="retro-glass"][data-mode] :where(select:not([multiple])) { padding-inline-end: 32px; background-image: var(--usk-native-select-indicator-image), linear-gradient(180deg, rgb(0 0 0 / .12), transparent 18%); background-size: var(--usk-native-select-indicator-size), auto; background-position: var(--usk-native-select-indicator-position), center; background-repeat: no-repeat; }
 .rg-textarea { min-block-size: 64px; resize: vertical; }
 .rg-input::placeholder, .rg-textarea::placeholder { color: var(--rg-muted); opacity: 1; }
 .rg-input-wrap { display: flex; align-items: center; position: relative; }