@aceshooting/lyra-ui 25.6.1 → 25.6.2

package/llms/shared.md

@@ -947,13 +947,16 @@ accepts absolute colors used as contrast reference surfaces, not gradients or im
 semantic surface/text pairings for content and keep the decorative layer behind it.
 
 Use the existing [gemstoneAccentPicker composition](../components/lr-swatch-picker.md#gemstoneaccentpicker--the-signature-accent-selector),
-with its localized caption, nine canonical gemstones, and shared selected-glyph treatment. Keep
-`--lr-swatch-picker-wrap: nowrap`: desktop hit size `1.75rem` and gap `.25rem`; at widths up to
-`30rem`, hit size `1.5rem` and gap `.125rem` (28/4px and 24/2px at a 16px root). Leave its fill size
-unset. Bound the palette to the viewport and provide horizontal overflow for unusually narrow
-allocations or enlarged text; keyboard focus must bring every swatch into view. Do not shrink
-below the component's 24px floor or replace its Arrow/Home/End and RTL behavior. For an independent
-Shine preference, set `--lr-gemstone-selected-animation: none` on the scope shared by the trigger
+with its single localized “Selected accent: {name}” heading, nine canonical gemstones, and shared
+selected-glyph treatment. Update the name when selection changes. Use the same interpolated label
+for the trigger's accessible name and hover title, dialog, radiogroup, and visible heading; do not
+add a second selected-name row. Pass localized names as each swatch item's `label`, which supplies
+its accessible name and title. Keep `--lr-swatch-picker-wrap: nowrap`: desktop hit size `1.75rem` and
+gap `.25rem`; at widths up to `30rem`, hit size `1.5rem` and gap `.125rem` (28/4px and 24/2px at a
+16px root). Leave its fill size unset. Bound the palette to the viewport and provide horizontal
+overflow for unusually narrow allocations or enlarged text; keyboard focus must bring every swatch
+into view. Do not shrink below the component's 24px floor or replace its Arrow/Home/End and RTL
+behavior. For an independent Shine preference, set `--lr-gemstone-selected-animation: none` on the scope shared by the trigger
 and picker; remove that declaration for Shine ON. OFF preserves the halo and selected accent.
 Application and OS reduced motion still take precedence; persist Shine independently from motion.
 See the composition guide for the controlled picker and preference wiring.
@@ -2058,8 +2061,10 @@ an already treated Lyra popup.
 local high container surface, then the overlay surface, and resolves on the painted wrapper, so nearer
 theme inputs work.
 The existing `--lr-theme-surface-opacity`, `--lr-theme-surface-blur`,
-`--lr-theme-surface-saturation` and `--lr-theme-surface-highlight` controls apply. Glass uses 70%
+`--lr-theme-surface-saturation` and `--lr-theme-surface-highlight` controls apply. Glass uses 60%
 opacity by default, 12px blur with a 16px ceiling, and qualified text, edges and focus.
+At opacity below 70%, dark Glass deepens the fill to keep light foregrounds readable against
+bright backdrops; higher opacity keeps the selected fill color.
 The public opacity input accepts 0–1; lower custom opacity may expose backdrops that need
 stronger foreground contrast. Solid and accessibility preferences still force opaque fills.
 Explicit `data-lr-surface="solid"`, unsupported backdrop filtering, reduced transparency, increased
@@ -5799,11 +5804,13 @@ forced colors retain solid fills. Solid surfaces use `backdrop-filter: none`; fo
 `Canvas`. Offer a solid choice wherever the application offers glass, since reduced-transparency
 media-query support varies between browsers.
 
-Regular glass defaults to 70% opacity with a 12px blur clamped to 16px.
+Regular glass defaults to 60% opacity with a 12px blur clamped to 16px.
 The public `--lr-theme-surface-opacity` input accepts 0 through 1. Lower opacity exposes more
-of the backdrop; the default foreground qualification covers 70%, while a custom lower setting
+of the backdrop; the default foreground qualification covers 60%, while a custom lower setting
 cannot guarantee contrast against every backdrop. Solid and accessibility preferences retain
 opaque fills regardless of this input.
+Dark Glass deepens the selected fill at opacity below 70% so light foregrounds remain readable
+against bright backdrops; at 70% and above, the selected fill keeps its original color.
 Necessary control borders use the effective painted opacity: their glass adjustment grows as
 transparency increases and disappears at 100% opacity. Ordinary and strong borders share this
 adjustment; decorative borders and explicit component border overrides keep their own tokens.
@@ -5817,10 +5824,10 @@ controls use their solid border colors while preserving the enclosing edge again
 Filled accent interiors retain qualification. Native descendants retain inherited public color
 aliases. Custom translucent content fills require the author to choose suitable control borders.
 A design panel can offer a Glass opacity range from 0–100%, shown when the selected surface is
-Glass. Start and reset it at 70%; convert the displayed percentage to the public token's 0–1 range.
+Glass. Start and reset it at 60%; convert the displayed percentage to the public token's 0–1 range.
 Apply this CSS input independently of look overrides: `setLyraStyle()` does not accept surface
 inputs in its `overrides` allowlist. Persist the percentage in the application's own settings and
-apply it before first paint, including after restoring those settings. Reset the app setting to 70
+apply it before first paint, including after restoring those settings. Reset the app setting to 60
 and reapply it. Native `.lr-surface-chrome` wrappers and eligible component chrome consume the
 same input:
 
@@ -5831,7 +5838,7 @@ function applyGlassOpacity(percent) {
   document.documentElement.style.setProperty('--lr-theme-surface-opacity', String(opacity));
 }
 
-applyGlassOpacity(70); // Default and reset value; apply saved app settings before first paint.
+applyGlassOpacity(60); // Default and reset value; apply saved app settings before first paint.
 ```
 
 Scrolling rail, popup, modal-panel and selection-toolbar surfaces keep a stationary decorative blur layer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aceshooting/lyra-ui",
-  "version": "25.6.1",
+  "version": "25.6.2",
   "description": "Free, independent Lit web components: an open-source alternative to Shoelace and Web Awesome with accessible forms, dashboards, charts, and agent UI.",
   "keywords": [
     "web-components",
@@ -11887,15 +11887,15 @@
     "katex": "^0.19.0",
     "libphonenumber-js": "^1.13.14",
     "mammoth": "^1.13.0",
-    "maplibre-gl": "^6.11.2",
+    "maplibre-gl": "^6.12.0",
     "marked": "^18.0.14",
     "oxc-parser": "^0.152.0",
     "papaparse": "^5.7.0",
-    "pdfjs-dist": "^6.3.289",
+    "pdfjs-dist": "^6.4.299",
     "pixelmatch": "^7.2.0",
     "playwright": "^1.63.0",
     "pngjs": "^7.0.0",
-    "postal-mime": "^4.0.2",
+    "postal-mime": "^4.0.4",
     "qrcode": "^1.5.4",
     "react": "^19.3.0",
     "shiki": "^4.5.0",