@wix/patterns 1.436.0 → 1.438.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View1009637170";
+var _namespace_ = "View2006101578";
 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":"View1009637170__root","textView":"View1009637170__textView"};
+export var classes = {"root":"View2006101578__root","textView":"View2006101578__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_ = "Edit2178105872";
+var _namespace_ = "Edit1381266188";
 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":"Edit2178105872__root","jsonInput":"Edit2178105872__jsonInput"};
+export var classes = {"root":"Edit1381266188__root","jsonInput":"Edit1381266188__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_ = "View2878631673";
+var _namespace_ = "View3012042679";
 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":"View2878631673__root"};
+export var classes = {"root":"View3012042679__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_ = "Edit2635881618";
+var _namespace_ = "Edit1908424692";
 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":"Edit2635881618__root","selectInput":"Edit2635881618__selectInput"};
+export var classes = {"root":"Edit1908424692__root","selectInput":"Edit1908424692__selectInput"};
 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_ = "Edit8752574";
+var _namespace_ = "Edit2412777369";
 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":"Edit8752574__root","editWrapper":"Edit8752574__editWrapper","inputArea":"Edit8752574__inputArea"};
+export var classes = {"root":"Edit2412777369__root","editWrapper":"Edit2412777369__editWrapper","inputArea":"Edit2412777369__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_ = "View2082672628";
+var _namespace_ = "View3775191424";
 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":"View2082672628__root"};
+export var classes = {"root":"View3775191424__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit4217572892";
+var _namespace_ = "Edit3264909659";
 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":"Edit4217572892__root","wrapper":"Edit4217572892__wrapper","overlay":"Edit4217572892__overlay"};
+export var classes = {"root":"Edit3264909659__root","wrapper":"Edit3264909659__wrapper","overlay":"Edit3264909659__overlay"};
 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_ = "Edit1250740583";
+var _namespace_ = "Edit522616875";
 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":"Edit1250740583__root","urlInput":"Edit1250740583__urlInput"};
+export var classes = {"root":"Edit522616875__root","urlInput":"Edit522616875__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_ = "View2095041117";
+var _namespace_ = "View2843952051";
 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":"View2095041117__root","textView":"View2095041117__textView","urlText":"View2095041117__urlText","suffix":"View2095041117__suffix"};
+export var classes = {"root":"View2843952051__root","textView":"View2843952051__textView","urlText":"View2843952051__urlText","suffix":"View2843952051__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/useAddRow.ts

@@ -1,39 +1,33 @@
-import { useCallback, useRef } from 'react';
+import { useCallback } from 'react';
 import type { FiltersMap } from '@wix/bex-core';
 import type { EditableTableState } from '../../state/EditableTable';
 
-export function useAddRow<T, F extends FiltersMap>(
+export function startEditingNewRow<T, F extends FiltersMap>(
   state: EditableTableState<T, F>,
+  newKey: string | undefined,
 ) {
   const firstEditableColId = state.editableColumns.find(
     (col) => col.editable !== false && !!col.setValue,
   )?.id;
+  if (!newKey || !firstEditableColId) {
+    return;
+  }
+  // RAF gives React one frame to render the new row before we try to focus it.
+  requestAnimationFrame(() => {
+    state.cellInteraction.startEdit(newKey, firstEditableColId, 'enter');
+    state.cellInteraction.scrollFocusedCellIntoView();
+  });
+}
 
-  // Cached anchor so chained afterItemKey deps are avoided —
-  // prepareItemsToMergeIntoPage reverses createdPatches, so chained anchors
-  // would strand later items at the top of the table.
-  const addItemAnchorRef = useRef<string | undefined>(undefined);
-
+export function useAddRow<T, F extends FiltersMap>(
+  state: EditableTableState<T, F>,
+) {
   const handleAddItem = useCallback(() => {
     state.onAddItemClick('Card CTA');
 
-    // Refresh the anchor if it's missing or no longer in the current page
-    // (e.g. after query/filter/pagination changes moved it off-page).
-    const isAnchorStale =
-      !addItemAnchorRef.current ||
-      !state.keyedItems.some((ki) => ki.key === addItemAnchorRef.current);
-    if (isAnchorStale) {
-      addItemAnchorRef.current =
-        state.keyedItems[state.keyedItems.length - 1]?.key;
-    }
-    const newKey = state.addItem(addItemAnchorRef.current);
-    if (!newKey || !firstEditableColId) return;
-    // RAF gives React one frame to render the new row before we try to focus it.
-    requestAnimationFrame(() => {
-      state.cellInteraction.startEdit(newKey, firstEditableColId, 'enter');
-      state.cellInteraction.scrollFocusedCellIntoView();
-    });
-  }, [state, firstEditableColId]);
+    const lastRowKey = state.keyedItems[state.keyedItems.length - 1]?.key;
+    startEditingNewRow(state, state.addItem(lastRowKey));
+  }, [state]);
 
   const showAddItemRow =
     !state.addItemDisabled && state.collection.initTask.status.isSuccess;

package/src/components/EmptyState/CollectionNoResultsState.tsx

@@ -11,6 +11,7 @@ import {
 import { FiltersMap, MultiCollectionSupport, Translate } from '@wix/bex-core';
 import { EmptyStateBase, EmptyStateBaseProps } from './EmptyStateBase';
 import { MagnifyingGlassArt } from '../MagnifyingGlassArt';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 
 export interface CollectionNoResultsStateProps
   extends Omit<Partial<EmptyStateBaseProps>, 'cta' | 'image' | 'customCta'> {
@@ -23,15 +24,20 @@ function _CollectionNoResultsState(
   const state = useMultiCollectionSupportContext();
   const { translate: t } = useWixPatternsContainer();
   const { title, subtitle, cta } = getNoResultsStateTexts(state, t);
+  const isBmHarmonyTheme = useBmHarmonyTheme();
 
   return (
     <EmptyStateBase
       dataHook="collection-empty-state"
       title={title}
       subtitle={subtitle}
-      {...props}
       cta={cta}
-      image={<MagnifyingGlassArt data-hook="empty-state-glass-illustration" />}
+      image={
+        !isBmHarmonyTheme && (
+          <MagnifyingGlassArt data-hook="empty-state-glass-illustration" />
+        )
+      }
+      {...props}
     />
   );
 }

package/src/components/EmptyState/EmptyStateBase.st.css

@@ -0,0 +1,8 @@
+/* An empty state without an illustration (e.g. under Harmony) is much
+   shorter; keep the placeholder area from collapsing and center the
+   content vertically. With an illustration the content exceeds the
+   min-height, so this is a no-op. */
+.root {
+  min-height: 230px;
+  align-items: center;
+}

package/src/components/EmptyState/EmptyStateBase.st.css.ts

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

package/src/components/EmptyState/EmptyStateBase.tsx

@@ -1,6 +1,7 @@
 import React, { ReactNode } from 'react';
 import { Box, EmptyState, EmptyStateProps } from '@wix/design-system';
 import { observer } from 'mobx-react-lite';
+import { st, classes } from './EmptyStateBase.st.css.js';
 
 export interface EmptyStateBaseProps
   extends EmptyStateBasePrivateProps,
@@ -40,7 +41,16 @@ export interface EmptyStateBasePrivateProps {
 }
 
 function _EmptyStateBase(props: EmptyStateBaseProps) {
-  const { children, customCta, title, subtitle, cta, image, ...rest } = props;
+  const {
+    children,
+    customCta,
+    title,
+    subtitle,
+    cta,
+    image,
+    className,
+    ...rest
+  } = props;
 
   let child;
 
@@ -68,6 +78,7 @@ function _EmptyStateBase(props: EmptyStateBaseProps) {
       subtitle={subtitle}
       theme="page-no-border"
       image={image ? <div style={{ display: 'flex' }}>{image}</div> : undefined}
+      className={st(classes.root, className)}
       {...rest}
     >
       {child}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain1270166039";
+var _namespace_ = "EntityPagePlain3524544437";
 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":"EntityPagePlain1270166039__root"};
+export var classes = {"root":"EntityPagePlain3524544437__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_ = "Fade3793909536";
+var _namespace_ = "Fade4041425303";
 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":"Fade3793909536__root"};
+export var classes = {"root":"Fade4041425303__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_ = "Heading2412939038";
+var _namespace_ = "Heading2959663805";
 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":"Heading2412939038__root"};
+export var classes = {"root":"Heading2959663805__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_ = "ImportStepUpload2913400660";
+var _namespace_ = "ImportStepUpload4192638496";
 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":"ImportStepUpload2913400660__root","fileUpload":"ImportStepUpload2913400660__fileUpload"};
+export var classes = {"root":"ImportStepUpload4192638496__root","fileUpload":"ImportStepUpload4192638496__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_ = "InputOverflow3940823629";
+var _namespace_ = "InputOverflow2262845997";
 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":"InputOverflow3940823629__root"};
+export var classes = {"root":"InputOverflow2262845997__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_ = "LoadingRow1768217239";
+var _namespace_ = "LoadingRow2081305249";
 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":"LoadingRow1768217239__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1768217239__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow2081305249__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow2081305249__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_ = "MaxHeightText936978921";
+var _namespace_ = "MaxHeightText2867209384";
 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":"MaxHeightText936978921__root"};
+export var classes = {"root":"MaxHeightText2867209384__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_ = "MaxLines3650440761";
+var _namespace_ = "MaxLines4181318915";
 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":"MaxLines3650440761__root"};
+export var classes = {"root":"MaxLines4181318915__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MoreActions/MoreActionsText.tsx

@@ -16,7 +16,6 @@ function _MoreActionsText(params: MoreActionsTextProps) {
       {...params}
       triggerElement={
         <Button
-          skin="standard"
           priority="secondary"
           dataHook="more-actions-popover-button"
           suffixIcon={<ChevronDown />}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar516728091";
+var _namespace_ = "MultiBulkActionToolbar3837315458";
 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":"MultiBulkActionToolbar516728091__root","leftGroupWrapper":"MultiBulkActionToolbar516728091__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar516728091__selectedCountItem","selectedCountText":"MultiBulkActionToolbar516728091__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar3837315458__root","leftGroupWrapper":"MultiBulkActionToolbar3837315458__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3837315458__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3837315458__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.tsx

@@ -265,9 +265,9 @@ function _MultiBulkActionToolbar(props: MultiBulkActionToolbarProps) {
   );
 
   return (
-    <Box minHeight="60px">
+    <Box minHeight={isBmHarmonyTheme ? undefined : '60px'}>
       <TableToolbar
-        removeVerticalPadding={hasToolbarTabs}
+        removeVerticalPadding={!isBmHarmonyTheme && hasToolbarTabs}
         dataHook="bulk-action-toolbar"
       >
         <TableToolbar.ItemGroup position="start" className={st(classes.root)}>

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow2647025222";
+var _namespace_ = "NestedTablePlaceholderStatesRow3880183558";
 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":"NestedTablePlaceholderStatesRow2647025222__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow3880183558__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_ = "NestedTableRow1019409453";
+var _namespace_ = "NestedTableRow4032185650";
 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":"NestedTableRow1019409453__root","firstLevel":"NestedTableRow1019409453__firstLevel","placeholder":"NestedTableRow1019409453__placeholder","parentHovered":"NestedTableRow1019409453__parentHovered"};
+export var classes = {"root":"NestedTableRow4032185650__root","firstLevel":"NestedTableRow4032185650__firstLevel","placeholder":"NestedTableRow4032185650__placeholder","parentHovered":"NestedTableRow4032185650__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

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

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

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

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

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

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep2982818180";
+var _namespace_ = "PickerContentAdditionalStep1693186447";
 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":"PickerContentAdditionalStep2982818180__root","titles":"PickerContentAdditionalStep2982818180__titles","suffix":"PickerContentAdditionalStep2982818180__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1693186447__root","titles":"PickerContentAdditionalStep1693186447__titles","suffix":"PickerContentAdditionalStep1693186447__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};