@wix/patterns-fields 1.116.0 → 1.118.0

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

@@ -0,0 +1,40 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useController } from '@wix/bex-core/form';
+import { useFieldRef } from '../../hooks';
+import { isMediaImageEmpty } from '../../utils/media-image-value';
+import { FormMediaImageField } from './form-media-image-field';
+const _FormMediaImageInput = (props) => {
+    const { field, dataHook, formControl, data } = props;
+    const { translate: t } = useWixPatternsContainer();
+    const controller = useController({
+        name: field?.id ?? '',
+        control: formControl,
+        defaultValue: data?.[field?.id ?? ''],
+        rules: {
+            validate: (value) => {
+                // Alt text alone doesn't make the field filled.
+                if (field.validation?.required && isMediaImageEmpty(value)) {
+                    return t('cairo.fieldValidation.requiredField');
+                }
+                return true;
+            },
+        },
+    });
+    const setFieldRef = useFieldRef(controller.field.ref);
+    return (React.createElement(FormMediaImageField
+    // Hands the live button to react-hook-form so shouldFocusError can
+    // reach this field when it blocks save.
+    , { 
+        // Hands the live button to react-hook-form so shouldFocusError can
+        // reach this field when it blocks save.
+        inputRef: setFieldRef, data: controller.field.value, onChange: (value) => controller.field.onChange(value), dataHook: dataHook, imageFormFieldProps: {
+            label: field.displayName,
+            required: field.validation?.required,
+            status: controller.fieldState.error ? 'error' : undefined,
+            statusMessage: controller.fieldState.error?.message,
+        } }));
+};
+export const FormMediaImageInput = observer(_FormMediaImageInput);
+//# sourceMappingURL=form-media-image-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-media-image-input.js","sourceRoot":"","sources":["../../../../src/components/media-image-field/form-media-image-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAInD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAK/D,MAAM,oBAAoB,GAAG,CAAC,KAA+B,EAAE,EAAE;IAC/D,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,gDAAgD;gBAChD,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC;oBAC3D,OAAO,CAAC,CAAC,qCAAqC,CAAC,CAAC;gBAClD,CAAC;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,mBAAmB;IAClB,mEAAmE;IACnE,wCAAwC;;QADxC,mEAAmE;QACnE,wCAAwC;QACxC,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,QAAQ,EAClB,mBAAmB,EAAE;YACnB,KAAK,EAAE,KAAK,CAAC,WAAW;YACxB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ;YACpC,MAAM,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YACzD,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO;SACpD,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC"}

package/dist/esm/components/media-image-field/index.js

@@ -0,0 +1,5 @@
+export * from './media-image-view';
+export * from './cell-media-image-edit';
+export * from './form-media-image-field';
+export * from './form-media-image-input';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/media-image-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/media-image-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC"}

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

