@wix/patterns-fields 1.123.0 → 1.125.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "mediaimageview3184009994";
+var _namespace_ = "mediaimageview2431025458";
 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":"mediaimageview3184009994__root","altTextPlaceholder":"mediaimageview3184009994__altTextPlaceholder"};
+export var classes = {"root":"mediaimageview2431025458__root","altTextPlaceholder":"mediaimageview2431025458__altTextPlaceholder"};
 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_ = "mediatag2191561493";
+var _namespace_ = "mediatag4208340969";
 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":"mediatag2191561493__root"};
+export var classes = {"root":"mediatag4208340969__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/multi-document/cell-multi-document-edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellmultidocumentedit667380981";
+var _namespace_ = "cellmultidocumentedit2557208302";
 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":"cellmultidocumentedit667380981__root","chipTrigger":"cellmultidocumentedit667380981__chipTrigger"};
+export var classes = {"root":"cellmultidocumentedit2557208302__root","chipTrigger":"cellmultidocumentedit2557208302__chipTrigger"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/multi-document/cell-multi-document-edit.tsx

@@ -236,14 +236,11 @@ export const CellMultiDocumentEdit: React.FC<CellMultiDocumentEditProps> = ({
               <Box
                 key={`${fieldId}-${index}`}
                 verticalAlign="middle"
-                // Cap the per-chip wrapper at the chip strip's content width so a
-                // single long filename can't overflow the column. Apply on the
-                // Box (a flex item of the strip) rather than the Tag — Tag's
-                // PopoverNextTrigger parent has no max-width, so a percentage
-                // clamp on the Tag itself is degenerate at narrow widths.
-                style={{ minWidth: 0, maxWidth: '100%' }}
+                minWidth={0}
+                maxWidth="100%"
               >
                 <PopoverMenu
+                  fluid
                   textSize="small"
                   appendTo="window"
                   // Function-form trigger: WDS Tag renders a plain <span>, so it

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_ = "formmultidocument3808373165";
+var _namespace_ = "formmultidocument2234993296";
 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":"formmultidocument3808373165__root","viewRoot":"formmultidocument3808373165__viewRoot","singleViewWrapper":"formmultidocument3808373165__singleViewWrapper","addDocumentButton":"formmultidocument3808373165__addDocumentButton"};
+export var classes = {"root":"formmultidocument2234993296__root","viewRoot":"formmultidocument2234993296__viewRoot","singleViewWrapper":"formmultidocument2234993296__singleViewWrapper","addDocumentButton":"formmultidocument2234993296__addDocumentButton"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellmultireferenceinput1079984993";
+var _namespace_ = "cellmultireferenceinput3594378776";
 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":"cellmultireferenceinput1079984993__root"};
+export var classes = {"root":"cellmultireferenceinput3594378776__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/reference/cell-multi-reference-view.st.css

@@ -0,0 +1,6 @@
+.expanded {
+  box-sizing: border-box;
+  max-height: 240px;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}

package/src/components/reference/cell-multi-reference-view.st.css.ts

@@ -0,0 +1,25 @@
+// @ts-nocheck
+
+
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "cellmultireferenceview1022689335";
+var _style_ = classesRuntime.bind(null, _namespace_);
+
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style: import("@stylable/runtime").STFunction = _style_;
+export var st: import("@stylable/runtime").STFunction = _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"cellmultireferenceview1022689335__root","expanded":"cellmultireferenceview1022689335__expanded"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {}; 
+
+
+
+

package/src/components/reference/cell-multi-reference-view.tsx

@@ -2,6 +2,7 @@ import React, { useMemo } from 'react';
 import { Box, TagList } from '@wix/design-system';
 import { useTranslations } from '../../hooks/use-translations';
 import { ReferenceAvatar } from './reference-avatar';
+import { classes } from './cell-multi-reference-view.st.css.js';
 
 export interface CellMultiReferenceItem {
   id: string;
@@ -19,15 +20,17 @@ export interface CellMultiReferenceViewProps {
    * uniqueness (e.g., derive from columnId + rowKey).
    */
   fieldId: string;
+  /** Show all selected tags in a wrapping, height-limited view. */
+  expanded?: boolean;
 }
 
 export const CellMultiReferenceView: React.FC<CellMultiReferenceViewProps> = ({
   items,
   dataHook,
   fieldId,
+  expanded = false,
 }) => {
   const { t } = useTranslations();
-
   const tags = useMemo(
     () =>
       items.map((item, i) => {
@@ -51,25 +54,31 @@ export const CellMultiReferenceView: React.FC<CellMultiReferenceViewProps> = ({
 
   return (
     <Box
+      className={expanded ? classes.expanded : undefined}
       dataHook={dataHook}
       direction="vertical"
-      verticalAlign="middle"
-      padding="0 8px"
-      height="100%"
+      verticalAlign={expanded ? 'top' : 'middle'}
+      padding={expanded ? '6px 8px' : '0 8px'}
+      height={expanded ? undefined : '100%'}
       width="100%"
       minWidth={0}
     >
       <TagList
-        overflowMode={{
-          type: 'collapse',
-          overflowTooltipContent: (hiddenTags) =>
-            hiddenTags
-              .map((tag) =>
-                typeof tag.children === 'string' ? tag.children : '',
-              )
-              .filter(Boolean)
-              .join(', '),
-        }}
+        maxVisibleTags={expanded ? tags.length : undefined}
+        overflowMode={
+          expanded
+            ? undefined
+            : {
+                type: 'collapse',
+                overflowTooltipContent: (hiddenTags) =>
+                  hiddenTags
+                    .map((tag) =>
+                      typeof tag.children === 'string' ? tag.children : '',
+                    )
+                    .filter(Boolean)
+                    .join(', '),
+              }
+        }
         size="small"
         dataHook="cell-multi-reference-tags"
         tags={tags}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellreferenceinput2862009294";
+var _namespace_ = "cellreferenceinput2594210922";
 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":"cellreferenceinput2862009294__root","autocomplete":"cellreferenceinput2862009294__autocomplete"};
+export var classes = {"root":"cellreferenceinput2594210922__root","autocomplete":"cellreferenceinput2594210922__autocomplete"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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_ = "richcontentdefaultvalueinput2772674048";
+var _namespace_ = "richcontentdefaultvalueinput3651013268";
 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":"richcontentdefaultvalueinput2772674048__root","richContentEditorContainer":"richcontentdefaultvalueinput2772674048__richContentEditorContainer","editor":"richcontentdefaultvalueinput2772674048__editor"};
+export var classes = {"root":"richcontentdefaultvalueinput3651013268__root","richContentEditorContainer":"richcontentdefaultvalueinput3651013268__richContentEditorContainer","editor":"richcontentdefaultvalueinput3651013268__editor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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_ = "richcontentforminput1676133447";
+var _namespace_ = "richcontentforminput569321031";
 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":"richcontentforminput1676133447__root","editor":"richcontentforminput1676133447__editor"};
+export var classes = {"root":"richcontentforminput569321031__root","editor":"richcontentforminput569321031__editor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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_ = "richcontentformreadonlyinput3237867920";
+var _namespace_ = "richcontentformreadonlyinput425086001";
 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":"richcontentformreadonlyinput3237867920__root"};
+export var classes = {"root":"richcontentformreadonlyinput425086001__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_ = "fullscreenmodal3456852790";
+var _namespace_ = "fullscreenmodal514325537";
 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":"fullscreenmodal3456852790__root","modalContent":"fullscreenmodal3456852790__modalContent"};
+export var classes = {"root":"fullscreenmodal514325537__root","modalContent":"fullscreenmodal514325537__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_ = "publishloader1400917547";
+var _namespace_ = "publishloader17506449";
 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":"publishloader1400917547__root","publishLoader":"publishloader1400917547__publishLoader"};
+export var classes = {"root":"publishloader17506449__root","publishLoader":"publishloader17506449__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_ = "togglefullscreenbutton3752237217";
+var _namespace_ = "togglefullscreenbutton3492487892";
 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":"togglefullscreenbutton3752237217__root"};
+export var classes = {"root":"togglefullscreenbutton3492487892__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_ = "richcontenteditor619305295";
+var _namespace_ = "richcontenteditor4121655944";
 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":"richcontenteditor619305295__root","toolbarContainer":"richcontenteditor619305295__toolbarContainer","footerToolbarContainer":"richcontenteditor619305295__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor619305295__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor619305295__editor","modalEditor":"richcontenteditor619305295__modalEditor"};
+export var classes = {"root":"richcontenteditor4121655944__root","toolbarContainer":"richcontenteditor4121655944__toolbarContainer","footerToolbarContainer":"richcontenteditor4121655944__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor4121655944__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor4121655944__editor","modalEditor":"richcontenteditor4121655944__modalEditor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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_ = "richcontenttoolbar373043968";
+var _namespace_ = "richcontenttoolbar3709949669";
 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":"richcontenttoolbar373043968__root","toolbar":"richcontenttoolbar373043968__toolbar","toolbarButton":"richcontenttoolbar373043968__toolbarButton","separator":"richcontenttoolbar373043968__separator"};
+export var classes = {"root":"richcontenttoolbar3709949669__root","toolbar":"richcontenttoolbar3709949669__toolbar","toolbarButton":"richcontenttoolbar3709949669__toolbarButton","separator":"richcontenttoolbar3709949669__separator"};
 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_ = "richcontentviewer3821313404";
+var _namespace_ = "richcontentviewer4096701437";
 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":"richcontentviewer3821313404__root","viewer":"richcontentviewer3821313404__viewer","modalViewer":"richcontentviewer3821313404__modalViewer"};
+export var classes = {"root":"richcontentviewer4096701437__root","viewer":"richcontentviewer4096701437__viewer","modalViewer":"richcontentviewer4096701437__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_ = "richeditor406683454";
+var _namespace_ = "richeditor1438353194";
 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":"richeditor406683454__root","editor":"richeditor406683454__editor","header-one":"richeditor406683454__header-one","header-two":"richeditor406683454__header-two","header-three":"richeditor406683454__header-three","header-four":"richeditor406683454__header-four","header-five":"richeditor406683454__header-five","header-six":"richeditor406683454__header-six","paragraph-one":"richeditor406683454__paragraph-one","unstyled":"richeditor406683454__unstyled","paragraph-three":"richeditor406683454__paragraph-three","align-left":"richeditor406683454__align-left","align-right":"richeditor406683454__align-right","align-center":"richeditor406683454__align-center","align-justify":"richeditor406683454__align-justify","withMargin":"richeditor406683454__withMargin","dir-rtl":"richeditor406683454__dir-rtl"};
+export var classes = {"root":"richeditor1438353194__root","editor":"richeditor1438353194__editor","header-one":"richeditor1438353194__header-one","header-two":"richeditor1438353194__header-two","header-three":"richeditor1438353194__header-three","header-four":"richeditor1438353194__header-four","header-five":"richeditor1438353194__header-five","header-six":"richeditor1438353194__header-six","paragraph-one":"richeditor1438353194__paragraph-one","unstyled":"richeditor1438353194__unstyled","paragraph-three":"richeditor1438353194__paragraph-three","align-left":"richeditor1438353194__align-left","align-right":"richeditor1438353194__align-right","align-center":"richeditor1438353194__align-center","align-justify":"richeditor1438353194__align-justify","withMargin":"richeditor1438353194__withMargin","dir-rtl":"richeditor1438353194__dir-rtl"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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_ = "richtexteditor4099053491";
+var _namespace_ = "richtexteditor3877086373";
 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":"richtexteditor4099053491__root","nativeInput":"richtexteditor4099053491__nativeInput","editor":"richtexteditor4099053491__editor"};
+export var classes = {"root":"richtexteditor3877086373__root","nativeInput":"richtexteditor3877086373__nativeInput","editor":"richtexteditor3877086373__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_ = "toolbar289861596";
+var _namespace_ = "toolbar3566794654";
 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":"toolbar289861596__root","item":"toolbar289861596__item","separator":"toolbar289861596__separator","clearFormatting":"toolbar289861596__clearFormatting","fullScreen":"toolbar289861596__fullScreen","dropdownItemContent":"toolbar289861596__dropdownItemContent","dropdownItemTitle":"toolbar289861596__dropdownItemTitle","dropdownItemSubtitle":"toolbar289861596__dropdownItemSubtitle","dropdownHeaderOne":"toolbar289861596__dropdownHeaderOne","dropdownHeaderTwo":"toolbar289861596__dropdownHeaderTwo","dropdownHeaderThree":"toolbar289861596__dropdownHeaderThree","dropdownHeaderFour":"toolbar289861596__dropdownHeaderFour","dropdownHeaderFive":"toolbar289861596__dropdownHeaderFive","dropdownHeaderSix":"toolbar289861596__dropdownHeaderSix","dropdownParagraphOne":"toolbar289861596__dropdownParagraphOne","dropdownNormalText":"toolbar289861596__dropdownNormalText","dropdownParagraphThree":"toolbar289861596__dropdownParagraphThree"};
+export var classes = {"root":"toolbar3566794654__root","item":"toolbar3566794654__item","separator":"toolbar3566794654__separator","clearFormatting":"toolbar3566794654__clearFormatting","fullScreen":"toolbar3566794654__fullScreen","dropdownItemContent":"toolbar3566794654__dropdownItemContent","dropdownItemTitle":"toolbar3566794654__dropdownItemTitle","dropdownItemSubtitle":"toolbar3566794654__dropdownItemSubtitle","dropdownHeaderOne":"toolbar3566794654__dropdownHeaderOne","dropdownHeaderTwo":"toolbar3566794654__dropdownHeaderTwo","dropdownHeaderThree":"toolbar3566794654__dropdownHeaderThree","dropdownHeaderFour":"toolbar3566794654__dropdownHeaderFour","dropdownHeaderFive":"toolbar3566794654__dropdownHeaderFive","dropdownHeaderSix":"toolbar3566794654__dropdownHeaderSix","dropdownParagraphOne":"toolbar3566794654__dropdownParagraphOne","dropdownNormalText":"toolbar3566794654__dropdownNormalText","dropdownParagraphThree":"toolbar3566794654__dropdownParagraphThree"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "textview1674227560";
+var _namespace_ = "textview4040802143";
 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":"textview1674227560__root","textView":"textview1674227560__textView"};
+export var classes = {"root":"textview4040802143__root","textView":"textview4040802143__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};