@wix/patterns-fields 1.73.0 → 1.74.0

package/dist/esm/components/delete-dialog/delete-dialog.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "deletedialog1579435053";
+var _namespace_ = "deletedialog1207540592";
 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": "deletedialog1579435053__root", "layout": "deletedialog1579435053__layout" };
+export var classes = { "root": "deletedialog1207540592__root", "layout": "deletedialog1207540592__layout" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "formdocumentfield3894914095";
+var _namespace_ = "formdocumentfield2347234029";
 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": "formdocumentfield3894914095__root", "viewWrapper": "formdocumentfield3894914095__viewWrapper", "textWidth": "formdocumentfield3894914095__textWidth", "documentLoader": "formdocumentfield3894914095__documentLoader", "addDocument": "formdocumentfield3894914095__addDocument", "addItemWrapper": "formdocumentfield3894914095__addItemWrapper" };
+export var classes = { "root": "formdocumentfield2347234029__root", "viewWrapper": "formdocumentfield2347234029__viewWrapper", "textWidth": "formdocumentfield2347234029__textWidth", "documentLoader": "formdocumentfield2347234029__documentLoader", "addDocument": "formdocumentfield2347234029__addDocument", "addItemWrapper": "formdocumentfield2347234029__addItemWrapper" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -5,6 +5,7 @@ import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useController } from '@wix/bex-core/form';
 import { isEmpty } from '../../validations/string';
 import { FormDocumentField } from './form-document-field';
+import { useFieldRef } from '../../hooks';
 const _FormDocument = (props) => {
     const { field, dataHook, formControl, data } = props;
     const { translate: t } = useWixPatternsContainer();
@@ -21,6 +22,7 @@ const _FormDocument = (props) => {
             },
         },
     });
+    const setFieldRef = useFieldRef(controller.field.ref);
     return (React.createElement(FormField, { label: field.displayName, required: field.validation?.required, status: controller.fieldState.error ? 'error' : undefined, statusMessage: controller.fieldState.error?.message, dataHook: dataHook },
         React.createElement(FormDocumentField
         // Hand the add button to react-hook-form so
@@ -30,7 +32,7 @@ const _FormDocument = (props) => {
             // Hand the add button to react-hook-form so
             // shouldFocusError scrolls to + focuses this field when it
             // blocks save.
-            inputRef: controller.field.ref, data: controller.field.value, onChange: (value) => controller.field.onChange(value), onClear: () => controller.field.onChange(null), dataHook: `document-${field.id}` })));
+            inputRef: setFieldRef, data: controller.field.value, onChange: (value) => controller.field.onChange(value), onClear: () => controller.field.onChange(null), dataHook: `document-${field.id}` })));
 };
 export const FormDocument = observer(_FormDocument);
 //# sourceMappingURL=form-document.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"form-document.js","sourceRoot":"","sources":["../../../../src/components/document/form-document.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,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI1D,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,EAAE,EAAE,IAAI,EAAE;QACrB,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC;QACrC,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;oBAChD,OAAO,CAAC,CAAC,qCAAqC,CAAC,CAAC;iBACjD;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,iBAAiB;QAChB,4CAA4C;QAC5C,2DAA2D;QAC3D,eAAe;;YAFf,4CAA4C;YAC5C,2DAA2D;YAC3D,eAAe;YACf,QAAQ,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,EAC9B,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,EAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EACrD,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC9C,QAAQ,EAAE,YAAY,KAAK,CAAC,EAAE,EAAE,GAChC,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC"}
