@webority/theme 0.51.0 → 0.51.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/theme",
-  "version": "0.51.0",
+  "version": "0.51.2",
   "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

@@ -514,9 +514,24 @@
     text-decoration-thickness: 1px;
     text-underline-offset: 3px;
 }
-.btn-ghost:hover:not(:disabled) {
+// Bootstrap's `.btn:hover` drops the underline (from $link-hover-decoration), so restate it
+// with more specificity on every interactive state.
+.btn.btn-ghost:hover,
+.btn.btn-ghost:active,
+.btn.btn-ghost:focus-visible {
+    text-decoration: underline;
+    text-decoration-thickness: 1px;
+}
+.btn.btn-ghost:hover:not(:disabled),
+.btn.btn-ghost:active:not(:disabled) {
     text-decoration-thickness: 2px;
 }
+// No box to light up, so keyboard focus gets the outline ring instead.
+.btn.btn-ghost:focus-visible {
+    outline: 2px solid var(--color-primary-ink);
+    outline-offset: 2px;
+    box-shadow: none;
+}
 .btn.btn-ghost.btn-ghost:disabled,
 .btn.btn-ghost.btn-ghost.disabled {
     background-color: transparent;

package/scss/wui/_tour.scss

@@ -19,6 +19,12 @@ wui-tour-step {
     z-index: var(--wui-z-tour);
 }
 
+// The consent banner sits under the dim and cannot be used while a tour shows, but it shows through
+// the spotlight wherever it overlaps a target. It steps aside until the tour ends.
+[data-wui-tour-open] wui-consent-banner {
+    visibility: hidden;
+}
+
 // The dim is the spot's own shadow, so the hole around the target needs no clip-path.
 .wui-tour-spot {
     position: fixed;