@wix/patterns-fields 1.55.0 → 1.58.0

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_ = "mediatag2046061156";
+var _namespace_ = "mediatag3951729463";
 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": "mediatag2046061156__root" };
+export var classes = { "root": "mediatag3951729463__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_ = "cellmultidocumentedit152804971";
+var _namespace_ = "cellmultidocumentedit707944317";
 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": "cellmultidocumentedit152804971__root", "chipTrigger": "cellmultidocumentedit152804971__chipTrigger" };
+export var classes = { "root": "cellmultidocumentedit707944317__root", "chipTrigger": "cellmultidocumentedit707944317__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_ = "formmultidocument1673269748";
+var _namespace_ = "formmultidocument3225286195";
 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": "formmultidocument1673269748__root", "viewRoot": "formmultidocument1673269748__viewRoot", "singleViewWrapper": "formmultidocument1673269748__singleViewWrapper", "addDocumentButton": "formmultidocument1673269748__addDocumentButton" };
+export var classes = { "root": "formmultidocument3225286195__root", "viewRoot": "formmultidocument3225286195__viewRoot", "singleViewWrapper": "formmultidocument3225286195__singleViewWrapper", "addDocumentButton": "formmultidocument3225286195__addDocumentButton" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "cellmultireferenceinput1139021014";
+var _namespace_ = "cellmultireferenceinput1040831334";
 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": "cellmultireferenceinput1139021014__root" };
+export var classes = { "root": "cellmultireferenceinput1040831334__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_ = "cellreferenceinput3914857990";
+var _namespace_ = "cellreferenceinput1701177941";
 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": "cellreferenceinput3914857990__root", "autocomplete": "cellreferenceinput3914857990__autocomplete" };
+export var classes = { "root": "cellreferenceinput1701177941__root", "autocomplete": "cellreferenceinput1701177941__autocomplete" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/reference/form-multi-reference.js

@@ -0,0 +1,85 @@
+import React, { useCallback, useMemo } from 'react';
+import { Box, FormField, MultiSelect, listItemSelectBuilder, } from '@wix/design-system';
+import { observer } from 'mobx-react-lite';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useController } from '@wix/bex-core/form';
+import { useTranslations } from '../../hooks/use-translations';
+import { ReferenceAvatar } from './reference-avatar';
+const _FormMultiReference = (props) => {
+    const { field, dataHook, formControl, data, items, idField, displayField, imageField, searchValue, onSearch, onClearSearch, hasMore, loadMore, fixedFooter, placeholder, } = props;
+    const { translate: t } = useWixPatternsContainer();
+    const { t: tf } = useTranslations();
+    const controller = useController({
+        name: field.id,
+        control: formControl,
+        defaultValue: data?.[field.id],
+        rules: {
+            validate: (value) => {
+                const arr = value;
+                if (field.validation?.required && (!arr || !arr.length)) {
+                    return t('cairo.fieldValidation.requiredField');
+                }
+                return true;
+            },
+        },
+    });
+    const selectedValues = useMemo(() => controller.field.value || [], [controller.field.value]);
+    const tags = useMemo(() => selectedValues.map((item) => {
+        const selectedId = item[idField];
+        const label = item[displayField];
+        const image = imageField
+            ? item[imageField]
+            : undefined;
+        return {
+            id: selectedId,
+            label,
+            removable: true,
+            size: 'medium',
+            thumb: (React.createElement(Box, { align: "center", verticalAlign: "middle", position: "absolute", top: "calc(50% - 12px)", left: "calc(50% - 12px)" },
+                React.createElement(ReferenceAvatar, { name: label, image: image }))),
+            dataHook: `multi-reference-tag-${field.id}-${selectedId}`,
+        };
+    }), [selectedValues, idField, displayField, imageField, field.id]);
+    const options = useMemo(() => items.map((item) => listItemSelectBuilder({
+        id: item.id,
+        title: item.name || tf('patterns-fields.reference.untitled'),
+        prefix: React.createElement(ReferenceAvatar, { name: item.name, image: item.image }),
+    })), [items, tf]);
+    const handleSelect = useCallback((option) => {
+        const selectedId = String(option.id);
+        if (selectedValues.some((item) => item[idField] === selectedId)) {
+            onClearSearch?.();
+            return;
+        }
+        const item = items.find((i) => i.id === selectedId);
+        controller.field.onChange([
+            ...selectedValues,
+            { [idField]: selectedId, [displayField]: item?.name || '' },
+        ]);
+        onClearSearch?.();
+    }, [
+        selectedValues,
+        items,
+        idField,
+        displayField,
+        controller.field,
+        onClearSearch,
+    ]);
+    const handleRemoveTag = useCallback((tagId) => {
+        controller.field.onChange(selectedValues.filter((item) => item[idField] !== tagId));
+    }, [controller.field, selectedValues, idField]);
+    const handleChange = useCallback((e) => {
+        onSearch(e.target.value);
+    }, [onSearch]);
+    const handleClear = useCallback(() => {
+        controller.field.onChange([]);
+        onClearSearch?.();
+    }, [controller.field, onClearSearch]);
+    const handleBlur = useCallback(() => {
+        onClearSearch?.();
+    }, [onClearSearch]);
+    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(MultiSelect, { placeholder: placeholder ?? tf('auto-patterns.fields.select_placeholder'), options: options, value: searchValue ?? '', size: "large", tags: tags, clearOnBlur: false, onChange: handleChange, onSelect: handleSelect, onRemoveTag: handleRemoveTag, onClear: handleClear, onBlur: handleBlur, clearButton: !field.validation?.required, infiniteScroll: !!loadMore, hasMore: hasMore, loadMore: loadMore, fixedFooter: fixedFooter, dataHook: `multi-reference-input-${field.id}` })));
+};
+export const FormMultiReference = observer(_FormMultiReference);
+//# sourceMappingURL=form-multi-reference.js.map

package/dist/esm/components/reference/form-multi-reference.js.map

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

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

@@ -0,0 +1,76 @@
+import React, { useCallback, useMemo } from 'react';
+import { AutoComplete, FormField, Input, listItemSelectBuilder, } from '@wix/design-system';
+import { observer } from 'mobx-react-lite';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useController } from '@wix/bex-core/form';
+import { useTranslations } from '../../hooks/use-translations';
+import { ReferenceAvatar } from './reference-avatar';
+const _FormReference = (props) => {
+    const { field, dataHook, formControl, data, items, idField, displayField, imageField, searchValue, onSearch, onClearSearch, hasMore, loadMore, fixedFooter, placeholder, } = props;
+    const { translate: t } = useWixPatternsContainer();
+    const { t: tf } = useTranslations();
+    const controller = useController({
+        name: field.id,
+        control: formControl,
+        defaultValue: data?.[field.id],
+        rules: {
+            validate: (value) => {
+                if (field.validation?.required && !value) {
+                    return t('cairo.fieldValidation.requiredField');
+                }
+                return true;
+            },
+        },
+    });
+    const selectedValue = controller.field.value;
+    const selectedDisplayValue = selectedValue?.[displayField] || '';
+    const displayValue = searchValue || selectedDisplayValue;
+    const selectedImage = useMemo(() => {
+        const selectedId = selectedValue?.[idField];
+        if (!selectedId) {
+            return undefined;
+        }
+        const found = items.find((item) => item.id === selectedId);
+        if (found?.image) {
+            return found.image;
+        }
+        return imageField
+            ? selectedValue?.[imageField]
+            : undefined;
+    }, [selectedValue, idField, imageField, items]);
+    const options = useMemo(() => items.map((item) => listItemSelectBuilder({
+        id: item.id,
+        title: item.name || tf('patterns-fields.reference.untitled'),
+        prefix: React.createElement(ReferenceAvatar, { name: item.name, image: item.image }),
+    })), [items, tf]);
+    const selectedPrefix = selectedDisplayValue && !searchValue ? (React.createElement(Input.Affix, null,
+        React.createElement(ReferenceAvatar, { name: selectedDisplayValue, image: selectedImage }))) : undefined;
+    const handleSelect = useCallback((option) => {
+        const item = items.find((i) => i.id === String(option.id));
+        controller.field.onChange({
+            [idField]: String(option.id),
+            [displayField]: item?.name || '',
+        });
+        onClearSearch?.();
+    }, [items, idField, displayField, controller.field, onClearSearch]);
+    const handleChange = useCallback((e) => {
+        onSearch(e.target.value);
+        if (!e.target.value) {
+            controller.field.onChange(null);
+        }
+    }, [onSearch, controller.field]);
+    const handleClear = useCallback(() => {
+        controller.field.onChange(null);
+        onClearSearch?.();
+    }, [controller.field, onClearSearch]);
+    const handleBlur = useCallback(() => {
+        onClearSearch?.();
+    }, [onClearSearch]);
+    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(AutoComplete, { placeholder: placeholder ?? tf('auto-patterns.fields.select_placeholder'), options: options, value: displayValue, prefix: selectedPrefix, onChange: handleChange, onSelect: handleSelect, onClear: handleClear, onBlur: handleBlur, clearButton: !field.validation?.required, infiniteScroll: !!loadMore, hasMore: hasMore, loadMore: loadMore, fixedFooter: fixedFooter, 
+            // Hand the input to react-hook-form so shouldFocusError scrolls to +
+            // focuses this field when it blocks save.
+            inputRef: controller.field.ref, dataHook: `reference-input-${field.id}` })));
+};
+export const FormReference = observer(_FormReference);
+//# sourceMappingURL=form-reference.js.map

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

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

