@wix/patterns 1.369.0 → 1.371.0

package/src/components/EditableTable/cellTypes/email/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3860369112";
+var _namespace_ = "Edit3086717192";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit3860369112__root","emailInput":"Edit3860369112__emailInput"};
+export var classes = {"root":"Edit3086717192__root","emailInput":"Edit3086717192__emailInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/email/View.st.css

@@ -1,4 +1 @@
-.textView {
-  width: 100%;
-  padding: 9px 12px;
-}
+/* Padding provided by CellViewLayout */

package/src/components/EditableTable/cellTypes/email/View.st.css.ts

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

package/src/components/EditableTable/cellTypes/email/View.tsx

@@ -1,8 +1,10 @@
 import React from 'react';
 import { TextView } from '@wix/patterns-fields';
 import type { CellViewProps } from '../../types';
-import { classes } from './View.st.css.js';
+import { CellViewLayout } from '../CellViewLayout';
 
 export const EmailView: React.FC<CellViewProps<string>> = ({ value }) => (
-  <TextView data={value ?? ''} className={classes.textView} />
+  <CellViewLayout>
+    <TextView data={value ?? ''} />
+  </CellViewLayout>
 );

package/src/components/EditableTable/cellTypes/number/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1803646036";
+var _namespace_ = "Edit3019314736";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit1803646036__root","numberInput":"Edit1803646036__numberInput"};
+export var classes = {"root":"Edit3019314736__root","numberInput":"Edit3019314736__numberInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/number/View.st.css

@@ -1,5 +1,4 @@
 .textView {
   width: 100%;
-  padding: 9px 12px;
   text-align: right;
 }

package/src/components/EditableTable/cellTypes/number/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View2720415983";
+var _namespace_ = "View2041965662";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View2720415983__root","textView":"View2720415983__textView"};
+export var classes = {"root":"View2041965662__root","textView":"View2041965662__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/number/View.tsx

@@ -1,10 +1,13 @@
 import React from 'react';
 import { TextView } from '@wix/patterns-fields';
 import type { CellViewProps } from '../../types';
+import { CellViewLayout } from '../CellViewLayout';
 import { classes } from './View.st.css.js';
 
 export const NumberView: React.FC<CellViewProps<number | null>> = ({
   value,
 }) => (
-  <TextView data={value != null ? value : ''} className={classes.textView} />
+  <CellViewLayout>
+    <TextView data={value != null ? value : ''} className={classes.textView} />
+  </CellViewLayout>
 );

package/src/components/EditableTable/cellTypes/object/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit136607306";
+var _namespace_ = "Edit1375720722";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit136607306__root","jsonInput":"Edit136607306__jsonInput"};
+export var classes = {"root":"Edit1375720722__root","jsonInput":"Edit1375720722__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/object/View.st.css

@@ -1,4 +1 @@
-.textView {
-  width: 100%;
-  padding: 9px 12px;
-}
+/* Padding provided by CellViewLayout */

package/src/components/EditableTable/cellTypes/object/View.st.css.ts

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

package/src/components/EditableTable/cellTypes/object/View.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
 import { JsonView } from '@wix/patterns-fields';
 import type { CellViewProps } from '../../types';
-import { classes } from './View.st.css.js';
+import { CellViewLayout } from '../CellViewLayout';
 
 export const ObjectView: React.FC<CellViewProps<Record<string, unknown>>> = ({
   value,
 }) => (
-  <div className={classes.textView}>
+  <CellViewLayout>
     {value != null ? <JsonView data={value} /> : null}
-  </div>
+  </CellViewLayout>
 );

package/src/components/EditableTable/cellTypes/select/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2518330657";
+var _namespace_ = "Edit3833869363";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit2518330657__root","selectInput":"Edit2518330657__selectInput"};
+export var classes = {"root":"Edit3833869363__root","selectInput":"Edit3833869363__selectInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/select/Edit.tsx

@@ -2,6 +2,7 @@ import React, { useCallback, useMemo, useEffect, useRef } from 'react';
 import { Dropdown } from '@wix/design-system';
 import type { CellEditProps } from '../../types';
 import type { SelectCellConfig } from '../../../../state/EditableTable/types';
+import { useCloseOnAncestorScroll } from '../../useCloseOnAncestorScroll';
 import { classes } from './Edit.st.css.js';
 
 export const SelectEdit: React.FC<CellEditProps<string>> = ({
@@ -14,6 +15,7 @@ export const SelectEdit: React.FC<CellEditProps<string>> = ({
   editTrigger,
 }) => {
   const dropdownInputRef = useRef<HTMLInputElement | null>(null);
+  const dropdownRef = useRef<Dropdown | null>(null);
 
   // Auto-open dropdown when entering edit mode via type-to-edit
   useEffect(() => {
@@ -21,6 +23,13 @@ export const SelectEdit: React.FC<CellEditProps<string>> = ({
       dropdownInputRef.current.click();
     }
   }, [editTrigger]);
+
+  const wrapperRef = useRef<HTMLDivElement | null>(null);
+  const closeDropdown = useCallback(
+    () => dropdownRef.current?.hideOptions(),
+    [],
+  );
+  useCloseOnAncestorScroll(wrapperRef, closeDropdown, !!editTrigger);
   const config = typeConfig as SelectCellConfig | undefined;
   const rawOptions = config?.options ?? [];
 
@@ -37,6 +46,15 @@ export const SelectEdit: React.FC<CellEditProps<string>> = ({
     [onChange, onCommit],
   );
 
+  const handleOptionMarked = useCallback(
+    (option: { id: string | number } | null) => {
+      if (option) {
+        onChange(String(option.id));
+      }
+    },
+    [onChange],
+  );
+
   const handleKeyDown = useCallback(
     (e: React.KeyboardEvent) => {
       if (e.key === 'Escape') {
@@ -49,6 +67,7 @@ export const SelectEdit: React.FC<CellEditProps<string>> = ({
 
   return (
     <div
+      ref={wrapperRef}
       onKeyDown={handleKeyDown}
       style={{
         width: '100%',
@@ -58,11 +77,13 @@ export const SelectEdit: React.FC<CellEditProps<string>> = ({
       }}
     >
       <Dropdown
+        ref={dropdownRef}
         size="small"
         border="none"
         selectedId={value}
         options={dropdownOptions}
         onSelect={handleSelect}
+        onOptionMarked={handleOptionMarked}
         popoverProps={{ appendTo: 'window', moveBy: { y: 4 } }}
         inputRef={(el: HTMLInputElement) => {
           dropdownInputRef.current = el;

package/src/components/EditableTable/cellTypes/select/View.st.css

@@ -1,4 +1 @@
-.textView {
-  width: 100%;
-  padding: 9px 12px;
-}
+/* Padding provided by CellViewLayout */

package/src/components/EditableTable/cellTypes/select/View.st.css.ts

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

package/src/components/EditableTable/cellTypes/select/View.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { Text } from '@wix/design-system';
 import type { CellViewProps } from '../../types';
 import type { SelectCellConfig } from '../../../../state/EditableTable/types';
-import { classes } from './View.st.css.js';
+import { CellViewLayout } from '../CellViewLayout';
 
 export const SelectView: React.FC<CellViewProps<string>> = ({
   value,
@@ -12,8 +12,10 @@ export const SelectView: React.FC<CellViewProps<string>> = ({
   const options = config?.options ?? [];
   const option = options.find((o) => o.id === value);
   return (
-    <Text size="small" ellipsis className={classes.textView}>
-      {option?.value ?? value ?? ''}
-    </Text>
+    <CellViewLayout>
+      <Text size="small" ellipsis>
+        {option?.value ?? value ?? ''}
+      </Text>
+    </CellViewLayout>
   );
 };

package/src/components/EditableTable/cellTypes/text/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3813731711";
+var _namespace_ = "Edit3533849564";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit3813731711__root","editWrapper":"Edit3813731711__editWrapper","inputArea":"Edit3813731711__inputArea"};
+export var classes = {"root":"Edit3533849564__root","editWrapper":"Edit3533849564__editWrapper","inputArea":"Edit3533849564__inputArea"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/text/View.st.css

@@ -1,4 +1 @@
-.textView {
-  width: 100%;
-  padding: 9px 12px;
-}
+/* Padding provided by CellViewLayout */

package/src/components/EditableTable/cellTypes/text/View.st.css.ts

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

package/src/components/EditableTable/cellTypes/text/View.tsx

@@ -1,10 +1,12 @@
 import React from 'react';
 import { Text } from '@wix/design-system';
 import type { CellViewProps } from '../../types';
-import { classes } from './View.st.css.js';
+import { CellViewLayout } from '../CellViewLayout';
 
 export const TextView: React.FC<CellViewProps<string>> = ({ value }) => (
-  <Text size="small" ellipsis className={classes.textView}>
-    {value ?? ''}
-  </Text>
+  <CellViewLayout>
+    <Text size="small" ellipsis>
+      {value ?? ''}
+    </Text>
+  </CellViewLayout>
 );

package/src/components/EditableTable/cellTypes/url/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1324021997";
+var _namespace_ = "Edit4284777530";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit1324021997__root","urlInput":"Edit1324021997__urlInput"};
+export var classes = {"root":"Edit4284777530__root","urlInput":"Edit4284777530__urlInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/url/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View567257960";
+var _namespace_ = "View3871877239";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View567257960__root","textView":"View567257960__textView","urlText":"View567257960__urlText","suffix":"View567257960__suffix"};
+export var classes = {"root":"View3871877239__root","textView":"View3871877239__textView","urlText":"View3871877239__urlText","suffix":"View3871877239__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/useCloseOnAncestorScroll.ts

@@ -0,0 +1,27 @@
+import { useEffect, type RefObject } from 'react';
+
+/**
+ * Closes a popover when an ancestor element scrolls.
+ * Ignores scroll events from within the component itself or its portaled content.
+ * Only active when `enabled` is true — pass false when the cell isn't editing
+ * to avoid a capture-phase scroll listener firing on every virtual-scroll frame.
+ */
+export function useCloseOnAncestorScroll(
+  wrapperRef: RefObject<HTMLElement | null>,
+  closePopover: () => void,
+  enabled: boolean,
+) {
+  useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    const onScroll = (e: Event) => {
+      const target = e.target as Node;
+      if (target.contains?.(wrapperRef.current)) {
+        closePopover();
+      }
+    };
+    document.addEventListener('scroll', onScroll, true);
+    return () => document.removeEventListener('scroll', onScroll, true);
+  }, [wrapperRef, closePopover, enabled]);
+}

package/src/components/EntityPage/EntityPagePlain.st.css.ts

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

package/src/components/Fade/Fade.st.css.ts

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

package/src/components/Heading/Heading.st.css.ts

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

package/src/components/ImportButton/ImportStepUpload.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload2527291098";
+var _namespace_ = "ImportStepUpload3390764480";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ImportStepUpload2527291098__root","fileUpload":"ImportStepUpload2527291098__fileUpload"};
+export var classes = {"root":"ImportStepUpload3390764480__root","fileUpload":"ImportStepUpload3390764480__fileUpload"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/InputOverflow/InputOverflow.st.css.ts

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

package/src/components/LoadingRow/LoadingRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow488784554";
+var _namespace_ = "LoadingRow3747305452";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"LoadingRow488784554__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow488784554__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3747305452__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3747305452__gradientSwoosh"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

package/src/components/MaxHeightText/MaxHeightText.st.css.ts

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

package/src/components/MaxLines/MaxLines.st.css.ts

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

package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar821506402";
+var _namespace_ = "MultiBulkActionToolbar1535700698";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultiBulkActionToolbar821506402__root","leftGroupWrapper":"MultiBulkActionToolbar821506402__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar821506402__selectedCountItem","selectedCountText":"MultiBulkActionToolbar821506402__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar1535700698__root","leftGroupWrapper":"MultiBulkActionToolbar1535700698__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1535700698__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1535700698__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

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