@pinuts/bsr-uikit-relaunch 0.4.2 → 0.4.4

package/dist/styles/_review.scss

@@ -1,11 +1,43 @@
-// Kontrollseite (reviewMode). Bewusst minimal: die visuelle Feinabstimmung
-// (Kontraste, Abstände) folgt in einem eigenen Schritt.
+// Kontrollseite (reviewMode). Abschnitte aus den Fieldsets, je Abschnitt eine Definitionsliste;
+// ab md Label links, Wert rechts, darunter untereinander.
 .pi-review {
+  .pi-review-heading {
+    margin-bottom: $base-gap * 4;
+  }
+
+  .pi-review-section {
+    margin-top: $base-gap * 10;
+  }
+
+  .pi-review-section-heading {
+    margin-bottom: $base-gap * 2;
+  }
+
+  .pi-review-list,
   .pi-review-item {
     margin: 0;
   }
 
-  .pi-review-pair {
+  .pi-review-list {
+    border-top: $bsr-border-width-s solid $bsr-black-20;
+  }
+
+  .pi-review-list > .pi-review-pair {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr);
+    gap: $base-gap;
+    margin: 0;
+    padding-block: $base-gap * 3;
+    border-bottom: $bsr-border-width-s solid $bsr-black-20;
+
+    @media (min-width: $screen-md-min) {
+      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
+      gap: $base-gap * 6;
+    }
+  }
+
+  // Felder außerhalb eines Abschnitts (ein dl je Feld)
+  .pi-review-item > .pi-review-pair {
     margin-bottom: $base-gap * 3;
   }
 
@@ -15,6 +47,11 @@
 
   dd {
     margin: 0;
+    overflow-wrap: anywhere;
+  }
+
+  .pi-review-appendix {
+    margin-top: $base-gap;
   }
 
   // Zeilenumbrüche aus Textarea-Eingaben sichtbar halten
@@ -26,4 +63,16 @@
     margin: 0;
     padding-inline-start: $base-gap * 4;
   }
+
+  .pi-review-actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: $base-gap * 4;
+    margin-top: $base-gap * 10;
+
+    // Wie die BSR-Atoms ohne Unterstreichung (UI-Kit-Buttons sind sonst unterstrichen)
+    .btn {
+      text-decoration: none;
+    }
+  }
 }

package/dist/styles/main.scss

@@ -1,5 +1,6 @@
 @use "sass:math";
 @import "./variables/_variables.scss";
+@import "./forcedColors";
 
 // All CSS-emitting styles are scoped under `.bsr-uikit` so the UI-KIT's
 // global styles (element selectors like h1/body/p and class rules) do not

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pinuts/bsr-uikit-relaunch",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "private": false,
   "description": "BSR UI-KIT Relaunch",
   "main": "dist/index.js",