@wix/patterns-fields 1.93.0 → 1.94.0

package/dist/esm/components/media-gallery/form-media-gallery-field.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "formmediagalleryfield2856102327";
+var _namespace_ = "formmediagalleryfield3998473428";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "formmediagalleryfield2856102327__root", "container": "formmediagalleryfield2856102327__container", "viewBox": "formmediagalleryfield2856102327__viewBox", "addItemWrapper": "formmediagalleryfield2856102327__addItemWrapper", "addItem": "formmediagalleryfield2856102327__addItem", "overlay": "formmediagalleryfield2856102327__overlay", "image": "formmediagalleryfield2856102327__image", "previewImage": "formmediagalleryfield2856102327__previewImage", "previewVideo": "formmediagalleryfield2856102327__previewVideo" };
+export var classes = { "root": "formmediagalleryfield3998473428__root", "container": "formmediagalleryfield3998473428__container", "viewBox": "formmediagalleryfield3998473428__viewBox", "addItemWrapper": "formmediagalleryfield3998473428__addItemWrapper", "addItem": "formmediagalleryfield3998473428__addItem", "overlay": "formmediagalleryfield3998473428__overlay", "image": "formmediagalleryfield3998473428__image", "previewImage": "formmediagalleryfield3998473428__previewImage", "previewVideo": "formmediagalleryfield3998473428__previewVideo" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-image/media-image.st.css.js

@@ -1,15 +1,15 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "mediaimage575688067";
+var _namespace_ = "mediaimage3148041009";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "mediaimage575688067__root" };
+export var classes = { "root": "mediaimage3148041009__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": "--mediaimage575688067-from", "to": "--mediaimage575688067-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": "--mediaimage3148041009-from", "to": "--mediaimage3148041009-to" };
 //# sourceMappingURL=media-image.st.css.js.map

package/dist/esm/components/media-image/media-image.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-image.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-image/media-image.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qBAAqB,CAAC;AACxC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2BAA2B,EAAC,CAAC;AAC1D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,eAAe,EAAC,iBAAiB,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,eAAe,EAAC,iBAAiB,EAAC,MAAM,EAAC,4BAA4B,EAAC,IAAI,EAAC,0BAA0B,EAAC,CAAC"}
+{"version":3,"file":"media-image.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-image/media-image.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,CAAC;AAC3D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,eAAe,EAAC,iBAAiB,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,eAAe,EAAC,iBAAiB,EAAC,MAAM,EAAC,6BAA6B,EAAC,IAAI,EAAC,2BAA2B,EAAC,CAAC"}

