@wix/patterns-fields 1.129.0 → 1.130.0

package/src/components/exclamation/exclamation.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "exclamation828590501";
+var _namespace_ = "exclamation707158715";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"exclamation828590501__root","exclamation":"exclamation828590501__exclamation","actions":"exclamation828590501__actions","action":"exclamation828590501__action"};
+export var classes = {"root":"exclamation707158715__root","exclamation":"exclamation707158715__exclamation","actions":"exclamation707158715__actions","action":"exclamation707158715__action"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/field-validation-settings/field-validation-settings-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "fieldvalidationsettingsinput958265652";
+var _namespace_ = "fieldvalidationsettingsinput922352384";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"fieldvalidationsettingsinput958265652__root","specificValuesInput":"fieldvalidationsettingsinput958265652__specificValuesInput"};
+export var classes = {"root":"fieldvalidationsettingsinput922352384__root","specificValuesInput":"fieldvalidationsettingsinput922352384__specificValuesInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/highlighted-text/highlighted-text.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "highlightedtext81865613";
+var _namespace_ = "highlightedtext1868399206";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"highlightedtext81865613__root","substring":"highlightedtext81865613__substring"};
-export var keyframes = {"highlighted":"highlightedtext81865613__highlighted","highlighted-match":"highlightedtext81865613__highlighted-match"}; 
+export var classes = {"root":"highlightedtext1868399206__root","substring":"highlightedtext1868399206__substring"};
+export var keyframes = {"highlighted":"highlightedtext1868399206__highlighted","highlighted-match":"highlightedtext1868399206__highlighted-match"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

package/src/components/image/thumbnail-replace-overlay.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "thumbnailreplaceoverlay1059582872";
+var _namespace_ = "thumbnailreplaceoverlay2386984036";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"thumbnailreplaceoverlay1059582872__root","icon":"thumbnailreplaceoverlay1059582872__icon"};
+export var classes = {"root":"thumbnailreplaceoverlay2386984036__root","icon":"thumbnailreplaceoverlay2386984036__icon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-control/cell-media-edit-shell.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellmediaeditshell1502754874";
+var _namespace_ = "cellmediaeditshell3214709962";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellmediaeditshell1502754874__root"};
+export var classes = {"root":"cellmediaeditshell3214709962__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-control/paste-url-button.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "pasteurlbutton62085348";
+var _namespace_ = "pasteurlbutton1165054346";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"pasteurlbutton62085348__root","iconButtonTooltip":"pasteurlbutton62085348__iconButtonTooltip","iconButton":"pasteurlbutton62085348__iconButton"};
+export var classes = {"root":"pasteurlbutton1165054346__root","iconButtonTooltip":"pasteurlbutton1165054346__iconButtonTooltip","iconButton":"pasteurlbutton1165054346__iconButton"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-gallery/form-media-gallery-field.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "formmediagalleryfield1626967962";
+var _namespace_ = "formmediagalleryfield2838615203";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"formmediagalleryfield1626967962__root","container":"formmediagalleryfield1626967962__container","viewBox":"formmediagalleryfield1626967962__viewBox","addItemWrapper":"formmediagalleryfield1626967962__addItemWrapper","addItem":"formmediagalleryfield1626967962__addItem","overlay":"formmediagalleryfield1626967962__overlay","image":"formmediagalleryfield1626967962__image","previewImage":"formmediagalleryfield1626967962__previewImage","previewVideo":"formmediagalleryfield1626967962__previewVideo"};
+export var classes = {"root":"formmediagalleryfield2838615203__root","container":"formmediagalleryfield2838615203__container","viewBox":"formmediagalleryfield2838615203__viewBox","addItemWrapper":"formmediagalleryfield2838615203__addItemWrapper","addItem":"formmediagalleryfield2838615203__addItem","overlay":"formmediagalleryfield2838615203__overlay","image":"formmediagalleryfield2838615203__image","previewImage":"formmediagalleryfield2838615203__previewImage","previewVideo":"formmediagalleryfield2838615203__previewVideo"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-image/media-image.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "mediaimage4072982184";
+var _namespace_ = "mediaimage3464380621";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"mediaimage4072982184__root"};
+export var classes = {"root":"mediaimage3464380621__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"wds-color-red-200":"--wds-color-red-200","wsr-color-R20":"--wsr-color-R20","wds-color-black-550":"--wds-color-black-550","wsr-color-D55":"--wsr-color-D55","from":"--mediaimage4072982184-from","to":"--mediaimage4072982184-to"}; 
+export var vars = {"wds-color-red-200":"--wds-color-red-200","wsr-color-R20":"--wsr-color-R20","wds-color-black-550":"--wds-color-black-550","wsr-color-D55":"--wsr-color-D55","from":"--mediaimage3464380621-from","to":"--mediaimage3464380621-to"}; 
 
 
 

package/src/components/media-image/overlays/overlay.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "overlay3172753237";
+var _namespace_ = "overlay2756427413";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"overlay3172753237__root","iconOverlay":"overlay3172753237__iconOverlay"};
+export var classes = {"root":"overlay2756427413__root","iconOverlay":"overlay2756427413__iconOverlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-image-field/cell-media-image-edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellmediaimageedit906118710";
+var _namespace_ = "cellmediaimageedit4001045693";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellmediaimageedit906118710__root","view":"cellmediaimageedit906118710__view","anchor":"cellmediaimageedit906118710__anchor","anchorBox":"cellmediaimageedit906118710__anchorBox","popoverContent":"cellmediaimageedit906118710__popoverContent","image":"cellmediaimageedit906118710__image","imageActions":"cellmediaimageedit906118710__imageActions"};
+export var classes = {"root":"cellmediaimageedit4001045693__root","view":"cellmediaimageedit4001045693__view","anchor":"cellmediaimageedit4001045693__anchor","anchorBox":"cellmediaimageedit4001045693__anchorBox","popoverContent":"cellmediaimageedit4001045693__popoverContent","image":"cellmediaimageedit4001045693__image","imageActions":"cellmediaimageedit4001045693__imageActions"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-image-field/media-image-view.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "mediaimageview1913181924";
+var _namespace_ = "mediaimageview3838155923";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"mediaimageview1913181924__root","altTextPlaceholder":"mediaimageview1913181924__altTextPlaceholder"};
+export var classes = {"root":"mediaimageview3838155923__root","altTextPlaceholder":"mediaimageview3838155923__altTextPlaceholder"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-tag/web-media-tag/media-tag.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "mediatag2747949493";
+var _namespace_ = "mediatag86628212";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"mediatag2747949493__root"};
+export var classes = {"root":"mediatag86628212__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/multi-document/cell-multi-document-edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellmultidocumentedit585147998";
+var _namespace_ = "cellmultidocumentedit1175738466";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellmultidocumentedit585147998__root","chipTrigger":"cellmultidocumentedit585147998__chipTrigger"};
+export var classes = {"root":"cellmultidocumentedit1175738466__root","chipTrigger":"cellmultidocumentedit1175738466__chipTrigger"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/multi-document/multi-document-input/form-multi-document.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "formmultidocument1256370858";
+var _namespace_ = "formmultidocument1257162130";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"formmultidocument1256370858__root","viewRoot":"formmultidocument1256370858__viewRoot","singleViewWrapper":"formmultidocument1256370858__singleViewWrapper","addDocumentButton":"formmultidocument1256370858__addDocumentButton"};
+export var classes = {"root":"formmultidocument1257162130__root","viewRoot":"formmultidocument1257162130__viewRoot","singleViewWrapper":"formmultidocument1257162130__singleViewWrapper","addDocumentButton":"formmultidocument1257162130__addDocumentButton"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/reference/cell-multi-reference-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellmultireferenceinput4145777894";
+var _namespace_ = "cellmultireferenceinput296243577";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellmultireferenceinput4145777894__root"};
+export var classes = {"root":"cellmultireferenceinput296243577__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/reference/cell-multi-reference-view.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellmultireferenceview4037548890";
+var _namespace_ = "cellmultireferenceview1168811889";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellmultireferenceview4037548890__root","expanded":"cellmultireferenceview4037548890__expanded"};
+export var classes = {"root":"cellmultireferenceview1168811889__root","expanded":"cellmultireferenceview1168811889__expanded"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/reference/cell-reference-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellreferenceinput1313473246";
+var _namespace_ = "cellreferenceinput1540347298";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellreferenceinput1313473246__root","autocomplete":"cellreferenceinput1313473246__autocomplete"};
+export var classes = {"root":"cellreferenceinput1540347298__root","autocomplete":"cellreferenceinput1540347298__autocomplete"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/cdn/load-ricos.ts

@@ -18,7 +18,7 @@ import type { RicosCdnModule } from './types';
  *
  *   curl -s <url> | grep -c <ricos version>   # ricos-schema/next-schema/version.js
  */
-const RICOS_STATICS_VERSION = '1.7.0';
+const RICOS_STATICS_VERSION = '1.8.0';
 const RICOS_STATICS_URL =
   `https://static.parastorage.com/services/patterns-fields-ricos-statics/${RICOS_STATICS_VERSION}/ricos.umd.min.js` as const;
 

package/src/components/rich-content/cell-rich-content-input.tsx

@@ -9,6 +9,7 @@ import {
 import { RichContentEditor } from './rich-content-input/rich-content-editor';
 import { useRichContentState } from './rich-content-input/rich-content-common';
 import { hardConvert } from '../../validations/rich-content';
+import { stopEvent } from '../../utils';
 
 export interface CellRichContentInputProps {
   value?: unknown;
@@ -18,9 +19,18 @@ export interface CellRichContentInputProps {
   initialTypedKey?: string;
 }
 
+// The editor renders in a portal, but its key events still bubble to the table,
+// which closes the cell on Tab before the editor has reported its content.
+// Only propagation is stopped: Tab still moves focus or indents inside the editor.
+const keepTabInEditor = (e: React.KeyboardEvent) => {
+  if (e.key === 'Tab') {
+    stopEvent(e);
+  }
+};
+
 /** Full-screen Ricos editor for the richContent cell type.
- *  Opens immediately in fullscreen mode. Saving (X button, Escape or Enter) calls onChange + onSave.
- *  Shift+Enter adds a new line. */
+ *  Opens immediately in fullscreen mode. Saving (X button or Escape) calls onChange + onSave.
+ *  Unlike other cells, Enter and Tab do not save: Enter adds a new paragraph and Tab stays in the editor. */
 export const CellRichContentInput: React.FC<CellRichContentInputProps> = ({
   value,
   onChange,
@@ -69,15 +79,16 @@ export const CellRichContentInput: React.FC<CellRichContentInputProps> = ({
   );
 
   return (
-    <RichContentEditor
-      content={localValue}
-      injectedContent={injectedValue}
-      onChange={handleChange}
-      onExitFullScreen={handleExitFullScreen}
-      fullScreenOnly
-      closeOnEnter
-      autoFocus
-    />
+    <div onKeyDown={keepTabInEditor}>
+      <RichContentEditor
+        content={localValue}
+        injectedContent={injectedValue}
+        onChange={handleChange}
+        onExitFullScreen={handleExitFullScreen}
+        fullScreenOnly
+        autoFocus
+      />
+    </div>
   );
 };
 

package/src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richcontentdefaultvalueinput2371088795";
+var _namespace_ = "richcontentdefaultvalueinput384255846";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"richcontentdefaultvalueinput2371088795__root","richContentEditorContainer":"richcontentdefaultvalueinput2371088795__richContentEditorContainer","editor":"richcontentdefaultvalueinput2371088795__editor"};
+export var classes = {"root":"richcontentdefaultvalueinput384255846__root","richContentEditorContainer":"richcontentdefaultvalueinput384255846__richContentEditorContainer","editor":"richcontentdefaultvalueinput384255846__editor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richcontentforminput1929203601";
+var _namespace_ = "richcontentforminput2623724401";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"richcontentforminput1929203601__root","editor":"richcontentforminput1929203601__editor"};
+export var classes = {"root":"richcontentforminput2623724401__root","editor":"richcontentforminput2623724401__editor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richcontentformreadonlyinput791216886";
+var _namespace_ = "richcontentformreadonlyinput2036888546";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"richcontentformreadonlyinput791216886__root"};
+export var classes = {"root":"richcontentformreadonlyinput2036888546__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runti
 
 
 
-var _namespace_ = "fullscreenmodal362884490";
+var _namespace_ = "fullscreenmodal2593435262";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"fullscreenmodal362884490__root","modalContent":"fullscreenmodal362884490__modalContent"};
+export var classes = {"root":"fullscreenmodal2593435262__root","modalContent":"fullscreenmodal2593435262__modalContent"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runti
 
 
 
-var _namespace_ = "publishloader2200528177";
+var _namespace_ = "publishloader1519157742";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"publishloader2200528177__root","publishLoader":"publishloader2200528177__publishLoader"};
+export var classes = {"root":"publishloader1519157742__root","publishLoader":"publishloader1519157742__publishLoader"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runti
 
 
 
-var _namespace_ = "togglefullscreenbutton1718382146";
+var _namespace_ = "togglefullscreenbutton2869470931";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"togglefullscreenbutton1718382146__root"};
+export var classes = {"root":"togglefullscreenbutton2869470931__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richcontenteditor1363667249";
+var _namespace_ = "richcontenteditor450399671";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"richcontenteditor1363667249__root","toolbarContainer":"richcontenteditor1363667249__toolbarContainer","footerToolbarContainer":"richcontenteditor1363667249__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor1363667249__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor1363667249__editor","modalEditor":"richcontenteditor1363667249__modalEditor"};
+export var classes = {"root":"richcontenteditor450399671__root","toolbarContainer":"richcontenteditor450399671__toolbarContainer","footerToolbarContainer":"richcontenteditor450399671__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor450399671__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor450399671__editor","modalEditor":"richcontenteditor450399671__modalEditor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.tsx

@@ -40,7 +40,6 @@ import {
 
 import { usePlugins } from './plugins';
 import { ExternalToolbar } from './rich-content-toolbar';
-import { isEnterInEditableText } from '../../../../utils/keyboard';
 import { st, classes } from './rich-content-editor.st.css.js';
 
 type RicosProps = Pick<RicosEditorProps, 'biSettings' | 'theme'> & {
@@ -395,8 +394,6 @@ export type RichContentEditorProps = Omit<RCEProps, 'onChange'> & {
   onChange?: (content: RicosDocument, isContentChanged?: boolean) => void;
   onPublish?: (promise: Promise<RicosDocument>) => void;
   fullScreenOnly?: boolean;
-  /** Close full screen on Enter in the text, like Escape. Shift+Enter still adds a new line. */
-  closeOnEnter?: boolean;
 };
 
 export const RichContentEditor: FC<RichContentEditorProps> = ({
@@ -405,7 +402,6 @@ export const RichContentEditor: FC<RichContentEditorProps> = ({
   onEnterFullScreen,
   onExitFullScreen,
   fullScreenOnly,
-  closeOnEnter,
   onPublish,
   onChange,
   theme,
@@ -546,16 +542,12 @@ export const RichContentEditor: FC<RichContentEditorProps> = ({
       if (e.key === 'Escape') {
         e.stopPropagation();
         void onClose();
-      } else if (closeOnEnter && isEnterInEditableText(e)) {
-        e.preventDefault();
-        e.stopPropagation();
-        void onClose();
       }
     };
 
     document.addEventListener('keydown', handleKeyDown, true);
     return () => document.removeEventListener('keydown', handleKeyDown, true);
-  }, [isFullScreen, onClose, closeOnEnter]);
+  }, [isFullScreen, onClose]);
 
   const rceProps = {
     onChange: handleChange,

package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richcontenttoolbar1798762464";
+var _namespace_ = "richcontenttoolbar1384840142";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"richcontenttoolbar1798762464__root","toolbar":"richcontenttoolbar1798762464__toolbar","toolbarButton":"richcontenttoolbar1798762464__toolbarButton","separator":"richcontenttoolbar1798762464__separator"};
+export var classes = {"root":"richcontenttoolbar1384840142__root","toolbar":"richcontenttoolbar1384840142__toolbar","toolbarButton":"richcontenttoolbar1384840142__toolbarButton","separator":"richcontenttoolbar1384840142__separator"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richcontentviewer2848480337";
+var _namespace_ = "richcontentviewer2645458836";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"richcontentviewer2848480337__root","viewer":"richcontentviewer2848480337__viewer","modalViewer":"richcontentviewer2848480337__modalViewer"};
+export var classes = {"root":"richcontentviewer2645458836__root","viewer":"richcontentviewer2645458836__viewer","modalViewer":"richcontentviewer2645458836__modalViewer"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};