+{"version":3,"file":"form-document.js","sourceRoot":"","sources":["../../../../src/components/document/form-document.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,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI1C,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,EAAE,EAAE,IAAI,EAAE;QACrB,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC;QACrC,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;oBAChD,OAAO,CAAC,CAAC,qCAAqC,CAAC,CAAC;iBACjD;gBAED,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEtD,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,iBAAiB;QAChB,4CAA4C;QAC5C,2DAA2D;QAC3D,eAAe;;YAFf,4CAA4C;YAC5C,2DAA2D;YAC3D,eAAe;YACf,QAAQ,EAAE,WAAW,EACrB,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,EAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EACrD,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC9C,QAAQ,EAAE,YAAY,KAAK,CAAC,EAAE,EAAE,GAChC,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC"}

package/dist/esm/components/exclamation/exclamation.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "exclamation2180886733";
+var _namespace_ = "exclamation1187432506";
 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": "exclamation2180886733__root", "exclamation": "exclamation2180886733__exclamation", "actions": "exclamation2180886733__actions", "action": "exclamation2180886733__action" };
+export var classes = { "root": "exclamation1187432506__root", "exclamation": "exclamation1187432506__exclamation", "actions": "exclamation1187432506__actions", "action": "exclamation1187432506__action" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "highlightedtext3218260618";
+var _namespace_ = "highlightedtext3214489151";
 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": "highlightedtext3218260618__root", "substring": "highlightedtext3218260618__substring" };
-export var keyframes = { "highlighted": "highlightedtext3218260618__highlighted", "highlighted-match": "highlightedtext3218260618__highlighted-match" };
+export var classes = { "root": "highlightedtext3214489151__root", "substring": "highlightedtext3214489151__substring" };
+export var keyframes = { "highlighted": "highlightedtext3214489151__highlighted", "highlighted-match": "highlightedtext3214489151__highlighted-match" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

package/dist/esm/components/image/form-image-input.js

@@ -6,6 +6,7 @@ import { useController } from '@wix/bex-core/form';
 import { isEmpty } from '../../validations/string';
 import { getImageUrl } from '../../utils/get-image-url';
 import { MEDIA_HEIGHT, MEDIA_MAX_WIDTH } from '../../utils/media-constants';
+import { useFieldRef } from '../../hooks';
 const _FormImageInput = (props) => {
     const { field, dataHook, formControl, data } = props;
     const { translate: t, openMediaManager } = useWixPatternsContainer();
@@ -39,6 +40,7 @@ const _FormImageInput = (props) => {
             },
         },
     });
+    const setFieldRef = useFieldRef(controller.field.ref);
     const imageUrl = controller.field.value && getImageUrl(controller.field.value);
     return (React.createElement(FormField, { label: field.displayName, required: field.validation?.required, status: controller.fieldState.error ? 'error' : undefined, statusMessage: controller.fieldState.error?.message, dataHook: dataHook },
         React.createElement(Box, { width: "100%", maxWidth: MEDIA_MAX_WIDTH },
@@ -50,7 +52,7 @@ const _FormImageInput = (props) => {
                 // ImageViewer keeps its focus node on whichever button is live, so
                 // one ref serves both the empty and filled states. Lets
                 // react-hook-form's shouldFocusError reach this field.
-                ref: controller.field.ref, imageUrl: imageUrl, dataHook: `image-${field.id}`, onAddImage: isMobile ? undefined : () => openMedia(), onUpdateImage: isMobile ? undefined : () => openMedia(), updateImageInfo: t('cairo.replace-image.tooltip'), removeImageInfo: t('cairo.remove-image.tooltip'), addImageInfo: t('cairo.add-image.tooltip'), height: MEDIA_HEIGHT, width: "100%", fit: "cover", onRemoveImage: () => controller.field.onChange(null) }))));
+                ref: setFieldRef, imageUrl: imageUrl, dataHook: `image-${field.id}`, onAddImage: isMobile ? undefined : () => openMedia(), onUpdateImage: isMobile ? undefined : () => openMedia(), updateImageInfo: t('cairo.replace-image.tooltip'), removeImageInfo: t('cairo.remove-image.tooltip'), addImageInfo: t('cairo.add-image.tooltip'), height: MEDIA_HEIGHT, width: "100%", fit: "cover", onRemoveImage: () => controller.field.onChange(null) }))));
 };
 export const FormImageInput = observer(_FormImageInput);
 //# sourceMappingURL=form-image-input.js.map

