@wix/patterns-fields 1.50.0 → 1.51.0

package/src/components/color-view/color-view.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "colorview1822160178";
+var _namespace_ = "colorview2797894997";
 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":"colorview1822160178__root","view":"colorview1822160178__view","fillPreview":"colorview1822160178__fillPreview"};
+export var classes = {"root":"colorview2797894997__root","view":"colorview2797894997__view","fillPreview":"colorview2797894997__fillPreview"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/delete-dialog/delete-dialog.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "deletedialog534049417";
+var _namespace_ = "deletedialog3227398347";
 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":"deletedialog534049417__root","layout":"deletedialog534049417__layout"};
+export var classes = {"root":"deletedialog3227398347__root","layout":"deletedialog3227398347__layout"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/document/form-document-field.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "formdocumentfield4084003299";
+var _namespace_ = "formdocumentfield2129032129";
 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":"formdocumentfield4084003299__root","viewWrapper":"formdocumentfield4084003299__viewWrapper","textWidth":"formdocumentfield4084003299__textWidth","documentLoader":"formdocumentfield4084003299__documentLoader","addDocument":"formdocumentfield4084003299__addDocument","addItemWrapper":"formdocumentfield4084003299__addItemWrapper"};
+export var classes = {"root":"formdocumentfield2129032129__root","viewWrapper":"formdocumentfield2129032129__viewWrapper","textWidth":"formdocumentfield2129032129__textWidth","documentLoader":"formdocumentfield2129032129__documentLoader","addDocument":"formdocumentfield2129032129__addDocument","addItemWrapper":"formdocumentfield2129032129__addItemWrapper"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "exclamation2358272779";
+var _namespace_ = "exclamation692435759";
 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":"exclamation2358272779__root","exclamation":"exclamation2358272779__exclamation","actions":"exclamation2358272779__actions","action":"exclamation2358272779__action"};
+export var classes = {"root":"exclamation692435759__root","exclamation":"exclamation692435759__exclamation","actions":"exclamation692435759__actions","action":"exclamation692435759__action"};
 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_ = "highlightedtext2303335715";
+var _namespace_ = "highlightedtext3254668580";
 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":"highlightedtext2303335715__root","substring":"highlightedtext2303335715__substring"};
-export var keyframes = {"highlighted":"highlightedtext2303335715__highlighted","highlighted-match":"highlightedtext2303335715__highlighted-match"}; 
+export var classes = {"root":"highlightedtext3254668580__root","substring":"highlightedtext3254668580__substring"};
+export var keyframes = {"highlighted":"highlightedtext3254668580__highlighted","highlighted-match":"highlightedtext3254668580__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_ = "thumbnailreplaceoverlay2671406702";
+var _namespace_ = "thumbnailreplaceoverlay1012352219";
 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":"thumbnailreplaceoverlay2671406702__root","icon":"thumbnailreplaceoverlay2671406702__icon"};
+export var classes = {"root":"thumbnailreplaceoverlay1012352219__root","icon":"thumbnailreplaceoverlay1012352219__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_ = "cellmediaeditshell312359148";
+var _namespace_ = "cellmediaeditshell2458059849";
 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":"cellmediaeditshell312359148__root"};
+export var classes = {"root":"cellmediaeditshell2458059849__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_ = "pasteurlbutton629852666";
+var _namespace_ = "pasteurlbutton3903749534";
 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":"pasteurlbutton629852666__root","iconButtonTooltip":"pasteurlbutton629852666__iconButtonTooltip","iconButton":"pasteurlbutton629852666__iconButton"};
+export var classes = {"root":"pasteurlbutton3903749534__root","iconButtonTooltip":"pasteurlbutton3903749534__iconButtonTooltip","iconButton":"pasteurlbutton3903749534__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_ = "formmediagalleryfield518279853";
+var _namespace_ = "formmediagalleryfield1657207788";
 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":"formmediagalleryfield518279853__root","container":"formmediagalleryfield518279853__container","viewBox":"formmediagalleryfield518279853__viewBox","addItemWrapper":"formmediagalleryfield518279853__addItemWrapper","addItem":"formmediagalleryfield518279853__addItem","overlay":"formmediagalleryfield518279853__overlay","image":"formmediagalleryfield518279853__image","previewImage":"formmediagalleryfield518279853__previewImage","previewVideo":"formmediagalleryfield518279853__previewVideo"};
+export var classes = {"root":"formmediagalleryfield1657207788__root","container":"formmediagalleryfield1657207788__container","viewBox":"formmediagalleryfield1657207788__viewBox","addItemWrapper":"formmediagalleryfield1657207788__addItemWrapper","addItem":"formmediagalleryfield1657207788__addItem","overlay":"formmediagalleryfield1657207788__overlay","image":"formmediagalleryfield1657207788__image","previewImage":"formmediagalleryfield1657207788__previewImage","previewVideo":"formmediagalleryfield1657207788__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_ = "mediaimage3035581040";
+var _namespace_ = "mediaimage2289305629";
 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":"mediaimage3035581040__root"};
+export var classes = {"root":"mediaimage2289305629__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":"--mediaimage3035581040-from","to":"--mediaimage3035581040-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":"--mediaimage2289305629-from","to":"--mediaimage2289305629-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_ = "overlay671869233";
+var _namespace_ = "overlay1955051977";
 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":"overlay671869233__root","iconOverlay":"overlay671869233__iconOverlay"};
+export var classes = {"root":"overlay1955051977__root","iconOverlay":"overlay1955051977__iconOverlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "medialoader2593231603";
+var _namespace_ = "medialoader3019326409";
 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":"medialoader2593231603__root","loader":"medialoader2593231603__loader"};
+export var classes = {"root":"medialoader3019326409__root","loader":"medialoader3019326409__loader"};
 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_ = "mediatag1243015118";
+var _namespace_ = "mediatag3647218102";
 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":"mediatag1243015118__root"};
+export var classes = {"root":"mediatag3647218102__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -0,0 +1,17 @@
+/* Visually-unstyled <button> that wraps the chip Tag so the whole chip is a
+   real, keyboard-focusable PopoverMenu trigger (Tag renders a plain <span>).
+   It carries no visuals of its own — the Tag provides the chip look. */
+.chipTrigger {
+    display: flex;
+    align-items: center;
+    min-width: 0;
+    max-width: 100%;
+    margin: 0;
+    padding: 0;
+    border: none;
+    background: none;
+    font: inherit;
+    color: inherit;
+    text-align: inherit;
+    cursor: pointer;
+}

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

@@ -0,0 +1,25 @@
+// @ts-nocheck
+
+
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "cellmultidocumentedit4241025868";
+var _style_ = classesRuntime.bind(null, _namespace_);
+
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style: import("@stylable/runtime").STFunction = _style_;
+export var st: import("@stylable/runtime").STFunction = _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"cellmultidocumentedit4241025868__root","chipTrigger":"cellmultidocumentedit4241025868__chipTrigger"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {}; 
+
+
+
+

package/src/components/multi-document/cell-multi-document-edit.tsx

@@ -30,6 +30,7 @@ import {
   usePasteURLForm,
 } from '../media-control';
 import { openDocument } from '../document/utils';
+import { classes } from './cell-multi-document-edit.st.css.js';
 
 export interface CellMultiDocumentEditProps {
   value: string[] | null;
@@ -245,45 +246,60 @@ export const CellMultiDocumentEdit: React.FC<CellMultiDocumentEditProps> = ({
                 <PopoverMenu
                   textSize="small"
                   appendTo="window"
-                  triggerElement={
-                    <Tag
-                      id={`${fieldId}-${index}`}
-                      dataHook="multi-document-edit-tag"
-                      size="small"
-                      thumb={<DocumentSmall />}
-                      removable={false}
-                      maxWidth="100%"
+                  // Function-form trigger: WDS Tag renders a plain <span>, so it
+                  // is not keyboard-focusable and drops the aria-haspopup /
+                  // aria-expanded / ref PopoverMenu injects via cloneElement.
+                  // Wrap it in a visually-unstyled <button> that receives those
+                  // props so the whole chip is an accessible menu trigger while
+                  // keeping the chip look intact.
+                  triggerElement={({ onClick, ref, isOpen }) => (
+                    <button
+                      type="button"
+                      ref={ref as React.Ref<HTMLButtonElement>}
+                      onClick={onClick}
+                      aria-haspopup="menu"
+                      aria-expanded={isOpen}
+                      className={classes.chipTrigger}
                     >
-                      <span
-                        style={{
-                          display: 'flex',
-                          alignItems: 'center',
-                          gap: 4,
-                          width: '100%',
-                          minWidth: 0,
-                        }}
+                      <Tag
+                        id={`${fieldId}-${index}`}
+                        dataHook="multi-document-edit-tag"
+                        size="small"
+                        thumb={<DocumentSmall />}
+                        removable={false}
+                        maxWidth="100%"
                       >
                         <span
                           style={{
-                            flex: '1 1 auto',
-                            overflow: 'hidden',
-                            textOverflow: 'ellipsis',
-                            whiteSpace: 'nowrap',
+                            display: 'flex',
+                            alignItems: 'center',
+                            gap: 4,
+                            width: '100%',
                             minWidth: 0,
                           }}
                         >
-                          {getMediaTitle(uri)}
+                          <span
+                            style={{
+                              flex: '1 1 auto',
+                              overflow: 'hidden',
+                              textOverflow: 'ellipsis',
+                              whiteSpace: 'nowrap',
+                              minWidth: 0,
+                            }}
+                          >
+                            {getMediaTitle(uri)}
+                          </span>
+                          <MoreSmall
+                            style={{
+                              width: 12,
+                              height: 12,
+                              flexShrink: 0,
+                            }}
+                          />
                         </span>
-                        <MoreSmall
-                          style={{
-                            width: 12,
-                            height: 12,
-                            flexShrink: 0,
-                          }}
-                        />
-                      </span>
-                    </Tag>
-                  }
+                      </Tag>
+                    </button>
+                  )}
                 >
                   <PopoverMenu.MenuItem
                     dataHook="multi-document-edit-action-replace"

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_ = "formmultidocument3767658969";
+var _namespace_ = "formmultidocument2129027216";
 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":"formmultidocument3767658969__root","viewRoot":"formmultidocument3767658969__viewRoot","singleViewWrapper":"formmultidocument3767658969__singleViewWrapper","addDocumentButton":"formmultidocument3767658969__addDocumentButton"};
+export var classes = {"root":"formmultidocument2129027216__root","viewRoot":"formmultidocument2129027216__viewRoot","singleViewWrapper":"formmultidocument2129027216__singleViewWrapper","addDocumentButton":"formmultidocument2129027216__addDocumentButton"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/object/cell-json-input.tsx

@@ -17,17 +17,24 @@ export interface CellJsonInputProps
  * host can read the current value at any time (e.g. Tab-commit in EditableTable).
  *
  * Contrast with JsonInput which defers onChange to blur.
+ *
+ * Empty-value contract: `null`/`undefined` render as an empty textarea, and
+ * clearing the textarea emits `null` (not `undefined`). `undefined` is reserved
+ * by the EditableTable commit pipeline to mean "no edit happened," so emitting
+ * `null` here is what lets the user clear a cell to empty.
  */
 export const CellJsonInput = forwardRef<InputArea, CellJsonInputProps>(
   ({ value, onChange, onBlur, readOnly, disabled, ...props }, ref) => {
-    const [json, setJson] = useControlledInput(safeStringify(value, true));
+    const [json, setJson] = useControlledInput(
+      value == null ? '' : safeStringify(value, true),
+    );
 
     const onInputChange = useCallback(
       (event: React.ChangeEvent<HTMLTextAreaElement>) => {
         const raw = event.target.value;
         setJson(raw);
         if (!readOnly && !disabled) {
-          onChange?.(raw ? safeParse(raw) : undefined);
+          onChange?.(raw ? safeParse(raw) : null);
         }
       },
       [setJson, readOnly, disabled, onChange],

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_ = "cellmultireferenceinput3407154793";
+var _namespace_ = "cellmultireferenceinput3946198310";
 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":"cellmultireferenceinput3407154793__root"};
+export var classes = {"root":"cellmultireferenceinput3946198310__root"};
 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_ = "cellreferenceinput882231995";
+var _namespace_ = "cellreferenceinput4291828404";
 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":"cellreferenceinput882231995__root","autocomplete":"cellreferenceinput882231995__autocomplete"};
+export var classes = {"root":"cellreferenceinput4291828404__root","autocomplete":"cellreferenceinput4291828404__autocomplete"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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_ = "richcontentdefaultvalueinput4086480119";
+var _namespace_ = "richcontentdefaultvalueinput175828992";
 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":"richcontentdefaultvalueinput4086480119__root","richContentEditorContainer":"richcontentdefaultvalueinput4086480119__richContentEditorContainer","editor":"richcontentdefaultvalueinput4086480119__editor"};
+export var classes = {"root":"richcontentdefaultvalueinput175828992__root","richContentEditorContainer":"richcontentdefaultvalueinput175828992__richContentEditorContainer","editor":"richcontentdefaultvalueinput175828992__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_ = "richcontentforminput3697249391";
+var _namespace_ = "richcontentforminput868017737";
 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":"richcontentforminput3697249391__root","editor":"richcontentforminput3697249391__editor"};
+export var classes = {"root":"richcontentforminput868017737__root","editor":"richcontentforminput868017737__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_ = "richcontentformreadonlyinput3844027456";
+var _namespace_ = "richcontentformreadonlyinput717684133";
 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":"richcontentformreadonlyinput3844027456__root"};
+export var classes = {"root":"richcontentformreadonlyinput717684133__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_ = "fullscreenmodal2565856938";
+var _namespace_ = "fullscreenmodal1729763657";
 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":"fullscreenmodal2565856938__root","modalContent":"fullscreenmodal2565856938__modalContent"};
+export var classes = {"root":"fullscreenmodal1729763657__root","modalContent":"fullscreenmodal1729763657__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_ = "publishloader3152440058";
+var _namespace_ = "publishloader4213841679";
 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":"publishloader3152440058__root","publishLoader":"publishloader3152440058__publishLoader"};
+export var classes = {"root":"publishloader4213841679__root","publishLoader":"publishloader4213841679__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_ = "togglefullscreenbutton461502793";
+var _namespace_ = "togglefullscreenbutton2928954910";
 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":"togglefullscreenbutton461502793__root"};
+export var classes = {"root":"togglefullscreenbutton2928954910__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_ = "richcontenteditor3586139928";
+var _namespace_ = "richcontenteditor4106261530";
 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":"richcontenteditor3586139928__root","toolbarContainer":"richcontenteditor3586139928__toolbarContainer","footerToolbarContainer":"richcontenteditor3586139928__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor3586139928__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor3586139928__editor","modalEditor":"richcontenteditor3586139928__modalEditor"};
+export var classes = {"root":"richcontenteditor4106261530__root","toolbarContainer":"richcontenteditor4106261530__toolbarContainer","footerToolbarContainer":"richcontenteditor4106261530__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor4106261530__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor4106261530__editor","modalEditor":"richcontenteditor4106261530__modalEditor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};