@wix/patterns-fields 1.120.0 → 1.122.0

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_ = "mediaimage2118127339";
+var _namespace_ = "mediaimage2270080892";
 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": "mediaimage2118127339__root" };
+export var classes = { "root": "mediaimage2270080892__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": "--mediaimage2118127339-from", "to": "--mediaimage2118127339-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": "--mediaimage2270080892-from", "to": "--mediaimage2270080892-to" };
 //# sourceMappingURL=media-image.st.css.js.map

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_ = "overlay2146945399";
+var _namespace_ = "overlay866889659";
 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": "overlay2146945399__root", "iconOverlay": "overlay2146945399__iconOverlay" };
+export var classes = { "root": "overlay866889659__root", "iconOverlay": "overlay866889659__iconOverlay" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"overlay.st.css.js","sourceRoot":"","sources":["../../../../../src/components/media-image/overlays/overlay.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,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,aAAa,EAAC,gCAAgC,EAAC,CAAC;AACvG,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,YAAY,EAAC,8CAA8C,EAAC,CAAC;AAClF,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"overlay.st.css.js","sourceRoot":"","sources":["../../../../../src/components/media-image/overlays/overlay.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,kBAAkB,CAAC;AACrC,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,wBAAwB,EAAC,aAAa,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,YAAY,EAAC,8CAA8C,EAAC,CAAC;AAClF,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "cellmediaimageedit1688844937";
+var _namespace_ = "cellmediaimageedit791185868";
 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": "cellmediaimageedit1688844937__root", "view": "cellmediaimageedit1688844937__view", "anchor": "cellmediaimageedit1688844937__anchor", "anchorBox": "cellmediaimageedit1688844937__anchorBox", "popoverContent": "cellmediaimageedit1688844937__popoverContent", "image": "cellmediaimageedit1688844937__image", "imageActions": "cellmediaimageedit1688844937__imageActions" };
+export var classes = { "root": "cellmediaimageedit791185868__root", "view": "cellmediaimageedit791185868__view", "anchor": "cellmediaimageedit791185868__anchor", "anchorBox": "cellmediaimageedit791185868__anchorBox", "popoverContent": "cellmediaimageedit791185868__popoverContent", "image": "cellmediaimageedit791185868__image", "imageActions": "cellmediaimageedit791185868__imageActions" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"cell-media-image-edit.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-image-field/cell-media-image-edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,8BAA8B,CAAC;AACjD,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,oCAAoC,EAAC,MAAM,EAAC,oCAAoC,EAAC,QAAQ,EAAC,sCAAsC,EAAC,WAAW,EAAC,yCAAyC,EAAC,gBAAgB,EAAC,8CAA8C,EAAC,OAAO,EAAC,qCAAqC,EAAC,cAAc,EAAC,4CAA4C,EAAC,CAAC;AAC/X,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,oCAAoC,EAAC,sCAAsC,EAAC,eAAe,EAAC,iBAAiB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"cell-media-image-edit.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-image-field/cell-media-image-edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,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,mCAAmC,EAAC,MAAM,EAAC,mCAAmC,EAAC,QAAQ,EAAC,qCAAqC,EAAC,WAAW,EAAC,wCAAwC,EAAC,gBAAgB,EAAC,6CAA6C,EAAC,OAAO,EAAC,oCAAoC,EAAC,cAAc,EAAC,2CAA2C,EAAC,CAAC;AACxX,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,oCAAoC,EAAC,sCAAsC,EAAC,eAAe,EAAC,iBAAiB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "mediaimageview1860419073";
+var _namespace_ = "mediaimageview2046673734";
 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": "mediaimageview1860419073__root", "altTextPlaceholder": "mediaimageview1860419073__altTextPlaceholder" };
+export var classes = { "root": "mediaimageview2046673734__root", "altTextPlaceholder": "mediaimageview2046673734__altTextPlaceholder" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "mediatag3673549508";
+var _namespace_ = "mediatag3898384478";
 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": "mediatag3673549508__root" };
+export var classes = { "root": "mediatag3898384478__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_ = "cellmultidocumentedit1098704626";
+var _namespace_ = "cellmultidocumentedit1584152841";
 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": "cellmultidocumentedit1098704626__root", "chipTrigger": "cellmultidocumentedit1098704626__chipTrigger" };
+export var classes = { "root": "cellmultidocumentedit1584152841__root", "chipTrigger": "cellmultidocumentedit1584152841__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_ = "formmultidocument52310980";
+var _namespace_ = "formmultidocument3781924209";
 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": "formmultidocument52310980__root", "viewRoot": "formmultidocument52310980__viewRoot", "singleViewWrapper": "formmultidocument52310980__singleViewWrapper", "addDocumentButton": "formmultidocument52310980__addDocumentButton" };
+export var classes = { "root": "formmultidocument3781924209__root", "viewRoot": "formmultidocument3781924209__viewRoot", "singleViewWrapper": "formmultidocument3781924209__singleViewWrapper", "addDocumentButton": "formmultidocument3781924209__addDocumentButton" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"form-multi-document.st.css.js","sourceRoot":"","sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,2BAA2B,CAAC;AAC9C,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,iCAAiC,EAAC,UAAU,EAAC,qCAAqC,EAAC,mBAAmB,EAAC,8CAA8C,EAAC,mBAAmB,EAAC,8CAA8C,EAAC,CAAC;AACvP,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,cAAc,EAAC,KAAK,EAAC,0BAA0B,EAAC,6CAA6C,EAAC,CAAC;AACpH,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"form-multi-document.st.css.js","sourceRoot":"","sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,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,mCAAmC,EAAC,UAAU,EAAC,uCAAuC,EAAC,mBAAmB,EAAC,gDAAgD,EAAC,mBAAmB,EAAC,gDAAgD,EAAC,CAAC;AAC/P,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,cAAc,EAAC,KAAK,EAAC,0BAA0B,EAAC,6CAA6C,EAAC,CAAC;AACpH,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

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

@@ -6,7 +6,7 @@ import { useReferenceDropdownFooter } from './reference-dropdown-footer';
 import { st, classes } from './cell-multi-reference-input.st.css.js';
 const ROW_HEIGHT = 30;
 const MAX_NUM_ROWS = 7;
-export const CellMultiReferenceInput = React.forwardRef(({ items, selectedItems, value, onChange, onSelect, onRemoveTag, onBlur, onKeyDown, infiniteScroll, hasMore, loadMore, fixedFooter, onOpenCollection, autoOpen, inputRef, dataHook, }, ref) => {
+export const CellMultiReferenceInput = React.forwardRef(({ items, loading, selectedItems, value, onChange, onSelect, onRemoveTag, onBlur, onKeyDown, infiniteScroll, hasMore, loadMore, fixedFooter, onOpenCollection, autoOpen, inputRef, dataHook, }, ref) => {
     const { t } = useTranslations();
     const msRef = useRef(null);
     const wrapperRef = useRef(null);
@@ -73,7 +73,7 @@ export const CellMultiReferenceInput = React.forwardRef(({ items, selectedItems,
                 msRef.current = instance;
             }, dataHook: "multi-reference-input-multiselect", size: "small", border: "none", tags: tags, options: options, predicate: () => true, value: value, onChange: handleChange, onSelect: handleSelect, onRemoveTag: handleRemoveTag, onBlur: onBlur, placeholder: selectedItems.length === 0
                 ? t('auto-patterns.fields.select_placeholder')
-                : '', emptyStateMessage: t('auto-patterns.fields.no_results_found'), maxHeightPixels: ROW_HEIGHT * MAX_NUM_ROWS, infiniteScroll: infiniteScroll, hasMore: hasMore, loadMore: loadMore, fixedFooter: combinedFooter, popoverProps: {
+                : '', emptyStateMessage: loading ? undefined : t('auto-patterns.fields.no_results_found'), maxHeightPixels: ROW_HEIGHT * MAX_NUM_ROWS, infiniteScroll: infiniteScroll, hasMore: hasMore, loadMore: loadMore, fixedFooter: combinedFooter, popoverProps: {
                 appendTo: 'window',
                 flip: true,
                 fixed: false,

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

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

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_ = "cellmultireferenceinput844209663";
+var _namespace_ = "cellmultireferenceinput1531534607";
 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": "cellmultireferenceinput844209663__root" };
+export var classes = { "root": "cellmultireferenceinput1531534607__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.js

@@ -15,6 +15,7 @@ export const CellReferenceInput = React.forwardRef(({ items, value, selectedItem
         selected: item.id === selectedItem?.id,
         prefix: React.createElement(ReferenceAvatar, { name: item.name, image: item.image }),
     })), [items, selectedItem?.id, t]);
+    const rootRef = useRef(null);
     const acRef = useRef(null);
     React.useImperativeHandle(ref, () => ({
         focus: () => acRef.current?.focus?.(),
@@ -34,13 +35,20 @@ export const CellReferenceInput = React.forwardRef(({ items, value, selectedItem
         onOpenCollection,
         hideOptions,
     });
+    const handleBlur = (event) => {
+        if (event.relatedTarget instanceof Node &&
+            rootRef.current?.contains(event.relatedTarget)) {
+            return;
+        }
+        onBlur?.();
+    };
     const prefix = selectedItem && !value ? (React.createElement(Input.Affix, { "data-hook": "reference-input-avatar-prefix" },
         React.createElement(ReferenceAvatar, { name: selectedItem.name, image: selectedItem.image }))) : undefined;
     return (
     // Prevent EditableCell's row click/dblclick handlers from firing when
     // the user interacts with the input or dropdown.
-    React.createElement("div", { className: st(classes.root), onClick: (e) => e.stopPropagation(), onMouseDown: (e) => e.stopPropagation() },
-        React.createElement(AutoComplete, { ref: acRef, dataHook: "reference-input-autocomplete", className: st(classes.autocomplete), size: "small", border: "none", options: options, value: value, prefix: prefix, onChange: onChange, onBlur: onBlur, onSelect: (wdsOption) => {
+    React.createElement("div", { ref: rootRef, className: st(classes.root), onClick: (e) => e.stopPropagation(), onMouseDown: (e) => e.stopPropagation() },
+        React.createElement(AutoComplete, { ref: acRef, dataHook: "reference-input-autocomplete", className: st(classes.autocomplete), size: "small", border: "none", options: options, value: value, prefix: prefix, onChange: onChange, onBlur: handleBlur, onSelect: (wdsOption) => {
                 const item = items.find((i) => i.id === String(wdsOption.id));
                 if (item) {
                     onSelect(item);

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

@@ -1 +1 @@
-{"version":3,"file":"cell-reference-input.js","sourceRoot":"","sources":["../../../../src/components/reference/cell-reference-input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"cell-reference-input.js","sourceRoot":"","sources":["../../../../src/components/reference/cell-reference-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAqC/D,MAAM,UAAU,GAAG,EAAE,CAAC;AACtB,MAAM,YAAY,GAAG,CAAC,CAAC;AAEvB,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAIhD,CACE,EACE,KAAK,EACL,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,SAAS,EACT,WAAW,EACX,cAAc,EACd,OAAO,EACP,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,QAAQ,GACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAE,CAAC,EAAE,GAAG,eAAe,EAAE,CAAC;IAEhC,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CACH,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACjB,qBAAqB,CAAC;QACpB,EAAE,EAAE,IAAI,CAAC,EAAE;QACX,KAAK,EAAE,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,oCAAoC,CAAC;QAC3D,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,IAAI,CAAC,EAAE,KAAK,YAAY,EAAE,EAAE;QACtC,MAAM,EAAE,oBAAC,eAAe,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI;KAChE,CAAC,CACH,EACH,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC,CAC7B,CAAC;IACF,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,KAAK,GAAG,MAAM,CAA0C,IAAI,CAAC,CAAC;IAEpE,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QACpC,KAAK,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;QACrC,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE;KAClD,CAAC,CAAC,CAAC;IAEJ,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,EAAE,CAAC;YACb,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC;YACzB,qBAAqB,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC;QAC9D,CAAC;QACD,kCAAkC;QAClC,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1E,MAAM,cAAc,GAAG,0BAA0B,CAAC;QAChD,WAAW;QACX,gBAAgB;QAChB,WAAW;KACZ,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,CAAC,KAAyC,EAAE,EAAE;QAC/D,IACE,KAAK,CAAC,aAAa,YAAY,IAAI;YACnC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,EAC9C,CAAC;YACD,OAAO;QACT,CAAC;QACD,MAAM,EAAE,EAAE,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,MAAM,GACV,YAAY,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACvB,oBAAC,KAAK,CAAC,KAAK,iBAAW,+BAA+B;QACpD,oBAAC,eAAe,IACd,IAAI,EAAE,YAAY,CAAC,IAAI,EACvB,KAAK,EAAE,YAAY,CAAC,KAAK,GACzB,CACU,CACf,CAAC,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO;IACL,sEAAsE;IACtE,iDAAiD;IACjD,6BACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC3B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE;QAEvC,oBAAC,YAAY,IACX,GAAG,EAAE,KAAK,EACV,QAAQ,EAAC,8BAA8B,EACvC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,EACnC,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,CAAC,SAAkC,EAAE,EAAE;gBAC/C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC;gBAC9D,IAAI,IAAI,EAAE,CAAC;oBACT,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACjB,CAAC;YACH,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,cAAc,EAC3B,WAAW,EAAE,CAAC,CAAC,yCAAyC,CAAC,EACzD,uBAAuB,QACvB,UAAU,EAAE,KAAK,EACjB,eAAe,EAAE,UAAU,GAAG,YAAY,EAC1C,YAAY,EAAE;gBACZ,QAAQ,EAAE,QAAQ;gBAClB,IAAI,EAAE,IAAI;gBACV,KAAK,EAAE,KAAK;gBACZ,SAAS,EAAE,cAAc;aAC1B,EACD,QAAQ,EAAE,CAAC,EAAoB,EAAE,EAAE;gBACjC,IAAI,QAAQ,EAAE,CAAC;oBACb,QAAQ,CAAC,OAAO,GAAG,EAAE,CAAC;gBACxB,CAAC;YACH,CAAC,GACD,CACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,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_ = "cellreferenceinput1854264550";
+var _namespace_ = "cellreferenceinput1272561628";
 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": "cellreferenceinput1854264550__root", "autocomplete": "cellreferenceinput1854264550__autocomplete" };
+export var classes = { "root": "cellreferenceinput1272561628__root", "autocomplete": "cellreferenceinput1272561628__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_ = "richcontentdefaultvalueinput4235613372";
+var _namespace_ = "richcontentdefaultvalueinput4183316190";
 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": "richcontentdefaultvalueinput4235613372__root", "richContentEditorContainer": "richcontentdefaultvalueinput4235613372__richContentEditorContainer", "editor": "richcontentdefaultvalueinput4235613372__editor" };
+export var classes = { "root": "richcontentdefaultvalueinput4183316190__root", "richContentEditorContainer": "richcontentdefaultvalueinput4183316190__richContentEditorContainer", "editor": "richcontentdefaultvalueinput4183316190__editor" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "richcontentforminput3447936607";
+var _namespace_ = "richcontentforminput1125731069";
 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": "richcontentforminput3447936607__root", "editor": "richcontentforminput3447936607__editor" };
+export var classes = { "root": "richcontentforminput1125731069__root", "editor": "richcontentforminput1125731069__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_ = "richcontentformreadonlyinput2937388056";
+var _namespace_ = "richcontentformreadonlyinput2383159312";
 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": "richcontentformreadonlyinput2937388056__root" };
+export var classes = { "root": "richcontentformreadonlyinput2383159312__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_ = "fullscreenmodal3596198256";
+var _namespace_ = "fullscreenmodal1461732388";
 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": "fullscreenmodal3596198256__root", "modalContent": "fullscreenmodal3596198256__modalContent" };
+export var classes = { "root": "fullscreenmodal1461732388__root", "modalContent": "fullscreenmodal1461732388__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_ = "publishloader2370721853";
+var _namespace_ = "publishloader3487368423";
 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": "publishloader2370721853__root", "publishLoader": "publishloader2370721853__publishLoader" };
+export var classes = { "root": "publishloader3487368423__root", "publishLoader": "publishloader3487368423__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_ = "togglefullscreenbutton2230225002";
+var _namespace_ = "togglefullscreenbutton2861801012";
 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": "togglefullscreenbutton2230225002__root" };
+export var classes = { "root": "togglefullscreenbutton2861801012__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_ = "richcontenteditor2396626637";
+var _namespace_ = "richcontenteditor2909268378";
 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": "richcontenteditor2396626637__root", "toolbarContainer": "richcontenteditor2396626637__toolbarContainer", "footerToolbarContainer": "richcontenteditor2396626637__footerToolbarContainer", "toolbarAndFullScreenButtonWrapper": "richcontenteditor2396626637__toolbarAndFullScreenButtonWrapper", "editor": "richcontenteditor2396626637__editor", "modalEditor": "richcontenteditor2396626637__modalEditor" };
+export var classes = { "root": "richcontenteditor2909268378__root", "toolbarContainer": "richcontenteditor2909268378__toolbarContainer", "footerToolbarContainer": "richcontenteditor2909268378__footerToolbarContainer", "toolbarAndFullScreenButtonWrapper": "richcontenteditor2909268378__toolbarAndFullScreenButtonWrapper", "editor": "richcontenteditor2909268378__editor", "modalEditor": "richcontenteditor2909268378__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_ = "richcontenttoolbar3394518807";
+var _namespace_ = "richcontenttoolbar4148804014";
 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": "richcontenttoolbar3394518807__root", "toolbar": "richcontenttoolbar3394518807__toolbar", "toolbarButton": "richcontenttoolbar3394518807__toolbarButton", "separator": "richcontenttoolbar3394518807__separator" };
+export var classes = { "root": "richcontenttoolbar4148804014__root", "toolbar": "richcontenttoolbar4148804014__toolbar", "toolbarButton": "richcontenttoolbar4148804014__toolbarButton", "separator": "richcontenttoolbar4148804014__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_ = "richcontentviewer1218812998";
+var _namespace_ = "richcontentviewer623354021";
 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": "richcontentviewer1218812998__root", "viewer": "richcontentviewer1218812998__viewer", "modalViewer": "richcontentviewer1218812998__modalViewer" };
+export var classes = { "root": "richcontentviewer623354021__root", "viewer": "richcontentviewer623354021__viewer", "modalViewer": "richcontentviewer623354021__modalViewer" };
 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.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-viewer.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,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,mCAAmC,EAAC,QAAQ,EAAC,qCAAqC,EAAC,aAAa,EAAC,0CAA0C,EAAC,CAAC;AAC1K,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":"rich-content-viewer.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,4BAA4B,CAAC;AAC/C,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,kCAAkC,EAAC,QAAQ,EAAC,oCAAoC,EAAC,aAAa,EAAC,yCAAyC,EAAC,CAAC;AACvK,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/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_ = "richeditor1485371799";
+var _namespace_ = "richeditor3683355568";
 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": "richeditor1485371799__root", "editor": "richeditor1485371799__editor", "header-one": "richeditor1485371799__header-one", "header-two": "richeditor1485371799__header-two", "header-three": "richeditor1485371799__header-three", "header-four": "richeditor1485371799__header-four", "header-five": "richeditor1485371799__header-five", "header-six": "richeditor1485371799__header-six", "paragraph-one": "richeditor1485371799__paragraph-one", "unstyled": "richeditor1485371799__unstyled", "paragraph-three": "richeditor1485371799__paragraph-three", "align-left": "richeditor1485371799__align-left", "align-right": "richeditor1485371799__align-right", "align-center": "richeditor1485371799__align-center", "align-justify": "richeditor1485371799__align-justify", "withMargin": "richeditor1485371799__withMargin", "dir-rtl": "richeditor1485371799__dir-rtl" };
+export var classes = { "root": "richeditor3683355568__root", "editor": "richeditor3683355568__editor", "header-one": "richeditor3683355568__header-one", "header-two": "richeditor3683355568__header-two", "header-three": "richeditor3683355568__header-three", "header-four": "richeditor3683355568__header-four", "header-five": "richeditor3683355568__header-five", "header-six": "richeditor3683355568__header-six", "paragraph-one": "richeditor3683355568__paragraph-one", "unstyled": "richeditor3683355568__unstyled", "paragraph-three": "richeditor3683355568__paragraph-three", "align-left": "richeditor3683355568__align-left", "align-right": "richeditor3683355568__align-right", "align-center": "richeditor3683355568__align-center", "align-justify": "richeditor3683355568__align-justify", "withMargin": "richeditor3683355568__withMargin", "dir-rtl": "richeditor3683355568__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_ = "richtexteditor471815514";
+var _namespace_ = "richtexteditor3472732112";
 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": "richtexteditor471815514__root", "nativeInput": "richtexteditor471815514__nativeInput", "editor": "richtexteditor471815514__editor" };
+export var classes = { "root": "richtexteditor3472732112__root", "nativeInput": "richtexteditor3472732112__nativeInput", "editor": "richtexteditor3472732112__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,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,eAAe,EAAC,iBAAiB,EAAC,sBAAsB,EAAC,wBAAwB,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,mCAAmC,EAAC,qCAAqC,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,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,eAAe,EAAC,iBAAiB,EAAC,sBAAsB,EAAC,wBAAwB,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,mCAAmC,EAAC,qCAAqC,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_ = "toolbar3107158851";
+var _namespace_ = "toolbar3784695015";
 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": "toolbar3107158851__root", "item": "toolbar3107158851__item", "separator": "toolbar3107158851__separator", "clearFormatting": "toolbar3107158851__clearFormatting", "fullScreen": "toolbar3107158851__fullScreen", "dropdownItemContent": "toolbar3107158851__dropdownItemContent", "dropdownItemTitle": "toolbar3107158851__dropdownItemTitle", "dropdownItemSubtitle": "toolbar3107158851__dropdownItemSubtitle", "dropdownHeaderOne": "toolbar3107158851__dropdownHeaderOne", "dropdownHeaderTwo": "toolbar3107158851__dropdownHeaderTwo", "dropdownHeaderThree": "toolbar3107158851__dropdownHeaderThree", "dropdownHeaderFour": "toolbar3107158851__dropdownHeaderFour", "dropdownHeaderFive": "toolbar3107158851__dropdownHeaderFive", "dropdownHeaderSix": "toolbar3107158851__dropdownHeaderSix", "dropdownParagraphOne": "toolbar3107158851__dropdownParagraphOne", "dropdownNormalText": "toolbar3107158851__dropdownNormalText", "dropdownParagraphThree": "toolbar3107158851__dropdownParagraphThree" };
+export var classes = { "root": "toolbar3784695015__root", "item": "toolbar3784695015__item", "separator": "toolbar3784695015__separator", "clearFormatting": "toolbar3784695015__clearFormatting", "fullScreen": "toolbar3784695015__fullScreen", "dropdownItemContent": "toolbar3784695015__dropdownItemContent", "dropdownItemTitle": "toolbar3784695015__dropdownItemTitle", "dropdownItemSubtitle": "toolbar3784695015__dropdownItemSubtitle", "dropdownHeaderOne": "toolbar3784695015__dropdownHeaderOne", "dropdownHeaderTwo": "toolbar3784695015__dropdownHeaderTwo", "dropdownHeaderThree": "toolbar3784695015__dropdownHeaderThree", "dropdownHeaderFour": "toolbar3784695015__dropdownHeaderFour", "dropdownHeaderFive": "toolbar3784695015__dropdownHeaderFive", "dropdownHeaderSix": "toolbar3784695015__dropdownHeaderSix", "dropdownParagraphOne": "toolbar3784695015__dropdownParagraphOne", "dropdownNormalText": "toolbar3784695015__dropdownNormalText", "dropdownParagraphThree": "toolbar3784695015__dropdownParagraphThree" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/text/cell-text-input.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { Box, InputArea, Popover, Text } from '@wix/design-system';
 import { useTranslations } from '../../hooks/use-translations';
-const toSingleLine = (value) => (value ? value.replace(/\n+/g, ' ') : '');
+const toSingleLine = (value) => value ? value.replace(/\n+/g, ' ') : '';
 /**
  * Shows a hint when the character limit is reached, in a light bubble with
  * error text so it matches the cell's validation message.
@@ -40,7 +40,7 @@ export const CellTextInput = ({ value, onChange, onFocus, onBlur, maxLength, inp
     const handleChange = useCallback((e) => {
         onChange?.(e.target.value);
     }, [onChange]);
-    const displayValue = isFocused ? (value ?? '') : toSingleLine(value);
+    const displayValue = isFocused ? value ?? '' : toSingleLine(value);
     const atLimit = maxLength !== undefined && (value ?? '').length >= maxLength;
     const inputArea = (React.createElement(InputArea, { ref: (instance) => {
             inputAreaRef.current = instance;

package/dist/esm/components/text/cell-text-input.js.map

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

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

@@ -1,4 +1,4 @@
-import { AutoCompleteUniDriver, FormFieldUniDriver, InputUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { AutoCompleteUniDriver, FormFieldUniDriver, InputUniDriver, StatusIndicatorUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
 import { baseUniDriverFactory } from '../../testkit/base-driver';
 export function FormShortTextDriver(base, body, field) {
     const formField = FormFieldUniDriver(base, body);
@@ -29,6 +29,8 @@ export function FormShortTextDriver(base, body, field) {
         },
         blur: async () => hasSpecificValues ? autocomplete.inputDriver.blur() : input.blur(),
         hasError: () => formField.hasStatus('error'),
+        hasInputError: () => (hasSpecificValues ? autocomplete.inputDriver : input).hasStatus('error'),
+        hasInputStatusIcon: () => StatusIndicatorUniDriver(inputBase.$('[data-hook="input-status"]'), body).exists(),
         getErrorMessage: () => formField.getStatusMessage(),
         getCharCountLeft: () => formField.getLengthLeft(),
         isRequired: () => formField.isRequired(),

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

@@ -1 +1 @@
-{"version":3,"file":"form-short-text.driver.js","sourceRoot":"","sources":["../../../../src/components/text/form-short-text.driver.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,GACf,MAAM,2CAA2C,CAAC;AAEnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,UAAU,mBAAmB,CACjC,IAAe,EACf,IAAe,EACf,KAAY;IAEZ,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,0BAA0B,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IACjE,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAC9C,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,UAAU,EAAE,cAAc,EAAE,MAAM,CAAC;IACrE,MAAM,YAAY,GAAG,qBAAqB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAE5D,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,KAAK,IAAI,EAAE;YACnB,MAAM,OAAO,GAAG,MAAM,SAAS,CAAC,QAAQ,EAAE,CAAC;YAC3C,OAAO,OAAO,EAAE,WAAW,IAAI,EAAE,CAAC;QACpC,CAAC;QACD,QAAQ,EAAE,KAAK,IAAI,EAAE,CACnB,iBAAiB;YACf,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,QAAQ,EAAE;YACrC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE;QACtB,cAAc,EAAE,KAAK,IAAI,EAAE,CACzB,iBAAiB;YACf,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,cAAc,EAAE;YAC3C,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE;QAC5B,SAAS,EAAE,KAAK,EAAE,KAAa,EAAE,EAAE,CACjC,iBAAiB;YACf,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,SAAS,CAAC,KAAK,CAAC;YAC3C,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;QAC5B,YAAY,EAAE,CAAC,EAAU,EAAE,EAAE;YAC3B,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBACvB,MAAM,IAAI,KAAK,CACb,gEAAgE,CACjE,CAAC;YACJ,CAAC;YAED,OAAO,YAAY,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;QAClD,CAAC;QACD,IAAI,EAAE,KAAK,IAAI,EAAE,CACf,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE;QACpE,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC;QAC5C,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE;QACnD,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,aAAa,EAAE;QACjD,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE;KACzC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"form-short-text.driver.js","sourceRoot":"","sources":["../../../../src/components/text/form-short-text.driver.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,EACd,wBAAwB,GACzB,MAAM,2CAA2C,CAAC;AAEnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,UAAU,mBAAmB,CACjC,IAAe,EACf,IAAe,EACf,KAAY;IAEZ,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,0BAA0B,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IACjE,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAC9C,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,UAAU,EAAE,cAAc,EAAE,MAAM,CAAC;IACrE,MAAM,YAAY,GAAG,qBAAqB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAE5D,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,KAAK,IAAI,EAAE;YACnB,MAAM,OAAO,GAAG,MAAM,SAAS,CAAC,QAAQ,EAAE,CAAC;YAC3C,OAAO,OAAO,EAAE,WAAW,IAAI,EAAE,CAAC;QACpC,CAAC;QACD,QAAQ,EAAE,KAAK,IAAI,EAAE,CACnB,iBAAiB;YACf,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,QAAQ,EAAE;YACrC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE;QACtB,cAAc,EAAE,KAAK,IAAI,EAAE,CACzB,iBAAiB;YACf,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,cAAc,EAAE;YAC3C,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE;QAC5B,SAAS,EAAE,KAAK,EAAE,KAAa,EAAE,EAAE,CACjC,iBAAiB;YACf,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,SAAS,CAAC,KAAK,CAAC;YAC3C,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;QAC5B,YAAY,EAAE,CAAC,EAAU,EAAE,EAAE;YAC3B,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBACvB,MAAM,IAAI,KAAK,CACb,gEAAgE,CACjE,CAAC;YACJ,CAAC;YAED,OAAO,YAAY,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;QAClD,CAAC;QACD,IAAI,EAAE,KAAK,IAAI,EAAE,CACf,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE;QACpE,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC;QAC5C,aAAa,EAAE,GAAG,EAAE,CAClB,CAAC,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC;QAC3E,kBAAkB,EAAE,GAAG,EAAE,CACvB,wBAAwB,CACtB,SAAS,CAAC,CAAC,CAAC,4BAA4B,CAAC,EACzC,IAAI,CACL,CAAC,MAAM,EAAE;QACZ,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE;QACnD,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,aAAa,EAAE;QACjD,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE;KACzC,CAAC;AACJ,CAAC"}

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

@@ -52,7 +52,7 @@ const _FormShortText = (props) => {
         ? maxLength - (controller.field.value?.length ?? 0)
         : undefined;
     return (React.createElement(FormField, { label: field.displayName, required: field.validation?.required, charCount: charCount, status: controller.fieldState.error ? 'error' : undefined, statusMessage: controller.fieldState.error?.message, dataHook: dataHook },
-        React.createElement(FormShortTextInput, { data: controller.field.value ?? '', onChange: controller.field.onChange, onBlur: controller.field.onBlur, options: specificValues, required: field.validation?.required, invalid: Boolean(controller.fieldState.error), placeholder: specificValues?.length
+        React.createElement(FormShortTextInput, { data: controller.field.value ?? '', onChange: controller.field.onChange, onBlur: controller.field.onBlur, options: specificValues, required: field.validation?.required, placeholder: specificValues?.length
                 ? tf('auto-patterns.fields.select_placeholder')
                 : undefined, emptyStateMessage: tf('auto-patterns.fields.no_results_found'), inputRef: controller.field.ref, dataHook: `short-text-${field.id}` })));
 };