@wix/patterns-fields 1.95.0 → 1.97.0

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_ = "richcontentdefaultvalueinput2476823092";
+var _namespace_ = "richcontentdefaultvalueinput4216387427";
 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":"richcontentdefaultvalueinput2476823092__root","richContentEditorContainer":"richcontentdefaultvalueinput2476823092__richContentEditorContainer","editor":"richcontentdefaultvalueinput2476823092__editor"};
+export var classes = {"root":"richcontentdefaultvalueinput4216387427__root","richContentEditorContainer":"richcontentdefaultvalueinput4216387427__richContentEditorContainer","editor":"richcontentdefaultvalueinput4216387427__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

@@ -16,12 +16,15 @@
 @property st-global(--wsr-color-B40);
 @property st-global(--wsr-color-F00);
 @property st-global(--wsr-border-radius-06);
+@property st-global(--wsr-color-D80);
+@property st-global(--wds-input-background-fill-default);
 
 .root {
     outline: 0;
     box-sizing: border-box;
     border: 1px solid var(--wds-input-border-color, var(--wsr-color-B40, #D6E6FE));
     border-radius: var(--wds-input-border-radius-default-medium, var(--wsr-border-radius-06, 6px));
+    background-color: var(--wds-input-background-fill-default, var(--wsr-color-D80, #ffffff));
 }
 
 .root:focus-within {

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_ = "richcontentforminput983643365";
+var _namespace_ = "richcontentforminput4010058443";
 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":"richcontentforminput983643365__root","editor":"richcontentforminput983643365__editor"};
+export var classes = {"root":"richcontentforminput4010058443__root","editor":"richcontentforminput4010058443__editor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"topToolbarHeight":"--topToolbarHeight","bottomToolbarHeight":"--bottomToolbarHeight","wds-input-border-color":"--wds-input-border-color","wds-input-border-color-focus":"--wds-input-border-color-focus","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wsr-color-B10":"--wsr-color-B10","wsr-color-B40":"--wsr-color-B40","wsr-color-F00":"--wsr-color-F00","wsr-border-radius-06":"--wsr-border-radius-06"}; 
+export var vars = {"topToolbarHeight":"--topToolbarHeight","bottomToolbarHeight":"--bottomToolbarHeight","wds-input-border-color":"--wds-input-border-color","wds-input-border-color-focus":"--wds-input-border-color-focus","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wsr-color-B10":"--wsr-color-B10","wsr-color-B40":"--wsr-color-B40","wsr-color-F00":"--wsr-color-F00","wsr-border-radius-06":"--wsr-border-radius-06","wsr-color-D80":"--wsr-color-D80","wds-input-background-fill-default":"--wds-input-background-fill-default"}; 
 
 
 

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_ = "richcontentformreadonlyinput2062214037";
+var _namespace_ = "richcontentformreadonlyinput1275835621";
 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":"richcontentformreadonlyinput2062214037__root"};
+export var classes = {"root":"richcontentformreadonlyinput1275835621__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_ = "fullscreenmodal2650765642";
+var _namespace_ = "fullscreenmodal3623832044";
 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":"fullscreenmodal2650765642__root","modalContent":"fullscreenmodal2650765642__modalContent"};
+export var classes = {"root":"fullscreenmodal3623832044__root","modalContent":"fullscreenmodal3623832044__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_ = "publishloader1621890228";
+var _namespace_ = "publishloader1361123961";
 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":"publishloader1621890228__root","publishLoader":"publishloader1621890228__publishLoader"};
+export var classes = {"root":"publishloader1361123961__root","publishLoader":"publishloader1361123961__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_ = "togglefullscreenbutton3465920086";
+var _namespace_ = "togglefullscreenbutton783422582";
 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":"togglefullscreenbutton3465920086__root"};
+export var classes = {"root":"togglefullscreenbutton783422582__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_ = "richcontenteditor3270542356";
+var _namespace_ = "richcontenteditor657479112";
 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":"richcontenteditor3270542356__root","toolbarContainer":"richcontenteditor3270542356__toolbarContainer","footerToolbarContainer":"richcontenteditor3270542356__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor3270542356__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor3270542356__editor","modalEditor":"richcontenteditor3270542356__modalEditor"};
+export var classes = {"root":"richcontenteditor657479112__root","toolbarContainer":"richcontenteditor657479112__toolbarContainer","footerToolbarContainer":"richcontenteditor657479112__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor657479112__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor657479112__editor","modalEditor":"richcontenteditor657479112__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_ = "richcontenttoolbar4022405848";
+var _namespace_ = "richcontenttoolbar3906174753";
 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":"richcontenttoolbar4022405848__root","toolbar":"richcontenttoolbar4022405848__toolbar","toolbarButton":"richcontenttoolbar4022405848__toolbarButton","separator":"richcontenttoolbar4022405848__separator"};
+export var classes = {"root":"richcontenttoolbar3906174753__root","toolbar":"richcontenttoolbar3906174753__toolbar","toolbarButton":"richcontenttoolbar3906174753__toolbarButton","separator":"richcontenttoolbar3906174753__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_ = "richcontentviewer2116721712";
+var _namespace_ = "richcontentviewer1703495211";
 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":"richcontentviewer2116721712__root","viewer":"richcontentviewer2116721712__viewer","modalViewer":"richcontentviewer2116721712__modalViewer"};
+export var classes = {"root":"richcontentviewer1703495211__root","viewer":"richcontentviewer1703495211__viewer","modalViewer":"richcontentviewer1703495211__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

@@ -14,6 +14,8 @@
 
 @property st-global(--wsr-color-D10);
 @property st-global(--wsr-color-D70);
+@property st-global(--wsr-color-D80);
+@property st-global(--wds-input-background-fill-default);
 
 @property st-global(--rt-h1-fontSize);
 @property st-global(--rt-h1-fontStyle);
@@ -169,7 +171,7 @@
 .editor :global(.DraftEditor-editorContainer) {
     display: flex;
     min-height: 100%;
-    background: white;
+    background: var(--wds-input-background-fill-default, var(--wsr-color-D80, #ffffff));
 }
 
 .editor :global(.public-DraftEditor-content) {

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_ = "richeditor1552528958";
+var _namespace_ = "richeditor3023573661";
 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":"richeditor1552528958__root","editor":"richeditor1552528958__editor","header-one":"richeditor1552528958__header-one","header-two":"richeditor1552528958__header-two","header-three":"richeditor1552528958__header-three","header-four":"richeditor1552528958__header-four","header-five":"richeditor1552528958__header-five","header-six":"richeditor1552528958__header-six","paragraph-one":"richeditor1552528958__paragraph-one","unstyled":"richeditor1552528958__unstyled","paragraph-three":"richeditor1552528958__paragraph-three","align-left":"richeditor1552528958__align-left","align-right":"richeditor1552528958__align-right","align-center":"richeditor1552528958__align-center","align-justify":"richeditor1552528958__align-justify","withMargin":"richeditor1552528958__withMargin","dir-rtl":"richeditor1552528958__dir-rtl"};
+export var classes = {"root":"richeditor3023573661__root","editor":"richeditor3023573661__editor","header-one":"richeditor3023573661__header-one","header-two":"richeditor3023573661__header-two","header-three":"richeditor3023573661__header-three","header-four":"richeditor3023573661__header-four","header-five":"richeditor3023573661__header-five","header-six":"richeditor3023573661__header-six","paragraph-one":"richeditor3023573661__paragraph-one","unstyled":"richeditor3023573661__unstyled","paragraph-three":"richeditor3023573661__paragraph-three","align-left":"richeditor3023573661__align-left","align-right":"richeditor3023573661__align-right","align-center":"richeditor3023573661__align-center","align-justify":"richeditor3023573661__align-justify","withMargin":"richeditor3023573661__withMargin","dir-rtl":"richeditor3023573661__dir-rtl"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {"fontFamilyDefault":"var(--wds-font-family-default, var(--wsr-font-family, Madefor))","h1FontSize":"var(--rt-h1-fontSize, 72px)","h1FontStyle":"var(--rt-h1-fontStyle, normal)","h1FontWeight":"var(--rt-h1-fontWeight, var(--wds-font-weight-bold, 700))","h1FontFamily":"var(--rt-h1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","h1LineHeight":"var(--rt-h1-lineHeight, 1.33)","h1Font":"var(--rt-h1-fontStyle, normal) var(--rt-h1-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h1-fontSize, 72px)/var(--rt-h1-lineHeight, 1.33) var(--rt-h1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","h2FontSize":"var(--rt-h2-fontSize, 42px)","h2FontStyle":"var(--rt-h2-fontStyle, normal)","h2FontWeight":"var(--rt-h2-fontWeight, var(--wds-font-weight-bold, 700))","h2FontFamily":"var(--rt-h2-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","h2LineHeight":"var(--rt-h2-lineHeight, 1.2)","h2Font":"var(--rt-h2-fontStyle, normal) var(--rt-h2-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h2-fontSize, 42px)/var(--rt-h2-lineHeight, 1.2) var(--rt-h2-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","h3FontSize":"var(--rt-h3-fontSize, 38px)","h3FontStyle":"var(--rt-h3-fontStyle, normal)","h3FontWeight":"var(--rt-h3-fontWeight, var(--wds-font-weight-medium, 500))","h3FontFamily":"var(--rt-h3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","h3LineHeight":"var(--rt-h3-lineHeight, 1.2)","h3Font":"var(--rt-h3-fontStyle, normal) var(--rt-h3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h3-fontSize, 38px)/var(--rt-h3-lineHeight, 1.2) var(--rt-h3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","h4FontSize":"var(--rt-h4-fontSize, 34px)","h4FontStyle":"var(--rt-h4-fontStyle, normal)","h4FontWeight":"var(--rt-h4-fontWeight, var(--wds-font-weight-bold, 700))","h4FontFamily":"var(--rt-h4-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","h4LineHeight":"var(--rt-h4-lineHeight, 1.2)","h4Font":"var(--rt-h4-fontStyle, normal) var(--rt-h4-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h4-fontSize, 34px)/var(--rt-h4-lineHeight, 1.2) var(--rt-h4-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","h5FontSize":"var(--rt-h5-fontSize, 28px)","h5FontStyle":"var(--rt-h5-fontStyle, normal)","h5FontWeight":"var(--rt-h5-fontWeight, var(--wds-font-weight-bold, 700))","h5FontFamily":"var(--rt-h5-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","h5LineHeight":"var(--rt-h5-lineHeight, 1.2)","h5Font":"var(--rt-h5-fontStyle, normal) var(--rt-h5-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h5-fontSize, 28px)/var(--rt-h5-lineHeight, 1.2) var(--rt-h5-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","h6FontSize":"var(--rt-h6-fontSize, 22px)","h6FontStyle":"var(--rt-h6-fontStyle, normal)","h6FontWeight":"var(--rt-h6-fontWeight, var(--wds-font-weight-medium, 500))","h6FontFamily":"var(--rt-h6-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","h6LineHeight":"var(--rt-h6-lineHeight, 1.2)","h6Font":"var(--rt-h6-fontStyle, normal) var(--rt-h6-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h6-fontSize, 22px)/var(--rt-h6-lineHeight, 1.2) var(--rt-h6-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","p1FontSize":"var(--rt-p1-fontSize, 18px)","p1FontStyle":"var(--rt-p1-fontStyle, normal)","p1FontWeight":"var(--rt-p1-fontWeight, var(--wds-font-weight-medium, 500))","p1FontFamily":"var(--rt-p1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","p1LineHeight":"var(--rt-p1-lineHeight, 24px)","p1Font":"var(--rt-p1-fontStyle, normal) var(--rt-p1-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p1-fontSize, 18px)/var(--rt-p1-lineHeight, 24px) var(--rt-p1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","unstyledFontSize":"var(--rt-unstyled-fontSize, 16px)","unstyledFontStyle":"var(--rt-unstyled-fontStyle, normal)","unstyledFontWeight":"var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium, 500))","unstyledFontFamily":"var(--rt-unstyled-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","unstyledLineHeight":"var(--rt-unstyled-lineHeight, 24px)","unstyledFont":"var(--rt-unstyled-fontStyle, normal) var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-unstyled-fontSize, 16px)/var(--rt-unstyled-lineHeight, 24px) var(--rt-unstyled-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","p3FontSize":"var(--rt-p3-fontSize, 14px)","p3FontStyle":"var(--rt-p3-fontStyle, normal)","p3FontWeight":"var(--rt-p3-fontWeight, var(--wds-font-weight-medium, 500))","p3FontFamily":"var(--rt-p3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","p3LineHeight":"var(--rt-p3-lineHeight, 18px)","p3Font":"var(--rt-p3-fontStyle, normal) var(--rt-p3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p3-fontSize, 14px)/var(--rt-p3-lineHeight, 18px) var(--rt-p3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))"}; 
-export var vars = {"wds-color-black-100":"--wds-color-black-100","wds-color-black-700":"--wds-color-black-700","wds-font-family-default":"--wds-font-family-default","wsr-font-family":"--wsr-font-family","wds-font-weight-medium":"--wds-font-weight-medium","wds-font-weight-bold":"--wds-font-weight-bold","wds-font-size-500":"--wds-font-size-500","wds-font-line-height-300":"--wds-font-line-height-300","wsr-color-D10":"--wsr-color-D10","wsr-color-D70":"--wsr-color-D70","rt-h1-fontSize":"--rt-h1-fontSize","rt-h1-fontStyle":"--rt-h1-fontStyle","rt-h1-fontWeight":"--rt-h1-fontWeight","rt-h1-fontFamily":"--rt-h1-fontFamily","rt-h1-lineHeight":"--rt-h1-lineHeight","rt-h2-fontSize":"--rt-h2-fontSize","rt-h2-fontStyle":"--rt-h2-fontStyle","rt-h2-fontWeight":"--rt-h2-fontWeight","rt-h2-fontFamily":"--rt-h2-fontFamily","rt-h2-lineHeight":"--rt-h2-lineHeight","rt-h3-fontSize":"--rt-h3-fontSize","rt-h3-fontStyle":"--rt-h3-fontStyle","rt-h3-fontWeight":"--rt-h3-fontWeight","rt-h3-fontFamily":"--rt-h3-fontFamily","rt-h3-lineHeight":"--rt-h3-lineHeight","rt-h4-fontSize":"--rt-h4-fontSize","rt-h4-fontStyle":"--rt-h4-fontStyle","rt-h4-fontWeight":"--rt-h4-fontWeight","rt-h4-fontFamily":"--rt-h4-fontFamily","rt-h4-lineHeight":"--rt-h4-lineHeight","rt-h5-fontSize":"--rt-h5-fontSize","rt-h5-fontStyle":"--rt-h5-fontStyle","rt-h5-fontWeight":"--rt-h5-fontWeight","rt-h5-fontFamily":"--rt-h5-fontFamily","rt-h5-lineHeight":"--rt-h5-lineHeight","rt-h6-fontSize":"--rt-h6-fontSize","rt-h6-fontStyle":"--rt-h6-fontStyle","rt-h6-fontWeight":"--rt-h6-fontWeight","rt-h6-fontFamily":"--rt-h6-fontFamily","rt-h6-lineHeight":"--rt-h6-lineHeight","rt-p1-fontSize":"--rt-p1-fontSize","rt-p1-fontStyle":"--rt-p1-fontStyle","rt-p1-fontWeight":"--rt-p1-fontWeight","rt-p1-fontFamily":"--rt-p1-fontFamily","rt-p1-lineHeight":"--rt-p1-lineHeight","rt-unstyled-fontSize":"--rt-unstyled-fontSize","rt-unstyled-fontStyle":"--rt-unstyled-fontStyle","rt-unstyled-fontWeight":"--rt-unstyled-fontWeight","rt-unstyled-fontFamily":"--rt-unstyled-fontFamily","rt-unstyled-lineHeight":"--rt-unstyled-lineHeight","rt-p3-fontSize":"--rt-p3-fontSize","rt-p3-fontStyle":"--rt-p3-fontStyle","rt-p3-fontWeight":"--rt-p3-fontWeight","rt-p3-fontFamily":"--rt-p3-fontFamily","rt-p3-lineHeight":"--rt-p3-lineHeight"}; 
+export var vars = {"wds-color-black-100":"--wds-color-black-100","wds-color-black-700":"--wds-color-black-700","wds-font-family-default":"--wds-font-family-default","wsr-font-family":"--wsr-font-family","wds-font-weight-medium":"--wds-font-weight-medium","wds-font-weight-bold":"--wds-font-weight-bold","wds-font-size-500":"--wds-font-size-500","wds-font-line-height-300":"--wds-font-line-height-300","wsr-color-D10":"--wsr-color-D10","wsr-color-D70":"--wsr-color-D70","wsr-color-D80":"--wsr-color-D80","wds-input-background-fill-default":"--wds-input-background-fill-default","rt-h1-fontSize":"--rt-h1-fontSize","rt-h1-fontStyle":"--rt-h1-fontStyle","rt-h1-fontWeight":"--rt-h1-fontWeight","rt-h1-fontFamily":"--rt-h1-fontFamily","rt-h1-lineHeight":"--rt-h1-lineHeight","rt-h2-fontSize":"--rt-h2-fontSize","rt-h2-fontStyle":"--rt-h2-fontStyle","rt-h2-fontWeight":"--rt-h2-fontWeight","rt-h2-fontFamily":"--rt-h2-fontFamily","rt-h2-lineHeight":"--rt-h2-lineHeight","rt-h3-fontSize":"--rt-h3-fontSize","rt-h3-fontStyle":"--rt-h3-fontStyle","rt-h3-fontWeight":"--rt-h3-fontWeight","rt-h3-fontFamily":"--rt-h3-fontFamily","rt-h3-lineHeight":"--rt-h3-lineHeight","rt-h4-fontSize":"--rt-h4-fontSize","rt-h4-fontStyle":"--rt-h4-fontStyle","rt-h4-fontWeight":"--rt-h4-fontWeight","rt-h4-fontFamily":"--rt-h4-fontFamily","rt-h4-lineHeight":"--rt-h4-lineHeight","rt-h5-fontSize":"--rt-h5-fontSize","rt-h5-fontStyle":"--rt-h5-fontStyle","rt-h5-fontWeight":"--rt-h5-fontWeight","rt-h5-fontFamily":"--rt-h5-fontFamily","rt-h5-lineHeight":"--rt-h5-lineHeight","rt-h6-fontSize":"--rt-h6-fontSize","rt-h6-fontStyle":"--rt-h6-fontStyle","rt-h6-fontWeight":"--rt-h6-fontWeight","rt-h6-fontFamily":"--rt-h6-fontFamily","rt-h6-lineHeight":"--rt-h6-lineHeight","rt-p1-fontSize":"--rt-p1-fontSize","rt-p1-fontStyle":"--rt-p1-fontStyle","rt-p1-fontWeight":"--rt-p1-fontWeight","rt-p1-fontFamily":"--rt-p1-fontFamily","rt-p1-lineHeight":"--rt-p1-lineHeight","rt-unstyled-fontSize":"--rt-unstyled-fontSize","rt-unstyled-fontStyle":"--rt-unstyled-fontStyle","rt-unstyled-fontWeight":"--rt-unstyled-fontWeight","rt-unstyled-fontFamily":"--rt-unstyled-fontFamily","rt-unstyled-lineHeight":"--rt-unstyled-lineHeight","rt-p3-fontSize":"--rt-p3-fontSize","rt-p3-fontStyle":"--rt-p3-fontStyle","rt-p3-fontWeight":"--rt-p3-fontWeight","rt-p3-fontFamily":"--rt-p3-fontFamily","rt-p3-lineHeight":"--rt-p3-lineHeight"}; 
 
 
 

package/src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css

@@ -18,8 +18,10 @@
 @property st-global(--wsr-color-Y10);
 @property st-global(--wsr-color-Y40);
 @property st-global(--wsr-color-F00);
+@property st-global(--wsr-color-D80);
 @property st-global(--wsr-border-radius-06);
 @property st-global(--wds-color-black-700);
+@property st-global(--wds-input-background-fill-default);
 
 /* Cannot import Editor from rich-editor.st.css - causes Stylable build error
 :import {
@@ -45,6 +47,7 @@
 }
 .root:border(standard) {
     border: 1px solid var(--wds-input-border-color, var(--wsr-color-B40, #D6E6FE));
+    background-color: var(--wds-input-background-fill-default, var(--wsr-color-D80, #ffffff));
 }
 .root:border(standard):focus,
 .root:border(standard):focus-within {

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_ = "richtexteditor3216298027";
+var _namespace_ = "richtexteditor4169826800";
 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":"richtexteditor3216298027__root","nativeInput":"richtexteditor3216298027__nativeInput","editor":"richtexteditor3216298027__editor"};
+export var classes = {"root":"richtexteditor4169826800__root","nativeInput":"richtexteditor4169826800__nativeInput","editor":"richtexteditor4169826800__editor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"wds-input-border-color":"--wds-input-border-color","wds-input-border-color-focus":"--wds-input-border-color-focus","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wsr-color-B10":"--wsr-color-B10","wsr-color-B40":"--wsr-color-B40","wsr-color-R10":"--wsr-color-R10","wsr-color-R40":"--wsr-color-R40","wsr-color-Y10":"--wsr-color-Y10","wsr-color-Y40":"--wsr-color-Y40","wsr-color-F00":"--wsr-color-F00","wsr-border-radius-06":"--wsr-border-radius-06","wds-color-black-700":"--wds-color-black-700"}; 
+export var vars = {"wds-input-border-color":"--wds-input-border-color","wds-input-border-color-focus":"--wds-input-border-color-focus","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wsr-color-B10":"--wsr-color-B10","wsr-color-B40":"--wsr-color-B40","wsr-color-R10":"--wsr-color-R10","wsr-color-R40":"--wsr-color-R40","wsr-color-Y10":"--wsr-color-Y10","wsr-color-Y40":"--wsr-color-Y40","wsr-color-F00":"--wsr-color-F00","wsr-color-D80":"--wsr-color-D80","wsr-border-radius-06":"--wsr-border-radius-06","wds-color-black-700":"--wds-color-black-700","wds-input-background-fill-default":"--wds-input-background-fill-default"}; 
 
 
 

package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css

@@ -9,12 +9,13 @@
 @property st-global(--wds-font-line-height-300);
 @property st-global(--wsr-color-B40);
 @property st-global(--wsr-color-D80);
+@property st-global(--wds-input-background-fill-default);
 
 .root {
     padding: 12px 18px;
     display: flex;
     border-bottom: 1px solid var(--wds-color-blue-400, var(--wsr-color-B40, #d6dcff));
-    background: var(--wds-color-white, var(--wsr-color-D80, #ffffff));
+    background: var(--wds-input-background-fill-default, var(--wsr-color-D80, #ffffff));
     align-items: center;
 }
 

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_ = "toolbar378096095";
+var _namespace_ = "toolbar1240455115";
 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":"toolbar378096095__root","item":"toolbar378096095__item","separator":"toolbar378096095__separator","clearFormatting":"toolbar378096095__clearFormatting","fullScreen":"toolbar378096095__fullScreen","dropdownItemContent":"toolbar378096095__dropdownItemContent","dropdownItemTitle":"toolbar378096095__dropdownItemTitle","dropdownItemSubtitle":"toolbar378096095__dropdownItemSubtitle","dropdownHeaderOne":"toolbar378096095__dropdownHeaderOne","dropdownHeaderTwo":"toolbar378096095__dropdownHeaderTwo","dropdownHeaderThree":"toolbar378096095__dropdownHeaderThree","dropdownHeaderFour":"toolbar378096095__dropdownHeaderFour","dropdownHeaderFive":"toolbar378096095__dropdownHeaderFive","dropdownHeaderSix":"toolbar378096095__dropdownHeaderSix","dropdownParagraphOne":"toolbar378096095__dropdownParagraphOne","dropdownNormalText":"toolbar378096095__dropdownNormalText","dropdownParagraphThree":"toolbar378096095__dropdownParagraphThree"};
+export var classes = {"root":"toolbar1240455115__root","item":"toolbar1240455115__item","separator":"toolbar1240455115__separator","clearFormatting":"toolbar1240455115__clearFormatting","fullScreen":"toolbar1240455115__fullScreen","dropdownItemContent":"toolbar1240455115__dropdownItemContent","dropdownItemTitle":"toolbar1240455115__dropdownItemTitle","dropdownItemSubtitle":"toolbar1240455115__dropdownItemSubtitle","dropdownHeaderOne":"toolbar1240455115__dropdownHeaderOne","dropdownHeaderTwo":"toolbar1240455115__dropdownHeaderTwo","dropdownHeaderThree":"toolbar1240455115__dropdownHeaderThree","dropdownHeaderFour":"toolbar1240455115__dropdownHeaderFour","dropdownHeaderFive":"toolbar1240455115__dropdownHeaderFive","dropdownHeaderSix":"toolbar1240455115__dropdownHeaderSix","dropdownParagraphOne":"toolbar1240455115__dropdownParagraphOne","dropdownNormalText":"toolbar1240455115__dropdownNormalText","dropdownParagraphThree":"toolbar1240455115__dropdownParagraphThree"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"wds-color-blue-400":"--wds-color-blue-400","wds-color-black-400":"--wds-color-black-400","wds-color-white":"--wds-color-white","wds-font-family-default":"--wds-font-family-default","wsr-font-family":"--wsr-font-family","wds-font-weight-medium":"--wds-font-weight-medium","wds-font-weight-bold":"--wds-font-weight-bold","wds-font-size-500":"--wds-font-size-500","wds-font-line-height-300":"--wds-font-line-height-300","wsr-color-B40":"--wsr-color-B40","wsr-color-D80":"--wsr-color-D80"}; 
+export var vars = {"wds-color-blue-400":"--wds-color-blue-400","wds-color-black-400":"--wds-color-black-400","wds-color-white":"--wds-color-white","wds-font-family-default":"--wds-font-family-default","wsr-font-family":"--wsr-font-family","wds-font-weight-medium":"--wds-font-weight-medium","wds-font-weight-bold":"--wds-font-weight-bold","wds-font-size-500":"--wds-font-size-500","wds-font-line-height-300":"--wds-font-line-height-300","wsr-color-B40":"--wsr-color-B40","wsr-color-D80":"--wsr-color-D80","wds-input-background-fill-default":"--wds-input-background-fill-default"}; 
 
 
 

package/src/components/text/text-view.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "textview3876692621";
+var _namespace_ = "textview3378251895";
 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":"textview3876692621__root","textView":"textview3876692621__textView"};
+export var classes = {"root":"textview3378251895__root","textView":"textview3378251895__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/url/form-url.tsx

@@ -5,7 +5,7 @@ import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useController } from '@wix/bex-core/form';
 
 import { BaseInputProps } from '../../types/base-input';
-import { isEmpty } from '../../validations/string';
+import { isEmpty, isLongerThan, isShorterThan } from '../../validations/string';
 import { compilePattern } from '../../validations/field-validation-settings';
 import { isValidUri } from '../../validations/url';
 import { FormUrlInput } from './form-url-input';
@@ -15,6 +15,9 @@ export interface FormUrlProps extends BaseInputProps<string> {}
 const _FormUrl = (props: FormUrlProps) => {
   const { field, dataHook, formControl, data } = props;
   const { translate: t } = useWixPatternsContainer();
+  const stringLengthRange = field.validation?.stringLengthRange;
+  const minLength = stringLengthRange?.minLength;
+  const maxLength = stringLengthRange?.maxLength;
   const patternRegex = React.useMemo(
     () => compilePattern(field.validation?.pattern),
     [field.validation?.pattern],
@@ -38,6 +41,18 @@ const _FormUrl = (props: FormUrlProps) => {
           return t('cairo.customFields.url-input.error');
         }
 
+        if (minLength && isShorterThan(value, minLength)) {
+          return t('cairo.fieldValidation.minCharacter', {
+            charMin: minLength,
+          });
+        }
+
+        if (maxLength && isLongerThan(value, maxLength)) {
+          return t('cairo.fieldValidation.maxCharacter', {
+            charMax: maxLength,
+          });
+        }
+
         if (patternRegex && !patternRegex.test(value)) {
           return t('cairo.fieldValidation.patternMismatch');
         }

package/src/components/video/form-video-field.tsx

@@ -20,6 +20,7 @@ import {
 } from '@wix/wix-ui-icons-common/lazy';
 import { useIsMobile } from '@wix/bex-core/react';
 
+import { Z_INDEX_MODAL_POPOVER } from '../common';
 import type { ControlledInputProps } from '../../types/controlled-input';
 import { useMergedRef, useTranslations, useWithCallback } from '../../hooks';
 import { MEDIA_HEIGHT, MEDIA_MAX_WIDTH } from '../../utils/media-constants';
@@ -143,6 +144,11 @@ export const FormVideoField: FC<FormVideoFieldProps> = ({
                   </IconButton>
                 </Tooltip>
                 <PopoverMenu
+                  // The default z-index loses to a modal overlay, hiding the
+                  // menu behind the field modal's form.
+                  appendTo="window"
+                  flip
+                  zIndex={Z_INDEX_MODAL_POPOVER}
                   triggerElement={({ toggle }) => (
                     <Tooltip
                       content={t('auto-patterns.fields.more_actions_tooltip')}

package/src/services/atlas/types.ts

@@ -1,4 +1,4 @@
-import { location } from '@wix/atlas';
+import type { autocomplete, location } from '@wix/atlas';
 
 /**
  * The @wix/atlas SDK types are auto-generated from public API schemas and are incomplete.
@@ -9,6 +9,11 @@ export interface AtlasAddress extends SdkAddress {
   formatted?: string;
 }
 
+export type AtlasPrediction = autocomplete.Prediction;
+
 export interface AtlasService {
   searchAddress: (query: string) => Promise<AtlasAddress[]>;
+  /** Supply both methods to show predictions and resolve the selected place. */
+  predictAddress?: (query: string) => Promise<AtlasPrediction[]>;
+  getAddress?: (searchId: string) => Promise<AtlasAddress | undefined>;
 }

package/src/services/atlas/wix-atlas-service.ts

@@ -1,6 +1,7 @@
-import { location } from '@wix/atlas';
+import { autocomplete, location, places } from '@wix/atlas';
+import type { WixPatternsContainer } from '@wix/bex-core';
 
-import type { AtlasService, AtlasAddress } from './types';
+import type { AtlasService, AtlasAddress, AtlasPrediction } from './types';
 import { isTruthy } from '../../utils';
 
 /**
@@ -8,9 +9,32 @@ import { isTruthy } from '../../utils';
  * Uses the public @wix/atlas SDK which handles authentication automatically
  */
 export class WixAtlasService implements AtlasService {
+  constructor(
+    private readonly errorHandler?: WixPatternsContainer['errorHandler'],
+  ) {}
+
+  async predictAddress(query: string): Promise<AtlasPrediction[]> {
+    const request = () => autocomplete.predict(query);
+    const response = await (this.errorHandler
+      ? this.errorHandler.withErrorHandler(request, {})
+      : request());
+    return response.predictions ?? [];
+  }
+
+  async getAddress(searchId: string): Promise<AtlasAddress | undefined> {
+    const request = () => places.getPlace(searchId);
+    const response = await (this.errorHandler
+      ? this.errorHandler.withErrorHandler(request, {})
+      : request());
+    return response.place?.address;
+  }
+
   async searchAddress(query: string): Promise<AtlasAddress[]> {
     try {
-      const response = await location.search({ query });
+      const request = () => location.search({ query });
+      const response = await (this.errorHandler
+        ? this.errorHandler.withErrorHandler(request, {})
+        : request());
 
       return (
         response.searchResults