@wix/patterns-fields 1.87.0 → 1.88.0

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_ = "formmediagalleryfield1519743555";
+var _namespace_ = "formmediagalleryfield1285781073";
 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":"formmediagalleryfield1519743555__root","container":"formmediagalleryfield1519743555__container","viewBox":"formmediagalleryfield1519743555__viewBox","addItemWrapper":"formmediagalleryfield1519743555__addItemWrapper","addItem":"formmediagalleryfield1519743555__addItem","overlay":"formmediagalleryfield1519743555__overlay","image":"formmediagalleryfield1519743555__image","previewImage":"formmediagalleryfield1519743555__previewImage","previewVideo":"formmediagalleryfield1519743555__previewVideo"};
+export var classes = {"root":"formmediagalleryfield1285781073__root","container":"formmediagalleryfield1285781073__container","viewBox":"formmediagalleryfield1285781073__viewBox","addItemWrapper":"formmediagalleryfield1285781073__addItemWrapper","addItem":"formmediagalleryfield1285781073__addItem","overlay":"formmediagalleryfield1285781073__overlay","image":"formmediagalleryfield1285781073__image","previewImage":"formmediagalleryfield1285781073__previewImage","previewVideo":"formmediagalleryfield1285781073__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_ = "mediaimage543554141";
+var _namespace_ = "mediaimage369066312";
 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":"mediaimage543554141__root"};
+export var classes = {"root":"mediaimage369066312__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":"--mediaimage543554141-from","to":"--mediaimage543554141-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":"--mediaimage369066312-from","to":"--mediaimage369066312-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_ = "overlay4281397807";
+var _namespace_ = "overlay652708390";
 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":"overlay4281397807__root","iconOverlay":"overlay4281397807__iconOverlay"};
+export var classes = {"root":"overlay652708390__root","iconOverlay":"overlay652708390__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_ = "medialoader1922632036";
+var _namespace_ = "medialoader2912078919";
 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":"medialoader1922632036__root","loader":"medialoader1922632036__loader"};
+export var classes = {"root":"medialoader2912078919__root","loader":"medialoader2912078919__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_ = "mediatag4278958412";
+var _namespace_ = "mediatag4045658866";
 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":"mediatag4278958412__root"};
+export var classes = {"root":"mediatag4045658866__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_ = "cellmultidocumentedit181383839";
+var _namespace_ = "cellmultidocumentedit1848840766";
 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":"cellmultidocumentedit181383839__root","chipTrigger":"cellmultidocumentedit181383839__chipTrigger"};
+export var classes = {"root":"cellmultidocumentedit1848840766__root","chipTrigger":"cellmultidocumentedit1848840766__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_ = "formmultidocument2987035251";
+var _namespace_ = "formmultidocument951527975";
 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":"formmultidocument2987035251__root","viewRoot":"formmultidocument2987035251__viewRoot","singleViewWrapper":"formmultidocument2987035251__singleViewWrapper","addDocumentButton":"formmultidocument2987035251__addDocumentButton"};
+export var classes = {"root":"formmultidocument951527975__root","viewRoot":"formmultidocument951527975__viewRoot","singleViewWrapper":"formmultidocument951527975__singleViewWrapper","addDocumentButton":"formmultidocument951527975__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_ = "cellmultireferenceinput2735260754";
+var _namespace_ = "cellmultireferenceinput588089634";
 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":"cellmultireferenceinput2735260754__root"};
+export var classes = {"root":"cellmultireferenceinput588089634__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_ = "cellreferenceinput2703478560";
+var _namespace_ = "cellreferenceinput2046600745";
 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":"cellreferenceinput2703478560__root","autocomplete":"cellreferenceinput2703478560__autocomplete"};
+export var classes = {"root":"cellreferenceinput2046600745__root","autocomplete":"cellreferenceinput2046600745__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_ = "richcontentdefaultvalueinput4062318047";
+var _namespace_ = "richcontentdefaultvalueinput2000961037";
 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":"richcontentdefaultvalueinput4062318047__root","richContentEditorContainer":"richcontentdefaultvalueinput4062318047__richContentEditorContainer","editor":"richcontentdefaultvalueinput4062318047__editor"};
+export var classes = {"root":"richcontentdefaultvalueinput2000961037__root","richContentEditorContainer":"richcontentdefaultvalueinput2000961037__richContentEditorContainer","editor":"richcontentdefaultvalueinput2000961037__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_ = "richcontentforminput536894925";
+var _namespace_ = "richcontentforminput2414334911";
 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":"richcontentforminput536894925__root","editor":"richcontentforminput536894925__editor"};
+export var classes = {"root":"richcontentforminput2414334911__root","editor":"richcontentforminput2414334911__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_ = "richcontentformreadonlyinput3255875696";
+var _namespace_ = "richcontentformreadonlyinput1059752176";
 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":"richcontentformreadonlyinput3255875696__root"};
+export var classes = {"root":"richcontentformreadonlyinput1059752176__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_ = "fullscreenmodal59785016";
+var _namespace_ = "fullscreenmodal1677754412";
 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":"fullscreenmodal59785016__root","modalContent":"fullscreenmodal59785016__modalContent"};
+export var classes = {"root":"fullscreenmodal1677754412__root","modalContent":"fullscreenmodal1677754412__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_ = "publishloader79678549";
+var _namespace_ = "publishloader1089769209";
 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":"publishloader79678549__root","publishLoader":"publishloader79678549__publishLoader"};
+export var classes = {"root":"publishloader1089769209__root","publishLoader":"publishloader1089769209__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_ = "togglefullscreenbutton207178869";
+var _namespace_ = "togglefullscreenbutton555712175";
 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":"togglefullscreenbutton207178869__root"};
+export var classes = {"root":"togglefullscreenbutton555712175__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_ = "richcontenteditor354605721";
+var _namespace_ = "richcontenteditor924293297";
 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":"richcontenteditor354605721__root","toolbarContainer":"richcontenteditor354605721__toolbarContainer","footerToolbarContainer":"richcontenteditor354605721__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor354605721__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor354605721__editor","modalEditor":"richcontenteditor354605721__modalEditor"};
+export var classes = {"root":"richcontenteditor924293297__root","toolbarContainer":"richcontenteditor924293297__toolbarContainer","footerToolbarContainer":"richcontenteditor924293297__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor924293297__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor924293297__editor","modalEditor":"richcontenteditor924293297__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_ = "richcontenttoolbar3985488902";
+var _namespace_ = "richcontenttoolbar3921762791";
 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":"richcontenttoolbar3985488902__root","toolbar":"richcontenttoolbar3985488902__toolbar","toolbarButton":"richcontenttoolbar3985488902__toolbarButton","separator":"richcontenttoolbar3985488902__separator"};
+export var classes = {"root":"richcontenttoolbar3921762791__root","toolbar":"richcontenttoolbar3921762791__toolbar","toolbarButton":"richcontenttoolbar3921762791__toolbarButton","separator":"richcontenttoolbar3921762791__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_ = "richcontentviewer1237397678";
+var _namespace_ = "richcontentviewer2558347904";
 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":"richcontentviewer1237397678__root","viewer":"richcontentviewer1237397678__viewer","modalViewer":"richcontentviewer1237397678__modalViewer"};
+export var classes = {"root":"richcontentviewer2558347904__root","viewer":"richcontentviewer2558347904__viewer","modalViewer":"richcontentviewer2558347904__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_ = "richeditor668249387";
+var _namespace_ = "richeditor4018868919";
 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":"richeditor668249387__root","editor":"richeditor668249387__editor","header-one":"richeditor668249387__header-one","header-two":"richeditor668249387__header-two","header-three":"richeditor668249387__header-three","header-four":"richeditor668249387__header-four","header-five":"richeditor668249387__header-five","header-six":"richeditor668249387__header-six","paragraph-one":"richeditor668249387__paragraph-one","unstyled":"richeditor668249387__unstyled","paragraph-three":"richeditor668249387__paragraph-three","align-left":"richeditor668249387__align-left","align-right":"richeditor668249387__align-right","align-center":"richeditor668249387__align-center","align-justify":"richeditor668249387__align-justify","withMargin":"richeditor668249387__withMargin","dir-rtl":"richeditor668249387__dir-rtl"};
+export var classes = {"root":"richeditor4018868919__root","editor":"richeditor4018868919__editor","header-one":"richeditor4018868919__header-one","header-two":"richeditor4018868919__header-two","header-three":"richeditor4018868919__header-three","header-four":"richeditor4018868919__header-four","header-five":"richeditor4018868919__header-five","header-six":"richeditor4018868919__header-six","paragraph-one":"richeditor4018868919__paragraph-one","unstyled":"richeditor4018868919__unstyled","paragraph-three":"richeditor4018868919__paragraph-three","align-left":"richeditor4018868919__align-left","align-right":"richeditor4018868919__align-right","align-center":"richeditor4018868919__align-center","align-justify":"richeditor4018868919__align-justify","withMargin":"richeditor4018868919__withMargin","dir-rtl":"richeditor4018868919__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_ = "richtexteditor2877563601";
+var _namespace_ = "richtexteditor3921045520";
 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":"richtexteditor2877563601__root","nativeInput":"richtexteditor2877563601__nativeInput","editor":"richtexteditor2877563601__editor"};
+export var classes = {"root":"richtexteditor3921045520__root","nativeInput":"richtexteditor3921045520__nativeInput","editor":"richtexteditor3921045520__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_ = "toolbar3472368645";
+var _namespace_ = "toolbar1814136159";
 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":"toolbar3472368645__root","item":"toolbar3472368645__item","separator":"toolbar3472368645__separator","clearFormatting":"toolbar3472368645__clearFormatting","fullScreen":"toolbar3472368645__fullScreen","dropdownItemContent":"toolbar3472368645__dropdownItemContent","dropdownItemTitle":"toolbar3472368645__dropdownItemTitle","dropdownItemSubtitle":"toolbar3472368645__dropdownItemSubtitle","dropdownHeaderOne":"toolbar3472368645__dropdownHeaderOne","dropdownHeaderTwo":"toolbar3472368645__dropdownHeaderTwo","dropdownHeaderThree":"toolbar3472368645__dropdownHeaderThree","dropdownHeaderFour":"toolbar3472368645__dropdownHeaderFour","dropdownHeaderFive":"toolbar3472368645__dropdownHeaderFive","dropdownHeaderSix":"toolbar3472368645__dropdownHeaderSix","dropdownParagraphOne":"toolbar3472368645__dropdownParagraphOne","dropdownNormalText":"toolbar3472368645__dropdownNormalText","dropdownParagraphThree":"toolbar3472368645__dropdownParagraphThree"};
+export var classes = {"root":"toolbar1814136159__root","item":"toolbar1814136159__item","separator":"toolbar1814136159__separator","clearFormatting":"toolbar1814136159__clearFormatting","fullScreen":"toolbar1814136159__fullScreen","dropdownItemContent":"toolbar1814136159__dropdownItemContent","dropdownItemTitle":"toolbar1814136159__dropdownItemTitle","dropdownItemSubtitle":"toolbar1814136159__dropdownItemSubtitle","dropdownHeaderOne":"toolbar1814136159__dropdownHeaderOne","dropdownHeaderTwo":"toolbar1814136159__dropdownHeaderTwo","dropdownHeaderThree":"toolbar1814136159__dropdownHeaderThree","dropdownHeaderFour":"toolbar1814136159__dropdownHeaderFour","dropdownHeaderFive":"toolbar1814136159__dropdownHeaderFive","dropdownHeaderSix":"toolbar1814136159__dropdownHeaderSix","dropdownParagraphOne":"toolbar1814136159__dropdownParagraphOne","dropdownNormalText":"toolbar1814136159__dropdownNormalText","dropdownParagraphThree":"toolbar1814136159__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_ = "textview2454520084";
+var _namespace_ = "textview4046581162";
 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":"textview2454520084__root","textView":"textview2454520084__textView"};
+export var classes = {"root":"textview4046581162__root","textView":"textview4046581162__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/video/controlled-video.uni.driver.ts

@@ -0,0 +1,48 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import {
+  AddItemUniDriver,
+  ImageViewerUniDriver,
+} from '@wix/design-system/dist/testkit/unidriver';
+
+import { baseUniDriverFactory } from '../../testkit/base-driver';
+
+export function ControlledVideoInputUniDriver(
+  base: UniDriver,
+  body: UniDriver,
+) {
+  // The dataHook sits on the ImageViewer in the empty state and on the
+  // MediaOverlay in the filled one, so `base` is either.
+  const imageViewer = ImageViewerUniDriver(base, body);
+  // `add-image` is ImageViewer's own hook for its empty-state AddItem.
+  const addItem = AddItemUniDriver(base.$('[data-hook="add-image"]'), body);
+  const addButton = base.$('[data-hook="add-image"] [data-hook="additem"]');
+  // Scoped to button / menuitem so a consumer dataHook that happens to end in
+  // one of these suffixes cannot match the root element instead.
+  const replaceButton = base.$('button[data-hook$="-replace"]');
+  const moreButton = base.$('button[data-hook$="-more"]');
+  const previewAction = body.$('[role="menuitem"][data-hook$="-preview"]');
+  const downloadAction = body.$('[role="menuitem"][data-hook$="-download"]');
+  const deleteAction = body.$('[role="menuitem"][data-hook$="-delete"]');
+
+  const isDisabled = async (element: UniDriver) =>
+    (await element.attr('disabled')) !== null ||
+    (await element.attr('aria-disabled')) === 'true';
+
+  return {
+    ...baseUniDriverFactory(base),
+    isAddItemVisible: () => imageViewer.isAddItemVisible(),
+    clickAddButton: () => imageViewer.clickAdd(),
+    isAddButtonFocused: () => addItem.isFocused(),
+    isAddButtonDisabled: () => isDisabled(addButton),
+    hasReplaceButton: () => replaceButton.exists(),
+    hasMoreButton: () => moreButton.exists(),
+    isReplaceDisabled: () => isDisabled(replaceButton),
+    clickReplace: () => replaceButton.click(),
+    clickMore: () => moreButton.click(),
+    clickPreview: () => previewAction.click(),
+    clickDownload: () => downloadAction.click(),
+    clickDelete: () => deleteAction.click(),
+    isDeleteDisabled: () => isDisabled(deleteAction),
+    getPreviewTitle: () => body.$('[data-hook="baseModalLayout-title"]').text(),
+  };
+}