@wix/patterns 1.374.0 → 1.375.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit313955034";
+var _namespace_ = "Edit2206923902";
 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":"Edit313955034__root","dateInput":"Edit313955034__dateInput"};
+export var classes = {"root":"Edit2206923902__root","dateInput":"Edit2206923902__dateInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View2221165203";
+var _namespace_ = "View1773446176";
 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":"View2221165203__root"};
+export var classes = {"root":"View1773446176__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1221715152";
+var _namespace_ = "Edit987738361";
 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":"Edit1221715152__root","emailInput":"Edit1221715152__emailInput"};
+export var classes = {"root":"Edit987738361__root","emailInput":"Edit987738361__emailInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -30,7 +30,11 @@ export const EmailEdit: React.FC<CellEditProps<string>> = ({
   return (
     <Box width="100%" height="100%" verticalAlign="middle">
       <Input
-        ref={inputRef}
+        ref={(instance) => {
+          if (inputRef) {
+            inputRef.current = instance;
+          }
+        }}
         size="small"
         border="none"
         value={value ?? ''}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3348150940";
+var _namespace_ = "View3460217702";
 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":"View3348150940__root"};
+export var classes = {"root":"View3460217702__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2578505543";
+var _namespace_ = "Edit2842916532";
 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":"Edit2578505543__root","numberInput":"Edit2578505543__numberInput"};
+export var classes = {"root":"Edit2842916532__root","numberInput":"Edit2842916532__numberInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -29,7 +29,11 @@ export const NumberEdit: React.FC<CellEditProps<number | null>> = ({
 
   return (
     <CellNumberInput
-      inputRef={inputRef}
+      inputRef={(instance) => {
+        if (inputRef) {
+          inputRef.current = instance;
+        }
+      }}
       size="small"
       border="none"
       value={value ?? undefined}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View1162563628";
+var _namespace_ = "View993001290";
 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":"View1162563628__root","textView":"View1162563628__textView"};
+export var classes = {"root":"View993001290__root","textView":"View993001290__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2006911160";
+var _namespace_ = "Edit3788203626";
 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":"Edit2006911160__root","jsonInput":"Edit2006911160__jsonInput"};
+export var classes = {"root":"Edit3788203626__root","jsonInput":"Edit3788203626__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View4156706664";
+var _namespace_ = "View2359595308";
 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":"View4156706664__root"};
+export var classes = {"root":"View2359595308__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1195044413";
+var _namespace_ = "Edit1952036742";
 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":"Edit1195044413__root","selectInput":"Edit1195044413__selectInput"};
+export var classes = {"root":"Edit1952036742__root","selectInput":"Edit1952036742__selectInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View289241894";
+var _namespace_ = "View4115641211";
 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":"View289241894__root"};
+export var classes = {"root":"View4115641211__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit400015360";
+var _namespace_ = "Edit2174982117";
 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":"Edit400015360__root","editWrapper":"Edit400015360__editWrapper","inputArea":"Edit400015360__inputArea"};
+export var classes = {"root":"Edit2174982117__root","editWrapper":"Edit2174982117__editWrapper","inputArea":"Edit2174982117__inputArea"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View4255914131";
+var _namespace_ = "View709551828";
 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":"View4255914131__root"};
+export var classes = {"root":"View709551828__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3859246209";
+var _namespace_ = "Edit1985072426";
 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":"Edit3859246209__root","urlInput":"Edit3859246209__urlInput"};
+export var classes = {"root":"Edit1985072426__root","urlInput":"Edit1985072426__urlInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -37,7 +37,11 @@ export const UrlEdit: React.FC<CellEditProps<string>> = ({
       }}
     >
       <Input
-        ref={inputRef}
+        ref={(instance => {
+          if (inputRef) {
+            inputRef.current = instance;
+          }
+        })}
         size="small"
         border="none"
         value={value ?? ''}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View874367675";
+var _namespace_ = "View1156487360";
 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":"View874367675__root","textView":"View874367675__textView","urlText":"View874367675__urlText","suffix":"View874367675__suffix"};
+export var classes = {"root":"View1156487360__root","textView":"View1156487360__textView","urlText":"View1156487360__urlText","suffix":"View1156487360__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/types.ts

@@ -5,13 +5,17 @@ export interface CellViewProps<V> {
   typeConfig?: unknown;
 }
 
+export interface Focusable {
+  focus: () => void;
+}
+
 export interface CellEditProps<V> {
   value: V;
   onChange: (value: V) => void;
   onCommit: () => void;
   onCancel: () => void;
   /** Ref to the focusable input element. Used for type-to-edit (focusing the input when user starts typing on a focused cell). */
-  inputRef?: React.MutableRefObject<any>;
+  inputRef?: React.MutableRefObject<Focusable | undefined | null>;
   typeConfig?: unknown;
   /** How edit mode was triggered. Edit components can use this to customize behavior (e.g., date picker auto-opens on 'type'). */
   editTrigger?: 'type' | 'enter' | 'doubleClick' | null;
@@ -32,3 +36,4 @@ export function defineCellType<V>(cellType: {
 }): CellType {
   return cellType;
 }
+

package/src/components/EditableTable/useCellFocusAndEditing.ts

@@ -1,13 +1,14 @@
 import { useEffect, useLayoutEffect, useCallback, useMemo } from 'react';
 import type { FiltersMap } from '@wix/bex-core';
 import type { EditableTableState } from '../../state/EditableTable';
+import { Focusable } from './types';
 
 interface UseCellFocusAndEditingParams<T, F extends FiltersMap> {
   state: EditableTableState<T, F>;
   rowKey: string;
   columnId: string;
-  cellRef: React.RefObject<HTMLDivElement | null>;
-  editInputRef: React.MutableRefObject<any>;
+  cellRef: React.MutableRefObject<HTMLDivElement | null | undefined>;
+  editInputRef: React.MutableRefObject<Focusable | null | undefined>;
 }
 
 export function useCellFocusAndEditing<T, F extends FiltersMap>({
@@ -40,7 +41,9 @@ export function useCellFocusAndEditing<T, F extends FiltersMap>({
   }, [isFocused, cellRef, cellInteraction]);
 
   // When focused (not editing): focus the cell div so it receives keyboard events.
-  // When editing starts: focus the input (cursor at end, no select-all).
+  // When editing starts: focus the input, then place caret at end in a setTimeout
+  // so it runs after the browser's own selection (e.g. from autoSelect) settles.
+  // Skip caret placement if the input already has a non-collapsed selection.
   useEffect(() => {
     if (!isFocused) {
       return;
@@ -49,12 +52,33 @@ export function useCellFocusAndEditing<T, F extends FiltersMap>({
     if (isEditing) {
       if (
         editInputRef.current &&
-        document.activeElement !== editInputRef.current
+        (document.activeElement as
+          | HTMLInputElement
+          | HTMLTextAreaElement
+          | null) !== editInputRef.current
       ) {
         editInputRef.current.focus();
       }
+      setTimeout(() => {
+        // Use document.activeElement rather than editInputRef.current because
+        // editInputRef may point to a React component instance (e.g. InputArea)
+        // rather than the underlying DOM element, which has no .value property.
+        const input = document.activeElement as
+          | HTMLInputElement
+          | HTMLTextAreaElement
+          | null;
+        if (!input || !('selectionStart' in input)) {
+          return;
+        }
+        if (input.selectionStart !== input.selectionEnd) {
+          return;
+        }
+        const len = input.value?.length ?? 0;
+        input.setSelectionRange(len, len);
+      }, 0);
     } else {
-      cellRef.current?.focus();
+      // Let CellInteractionState own scroll positioning for the focused cell.
+      cellRef.current?.focus({ preventScroll: true });
     }
   }, [isFocused, isEditing, cellRef, editInputRef]);
 
@@ -91,20 +115,36 @@ export function useCellFocusAndEditing<T, F extends FiltersMap>({
         !e.ctrlKey &&
         !e.metaKey &&
         !e.altKey &&
-        !e.nativeEvent.isComposing &&
-        editInputRef.current
+        !e.nativeEvent.isComposing
       ) {
-        const clearResult = resolved?.onTypeToEdit?.({ key: e.key });
-        if (!clearResult) {
+        // Cell-type-level gate: only cell types that define onTypeToEdit support
+        // type-to-edit. Absence of onTypeToEdit is the natural opt-out (e.g. boolean).
+        if (!resolved?.onTypeToEdit) {
+          return;
+        }
+
+        // Key-level gate: onTypeToEdit returning undefined means "block this key"
+        // (e.g. number blocks non-digit keys).
+        const typeResult = resolved.onTypeToEdit({ key: e.key });
+        if (typeResult === undefined) {
           return;
         }
 
         e.preventDefault();
         cellInteraction.startEdit(undefined, undefined, 'type');
-        if ('value' in clearResult) {
-          cellInteraction.setEditingValue(clearResult.value);
+
+        if ('value' in typeResult) {
+          // Cell type provides an explicit pre-populated value (e.g. first typed
+          // char for text, or the digit for number).
+          cellInteraction.setEditingValue(typeResult.value);
         }
-        editInputRef.current.focus();
+        // onTypeToEdit returned {} (no value): enter edit mode with current value intact
+        // (e.g. select/date open their picker without pre-populating).
+
+        // Best-effort: editInputRef.current is null here because the Edit
+        // component only mounts after isEditing flips. The useEffect above
+        // is the reliable focus path once the component renders.
+        editInputRef.current?.focus();
         e.stopPropagation();
       }
     },

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain4010968587";
+var _namespace_ = "EntityPagePlain3492012727";
 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":"EntityPagePlain4010968587__root"};
+export var classes = {"root":"EntityPagePlain3492012727__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_ = "Fade1700172236";
+var _namespace_ = "Fade2782678393";
 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":"Fade1700172236__root"};
+export var classes = {"root":"Fade2782678393__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_ = "Heading2567736";
+var _namespace_ = "Heading810863429";
 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":"Heading2567736__root"};
+export var classes = {"root":"Heading810863429__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_ = "ImportStepUpload2395864105";
+var _namespace_ = "ImportStepUpload2236557936";
 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":"ImportStepUpload2395864105__root","fileUpload":"ImportStepUpload2395864105__fileUpload"};
+export var classes = {"root":"ImportStepUpload2236557936__root","fileUpload":"ImportStepUpload2236557936__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_ = "InputOverflow346291262";
+var _namespace_ = "InputOverflow3231423377";
 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":"InputOverflow346291262__root"};
+export var classes = {"root":"InputOverflow3231423377__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_ = "LoadingRow2879946137";
+var _namespace_ = "LoadingRow3990858";
 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":"LoadingRow2879946137__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow2879946137__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3990858__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3990858__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_ = "MaxHeightText1176767675";
+var _namespace_ = "MaxHeightText2759772886";
 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":"MaxHeightText1176767675__root"};
+export var classes = {"root":"MaxHeightText2759772886__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_ = "MaxLines1332252143";
+var _namespace_ = "MaxLines2972849232";
 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":"MaxLines1332252143__root"};
+export var classes = {"root":"MaxLines2972849232__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_ = "MultiBulkActionToolbar4071041881";
+var _namespace_ = "MultiBulkActionToolbar2420183688";
 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":"MultiBulkActionToolbar4071041881__root","leftGroupWrapper":"MultiBulkActionToolbar4071041881__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar4071041881__selectedCountItem","selectedCountText":"MultiBulkActionToolbar4071041881__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar2420183688__root","leftGroupWrapper":"MultiBulkActionToolbar2420183688__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar2420183688__selectedCountItem","selectedCountText":"MultiBulkActionToolbar2420183688__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_ = "NestedTablePlaceholderStatesRow497436826";
+var _namespace_ = "NestedTablePlaceholderStatesRow3319895139";
 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":"NestedTablePlaceholderStatesRow497436826__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow3319895139__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow3990595753";
+var _namespace_ = "NestedTableRow3299939426";
 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":"NestedTableRow3990595753__root","firstLevel":"NestedTableRow3990595753__firstLevel","placeholder":"NestedTableRow3990595753__placeholder","parentHovered":"NestedTableRow3990595753__parentHovered"};
+export var classes = {"root":"NestedTableRow3299939426__root","firstLevel":"NestedTableRow3299939426__firstLevel","placeholder":"NestedTableRow3299939426__placeholder","parentHovered":"NestedTableRow3299939426__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};