@wix/patterns 1.322.0 → 1.324.0

package/dist/types/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "patterns@1.322.0";
+export declare const version = "patterns@1.324.0";
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.322.0",
+  "version": "1.324.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -136,6 +136,11 @@
       "import": "./dist/esm/exports/alpha.js",
       "types": "./dist/types/exports/alpha.d.ts"
     },
+    "./bi": {
+      "require": "./dist/cjs/exports/bi.js",
+      "import": "./dist/esm/exports/bi.js",
+      "types": "./dist/types/exports/bi.d.ts"
+    },
     "./router": {
       "require": "./dist/cjs/exports/router/index.js",
       "import": "./dist/esm/exports/router/index.js",
@@ -195,11 +200,12 @@
     "components",
     "page",
     "alpha",
+    "bi",
     "router"
   ],
   "dependencies": {
     "@wix/agent-platform-bm-sdk": "^1.0.0",
-    "@wix/bex-core": "2.252.0",
+    "@wix/bex-core": "2.254.0",
     "@wix/bex-utils": "2.78.0",
     "@wix/essentials": "^0.1.26",
     "@wix/sdk": "^1.15.22",
@@ -417,5 +423,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "4f0967747151624b7fd18713b56c1fbdd79164ec8a290c0c35f825c2"
+  "falconPackageHash": "71886d0c0f14488b45a8edc03a1867119d82fdad470fc5a96b618ecc"
 }

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Collapse2707841607";
+var _namespace_ = "Collapse2302586638";
 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":"Collapse2707841607__root","exit":"Collapse2707841607__exit"};
