@wix/patterns-fields 1.30.0 → 1.32.0

package/src/components/highlighted-text/highlighted-text.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "highlightedtext3677604336";
+var _namespace_ = "highlightedtext3214744979";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"highlightedtext3677604336__root","substring":"highlightedtext3677604336__substring"};
-export var keyframes = {"highlighted":"highlightedtext3677604336__highlighted","highlighted-match":"highlightedtext3677604336__highlighted-match"}; 
+export var classes = {"root":"highlightedtext3214744979__root","substring":"highlightedtext3214744979__substring"};
+export var keyframes = {"highlighted":"highlightedtext3214744979__highlighted","highlighted-match":"highlightedtext3214744979__highlighted-match"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

package/src/components/image/thumbnail-replace-overlay.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "thumbnailreplaceoverlay4132621481";
+var _namespace_ = "thumbnailreplaceoverlay3070733555";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"thumbnailreplaceoverlay4132621481__root","icon":"thumbnailreplaceoverlay4132621481__icon"};
+export var classes = {"root":"thumbnailreplaceoverlay3070733555__root","icon":"thumbnailreplaceoverlay3070733555__icon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-control/cell-media-edit-shell.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellmediaeditshell3249443726";
+var _namespace_ = "cellmediaeditshell217379103";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellmediaeditshell3249443726__root"};
+export var classes = {"root":"cellmediaeditshell217379103__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-control/paste-url-button.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "pasteurlbutton625213010";
+var _namespace_ = "pasteurlbutton1343200640";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"pasteurlbutton625213010__root","iconButtonTooltip":"pasteurlbutton625213010__iconButtonTooltip","iconButton":"pasteurlbutton625213010__iconButton"};
+export var classes = {"root":"pasteurlbutton1343200640__root","iconButtonTooltip":"pasteurlbutton1343200640__iconButtonTooltip","iconButton":"pasteurlbutton1343200640__iconButton"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-gallery/form-media-gallery-field.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "formmediagalleryfield2467681512";
+var _namespace_ = "formmediagalleryfield632998718";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"formmediagalleryfield2467681512__root","container":"formmediagalleryfield2467681512__container","viewBox":"formmediagalleryfield2467681512__viewBox","addItemWrapper":"formmediagalleryfield2467681512__addItemWrapper","addItem":"formmediagalleryfield2467681512__addItem","overlay":"formmediagalleryfield2467681512__overlay","image":"formmediagalleryfield2467681512__image","previewImage":"formmediagalleryfield2467681512__previewImage","previewVideo":"formmediagalleryfield2467681512__previewVideo"};
+export var classes = {"root":"formmediagalleryfield632998718__root","container":"formmediagalleryfield632998718__container","viewBox":"formmediagalleryfield632998718__viewBox","addItemWrapper":"formmediagalleryfield632998718__addItemWrapper","addItem":"formmediagalleryfield632998718__addItem","overlay":"formmediagalleryfield632998718__overlay","image":"formmediagalleryfield632998718__image","previewImage":"formmediagalleryfield632998718__previewImage","previewVideo":"formmediagalleryfield632998718__previewVideo"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-image/media-image.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "mediaimage1036556018";
+var _namespace_ = "mediaimage2388108448";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"mediaimage1036556018__root"};
+export var classes = {"root":"mediaimage2388108448__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"wds-color-red-200":"--wds-color-red-200","wsr-color-R20":"--wsr-color-R20","wds-color-black-550":"--wds-color-black-550","wsr-color-D55":"--wsr-color-D55","from":"--mediaimage1036556018-from","to":"--mediaimage1036556018-to"}; 
+export var vars = {"wds-color-red-200":"--wds-color-red-200","wsr-color-R20":"--wsr-color-R20","wds-color-black-550":"--wds-color-black-550","wsr-color-D55":"--wsr-color-D55","from":"--mediaimage2388108448-from","to":"--mediaimage2388108448-to"}; 
 
 
 

package/src/components/media-image/overlays/overlay.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "overlay1563249880";
+var _namespace_ = "overlay2441951808";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"overlay1563249880__root","iconOverlay":"overlay1563249880__iconOverlay"};
+export var classes = {"root":"overlay2441951808__root","iconOverlay":"overlay2441951808__iconOverlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {"iconShadow":"drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6))"}; 
-export var vars = {"wds-color-white":"--wds-color-white","wsr-color-D80":"--overlay1563249880-wsr-color-D80"}; 
+export var vars = {"wds-color-white":"--wds-color-white","wsr-color-D80":"--overlay2441951808-wsr-color-D80"}; 
 
 
 

