@webority/theme 0.9.18 → 0.9.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/theme",
-  "version": "0.9.18",
+  "version": "0.9.19",
   "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/_controls.scss

@@ -1075,6 +1075,18 @@ wui-select[compact] {
     border: none;
     border-radius: 0;
     background: transparent;
+    // The wrapper owns the 1px border, so the input must shed those 2px. The input
+    // is a border-box control-height box (44px at md); nesting it in a 1px-bordered
+    // wrapper stacks the wrapper's 2px on top, so a 44px field renders at 46px with a
+    // unit. Subtracting the border here keeps input + wrapper border == the control
+    // height at every size.
+    height: calc(var(--wui-control-height) - 2px);
+}
+.input-with-unit .num-input.input-sm {
+    height: calc(var(--wui-control-height-sm) - 2px);
+}
+.input-with-unit .num-input.input-lg {
+    height: calc(var(--wui-control-height-lg) - 2px);
 }
 .input-with-unit .num-input:focus {
     box-shadow: none;
@@ -1086,6 +1098,10 @@ wui-select[compact] {
     border-left: 1px solid var(--color-border);
     padding: 9px 14px;
     font-size: 14px;
+    // Tight line box so the pill's intrinsic height never exceeds the (now shortened)
+    // input and drives the wrapper taller at the small size; it is vertically centred
+    // by align-items, so this only removes slack, it does not shift the glyph.
+    line-height: 1;
     font-weight: 500;
     color: var(--color-text-muted);
     font-family: var(--font-sans);

package/scss/wui/_disclosure.scss

@@ -24,11 +24,10 @@
 }
 .faq-item {
     border: 1px solid var(--color-border);
-    border-radius: var(--radius-lg);
-    corner-shape: squircle;
     background: var(--color-surface);
     overflow: hidden;
     transition: border-color 0.15s ease;
+    border-radius: var(--wui-field-radius);
 }
 .faq-item:hover:not(.open) {
     border-color: var(--color-border-strong);

package/scss/wui/_flow.scss

@@ -706,6 +706,13 @@ button.step:focus-visible .step-circle {
     line-height: 1.4;
     color: var(--color-text-muted);
 }
+// When the row's fields carry their own labels, those labels supply the vertical separation
+// from the remove control. A removable row whose fields have NO labels has only the thin empty
+// band, so the inputs read as crowding the remove disc. Grow the band to the disc's height when
+// no field label is present, restoring the clearance a label would have given.
+.repeater-row:not(:has(.repeater-body :is(.label, label))) .repeater-row-label {
+    min-height: 36px;
+}
 .repeater-index {
     flex: none;
     width: 22px;