@wix/patterns-fields 1.117.0 → 1.120.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_ = "colorview3223092125";
+var _namespace_ = "colorview686569546";
 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":"colorview3223092125__root","view":"colorview3223092125__view","fillPreview":"colorview3223092125__fillPreview"};
+export var classes = {"root":"colorview686569546__root","view":"colorview686569546__view","fillPreview":"colorview686569546__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_ = "deletedialog1723964393";
+var _namespace_ = "deletedialog174274406";
 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":"deletedialog1723964393__root","layout":"deletedialog1723964393__layout"};
+export var classes = {"root":"deletedialog174274406__root","layout":"deletedialog174274406__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_ = "formdocumentfield2175633494";
+var _namespace_ = "formdocumentfield1829521563";
 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":"formdocumentfield2175633494__root","viewWrapper":"formdocumentfield2175633494__viewWrapper","textWidth":"formdocumentfield2175633494__textWidth","documentLoader":"formdocumentfield2175633494__documentLoader","addDocument":"formdocumentfield2175633494__addDocument","addItemWrapper":"formdocumentfield2175633494__addItemWrapper"};
+export var classes = {"root":"formdocumentfield1829521563__root","viewWrapper":"formdocumentfield1829521563__viewWrapper","textWidth":"formdocumentfield1829521563__textWidth","documentLoader":"formdocumentfield1829521563__documentLoader","addDocument":"formdocumentfield1829521563__addDocument","addItemWrapper":"formdocumentfield1829521563__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_ = "exclamation2219806139";
+var _namespace_ = "exclamation387703155";
 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":"exclamation2219806139__root","exclamation":"exclamation2219806139__exclamation","actions":"exclamation2219806139__actions","action":"exclamation2219806139__action"};
+export var classes = {"root":"exclamation387703155__root","exclamation":"exclamation387703155__exclamation","actions":"exclamation387703155__actions","action":"exclamation387703155__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_ = "fieldvalidationsettingsinput1854378188";
+var _namespace_ = "fieldvalidationsettingsinput1510291432";
 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":"fieldvalidationsettingsinput1854378188__root","specificValuesInput":"fieldvalidationsettingsinput1854378188__specificValuesInput"};
+export var classes = {"root":"fieldvalidationsettingsinput1510291432__root","specificValuesInput":"fieldvalidationsettingsinput1510291432__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_ = "highlightedtext2702217301";
+var _namespace_ = "highlightedtext1928387876";
 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":"highlightedtext2702217301__root","substring":"highlightedtext2702217301__substring"};
-export var keyframes = {"highlighted":"highlightedtext2702217301__highlighted","highlighted-match":"highlightedtext2702217301__highlighted-match"}; 
+export var classes = {"root":"highlightedtext1928387876__root","substring":"highlightedtext1928387876__substring"};
+export var keyframes = {"highlighted":"highlightedtext1928387876__highlighted","highlighted-match":"highlightedtext1928387876__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_ = "thumbnailreplaceoverlay1763365333";
+var _namespace_ = "thumbnailreplaceoverlay3913242486";
 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":"thumbnailreplaceoverlay1763365333__root","icon":"thumbnailreplaceoverlay1763365333__icon"};
+export var classes = {"root":"thumbnailreplaceoverlay3913242486__root","icon":"thumbnailreplaceoverlay3913242486__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_ = "cellmediaeditshell4153330898";
+var _namespace_ = "cellmediaeditshell2937451287";
 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":"cellmediaeditshell4153330898__root"};
+export var classes = {"root":"cellmediaeditshell2937451287__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_ = "pasteurlbutton531298721";
+var _namespace_ = "pasteurlbutton3374436230";
 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":"pasteurlbutton531298721__root","iconButtonTooltip":"pasteurlbutton531298721__iconButtonTooltip","iconButton":"pasteurlbutton531298721__iconButton"};
+export var classes = {"root":"pasteurlbutton3374436230__root","iconButtonTooltip":"pasteurlbutton3374436230__iconButtonTooltip","iconButton":"pasteurlbutton3374436230__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_ = "formmediagalleryfield903826005";
+var _namespace_ = "formmediagalleryfield2376465746";
 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":"formmediagalleryfield903826005__root","container":"formmediagalleryfield903826005__container","viewBox":"formmediagalleryfield903826005__viewBox","addItemWrapper":"formmediagalleryfield903826005__addItemWrapper","addItem":"formmediagalleryfield903826005__addItem","overlay":"formmediagalleryfield903826005__overlay","image":"formmediagalleryfield903826005__image","previewImage":"formmediagalleryfield903826005__previewImage","previewVideo":"formmediagalleryfield903826005__previewVideo"};
+export var classes = {"root":"formmediagalleryfield2376465746__root","container":"formmediagalleryfield2376465746__container","viewBox":"formmediagalleryfield2376465746__viewBox","addItemWrapper":"formmediagalleryfield2376465746__addItemWrapper","addItem":"formmediagalleryfield2376465746__addItem","overlay":"formmediagalleryfield2376465746__overlay","image":"formmediagalleryfield2376465746__image","previewImage":"formmediagalleryfield2376465746__previewImage","previewVideo":"formmediagalleryfield2376465746__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_ = "mediaimage3328930349";
+var _namespace_ = "mediaimage2118127339";
 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":"mediaimage3328930349__root"};
+export var classes = {"root":"mediaimage2118127339__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":"--mediaimage3328930349-from","to":"--mediaimage3328930349-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":"--mediaimage2118127339-from","to":"--mediaimage2118127339-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_ = "overlay3008863944";
+var _namespace_ = "overlay2146945399";
 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":"overlay3008863944__root","iconOverlay":"overlay3008863944__iconOverlay"};
+export var classes = {"root":"overlay2146945399__root","iconOverlay":"overlay2146945399__iconOverlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -10,8 +10,10 @@
 }
 
 /* A zero-height strip along the cell's bottom edge, so the popover opens
-   under the cell. */
+   under the cell. Flex, because the WDS Popover root is inline-block: on a
+   text line it would start 14px lower. */
 .anchor {
+  display: flex;
   position: absolute;
   left: 0;
   right: 0;

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_ = "cellmediaimageedit1735372897";
+var _namespace_ = "cellmediaimageedit1688844937";
 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":"cellmediaimageedit1735372897__root","view":"cellmediaimageedit1735372897__view","anchor":"cellmediaimageedit1735372897__anchor","anchorBox":"cellmediaimageedit1735372897__anchorBox","popoverContent":"cellmediaimageedit1735372897__popoverContent","image":"cellmediaimageedit1735372897__image","imageActions":"cellmediaimageedit1735372897__imageActions"};
+export var classes = {"root":"cellmediaimageedit1688844937__root","view":"cellmediaimageedit1688844937__view","anchor":"cellmediaimageedit1688844937__anchor","anchorBox":"cellmediaimageedit1688844937__anchorBox","popoverContent":"cellmediaimageedit1688844937__popoverContent","image":"cellmediaimageedit1688844937__image","imageActions":"cellmediaimageedit1688844937__imageActions"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-image-field/cell-media-image-edit.tsx

@@ -261,7 +261,8 @@ export const CellMediaImageEdit: React.FC<CellMediaImageEditProps> = ({
             <MediaImageView value={image} />
             <div className={classes.anchor}>
               <Popover
-                shown={popoverLayer !== 'none'}
+                // Modals open at WDS's z-index 5000, under this popover.
+                shown={openLayer === 'popover' || openLayer === 'menu'}
                 appendTo="window"
                 placement="bottom-start"
                 moveBy={{ x: 0, y: 4 }}

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_ = "mediaimageview4152861386";
+var _namespace_ = "mediaimageview1860419073";
 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":"mediaimageview4152861386__root","altTextPlaceholder":"mediaimageview4152861386__altTextPlaceholder"};
+export var classes = {"root":"mediaimageview1860419073__root","altTextPlaceholder":"mediaimageview1860419073__altTextPlaceholder"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-image-field/media-image-view.tsx

@@ -1,21 +1,22 @@
 import React, { useCallback, useState } from 'react';
 import { Box, Divider, Text } from '@wix/design-system';
 import { observer } from 'mobx-react-lite';
-import type { MediaImageValue } from '../../types/media-image';
 import { usePatternsCmsFieldsContainer } from '../../providers/PatternsFieldsContainerProvider';
 import { getImageSource } from '../../utils/get-image-source';
+import { toMediaImageValue } from '../../utils/media-image-value';
 import { smallTooltipCommonProps } from '../../utils/tooltip';
 import { ImagePreviewPopover } from '../image/image-preview-popover';
 import { ImageThumbnail } from '../image/image-thumbnail';
 import { classes } from './media-image-view.st.css.js';
 
 export interface MediaImageViewProps {
-  /** A value read with `toMediaImageValue`. */
-  value: MediaImageValue | null;
+  /** A `MEDIA_IMAGE` value. */
+  value: unknown;
   dataHook?: string;
 }
 
-function _MediaImageView({ value: image, dataHook }: MediaImageViewProps) {
+function _MediaImageView({ value, dataHook }: MediaImageViewProps) {
+  const image = toMediaImageValue(value);
   // Tables render this cell even with no fields container above them, which
   // legacy image cells never needed. Without one there is nothing to translate
   // the placeholder with, so it is left out instead of breaking the cell.

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_ = "mediatag1019234819";
+var _namespace_ = "mediatag3673549508";
 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":"mediatag1019234819__root"};
+export var classes = {"root":"mediatag3673549508__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_ = "cellmultidocumentedit537285070";
+var _namespace_ = "cellmultidocumentedit1098704626";
 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":"cellmultidocumentedit537285070__root","chipTrigger":"cellmultidocumentedit537285070__chipTrigger"};
+export var classes = {"root":"cellmultidocumentedit1098704626__root","chipTrigger":"cellmultidocumentedit1098704626__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_ = "formmultidocument238724793";
+var _namespace_ = "formmultidocument52310980";
 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":"formmultidocument238724793__root","viewRoot":"formmultidocument238724793__viewRoot","singleViewWrapper":"formmultidocument238724793__singleViewWrapper","addDocumentButton":"formmultidocument238724793__addDocumentButton"};
+export var classes = {"root":"formmultidocument52310980__root","viewRoot":"formmultidocument52310980__viewRoot","singleViewWrapper":"formmultidocument52310980__singleViewWrapper","addDocumentButton":"formmultidocument52310980__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_ = "cellmultireferenceinput2852198089";
+var _namespace_ = "cellmultireferenceinput844209663";
 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":"cellmultireferenceinput2852198089__root"};
+export var classes = {"root":"cellmultireferenceinput844209663__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_ = "cellreferenceinput1940386691";
+var _namespace_ = "cellreferenceinput1854264550";
 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":"cellreferenceinput1940386691__root","autocomplete":"cellreferenceinput1940386691__autocomplete"};
+export var classes = {"root":"cellreferenceinput1854264550__root","autocomplete":"cellreferenceinput1854264550__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_ = "richcontentdefaultvalueinput1029994212";
+var _namespace_ = "richcontentdefaultvalueinput4235613372";
 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":"richcontentdefaultvalueinput1029994212__root","richContentEditorContainer":"richcontentdefaultvalueinput1029994212__richContentEditorContainer","editor":"richcontentdefaultvalueinput1029994212__editor"};
+export var classes = {"root":"richcontentdefaultvalueinput4235613372__root","richContentEditorContainer":"richcontentdefaultvalueinput4235613372__richContentEditorContainer","editor":"richcontentdefaultvalueinput4235613372__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_ = "richcontentforminput1521948598";
+var _namespace_ = "richcontentforminput3447936607";
 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":"richcontentforminput1521948598__root","editor":"richcontentforminput1521948598__editor"};
+export var classes = {"root":"richcontentforminput3447936607__root","editor":"richcontentforminput3447936607__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_ = "richcontentformreadonlyinput2017647909";
+var _namespace_ = "richcontentformreadonlyinput2937388056";
 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":"richcontentformreadonlyinput2017647909__root"};
+export var classes = {"root":"richcontentformreadonlyinput2937388056__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_ = "fullscreenmodal832897271";
+var _namespace_ = "fullscreenmodal3596198256";
 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":"fullscreenmodal832897271__root","modalContent":"fullscreenmodal832897271__modalContent"};
+export var classes = {"root":"fullscreenmodal3596198256__root","modalContent":"fullscreenmodal3596198256__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_ = "publishloader2134768982";
+var _namespace_ = "publishloader2370721853";
 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":"publishloader2134768982__root","publishLoader":"publishloader2134768982__publishLoader"};
+export var classes = {"root":"publishloader2370721853__root","publishLoader":"publishloader2370721853__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_ = "togglefullscreenbutton4114855922";
+var _namespace_ = "togglefullscreenbutton2230225002";
 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":"togglefullscreenbutton4114855922__root"};
+export var classes = {"root":"togglefullscreenbutton2230225002__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_ = "richcontenteditor2388141012";
+var _namespace_ = "richcontenteditor2396626637";
 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":"richcontenteditor2388141012__root","toolbarContainer":"richcontenteditor2388141012__toolbarContainer","footerToolbarContainer":"richcontenteditor2388141012__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor2388141012__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor2388141012__editor","modalEditor":"richcontenteditor2388141012__modalEditor"};
+export var classes = {"root":"richcontenteditor2396626637__root","toolbarContainer":"richcontenteditor2396626637__toolbarContainer","footerToolbarContainer":"richcontenteditor2396626637__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor2396626637__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor2396626637__editor","modalEditor":"richcontenteditor2396626637__modalEditor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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_ = "richcontenttoolbar2930896954";
+var _namespace_ = "richcontenttoolbar3394518807";
 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":"richcontenttoolbar2930896954__root","toolbar":"richcontenttoolbar2930896954__toolbar","toolbarButton":"richcontenttoolbar2930896954__toolbarButton","separator":"richcontenttoolbar2930896954__separator"};
+export var classes = {"root":"richcontenttoolbar3394518807__root","toolbar":"richcontenttoolbar3394518807__toolbar","toolbarButton":"richcontenttoolbar3394518807__toolbarButton","separator":"richcontenttoolbar3394518807__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_ = "richcontentviewer34558029";
+var _namespace_ = "richcontentviewer1218812998";
 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":"richcontentviewer34558029__root","viewer":"richcontentviewer34558029__viewer","modalViewer":"richcontentviewer34558029__modalViewer"};
+export var classes = {"root":"richcontentviewer1218812998__root","viewer":"richcontentviewer1218812998__viewer","modalViewer":"richcontentviewer1218812998__modalViewer"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richeditor3680751212";
+var _namespace_ = "richeditor1485371799";
 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":"richeditor3680751212__root","editor":"richeditor3680751212__editor","header-one":"richeditor3680751212__header-one","header-two":"richeditor3680751212__header-two","header-three":"richeditor3680751212__header-three","header-four":"richeditor3680751212__header-four","header-five":"richeditor3680751212__header-five","header-six":"richeditor3680751212__header-six","paragraph-one":"richeditor3680751212__paragraph-one","unstyled":"richeditor3680751212__unstyled","paragraph-three":"richeditor3680751212__paragraph-three","align-left":"richeditor3680751212__align-left","align-right":"richeditor3680751212__align-right","align-center":"richeditor3680751212__align-center","align-justify":"richeditor3680751212__align-justify","withMargin":"richeditor3680751212__withMargin","dir-rtl":"richeditor3680751212__dir-rtl"};
+export var classes = {"root":"richeditor1485371799__root","editor":"richeditor1485371799__editor","header-one":"richeditor1485371799__header-one","header-two":"richeditor1485371799__header-two","header-three":"richeditor1485371799__header-three","header-four":"richeditor1485371799__header-four","header-five":"richeditor1485371799__header-five","header-six":"richeditor1485371799__header-six","paragraph-one":"richeditor1485371799__paragraph-one","unstyled":"richeditor1485371799__unstyled","paragraph-three":"richeditor1485371799__paragraph-three","align-left":"richeditor1485371799__align-left","align-right":"richeditor1485371799__align-right","align-center":"richeditor1485371799__align-center","align-justify":"richeditor1485371799__align-justify","withMargin":"richeditor1485371799__withMargin","dir-rtl":"richeditor1485371799__dir-rtl"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};