@@ -0,0 +1,34 @@
+import React, { useCallback, useState } from 'react';
+import { Box, Divider, Text } from '@wix/design-system';
+import { observer } from 'mobx-react-lite';
+import { usePatternsCmsFieldsContainer } from '../../providers/PatternsFieldsContainerProvider';
+import { getImageSource } from '../../utils/get-image-source';
+import { smallTooltipCommonProps } from '../../utils/tooltip';
+import { ImagePreviewPopover } from '../image/image-preview-popover';
+import { ImageThumbnail } from '../image/image-thumbnail';
+import { classes } from './media-image-view.st.css.js';
+function _MediaImageView({ value: image, dataHook }) {
+    // Tables render this cell even with no fields container above them, which
+    // legacy image cells never needed. Without one there is nothing to translate
+    // the placeholder with, so it is left out instead of breaking the cell.
+    const translate = usePatternsCmsFieldsContainer()?.translate;
+    const src = getImageSource(image);
+    const altText = image?.altText;
+    const placeholder = altText
+        ? undefined
+        : translate?.('CMS.image.altText.cellPlaceholder');
+    const [isPreviewShown, setIsPreviewShown] = useState(false);
+    const showPreview = useCallback(() => setIsPreviewShown(true), []);
+    const hidePreview = useCallback(() => setIsPreviewShown(false), []);
+    // With no src, the thumbnail renders the empty-image placeholder.
+    const thumbnail = (React.createElement(ImageThumbnail, { value: image, dataHook: "media-image-view-thumbnail", width: "36px", height: "24px", borderRadius: "0", onMouseEnter: src ? showPreview : undefined, onMouseLeave: src ? hidePreview : undefined }));
+    return (React.createElement(Box, { dataHook: dataHook, className: classes.root, verticalAlign: "middle", gap: "8px", padding: "0 8px", height: "100%", width: "100%" },
+        src ? (React.createElement(ImagePreviewPopover, { src: src, shown: isPreviewShown }, thumbnail)) : (thumbnail),
+        src && (altText || placeholder) && (React.createElement(React.Fragment, null,
+            React.createElement(Box, { height: "16px", flexShrink: 0 },
+                React.createElement(Divider, { direction: "vertical" })),
+            altText ? (React.createElement(Text, { size: "tiny", ellipsis: true, tooltipProps: smallTooltipCommonProps, dataHook: "media-image-view-alt-text" }, altText)) : (React.createElement(Text, { size: "tiny", ellipsis: true, className: classes.altTextPlaceholder, dataHook: "media-image-view-alt-text-placeholder" }, placeholder))))));
+}
+export const MediaImageView = observer(_MediaImageView);
+MediaImageView.displayName = 'MediaImageView';
+//# sourceMappingURL=media-image-view.js.map

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

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

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

