@wix/patterns-fields 1.112.0 → 1.113.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "formdocumentfield725117996";
+var _namespace_ = "formdocumentfield600942549";
 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":"formdocumentfield725117996__root","viewWrapper":"formdocumentfield725117996__viewWrapper","textWidth":"formdocumentfield725117996__textWidth","documentLoader":"formdocumentfield725117996__documentLoader","addDocument":"formdocumentfield725117996__addDocument","addItemWrapper":"formdocumentfield725117996__addItemWrapper"};
+export var classes = {"root":"formdocumentfield600942549__root","viewWrapper":"formdocumentfield600942549__viewWrapper","textWidth":"formdocumentfield600942549__textWidth","documentLoader":"formdocumentfield600942549__documentLoader","addDocument":"formdocumentfield600942549__addDocument","addItemWrapper":"formdocumentfield600942549__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_ = "exclamation4206296069";
+var _namespace_ = "exclamation297875390";
 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":"exclamation4206296069__root","exclamation":"exclamation4206296069__exclamation","actions":"exclamation4206296069__actions","action":"exclamation4206296069__action"};
+export var classes = {"root":"exclamation297875390__root","exclamation":"exclamation297875390__exclamation","actions":"exclamation297875390__actions","action":"exclamation297875390__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_ = "fieldvalidationsettingsinput2294766599";
+var _namespace_ = "fieldvalidationsettingsinput3420616655";
 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":"fieldvalidationsettingsinput2294766599__root","specificValuesInput":"fieldvalidationsettingsinput2294766599__specificValuesInput"};
+export var classes = {"root":"fieldvalidationsettingsinput3420616655__root","specificValuesInput":"fieldvalidationsettingsinput3420616655__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_ = "highlightedtext400718962";
+var _namespace_ = "highlightedtext956603166";
 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":"highlightedtext400718962__root","substring":"highlightedtext400718962__substring"};
-export var keyframes = {"highlighted":"highlightedtext400718962__highlighted","highlighted-match":"highlightedtext400718962__highlighted-match"}; 
+export var classes = {"root":"highlightedtext956603166__root","substring":"highlightedtext956603166__substring"};
+export var keyframes = {"highlighted":"highlightedtext956603166__highlighted","highlighted-match":"highlightedtext956603166__highlighted-match"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

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

@@ -82,7 +82,7 @@ export const CellImageEdit: React.FC<CellImageEditProps> = ({
                 padding: 0,
               }}
             >
-              <ImageThumbnail value={value} />
+              <ImageThumbnail value={value} size={24} />
               <ThumbnailReplaceOverlay />
             </button>
           </Box>

package/src/components/image/image-thumbnail.tsx

@@ -19,6 +19,7 @@ export interface ImageThumbnailProps {
   onMouseLeave?: () => void;
   dataHook?: string;
   showVideoIndicator?: boolean;
+  size?: number;
 }
 
 export const ImageThumbnail: React.FC<ImageThumbnailProps> = ({
@@ -29,17 +30,20 @@ export const ImageThumbnail: React.FC<ImageThumbnailProps> = ({
   onMouseLeave,
   dataHook,
   showVideoIndicator = true,
+  size = 36,
 }) => {
   const value = getImageSource(imageValue);
   const src = value ? mediaURItoImageURL(value, ThumbnailSize.S) : undefined;
+  const overlaySize = size <= 24 ? 'tiny' : 'small';
+  const px = `${size}px`;
 
   return (
     <div
       data-hook={dataHook}
       data-empty={!value || undefined}
       style={{
-        width: '36px',
-        height: '36px',
+        width: px,
+        height: px,
         borderRadius: '3px',
         flexShrink: 0,
         position: 'relative',
@@ -52,17 +56,17 @@ export const ImageThumbnail: React.FC<ImageThumbnailProps> = ({
         borderRadius="3px"
         transparent
         size={ThumbnailSize.S}
-        width="36px"
-        height="36px"
+        width={px}
+        height={px}
         onLoad={onLoad}
         onError={onError}
         onMouseEnter={onMouseEnter}
         onMouseLeave={onMouseLeave}
         overlay={
           value && showVideoIndicator && isMediaVideoURI(value) ? (
-            <VideoIndicatorOverlay src={value} size="small" />
+            <VideoIndicatorOverlay src={value} size={overlaySize} />
           ) : (
-            <CustomUrlOverlay src={value} size="small" />
+            <CustomUrlOverlay src={value} size={overlaySize} />
           )
         }
       />

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

@@ -8,11 +8,13 @@ import { ImageThumbnail } from './image-thumbnail';
 export interface ImageViewProps {
   value: ImageSource;
   dataHook?: string;
+  size?: number;
 }
 
 export const ImageView: React.FC<ImageViewProps> = ({
   value: imageValue,
   dataHook,
+  size,
 }) => {
   const value = getImageSource(imageValue);
   const [isPreviewShown, setIsPreviewShown] = useState(false);
@@ -43,6 +45,7 @@ export const ImageView: React.FC<ImageViewProps> = ({
             <Popover.Element>
               <ImageThumbnail
                 value={value}
+                size={size}
                 dataHook="image-thumbnail"
                 onMouseEnter={showPreview}
                 onMouseLeave={hidePreview}
@@ -68,7 +71,7 @@ export const ImageView: React.FC<ImageViewProps> = ({
             </Popover.Content>
           </Popover>
         ) : (
-          <ImageThumbnail value={value} dataHook="image-thumbnail" />
+          <ImageThumbnail value={value} size={size} dataHook="image-thumbnail" />
         )}
       </Box>
     </Box>

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "thumbnailreplaceoverlay1349976693";
+var _namespace_ = "thumbnailreplaceoverlay3606587190";
 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":"thumbnailreplaceoverlay1349976693__root","icon":"thumbnailreplaceoverlay1349976693__icon"};
+export var classes = {"root":"thumbnailreplaceoverlay3606587190__root","icon":"thumbnailreplaceoverlay3606587190__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_ = "cellmediaeditshell3499270915";
+var _namespace_ = "cellmediaeditshell1208112184";
 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":"cellmediaeditshell3499270915__root"};
+export var classes = {"root":"cellmediaeditshell1208112184__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_ = "pasteurlbutton3845473653";
+var _namespace_ = "pasteurlbutton3361801639";
 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":"pasteurlbutton3845473653__root","iconButtonTooltip":"pasteurlbutton3845473653__iconButtonTooltip","iconButton":"pasteurlbutton3845473653__iconButton"};
+export var classes = {"root":"pasteurlbutton3361801639__root","iconButtonTooltip":"pasteurlbutton3361801639__iconButtonTooltip","iconButton":"pasteurlbutton3361801639__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_ = "formmediagalleryfield3779153002";
+var _namespace_ = "formmediagalleryfield167056594";
 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":"formmediagalleryfield3779153002__root","container":"formmediagalleryfield3779153002__container","viewBox":"formmediagalleryfield3779153002__viewBox","addItemWrapper":"formmediagalleryfield3779153002__addItemWrapper","addItem":"formmediagalleryfield3779153002__addItem","overlay":"formmediagalleryfield3779153002__overlay","image":"formmediagalleryfield3779153002__image","previewImage":"formmediagalleryfield3779153002__previewImage","previewVideo":"formmediagalleryfield3779153002__previewVideo"};
+export var classes = {"root":"formmediagalleryfield167056594__root","container":"formmediagalleryfield167056594__container","viewBox":"formmediagalleryfield167056594__viewBox","addItemWrapper":"formmediagalleryfield167056594__addItemWrapper","addItem":"formmediagalleryfield167056594__addItem","overlay":"formmediagalleryfield167056594__overlay","image":"formmediagalleryfield167056594__image","previewImage":"formmediagalleryfield167056594__previewImage","previewVideo":"formmediagalleryfield167056594__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_ = "mediaimage3922180827";
+var _namespace_ = "mediaimage3684956147";
 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":"mediaimage3922180827__root"};
+export var classes = {"root":"mediaimage3684956147__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":"--mediaimage3922180827-from","to":"--mediaimage3922180827-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":"--mediaimage3684956147-from","to":"--mediaimage3684956147-to"}; 
 
 
 

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

@@ -7,7 +7,7 @@
 
 .iconOverlay {
     -st-states:
-        size(enum(small, medium, large)),
+        size(enum(tiny, small, medium, large)),
         placement(enum(topLeft, bottomLeft));
 
     position: absolute;
@@ -19,6 +19,10 @@
     -webkit-filter: value(iconShadow);
 }
 
+.iconOverlay:size(tiny) {
+    width: 12px;
+    height: 12px;
+}
 .iconOverlay:size(small) {
     width: 20px;
     height: 20px;

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "overlay3193746897";
+var _namespace_ = "overlay2682897818";
 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":"overlay3193746897__root","iconOverlay":"overlay3193746897__iconOverlay"};
+export var classes = {"root":"overlay2682897818__root","iconOverlay":"overlay2682897818__iconOverlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-image/overlays/types.ts

@@ -1,4 +1,4 @@
-export type IconOverlaySize = 'small' | 'medium' | 'large';
+export type IconOverlaySize = 'tiny' | 'small' | 'medium' | 'large';
 export type IconOverlayPlacement = 'topLeft' | 'bottomLeft';
 
 export interface MediaImageOverlayProps {

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_ = "mediatag1017992439";
+var _namespace_ = "mediatag175843951";
 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":"mediatag1017992439__root"};
+export var classes = {"root":"mediatag175843951__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_ = "cellmultidocumentedit1603295334";
+var _namespace_ = "cellmultidocumentedit2956366936";
 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":"cellmultidocumentedit1603295334__root","chipTrigger":"cellmultidocumentedit1603295334__chipTrigger"};
+export var classes = {"root":"cellmultidocumentedit2956366936__root","chipTrigger":"cellmultidocumentedit2956366936__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_ = "formmultidocument746449936";
+var _namespace_ = "formmultidocument3508158227";
 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":"formmultidocument746449936__root","viewRoot":"formmultidocument746449936__viewRoot","singleViewWrapper":"formmultidocument746449936__singleViewWrapper","addDocumentButton":"formmultidocument746449936__addDocumentButton"};
+export var classes = {"root":"formmultidocument3508158227__root","viewRoot":"formmultidocument3508158227__viewRoot","singleViewWrapper":"formmultidocument3508158227__singleViewWrapper","addDocumentButton":"formmultidocument3508158227__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_ = "cellmultireferenceinput2390621674";
+var _namespace_ = "cellmultireferenceinput1231369098";
 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":"cellmultireferenceinput2390621674__root"};
+export var classes = {"root":"cellmultireferenceinput1231369098__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_ = "cellreferenceinput3634608245";
+var _namespace_ = "cellreferenceinput3745983882";
 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":"cellreferenceinput3634608245__root","autocomplete":"cellreferenceinput3634608245__autocomplete"};
+export var classes = {"root":"cellreferenceinput3745983882__root","autocomplete":"cellreferenceinput3745983882__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_ = "richcontentdefaultvalueinput1645418117";
+var _namespace_ = "richcontentdefaultvalueinput235055491";
 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":"richcontentdefaultvalueinput1645418117__root","richContentEditorContainer":"richcontentdefaultvalueinput1645418117__richContentEditorContainer","editor":"richcontentdefaultvalueinput1645418117__editor"};
+export var classes = {"root":"richcontentdefaultvalueinput235055491__root","richContentEditorContainer":"richcontentdefaultvalueinput235055491__richContentEditorContainer","editor":"richcontentdefaultvalueinput235055491__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_ = "richcontentforminput466150836";
+var _namespace_ = "richcontentforminput2080328703";
 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":"richcontentforminput466150836__root","editor":"richcontentforminput466150836__editor"};
+export var classes = {"root":"richcontentforminput2080328703__root","editor":"richcontentforminput2080328703__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_ = "richcontentformreadonlyinput2428649347";
+var _namespace_ = "richcontentformreadonlyinput2764620063";
 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":"richcontentformreadonlyinput2428649347__root"};
+export var classes = {"root":"richcontentformreadonlyinput2764620063__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_ = "fullscreenmodal1056891884";
+var _namespace_ = "fullscreenmodal2520154404";
 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":"fullscreenmodal1056891884__root","modalContent":"fullscreenmodal1056891884__modalContent"};
+export var classes = {"root":"fullscreenmodal2520154404__root","modalContent":"fullscreenmodal2520154404__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_ = "publishloader2453444346";
+var _namespace_ = "publishloader101836242";
 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":"publishloader2453444346__root","publishLoader":"publishloader2453444346__publishLoader"};
+export var classes = {"root":"publishloader101836242__root","publishLoader":"publishloader101836242__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_ = "togglefullscreenbutton1274451813";
+var _namespace_ = "togglefullscreenbutton1200396578";
 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":"togglefullscreenbutton1274451813__root"};
+export var classes = {"root":"togglefullscreenbutton1200396578__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_ = "richcontenteditor3824894756";
+var _namespace_ = "richcontenteditor2848990366";
 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":"richcontenteditor3824894756__root","toolbarContainer":"richcontenteditor3824894756__toolbarContainer","footerToolbarContainer":"richcontenteditor3824894756__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor3824894756__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor3824894756__editor","modalEditor":"richcontenteditor3824894756__modalEditor"};
+export var classes = {"root":"richcontenteditor2848990366__root","toolbarContainer":"richcontenteditor2848990366__toolbarContainer","footerToolbarContainer":"richcontenteditor2848990366__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor2848990366__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor2848990366__editor","modalEditor":"richcontenteditor2848990366__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_ = "richcontenttoolbar3747021423";
+var _namespace_ = "richcontenttoolbar1754261476";
 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":"richcontenttoolbar3747021423__root","toolbar":"richcontenttoolbar3747021423__toolbar","toolbarButton":"richcontenttoolbar3747021423__toolbarButton","separator":"richcontenttoolbar3747021423__separator"};
+export var classes = {"root":"richcontenttoolbar1754261476__root","toolbar":"richcontenttoolbar1754261476__toolbar","toolbarButton":"richcontenttoolbar1754261476__toolbarButton","separator":"richcontenttoolbar1754261476__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_ = "richcontentviewer4089293587";
+var _namespace_ = "richcontentviewer557136884";
 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":"richcontentviewer4089293587__root","viewer":"richcontentviewer4089293587__viewer","modalViewer":"richcontentviewer4089293587__modalViewer"};
+export var classes = {"root":"richcontentviewer557136884__root","viewer":"richcontentviewer557136884__viewer","modalViewer":"richcontentviewer557136884__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_ = "richeditor289332474";
+var _namespace_ = "richeditor1640050632";
 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":"richeditor289332474__root","editor":"richeditor289332474__editor","header-one":"richeditor289332474__header-one","header-two":"richeditor289332474__header-two","header-three":"richeditor289332474__header-three","header-four":"richeditor289332474__header-four","header-five":"richeditor289332474__header-five","header-six":"richeditor289332474__header-six","paragraph-one":"richeditor289332474__paragraph-one","unstyled":"richeditor289332474__unstyled","paragraph-three":"richeditor289332474__paragraph-three","align-left":"richeditor289332474__align-left","align-right":"richeditor289332474__align-right","align-center":"richeditor289332474__align-center","align-justify":"richeditor289332474__align-justify","withMargin":"richeditor289332474__withMargin","dir-rtl":"richeditor289332474__dir-rtl"};
+export var classes = {"root":"richeditor1640050632__root","editor":"richeditor1640050632__editor","header-one":"richeditor1640050632__header-one","header-two":"richeditor1640050632__header-two","header-three":"richeditor1640050632__header-three","header-four":"richeditor1640050632__header-four","header-five":"richeditor1640050632__header-five","header-six":"richeditor1640050632__header-six","paragraph-one":"richeditor1640050632__paragraph-one","unstyled":"richeditor1640050632__unstyled","paragraph-three":"richeditor1640050632__paragraph-three","align-left":"richeditor1640050632__align-left","align-right":"richeditor1640050632__align-right","align-center":"richeditor1640050632__align-center","align-justify":"richeditor1640050632__align-justify","withMargin":"richeditor1640050632__withMargin","dir-rtl":"richeditor1640050632__dir-rtl"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richtexteditor3708060059";
+var _namespace_ = "richtexteditor170303648";
 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":"richtexteditor3708060059__root","nativeInput":"richtexteditor3708060059__nativeInput","editor":"richtexteditor3708060059__editor"};
+export var classes = {"root":"richtexteditor170303648__root","nativeInput":"richtexteditor170303648__nativeInput","editor":"richtexteditor170303648__editor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};