@wix/patterns-fields 1.71.0 → 1.72.0

package/src/components/delete-dialog/delete-dialog.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "deletedialog2731005548";
+var _namespace_ = "deletedialog557815988";
 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":"deletedialog2731005548__root","layout":"deletedialog2731005548__layout"};
+export var classes = {"root":"deletedialog557815988__root","layout":"deletedialog557815988__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_ = "formdocumentfield1775343895";
+var _namespace_ = "formdocumentfield22050767";
 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":"formdocumentfield1775343895__root","viewWrapper":"formdocumentfield1775343895__viewWrapper","textWidth":"formdocumentfield1775343895__textWidth","documentLoader":"formdocumentfield1775343895__documentLoader","addDocument":"formdocumentfield1775343895__addDocument","addItemWrapper":"formdocumentfield1775343895__addItemWrapper"};
+export var classes = {"root":"formdocumentfield22050767__root","viewWrapper":"formdocumentfield22050767__viewWrapper","textWidth":"formdocumentfield22050767__textWidth","documentLoader":"formdocumentfield22050767__documentLoader","addDocument":"formdocumentfield22050767__addDocument","addItemWrapper":"formdocumentfield22050767__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_ = "exclamation2710007777";
+var _namespace_ = "exclamation2447154459";
 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":"exclamation2710007777__root","exclamation":"exclamation2710007777__exclamation","actions":"exclamation2710007777__actions","action":"exclamation2710007777__action"};
+export var classes = {"root":"exclamation2447154459__root","exclamation":"exclamation2447154459__exclamation","actions":"exclamation2447154459__actions","action":"exclamation2447154459__action"};
 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_ = "highlightedtext892833628";
+var _namespace_ = "highlightedtext950230055";
 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":"highlightedtext892833628__root","substring":"highlightedtext892833628__substring"};
-export var keyframes = {"highlighted":"highlightedtext892833628__highlighted","highlighted-match":"highlightedtext892833628__highlighted-match"}; 
+export var classes = {"root":"highlightedtext950230055__root","substring":"highlightedtext950230055__substring"};
+export var keyframes = {"highlighted":"highlightedtext950230055__highlighted","highlighted-match":"highlightedtext950230055__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_ = "thumbnailreplaceoverlay1764449080";
+var _namespace_ = "thumbnailreplaceoverlay2586707932";
 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":"thumbnailreplaceoverlay1764449080__root","icon":"thumbnailreplaceoverlay1764449080__icon"};
+export var classes = {"root":"thumbnailreplaceoverlay2586707932__root","icon":"thumbnailreplaceoverlay2586707932__icon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/json-input/form-json-input.tsx

@@ -8,7 +8,10 @@ import { useAutoFocus } from '../../hooks';
 
 export type FormJsonInputProps = FormInputProps<any> & JsonInputProps;
 
-export const FormJsonInput = React.forwardRef<InputArea, FormJsonInputProps>(
+// Explicit type — without it, .d.ts emit inlines WDS's internal class (TS4094).
+export const FormJsonInput: React.ForwardRefExoticComponent<
+  FormJsonInputProps & React.RefAttributes<InputArea>
+> = React.forwardRef<InputArea, FormJsonInputProps>(
   ({ data, onChange, onInput, autoFocus, readOnly, dataHook }, ref) => {
     const inputRef = useRef<InputArea | null>(null);
     useAutoFocus(inputRef, autoFocus);

package/src/components/json-input/json-input.tsx

@@ -12,7 +12,10 @@ export interface JsonInputProps
   onInput?: () => void;
 }
 
-export const JsonInput = forwardRef<InputArea, JsonInputProps>(
+// Explicit type — without it, .d.ts emit inlines WDS's internal class (TS4094).
+export const JsonInput: React.ForwardRefExoticComponent<
+  JsonInputProps & React.RefAttributes<InputArea>
+> = forwardRef<InputArea, JsonInputProps>(
   ({ value, onChange, onInput, onBlur, readOnly, disabled, ...props }, ref) => {
     const [json, setJson] = useControlledInput(safeStringify(value, true));
     const onJsonChange = useCallback(

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_ = "cellmediaeditshell679088465";
+var _namespace_ = "cellmediaeditshell2678045238";
 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":"cellmediaeditshell679088465__root"};
+export var classes = {"root":"cellmediaeditshell2678045238__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_ = "pasteurlbutton277900972";
+var _namespace_ = "pasteurlbutton2432712873";
 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":"pasteurlbutton277900972__root","iconButtonTooltip":"pasteurlbutton277900972__iconButtonTooltip","iconButton":"pasteurlbutton277900972__iconButton"};
+export var classes = {"root":"pasteurlbutton2432712873__root","iconButtonTooltip":"pasteurlbutton2432712873__iconButtonTooltip","iconButton":"pasteurlbutton2432712873__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_ = "formmediagalleryfield1468350743";
+var _namespace_ = "formmediagalleryfield1363730960";
 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":"formmediagalleryfield1468350743__root","container":"formmediagalleryfield1468350743__container","viewBox":"formmediagalleryfield1468350743__viewBox","addItemWrapper":"formmediagalleryfield1468350743__addItemWrapper","addItem":"formmediagalleryfield1468350743__addItem","overlay":"formmediagalleryfield1468350743__overlay","image":"formmediagalleryfield1468350743__image","previewImage":"formmediagalleryfield1468350743__previewImage","previewVideo":"formmediagalleryfield1468350743__previewVideo"};
+export var classes = {"root":"formmediagalleryfield1363730960__root","container":"formmediagalleryfield1363730960__container","viewBox":"formmediagalleryfield1363730960__viewBox","addItemWrapper":"formmediagalleryfield1363730960__addItemWrapper","addItem":"formmediagalleryfield1363730960__addItem","overlay":"formmediagalleryfield1363730960__overlay","image":"formmediagalleryfield1363730960__image","previewImage":"formmediagalleryfield1363730960__previewImage","previewVideo":"formmediagalleryfield1363730960__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_ = "mediaimage32296048";
+var _namespace_ = "mediaimage3037602971";
 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":"mediaimage32296048__root"};
+export var classes = {"root":"mediaimage3037602971__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":"--mediaimage32296048-from","to":"--mediaimage32296048-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":"--mediaimage3037602971-from","to":"--mediaimage3037602971-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_ = "overlay604534348";
+var _namespace_ = "overlay726786880";
 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":"overlay604534348__root","iconOverlay":"overlay604534348__iconOverlay"};
+export var classes = {"root":"overlay726786880__root","iconOverlay":"overlay726786880__iconOverlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "medialoader737517012";
+var _namespace_ = "medialoader1546745211";
 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":"medialoader737517012__root","loader":"medialoader737517012__loader"};
+export var classes = {"root":"medialoader1546745211__root","loader":"medialoader1546745211__loader"};
 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_ = "mediatag3986082280";
+var _namespace_ = "mediatag2403252122";
 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":"mediatag3986082280__root"};
+export var classes = {"root":"mediatag2403252122__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_ = "cellmultidocumentedit30390028";
+var _namespace_ = "cellmultidocumentedit418830372";
 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":"cellmultidocumentedit30390028__root","chipTrigger":"cellmultidocumentedit30390028__chipTrigger"};
+export var classes = {"root":"cellmultidocumentedit418830372__root","chipTrigger":"cellmultidocumentedit418830372__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_ = "formmultidocument1609371478";
+var _namespace_ = "formmultidocument2351500344";
 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":"formmultidocument1609371478__root","viewRoot":"formmultidocument1609371478__viewRoot","singleViewWrapper":"formmultidocument1609371478__singleViewWrapper","addDocumentButton":"formmultidocument1609371478__addDocumentButton"};
+export var classes = {"root":"formmultidocument2351500344__root","viewRoot":"formmultidocument2351500344__viewRoot","singleViewWrapper":"formmultidocument2351500344__singleViewWrapper","addDocumentButton":"formmultidocument2351500344__addDocumentButton"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/object/cell-json-input.tsx

@@ -23,7 +23,10 @@ export interface CellJsonInputProps
  * by the EditableTable commit pipeline to mean "no edit happened," so emitting
  * `null` here is what lets the user clear a cell to empty.
  */
-export const CellJsonInput = forwardRef<InputArea, CellJsonInputProps>(
+// Explicit type — without it, .d.ts emit inlines WDS's internal class (TS4094).
+export const CellJsonInput: React.ForwardRefExoticComponent<
+  CellJsonInputProps & React.RefAttributes<InputArea>
+> = forwardRef<InputArea, CellJsonInputProps>(
   ({ value, onChange, onBlur, readOnly, disabled, ...props }, ref) => {
     const [json, setJson] = useControlledInput(
       value == null ? '' : safeStringify(value, true),

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_ = "cellmultireferenceinput2603991496";
+var _namespace_ = "cellmultireferenceinput3109112216";
 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":"cellmultireferenceinput2603991496__root"};
+export var classes = {"root":"cellmultireferenceinput3109112216__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_ = "cellreferenceinput1254621145";
+var _namespace_ = "cellreferenceinput4252962194";
 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":"cellreferenceinput1254621145__root","autocomplete":"cellreferenceinput1254621145__autocomplete"};
+export var classes = {"root":"cellreferenceinput4252962194__root","autocomplete":"cellreferenceinput4252962194__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_ = "richcontentdefaultvalueinput2923565181";
+var _namespace_ = "richcontentdefaultvalueinput2495321966";
 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":"richcontentdefaultvalueinput2923565181__root","richContentEditorContainer":"richcontentdefaultvalueinput2923565181__richContentEditorContainer","editor":"richcontentdefaultvalueinput2923565181__editor"};
+export var classes = {"root":"richcontentdefaultvalueinput2495321966__root","richContentEditorContainer":"richcontentdefaultvalueinput2495321966__richContentEditorContainer","editor":"richcontentdefaultvalueinput2495321966__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_ = "richcontentforminput1152158009";
+var _namespace_ = "richcontentforminput602859887";
 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":"richcontentforminput1152158009__root","editor":"richcontentforminput1152158009__editor"};
+export var classes = {"root":"richcontentforminput602859887__root","editor":"richcontentforminput602859887__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_ = "richcontentformreadonlyinput755695367";
+var _namespace_ = "richcontentformreadonlyinput558638497";
 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":"richcontentformreadonlyinput755695367__root"};
+export var classes = {"root":"richcontentformreadonlyinput558638497__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_ = "fullscreenmodal740246259";
+var _namespace_ = "fullscreenmodal764723727";
 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":"fullscreenmodal740246259__root","modalContent":"fullscreenmodal740246259__modalContent"};
+export var classes = {"root":"fullscreenmodal764723727__root","modalContent":"fullscreenmodal764723727__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_ = "publishloader2959702806";
+var _namespace_ = "publishloader2401052820";
 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":"publishloader2959702806__root","publishLoader":"publishloader2959702806__publishLoader"};
+export var classes = {"root":"publishloader2401052820__root","publishLoader":"publishloader2401052820__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_ = "togglefullscreenbutton1348532638";
+var _namespace_ = "togglefullscreenbutton3370326329";
 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":"togglefullscreenbutton1348532638__root"};
+export var classes = {"root":"togglefullscreenbutton3370326329__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_ = "richcontenteditor1768344113";
+var _namespace_ = "richcontenteditor351007601";
 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":"richcontenteditor1768344113__root","toolbarContainer":"richcontenteditor1768344113__toolbarContainer","footerToolbarContainer":"richcontenteditor1768344113__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor1768344113__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor1768344113__editor","modalEditor":"richcontenteditor1768344113__modalEditor"};
+export var classes = {"root":"richcontenteditor351007601__root","toolbarContainer":"richcontenteditor351007601__toolbarContainer","footerToolbarContainer":"richcontenteditor351007601__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor351007601__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor351007601__editor","modalEditor":"richcontenteditor351007601__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_ = "richcontenttoolbar1954829146";
+var _namespace_ = "richcontenttoolbar2679013044";
 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":"richcontenttoolbar1954829146__root","toolbar":"richcontenttoolbar1954829146__toolbar","toolbarButton":"richcontenttoolbar1954829146__toolbarButton","separator":"richcontenttoolbar1954829146__separator"};
+export var classes = {"root":"richcontenttoolbar2679013044__root","toolbar":"richcontenttoolbar2679013044__toolbar","toolbarButton":"richcontenttoolbar2679013044__toolbarButton","separator":"richcontenttoolbar2679013044__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_ = "richcontentviewer1006954306";
+var _namespace_ = "richcontentviewer253217533";
 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":"richcontentviewer1006954306__root","viewer":"richcontentviewer1006954306__viewer","modalViewer":"richcontentviewer1006954306__modalViewer"};
+export var classes = {"root":"richcontentviewer253217533__root","viewer":"richcontentviewer253217533__viewer","modalViewer":"richcontentviewer253217533__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_ = "richeditor2160040063";
+var _namespace_ = "richeditor3731566269";
 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":"richeditor2160040063__root","editor":"richeditor2160040063__editor","header-one":"richeditor2160040063__header-one","header-two":"richeditor2160040063__header-two","header-three":"richeditor2160040063__header-three","header-four":"richeditor2160040063__header-four","header-five":"richeditor2160040063__header-five","header-six":"richeditor2160040063__header-six","paragraph-one":"richeditor2160040063__paragraph-one","unstyled":"richeditor2160040063__unstyled","paragraph-three":"richeditor2160040063__paragraph-three","align-left":"richeditor2160040063__align-left","align-right":"richeditor2160040063__align-right","align-center":"richeditor2160040063__align-center","align-justify":"richeditor2160040063__align-justify","withMargin":"richeditor2160040063__withMargin","dir-rtl":"richeditor2160040063__dir-rtl"};
+export var classes = {"root":"richeditor3731566269__root","editor":"richeditor3731566269__editor","header-one":"richeditor3731566269__header-one","header-two":"richeditor3731566269__header-two","header-three":"richeditor3731566269__header-three","header-four":"richeditor3731566269__header-four","header-five":"richeditor3731566269__header-five","header-six":"richeditor3731566269__header-six","paragraph-one":"richeditor3731566269__paragraph-one","unstyled":"richeditor3731566269__unstyled","paragraph-three":"richeditor3731566269__paragraph-three","align-left":"richeditor3731566269__align-left","align-right":"richeditor3731566269__align-right","align-center":"richeditor3731566269__align-center","align-justify":"richeditor3731566269__align-justify","withMargin":"richeditor3731566269__withMargin","dir-rtl":"richeditor3731566269__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_ = "richtexteditor1882302467";
+var _namespace_ = "richtexteditor316354853";
 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":"richtexteditor1882302467__root","nativeInput":"richtexteditor1882302467__nativeInput","editor":"richtexteditor1882302467__editor"};
+export var classes = {"root":"richtexteditor316354853__root","nativeInput":"richtexteditor316354853__nativeInput","editor":"richtexteditor316354853__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_ = "toolbar2816839705";
+var _namespace_ = "toolbar2015891380";
 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":"toolbar2816839705__root","item":"toolbar2816839705__item","separator":"toolbar2816839705__separator","clearFormatting":"toolbar2816839705__clearFormatting","fullScreen":"toolbar2816839705__fullScreen","dropdownItemContent":"toolbar2816839705__dropdownItemContent","dropdownItemTitle":"toolbar2816839705__dropdownItemTitle","dropdownItemSubtitle":"toolbar2816839705__dropdownItemSubtitle","dropdownHeaderOne":"toolbar2816839705__dropdownHeaderOne","dropdownHeaderTwo":"toolbar2816839705__dropdownHeaderTwo","dropdownHeaderThree":"toolbar2816839705__dropdownHeaderThree","dropdownHeaderFour":"toolbar2816839705__dropdownHeaderFour","dropdownHeaderFive":"toolbar2816839705__dropdownHeaderFive","dropdownHeaderSix":"toolbar2816839705__dropdownHeaderSix","dropdownParagraphOne":"toolbar2816839705__dropdownParagraphOne","dropdownNormalText":"toolbar2816839705__dropdownNormalText","dropdownParagraphThree":"toolbar2816839705__dropdownParagraphThree"};
+export var classes = {"root":"toolbar2015891380__root","item":"toolbar2015891380__item","separator":"toolbar2015891380__separator","clearFormatting":"toolbar2015891380__clearFormatting","fullScreen":"toolbar2015891380__fullScreen","dropdownItemContent":"toolbar2015891380__dropdownItemContent","dropdownItemTitle":"toolbar2015891380__dropdownItemTitle","dropdownItemSubtitle":"toolbar2015891380__dropdownItemSubtitle","dropdownHeaderOne":"toolbar2015891380__dropdownHeaderOne","dropdownHeaderTwo":"toolbar2015891380__dropdownHeaderTwo","dropdownHeaderThree":"toolbar2015891380__dropdownHeaderThree","dropdownHeaderFour":"toolbar2015891380__dropdownHeaderFour","dropdownHeaderFive":"toolbar2015891380__dropdownHeaderFive","dropdownHeaderSix":"toolbar2015891380__dropdownHeaderSix","dropdownParagraphOne":"toolbar2015891380__dropdownParagraphOne","dropdownNormalText":"toolbar2015891380__dropdownNormalText","dropdownParagraphThree":"toolbar2015891380__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_ = "textview178656895";
+var _namespace_ = "textview1751545812";
 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":"textview178656895__root","textView":"textview178656895__textView"};
+export var classes = {"root":"textview1751545812__root","textView":"textview1751545812__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};