package/dist/esm/components/media-image/overlays/overlay.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "overlay3237573833";
+var _namespace_ = "overlay2129544777";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "overlay3237573833__root", "iconOverlay": "overlay3237573833__iconOverlay" };
+export var classes = { "root": "overlay2129544777__root", "iconOverlay": "overlay2129544777__iconOverlay" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-loader/media-loader.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "medialoader3150794118";
+var _namespace_ = "medialoader598775488";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "medialoader3150794118__root", "loader": "medialoader3150794118__loader" };
+export var classes = { "root": "medialoader598775488__root", "loader": "medialoader598775488__loader" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-loader/media-loader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-loader.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-loader/media-loader.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6BAA6B,EAAC,QAAQ,EAAC,+BAA+B,EAAC,CAAC;AACrG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAC,oBAAoB,EAAC,KAAK,EAAC,SAAS,EAAC,iDAAiD,EAAC,CAAC;AAC7G,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"media-loader.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-loader/media-loader.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,QAAQ,EAAC,8BAA8B,EAAC,CAAC;AACnG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAC,oBAAoB,EAAC,KAAK,EAAC,SAAS,EAAC,iDAAiD,EAAC,CAAC;AAC7G,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/media-tag/web-media-tag/media-tag.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "mediatag4017133899";
+var _namespace_ = "mediatag1682102498";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "mediatag4017133899__root" };
+export var classes = { "root": "mediatag1682102498__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/multi-document/cell-multi-document-edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "cellmultidocumentedit3280386035";
+var _namespace_ = "cellmultidocumentedit1914587532";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "cellmultidocumentedit3280386035__root", "chipTrigger": "cellmultidocumentedit3280386035__chipTrigger" };
+export var classes = { "root": "cellmultidocumentedit1914587532__root", "chipTrigger": "cellmultidocumentedit1914587532__chipTrigger" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "formmultidocument4041194483";
+var _namespace_ = "formmultidocument3094149956";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "formmultidocument4041194483__root", "viewRoot": "formmultidocument4041194483__viewRoot", "singleViewWrapper": "formmultidocument4041194483__singleViewWrapper", "addDocumentButton": "formmultidocument4041194483__addDocumentButton" };
+export var classes = { "root": "formmultidocument3094149956__root", "viewRoot": "formmultidocument3094149956__viewRoot", "singleViewWrapper": "formmultidocument3094149956__singleViewWrapper", "addDocumentButton": "formmultidocument3094149956__addDocumentButton" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/reference/cell-multi-reference-input.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "cellmultireferenceinput741540104";
+var _namespace_ = "cellmultireferenceinput3144614699";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "cellmultireferenceinput741540104__root" };
+export var classes = { "root": "cellmultireferenceinput3144614699__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/reference/cell-multi-reference-input.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"cell-multi-reference-input.st.css.js","sourceRoot":"","sources":["../../../../src/components/reference/cell-multi-reference-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kCAAkC,CAAC;AACrD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,wCAAwC,EAAC,CAAC;AACvE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,wBAAwB,EAAC,0BAA0B,EAAC,8BAA8B,EAAC,gCAAgC,EAAC,8BAA8B,EAAC,gCAAgC,EAAC,mCAAmC,EAAC,qCAAqC,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,CAAC"}
+{"version":3,"file":"cell-multi-reference-input.st.css.js","sourceRoot":"","sources":["../../../../src/components/reference/cell-multi-reference-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mCAAmC,CAAC;AACtD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yCAAyC,EAAC,CAAC;AACxE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,wBAAwB,EAAC,0BAA0B,EAAC,8BAA8B,EAAC,gCAAgC,EAAC,8BAA8B,EAAC,gCAAgC,EAAC,mCAAmC,EAAC,qCAAqC,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,CAAC"}

package/dist/esm/components/reference/cell-reference-input.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "cellreferenceinput1420854928";
+var _namespace_ = "cellreferenceinput3062114626";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "cellreferenceinput1420854928__root", "autocomplete": "cellreferenceinput1420854928__autocomplete" };
+export var classes = { "root": "cellreferenceinput3062114626__root", "autocomplete": "cellreferenceinput3062114626__autocomplete" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontentdefaultvalueinput619135962";
+var _namespace_ = "richcontentdefaultvalueinput2404149612";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "richcontentdefaultvalueinput619135962__root", "richContentEditorContainer": "richcontentdefaultvalueinput619135962__richContentEditorContainer", "editor": "richcontentdefaultvalueinput619135962__editor" };
+export var classes = { "root": "richcontentdefaultvalueinput2404149612__root", "richContentEditorContainer": "richcontentdefaultvalueinput2404149612__richContentEditorContainer", "editor": "richcontentdefaultvalueinput2404149612__editor" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-default-value-input.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,uCAAuC,CAAC;AAC1D,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6CAA6C,EAAC,4BAA4B,EAAC,mEAAmE,EAAC,QAAQ,EAAC,+CAA+C,EAAC,CAAC;AACtO,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,kBAAkB,EAAC,oBAAoB,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,CAAC"}
+{"version":3,"file":"rich-content-default-value-input.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,wCAAwC,CAAC;AAC3D,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8CAA8C,EAAC,4BAA4B,EAAC,oEAAoE,EAAC,QAAQ,EAAC,gDAAgD,EAAC,CAAC;AACzO,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,kBAAkB,EAAC,oBAAoB,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,CAAC"}

package/dist/esm/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontentforminput4180188257";
+var _namespace_ = "richcontentforminput1162537413";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "richcontentforminput4180188257__root", "editor": "richcontentforminput4180188257__editor" };
+export var classes = { "root": "richcontentforminput1162537413__root", "editor": "richcontentforminput1162537413__editor" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontentformreadonlyinput1140181712";
+var _namespace_ = "richcontentformreadonlyinput1239757923";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "richcontentformreadonlyinput1140181712__root" };
+export var classes = { "root": "richcontentformreadonlyinput1239757923__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
-var _namespace_ = "fullscreenmodal2151045318";
+var _namespace_ = "fullscreenmodal3071761638";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "fullscreenmodal2151045318__root", "modalContent": "fullscreenmodal2151045318__modalContent" };
+export var classes = { "root": "fullscreenmodal3071761638__root", "modalContent": "fullscreenmodal3071761638__modalContent" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
-var _namespace_ = "publishloader1390420435";
+var _namespace_ = "publishloader2836839240";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "publishloader1390420435__root", "publishLoader": "publishloader1390420435__publishLoader" };
+export var classes = { "root": "publishloader2836839240__root", "publishLoader": "publishloader2836839240__publishLoader" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
-var _namespace_ = "togglefullscreenbutton3027331515";
+var _namespace_ = "togglefullscreenbutton2223387734";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "togglefullscreenbutton3027331515__root" };
+export var classes = { "root": "togglefullscreenbutton2223387734__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontenteditor3930503777";
+var _namespace_ = "richcontenteditor2863737128";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "richcontenteditor3930503777__root", "toolbarContainer": "richcontenteditor3930503777__toolbarContainer", "footerToolbarContainer": "richcontenteditor3930503777__footerToolbarContainer", "toolbarAndFullScreenButtonWrapper": "richcontenteditor3930503777__toolbarAndFullScreenButtonWrapper", "editor": "richcontenteditor3930503777__editor", "modalEditor": "richcontenteditor3930503777__modalEditor" };
+export var classes = { "root": "richcontenteditor2863737128__root", "toolbarContainer": "richcontenteditor2863737128__toolbarContainer", "footerToolbarContainer": "richcontenteditor2863737128__footerToolbarContainer", "toolbarAndFullScreenButtonWrapper": "richcontenteditor2863737128__toolbarAndFullScreenButtonWrapper", "editor": "richcontenteditor2863737128__editor", "modalEditor": "richcontenteditor2863737128__modalEditor" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontenttoolbar2503951607";
+var _namespace_ = "richcontenttoolbar2262554924";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "richcontenttoolbar2503951607__root", "toolbar": "richcontenttoolbar2503951607__toolbar", "toolbarButton": "richcontenttoolbar2503951607__toolbarButton", "separator": "richcontenttoolbar2503951607__separator" };
+export var classes = { "root": "richcontenttoolbar2262554924__root", "toolbar": "richcontenttoolbar2262554924__toolbar", "toolbarButton": "richcontenttoolbar2262554924__toolbarButton", "separator": "richcontenttoolbar2262554924__separator" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontentviewer1643674328";
+var _namespace_ = "richcontentviewer3183431663";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "richcontentviewer1643674328__root", "viewer": "richcontentviewer1643674328__viewer", "modalViewer": "richcontentviewer1643674328__modalViewer" };
+export var classes = { "root": "richcontentviewer3183431663__root", "viewer": "richcontentviewer3183431663__viewer", "modalViewer": "richcontentviewer3183431663__modalViewer" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richeditor2184311873";
+var _namespace_ = "richeditor1940630501";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "richeditor2184311873__root", "editor": "richeditor2184311873__editor", "header-one": "richeditor2184311873__header-one", "header-two": "richeditor2184311873__header-two", "header-three": "richeditor2184311873__header-three", "header-four": "richeditor2184311873__header-four", "header-five": "richeditor2184311873__header-five", "header-six": "richeditor2184311873__header-six", "paragraph-one": "richeditor2184311873__paragraph-one", "unstyled": "richeditor2184311873__unstyled", "paragraph-three": "richeditor2184311873__paragraph-three", "align-left": "richeditor2184311873__align-left", "align-right": "richeditor2184311873__align-right", "align-center": "richeditor2184311873__align-center", "align-justify": "richeditor2184311873__align-justify", "withMargin": "richeditor2184311873__withMargin", "dir-rtl": "richeditor2184311873__dir-rtl" };
+export var classes = { "root": "richeditor1940630501__root", "editor": "richeditor1940630501__editor", "header-one": "richeditor1940630501__header-one", "header-two": "richeditor1940630501__header-two", "header-three": "richeditor1940630501__header-three", "header-four": "richeditor1940630501__header-four", "header-five": "richeditor1940630501__header-five", "header-six": "richeditor1940630501__header-six", "paragraph-one": "richeditor1940630501__paragraph-one", "unstyled": "richeditor1940630501__unstyled", "paragraph-three": "richeditor1940630501__paragraph-three", "align-left": "richeditor1940630501__align-left", "align-right": "richeditor1940630501__align-right", "align-center": "richeditor1940630501__align-center", "align-justify": "richeditor1940630501__align-justify", "withMargin": "richeditor1940630501__withMargin", "dir-rtl": "richeditor1940630501__dir-rtl" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richtexteditor3970979290";
+var _namespace_ = "richtexteditor667105446";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "richtexteditor3970979290__root", "nativeInput": "richtexteditor3970979290__nativeInput", "editor": "richtexteditor3970979290__editor" };
+export var classes = { "root": "richtexteditor667105446__root", "nativeInput": "richtexteditor667105446__nativeInput", "editor": "richtexteditor667105446__editor" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,gCAAgC,EAAC,aAAa,EAAC,uCAAuC,EAAC,QAAQ,EAAC,kCAAkC,EAAC,CAAC;AACjK,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,wBAAwB,EAAC,0BAA0B,EAAC,8BAA8B,EAAC,gCAAgC,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,gCAAgC,EAAC,kCAAkC,EAAC,wCAAwC,EAAC,0CAA0C,EAAC,+CAA+C,EAAC,iDAAiD,EAAC,2CAA2C,EAAC,6CAA6C,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,sBAAsB,EAAC,wBAAwB,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,CAAC"}
+{"version":3,"file":"rich-text-editor.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,aAAa,EAAC,sCAAsC,EAAC,QAAQ,EAAC,iCAAiC,EAAC,CAAC;AAC9J,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,wBAAwB,EAAC,0BAA0B,EAAC,8BAA8B,EAAC,gCAAgC,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,gCAAgC,EAAC,kCAAkC,EAAC,wCAAwC,EAAC,0CAA0C,EAAC,+CAA+C,EAAC,iDAAiD,EAAC,2CAA2C,EAAC,6CAA6C,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,sBAAsB,EAAC,wBAAwB,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,CAAC"}

package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
-var _namespace_ = "toolbar1380510888";
+var _namespace_ = "toolbar3247736524";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "toolbar1380510888__root", "item": "toolbar1380510888__item", "separator": "toolbar1380510888__separator", "clearFormatting": "toolbar1380510888__clearFormatting", "fullScreen": "toolbar1380510888__fullScreen", "dropdownItemContent": "toolbar1380510888__dropdownItemContent", "dropdownItemTitle": "toolbar1380510888__dropdownItemTitle", "dropdownItemSubtitle": "toolbar1380510888__dropdownItemSubtitle", "dropdownHeaderOne": "toolbar1380510888__dropdownHeaderOne", "dropdownHeaderTwo": "toolbar1380510888__dropdownHeaderTwo", "dropdownHeaderThree": "toolbar1380510888__dropdownHeaderThree", "dropdownHeaderFour": "toolbar1380510888__dropdownHeaderFour", "dropdownHeaderFive": "toolbar1380510888__dropdownHeaderFive", "dropdownHeaderSix": "toolbar1380510888__dropdownHeaderSix", "dropdownParagraphOne": "toolbar1380510888__dropdownParagraphOne", "dropdownNormalText": "toolbar1380510888__dropdownNormalText", "dropdownParagraphThree": "toolbar1380510888__dropdownParagraphThree" };
+export var classes = { "root": "toolbar3247736524__root", "item": "toolbar3247736524__item", "separator": "toolbar3247736524__separator", "clearFormatting": "toolbar3247736524__clearFormatting", "fullScreen": "toolbar3247736524__fullScreen", "dropdownItemContent": "toolbar3247736524__dropdownItemContent", "dropdownItemTitle": "toolbar3247736524__dropdownItemTitle", "dropdownItemSubtitle": "toolbar3247736524__dropdownItemSubtitle", "dropdownHeaderOne": "toolbar3247736524__dropdownHeaderOne", "dropdownHeaderTwo": "toolbar3247736524__dropdownHeaderTwo", "dropdownHeaderThree": "toolbar3247736524__dropdownHeaderThree", "dropdownHeaderFour": "toolbar3247736524__dropdownHeaderFour", "dropdownHeaderFive": "toolbar3247736524__dropdownHeaderFive", "dropdownHeaderSix": "toolbar3247736524__dropdownHeaderSix", "dropdownParagraphOne": "toolbar3247736524__dropdownParagraphOne", "dropdownNormalText": "toolbar3247736524__dropdownNormalText", "dropdownParagraphThree": "toolbar3247736524__dropdownParagraphThree" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/text/form-long-text.js

@@ -4,9 +4,11 @@ import { observer } from 'mobx-react-lite';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useController } from '@wix/bex-core/form';
 import { isEmpty } from '../../validations/string';
+import { compilePattern } from '../../validations/field-validation-settings';
 const _FormLongText = (props) => {
     const { field, dataHook, formControl, data } = props;
     const { translate: t } = useWixPatternsContainer();
+    const patternRegex = React.useMemo(() => compilePattern(field.validation?.pattern), [field.validation?.pattern]);
     const controller = useController({
         name: field.id,
         control: formControl,
@@ -16,6 +18,9 @@ const _FormLongText = (props) => {
                 if (field.validation?.required && isEmpty(value)) {
                     return t('cairo.fieldValidation.requiredField');
                 }
+                if (value && patternRegex && !patternRegex.test(value)) {
+                    return t('cairo.fieldValidation.patternMismatch');
+                }
                 return true;
             },
         },

package/dist/esm/components/text/form-long-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-long-text.js","sourceRoot":"","sources":["../../../../src/components/text/form-long-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAInD,MAAM,aAAa,GAAG,CAAC,KAAwB,EAAE,EAAE;IACjD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEnD,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,IAAI,EAAE,KAAK,CAAC,EAAE;QACd,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;QAC9B,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;oBACjD,OAAO,CAAC,CAAC,qCAAqC,CAAC,CAAC;gBAClD,CAAC;gBAED,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EACpC,MAAM,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACzD,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,EACnD,QAAQ,EAAE,QAAQ;QAElB,oBAAC,SAAS,IACR,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5D,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,MAAM,EAC/B,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,EACzB,QAAQ,EAAE,aAAa,KAAK,CAAC,EAAE,EAAE,GACjC,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC"}
+{"version":3,"file":"form-long-text.js","sourceRoot":"","sources":["../../../../src/components/text/form-long-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAI7E,MAAM,aAAa,GAAG,CAAC,KAAwB,EAAE,EAAE;IACjD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACnD,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAChC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,UAAU,EAAE,OAAO,CAAC,EAC/C,CAAC,KAAK,CAAC,UAAU,EAAE,OAAO,CAAC,CAC5B,CAAC;IAEF,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,IAAI,EAAE,KAAK,CAAC,EAAE;QACd,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;QAC9B,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;oBACjD,OAAO,CAAC,CAAC,qCAAqC,CAAC,CAAC;gBAClD,CAAC;gBAED,IAAI,KAAK,IAAI,YAAY,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;oBACvD,OAAO,CAAC,CAAC,uCAAuC,CAAC,CAAC;gBACpD,CAAC;gBAED,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EACpC,MAAM,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACzD,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,EACnD,QAAQ,EAAE,QAAQ;QAElB,oBAAC,SAAS,IACR,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5D,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,MAAM,EAC/B,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,EACzB,QAAQ,EAAE,aAAa,KAAK,CAAC,EAAE,EAAE,GACjC,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC"}

package/dist/esm/components/text/form-short-text.js

@@ -4,6 +4,7 @@ import { observer } from 'mobx-react-lite';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useController } from '@wix/bex-core/form';
 import { isEmpty, isLongerThan, isShorterThan } from '../../validations/string';
+import { compilePattern } from '../../validations/field-validation-settings';
 import { useTranslations } from '../../hooks/use-translations';
 import { FormShortTextInput } from './form-short-text-input';
 const specificValuesMessage = (displayName) => `${displayName} must be one of the allowed values`;
@@ -15,6 +16,7 @@ const _FormShortText = (props) => {
     const minLength = stringLengthRange?.minLength;
     const maxLength = stringLengthRange?.maxLength;
     const specificValues = field.validation?.specificValues;
+    const patternRegex = React.useMemo(() => compilePattern(field.validation?.pattern), [field.validation?.pattern]);
     const controller = useController({
         name: field.id,
         control: formControl,
@@ -39,6 +41,9 @@ const _FormShortText = (props) => {
                     !specificValues.some((option) => option.id === value)) {
                     return specificValuesMessage(field.displayName);
                 }
+                if (value && patternRegex && !patternRegex.test(value)) {
+                    return t('cairo.fieldValidation.patternMismatch');
+                }
                 return true;
             },
         },

package/dist/esm/components/text/form-short-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-short-text.js","sourceRoot":"","sources":["../../../../src/components/text/form-short-text.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"form-short-text.js","sourceRoot":"","sources":["../../../../src/components/text/form-short-text.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/text/text-view.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "textview397419245";
+var _namespace_ = "textview3095721063";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "textview397419245__root", "textView": "textview397419245__textView" };
+export var classes = { "root": "textview3095721063__root", "textView": "textview3095721063__textView" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/text/text-view.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-view.st.css.js","sourceRoot":"","sources":["../../../../src/components/text/text-view.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yBAAyB,EAAC,UAAU,EAAC,6BAA6B,EAAC,CAAC;AACjG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"text-view.st.css.js","sourceRoot":"","sources":["../../../../src/components/text/text-view.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oBAAoB,CAAC;AACvC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0BAA0B,EAAC,UAAU,EAAC,8BAA8B,EAAC,CAAC;AACnG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/url/form-url.js

@@ -4,11 +4,13 @@ import { observer } from 'mobx-react-lite';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useController } from '@wix/bex-core/form';
 import { isEmpty } from '../../validations/string';
+import { compilePattern } from '../../validations/field-validation-settings';
 import { isValidUri } from '../../validations/url';
 import { FormUrlInput } from './form-url-input';
 const _FormUrl = (props) => {
     const { field, dataHook, formControl, data } = props;
     const { translate: t } = useWixPatternsContainer();
+    const patternRegex = React.useMemo(() => compilePattern(field.validation?.pattern), [field.validation?.pattern]);
     const controller = useController({
         name: field.id,
         control: formControl,
@@ -18,8 +20,14 @@ const _FormUrl = (props) => {
                 if (field.validation?.required && isEmpty(value)) {
                     return t('cairo.fieldValidation.requiredField');
                 }
-                else if (value) {
-                    return isValidUri(value) || t('cairo.customFields.url-input.error');
+                if (!value) {
+                    return true;
+                }
+                if (!isValidUri(value)) {
+                    return t('cairo.customFields.url-input.error');
+                }
+                if (patternRegex && !patternRegex.test(value)) {
+                    return t('cairo.fieldValidation.patternMismatch');
                 }
                 return true;
             },

package/dist/esm/components/url/form-url.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-url.js","sourceRoot":"","sources":["../../../../src/components/url/form-url.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIhD,MAAM,QAAQ,GAAG,CAAC,KAAmB,EAAE,EAAE;IACvC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEnD,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,IAAI,EAAE,KAAK,CAAC,EAAE;QACd,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;QAC9B,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAgC,EAAE,EAAE;gBAC7C,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;oBACjD,OAAO,CAAC,CAAC,qCAAqC,CAAC,CAAC;gBAClD,CAAC;qBAAM,IAAI,KAAK,EAAE,CAAC;oBACjB,OAAO,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,oCAAoC,CAAC,CAAC;gBACtE,CAAC;gBACD,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EACpC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACzD,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO;QAEnD,oBAAC,YAAY,IACX,WAAW,EAAE,CAAC,CAAC,0CAA0C,CAAC,EAC1D,QAAQ,EAAE,OAAO,KAAK,CAAC,EAAE,EAAE,EAC3B,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,EAClC,QAAQ,EAAE,UAAU,CAAC,KAAK,CAAC,QAAQ,EACnC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,MAAM,EAC/B,QAAQ,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,EAC9B,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,GAC7C,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"form-url.js","sourceRoot":"","sources":["../../../../src/components/url/form-url.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIhD,MAAM,QAAQ,GAAG,CAAC,KAAmB,EAAE,EAAE;IACvC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACnD,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAChC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,UAAU,EAAE,OAAO,CAAC,EAC/C,CAAC,KAAK,CAAC,UAAU,EAAE,OAAO,CAAC,CAC5B,CAAC;IAEF,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,IAAI,EAAE,KAAK,CAAC,EAAE;QACd,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;QAC9B,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAgC,EAAE,EAAE;gBAC7C,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;oBACjD,OAAO,CAAC,CAAC,qCAAqC,CAAC,CAAC;gBAClD,CAAC;gBAED,IAAI,CAAC,KAAK,EAAE,CAAC;oBACX,OAAO,IAAI,CAAC;gBACd,CAAC;gBAED,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;oBACvB,OAAO,CAAC,CAAC,oCAAoC,CAAC,CAAC;gBACjD,CAAC;gBAED,IAAI,YAAY,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;oBAC9C,OAAO,CAAC,CAAC,uCAAuC,CAAC,CAAC;gBACpD,CAAC;gBAED,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EACpC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACzD,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO;QAEnD,oBAAC,YAAY,IACX,WAAW,EAAE,CAAC,CAAC,0CAA0C,CAAC,EAC1D,QAAQ,EAAE,OAAO,KAAK,CAAC,EAAE,EAAE,EAC3B,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,EAClC,QAAQ,EAAE,UAAU,CAAC,KAAK,CAAC,QAAQ,EACnC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,MAAM,EAC/B,QAAQ,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,EAC9B,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,GAC7C,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC"}