@webority/theme 0.51.2 → 0.52.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/theme",
-  "version": "0.51.2",
+  "version": "0.52.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/_consent-banner.scss

@@ -26,6 +26,11 @@ wui-consent-banner[position="bottom-right"] {
 wui-consent-banner:not([open]) {
     pointer-events: none;
 }
+// Set by the element while a tour shows: under the dim it cannot be used, yet it would show through
+// the spotlight wherever it overlaps a target.
+wui-consent-banner[tour-open] {
+    visibility: hidden;
+}
 
 .wui-consent-banner-panel {
     padding: 20px;

package/scss/wui/_controls.scss

@@ -1072,6 +1072,8 @@ wui-select[compact] {
 .field > wui-date-range,
 .field > .search-select,
 .field > .input-with-unit,
+.field > .input-action-row,
+.field > .num-wrap,
 .field > .input,
 .field > .datepicker,
 .field > .file-input,

package/scss/wui/_data.scss

@@ -727,7 +727,8 @@
 // paints under the opaque cells. A mask also hides what a descendant floats outside the box, so
 // it stands aside while a menu or picker inside the table is open (an expanded row, which has no
 // popup, keeps it). A pinned first column never
-// fades at the start: it is the part that stays put.
+// fades at the start, and a pinned actions column never fades at the end: they are the parts that
+// stay put.
 :is(.table-wrap, .table-responsive, [class*="table-responsive-"]) {
     --wui-overflow-fade-start: 0px;
     --wui-overflow-fade-end: 0px;
@@ -741,6 +742,9 @@
 .table-wrap[data-wui-overflow-start]:has(> .wui-table-sticky-first) {
     --wui-overflow-fade-start: 0px;
 }
+.table-wrap[data-wui-overflow-end]:has(> .wui-table-sticky-actions) {
+    --wui-overflow-fade-end: 0px;
+}
 :is(.table-wrap, .table-responsive, [class*="table-responsive-"]):is([data-wui-overflow-start], [data-wui-overflow-end]):not(:has([aria-haspopup][aria-expanded="true"], .dropdown-menu.show)) {
     mask-image: linear-gradient(
         90deg,
@@ -1052,6 +1056,22 @@
     z-index: 3;
 }
 
+// Pinned actions column (`stickyActions`): the last column, where the row actions render, holds its
+// place at the end edge while a wide table scrolls sideways, so the actions never sit past the
+// card's edge. Found by position for the same reason as the first column: Razor authors write plain
+// cells. Same surface colour and stacking as the pinned first column.
+.table-ledger.wui-table-sticky-actions > * > tr:not(.wui-row-expanded) > :last-child {
+    position: sticky;
+    right: 0;
+    z-index: 1;
+}
+.table-ledger.wui-table-sticky-actions > :is(tbody, tfoot) > tr:not(.wui-row-expanded) > :last-child {
+    background-color: var(--color-surface);
+}
+.table-wrap.wui-table-scroll .table-ledger.wui-table-sticky-actions > thead > tr > :last-child {
+    z-index: 3;
+}
+
 // Row actions — icon-only buttons replacing a kebab dropdown.
 .u-row-actions {
     display: flex;

package/scss/wui/_tour.scss

@@ -19,12 +19,6 @@ 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;