@wix/patterns-fields 1.136.0 → 1.138.0

package/src/components/audio/actions/actions-menu/actions-menu.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "actionsmenu4043346182";
+var _namespace_ = "actionsmenu1451156455";
 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":"actionsmenu4043346182__root","action":"actionsmenu4043346182__action"};
+export var classes = {"root":"actionsmenu1451156455__root","action":"actionsmenu1451156455__action"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "formaudiofield1955549198";
+var _namespace_ = "formaudiofield3265862547";
 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":"formaudiofield1955549198__root","addItem":"formaudiofield1955549198__addItem","mediaTitle":"formaudiofield1955549198__mediaTitle"};
+export var classes = {"root":"formaudiofield3265862547__root","addItem":"formaudiofield3265862547__addItem","mediaTitle":"formaudiofield3265862547__mediaTitle"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/audio/audio-player/audio-player.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "audioplayer1432654471";
+var _namespace_ = "audioplayer246680646";
 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":"audioplayer1432654471__root"};
+export var classes = {"root":"audioplayer246680646__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellcolorview755247089";
+var _namespace_ = "cellcolorview500441133";
 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":"cellcolorview755247089__root","hashPrefix":"cellcolorview755247089__hashPrefix"};
+export var classes = {"root":"cellcolorview500441133__root","hashPrefix":"cellcolorview500441133__hashPrefix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "colorview1149688262";
+var _namespace_ = "colorview420495157";
 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":"colorview1149688262__root","view":"colorview1149688262__view","fillPreview":"colorview1149688262__fillPreview"};
+export var classes = {"root":"colorview420495157__root","view":"colorview420495157__view","fillPreview":"colorview420495157__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_ = "deletedialog1889738812";
+var _namespace_ = "deletedialog3566874253";
 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":"deletedialog1889738812__root","layout":"deletedialog1889738812__layout"};
+export var classes = {"root":"deletedialog3566874253__root","layout":"deletedialog3566874253__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_ = "formdocumentfield4108488274";
+var _namespace_ = "formdocumentfield3241026988";
 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":"formdocumentfield4108488274__root","viewWrapper":"formdocumentfield4108488274__viewWrapper","textWidth":"formdocumentfield4108488274__textWidth","documentLoader":"formdocumentfield4108488274__documentLoader","addDocument":"formdocumentfield4108488274__addDocument","addItemWrapper":"formdocumentfield4108488274__addItemWrapper"};
+export var classes = {"root":"formdocumentfield3241026988__root","viewWrapper":"formdocumentfield3241026988__viewWrapper","textWidth":"formdocumentfield3241026988__textWidth","documentLoader":"formdocumentfield3241026988__documentLoader","addDocument":"formdocumentfield3241026988__addDocument","addItemWrapper":"formdocumentfield3241026988__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_ = "exclamation1994739553";
+var _namespace_ = "exclamation1901277192";
 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":"exclamation1994739553__root","exclamation":"exclamation1994739553__exclamation","actions":"exclamation1994739553__actions","action":"exclamation1994739553__action"};
+export var classes = {"root":"exclamation1901277192__root","exclamation":"exclamation1901277192__exclamation","actions":"exclamation1901277192__actions","action":"exclamation1901277192__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_ = "fieldvalidationsettingsinput4071633888";
+var _namespace_ = "fieldvalidationsettingsinput2071386369";
 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":"fieldvalidationsettingsinput4071633888__root","specificValuesInput":"fieldvalidationsettingsinput4071633888__specificValuesInput"};
+export var classes = {"root":"fieldvalidationsettingsinput2071386369__root","specificValuesInput":"fieldvalidationsettingsinput2071386369__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_ = "highlightedtext3930973860";
+var _namespace_ = "highlightedtext1545642562";
 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":"highlightedtext3930973860__root","substring":"highlightedtext3930973860__substring"};
-export var keyframes = {"highlighted":"highlightedtext3930973860__highlighted","highlighted-match":"highlightedtext3930973860__highlighted-match"}; 
+export var classes = {"root":"highlightedtext1545642562__root","substring":"highlightedtext1545642562__substring"};
+export var keyframes = {"highlighted":"highlightedtext1545642562__highlighted","highlighted-match":"highlightedtext1545642562__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_ = "thumbnailreplaceoverlay3060574487";
+var _namespace_ = "thumbnailreplaceoverlay3603820515";
 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":"thumbnailreplaceoverlay3060574487__root","icon":"thumbnailreplaceoverlay3060574487__icon"};
+export var classes = {"root":"thumbnailreplaceoverlay3603820515__root","icon":"thumbnailreplaceoverlay3603820515__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_ = "cellmediaeditshell3329525901";
+var _namespace_ = "cellmediaeditshell577704457";
 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":"cellmediaeditshell3329525901__root"};
+export var classes = {"root":"cellmediaeditshell577704457__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_ = "pasteurlbutton2405025088";
+var _namespace_ = "pasteurlbutton2866594467";
 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":"pasteurlbutton2405025088__root","iconButtonTooltip":"pasteurlbutton2405025088__iconButtonTooltip","iconButton":"pasteurlbutton2405025088__iconButton"};
+export var classes = {"root":"pasteurlbutton2866594467__root","iconButtonTooltip":"pasteurlbutton2866594467__iconButtonTooltip","iconButton":"pasteurlbutton2866594467__iconButton"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-control/use-media-control.ts

@@ -63,7 +63,8 @@ export type UseMediaControlReturnType =
   | UseMultiMediaControlReturnType;
 
 const MEDIA_TYPE_TO_CATEGORY: Partial<Record<MEDIA_TYPES, string>> = {
-  [MEDIA_TYPES.IMAGE]: 'IMAGE',
+  [MEDIA_TYPES.IMAGE]: 'AUTO_CMS_IMAGE',
+  [MEDIA_TYPES.RASTER_IMAGE]: 'IMAGE',
   [MEDIA_TYPES.VIDEO]: 'VIDEO',
   [MEDIA_TYPES.AUDIO]: 'MUSIC',
   [MEDIA_TYPES.VECTOR_ART]: 'VECTOR_ART',
@@ -104,6 +105,9 @@ const toVectorUri = (mediaId: string, title?: string): string | undefined => {
 const extractVectorUri = (vector: any): string | undefined => {
   const image = vector?.image;
   if (typeof image === 'string') {
+    if (image.startsWith('wix:vector://')) {
+      return image;
+    }
     const parsed = parseWixImageIdAndTitle(image);
     return parsed ? toVectorUri(parsed.mediaId, parsed.title) : undefined;
   }

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_ = "formmediagalleryfield4126786050";
+var _namespace_ = "formmediagalleryfield3171169945";
 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":"formmediagalleryfield4126786050__root","container":"formmediagalleryfield4126786050__container","viewBox":"formmediagalleryfield4126786050__viewBox","addItemWrapper":"formmediagalleryfield4126786050__addItemWrapper","addItem":"formmediagalleryfield4126786050__addItem","overlay":"formmediagalleryfield4126786050__overlay","image":"formmediagalleryfield4126786050__image","previewImage":"formmediagalleryfield4126786050__previewImage","previewVideo":"formmediagalleryfield4126786050__previewVideo"};
+export var classes = {"root":"formmediagalleryfield3171169945__root","container":"formmediagalleryfield3171169945__container","viewBox":"formmediagalleryfield3171169945__viewBox","addItemWrapper":"formmediagalleryfield3171169945__addItemWrapper","addItem":"formmediagalleryfield3171169945__addItem","overlay":"formmediagalleryfield3171169945__overlay","image":"formmediagalleryfield3171169945__image","previewImage":"formmediagalleryfield3171169945__previewImage","previewVideo":"formmediagalleryfield3171169945__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_ = "mediaimage453535878";
+var _namespace_ = "mediaimage2275956692";
 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":"mediaimage453535878__root"};
+export var classes = {"root":"mediaimage2275956692__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":"--mediaimage453535878-from","to":"--mediaimage453535878-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":"--mediaimage2275956692-from","to":"--mediaimage2275956692-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_ = "overlay869258729";
+var _namespace_ = "overlay3882119496";
 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":"overlay869258729__root","iconOverlay":"overlay869258729__iconOverlay"};
+export var classes = {"root":"overlay3882119496__root","iconOverlay":"overlay3882119496__iconOverlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellmediaimageedit951602822";
+var _namespace_ = "cellmediaimageedit3963440823";
 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":"cellmediaimageedit951602822__root","view":"cellmediaimageedit951602822__view","anchor":"cellmediaimageedit951602822__anchor","anchorBox":"cellmediaimageedit951602822__anchorBox","popoverContent":"cellmediaimageedit951602822__popoverContent","image":"cellmediaimageedit951602822__image","imageActions":"cellmediaimageedit951602822__imageActions"};
+export var classes = {"root":"cellmediaimageedit3963440823__root","view":"cellmediaimageedit3963440823__view","anchor":"cellmediaimageedit3963440823__anchor","anchorBox":"cellmediaimageedit3963440823__anchorBox","popoverContent":"cellmediaimageedit3963440823__popoverContent","image":"cellmediaimageedit3963440823__image","imageActions":"cellmediaimageedit3963440823__imageActions"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -80,7 +80,7 @@ export const CellMediaImageEdit: React.FC<CellMediaImageEditProps> = ({
   const [popoverLayer, setPopoverLayer] = useState<PopoverLayer>('popover');
 
   const mediaEdit = useCellMediaEdit({
-    mediaType: MEDIA_TYPES.IMAGE,
+    mediaType: MEDIA_TYPES.RASTER_IMAGE,
     value: image,
     onChange,
     onCommit,

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

@@ -99,7 +99,7 @@ export const FormMediaImageField: FC<FormMediaImageFieldProps> = ({
   );
 
   const { callMedia, downloadMedia } = useMediaControl({
-    mediaType: MEDIA_TYPES.IMAGE,
+    mediaType: MEDIA_TYPES.RASTER_IMAGE,
     value: getImageSource(image),
     onChange: handlePick,
     autoFocus,

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_ = "mediaimageview2222057118";
+var _namespace_ = "mediaimageview2177164968";
 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":"mediaimageview2222057118__root","altTextPlaceholder":"mediaimageview2222057118__altTextPlaceholder"};
+export var classes = {"root":"mediaimageview2177164968__root","altTextPlaceholder":"mediaimageview2177164968__altTextPlaceholder"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "mediatag2986157072";
+var _namespace_ = "mediatag4157504094";
 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":"mediatag2986157072__root"};
+export var classes = {"root":"mediatag4157504094__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellmediavectorartedit3018993425";
+var _namespace_ = "cellmediavectorartedit1403232495";
 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":"cellmediavectorartedit3018993425__root","thumbnailButton":"cellmediavectorartedit3018993425__thumbnailButton"};
+export var classes = {"root":"cellmediavectorartedit1403232495__root","thumbnailButton":"cellmediavectorartedit1403232495__thumbnailButton"};
 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_ = "cellmultidocumentedit2613845086";
+var _namespace_ = "cellmultidocumentedit2040249090";
 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":"cellmultidocumentedit2613845086__root","chipTrigger":"cellmultidocumentedit2613845086__chipTrigger"};
+export var classes = {"root":"cellmultidocumentedit2040249090__root","chipTrigger":"cellmultidocumentedit2040249090__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_ = "formmultidocument2395978659";
+var _namespace_ = "formmultidocument1611927345";
 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":"formmultidocument2395978659__root","viewRoot":"formmultidocument2395978659__viewRoot","singleViewWrapper":"formmultidocument2395978659__singleViewWrapper","addDocumentButton":"formmultidocument2395978659__addDocumentButton"};
+export var classes = {"root":"formmultidocument1611927345__root","viewRoot":"formmultidocument1611927345__viewRoot","singleViewWrapper":"formmultidocument1611927345__singleViewWrapper","addDocumentButton":"formmultidocument1611927345__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_ = "cellmultireferenceinput3199551783";
+var _namespace_ = "cellmultireferenceinput448955486";
 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":"cellmultireferenceinput3199551783__root"};
+export var classes = {"root":"cellmultireferenceinput448955486__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellmultireferenceview4154836766";
+var _namespace_ = "cellmultireferenceview2666163338";
 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":"cellmultireferenceview4154836766__root","expanded":"cellmultireferenceview4154836766__expanded"};
+export var classes = {"root":"cellmultireferenceview2666163338__root","expanded":"cellmultireferenceview2666163338__expanded"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellreferenceinput2082692742";
+var _namespace_ = "cellreferenceinput3650174196";
 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":"cellreferenceinput2082692742__root","autocomplete":"cellreferenceinput2082692742__autocomplete"};
+export var classes = {"root":"cellreferenceinput3650174196__root","autocomplete":"cellreferenceinput3650174196__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_ = "richcontentdefaultvalueinput3114062544";
+var _namespace_ = "richcontentdefaultvalueinput1278183576";
 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":"richcontentdefaultvalueinput3114062544__root","richContentEditorContainer":"richcontentdefaultvalueinput3114062544__richContentEditorContainer","editor":"richcontentdefaultvalueinput3114062544__editor"};
+export var classes = {"root":"richcontentdefaultvalueinput1278183576__root","richContentEditorContainer":"richcontentdefaultvalueinput1278183576__richContentEditorContainer","editor":"richcontentdefaultvalueinput1278183576__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_ = "richcontentforminput1535561632";
+var _namespace_ = "richcontentforminput2980742789";
 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":"richcontentforminput1535561632__root","editor":"richcontentforminput1535561632__editor"};
+export var classes = {"root":"richcontentforminput2980742789__root","editor":"richcontentforminput2980742789__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_ = "richcontentformreadonlyinput3085467210";
+var _namespace_ = "richcontentformreadonlyinput565438239";
 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":"richcontentformreadonlyinput3085467210__root"};
+export var classes = {"root":"richcontentformreadonlyinput565438239__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_ = "fullscreenmodal2879135057";
+var _namespace_ = "fullscreenmodal2239014293";
 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":"fullscreenmodal2879135057__root","modalContent":"fullscreenmodal2879135057__modalContent"};
+export var classes = {"root":"fullscreenmodal2239014293__root","modalContent":"fullscreenmodal2239014293__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_ = "publishloader3124296288";
+var _namespace_ = "publishloader54187134";
 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":"publishloader3124296288__root","publishLoader":"publishloader3124296288__publishLoader"};
+export var classes = {"root":"publishloader54187134__root","publishLoader":"publishloader54187134__publishLoader"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};