mediacube-ui-v2 0.0.344 → 0.0.345

package/dist/ai-catalog/index.json

@@ -1,6 +1,6 @@
 {
   "catalogSchemaVersion": 2,
-  "libraryVersion": "0.0.344",
+  "libraryVersion": "0.0.345",
   "packageName": "mediacube-ui-v2",
   "pathHash": "9b6f3b8016b22ac7",
   "componentCount": 76,

package/dist/styles/mixins.scss

@@ -382,7 +382,17 @@
   }
 }
 
-@mixin editor-default-styles($main-font-size: $font-size-300, $main-line-height: $line-height-300) {
+/**
+ * $preserve-empty-lines — сохранять пустые строки, набранные в редакторе (Enter x2 / Shift+Enter).
+ * По умолчанию выключено: пустые параграфы прячутся, как и раньше.
+ * Включать только там, где рендерится контент из визуального редактора, и пустая строка —
+ * осмысленная часть вёрстки автора. Для текстов из бэка/переводов оставлять false.
+ */
+@mixin editor-default-styles(
+  $main-font-size: $font-size-300,
+  $main-line-height: $line-height-300,
+  $preserve-empty-lines: false
+) {
   p,
   strong,
   em,
@@ -395,6 +405,21 @@
       display: none;
     }
   }
+  @if $preserve-empty-lines {
+    /**
+     * Пустой <p> без контента имеет нулевую высоту, а висящий <br> в конце абзаца
+     * браузер не отрисовывает вовсе. Zero-width space даёт последней строке содержимое,
+     * поэтому отступ, который автор видит в редакторе, не схлопывается при показе.
+     */
+    p {
+      &:empty {
+        display: block;
+      }
+      &::after {
+        content: '\200B';
+      }
+    }
+  }
   ol,
   ul {
     margin-block-start: 0;
@@ -704,8 +729,8 @@
 }
 
 
-@mixin editor-notification-styles {
-  @include editor-default-styles;
+@mixin editor-notification-styles($preserve-empty-lines: false) {
+  @include editor-default-styles($preserve-empty-lines: $preserve-empty-lines);
   h1 {
     margin-bottom: $space-250;
     img {
@@ -751,7 +776,7 @@
   }
 }
 
-@mixin editor-assist-styles {
+@mixin editor-assist-styles($preserve-empty-lines: false) {
   img {
     max-width: 100%;
     width: 100%;
@@ -759,5 +784,5 @@
     object-fit: cover;
     margin: 16px 0;
   }
-  @include editor-default-styles;
+  @include editor-default-styles($preserve-empty-lines: $preserve-empty-lines);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mediacube-ui-v2",
-  "version": "0.0.344",
+  "version": "0.0.345",
   "license": "MIT",
   "description": "Design system for Mediacube services",
   "sideEffects": [