@wix/patterns-fields 1.84.0 → 1.86.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_ = "deletedialog1755698330";
 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":"deletedialog1755698330__root","layout":"deletedialog1755698330__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_ = "formdocumentfield3098458741";
 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":"formdocumentfield3098458741__root","viewWrapper":"formdocumentfield3098458741__viewWrapper","textWidth":"formdocumentfield3098458741__textWidth","documentLoader":"formdocumentfield3098458741__documentLoader","addDocument":"formdocumentfield3098458741__addDocument","addItemWrapper":"formdocumentfield3098458741__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_ = "exclamation1838620114";
 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":"exclamation1838620114__root","exclamation":"exclamation1838620114__exclamation","actions":"exclamation1838620114__actions","action":"exclamation1838620114__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_ = "highlightedtext3755398177";
 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":"highlightedtext3755398177__root","substring":"highlightedtext3755398177__substring"};
+export var keyframes = {"highlighted":"highlightedtext3755398177__highlighted","highlighted-match":"highlightedtext3755398177__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_ = "thumbnailreplaceoverlay75913383";
 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":"thumbnailreplaceoverlay75913383__root","icon":"thumbnailreplaceoverlay75913383__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_ = "cellmediaeditshell2618943078";
 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":"cellmediaeditshell2618943078__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_ = "pasteurlbutton3914974378";
 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":"pasteurlbutton3914974378__root","iconButtonTooltip":"pasteurlbutton3914974378__iconButtonTooltip","iconButton":"pasteurlbutton3914974378__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_ = "formmediagalleryfield3859413134";
 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":"formmediagalleryfield3859413134__root","container":"formmediagalleryfield3859413134__container","viewBox":"formmediagalleryfield3859413134__viewBox","addItemWrapper":"formmediagalleryfield3859413134__addItemWrapper","addItem":"formmediagalleryfield3859413134__addItem","overlay":"formmediagalleryfield3859413134__overlay","image":"formmediagalleryfield3859413134__image","previewImage":"formmediagalleryfield3859413134__previewImage","previewVideo":"formmediagalleryfield3859413134__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_ = "mediaimage4201391830";
 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":"mediaimage4201391830__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":"--mediaimage4201391830-from","to":"--mediaimage4201391830-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_ = "overlay3939830874";
 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":"overlay3939830874__root","iconOverlay":"overlay3939830874__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_ = "medialoader2741353834";
 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":"medialoader2741353834__root","loader":"medialoader2741353834__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_ = "mediatag847953913";
 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":"mediatag847953913__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_ = "cellmultidocumentedit227360323";
 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":"cellmultidocumentedit227360323__root","chipTrigger":"cellmultidocumentedit227360323__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_ = "formmultidocument1036934034";
 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":"formmultidocument1036934034__root","viewRoot":"formmultidocument1036934034__viewRoot","singleViewWrapper":"formmultidocument1036934034__singleViewWrapper","addDocumentButton":"formmultidocument1036934034__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_ = "cellmultireferenceinput118440759";
 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":"cellmultireferenceinput118440759__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_ = "cellreferenceinput805690878";
 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":"cellreferenceinput805690878__root","autocomplete":"cellreferenceinput805690878__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_ = "richcontentdefaultvalueinput1809828926";
 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":"richcontentdefaultvalueinput1809828926__root","richContentEditorContainer":"richcontentdefaultvalueinput1809828926__richContentEditorContainer","editor":"richcontentdefaultvalueinput1809828926__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_ = "richcontentforminput3123335629";
 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":"richcontentforminput3123335629__root","editor":"richcontentforminput3123335629__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_ = "richcontentformreadonlyinput487054806";
 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":"richcontentformreadonlyinput487054806__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_ = "fullscreenmodal1863616343";
 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":"fullscreenmodal1863616343__root","modalContent":"fullscreenmodal1863616343__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_ = "publishloader2258361233";
 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":"publishloader2258361233__root","publishLoader":"publishloader2258361233__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_ = "togglefullscreenbutton130427311";
 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":"togglefullscreenbutton130427311__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_ = "richcontenteditor1263031639";
 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":"richcontenteditor1263031639__root","toolbarContainer":"richcontenteditor1263031639__toolbarContainer","footerToolbarContainer":"richcontenteditor1263031639__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor1263031639__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor1263031639__editor","modalEditor":"richcontenteditor1263031639__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_ = "richcontenttoolbar301499419";
 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":"richcontenttoolbar301499419__root","toolbar":"richcontenttoolbar301499419__toolbar","toolbarButton":"richcontenttoolbar301499419__toolbarButton","separator":"richcontenttoolbar301499419__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_ = "richcontentviewer3908545378";
 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":"richcontentviewer3908545378__root","viewer":"richcontentviewer3908545378__viewer","modalViewer":"richcontentviewer3908545378__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_ = "richeditor3378146960";
 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":"richeditor3378146960__root","editor":"richeditor3378146960__editor","header-one":"richeditor3378146960__header-one","header-two":"richeditor3378146960__header-two","header-three":"richeditor3378146960__header-three","header-four":"richeditor3378146960__header-four","header-five":"richeditor3378146960__header-five","header-six":"richeditor3378146960__header-six","paragraph-one":"richeditor3378146960__paragraph-one","unstyled":"richeditor3378146960__unstyled","paragraph-three":"richeditor3378146960__paragraph-three","align-left":"richeditor3378146960__align-left","align-right":"richeditor3378146960__align-right","align-center":"richeditor3378146960__align-center","align-justify":"richeditor3378146960__align-justify","withMargin":"richeditor3378146960__withMargin","dir-rtl":"richeditor3378146960__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_ = "richtexteditor3656630748";
 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":"richtexteditor3656630748__root","nativeInput":"richtexteditor3656630748__nativeInput","editor":"richtexteditor3656630748__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_ = "toolbar197029663";
 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":"toolbar197029663__root","item":"toolbar197029663__item","separator":"toolbar197029663__separator","clearFormatting":"toolbar197029663__clearFormatting","fullScreen":"toolbar197029663__fullScreen","dropdownItemContent":"toolbar197029663__dropdownItemContent","dropdownItemTitle":"toolbar197029663__dropdownItemTitle","dropdownItemSubtitle":"toolbar197029663__dropdownItemSubtitle","dropdownHeaderOne":"toolbar197029663__dropdownHeaderOne","dropdownHeaderTwo":"toolbar197029663__dropdownHeaderTwo","dropdownHeaderThree":"toolbar197029663__dropdownHeaderThree","dropdownHeaderFour":"toolbar197029663__dropdownHeaderFour","dropdownHeaderFive":"toolbar197029663__dropdownHeaderFive","dropdownHeaderSix":"toolbar197029663__dropdownHeaderSix","dropdownParagraphOne":"toolbar197029663__dropdownParagraphOne","dropdownNormalText":"toolbar197029663__dropdownNormalText","dropdownParagraphThree":"toolbar197029663__dropdownParagraphThree"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};