package/dist/esm/components/image/form-image-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-image-input.js","sourceRoot":"","sources":["../../../../src/components/image/form-image-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAI5E,MAAM,eAAe,GAAG,CAAC,KAA0B,EAAE,EAAE;IACrD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,gBAAgB,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACrE,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,KAAK,UAAU,SAAS;QACtB,IAAI,CAAC,gBAAgB,EAAE;YACrB,OAAO;SACR;QACD,IAAI;YACF,MAAM,gBAAgB,GAAG,MAAM,gBAAgB,CAAC;gBAC9C,WAAW,EAAE,KAAK;gBAClB,QAAQ,EAAE,OAAO;aAClB,CAAC,CAAC;YAEH,MAAM,QAAQ,GAAG,gBAAgB,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;YAEjE,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;SACrC;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,mDAAmD,EAAE,KAAK,CAAC,CAAC;SAC3E;IACH,CAAC;IAED,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE;QACrB,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC;QACrC,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;oBAChD,OAAO,CAAC,CAAC,qCAAqC,CAAC,CAAC;iBACjD;gBAED,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF,CAAC,CAAC;IAEH,MAAM,QAAQ,GACZ,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAEhE,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,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAE,eAAe;YACzC,oBAAC,WAAW;YACV,mEAAmE;YACnE,wDAAwD;YACxD,uDAAuD;;gBAFvD,mEAAmE;gBACnE,wDAAwD;gBACxD,uDAAuD;gBACvD,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,EACzB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,SAAS,KAAK,CAAC,EAAE,EAAE,EAC7B,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,EACpD,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,EACvD,eAAe,EAAE,CAAC,CAAC,6BAA6B,CAAC,EACjD,eAAe,EAAE,CAAC,CAAC,4BAA4B,CAAC,EAChD,YAAY,EAAE,CAAC,CAAC,yBAAyB,CAAC,EAC1C,MAAM,EAAE,YAAY,EACpB,KAAK,EAAC,MAAM,EACZ,GAAG,EAAC,OAAO,EACX,aAAa,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,GACpD,CACE,CACI,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC"}
+{"version":3,"file":"form-image-input.js","sourceRoot":"","sources":["../../../../src/components/image/form-image-input.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/image/thumbnail-replace-overlay.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "thumbnailreplaceoverlay1250295104";
+var _namespace_ = "thumbnailreplaceoverlay1382391847";
 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": "thumbnailreplaceoverlay1250295104__root", "icon": "thumbnailreplaceoverlay1250295104__icon" };
+export var classes = { "root": "thumbnailreplaceoverlay1382391847__root", "icon": "thumbnailreplaceoverlay1382391847__icon" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-control/cell-media-edit-shell.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "cellmediaeditshell222630220";
+var _namespace_ = "cellmediaeditshell84193258";
 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": "cellmediaeditshell222630220__root" };
+export var classes = { "root": "cellmediaeditshell84193258__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-control/cell-media-edit-shell.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"cell-media-edit-shell.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-control/cell-media-edit-shell.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,CAAC;AAClE,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":"cell-media-edit-shell.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-control/cell-media-edit-shell.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,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,CAAC;AACjE,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/media-control/paste-url-button.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "pasteurlbutton285657028";
+var _namespace_ = "pasteurlbutton2608013352";
 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": "pasteurlbutton285657028__root", "iconButtonTooltip": "pasteurlbutton285657028__iconButtonTooltip", "iconButton": "pasteurlbutton285657028__iconButton" };
+export var classes = { "root": "pasteurlbutton2608013352__root", "iconButtonTooltip": "pasteurlbutton2608013352__iconButtonTooltip", "iconButton": "pasteurlbutton2608013352__iconButton" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-control/paste-url-button.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"paste-url-button.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-control/paste-url-button.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,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,mBAAmB,EAAC,4CAA4C,EAAC,YAAY,EAAC,qCAAqC,EAAC,CAAC;AAClL,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":"paste-url-button.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-control/paste-url-button.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,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,mBAAmB,EAAC,6CAA6C,EAAC,YAAY,EAAC,sCAAsC,EAAC,CAAC;AACrL,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/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_ = "formmediagalleryfield2943984590";
+var _namespace_ = "formmediagalleryfield4011032354";
 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": "formmediagalleryfield2943984590__root", "container": "formmediagalleryfield2943984590__container", "viewBox": "formmediagalleryfield2943984590__viewBox", "addItemWrapper": "formmediagalleryfield2943984590__addItemWrapper", "addItem": "formmediagalleryfield2943984590__addItem", "overlay": "formmediagalleryfield2943984590__overlay", "image": "formmediagalleryfield2943984590__image", "previewImage": "formmediagalleryfield2943984590__previewImage", "previewVideo": "formmediagalleryfield2943984590__previewVideo" };
+export var classes = { "root": "formmediagalleryfield4011032354__root", "container": "formmediagalleryfield4011032354__container", "viewBox": "formmediagalleryfield4011032354__viewBox", "addItemWrapper": "formmediagalleryfield4011032354__addItemWrapper", "addItem": "formmediagalleryfield4011032354__addItem", "overlay": "formmediagalleryfield4011032354__overlay", "image": "formmediagalleryfield4011032354__image", "previewImage": "formmediagalleryfield4011032354__previewImage", "previewVideo": "formmediagalleryfield4011032354__previewVideo" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-gallery/form-media-gallery.js

@@ -5,6 +5,7 @@ import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useController } from '@wix/bex-core/form';
 import { isEmpty } from '../../validations/array';
 import { FormMediaGalleryField } from './form-media-gallery-field';
+import { useFieldRef } from '../../hooks';
 const _FormMediaGallery = (props) => {
     const { field, dataHook, formControl, data, autoFocus } = props;
     const { translate: pt } = useWixPatternsContainer();
@@ -21,6 +22,7 @@ const _FormMediaGallery = (props) => {
             },
         },
     });
+    const setFieldRef = useFieldRef(controller.field.ref);
     return (React.createElement(FormField, { label: field.displayName, required: field.validation?.required, status: controller.fieldState.error ? 'error' : undefined, statusMessage: controller.fieldState.error?.message, dataHook: dataHook },
         React.createElement(FormMediaGalleryField
         // Hand the add button to react-hook-form so
@@ -30,7 +32,7 @@ const _FormMediaGallery = (props) => {
             // Hand the add button to react-hook-form so
             // shouldFocusError scrolls to + focuses this field when it
             // blocks save.
-            inputRef: controller.field.ref, data: controller.field.value, onChange: (value) => controller.field.onChange(value), onClear: () => controller.field.onChange([]), invalid: !!controller.fieldState.error, autoFocus: autoFocus, readOnly: false, dataHook: `media-gallery-${field.id}` })));
+            inputRef: setFieldRef, data: controller.field.value, onChange: (value) => controller.field.onChange(value), onClear: () => controller.field.onChange([]), invalid: !!controller.fieldState.error, autoFocus: autoFocus, readOnly: false, dataHook: `media-gallery-${field.id}` })));
 };
 export const FormMediaGallery = observer(_FormMediaGallery);
 //# sourceMappingURL=form-media-gallery.js.map