+export var classes = {"root":"Collapse2302586638__root","exit":"Collapse2302586638__exit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionListRow/CollectionListRow.tsx

@@ -10,6 +10,7 @@ import {
 import { CollectionItemActions } from '../CollectionItemActions';
 import { Box } from '@wix/design-system';
 import { ItemActionsState } from '../../state';
+import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 
 export interface CollectionListRowProps<T, F extends FiltersMap = FiltersMap>
   extends Partial<FadeProps> {
@@ -31,8 +32,16 @@ export const CollectionListRow = observer(function CollectionListRow<
   dataHook,
   ...rest
 }: CollectionListRowProps<T, F>) {
+  const toolbarState = useToolbarCollectionContext();
+
   const [state] = useState(
-    () => new ItemActionsState({ collection, keyedItem, fade: 'idle' }),
+    () =>
+      new ItemActionsState({
+        collection,
+        keyedItem,
+        fade: 'idle',
+        reportBi: toolbarState.reportBi,
+      }),
   );
 
   const { type: CollectionListItemComponent, props: collectionListItemProps } =

package/src/components/CollectionPageNew/CollectionPage.st.css.ts

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

package/src/components/CollectionSearch.tsx

@@ -1,6 +1,12 @@
 import { observer } from 'mobx-react-lite';
 import { Box, Search, SearchProps, TextButton } from '@wix/design-system';
-import React, { CSSProperties, useState, useRef, useCallback } from 'react';
+import React, {
+  CSSProperties,
+  useState,
+  useRef,
+  useCallback,
+  useEffect,
+} from 'react';
 import { FiltersMap } from '@wix/bex-core';
 import { useCollectionContext } from '@wix/bex-core/react';
 import { useIsMobile } from '../hooks/useIsMobile';
@@ -34,6 +40,17 @@ export const CollectionSearch = observer(function CollectionSearch<
 
   const searchInputRef = useRef<Search>(null);
 
+  useEffect(() => {
+    collection.searchInputRef = {
+      focus: () => {
+        searchInputRef.current?.focus();
+      },
+    };
+    return () => {
+      collection.searchInputRef = null;
+    };
+  }, [collection]);
+
   const handleCancel = useCallback(() => {
     collection.clearSearch();
     onSearchChange?.('');

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

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

package/src/components/CollectionTableActionsColumn.tsx

@@ -5,6 +5,7 @@ import { CollectionState, FiltersMap, KeyedItem } from '@wix/bex-core';
 import { observer } from 'mobx-react-lite';
 import { ActionCell, ActionCellProps } from './ActionCell';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useToolbarCollectionContext } from './ToolbarCollectionContext';
 
 export interface CollectionTableActionsColumnProps<T, F extends FiltersMap> {
   keyedItem: KeyedItem<T>;
@@ -18,6 +19,7 @@ function _CollectionTableActionsColumn<T, F extends FiltersMap>(
   props: CollectionTableActionsColumnProps<T, F>,
 ) {
   const { experiments } = useWixPatternsContainer();
+  const toolbarState = useToolbarCollectionContext<T, F>();
   const isActionCellSizeSmallEnabled = experiments.enabled(
     'specs.cairo.SmallActionCellSize',
   );
@@ -29,6 +31,7 @@ function _CollectionTableActionsColumn<T, F extends FiltersMap>(
         keyedItem,
         collection,
         fade: 'static',
+        reportBi: toolbarState.reportBi,
       }),
   );
 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar54365146";
+var _namespace_ = "CollectionToolbar1427703721";
 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":"CollectionToolbar54365146__root","left":"CollectionToolbar54365146__left","right":"CollectionToolbar54365146__right","fullWidth":"CollectionToolbar54365146__fullWidth"};
+export var classes = {"root":"CollectionToolbar1427703721__root","left":"CollectionToolbar1427703721__left","right":"CollectionToolbar1427703721__right","fullWidth":"CollectionToolbar1427703721__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter1560324690";
+var _namespace_ = "SearchOrCustomFilter3667856890";
 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":"SearchOrCustomFilter1560324690__root","search":"SearchOrCustomFilter1560324690__search","searchMobile":"SearchOrCustomFilter1560324690__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter3667856890__root","search":"SearchOrCustomFilter3667856890__search","searchMobile":"SearchOrCustomFilter3667856890__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts

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

package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts

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

package/src/components/CustomColumnsPanel/CustomColumnsNoResults.tsx

@@ -32,7 +32,10 @@ export function _CustomColumnsNoResults<T, F extends FiltersMap>({
           <TextButton
             dataHook="custom-columns-no-results-reset-button"
             prefixIcon={<Revert />}
-            onClick={() => state.setSearchValue('')}
+            onClick={() => {
+              state.setSearchValue('');
+              state.columnsCollection.searchInputRef?.focus();
+            }}
           >
             {t('cairo.emptyState.reset.button')}
           </TextButton>

package/src/components/CustomColumnsPanel/CustomColumnsSearch.tsx

@@ -1,5 +1,5 @@
 import { Search } from '@wix/design-system';
-import React from 'react';
+import React, { useEffect, useRef } from 'react';
 import { observer } from 'mobx-react-lite';
 import { CustomColumnsState } from '../../state';
 import { FiltersMap } from '@wix/bex-core';
@@ -13,9 +13,22 @@ export function _CustomColumnsSearch<T, F extends FiltersMap>({
   state,
 }: CustomColumnsSearchProps<T, F>) {
   const { translate: t } = useWixPatternsContainer();
+  const searchInputRef = useRef<Search>(null);
+
+  useEffect(() => {
+    state.columnsCollection.searchInputRef = {
+      focus: () => {
+        searchInputRef.current?.focus();
+      },
+    };
+    return () => {
+      state.columnsCollection.searchInputRef = null;
+    };
+  }, [state.columnsCollection]);
 
   return (
     <Search
+      ref={searchInputRef}
       dataHook="custom-columns-search"
       size="small"
       value={state.searchValue}

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

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

package/src/components/EmptyState/CollectionNoResultsState.tsx

@@ -47,6 +47,7 @@ function ResetFiltersButton(props: TextButtonProps) {
       onClick={() => {
         state.emitter.emit('beforeClearFilters', { origin: 'empty-state' });
         state.resetFiltersAndRefresh();
+        state.searchInputRef?.focus();
       }}
     />
   );

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain3073058037";
+var _namespace_ = "EntityPagePlain3313101122";
 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":"EntityPagePlain3073058037__root"};
+export var classes = {"root":"EntityPagePlain3313101122__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_ = "Fade418982585";
+var _namespace_ = "Fade940409182";
 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":"Fade418982585__root"};
+export var classes = {"root":"Fade940409182__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Grid/GridCardItem.tsx

@@ -13,6 +13,7 @@ import { useGridItemActions } from './useGridItemActions';
 import { MessageActionModal } from '../ActionModal';
 import { ActionCell } from '../ActionCell';
 import type { Preset } from './Grid.types';
+import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 
 export interface GridCardItemProps<T, F extends FiltersMap> {
   children?: ReactNode;
@@ -46,12 +47,15 @@ function _GridCardItem<T, F extends FiltersMap>(
     dragging,
     dragHandleProps,
   } = props;
+  const toolbarState = useToolbarCollectionContext();
+
   const [itemActionsState] = React.useState(
     () =>
       new ItemActionsState({
         collection: state.collection,
         keyedItem,
         fade: 'idle',
+        reportBi: toolbarState.reportBi,
       }),
   );
 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading2862719035";
+var _namespace_ = "Heading3697161820";
 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":"Heading2862719035__root"};
+export var classes = {"root":"Heading3697161820__root"};
 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_ = "InputOverflow575606197";
+var _namespace_ = "InputOverflow2254481690";
 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":"InputOverflow575606197__root"};
+export var classes = {"root":"InputOverflow2254481690__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Kanban/Stage.tsx

@@ -101,6 +101,7 @@ function _StageComponent<T, S, F extends FiltersMap>({
         fade: 'static',
         keyedItem,
         collection: stageState.itemsCollectionState,
+        reportBi: state.toolbar.reportBi,
       });
 
       return {

package/src/components/KanbanDragAndDropDndKit/KanbanDragOverlayCardItem.tsx

@@ -45,6 +45,7 @@ function _KanbanDragOverlayCardItem<T, S, F extends FiltersMap>(
     fade: 'static',
     keyedItem,
     collection: stageState.itemsCollectionState,
+    reportBi: state.toolbar.reportBi,
   });
 
   const cardProps = {

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow1978011329";
+var _namespace_ = "LoadingRow697099013";
 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":"LoadingRow1978011329__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1978011329__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow697099013__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow697099013__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_ = "MaxHeightText3073310878";
+var _namespace_ = "MaxHeightText1628925456";
 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":"MaxHeightText3073310878__root"};
+export var classes = {"root":"MaxHeightText1628925456__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_ = "MaxLines3577512410";
+var _namespace_ = "MaxLines3474561681";
 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":"MaxLines3577512410__root"};
+export var classes = {"root":"MaxLines3474561681__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_ = "MultiBulkActionToolbar719948023";
+var _namespace_ = "MultiBulkActionToolbar68419382";
 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":"MultiBulkActionToolbar719948023__root","leftGroupWrapper":"MultiBulkActionToolbar719948023__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar719948023__selectedCountItem","selectedCountText":"MultiBulkActionToolbar719948023__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar68419382__root","leftGroupWrapper":"MultiBulkActionToolbar68419382__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar68419382__selectedCountItem","selectedCountText":"MultiBulkActionToolbar68419382__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_ = "NestedTablePlaceholderStatesRow3564216652";
+var _namespace_ = "NestedTablePlaceholderStatesRow2489859390";
 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":"NestedTablePlaceholderStatesRow3564216652__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow2489859390__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_ = "NestedTableRow444394540";
+var _namespace_ = "NestedTableRow3970235073";
 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":"NestedTableRow444394540__root","firstLevel":"NestedTableRow444394540__firstLevel","placeholder":"NestedTableRow444394540__placeholder","parentHovered":"NestedTableRow444394540__parentHovered"};
+export var classes = {"root":"NestedTableRow3970235073__root","firstLevel":"NestedTableRow3970235073__firstLevel","placeholder":"NestedTableRow3970235073__placeholder","parentHovered":"NestedTableRow3970235073__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_ = "MultipleDragOverlayEffect2651584198";
+var _namespace_ = "MultipleDragOverlayEffect2349309335";
 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":"MultipleDragOverlayEffect2651584198__root"};
+export var classes = {"root":"MultipleDragOverlayEffect2349309335__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_ = "NestedTableDragAndDropRow2434494815";
+var _namespace_ = "NestedTableDragAndDropRow737617853";
 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":"NestedTableDragAndDropRow2434494815__root"};
+export var classes = {"root":"NestedTableDragAndDropRow737617853__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_ = "PickerContent603656923";
+var _namespace_ = "PickerContent2017000944";
 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":"PickerContent603656923__root"};
+export var classes = {"root":"PickerContent2017000944__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};