@webority/theme 0.120.1 → 0.122.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/theme",
-  "version": "0.120.1",
+  "version": "0.122.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.120.1",
+    "@webority/tokens": "0.122.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.120.1 from its token source. Do not edit; run webority brand --library.
+// Generated by @webority/tokens 0.122.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/_tokens.generated.scss

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

package/scss/wui/_data.scss

@@ -210,6 +210,14 @@
 .table-ledger tbody td:last-child {
     padding-right: 20px;
 }
+// A loading bar follows its column's alignment: a block bar ignores text-align, so auto margins place it.
+.table-ledger td.text-center > .skeleton {
+    margin-inline: auto;
+}
+.table-ledger td.wui-cell-end > .skeleton,
+.table-ledger td.num > .skeleton {
+    margin-inline-start: auto;
+}
 .table-ledger tbody tr:last-child td {
     border-bottom: none;
 }
@@ -758,7 +766,8 @@
     }
     .table-ledger.wui-table-stack > tbody > tr > td {
         min-width: 0;
-        max-width: 100%;
+        max-width: none;
+        white-space: normal;
         overflow-wrap: anywhere;
     }
     .table-ledger.wui-table-stack,
@@ -840,6 +849,9 @@
     .table-ledger.wui-table-stack .u-name {
         display: block;
         overflow: visible;
+        -webkit-line-clamp: none;
+        line-clamp: none;
+        overflow-wrap: anywhere;
     }
     // A group header is a section label between the cards, not a card of its own.
     .table-ledger.wui-table-stack > tbody > tr.wui-group-row {
@@ -981,6 +993,10 @@
 .table-ledger > :is(tbody, tfoot) > tr:not(.wui-row-expanded, .wui-group-row) > :is(.wui-pin-start, .wui-pin-end):has([aria-expanded="true"], .dropdown-menu.show) {
     z-index: 4;
 }
+// A group header holds its own open collapse toggle, so the rule above would lift it over the menu of the row above it. It stays below an open menu.
+.table-ledger > tbody > tr.wui-group-row > th.wui-group-cell:last-child:has([aria-expanded="true"]) {
+    z-index: 1;
+}
 // The wrap's padding is inside its scroll box, so a pinned cell stops one padding short of the
 // scroller's edge and scrolled cells show in the strip beyond it. While content runs past that
 // edge, the outermost pinned cell paints the strip. Its width is the wrap's measured padding

package/scss/wui/_display.scss

@@ -1492,7 +1492,7 @@ button.wui-link {
 .wui-link__label {
     position: relative;
     z-index: 0;
-    white-space: nowrap;
+    white-space: var(--wui-link-label-white-space, nowrap);
 }
 .wui-link__ic {
     display: inline-flex;

package/scss/wui/_file-viewer.scss

@@ -260,6 +260,7 @@ wui-file-viewer:fullscreen {
     flex: 1 1 auto;
     overflow: auto;
     min-width: 0;
+    background: var(--wui-file-viewer-scroll-bg, transparent);
     // The pages fit the width; a scrollbar appearing must not change that width and set off a
     // second fit.
     scrollbar-gutter: stable;

package/scss/wui/_overlays.scss

@@ -173,8 +173,10 @@
 // Break long unbroken names so they wrap within the heading instead of
 // running under the close button.
 .wui-modal-title {
-    font-size: 17px;
-    font-weight: 600;
+    font-family: var(--wui-modal-title-font-family, inherit);
+    font-size: var(--wui-modal-title-font-size, 17px);
+    font-weight: var(--wui-modal-title-font-weight, 600);
+    line-height: var(--wui-modal-title-line-height, inherit);
     color: var(--color-text);
     overflow-wrap: anywhere;
 }
@@ -425,11 +427,11 @@
     flex-direction: column;
     align-items: center;
     text-align: center;
-    padding: 16px 12px 6px;
+    padding: 16px 12px var(--wui-confirm-content-padding-bottom, 6px);
 }
 .wui-confirm-icon {
     line-height: 0;
-    margin-bottom: 22px;
+    margin-bottom: var(--wui-confirm-icon-gap, 22px);
 }
 // A caller-supplied illustration occupies the SAME footprint as the built-in badge, whatever
 // the source file measures — the box is the theme's, the artwork is the caller's. Without