@wix/patterns-fields 1.84.0 → 1.85.0

package/src/components/datetime-input/form-date-time.driver.ts

@@ -10,6 +10,10 @@ import {
   baseUniDriverFactory,
   getFormFieldLabelText,
 } from '../../testkit/base-driver';
+import {
+  CalendarPopoverUniDriver,
+  TimeDropdownUniDriver,
+} from '../../testkit/popover-driver';
 
 export function FormDateTimeDriver(
   base: UniDriver,
@@ -41,5 +45,7 @@ export function FormDateTimeDriver(
     // WDS Layout mirrors its `gap` prop onto `data-gap`; it is the only
     // element in this field carrying that attribute.
     getInputsGap: () => base.$('[data-gap]').attr('data-gap'),
+    calendarPopover: CalendarPopoverUniDriver(datePicker, body),
+    timeDropdown: TimeDropdownUniDriver(timeBase, body),
   };
 }

package/src/components/datetime-input/form-date-time.tsx

@@ -13,6 +13,10 @@ import { useController } from '@wix/bex-core/form';
 import { BaseInputProps, BaseInputRef } from '../../types/base-input';
 import { useTranslations } from '../../hooks';
 import { isEmpty } from '../../validations/string';
+import {
+  calendarPopoverDefaults,
+  dropdownPopoverDefaults,
+} from '../popover-defaults';
 
 export interface FormDateTimeProps extends BaseInputProps<string | null> {}
 
@@ -142,6 +146,7 @@ const _FormDateTime = (props: FormDateTimeProps) => {
               controller.fieldState.error?.message || dateStatusMessage
             }
             dataHook={`datetime-date-${field.id}`}
+            popoverProps={calendarPopoverDefaults}
           />
         </Cell>
         <Cell span={6}>
@@ -150,6 +155,7 @@ const _FormDateTime = (props: FormDateTimeProps) => {
               timeRef.current.focus = () => internalRef?.focus();
             }}
             dataHook={`datetime-time-${field.id}`}
+            popoverProps={dropdownPopoverDefaults}
             placeholder={tFields('CMS.formTime.placeholder')}
             invalidMessage={tFields('CMS.formTime.invalidMessage')}
             value={date ?? null}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "deletedialog1159427448";
+var _namespace_ = "deletedialog2825038614";
 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":"deletedialog1159427448__root","layout":"deletedialog1159427448__layout"};
