@wix/patterns-fields 1.70.0 → 1.72.0

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_ = "audioplayer2770786070";
+var _namespace_ = "audioplayer3525516735";
 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":"audioplayer2770786070__root"};
+export var classes = {"root":"audioplayer3525516735__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_ = "cellcolorview4117898838";
+var _namespace_ = "cellcolorview2573090781";
 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":"cellcolorview4117898838__root","hashPrefix":"cellcolorview4117898838__hashPrefix"};
+export var classes = {"root":"cellcolorview2573090781__root","hashPrefix":"cellcolorview2573090781__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_ = "colorview1016295281";
+var _namespace_ = "colorview1092527435";
 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":"colorview1016295281__root","view":"colorview1016295281__view","fillPreview":"colorview1016295281__fillPreview"};
+export var classes = {"root":"colorview1092527435__root","view":"colorview1092527435__view","fillPreview":"colorview1092527435__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_ = "deletedialog3465731068";
+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":"deletedialog3465731068__root","layout":"deletedialog3465731068__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_ = "formdocumentfield3604790600";
+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":"formdocumentfield3604790600__root","viewWrapper":"formdocumentfield3604790600__viewWrapper","textWidth":"formdocumentfield3604790600__textWidth","documentLoader":"formdocumentfield3604790600__documentLoader","addDocument":"formdocumentfield3604790600__addDocument","addItemWrapper":"formdocumentfield3604790600__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_ = "exclamation2544502987";
+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":"exclamation2544502987__root","exclamation":"exclamation2544502987__exclamation","actions":"exclamation2544502987__actions","action":"exclamation2544502987__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_ = "highlightedtext1268791054";
+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":"highlightedtext1268791054__root","substring":"highlightedtext1268791054__substring"};
-export var keyframes = {"highlighted":"highlightedtext1268791054__highlighted","highlighted-match":"highlightedtext1268791054__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_ = "thumbnailreplaceoverlay2126209863";
+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":"thumbnailreplaceoverlay2126209863__root","icon":"thumbnailreplaceoverlay2126209863__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_ = "cellmediaeditshell1738902950";
+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":"cellmediaeditshell1738902950__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_ = "pasteurlbutton4113943440";
+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":"pasteurlbutton4113943440__root","iconButtonTooltip":"pasteurlbutton4113943440__iconButtonTooltip","iconButton":"pasteurlbutton4113943440__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_ = "formmediagalleryfield616010651";
+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":"formmediagalleryfield616010651__root","container":"formmediagalleryfield616010651__container","viewBox":"formmediagalleryfield616010651__viewBox","addItemWrapper":"formmediagalleryfield616010651__addItemWrapper","addItem":"formmediagalleryfield616010651__addItem","overlay":"formmediagalleryfield616010651__overlay","image":"formmediagalleryfield616010651__image","previewImage":"formmediagalleryfield616010651__previewImage","previewVideo":"formmediagalleryfield616010651__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_ = "mediaimage4039225774";
+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":"mediaimage4039225774__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":"--mediaimage4039225774-from","to":"--mediaimage4039225774-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_ = "overlay2896468443";
+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":"overlay2896468443__root","iconOverlay":"overlay2896468443__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_ = "medialoader3572734765";
+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":"medialoader3572734765__root","loader":"medialoader3572734765__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_ = "mediatag4179247112";
+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":"mediatag4179247112__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_ = "cellmultidocumentedit1514255939";
+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":"cellmultidocumentedit1514255939__root","chipTrigger":"cellmultidocumentedit1514255939__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_ = "formmultidocument1557506135";
+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":"formmultidocument1557506135__root","viewRoot":"formmultidocument1557506135__viewRoot","singleViewWrapper":"formmultidocument1557506135__singleViewWrapper","addDocumentButton":"formmultidocument1557506135__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_ = "cellmultireferenceinput3484188652";
+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":"cellmultireferenceinput3484188652__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_ = "cellreferenceinput2898177377";
+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":"cellreferenceinput2898177377__root","autocomplete":"cellreferenceinput2898177377__autocomplete"};
+export var classes = {"root":"cellreferenceinput4252962194__root","autocomplete":"cellreferenceinput4252962194__autocomplete"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/reference/form-multi-reference.tsx

@@ -225,6 +225,10 @@ const _FormMultiReference = (props: FormMultiReferenceProps) => {
         hasMore={hasMore}
         loadMore={loadMore}
         fixedFooter={combinedFooter}
+        // Hand the input to react-hook-form so shouldFocusError scrolls to +
+        // focuses this field when it blocks save. The component ref is typed
+        // `never` by WDS, but `inputRef` reaches the real input.
+        inputRef={controller.field.ref}
         dataHook={`multi-reference-input-${field.id}`}
       />
     </FormField>

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_ = "richcontentdefaultvalueinput1449800222";
+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":"richcontentdefaultvalueinput1449800222__root","richContentEditorContainer":"richcontentdefaultvalueinput1449800222__richContentEditorContainer","editor":"richcontentdefaultvalueinput1449800222__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_ = "richcontentforminput25336461";
+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":"richcontentforminput25336461__root","editor":"richcontentforminput25336461__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_ = "richcontentformreadonlyinput2138057895";
+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":"richcontentformreadonlyinput2138057895__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_ = "fullscreenmodal1966868013";
+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":"fullscreenmodal1966868013__root","modalContent":"fullscreenmodal1966868013__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_ = "publishloader3903701408";
+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":"publishloader3903701408__root","publishLoader":"publishloader3903701408__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_ = "togglefullscreenbutton4179399919";
+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":"togglefullscreenbutton4179399919__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_ = "richcontenteditor469100602";
+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":"richcontenteditor469100602__root","toolbarContainer":"richcontenteditor469100602__toolbarContainer","footerToolbarContainer":"richcontenteditor469100602__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor469100602__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor469100602__editor","modalEditor":"richcontenteditor469100602__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_ = "richcontenttoolbar3038079942";
+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":"richcontenttoolbar3038079942__root","toolbar":"richcontenttoolbar3038079942__toolbar","toolbarButton":"richcontenttoolbar3038079942__toolbarButton","separator":"richcontenttoolbar3038079942__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_ = "richcontentviewer3293438494";
+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":"richcontentviewer3293438494__root","viewer":"richcontentviewer3293438494__viewer","modalViewer":"richcontentviewer3293438494__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_ = "richeditor2531796033";
+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":"richeditor2531796033__root","editor":"richeditor2531796033__editor","header-one":"richeditor2531796033__header-one","header-two":"richeditor2531796033__header-two","header-three":"richeditor2531796033__header-three","header-four":"richeditor2531796033__header-four","header-five":"richeditor2531796033__header-five","header-six":"richeditor2531796033__header-six","paragraph-one":"richeditor2531796033__paragraph-one","unstyled":"richeditor2531796033__unstyled","paragraph-three":"richeditor2531796033__paragraph-three","align-left":"richeditor2531796033__align-left","align-right":"richeditor2531796033__align-right","align-center":"richeditor2531796033__align-center","align-justify":"richeditor2531796033__align-justify","withMargin":"richeditor2531796033__withMargin","dir-rtl":"richeditor2531796033__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 = {};