@@ -0,0 +1,16 @@
+@property st-global(--wds-color-text-standard-primary);
+@property st-global(--wds-color-text-placeholder);
+@property st-global(--wsr-color-D40);
+
+.root {
+  box-sizing: border-box;
+}
+
+/* WDS <Text> reads its colour from the primary text token, so the placeholder
+   colour goes through it. */
+.altTextPlaceholder {
+  --wds-color-text-standard-primary: var(
+    --wds-color-text-placeholder,
+    var(--wsr-color-D40, #868AA5)
+  );
+}

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

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "mediaimageview1317682424";
+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": "mediaimageview1317682424__root", "altTextPlaceholder": "mediaimageview1317682424__altTextPlaceholder" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = { "wds-color-text-standard-primary": "--wds-color-text-standard-primary", "wds-color-text-placeholder": "--wds-color-text-placeholder", "wsr-color-D40": "--wsr-color-D40" };
+//# sourceMappingURL=media-image-view.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"media-image-view.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-image-field/media-image-view.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,oBAAoB,EAAC,8CAA8C,EAAC,CAAC;AACnI,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,iCAAiC,EAAC,mCAAmC,EAAC,4BAA4B,EAAC,8BAA8B,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/media-image-field/media-image-view.uni.driver.js

@@ -0,0 +1,14 @@
+import { baseUniDriverFactory } from '../../testkit/base-driver';
+export function MediaImageViewUniDriver(base, _body) {
+    const thumbnail = base.$('[data-hook="media-image-view-thumbnail"]');
+    const altText = base.$('[data-hook="media-image-view-alt-text"]');
+    const altTextPlaceholder = base.$('[data-hook="media-image-view-alt-text-placeholder"]');
+    return {
+        ...baseUniDriverFactory(base),
+        hasThumbnail: () => thumbnail.exists(),
+        isEmpty: async () => (await thumbnail.attr('data-empty')) === 'true',
+        getAltText: async () => (await altText.exists()) ? altText.text() : undefined,
+        hasAltTextPlaceholder: () => altTextPlaceholder.exists(),
+    };
+}
+//# sourceMappingURL=media-image-view.uni.driver.js.map

package/dist/esm/components/media-image-field/media-image-view.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-image-view.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/media-image-field/media-image-view.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,UAAU,uBAAuB,CAAC,IAAe,EAAE,KAAgB;IACvE,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC;IACrE,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC;IAClE,MAAM,kBAAkB,GAAG,IAAI,CAAC,CAAC,CAC/B,qDAAqD,CACtD,CAAC;IACF,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE;QACtC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,KAAK,MAAM;QACpE,UAAU,EAAE,KAAK,IAAI,EAAE,CACrB,CAAC,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS;QACvD,qBAAqB,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,MAAM,EAAE;KACzD,CAAC;AACJ,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_ = "mediatag529577997";
+var _namespace_ = "mediatag3696837917";
 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": "mediatag529577997__root" };
+export var classes = { "root": "mediatag3696837917__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"media-tag.st.css.js","sourceRoot":"","sources":["../../../../../src/components/media-tag/web-media-tag/media-tag.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,CAAC;AACxD,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,eAAe,EAAC,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"media-tag.st.css.js","sourceRoot":"","sources":["../../../../../src/components/media-tag/web-media-tag/media-tag.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,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,CAAC;AACzD,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,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

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_ = "cellmultidocumentedit3375278397";
+var _namespace_ = "cellmultidocumentedit1960764494";
 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": "cellmultidocumentedit3375278397__root", "chipTrigger": "cellmultidocumentedit3375278397__chipTrigger" };
+export var classes = { "root": "cellmultidocumentedit1960764494__root", "chipTrigger": "cellmultidocumentedit1960764494__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_ = "formmultidocument3935683465";
+var _namespace_ = "formmultidocument665324025";
 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": "formmultidocument3935683465__root", "viewRoot": "formmultidocument3935683465__viewRoot", "singleViewWrapper": "formmultidocument3935683465__singleViewWrapper", "addDocumentButton": "formmultidocument3935683465__addDocumentButton" };
+export var classes = { "root": "formmultidocument665324025__root", "viewRoot": "formmultidocument665324025__viewRoot", "singleViewWrapper": "formmultidocument665324025__singleViewWrapper", "addDocumentButton": "formmultidocument665324025__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,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"}
+{"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"}

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_ = "cellmultireferenceinput2758007147";
+var _namespace_ = "cellmultireferenceinput3910784580";
 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": "cellmultireferenceinput2758007147__root" };
+export var classes = { "root": "cellmultireferenceinput3910784580__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_ = "cellreferenceinput1958469920";
+var _namespace_ = "cellreferenceinput3065623487";
 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": "cellreferenceinput1958469920__root", "autocomplete": "cellreferenceinput1958469920__autocomplete" };
+export var classes = { "root": "cellreferenceinput3065623487__root", "autocomplete": "cellreferenceinput3065623487__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_ = "richcontentdefaultvalueinput1508730957";
+var _namespace_ = "richcontentdefaultvalueinput2934793051";
 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": "richcontentdefaultvalueinput1508730957__root", "richContentEditorContainer": "richcontentdefaultvalueinput1508730957__richContentEditorContainer", "editor": "richcontentdefaultvalueinput1508730957__editor" };
+export var classes = { "root": "richcontentdefaultvalueinput2934793051__root", "richContentEditorContainer": "richcontentdefaultvalueinput2934793051__richContentEditorContainer", "editor": "richcontentdefaultvalueinput2934793051__editor" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontentforminput1910101145";
+var _namespace_ = "richcontentforminput77101422";
 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": "richcontentforminput1910101145__root", "editor": "richcontentforminput1910101145__editor" };
+export var classes = { "root": "richcontentforminput77101422__root", "editor": "richcontentforminput77101422__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,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,eAAe,EAAC,iBAAiB,EAAC,mCAAmC,EAAC,qCAAqC,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,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,QAAQ,EAAC,sCAAsC,EAAC,CAAC;AACnH,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,eAAe,EAAC,iBAAiB,EAAC,mCAAmC,EAAC,qCAAqC,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_ = "richcontentformreadonlyinput1261656306";
+var _namespace_ = "richcontentformreadonlyinput494705295";
 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": "richcontentformreadonlyinput1261656306__root" };
+export var classes = { "root": "richcontentformreadonlyinput494705295__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,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"}
+{"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"}

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_ = "fullscreenmodal519539891";
+var _namespace_ = "fullscreenmodal871539065";
 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": "fullscreenmodal519539891__root", "modalContent": "fullscreenmodal519539891__modalContent" };
+export var classes = { "root": "fullscreenmodal871539065__root", "modalContent": "fullscreenmodal871539065__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_ = "publishloader1652119513";
+var _namespace_ = "publishloader2000651730";
 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": "publishloader1652119513__root", "publishLoader": "publishloader1652119513__publishLoader" };
+export var classes = { "root": "publishloader2000651730__root", "publishLoader": "publishloader2000651730__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_ = "togglefullscreenbutton1876260174";
+var _namespace_ = "togglefullscreenbutton1568774994";
 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": "togglefullscreenbutton1876260174__root" };
+export var classes = { "root": "togglefullscreenbutton1568774994__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_ = "richcontenteditor3517378070";
+var _namespace_ = "richcontenteditor3871978114";
 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": "richcontenteditor3517378070__root", "toolbarContainer": "richcontenteditor3517378070__toolbarContainer", "footerToolbarContainer": "richcontenteditor3517378070__footerToolbarContainer", "toolbarAndFullScreenButtonWrapper": "richcontenteditor3517378070__toolbarAndFullScreenButtonWrapper", "editor": "richcontenteditor3517378070__editor", "modalEditor": "richcontenteditor3517378070__modalEditor" };
+export var classes = { "root": "richcontenteditor3871978114__root", "toolbarContainer": "richcontenteditor3871978114__toolbarContainer", "footerToolbarContainer": "richcontenteditor3871978114__footerToolbarContainer", "toolbarAndFullScreenButtonWrapper": "richcontenteditor3871978114__toolbarAndFullScreenButtonWrapper", "editor": "richcontenteditor3871978114__editor", "modalEditor": "richcontenteditor3871978114__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_ = "richcontenttoolbar1592496811";
+var _namespace_ = "richcontenttoolbar2595556730";
 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": "richcontenttoolbar1592496811__root", "toolbar": "richcontenttoolbar1592496811__toolbar", "toolbarButton": "richcontenttoolbar1592496811__toolbarButton", "separator": "richcontenttoolbar1592496811__separator" };
+export var classes = { "root": "richcontenttoolbar2595556730__root", "toolbar": "richcontenttoolbar2595556730__toolbar", "toolbarButton": "richcontenttoolbar2595556730__toolbarButton", "separator": "richcontenttoolbar2595556730__separator" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontentviewer4129004765";
+var _namespace_ = "richcontentviewer2640506779";
 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": "richcontentviewer4129004765__root", "viewer": "richcontentviewer4129004765__viewer", "modalViewer": "richcontentviewer4129004765__modalViewer" };
+export var classes = { "root": "richcontentviewer2640506779__root", "viewer": "richcontentviewer2640506779__viewer", "modalViewer": "richcontentviewer2640506779__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_ = "richeditor3471716020";
+var _namespace_ = "richeditor1988807285";
 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": "richeditor3471716020__root", "editor": "richeditor3471716020__editor", "header-one": "richeditor3471716020__header-one", "header-two": "richeditor3471716020__header-two", "header-three": "richeditor3471716020__header-three", "header-four": "richeditor3471716020__header-four", "header-five": "richeditor3471716020__header-five", "header-six": "richeditor3471716020__header-six", "paragraph-one": "richeditor3471716020__paragraph-one", "unstyled": "richeditor3471716020__unstyled", "paragraph-three": "richeditor3471716020__paragraph-three", "align-left": "richeditor3471716020__align-left", "align-right": "richeditor3471716020__align-right", "align-center": "richeditor3471716020__align-center", "align-justify": "richeditor3471716020__align-justify", "withMargin": "richeditor3471716020__withMargin", "dir-rtl": "richeditor3471716020__dir-rtl" };
+export var classes = { "root": "richeditor1988807285__root", "editor": "richeditor1988807285__editor", "header-one": "richeditor1988807285__header-one", "header-two": "richeditor1988807285__header-two", "header-three": "richeditor1988807285__header-three", "header-four": "richeditor1988807285__header-four", "header-five": "richeditor1988807285__header-five", "header-six": "richeditor1988807285__header-six", "paragraph-one": "richeditor1988807285__paragraph-one", "unstyled": "richeditor1988807285__unstyled", "paragraph-three": "richeditor1988807285__paragraph-three", "align-left": "richeditor1988807285__align-left", "align-right": "richeditor1988807285__align-right", "align-center": "richeditor1988807285__align-center", "align-justify": "richeditor1988807285__align-justify", "withMargin": "richeditor1988807285__withMargin", "dir-rtl": "richeditor1988807285__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_ = "richtexteditor297234169";
+var _namespace_ = "richtexteditor1168652422";
 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": "richtexteditor297234169__root", "nativeInput": "richtexteditor297234169__nativeInput", "editor": "richtexteditor297234169__editor" };
+export var classes = { "root": "richtexteditor1168652422__root", "nativeInput": "richtexteditor1168652422__nativeInput", "editor": "richtexteditor1168652422__editor" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

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

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
-var _namespace_ = "toolbar712794843";
+var _namespace_ = "toolbar1147465291";
 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": "toolbar712794843__root", "item": "toolbar712794843__item", "separator": "toolbar712794843__separator", "clearFormatting": "toolbar712794843__clearFormatting", "fullScreen": "toolbar712794843__fullScreen", "dropdownItemContent": "toolbar712794843__dropdownItemContent", "dropdownItemTitle": "toolbar712794843__dropdownItemTitle", "dropdownItemSubtitle": "toolbar712794843__dropdownItemSubtitle", "dropdownHeaderOne": "toolbar712794843__dropdownHeaderOne", "dropdownHeaderTwo": "toolbar712794843__dropdownHeaderTwo", "dropdownHeaderThree": "toolbar712794843__dropdownHeaderThree", "dropdownHeaderFour": "toolbar712794843__dropdownHeaderFour", "dropdownHeaderFive": "toolbar712794843__dropdownHeaderFive", "dropdownHeaderSix": "toolbar712794843__dropdownHeaderSix", "dropdownParagraphOne": "toolbar712794843__dropdownParagraphOne", "dropdownNormalText": "toolbar712794843__dropdownNormalText", "dropdownParagraphThree": "toolbar712794843__dropdownParagraphThree" };
+export var classes = { "root": "toolbar1147465291__root", "item": "toolbar1147465291__item", "separator": "toolbar1147465291__separator", "clearFormatting": "toolbar1147465291__clearFormatting", "fullScreen": "toolbar1147465291__fullScreen", "dropdownItemContent": "toolbar1147465291__dropdownItemContent", "dropdownItemTitle": "toolbar1147465291__dropdownItemTitle", "dropdownItemSubtitle": "toolbar1147465291__dropdownItemSubtitle", "dropdownHeaderOne": "toolbar1147465291__dropdownHeaderOne", "dropdownHeaderTwo": "toolbar1147465291__dropdownHeaderTwo", "dropdownHeaderThree": "toolbar1147465291__dropdownHeaderThree", "dropdownHeaderFour": "toolbar1147465291__dropdownHeaderFour", "dropdownHeaderFive": "toolbar1147465291__dropdownHeaderFive", "dropdownHeaderSix": "toolbar1147465291__dropdownHeaderSix", "dropdownParagraphOne": "toolbar1147465291__dropdownParagraphOne", "dropdownNormalText": "toolbar1147465291__dropdownNormalText", "dropdownParagraphThree": "toolbar1147465291__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,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,mCAAmC,EAAC,qCAAqC,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,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,mCAAmC,EAAC,qCAAqC,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_ = "textview1179901631";
+var _namespace_ = "textview2901521655";
 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": "textview1179901631__root", "textView": "textview1179901631__textView" };
+export var classes = { "root": "textview2901521655__root", "textView": "textview2901521655__textView" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};