package/dist/esm/components/media-gallery/form-media-gallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-media-gallery.js","sourceRoot":"","sources":["../../../../src/components/media-gallery/form-media-gallery.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,yBAAyB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAOnE,MAAM,iBAAiB,GAAG,CAAC,KAA4B,EAAE,EAAE;IACzD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAChE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEpD,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE;QACrB,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC;QACrC,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;oBAChD,OAAO,EAAE,CAAC,qCAAqC,CAAC,CAAC;iBAClD;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,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,qBAAqB;QACpB,4CAA4C;QAC5C,2DAA2D;QAC3D,eAAe;;YAFf,4CAA4C;YAC5C,2DAA2D;YAC3D,eAAe;YACf,QAAQ,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,EAC9B,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,EAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EACrD,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAC5C,OAAO,EAAE,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,EACtC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,iBAAiB,KAAK,CAAC,EAAE,EAAE,GACrC,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"form-media-gallery.js","sourceRoot":"","sources":["../../../../src/components/media-gallery/form-media-gallery.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,yBAAyB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO1C,MAAM,iBAAiB,GAAG,CAAC,KAA4B,EAAE,EAAE;IACzD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAChE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEpD,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE;QACrB,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC;QACrC,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;oBAChD,OAAO,EAAE,CAAC,qCAAqC,CAAC,CAAC;iBAClD;gBACD,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEtD,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,qBAAqB;QACpB,4CAA4C;QAC5C,2DAA2D;QAC3D,eAAe;;YAFf,4CAA4C;YAC5C,2DAA2D;YAC3D,eAAe;YACf,QAAQ,EAAE,WAAW,EACrB,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,EAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EACrD,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAC5C,OAAO,EAAE,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,EACtC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,iBAAiB,KAAK,CAAC,EAAE,EAAE,GACrC,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC"}

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_ = "mediaimage1081502549";
+var _namespace_ = "mediaimage2756082487";
 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": "mediaimage1081502549__root" };