package/dist/esm/components/reference/index.js

@@ -1,4 +1,6 @@
 export * from './reference-avatar';
+export * from './form-reference';
+export * from './form-multi-reference';
 export * from './cell-reference-view';
 export * from './cell-reference-input';
 export * from './cell-multi-reference-view';

package/dist/esm/components/reference/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/reference/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/reference/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC"}

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_ = "richcontentdefaultvalueinput1686739801";
+var _namespace_ = "richcontentdefaultvalueinput443326018";
 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": "richcontentdefaultvalueinput1686739801__root", "richContentEditorContainer": "richcontentdefaultvalueinput1686739801__richContentEditorContainer", "editor": "richcontentdefaultvalueinput1686739801__editor" };
+export var classes = { "root": "richcontentdefaultvalueinput443326018__root", "richContentEditorContainer": "richcontentdefaultvalueinput443326018__richContentEditorContainer", "editor": "richcontentdefaultvalueinput443326018__editor" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

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

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_ = "richcontentforminput885213562";
+var _namespace_ = "richcontentforminput3334825677";
 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": "richcontentforminput885213562__root", "editor": "richcontentforminput885213562__editor" };
+export var classes = { "root": "richcontentforminput3334825677__root", "editor": "richcontentforminput3334825677__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.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,+BAA+B,CAAC;AAClD,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,qCAAqC,EAAC,QAAQ,EAAC,uCAAuC,EAAC,CAAC;AACrH,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,oBAAoB,EAAC,sBAAsB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,iCAAiC,EAAC,mCAAmC,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_ = "richcontentformreadonlyinput1160116662";
+var _namespace_ = "richcontentformreadonlyinput2425623005";
 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": "richcontentformreadonlyinput1160116662__root" };
+export var classes = { "root": "richcontentformreadonlyinput2425623005__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_ = "fullscreenmodal3769450194";
+var _namespace_ = "fullscreenmodal1841647145";
 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": "fullscreenmodal3769450194__root", "modalContent": "fullscreenmodal3769450194__modalContent" };
+export var classes = { "root": "fullscreenmodal1841647145__root", "modalContent": "fullscreenmodal1841647145__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_ = "publishloader2067404058";
+var _namespace_ = "publishloader1701008763";
 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": "publishloader2067404058__root", "publishLoader": "publishloader2067404058__publishLoader" };
+export var classes = { "root": "publishloader1701008763__root", "publishLoader": "publishloader1701008763__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_ = "togglefullscreenbutton3767453356";
+var _namespace_ = "togglefullscreenbutton3828783328";
 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": "togglefullscreenbutton3767453356__root" };
+export var classes = { "root": "togglefullscreenbutton3828783328__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_ = "richcontenteditor2306322343";
+var _namespace_ = "richcontenteditor1104792148";
 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": "richcontenteditor2306322343__root", "toolbarContainer": "richcontenteditor2306322343__toolbarContainer", "footerToolbarContainer": "richcontenteditor2306322343__footerToolbarContainer", "toolbarAndFullScreenButtonWrapper": "richcontenteditor2306322343__toolbarAndFullScreenButtonWrapper", "editor": "richcontenteditor2306322343__editor", "modalEditor": "richcontenteditor2306322343__modalEditor" };
+export var classes = { "root": "richcontenteditor1104792148__root", "toolbarContainer": "richcontenteditor1104792148__toolbarContainer", "footerToolbarContainer": "richcontenteditor1104792148__footerToolbarContainer", "toolbarAndFullScreenButtonWrapper": "richcontenteditor1104792148__toolbarAndFullScreenButtonWrapper", "editor": "richcontenteditor1104792148__editor", "modalEditor": "richcontenteditor1104792148__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_ = "richcontenttoolbar216750265";
+var _namespace_ = "richcontenttoolbar1597960395";
 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": "richcontenttoolbar216750265__root", "toolbar": "richcontenttoolbar216750265__toolbar", "toolbarButton": "richcontenttoolbar216750265__toolbarButton", "separator": "richcontenttoolbar216750265__separator" };
+export var classes = { "root": "richcontenttoolbar1597960395__root", "toolbar": "richcontenttoolbar1597960395__toolbar", "toolbarButton": "richcontenttoolbar1597960395__toolbarButton", "separator": "richcontenttoolbar1597960395__separator" };
 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.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-toolbar.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.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,SAAS,EAAC,sCAAsC,EAAC,eAAe,EAAC,4CAA4C,EAAC,WAAW,EAAC,wCAAwC,EAAC,CAAC;AACrO,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-toolbar.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,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,SAAS,EAAC,uCAAuC,EAAC,eAAe,EAAC,6CAA6C,EAAC,WAAW,EAAC,yCAAyC,EAAC,CAAC;AACzO,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

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_ = "richcontentviewer2914514418";
+var _namespace_ = "richcontentviewer3873042823";
 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": "richcontentviewer2914514418__root", "viewer": "richcontentviewer2914514418__viewer", "modalViewer": "richcontentviewer2914514418__modalViewer" };
+export var classes = { "root": "richcontentviewer3873042823__root", "viewer": "richcontentviewer3873042823__viewer", "modalViewer": "richcontentviewer3873042823__modalViewer" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richeditor4033665438";
+var _namespace_ = "richeditor1957756590";
 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": "richeditor4033665438__root", "editor": "richeditor4033665438__editor", "header-one": "richeditor4033665438__header-one", "header-two": "richeditor4033665438__header-two", "header-three": "richeditor4033665438__header-three", "header-four": "richeditor4033665438__header-four", "header-five": "richeditor4033665438__header-five", "header-six": "richeditor4033665438__header-six", "paragraph-one": "richeditor4033665438__paragraph-one", "unstyled": "richeditor4033665438__unstyled", "paragraph-three": "richeditor4033665438__paragraph-three", "align-left": "richeditor4033665438__align-left", "align-right": "richeditor4033665438__align-right", "align-center": "richeditor4033665438__align-center", "align-justify": "richeditor4033665438__align-justify", "withMargin": "richeditor4033665438__withMargin", "dir-rtl": "richeditor4033665438__dir-rtl" };
+export var classes = { "root": "richeditor1957756590__root", "editor": "richeditor1957756590__editor", "header-one": "richeditor1957756590__header-one", "header-two": "richeditor1957756590__header-two", "header-three": "richeditor1957756590__header-three", "header-four": "richeditor1957756590__header-four", "header-five": "richeditor1957756590__header-five", "header-six": "richeditor1957756590__header-six", "paragraph-one": "richeditor1957756590__paragraph-one", "unstyled": "richeditor1957756590__unstyled", "paragraph-three": "richeditor1957756590__paragraph-three", "align-left": "richeditor1957756590__align-left", "align-right": "richeditor1957756590__align-right", "align-center": "richeditor1957756590__align-center", "align-justify": "richeditor1957756590__align-justify", "withMargin": "richeditor1957756590__withMargin", "dir-rtl": "richeditor1957756590__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_ = "richtexteditor2366770085";
+var _namespace_ = "richtexteditor2252892878";
 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": "richtexteditor2366770085__root", "nativeInput": "richtexteditor2366770085__nativeInput", "editor": "richtexteditor2366770085__editor" };
+export var classes = { "root": "richtexteditor2252892878__root", "nativeInput": "richtexteditor2252892878__nativeInput", "editor": "richtexteditor2252892878__editor" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "toolbar3600818548";
+var _namespace_ = "toolbar273985549";
 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": "toolbar3600818548__root", "item": "toolbar3600818548__item", "separator": "toolbar3600818548__separator", "clearFormatting": "toolbar3600818548__clearFormatting", "fullScreen": "toolbar3600818548__fullScreen", "dropdownItemContent": "toolbar3600818548__dropdownItemContent", "dropdownItemTitle": "toolbar3600818548__dropdownItemTitle", "dropdownItemSubtitle": "toolbar3600818548__dropdownItemSubtitle", "dropdownHeaderOne": "toolbar3600818548__dropdownHeaderOne", "dropdownHeaderTwo": "toolbar3600818548__dropdownHeaderTwo", "dropdownHeaderThree": "toolbar3600818548__dropdownHeaderThree", "dropdownHeaderFour": "toolbar3600818548__dropdownHeaderFour", "dropdownHeaderFive": "toolbar3600818548__dropdownHeaderFive", "dropdownHeaderSix": "toolbar3600818548__dropdownHeaderSix", "dropdownParagraphOne": "toolbar3600818548__dropdownParagraphOne", "dropdownNormalText": "toolbar3600818548__dropdownNormalText", "dropdownParagraphThree": "toolbar3600818548__dropdownParagraphThree" };
+export var classes = { "root": "toolbar273985549__root", "item": "toolbar273985549__item", "separator": "toolbar273985549__separator", "clearFormatting": "toolbar273985549__clearFormatting", "fullScreen": "toolbar273985549__fullScreen", "dropdownItemContent": "toolbar273985549__dropdownItemContent", "dropdownItemTitle": "toolbar273985549__dropdownItemTitle", "dropdownItemSubtitle": "toolbar273985549__dropdownItemSubtitle", "dropdownHeaderOne": "toolbar273985549__dropdownHeaderOne", "dropdownHeaderTwo": "toolbar273985549__dropdownHeaderTwo", "dropdownHeaderThree": "toolbar273985549__dropdownHeaderThree", "dropdownHeaderFour": "toolbar273985549__dropdownHeaderFour", "dropdownHeaderFive": "toolbar273985549__dropdownHeaderFive", "dropdownHeaderSix": "toolbar273985549__dropdownHeaderSix", "dropdownParagraphOne": "toolbar273985549__dropdownParagraphOne", "dropdownNormalText": "toolbar273985549__dropdownNormalText", "dropdownParagraphThree": "toolbar273985549__dropdownParagraphThree" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"toolbar.st.css.js","sourceRoot":"","sources":["../../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAIvF,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,MAAM,EAAC,yBAAyB,EAAC,WAAW,EAAC,8BAA8B,EAAC,iBAAiB,EAAC,oCAAoC,EAAC,YAAY,EAAC,+BAA+B,EAAC,qBAAqB,EAAC,wCAAwC,EAAC,mBAAmB,EAAC,sCAAsC,EAAC,sBAAsB,EAAC,yCAAyC,EAAC,mBAAmB,EAAC,sCAAsC,EAAC,mBAAmB,EAAC,sCAAsC,EAAC,qBAAqB,EAAC,wCAAwC,EAAC,oBAAoB,EAAC,uCAAuC,EAAC,oBAAoB,EAAC,uCAAuC,EAAC,mBAAmB,EAAC,sCAAsC,EAAC,sBAAsB,EAAC,yCAAyC,EAAC,oBAAoB,EAAC,uCAAuC,EAAC,wBAAwB,EAAC,2CAA2C,EAAC,CAAC;AACh9B,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,oBAAoB,EAAC,sBAAsB,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,yBAAyB,EAAC,2BAA2B,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,wBAAwB,EAAC,0BAA0B,EAAC,sBAAsB,EAAC,wBAAwB,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,0BAA0B,EAAC,4BAA4B,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"toolbar.st.css.js","sourceRoot":"","sources":["../../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAIvF,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,MAAM,EAAC,wBAAwB,EAAC,WAAW,EAAC,6BAA6B,EAAC,iBAAiB,EAAC,mCAAmC,EAAC,YAAY,EAAC,8BAA8B,EAAC,qBAAqB,EAAC,uCAAuC,EAAC,mBAAmB,EAAC,qCAAqC,EAAC,sBAAsB,EAAC,wCAAwC,EAAC,mBAAmB,EAAC,qCAAqC,EAAC,mBAAmB,EAAC,qCAAqC,EAAC,qBAAqB,EAAC,uCAAuC,EAAC,oBAAoB,EAAC,sCAAsC,EAAC,oBAAoB,EAAC,sCAAsC,EAAC,mBAAmB,EAAC,qCAAqC,EAAC,sBAAsB,EAAC,wCAAwC,EAAC,oBAAoB,EAAC,sCAAsC,EAAC,wBAAwB,EAAC,0CAA0C,EAAC,CAAC;AAC/7B,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,oBAAoB,EAAC,sBAAsB,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,yBAAyB,EAAC,2BAA2B,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,wBAAwB,EAAC,0BAA0B,EAAC,sBAAsB,EAAC,wBAAwB,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,0BAA0B,EAAC,4BAA4B,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "textview370550586";
+var _namespace_ = "textview1813358791";
 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": "textview370550586__root", "textView": "textview370550586__textView" };
+export var classes = { "root": "textview1813358791__root", "textView": "textview1813358791__textView" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

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

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

@@ -3,8 +3,9 @@ import { CloseButton } from '@wix/design-system';
 import { useAutoFocus, useTranslations } from '../../hooks';
 import { TimeInput } from './time-input';
 import { useTime } from './hooks';
-export const FormTimeInput = ({ data, onChange, onInput, autoFocus, readOnly, dataHook, }) => {
-    const inputRef = useRef(null);
+export const FormTimeInput = ({ data, onChange, onInput, autoFocus, readOnly, dataHook, inputRef: externalRef, }) => {
+    const internalRef = useRef(null);
+    const inputRef = externalRef ?? internalRef;
     useAutoFocus(inputRef, autoFocus);
     const { t } = useTranslations();
     const [value, onChangeValue] = useTime(data, onChange);

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

@@ -1 +1 @@
-{"version":3,"file":"form-time-input.js","sourceRoot":"","sources":["../../../../src/components/time-input/form-time-input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAIjD,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,OAAO,EAAa,MAAM,SAAS,CAAC;AAI7C,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,MAAM,CAA6B,IAAI,CAAC,CAAC;IAC1D,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAClC,MAAM,EAAE,CAAC,EAAE,GAAG,eAAe,EAAE,CAAC;IAEhC,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAEvD,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,aAAa,CAAC,SAAS,CAAC,CAAC;QACzB,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;IAE7B,OAAO,CACL,oBAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,MAAM,EACZ,WAAW,EAAE,CAAC,CAAC,0BAA0B,CAAC,EAC1C,cAAc,EAAE,CAAC,CAAC,6BAA6B,CAAC,EAChD,MAAM,EACJ,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACnB,oBAAC,WAAW,IACV,EAAE,EAAC,QAAQ,EACX,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAC,uBAAuB,GAChC,CACH,CAAC,CAAC,CAAC,SAAS,GAEf,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"form-time-input.js","sourceRoot":"","sources":["../../../../src/components/time-input/form-time-input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAIjD,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,OAAO,EAAa,MAAM,SAAS,CAAC;AAO7C,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EAAE,WAAW,GACtB,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,MAAM,CAA6B,IAAI,CAAC,CAAC;IAC7D,MAAM,QAAQ,GAAG,WAAW,IAAI,WAAW,CAAC;IAC5C,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAClC,MAAM,EAAE,CAAC,EAAE,GAAG,eAAe,EAAE,CAAC;IAEhC,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAEvD,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,aAAa,CAAC,SAAS,CAAC,CAAC;QACzB,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;IAE7B,OAAO,CACL,oBAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,MAAM,EACZ,WAAW,EAAE,CAAC,CAAC,0BAA0B,CAAC,EAC1C,cAAc,EAAE,CAAC,CAAC,6BAA6B,CAAC,EAChD,MAAM,EACJ,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACnB,oBAAC,WAAW,IACV,EAAE,EAAC,QAAQ,EACX,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAC,uBAAuB,GAChC,CACH,CAAC,CAAC,CAAC,SAAS,GAEf,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect, useRef } from 'react';
 import { FormField } from '@wix/design-system';
 import { observer } from 'mobx-react-lite';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
@@ -25,10 +25,18 @@ const _FormTime = (props) => {
             },
         },
     });
+    // TimeInput has no DOM ref to hand to field.ref, so bridge its imperative
+    // focus() — lets react-hook-form's shouldFocusError scroll to this field
+    // when it blocks save.
+    const timeRef = useRef(null);
+    useEffect(() => {
+        controller.field.ref({ focus: () => timeRef.current?.focus() });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     return (React.createElement(FormField, { label: field.displayName, required: field.validation?.required, status: controller.fieldState.error ? 'error' : undefined, statusMessage: controller.fieldState.error?.message, dataHook: dataHook, suffix: isDataValidOrNotSet(controller.field.value, timeValidation) ? undefined : (React.createElement(TypeMismatchExclamation, { typeName: t('auto-patterns.fields.field_type_time_title'), clearButtonText: t('auto-patterns.fields.type_mismatch_clear'), convertButtonText: t('auto-patterns.fields.type_mismatch_convert'), onClear: () => controller.field.onChange(undefined), onChange: (value) => controller.field.onChange(value), convertDisabledText: t('auto-patterns.fields.type_mismatch_convert_disabled'), fieldName: field.displayName, isConverted: false, isConverting: false, convertedValue: "00:00:00.000", tooltipText: t('auto-patterns.fields.type_mismatch_tip', {
                 typeName: 'Time',
             }) })) },
-        React.createElement(FormTimeInput, { autoFocus: false, data: controller.field.value, onChange: (value) => controller.field.onChange(value), dataHook: `time-${field.id}` })));
+        React.createElement(FormTimeInput, { autoFocus: false, inputRef: timeRef, data: controller.field.value, onChange: (value) => controller.field.onChange(value), dataHook: `time-${field.id}` })));
 };
 export const FormTime = observer(_FormTime);
 //# sourceMappingURL=form-time.js.map