+export var classes = {"root":"deletedialog2825038614__root","layout":"deletedialog2825038614__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_ = "formdocumentfield1446088125";
+var _namespace_ = "formdocumentfield502117395";
 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":"formdocumentfield1446088125__root","viewWrapper":"formdocumentfield1446088125__viewWrapper","textWidth":"formdocumentfield1446088125__textWidth","documentLoader":"formdocumentfield1446088125__documentLoader","addDocument":"formdocumentfield1446088125__addDocument","addItemWrapper":"formdocumentfield1446088125__addItemWrapper"};
+export var classes = {"root":"formdocumentfield502117395__root","viewWrapper":"formdocumentfield502117395__viewWrapper","textWidth":"formdocumentfield502117395__textWidth","documentLoader":"formdocumentfield502117395__documentLoader","addDocument":"formdocumentfield502117395__addDocument","addItemWrapper":"formdocumentfield502117395__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_ = "exclamation337895447";
+var _namespace_ = "exclamation2183185255";
 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":"exclamation337895447__root","exclamation":"exclamation337895447__exclamation","actions":"exclamation337895447__actions","action":"exclamation337895447__action"};
+export var classes = {"root":"exclamation2183185255__root","exclamation":"exclamation2183185255__exclamation","actions":"exclamation2183185255__actions","action":"exclamation2183185255__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_ = "highlightedtext2579047844";
+var _namespace_ = "highlightedtext2938869321";
 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":"highlightedtext2579047844__root","substring":"highlightedtext2579047844__substring"};
-export var keyframes = {"highlighted":"highlightedtext2579047844__highlighted","highlighted-match":"highlightedtext2579047844__highlighted-match"}; 
+export var classes = {"root":"highlightedtext2938869321__root","substring":"highlightedtext2938869321__substring"};
+export var keyframes = {"highlighted":"highlightedtext2938869321__highlighted","highlighted-match":"highlightedtext2938869321__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_ = "thumbnailreplaceoverlay3103029391";
+var _namespace_ = "thumbnailreplaceoverlay2143454612";
 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":"thumbnailreplaceoverlay3103029391__root","icon":"thumbnailreplaceoverlay3103029391__icon"};
+export var classes = {"root":"thumbnailreplaceoverlay2143454612__root","icon":"thumbnailreplaceoverlay2143454612__icon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-control/cell-media-edit-shell.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellmediaeditshell3308798387";
+var _namespace_ = "cellmediaeditshell3151325868";
 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":"cellmediaeditshell3308798387__root"};
+export var classes = {"root":"cellmediaeditshell3151325868__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_ = "pasteurlbutton3549998201";
+var _namespace_ = "pasteurlbutton3556705877";
 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":"pasteurlbutton3549998201__root","iconButtonTooltip":"pasteurlbutton3549998201__iconButtonTooltip","iconButton":"pasteurlbutton3549998201__iconButton"};
+export var classes = {"root":"pasteurlbutton3556705877__root","iconButtonTooltip":"pasteurlbutton3556705877__iconButtonTooltip","iconButton":"pasteurlbutton3556705877__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_ = "formmediagalleryfield3202516150";
+var _namespace_ = "formmediagalleryfield2581192152";
 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":"formmediagalleryfield3202516150__root","container":"formmediagalleryfield3202516150__container","viewBox":"formmediagalleryfield3202516150__viewBox","addItemWrapper":"formmediagalleryfield3202516150__addItemWrapper","addItem":"formmediagalleryfield3202516150__addItem","overlay":"formmediagalleryfield3202516150__overlay","image":"formmediagalleryfield3202516150__image","previewImage":"formmediagalleryfield3202516150__previewImage","previewVideo":"formmediagalleryfield3202516150__previewVideo"};
+export var classes = {"root":"formmediagalleryfield2581192152__root","container":"formmediagalleryfield2581192152__container","viewBox":"formmediagalleryfield2581192152__viewBox","addItemWrapper":"formmediagalleryfield2581192152__addItemWrapper","addItem":"formmediagalleryfield2581192152__addItem","overlay":"formmediagalleryfield2581192152__overlay","image":"formmediagalleryfield2581192152__image","previewImage":"formmediagalleryfield2581192152__previewImage","previewVideo":"formmediagalleryfield2581192152__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_ = "mediaimage1135855560";
+var _namespace_ = "mediaimage592302873";
 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":"mediaimage1135855560__root"};
+export var classes = {"root":"mediaimage592302873__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":"--mediaimage1135855560-from","to":"--mediaimage1135855560-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":"--mediaimage592302873-from","to":"--mediaimage592302873-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_ = "overlay818592459";
+var _namespace_ = "overlay1409672230";
 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":"overlay818592459__root","iconOverlay":"overlay818592459__iconOverlay"};
+export var classes = {"root":"overlay1409672230__root","iconOverlay":"overlay1409672230__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_ = "medialoader2881009922";
+var _namespace_ = "medialoader482346947";
 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":"medialoader2881009922__root","loader":"medialoader2881009922__loader"};
+export var classes = {"root":"medialoader482346947__root","loader":"medialoader482346947__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_ = "mediatag3172817338";
+var _namespace_ = "mediatag2706192894";
 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":"mediatag3172817338__root"};
+export var classes = {"root":"mediatag2706192894__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_ = "cellmultidocumentedit1679445382";
+var _namespace_ = "cellmultidocumentedit1306196521";
 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":"cellmultidocumentedit1679445382__root","chipTrigger":"cellmultidocumentedit1679445382__chipTrigger"};
+export var classes = {"root":"cellmultidocumentedit1306196521__root","chipTrigger":"cellmultidocumentedit1306196521__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_ = "formmultidocument679815400";
+var _namespace_ = "formmultidocument2444181742";
 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":"formmultidocument679815400__root","viewRoot":"formmultidocument679815400__viewRoot","singleViewWrapper":"formmultidocument679815400__singleViewWrapper","addDocumentButton":"formmultidocument679815400__addDocumentButton"};
+export var classes = {"root":"formmultidocument2444181742__root","viewRoot":"formmultidocument2444181742__viewRoot","singleViewWrapper":"formmultidocument2444181742__singleViewWrapper","addDocumentButton":"formmultidocument2444181742__addDocumentButton"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/popover-defaults.ts

@@ -0,0 +1,17 @@
+import type { PopoverCommonProps } from '@wix/design-system';
+
+import { Z_INDEX_MODAL_POPOVER } from './common';
+
+// WDS popovers default to appendTo 'parent' (and 'top-start' placement for
+// the calendar), which clips them inside overflow containers. Consumers can
+// still override these through the components' popover props.
+export const calendarPopoverDefaults: PopoverCommonProps = {
+  placement: 'bottom-start',
+  appendTo: 'window',
+  zIndex: Z_INDEX_MODAL_POPOVER,
+};
+
+export const dropdownPopoverDefaults: PopoverCommonProps = {
+  appendTo: 'window',
+  zIndex: Z_INDEX_MODAL_POPOVER,
+};

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_ = "cellmultireferenceinput4266615165";
+var _namespace_ = "cellmultireferenceinput1405845939";
 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":"cellmultireferenceinput4266615165__root"};
+export var classes = {"root":"cellmultireferenceinput1405845939__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_ = "cellreferenceinput3401654701";
+var _namespace_ = "cellreferenceinput3470850912";
 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":"cellreferenceinput3401654701__root","autocomplete":"cellreferenceinput3401654701__autocomplete"};
+export var classes = {"root":"cellreferenceinput3470850912__root","autocomplete":"cellreferenceinput3470850912__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_ = "richcontentdefaultvalueinput1107397787";
+var _namespace_ = "richcontentdefaultvalueinput2469384194";
 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":"richcontentdefaultvalueinput1107397787__root","richContentEditorContainer":"richcontentdefaultvalueinput1107397787__richContentEditorContainer","editor":"richcontentdefaultvalueinput1107397787__editor"};
+export var classes = {"root":"richcontentdefaultvalueinput2469384194__root","richContentEditorContainer":"richcontentdefaultvalueinput2469384194__richContentEditorContainer","editor":"richcontentdefaultvalueinput2469384194__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_ = "richcontentforminput961440692";
+var _namespace_ = "richcontentforminput1355753260";
 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":"richcontentforminput961440692__root","editor":"richcontentforminput961440692__editor"};
+export var classes = {"root":"richcontentforminput1355753260__root","editor":"richcontentforminput1355753260__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_ = "richcontentformreadonlyinput2875817540";
+var _namespace_ = "richcontentformreadonlyinput936630358";
 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":"richcontentformreadonlyinput2875817540__root"};
+export var classes = {"root":"richcontentformreadonlyinput936630358__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_ = "fullscreenmodal1577897318";
+var _namespace_ = "fullscreenmodal1346235513";
 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":"fullscreenmodal1577897318__root","modalContent":"fullscreenmodal1577897318__modalContent"};
+export var classes = {"root":"fullscreenmodal1346235513__root","modalContent":"fullscreenmodal1346235513__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_ = "publishloader2787012451";
+var _namespace_ = "publishloader603065690";
 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":"publishloader2787012451__root","publishLoader":"publishloader2787012451__publishLoader"};
+export var classes = {"root":"publishloader603065690__root","publishLoader":"publishloader603065690__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_ = "togglefullscreenbutton714176677";
+var _namespace_ = "togglefullscreenbutton3885331698";
 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":"togglefullscreenbutton714176677__root"};
+export var classes = {"root":"togglefullscreenbutton3885331698__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_ = "richcontenteditor2662150007";
+var _namespace_ = "richcontenteditor271545960";
 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":"richcontenteditor2662150007__root","toolbarContainer":"richcontenteditor2662150007__toolbarContainer","footerToolbarContainer":"richcontenteditor2662150007__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor2662150007__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor2662150007__editor","modalEditor":"richcontenteditor2662150007__modalEditor"};
+export var classes = {"root":"richcontenteditor271545960__root","toolbarContainer":"richcontenteditor271545960__toolbarContainer","footerToolbarContainer":"richcontenteditor271545960__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor271545960__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor271545960__editor","modalEditor":"richcontenteditor271545960__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_ = "richcontenttoolbar2526414082";
+var _namespace_ = "richcontenttoolbar3560157227";
 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":"richcontenttoolbar2526414082__root","toolbar":"richcontenttoolbar2526414082__toolbar","toolbarButton":"richcontenttoolbar2526414082__toolbarButton","separator":"richcontenttoolbar2526414082__separator"};
+export var classes = {"root":"richcontenttoolbar3560157227__root","toolbar":"richcontenttoolbar3560157227__toolbar","toolbarButton":"richcontenttoolbar3560157227__toolbarButton","separator":"richcontenttoolbar3560157227__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_ = "richcontentviewer1232897915";
+var _namespace_ = "richcontentviewer1570259522";
 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":"richcontentviewer1232897915__root","viewer":"richcontentviewer1232897915__viewer","modalViewer":"richcontentviewer1232897915__modalViewer"};
+export var classes = {"root":"richcontentviewer1570259522__root","viewer":"richcontentviewer1570259522__viewer","modalViewer":"richcontentviewer1570259522__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_ = "richeditor1231036829";
+var _namespace_ = "richeditor2861603399";
 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":"richeditor1231036829__root","editor":"richeditor1231036829__editor","header-one":"richeditor1231036829__header-one","header-two":"richeditor1231036829__header-two","header-three":"richeditor1231036829__header-three","header-four":"richeditor1231036829__header-four","header-five":"richeditor1231036829__header-five","header-six":"richeditor1231036829__header-six","paragraph-one":"richeditor1231036829__paragraph-one","unstyled":"richeditor1231036829__unstyled","paragraph-three":"richeditor1231036829__paragraph-three","align-left":"richeditor1231036829__align-left","align-right":"richeditor1231036829__align-right","align-center":"richeditor1231036829__align-center","align-justify":"richeditor1231036829__align-justify","withMargin":"richeditor1231036829__withMargin","dir-rtl":"richeditor1231036829__dir-rtl"};
+export var classes = {"root":"richeditor2861603399__root","editor":"richeditor2861603399__editor","header-one":"richeditor2861603399__header-one","header-two":"richeditor2861603399__header-two","header-three":"richeditor2861603399__header-three","header-four":"richeditor2861603399__header-four","header-five":"richeditor2861603399__header-five","header-six":"richeditor2861603399__header-six","paragraph-one":"richeditor2861603399__paragraph-one","unstyled":"richeditor2861603399__unstyled","paragraph-three":"richeditor2861603399__paragraph-three","align-left":"richeditor2861603399__align-left","align-right":"richeditor2861603399__align-right","align-center":"richeditor2861603399__align-center","align-justify":"richeditor2861603399__align-justify","withMargin":"richeditor2861603399__withMargin","dir-rtl":"richeditor2861603399__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_ = "richtexteditor2574241341";
+var _namespace_ = "richtexteditor46650904";
 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":"richtexteditor2574241341__root","nativeInput":"richtexteditor2574241341__nativeInput","editor":"richtexteditor2574241341__editor"};
+export var classes = {"root":"richtexteditor46650904__root","nativeInput":"richtexteditor46650904__nativeInput","editor":"richtexteditor46650904__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_ = "toolbar3406783160";
+var _namespace_ = "toolbar197622613";
 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":"toolbar3406783160__root","item":"toolbar3406783160__item","separator":"toolbar3406783160__separator","clearFormatting":"toolbar3406783160__clearFormatting","fullScreen":"toolbar3406783160__fullScreen","dropdownItemContent":"toolbar3406783160__dropdownItemContent","dropdownItemTitle":"toolbar3406783160__dropdownItemTitle","dropdownItemSubtitle":"toolbar3406783160__dropdownItemSubtitle","dropdownHeaderOne":"toolbar3406783160__dropdownHeaderOne","dropdownHeaderTwo":"toolbar3406783160__dropdownHeaderTwo","dropdownHeaderThree":"toolbar3406783160__dropdownHeaderThree","dropdownHeaderFour":"toolbar3406783160__dropdownHeaderFour","dropdownHeaderFive":"toolbar3406783160__dropdownHeaderFive","dropdownHeaderSix":"toolbar3406783160__dropdownHeaderSix","dropdownParagraphOne":"toolbar3406783160__dropdownParagraphOne","dropdownNormalText":"toolbar3406783160__dropdownNormalText","dropdownParagraphThree":"toolbar3406783160__dropdownParagraphThree"};
+export var classes = {"root":"toolbar197622613__root","item":"toolbar197622613__item","separator":"toolbar197622613__separator","clearFormatting":"toolbar197622613__clearFormatting","fullScreen":"toolbar197622613__fullScreen","dropdownItemContent":"toolbar197622613__dropdownItemContent","dropdownItemTitle":"toolbar197622613__dropdownItemTitle","dropdownItemSubtitle":"toolbar197622613__dropdownItemSubtitle","dropdownHeaderOne":"toolbar197622613__dropdownHeaderOne","dropdownHeaderTwo":"toolbar197622613__dropdownHeaderTwo","dropdownHeaderThree":"toolbar197622613__dropdownHeaderThree","dropdownHeaderFour":"toolbar197622613__dropdownHeaderFour","dropdownHeaderFive":"toolbar197622613__dropdownHeaderFive","dropdownHeaderSix":"toolbar197622613__dropdownHeaderSix","dropdownParagraphOne":"toolbar197622613__dropdownParagraphOne","dropdownNormalText":"toolbar197622613__dropdownNormalText","dropdownParagraphThree":"toolbar197622613__dropdownParagraphThree"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};