package/src/components/media-loader/media-loader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "medialoader2031441929";
+var _namespace_ = "medialoader1457961175";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"medialoader2031441929__root","loader":"medialoader2031441929__loader"};
+export var classes = {"root":"medialoader1457961175__root","loader":"medialoader1457961175__loader"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-tag/web-media-tag/media-tag.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "mediatag1768943632";
+var _namespace_ = "mediatag2697438629";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"mediatag1768943632__root"};
+export var classes = {"root":"mediatag2697438629__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/multi-document/multi-document-input/form-multi-document.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "formmultidocument2352985282";
+var _namespace_ = "formmultidocument1813531360";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"formmultidocument2352985282__root","viewRoot":"formmultidocument2352985282__viewRoot","singleViewWrapper":"formmultidocument2352985282__singleViewWrapper","addDocumentButton":"formmultidocument2352985282__addDocumentButton"};
+export var classes = {"root":"formmultidocument1813531360__root","viewRoot":"formmultidocument1813531360__viewRoot","singleViewWrapper":"formmultidocument1813531360__singleViewWrapper","addDocumentButton":"formmultidocument1813531360__addDocumentButton"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/reference/cell-reference-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellreferenceinput2045539434";
+var _namespace_ = "cellreferenceinput121340969";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellreferenceinput2045539434__root","autocomplete":"cellreferenceinput2045539434__autocomplete"};
+export var classes = {"root":"cellreferenceinput121340969__root","autocomplete":"cellreferenceinput121340969__autocomplete"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/reference/cell-reference-input.tsx

@@ -1,5 +1,11 @@
 import React, { useEffect, useMemo, useRef } from 'react';
-import { AutoComplete, Input, listItemSelectBuilder } from '@wix/design-system';
+import {
+  AutoComplete,
+  Divider,
+  Input,
+  ListItemAction,
+  listItemSelectBuilder,
+} from '@wix/design-system';
 import { useTranslations } from '../../hooks/use-translations';
 import { ReferenceAvatar } from './reference-avatar';
 import { st, classes } from './cell-reference-input.st.css.js';
@@ -32,6 +38,8 @@ export interface CellReferenceInputProps {
   hasMore?: boolean;
   loadMore?: () => void;
   fixedFooter?: React.ReactNode;
+  /** When provided, renders an "Open Collection" action at the bottom of the dropdown. */
+  onOpenCollection?: () => void;
   /** Open dropdown immediately on mount (type-to-edit / Enter triggers). */
   autoOpen?: boolean;
   inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;
@@ -59,6 +67,7 @@ export const CellReferenceInput = React.forwardRef<
       hasMore,
       loadMore,
       fixedFooter,
+      onOpenCollection,
       autoOpen,
       inputRef,
     },
@@ -95,6 +104,30 @@ export const CellReferenceInput = React.forwardRef<
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 
+    const combinedFooter = useMemo(() => {
+      if (!fixedFooter && !onOpenCollection) {
+        return undefined;
+      }
+      return (
+        // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+        <div onMouseDown={(e) => e.preventDefault()}>
+          {fixedFooter}
+          {onOpenCollection && <Divider />}
+          {onOpenCollection && (
+            <ListItemAction
+              title={t('patterns-fields.reference.open_collection')}
+              size="small"
+              onClick={() => {
+                acRef.current?.hideOptions?.();
+                onOpenCollection();
+              }}
+              dataHook="reference-open-collection"
+            />
+          )}
+        </div>
+      );
+    }, [fixedFooter, onOpenCollection, t]);
+
     const prefix =
       selectedItem && !value ? (
         <Input.Affix data-hook="reference-input-avatar-prefix">
@@ -135,12 +168,7 @@ export const CellReferenceInput = React.forwardRef<
           infiniteScroll={infiniteScroll}
           hasMore={hasMore}
           loadMore={loadMore}
-          fixedFooter={
-            fixedFooter ? (
-              // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-              <div onMouseDown={(e) => e.preventDefault()}>{fixedFooter}</div>
-            ) : undefined
-          }
+          fixedFooter={combinedFooter}
           placeholder={t('auto-patterns.fields.select_placeholder')}
           showOptionsIfEmptyInput
           autoSelect={false}

package/src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richcontentdefaultvalueinput1265396602";
+var _namespace_ = "richcontentdefaultvalueinput1183094844";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"richcontentdefaultvalueinput1265396602__root","richContentEditorContainer":"richcontentdefaultvalueinput1265396602__richContentEditorContainer","editor":"richcontentdefaultvalueinput1265396602__editor"};
+export var classes = {"root":"richcontentdefaultvalueinput1183094844__root","richContentEditorContainer":"richcontentdefaultvalueinput1183094844__richContentEditorContainer","editor":"richcontentdefaultvalueinput1183094844__editor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"topToolbarHeight":"--richcontentdefaultvalueinput1265396602-topToolbarHeight","bottomToolbarHeight":"--richcontentdefaultvalueinput1265396602-bottomToolbarHeight"}; 
+export var vars = {"topToolbarHeight":"--richcontentdefaultvalueinput1183094844-topToolbarHeight","bottomToolbarHeight":"--richcontentdefaultvalueinput1183094844-bottomToolbarHeight"}; 
 
 
 

package/src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richcontentforminput1859297185";
+var _namespace_ = "richcontentforminput413467513";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"richcontentforminput1859297185__root","editor":"richcontentforminput1859297185__editor"};
+export var classes = {"root":"richcontentforminput413467513__root","editor":"richcontentforminput413467513__editor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"wds-color-blue-300":"--wds-color-blue-300","wds-border-radius-300":"--wds-border-radius-300","wds-color-blue-100":"--wds-color-blue-100","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","topToolbarHeight":"--richcontentforminput1859297185-topToolbarHeight","bottomToolbarHeight":"--richcontentforminput1859297185-bottomToolbarHeight"}; 
+export var vars = {"wds-color-blue-300":"--wds-color-blue-300","wds-border-radius-300":"--wds-border-radius-300","wds-color-blue-100":"--wds-color-blue-100","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","topToolbarHeight":"--richcontentforminput413467513-topToolbarHeight","bottomToolbarHeight":"--richcontentforminput413467513-bottomToolbarHeight"}; 
 
 
 

package/src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richcontentformreadonlyinput1244129761";
+var _namespace_ = "richcontentformreadonlyinput1517374699";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"richcontentformreadonlyinput1244129761__root"};
+export var classes = {"root":"richcontentformreadonlyinput1517374699__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runti
 
 
 
-var _namespace_ = "fullscreenmodal2486232399";
+var _namespace_ = "fullscreenmodal2704440017";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"fullscreenmodal2486232399__root","modalContent":"fullscreenmodal2486232399__modalContent"};
+export var classes = {"root":"fullscreenmodal2704440017__root","modalContent":"fullscreenmodal2704440017__modalContent"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runti
 
 
 
-var _namespace_ = "publishloader4284818147";
+var _namespace_ = "publishloader804101558";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"publishloader4284818147__root","publishLoader":"publishloader4284818147__publishLoader"};
+export var classes = {"root":"publishloader804101558__root","publishLoader":"publishloader804101558__publishLoader"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runti
 
 
 
-var _namespace_ = "togglefullscreenbutton1800781088";
+var _namespace_ = "togglefullscreenbutton2282495101";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"togglefullscreenbutton1800781088__root"};
+export var classes = {"root":"togglefullscreenbutton2282495101__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richcontenteditor4138500072";
+var _namespace_ = "richcontenteditor3635471926";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"richcontenteditor4138500072__root","toolbarContainer":"richcontenteditor4138500072__toolbarContainer","footerToolbarContainer":"richcontenteditor4138500072__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor4138500072__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor4138500072__editor","modalEditor":"richcontenteditor4138500072__modalEditor"};
+export var classes = {"root":"richcontenteditor3635471926__root","toolbarContainer":"richcontenteditor3635471926__toolbarContainer","footerToolbarContainer":"richcontenteditor3635471926__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor3635471926__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor3635471926__editor","modalEditor":"richcontenteditor3635471926__modalEditor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"wds-font-family-default":"--richcontenteditor4138500072-wds-font-family-default"}; 
+export var vars = {"wds-font-family-default":"--richcontenteditor3635471926-wds-font-family-default"}; 
 
 
 

package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richcontenttoolbar929226885";
+var _namespace_ = "richcontenttoolbar878042027";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"richcontenttoolbar929226885__root","toolbar":"richcontenttoolbar929226885__toolbar","toolbarButton":"richcontenttoolbar929226885__toolbarButton"};
+export var classes = {"root":"richcontenttoolbar878042027__root","toolbar":"richcontenttoolbar878042027__toolbar","toolbarButton":"richcontenttoolbar878042027__toolbarButton"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richcontentviewer2436847825";
+var _namespace_ = "richcontentviewer1805163026";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"richcontentviewer2436847825__root","viewer":"richcontentviewer2436847825__viewer","modalViewer":"richcontentviewer2436847825__modalViewer"};
+export var classes = {"root":"richcontentviewer1805163026__root","viewer":"richcontentviewer1805163026__viewer","modalViewer":"richcontentviewer1805163026__modalViewer"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richeditor4111786402";
+var _namespace_ = "richeditor1229681123";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"richeditor4111786402__root","editor":"richeditor4111786402__editor","header-one":"richeditor4111786402__header-one","header-two":"richeditor4111786402__header-two","header-three":"richeditor4111786402__header-three","header-four":"richeditor4111786402__header-four","header-five":"richeditor4111786402__header-five","header-six":"richeditor4111786402__header-six","paragraph-one":"richeditor4111786402__paragraph-one","unstyled":"richeditor4111786402__unstyled","paragraph-three":"richeditor4111786402__paragraph-three","align-left":"richeditor4111786402__align-left","align-right":"richeditor4111786402__align-right","align-center":"richeditor4111786402__align-center","align-justify":"richeditor4111786402__align-justify","withMargin":"richeditor4111786402__withMargin","dir-rtl":"richeditor4111786402__dir-rtl"};
+export var classes = {"root":"richeditor1229681123__root","editor":"richeditor1229681123__editor","header-one":"richeditor1229681123__header-one","header-two":"richeditor1229681123__header-two","header-three":"richeditor1229681123__header-three","header-four":"richeditor1229681123__header-four","header-five":"richeditor1229681123__header-five","header-six":"richeditor1229681123__header-six","paragraph-one":"richeditor1229681123__paragraph-one","unstyled":"richeditor1229681123__unstyled","paragraph-three":"richeditor1229681123__paragraph-three","align-left":"richeditor1229681123__align-left","align-right":"richeditor1229681123__align-right","align-center":"richeditor1229681123__align-center","align-justify":"richeditor1229681123__align-justify","withMargin":"richeditor1229681123__withMargin","dir-rtl":"richeditor1229681123__dir-rtl"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {"fontFamilyDefault":"var(--wds-font-family-default, var(--wsr-font-family, Madefor))","h1FontSize":"var(--rt-h1-fontSize, 72px)","h1FontStyle":"var(--rt-h1-fontStyle, normal)","h1FontWeight":"var(--rt-h1-fontWeight, var(--wds-font-weight-bold, 700))","h1FontFamily":"var(--rt-h1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","h1LineHeight":"var(--rt-h1-lineHeight, 1.33)","h1Font":"var(--rt-h1-fontStyle, normal) var(--rt-h1-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h1-fontSize, 72px)/var(--rt-h1-lineHeight, 1.33) var(--rt-h1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","h2FontSize":"var(--rt-h2-fontSize, 42px)","h2FontStyle":"var(--rt-h2-fontStyle, normal)","h2FontWeight":"var(--rt-h2-fontWeight, var(--wds-font-weight-bold, 700))","h2FontFamily":"var(--rt-h2-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","h2LineHeight":"var(--rt-h2-lineHeight, 1.2)","h2Font":"var(--rt-h2-fontStyle, normal) var(--rt-h2-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h2-fontSize, 42px)/var(--rt-h2-lineHeight, 1.2) var(--rt-h2-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","h3FontSize":"var(--rt-h3-fontSize, 38px)","h3FontStyle":"var(--rt-h3-fontStyle, normal)","h3FontWeight":"var(--rt-h3-fontWeight, var(--wds-font-weight-medium, 500))","h3FontFamily":"var(--rt-h3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","h3LineHeight":"var(--rt-h3-lineHeight, 1.2)","h3Font":"var(--rt-h3-fontStyle, normal) var(--rt-h3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h3-fontSize, 38px)/var(--rt-h3-lineHeight, 1.2) var(--rt-h3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","h4FontSize":"var(--rt-h4-fontSize, 34px)","h4FontStyle":"var(--rt-h4-fontStyle, normal)","h4FontWeight":"var(--rt-h4-fontWeight, var(--wds-font-weight-bold, 700))","h4FontFamily":"var(--rt-h4-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","h4LineHeight":"var(--rt-h4-lineHeight, 1.2)","h4Font":"var(--rt-h4-fontStyle, normal) var(--rt-h4-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h4-fontSize, 34px)/var(--rt-h4-lineHeight, 1.2) var(--rt-h4-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","h5FontSize":"var(--rt-h5-fontSize, 28px)","h5FontStyle":"var(--rt-h5-fontStyle, normal)","h5FontWeight":"var(--rt-h5-fontWeight, var(--wds-font-weight-bold, 700))","h5FontFamily":"var(--rt-h5-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","h5LineHeight":"var(--rt-h5-lineHeight, 1.2)","h5Font":"var(--rt-h5-fontStyle, normal) var(--rt-h5-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h5-fontSize, 28px)/var(--rt-h5-lineHeight, 1.2) var(--rt-h5-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","h6FontSize":"var(--rt-h6-fontSize, 22px)","h6FontStyle":"var(--rt-h6-fontStyle, normal)","h6FontWeight":"var(--rt-h6-fontWeight, var(--wds-font-weight-medium, 500))","h6FontFamily":"var(--rt-h6-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","h6LineHeight":"var(--rt-h6-lineHeight, 1.2)","h6Font":"var(--rt-h6-fontStyle, normal) var(--rt-h6-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h6-fontSize, 22px)/var(--rt-h6-lineHeight, 1.2) var(--rt-h6-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","p1FontSize":"var(--rt-p1-fontSize, 18px)","p1FontStyle":"var(--rt-p1-fontStyle, normal)","p1FontWeight":"var(--rt-p1-fontWeight, var(--wds-font-weight-medium, 500))","p1FontFamily":"var(--rt-p1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","p1LineHeight":"var(--rt-p1-lineHeight, 24px)","p1Font":"var(--rt-p1-fontStyle, normal) var(--rt-p1-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p1-fontSize, 18px)/var(--rt-p1-lineHeight, 24px) var(--rt-p1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","unstyledFontSize":"var(--rt-unstyled-fontSize, 16px)","unstyledFontStyle":"var(--rt-unstyled-fontStyle, normal)","unstyledFontWeight":"var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium, 500))","unstyledFontFamily":"var(--rt-unstyled-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","unstyledLineHeight":"var(--rt-unstyled-lineHeight, 24px)","unstyledFont":"var(--rt-unstyled-fontStyle, normal) var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-unstyled-fontSize, 16px)/var(--rt-unstyled-lineHeight, 24px) var(--rt-unstyled-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","p3FontSize":"var(--rt-p3-fontSize, 14px)","p3FontStyle":"var(--rt-p3-fontStyle, normal)","p3FontWeight":"var(--rt-p3-fontWeight, var(--wds-font-weight-medium, 500))","p3FontFamily":"var(--rt-p3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))","p3LineHeight":"var(--rt-p3-lineHeight, 18px)","p3Font":"var(--rt-p3-fontStyle, normal) var(--rt-p3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p3-fontSize, 14px)/var(--rt-p3-lineHeight, 18px) var(--rt-p3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))"}; 
-export var vars = {"wds-color-black-100":"--wds-color-black-100","wds-color-black-700":"--wds-color-black-700","wds-font-family-default":"--wds-font-family-default","wsr-font-family":"--wsr-font-family","wds-font-weight-medium":"--wds-font-weight-medium","wds-font-weight-bold":"--wds-font-weight-bold","wds-font-size-500":"--wds-font-size-500","wds-font-line-height-300":"--wds-font-line-height-300","rt-h1-fontSize":"--rt-h1-fontSize","rt-h1-fontStyle":"--rt-h1-fontStyle","rt-h1-fontWeight":"--rt-h1-fontWeight","rt-h1-fontFamily":"--rt-h1-fontFamily","rt-h1-lineHeight":"--rt-h1-lineHeight","rt-h2-fontSize":"--rt-h2-fontSize","rt-h2-fontStyle":"--rt-h2-fontStyle","rt-h2-fontWeight":"--rt-h2-fontWeight","rt-h2-fontFamily":"--rt-h2-fontFamily","rt-h2-lineHeight":"--rt-h2-lineHeight","rt-h3-fontSize":"--rt-h3-fontSize","rt-h3-fontStyle":"--rt-h3-fontStyle","rt-h3-fontWeight":"--rt-h3-fontWeight","rt-h3-fontFamily":"--rt-h3-fontFamily","rt-h3-lineHeight":"--rt-h3-lineHeight","rt-h4-fontSize":"--rt-h4-fontSize","rt-h4-fontStyle":"--rt-h4-fontStyle","rt-h4-fontWeight":"--rt-h4-fontWeight","rt-h4-fontFamily":"--rt-h4-fontFamily","rt-h4-lineHeight":"--rt-h4-lineHeight","rt-h5-fontSize":"--rt-h5-fontSize","rt-h5-fontStyle":"--rt-h5-fontStyle","rt-h5-fontWeight":"--rt-h5-fontWeight","rt-h5-fontFamily":"--rt-h5-fontFamily","rt-h5-lineHeight":"--rt-h5-lineHeight","rt-h6-fontSize":"--rt-h6-fontSize","rt-h6-fontStyle":"--rt-h6-fontStyle","rt-h6-fontWeight":"--rt-h6-fontWeight","rt-h6-fontFamily":"--rt-h6-fontFamily","rt-h6-lineHeight":"--rt-h6-lineHeight","rt-p1-fontSize":"--rt-p1-fontSize","rt-p1-fontStyle":"--rt-p1-fontStyle","rt-p1-fontWeight":"--rt-p1-fontWeight","rt-p1-fontFamily":"--rt-p1-fontFamily","rt-p1-lineHeight":"--rt-p1-lineHeight","rt-unstyled-fontSize":"--rt-unstyled-fontSize","rt-unstyled-fontStyle":"--rt-unstyled-fontStyle","rt-unstyled-fontWeight":"--rt-unstyled-fontWeight","rt-unstyled-fontFamily":"--rt-unstyled-fontFamily","rt-unstyled-lineHeight":"--rt-unstyled-lineHeight","rt-p3-fontSize":"--rt-p3-fontSize","rt-p3-fontStyle":"--rt-p3-fontStyle","rt-p3-fontWeight":"--rt-p3-fontWeight","rt-p3-fontFamily":"--rt-p3-fontFamily","rt-p3-lineHeight":"--rt-p3-lineHeight","wsr-color-D10":"--richeditor4111786402-wsr-color-D10","wsr-color-D70":"--richeditor4111786402-wsr-color-D70"}; 
+export var vars = {"wds-color-black-100":"--wds-color-black-100","wds-color-black-700":"--wds-color-black-700","wds-font-family-default":"--wds-font-family-default","wsr-font-family":"--wsr-font-family","wds-font-weight-medium":"--wds-font-weight-medium","wds-font-weight-bold":"--wds-font-weight-bold","wds-font-size-500":"--wds-font-size-500","wds-font-line-height-300":"--wds-font-line-height-300","rt-h1-fontSize":"--rt-h1-fontSize","rt-h1-fontStyle":"--rt-h1-fontStyle","rt-h1-fontWeight":"--rt-h1-fontWeight","rt-h1-fontFamily":"--rt-h1-fontFamily","rt-h1-lineHeight":"--rt-h1-lineHeight","rt-h2-fontSize":"--rt-h2-fontSize","rt-h2-fontStyle":"--rt-h2-fontStyle","rt-h2-fontWeight":"--rt-h2-fontWeight","rt-h2-fontFamily":"--rt-h2-fontFamily","rt-h2-lineHeight":"--rt-h2-lineHeight","rt-h3-fontSize":"--rt-h3-fontSize","rt-h3-fontStyle":"--rt-h3-fontStyle","rt-h3-fontWeight":"--rt-h3-fontWeight","rt-h3-fontFamily":"--rt-h3-fontFamily","rt-h3-lineHeight":"--rt-h3-lineHeight","rt-h4-fontSize":"--rt-h4-fontSize","rt-h4-fontStyle":"--rt-h4-fontStyle","rt-h4-fontWeight":"--rt-h4-fontWeight","rt-h4-fontFamily":"--rt-h4-fontFamily","rt-h4-lineHeight":"--rt-h4-lineHeight","rt-h5-fontSize":"--rt-h5-fontSize","rt-h5-fontStyle":"--rt-h5-fontStyle","rt-h5-fontWeight":"--rt-h5-fontWeight","rt-h5-fontFamily":"--rt-h5-fontFamily","rt-h5-lineHeight":"--rt-h5-lineHeight","rt-h6-fontSize":"--rt-h6-fontSize","rt-h6-fontStyle":"--rt-h6-fontStyle","rt-h6-fontWeight":"--rt-h6-fontWeight","rt-h6-fontFamily":"--rt-h6-fontFamily","rt-h6-lineHeight":"--rt-h6-lineHeight","rt-p1-fontSize":"--rt-p1-fontSize","rt-p1-fontStyle":"--rt-p1-fontStyle","rt-p1-fontWeight":"--rt-p1-fontWeight","rt-p1-fontFamily":"--rt-p1-fontFamily","rt-p1-lineHeight":"--rt-p1-lineHeight","rt-unstyled-fontSize":"--rt-unstyled-fontSize","rt-unstyled-fontStyle":"--rt-unstyled-fontStyle","rt-unstyled-fontWeight":"--rt-unstyled-fontWeight","rt-unstyled-fontFamily":"--rt-unstyled-fontFamily","rt-unstyled-lineHeight":"--rt-unstyled-lineHeight","rt-p3-fontSize":"--rt-p3-fontSize","rt-p3-fontStyle":"--rt-p3-fontStyle","rt-p3-fontWeight":"--rt-p3-fontWeight","rt-p3-fontFamily":"--rt-p3-fontFamily","rt-p3-lineHeight":"--rt-p3-lineHeight","wsr-color-D10":"--richeditor1229681123-wsr-color-D10","wsr-color-D70":"--richeditor1229681123-wsr-color-D70"}; 
 
 
 

package/src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richtexteditor1980593862";
+var _namespace_ = "richtexteditor4150734";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"richtexteditor1980593862__root","nativeInput":"richtexteditor1980593862__nativeInput","editor":"richtexteditor1980593862__editor"};
+export var classes = {"root":"richtexteditor4150734__root","nativeInput":"richtexteditor4150734__nativeInput","editor":"richtexteditor4150734__editor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runti
 
 
 
-var _namespace_ = "toolbar4200474281";
+var _namespace_ = "toolbar3394446967";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"toolbar4200474281__root","item":"toolbar4200474281__item","separator":"toolbar4200474281__separator","clearFormatting":"toolbar4200474281__clearFormatting","fullScreen":"toolbar4200474281__fullScreen","dropdownItemContent":"toolbar4200474281__dropdownItemContent","dropdownItemTitle":"toolbar4200474281__dropdownItemTitle","dropdownItemSubtitle":"toolbar4200474281__dropdownItemSubtitle","dropdownHeaderOne":"toolbar4200474281__dropdownHeaderOne","dropdownHeaderTwo":"toolbar4200474281__dropdownHeaderTwo","dropdownHeaderThree":"toolbar4200474281__dropdownHeaderThree","dropdownHeaderFour":"toolbar4200474281__dropdownHeaderFour","dropdownHeaderFive":"toolbar4200474281__dropdownHeaderFive","dropdownHeaderSix":"toolbar4200474281__dropdownHeaderSix","dropdownParagraphOne":"toolbar4200474281__dropdownParagraphOne","dropdownNormalText":"toolbar4200474281__dropdownNormalText","dropdownParagraphThree":"toolbar4200474281__dropdownParagraphThree"};
+export var classes = {"root":"toolbar3394446967__root","item":"toolbar3394446967__item","separator":"toolbar3394446967__separator","clearFormatting":"toolbar3394446967__clearFormatting","fullScreen":"toolbar3394446967__fullScreen","dropdownItemContent":"toolbar3394446967__dropdownItemContent","dropdownItemTitle":"toolbar3394446967__dropdownItemTitle","dropdownItemSubtitle":"toolbar3394446967__dropdownItemSubtitle","dropdownHeaderOne":"toolbar3394446967__dropdownHeaderOne","dropdownHeaderTwo":"toolbar3394446967__dropdownHeaderTwo","dropdownHeaderThree":"toolbar3394446967__dropdownHeaderThree","dropdownHeaderFour":"toolbar3394446967__dropdownHeaderFour","dropdownHeaderFive":"toolbar3394446967__dropdownHeaderFive","dropdownHeaderSix":"toolbar3394446967__dropdownHeaderSix","dropdownParagraphOne":"toolbar3394446967__dropdownParagraphOne","dropdownNormalText":"toolbar3394446967__dropdownNormalText","dropdownParagraphThree":"toolbar3394446967__dropdownParagraphThree"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"wds-color-blue-400":"--wds-color-blue-400","wds-color-black-400":"--wds-color-black-400","wds-color-white":"--wds-color-white","wds-font-family-default":"--wds-font-family-default","wsr-font-family":"--wsr-font-family","wds-font-weight-medium":"--wds-font-weight-medium","wds-font-weight-bold":"--wds-font-weight-bold","wds-font-size-500":"--wds-font-size-500","wds-font-line-height-300":"--wds-font-line-height-300","wsr-color-B40":"--toolbar4200474281-wsr-color-B40","wsr-color-D80":"--toolbar4200474281-wsr-color-D80"}; 
+export var vars = {"wds-color-blue-400":"--wds-color-blue-400","wds-color-black-400":"--wds-color-black-400","wds-color-white":"--wds-color-white","wds-font-family-default":"--wds-font-family-default","wsr-font-family":"--wsr-font-family","wds-font-weight-medium":"--wds-font-weight-medium","wds-font-weight-bold":"--wds-font-weight-bold","wds-font-size-500":"--wds-font-size-500","wds-font-line-height-300":"--wds-font-line-height-300","wsr-color-B40":"--toolbar3394446967-wsr-color-B40","wsr-color-D80":"--toolbar3394446967-wsr-color-D80"}; 
 
 
 

package/src/components/text/text-view.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "textview1003482640";
+var _namespace_ = "textview2456796402";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"textview1003482640__root","textView":"textview1003482640__textView"};
+export var classes = {"root":"textview2456796402__root","textView":"textview2456796402__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/services/translations.ts

@@ -163,6 +163,7 @@ export type TranslationsKeys =
   | 'CMS.video.download'
   | 'CMS.video.delete'
   | 'patterns-fields.reference.untitled'
+  | 'patterns-fields.reference.open_collection'
   | 'CMS.document.delete.title'
   | 'CMS.document.delete.message'
   | 'auto-patterns.fields.type_mismatch_convert'