@wix/patterns-fields 1.135.0 → 1.136.0

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

@@ -3,6 +3,11 @@ import { WixPatternsContainerContext } from '@wix/bex-core/react';
 import { files } from '@wix/media';
 
 import { executeDownloading, MEDIA_TYPES } from '../../utils/media-utils';
+import {
+  createMediaItemUri,
+  isMediaItemError,
+  parseWixImageIdAndTitle,
+} from '../../utils/media-item-utils';
 import { getMediaURL } from '../../auto-field-types';
 
 type Focusable = { focus: () => void };
@@ -90,6 +95,21 @@ const extractAudioUrl = (audio: any): string | undefined => {
   return undefined;
 };
 
+const toVectorUri = (mediaId: string, title?: string): string | undefined => {
+  const result = createMediaItemUri({ mediaId, type: 'vector', title });
+  return isMediaItemError(result) ? undefined : result.item;
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const extractVectorUri = (vector: any): string | undefined => {
+  const image = vector?.image;
+  if (typeof image === 'string') {
+    const parsed = parseWixImageIdAndTitle(image);
+    return parsed ? toVectorUri(parsed.mediaId, parsed.title) : undefined;
+  }
+  return image?.id ? toVectorUri(image.id, image.filename) : undefined;
+};
+
 /**
  * Extracts the Wix media URI from media manager result.
  * Media manager returns different structures for different media types.
@@ -106,6 +126,7 @@ const extractMediaUri = (mediaItem: any): string => {
       media.document?.document ||
       (typeof media.document === 'string' && media.document) ||
       media.vector?.vector ||
+      extractVectorUri(media.vector) ||
       (typeof media.vector === 'string' && media.vector) ||
       extractAudioUrl(media.audio) ||
       ''

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_ = "formmediagalleryfield3635522578";
+var _namespace_ = "formmediagalleryfield4126786050";
 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":"formmediagalleryfield3635522578__root","container":"formmediagalleryfield3635522578__container","viewBox":"formmediagalleryfield3635522578__viewBox","addItemWrapper":"formmediagalleryfield3635522578__addItemWrapper","addItem":"formmediagalleryfield3635522578__addItem","overlay":"formmediagalleryfield3635522578__overlay","image":"formmediagalleryfield3635522578__image","previewImage":"formmediagalleryfield3635522578__previewImage","previewVideo":"formmediagalleryfield3635522578__previewVideo"};
+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 keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-gallery/media-preview-modal.tsx

@@ -157,6 +157,7 @@ const MediaPreviewLayout: React.FC<MediaPreviewLayoutProps> = ({
                   priority="secondary"
                   size="small"
                   skin="light"
+                  dataHook="preview-modal-delete-button"
                   onClick={handleClear}
                   disabled={readOnly}
                 >

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "mediaimage3884072623";
+var _namespace_ = "mediaimage453535878";
 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":"mediaimage3884072623__root"};
+export var classes = {"root":"mediaimage453535878__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":"--mediaimage3884072623-from","to":"--mediaimage3884072623-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":"--mediaimage453535878-from","to":"--mediaimage453535878-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_ = "overlay4270397728";
+var _namespace_ = "overlay869258729";
 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":"overlay4270397728__root","iconOverlay":"overlay4270397728__iconOverlay"};
+export var classes = {"root":"overlay869258729__root","iconOverlay":"overlay869258729__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_ = "cellmediaimageedit1651710291";
+var _namespace_ = "cellmediaimageedit951602822";
 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":"cellmediaimageedit1651710291__root","view":"cellmediaimageedit1651710291__view","anchor":"cellmediaimageedit1651710291__anchor","anchorBox":"cellmediaimageedit1651710291__anchorBox","popoverContent":"cellmediaimageedit1651710291__popoverContent","image":"cellmediaimageedit1651710291__image","imageActions":"cellmediaimageedit1651710291__imageActions"};
+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 keyframes = {}; 
 export var layers = {};
 export var containers = {};

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_ = "mediaimageview2005505292";
+var _namespace_ = "mediaimageview2222057118";
 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":"mediaimageview2005505292__root","altTextPlaceholder":"mediaimageview2005505292__altTextPlaceholder"};
+export var classes = {"root":"mediaimageview2222057118__root","altTextPlaceholder":"mediaimageview2222057118__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_ = "mediatag2231267740";
+var _namespace_ = "mediatag2986157072";
 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":"mediatag2231267740__root"};
+export var classes = {"root":"mediatag2986157072__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_ = "cellmediavectorartedit3898765867";
+var _namespace_ = "cellmediavectorartedit3018993425";
 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":"cellmediavectorartedit3898765867__root","thumbnailButton":"cellmediavectorartedit3898765867__thumbnailButton"};
+export var classes = {"root":"cellmediavectorartedit3018993425__root","thumbnailButton":"cellmediavectorartedit3018993425__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_ = "cellmultidocumentedit238353445";
+var _namespace_ = "cellmultidocumentedit2613845086";
 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":"cellmultidocumentedit238353445__root","chipTrigger":"cellmultidocumentedit238353445__chipTrigger"};
+export var classes = {"root":"cellmultidocumentedit2613845086__root","chipTrigger":"cellmultidocumentedit2613845086__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_ = "formmultidocument1785456386";
+var _namespace_ = "formmultidocument2395978659";
 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":"formmultidocument1785456386__root","viewRoot":"formmultidocument1785456386__viewRoot","singleViewWrapper":"formmultidocument1785456386__singleViewWrapper","addDocumentButton":"formmultidocument1785456386__addDocumentButton"};
+export var classes = {"root":"formmultidocument2395978659__root","viewRoot":"formmultidocument2395978659__viewRoot","singleViewWrapper":"formmultidocument2395978659__singleViewWrapper","addDocumentButton":"formmultidocument2395978659__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_ = "cellmultireferenceinput2778365320";
+var _namespace_ = "cellmultireferenceinput3199551783";
 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":"cellmultireferenceinput2778365320__root"};
+export var classes = {"root":"cellmultireferenceinput3199551783__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_ = "cellmultireferenceview3162371086";
+var _namespace_ = "cellmultireferenceview4154836766";
 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":"cellmultireferenceview3162371086__root","expanded":"cellmultireferenceview3162371086__expanded"};
+export var classes = {"root":"cellmultireferenceview4154836766__root","expanded":"cellmultireferenceview4154836766__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_ = "cellreferenceinput1960152249";
+var _namespace_ = "cellreferenceinput2082692742";
 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":"cellreferenceinput1960152249__root","autocomplete":"cellreferenceinput1960152249__autocomplete"};
+export var classes = {"root":"cellreferenceinput2082692742__root","autocomplete":"cellreferenceinput2082692742__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_ = "richcontentdefaultvalueinput907125130";
+var _namespace_ = "richcontentdefaultvalueinput3114062544";
 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":"richcontentdefaultvalueinput907125130__root","richContentEditorContainer":"richcontentdefaultvalueinput907125130__richContentEditorContainer","editor":"richcontentdefaultvalueinput907125130__editor"};
+export var classes = {"root":"richcontentdefaultvalueinput3114062544__root","richContentEditorContainer":"richcontentdefaultvalueinput3114062544__richContentEditorContainer","editor":"richcontentdefaultvalueinput3114062544__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_ = "richcontentforminput54343812";
+var _namespace_ = "richcontentforminput1535561632";
 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":"richcontentforminput54343812__root","editor":"richcontentforminput54343812__editor"};
+export var classes = {"root":"richcontentforminput1535561632__root","editor":"richcontentforminput1535561632__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_ = "richcontentformreadonlyinput238822903";
+var _namespace_ = "richcontentformreadonlyinput3085467210";
 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":"richcontentformreadonlyinput238822903__root"};
+export var classes = {"root":"richcontentformreadonlyinput3085467210__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_ = "fullscreenmodal1829915338";
+var _namespace_ = "fullscreenmodal2879135057";
 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":"fullscreenmodal1829915338__root","modalContent":"fullscreenmodal1829915338__modalContent"};
+export var classes = {"root":"fullscreenmodal2879135057__root","modalContent":"fullscreenmodal2879135057__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_ = "publishloader58724008";
+var _namespace_ = "publishloader3124296288";
 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":"publishloader58724008__root","publishLoader":"publishloader58724008__publishLoader"};
+export var classes = {"root":"publishloader3124296288__root","publishLoader":"publishloader3124296288__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_ = "togglefullscreenbutton4124213780";
+var _namespace_ = "togglefullscreenbutton3063995715";
 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":"togglefullscreenbutton4124213780__root"};
+export var classes = {"root":"togglefullscreenbutton3063995715__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_ = "richcontenteditor1494240333";
+var _namespace_ = "richcontenteditor2273231750";
 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":"richcontenteditor1494240333__root","toolbarContainer":"richcontenteditor1494240333__toolbarContainer","footerToolbarContainer":"richcontenteditor1494240333__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor1494240333__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor1494240333__editor","modalEditor":"richcontenteditor1494240333__modalEditor"};
+export var classes = {"root":"richcontenteditor2273231750__root","toolbarContainer":"richcontenteditor2273231750__toolbarContainer","footerToolbarContainer":"richcontenteditor2273231750__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor2273231750__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor2273231750__editor","modalEditor":"richcontenteditor2273231750__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_ = "richcontenttoolbar174650721";
+var _namespace_ = "richcontenttoolbar2400639445";
 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":"richcontenttoolbar174650721__root","toolbar":"richcontenttoolbar174650721__toolbar","toolbarButton":"richcontenttoolbar174650721__toolbarButton","separator":"richcontenttoolbar174650721__separator"};
+export var classes = {"root":"richcontenttoolbar2400639445__root","toolbar":"richcontenttoolbar2400639445__toolbar","toolbarButton":"richcontenttoolbar2400639445__toolbarButton","separator":"richcontenttoolbar2400639445__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_ = "richcontentviewer1964510503";
+var _namespace_ = "richcontentviewer120733850";
 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":"richcontentviewer1964510503__root","viewer":"richcontentviewer1964510503__viewer","modalViewer":"richcontentviewer1964510503__modalViewer"};
+export var classes = {"root":"richcontentviewer120733850__root","viewer":"richcontentviewer120733850__viewer","modalViewer":"richcontentviewer120733850__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_ = "richeditor2630249287";
+var _namespace_ = "richeditor2473311147";
 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":"richeditor2630249287__root","editor":"richeditor2630249287__editor","header-one":"richeditor2630249287__header-one","header-two":"richeditor2630249287__header-two","header-three":"richeditor2630249287__header-three","header-four":"richeditor2630249287__header-four","header-five":"richeditor2630249287__header-five","header-six":"richeditor2630249287__header-six","paragraph-one":"richeditor2630249287__paragraph-one","unstyled":"richeditor2630249287__unstyled","paragraph-three":"richeditor2630249287__paragraph-three","align-left":"richeditor2630249287__align-left","align-right":"richeditor2630249287__align-right","align-center":"richeditor2630249287__align-center","align-justify":"richeditor2630249287__align-justify","withMargin":"richeditor2630249287__withMargin","dir-rtl":"richeditor2630249287__dir-rtl"};
+export var classes = {"root":"richeditor2473311147__root","editor":"richeditor2473311147__editor","header-one":"richeditor2473311147__header-one","header-two":"richeditor2473311147__header-two","header-three":"richeditor2473311147__header-three","header-four":"richeditor2473311147__header-four","header-five":"richeditor2473311147__header-five","header-six":"richeditor2473311147__header-six","paragraph-one":"richeditor2473311147__paragraph-one","unstyled":"richeditor2473311147__unstyled","paragraph-three":"richeditor2473311147__paragraph-three","align-left":"richeditor2473311147__align-left","align-right":"richeditor2473311147__align-right","align-center":"richeditor2473311147__align-center","align-justify":"richeditor2473311147__align-justify","withMargin":"richeditor2473311147__withMargin","dir-rtl":"richeditor2473311147__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_ = "richtexteditor2796015892";
+var _namespace_ = "richtexteditor2247142786";
 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":"richtexteditor2796015892__root","nativeInput":"richtexteditor2796015892__nativeInput","editor":"richtexteditor2796015892__editor"};
+export var classes = {"root":"richtexteditor2247142786__root","nativeInput":"richtexteditor2247142786__nativeInput","editor":"richtexteditor2247142786__editor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runti
 
 
 
-var _namespace_ = "toolbar2543818254";
+var _namespace_ = "toolbar2153458542";
 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":"toolbar2543818254__root","item":"toolbar2543818254__item","separator":"toolbar2543818254__separator","clearFormatting":"toolbar2543818254__clearFormatting","fullScreen":"toolbar2543818254__fullScreen","dropdownItemContent":"toolbar2543818254__dropdownItemContent","dropdownItemTitle":"toolbar2543818254__dropdownItemTitle","dropdownItemSubtitle":"toolbar2543818254__dropdownItemSubtitle","dropdownHeaderOne":"toolbar2543818254__dropdownHeaderOne","dropdownHeaderTwo":"toolbar2543818254__dropdownHeaderTwo","dropdownHeaderThree":"toolbar2543818254__dropdownHeaderThree","dropdownHeaderFour":"toolbar2543818254__dropdownHeaderFour","dropdownHeaderFive":"toolbar2543818254__dropdownHeaderFive","dropdownHeaderSix":"toolbar2543818254__dropdownHeaderSix","dropdownParagraphOne":"toolbar2543818254__dropdownParagraphOne","dropdownNormalText":"toolbar2543818254__dropdownNormalText","dropdownParagraphThree":"toolbar2543818254__dropdownParagraphThree"};
+export var classes = {"root":"toolbar2153458542__root","item":"toolbar2153458542__item","separator":"toolbar2153458542__separator","clearFormatting":"toolbar2153458542__clearFormatting","fullScreen":"toolbar2153458542__fullScreen","dropdownItemContent":"toolbar2153458542__dropdownItemContent","dropdownItemTitle":"toolbar2153458542__dropdownItemTitle","dropdownItemSubtitle":"toolbar2153458542__dropdownItemSubtitle","dropdownHeaderOne":"toolbar2153458542__dropdownHeaderOne","dropdownHeaderTwo":"toolbar2153458542__dropdownHeaderTwo","dropdownHeaderThree":"toolbar2153458542__dropdownHeaderThree","dropdownHeaderFour":"toolbar2153458542__dropdownHeaderFour","dropdownHeaderFive":"toolbar2153458542__dropdownHeaderFive","dropdownHeaderSix":"toolbar2153458542__dropdownHeaderSix","dropdownParagraphOne":"toolbar2153458542__dropdownParagraphOne","dropdownNormalText":"toolbar2153458542__dropdownNormalText","dropdownParagraphThree":"toolbar2153458542__dropdownParagraphThree"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "textview3968930429";
+var _namespace_ = "textview962743032";
 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":"textview3968930429__root","textView":"textview3968930429__textView"};
+export var classes = {"root":"textview962743032__root","textView":"textview962743032__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};