+export var classes = { "root": "mediaimage2756082487__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": "--mediaimage1081502549-from", "to": "--mediaimage1081502549-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": "--mediaimage2756082487-from", "to": "--mediaimage2756082487-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_ = "overlay1338093693";
+var _namespace_ = "overlay101189595";
 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": "overlay1338093693__root", "iconOverlay": "overlay1338093693__iconOverlay" };
+export var classes = { "root": "overlay101189595__root", "iconOverlay": "overlay101189595__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-loader/media-loader.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "medialoader142891810";
+var _namespace_ = "medialoader2582308961";
 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": "medialoader142891810__root", "loader": "medialoader142891810__loader" };
+export var classes = { "root": "medialoader2582308961__root", "loader": "medialoader2582308961__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,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"}
+{"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"}

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_ = "mediatag1597208276";
+var _namespace_ = "mediatag1371547298";
 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": "mediatag1597208276__root" };
+export var classes = { "root": "mediatag1371547298__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_ = "cellmultidocumentedit2776735104";
+var _namespace_ = "cellmultidocumentedit3805197963";
 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": "cellmultidocumentedit2776735104__root", "chipTrigger": "cellmultidocumentedit2776735104__chipTrigger" };
+export var classes = { "root": "cellmultidocumentedit3805197963__root", "chipTrigger": "cellmultidocumentedit3805197963__chipTrigger" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -5,6 +5,7 @@ import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useController } from '@wix/bex-core/form';
 import { isEmpty } from '../../../validations/array';
 import { FormMultiDocumentField } from './form-multi-document-field';
+import { useFieldRef } from '../../../hooks';
 const _FormMultiDocument = (props) => {
     const { field, dataHook, formControl, data } = props;
     const { translate: t } = useWixPatternsContainer();
@@ -21,6 +22,7 @@ const _FormMultiDocument = (props) => {
             },
         },
     });
+    const setFieldRef = useFieldRef(controller.field.ref);
     return (React.createElement(FormField, { label: field.displayName, required: field.validation?.required, status: controller.fieldState.error ? 'error' : undefined, statusMessage: controller.fieldState.error?.message, dataHook: dataHook },
         React.createElement(FormMultiDocumentField
         // Hand the add button to react-hook-form so
@@ -30,7 +32,7 @@ const _FormMultiDocument = (props) => {
             // Hand the add button to react-hook-form so
             // shouldFocusError scrolls to + focuses this field when it
             // blocks save.
-            inputRef: controller.field.ref, data: controller.field.value, onChange: (value) => controller.field.onChange(value), dataHook: `multi-document-${field.id}` })));
+            inputRef: setFieldRef, data: controller.field.value, onChange: (value) => controller.field.onChange(value), dataHook: `multi-document-${field.id}` })));
 };
 export const FormMultiDocument = observer(_FormMultiDocument);
 //# sourceMappingURL=form-multi-document.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"form-multi-document.js","sourceRoot":"","sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document.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,4BAA4B,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAIrE,MAAM,kBAAkB,GAAG,CAAC,KAA6B,EAAE,EAAE;IAC3D,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,EAAE,EAAE,IAAI,EAAE;QACrB,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC;QACrC,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;oBAChD,OAAO,CAAC,CAAC,qCAAqC,CAAC,CAAC;iBACjD;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,sBAAsB;QACrB,4CAA4C;QAC5C,2DAA2D;QAC3D,eAAe;;YAFf,4CAA4C;YAC5C,2DAA2D;YAC3D,eAAe;YACf,QAAQ,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,EAC9B,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,EAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EACrD,QAAQ,EAAE,kBAAkB,KAAK,CAAC,EAAE,EAAE,GACtC,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"form-multi-document.js","sourceRoot":"","sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document.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,4BAA4B,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C,MAAM,kBAAkB,GAAG,CAAC,KAA6B,EAAE,EAAE;IAC3D,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,EAAE,EAAE,IAAI,EAAE;QACrB,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC;QACrC,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;oBAChD,OAAO,CAAC,CAAC,qCAAqC,CAAC,CAAC;iBACjD;gBAED,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEtD,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,sBAAsB;QACrB,4CAA4C;QAC5C,2DAA2D;QAC3D,eAAe;;YAFf,4CAA4C;YAC5C,2DAA2D;YAC3D,eAAe;YACf,QAAQ,EAAE,WAAW,EACrB,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,EAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EACrD,QAAQ,EAAE,kBAAkB,KAAK,CAAC,EAAE,EAAE,GACtC,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC"}

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_ = "formmultidocument857357206";
+var _namespace_ = "formmultidocument2780086059";
 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": "formmultidocument857357206__root", "viewRoot": "formmultidocument857357206__viewRoot", "singleViewWrapper": "formmultidocument857357206__singleViewWrapper", "addDocumentButton": "formmultidocument857357206__addDocumentButton" };
