@wix/patterns-fields 1.112.0 → 1.114.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_ = "colorview2137026091";
+var _namespace_ = "colorview2070407802";
 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":"colorview2137026091__root","view":"colorview2137026091__view","fillPreview":"colorview2137026091__fillPreview"};
+export var classes = {"root":"colorview2070407802__root","view":"colorview2070407802__view","fillPreview":"colorview2070407802__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_ = "deletedialog1255391285";
+var _namespace_ = "deletedialog2564154988";
 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":"deletedialog1255391285__root","layout":"deletedialog1255391285__layout"};
+export var classes = {"root":"deletedialog2564154988__root","layout":"deletedialog2564154988__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_ = "formdocumentfield725117996";
+var _namespace_ = "formdocumentfield3022655161";
 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":"formdocumentfield3022655161__root","viewWrapper":"formdocumentfield3022655161__viewWrapper","textWidth":"formdocumentfield3022655161__textWidth","documentLoader":"formdocumentfield3022655161__documentLoader","addDocument":"formdocumentfield3022655161__addDocument","addItemWrapper":"formdocumentfield3022655161__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_ = "exclamation1494182957";
 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":"exclamation1494182957__root","exclamation":"exclamation1494182957__exclamation","actions":"exclamation1494182957__actions","action":"exclamation1494182957__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_ = "fieldvalidationsettingsinput66316909";
 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":"fieldvalidationsettingsinput66316909__root","specificValuesInput":"fieldvalidationsettingsinput66316909__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_ = "highlightedtext3035581716";
 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":"highlightedtext3035581716__root","substring":"highlightedtext3035581716__substring"};
+export var keyframes = {"highlighted":"highlightedtext3035581716__highlighted","highlighted-match":"highlightedtext3035581716__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_ = "thumbnailreplaceoverlay3420068213";
 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":"thumbnailreplaceoverlay3420068213__root","icon":"thumbnailreplaceoverlay3420068213__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_ = "cellmediaeditshell1334366939";
 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":"cellmediaeditshell1334366939__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_ = "pasteurlbutton3821807555";
 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":"pasteurlbutton3821807555__root","iconButtonTooltip":"pasteurlbutton3821807555__iconButtonTooltip","iconButton":"pasteurlbutton3821807555__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_ = "formmediagalleryfield3602684110";
 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":"formmediagalleryfield3602684110__root","container":"formmediagalleryfield3602684110__container","viewBox":"formmediagalleryfield3602684110__viewBox","addItemWrapper":"formmediagalleryfield3602684110__addItemWrapper","addItem":"formmediagalleryfield3602684110__addItem","overlay":"formmediagalleryfield3602684110__overlay","image":"formmediagalleryfield3602684110__image","previewImage":"formmediagalleryfield3602684110__previewImage","previewVideo":"formmediagalleryfield3602684110__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_ = "mediaimage321172020";
 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":"mediaimage321172020__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":"--mediaimage321172020-from","to":"--mediaimage321172020-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_ = "overlay3659416904";
 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":"overlay3659416904__root","iconOverlay":"overlay3659416904__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_ = "mediatag3055343035";
 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":"mediatag3055343035__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_ = "cellmultidocumentedit526971600";
 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":"cellmultidocumentedit526971600__root","chipTrigger":"cellmultidocumentedit526971600__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_ = "formmultidocument3785540918";
 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":"formmultidocument3785540918__root","viewRoot":"formmultidocument3785540918__viewRoot","singleViewWrapper":"formmultidocument3785540918__singleViewWrapper","addDocumentButton":"formmultidocument3785540918__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_ = "cellmultireferenceinput1994246603";
 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":"cellmultireferenceinput1994246603__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_ = "cellreferenceinput4188445466";
 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":"cellreferenceinput4188445466__root","autocomplete":"cellreferenceinput4188445466__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_ = "richcontentdefaultvalueinput3792978138";
 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":"richcontentdefaultvalueinput3792978138__root","richContentEditorContainer":"richcontentdefaultvalueinput3792978138__richContentEditorContainer","editor":"richcontentdefaultvalueinput3792978138__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_ = "richcontentforminput1976929833";
 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":"richcontentforminput1976929833__root","editor":"richcontentforminput1976929833__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_ = "richcontentformreadonlyinput2013635009";
 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":"richcontentformreadonlyinput2013635009__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_ = "fullscreenmodal591904638";
 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":"fullscreenmodal591904638__root","modalContent":"fullscreenmodal591904638__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_ = "publishloader2020911677";
 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":"publishloader2020911677__root","publishLoader":"publishloader2020911677__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_ = "togglefullscreenbutton198496324";
 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":"togglefullscreenbutton198496324__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_ = "richcontenteditor4142568176";
 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":"richcontenteditor4142568176__root","toolbarContainer":"richcontenteditor4142568176__toolbarContainer","footerToolbarContainer":"richcontenteditor4142568176__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor4142568176__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor4142568176__editor","modalEditor":"richcontenteditor4142568176__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_ = "richcontenttoolbar667169927";
 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":"richcontenttoolbar667169927__root","toolbar":"richcontenttoolbar667169927__toolbar","toolbarButton":"richcontenttoolbar667169927__toolbarButton","separator":"richcontenttoolbar667169927__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_ = "richcontentviewer1304150710";
 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":"richcontentviewer1304150710__root","viewer":"richcontentviewer1304150710__viewer","modalViewer":"richcontentviewer1304150710__modalViewer"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};