@webority/theme 0.124.0 → 0.125.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/theme",
-  "version": "0.124.0",
+  "version": "0.125.0",
   "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": {
@@ -47,7 +47,7 @@
     "postcss": "^8.5.31"
   },
   "devDependencies": {
-    "@webority/tokens": "0.124.0",
+    "@webority/tokens": "0.125.0",
     "bootstrap": "5.3.3",
     "country-flag-icons": "^1.6.20",
     "sass-embedded": "^1.97.0",

package/scss/_bootstrap.generated.scss

@@ -1,4 +1,4 @@
-// Generated by @webority/tokens 0.124.0 from its token source. Do not edit; run webority brand --library.
+// Generated by @webority/tokens 0.125.0 from its token source. Do not edit; run webority brand --library.
 $body-color: #252f4a !default;
 $body-secondary-color: #4b5675 !default;
 $body-tertiary-color: #626a82 !default;

package/scss/_components.scss

@@ -196,15 +196,16 @@
 // tint deepening on hover/press, no border — but keyed off the danger tokens. The label
 // uses --color-danger-text (the AA-safe error red, lifted in dark mode to read on a dark surface),
 // not the brighter --color-danger. Disabled falls through to the shared neutral-grey
-// state below (it is not .btn-danger), like .btn-secondary.
+// state below (it is not .btn-danger), like .btn-secondary. A product sets another label
+// ink with --wui-btn-secondary-danger-ink (e.g. --color-danger-text-on-soft in dark mode).
 .btn-secondary-danger {
-    --bs-btn-color: var(--color-danger-text);
+    --bs-btn-color: var(--wui-btn-secondary-danger-ink, var(--color-danger-text));
     --bs-btn-bg: color-mix(in srgb, var(--color-danger) 12%, transparent);
     --bs-btn-border-color: transparent;
-    --bs-btn-hover-color: var(--color-danger-text);
+    --bs-btn-hover-color: var(--wui-btn-secondary-danger-ink, var(--color-danger-text));
     --bs-btn-hover-bg: color-mix(in srgb, var(--color-danger) 18%, transparent);
     --bs-btn-hover-border-color: transparent;
-    --bs-btn-active-color: var(--color-danger-text);
+    --bs-btn-active-color: var(--wui-btn-secondary-danger-ink, var(--color-danger-text));
     --bs-btn-active-bg: color-mix(in srgb, var(--color-danger) 26%, transparent);
     --bs-btn-active-border-color: transparent;
     // Bootstrap builds the focus ring from --bs-btn-focus-shadow-rgb, which only its own

package/scss/_tokens.generated.scss

@@ -1,4 +1,4 @@
-// Generated by @webority/tokens 0.124.0 from its token source. Do not edit; run webority brand --library.
+// Generated by @webority/tokens 0.125.0 from its token source. Do not edit; run webority brand --library.
 
 :root {
     --wui-primary: #4F46E5;

package/scss/wui/_card.scss

@@ -46,13 +46,21 @@
 }
 // Bootstrap has its own `.card-title` (a bare margin-bottom) — these override it,
 // so they must stay in the layer that loads after Bootstrap.
+// A product sets its title type with --wui-card-title-fs and --wui-card-title-lh.
 .card-title {
     margin: 0;
-    font-size: 16px;
+    font-size: var(--wui-card-title-fs, 16px);
     font-weight: 600;
-    line-height: 1.3;
+    line-height: var(--wui-card-title-lh, 1.3);
     color: var(--color-text);
 }
+// A title passed as a heading stays a heading for screen readers but takes the title's type.
+.card-title > :is(h1, h2, h3, h4, h5, h6) {
+    margin: 0;
+    font: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+}
 .card-subtitle {
     margin: 2px 0 0;
     font-size: 12.5px;