+export var classes = { "root": "formmultidocument2780086059__root", "viewRoot": "formmultidocument2780086059__viewRoot", "singleViewWrapper": "formmultidocument2780086059__singleViewWrapper", "addDocumentButton": "formmultidocument2780086059__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,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,UAAU,EAAC,sCAAsC,EAAC,mBAAmB,EAAC,+CAA+C,EAAC,mBAAmB,EAAC,+CAA+C,EAAC,CAAC;AAC3P,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.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "cellmultireferenceinput2676689456";
+var _namespace_ = "cellmultireferenceinput1942999998";
 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": "cellmultireferenceinput2676689456__root" };
+export var classes = { "root": "cellmultireferenceinput1942999998__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "cellreferenceinput1109486214";
+var _namespace_ = "cellreferenceinput3406756589";
 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": "cellreferenceinput1109486214__root", "autocomplete": "cellreferenceinput1109486214__autocomplete" };
+export var classes = { "root": "cellreferenceinput3406756589__root", "autocomplete": "cellreferenceinput3406756589__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_ = "richcontentdefaultvalueinput4174470607";
+var _namespace_ = "richcontentdefaultvalueinput1176116246";
 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": "richcontentdefaultvalueinput4174470607__root", "richContentEditorContainer": "richcontentdefaultvalueinput4174470607__richContentEditorContainer", "editor": "richcontentdefaultvalueinput4174470607__editor" };
+export var classes = { "root": "richcontentdefaultvalueinput1176116246__root", "richContentEditorContainer": "richcontentdefaultvalueinput1176116246__richContentEditorContainer", "editor": "richcontentdefaultvalueinput1176116246__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

@@ -4,21 +4,29 @@
 @import "../variables.css";
 @import "../rich-content-editor/rich-content-editor.st.css";
 
-@property st-global(--wds-color-blue-300);
-@property st-global(--wds-border-radius-300);
-@property st-global(--wds-color-blue-100);
+/* The border needs the same fallback chain WDS Input itself uses. A `var()`
+   with no fallback that resolves to nothing makes the whole declaration
+   invalid, and the editor renders with no border at all — which is what it did
+   outside the theme that defines the --wds-color-* palette. See CAIRO-4561. */
+@property st-global(--wds-input-border-color);
+@property st-global(--wds-input-border-color-focus);
 @property st-global(--wds-input-shadow-focus-standard);
+@property st-global(--wds-input-border-radius-default-medium);
+@property st-global(--wsr-color-B10);
+@property st-global(--wsr-color-B40);
+@property st-global(--wsr-color-F00);
+@property st-global(--wsr-border-radius-06);
 
 .root {
     outline: 0;
     box-sizing: border-box;
-    border: 1px solid var(--wds-color-blue-300);
-    border-radius: var(--wds-border-radius-300);
+    border: 1px solid var(--wds-input-border-color, var(--wsr-color-B40, #D6E6FE));
+    border-radius: var(--wds-input-border-radius-default-medium, var(--wsr-border-radius-06, 6px));
 }
 
 .root:focus-within {
-    border: 1px solid var(--wds-color-blue-100);
-    box-shadow: var(--wds-input-shadow-focus-standard);
+    border: 1px solid var(--wds-input-border-color-focus, var(--wsr-color-B10, #116DFF));
+    box-shadow: var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wsr-color-F00, #A6D0FF));
 }
 
 .root .editor {

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

@@ -1,15 +1,15 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontentforminput1903671592";
+var _namespace_ = "richcontentforminput1413552636";
 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": "richcontentforminput1903671592__root", "editor": "richcontentforminput1903671592__editor" };
+export var classes = { "root": "richcontentforminput1413552636__root", "editor": "richcontentforminput1413552636__editor" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};
 export var stVars = {};
-export var vars = { "topToolbarHeight": "--topToolbarHeight", "bottomToolbarHeight": "--bottomToolbarHeight", "wds-color-blue-300": "--wds-color-blue-300", "wds-border-radius-300": "--wds-border-radius-300", "wds-color-blue-100": "--wds-color-blue-100", "wds-input-shadow-focus-standard": "--wds-input-shadow-focus-standard" };
+export var vars = { "topToolbarHeight": "--topToolbarHeight", "bottomToolbarHeight": "--bottomToolbarHeight", "wds-input-border-color": "--wds-input-border-color", "wds-input-border-color-focus": "--wds-input-border-color-focus", "wds-input-shadow-focus-standard": "--wds-input-shadow-focus-standard", "wds-input-border-radius-default-medium": "--wds-input-border-radius-default-medium", "wsr-color-B10": "--wsr-color-B10", "wsr-color-B40": "--wsr-color-B40", "wsr-color-F00": "--wsr-color-F00", "wsr-border-radius-06": "--wsr-border-radius-06" };
 //# sourceMappingURL=rich-content-form-input.st.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"rich-content-form-input.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gCAAgC,CAAC;AACnD,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,sCAAsC,EAAC,QAAQ,EAAC,wCAAwC,EAAC,CAAC;AACvH,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,oBAAoB,EAAC,sBAAsB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,CAAC"}
+{"version":3,"file":"rich-content-form-input.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gCAAgC,CAAC;AACnD,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,sCAAsC,EAAC,QAAQ,EAAC,wCAAwC,EAAC,CAAC;AACvH,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,wBAAwB,EAAC,0BAA0B,EAAC,8BAA8B,EAAC,gCAAgC,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,wCAAwC,EAAC,0CAA0C,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,sBAAsB,EAAC,wBAAwB,EAAC,CAAC"}

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_ = "richcontentformreadonlyinput172558332";
+var _namespace_ = "richcontentformreadonlyinput3469320707";
 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": "richcontentformreadonlyinput172558332__root" };
+export var classes = { "root": "richcontentformreadonlyinput3469320707__root" };
 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.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-form-read-only-input.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-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,CAAC;AAC5E,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,qBAAqB,EAAC,uBAAuB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,CAAC"}
+{"version":3,"file":"rich-content-form-read-only-input.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-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,CAAC;AAC7E,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,qBAAqB,EAAC,uBAAuB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,CAAC"}

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_ = "fullscreenmodal208254918";
+var _namespace_ = "fullscreenmodal121150353";
 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": "fullscreenmodal208254918__root", "modalContent": "fullscreenmodal208254918__modalContent" };
+export var classes = { "root": "fullscreenmodal121150353__root", "modalContent": "fullscreenmodal121150353__modalContent" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};