@webority/theme 0.80.6 → 0.80.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/theme",
-  "version": "0.80.6",
+  "version": "0.80.8",
   "description": "Webority shared design system — Bootstrap 5.3 SCSS overrides, --wui-* tokens, and shared component CSS. The single source of brand chrome for React portals and Razor sites.",
   "license": "SEE LICENSE IN LICENSE",
   "publishConfig": {

package/scss/_components.scss

@@ -37,8 +37,8 @@
     // runtime CSS var. Routing it through the token makes a light-primary brand's
     // --wui-primary-text override reach the button.
     --bs-btn-color: var(--wui-primary-text);
-    --bs-btn-hover-color: var(--wui-primary-text);
-    --bs-btn-active-color: var(--wui-primary-text);
+    --bs-btn-hover-color: var(--color-primary-hover-text);
+    --bs-btn-active-color: var(--color-primary-hover-text);
 }
 
 // Secondary — a soft brand tint (matches the design reference's secondary): a

package/scss/_wui-aliases.scss

@@ -76,6 +76,8 @@
   // Text/icon colour for content sitting ON a solid --color-primary fill — see
   // --wui-primary-text for why this is a different axis from the -text tokens below.
   --color-primary-text: var(--wui-primary-text);
+  // Label on the pressed primary fill (--color-primary-hover); the hover and press states read it.
+  --color-primary-hover-text: var(--wui-primary-text);
   // The primary as TEXT or a small glyph on a light surface: AA-safe whatever the brand (see
   // --wui-primary-ink). --color-primary stays the fill, border and focus colour.
   --color-primary-ink: var(--wui-primary-ink);
@@ -231,6 +233,8 @@
   // White fails on the lifted dark primary; the derivation in _variables.scss keeps this near-black
   // at 4.5:1 or better on it.
   --color-primary-text: #0F0F0F;
+  // White fails on the lifted dark hover fill; near-black keeps the pressed label legible on it.
+  --color-primary-hover-text: #0F0F0F;
   // The dark primary is already lifted to clear 4.5:1 on every dark surface and tint.
   --color-primary-ink: var(--wui-dark-primary);
   --color-on-primary-ink: #0F0F0F;

package/scss/wui/_utilities.scss

@@ -443,6 +443,11 @@
     display: inline-block;
 }
 
+// Bootstrap compiles the title colour from $headings-color, a fixed light-mode value; the token keeps it readable in dark mode.
+.popover {
+    --bs-popover-header-color: var(--color-text);
+}
+
 // The popover title is a div, not a heading, so it keeps the heading weight and line height here.
 .popover-header {
     font-weight: 600;