@webority/theme 0.59.3 → 0.60.0

package/package.json

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

package/scss/wui/_comment-thread.scss

@@ -120,10 +120,12 @@ button.wui-reaction:hover,
 .wui-reaction-add:hover {
     background: var(--color-bg-muted);
 }
+// The border and tint say "mine"; the label stays text colour, because the primary ink is only
+// AA-safe on a plain surface and a light brand's ink falls under 4.5:1 on the tint.
 .wui-reaction-mine {
     border-color: var(--color-primary);
     background: var(--color-primary-soft);
-    color: var(--color-primary-ink);
+    color: var(--color-text);
 }
 .wui-reaction-count {
     font-variant-numeric: tabular-nums;

package/scss/wui/_overlays.scss

@@ -247,6 +247,16 @@
     padding: 16px 22px;
     border-top: 1px solid var(--color-border);
 }
+// The primary action is last in the DOM, so column-reverse puts it on top of the stack.
+@include media-breakpoint-down(sm) {
+    .wui-modal-footer {
+        flex-direction: column-reverse;
+        align-items: stretch;
+    }
+    .wui-modal-footer > .btn {
+        width: 100%;
+    }
+}
 
 // Modal close — a steady rounded-square (squircle) that takes a danger tint on
 // hover, so dismissing reads as the destructive-ish gesture it is. The corner is