@wix/patterns 1.336.0 → 1.338.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.336.0",
+  "version": "1.338.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -205,7 +205,7 @@
   ],
   "dependencies": {
     "@wix/agent-platform-bm-sdk": "^1.0.0",
-    "@wix/bex-core": "2.263.0",
+    "@wix/bex-core": "2.264.0",
     "@wix/bex-utils": "2.80.0",
     "@wix/essentials": "^0.1.26",
     "@wix/sdk": "^1.15.22",
@@ -423,5 +423,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "cdb7e2d70a92bc29f8d6ae7f7610e78162d49faa0d381bdadc69024f"
+  "falconPackageHash": "a2b75718f744a0bd8cbf9d6aba3f7ce88b8f1980568c53d6f01ed8a1"
 }

package/src/components/AppliedFiltersTagList/AppliedFiltersTagList.tsx

@@ -32,15 +32,7 @@ function _AppliedFiltersTagList<T, F extends FiltersMap>(
         const tag = tagsMap.get(tagId);
         if (tag != null) {
           const { values, filter, filterProps } = tag;
-          state._reportFilterToggleBiOnNextResult(filter, values);
-
-          filter.remove(values, {
-            emitEvents: ['change', 'refresh'],
-          });
-
-          values.forEach((value) => {
-            filterProps?.onAppliedFilterTagRemove?.(value);
-          });
+          state.onTagRemove(filter, values, filterProps?.onAppliedFilterTagRemove);
         }
       }}
       size="small"

package/src/components/AppliedFiltersTagList/AppliedFiltersTagListState.tsx

@@ -150,7 +150,7 @@ export class AppliedFiltersTagListState<T, F extends FiltersMap> {
 
   onClearButtonClick = action(() => {
     const { table } = this;
-    const { collection } = table;
+    const { collection, toolbarFiltersState } = table;
     const {
       query: { nonPersistentFilters },
     } = collection;
@@ -160,8 +160,33 @@ export class AppliedFiltersTagListState<T, F extends FiltersMap> {
       .forEach((filter) => {
         filter?.reset({ emitEvents: ['change', 'refresh'] });
       });
+
+    toolbarFiltersState?.moreFiltersButtonRef?.current?.focus();
   });
 
+  onTagRemove<V>(
+    filter: Filter<V>,
+    values: FilterItem<V>[],
+    onAppliedFilterTagRemove?: (value: FilterItem<V>) => void,
+  ) {
+    const { table, tags } = this;
+    const isLastTag = tags.length === 1;
+
+    this._reportFilterToggleBiOnNextResult(filter, values);
+
+    filter.remove(values, {
+      emitEvents: ['change', 'refresh'],
+    });
+
+    values.forEach((value) => {
+      onAppliedFilterTagRemove?.(value);
+    });
+
+    if (isLastTag) {
+      table.toolbarFiltersState?.moreFiltersButtonRef?.current?.focus();
+    }
+  }
+
   private generateNonAggregatedTag<V>(
     filterValuesGroup: FilterTagValue<V>[],
     filterProps?: FilterProps<V>,

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CardContainer3246313946";
+var _namespace_ = "CardContainer2270987594";
 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":"CardContainer3246313946__root"};
+export var classes = {"root":"CardContainer2270987594__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_ = "Collapse3873550030";
+var _namespace_ = "Collapse3580489356";
 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":"Collapse3873550030__root","exit":"Collapse3873550030__exit"};
+export var classes = {"root":"Collapse3580489356__root","exit":"Collapse3580489356__exit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar934788959";
+var _namespace_ = "CollectionToolbar2950418002";
 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":"CollectionToolbar934788959__root","left":"CollectionToolbar934788959__left","right":"CollectionToolbar934788959__right","fullWidth":"CollectionToolbar934788959__fullWidth"};
+export var classes = {"root":"CollectionToolbar2950418002__root","left":"CollectionToolbar2950418002__left","right":"CollectionToolbar2950418002__right","fullWidth":"CollectionToolbar2950418002__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_ = "SearchOrCustomFilter1853994884";
+var _namespace_ = "SearchOrCustomFilter3532595144";
 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":"SearchOrCustomFilter1853994884__root","search":"SearchOrCustomFilter1853994884__search","searchMobile":"SearchOrCustomFilter1853994884__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter3532595144__root","search":"SearchOrCustomFilter3532595144__search","searchMobile":"SearchOrCustomFilter3532595144__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbarFilters/CollectionToolbarFiltersState.ts

@@ -2,8 +2,9 @@ import { ToolbarCollectionState } from '../../state';
 import { FiltersMap, ValueBox, withoutDefaults } from '@wix/bex-core';
 import { cairoFiltersPanelUsed } from '@wix/bex-core/bi';
 import { action, computed, makeObservable } from 'mobx';
-import { ReactNode } from 'react';
+import { ReactNode, RefObject, createRef } from 'react';
 import { FilterElement } from './filterElement';
+import { Button } from '@wix/design-system';
 
 export interface CollectionToolbarFiltersStateParams<T, F extends FiltersMap> {
   readonly toolbar: ToolbarCollectionState<T, F>;
@@ -15,6 +16,8 @@ export class CollectionToolbarFiltersState<T, F extends FiltersMap> {
   readonly panelTitle = new ValueBox<ReactNode>(undefined);
   readonly totalInlineFilters = new ValueBox<number | null>(null);
   readonly filterElements = new ValueBox<FilterElement[]>([]);
+  readonly moreFiltersButtonRef: RefObject<Button> =
+    createRef<Button>();
 
   onClearButtonClicked?: () => unknown;
 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AutoCompleteReadonly1224145361";
+var _namespace_ = "AutoCompleteReadonly572573198";
 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":"AutoCompleteReadonly1224145361__root"};
+export var classes = {"root":"AutoCompleteReadonly572573198__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_ = "ViewsDropdown3787802677";
+var _namespace_ = "ViewsDropdown1422484904";
 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":"ViewsDropdown3787802677__root"};
+export var classes = {"root":"ViewsDropdown1422484904__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain3958185199";
+var _namespace_ = "EntityPagePlain190709969";
 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":"EntityPagePlain3958185199__root"};
+export var classes = {"root":"EntityPagePlain190709969__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_ = "Fade3424311763";
+var _namespace_ = "Fade1345945596";
 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":"Fade3424311763__root"};
+export var classes = {"root":"Fade1345945596__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_ = "Heading2943605154";
+var _namespace_ = "Heading3281401398";
 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":"Heading2943605154__root"};
+export var classes = {"root":"Heading3281401398__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_ = "InputOverflow3074539792";
+var _namespace_ = "InputOverflow1183490160";
 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":"InputOverflow3074539792__root"};
+export var classes = {"root":"InputOverflow1183490160__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Kanban/Stage.tsx

@@ -125,6 +125,7 @@ function _StageComponent<T, S, F extends FiltersMap>({
 
   const { DraggableCard } = KanbanCardDragAndDrop;
   const isInSearchMode = state.isInSearchMode();
+  const isInFilterMode = state.isInFilterMode();
   const isStageLoading = stageState.isLoading;
   const isChangingFiltersValue = state.getIsChangingFiltersValue();
   const shouldShowStageSummary = !isChangingFiltersValue && !isStageLoading;
@@ -240,7 +241,7 @@ function _StageComponent<T, S, F extends FiltersMap>({
                 }}
                 onScroll={handleScroll}
               >
-                {isInSearchMode && items.length === 0 ? (
+                {(isInSearchMode || isInFilterMode) && items.length === 0 ? (
                   <Box
                     flex="1"
                     verticalAlign="middle"

package/src/components/KanbanDragAndDropDndKit/KanbanDragAndDropContext.tsx

@@ -68,10 +68,11 @@ function _KanbanDragAndDropContext<T, S, F extends FiltersMap>(
       sensors={sensors}
       autoScroll={{
         activator: AutoScrollActivator.DraggableRect,
-        acceleration: 4,
+        acceleration: 1,
+        interval: 10,
         threshold: {
-          y: 0.01,
-          x: 0.2,
+          y: 0.15,
+          x: 0.15,
         },
       }}
       accessibility={{

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow1307420041";
+var _namespace_ = "LoadingRow3008612773";
 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":"LoadingRow1307420041__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1307420041__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3008612773__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3008612773__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_ = "MaxHeightText750589606";
+var _namespace_ = "MaxHeightText1142318275";
 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":"MaxHeightText750589606__root"};
+export var classes = {"root":"MaxHeightText1142318275__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_ = "MaxLines1620715463";
+var _namespace_ = "MaxLines3027755952";
 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":"MaxLines1620715463__root"};
+export var classes = {"root":"MaxLines3027755952__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MoreFiltersCTA/MoreFiltersCTA.tsx

@@ -10,6 +10,7 @@ const _MoreFiltersCTA = () => {
   const {
     toolbar: { responsive },
     container: { translate: t },
+    toolbarFiltersState,
   } = state;
 
   return (
@@ -18,12 +19,13 @@ const _MoreFiltersCTA = () => {
       count={state.collection.query.nonPersistentCustomFiltersCount}
     >
       <ResponsiveButton
+        ref={toolbarFiltersState?.moreFiltersButtonRef}
         state={responsive.filters}
         shouldShrink={false}
         key="more-filters-button"
         dataHook="more-filters-button"
         icon={<ContentFilter />}
-        onClick={state.toolbarFiltersState?.onFiltersButtonClick}
+        onClick={toolbarFiltersState?.onFiltersButtonClick}
       >
         {t('cairo.toolbar.moreFiltersButton', { defaultValue: '' })}
       </ResponsiveButton>

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar457043310";
+var _namespace_ = "MultiBulkActionToolbar3793364616";
 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":"MultiBulkActionToolbar457043310__root","leftGroupWrapper":"MultiBulkActionToolbar457043310__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar457043310__selectedCountItem","selectedCountText":"MultiBulkActionToolbar457043310__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar3793364616__root","leftGroupWrapper":"MultiBulkActionToolbar3793364616__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3793364616__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3793364616__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_ = "NestedTablePlaceholderStatesRow177300811";
+var _namespace_ = "NestedTablePlaceholderStatesRow2366685358";
 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":"NestedTablePlaceholderStatesRow177300811__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow2366685358__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_ = "NestedTableRow2524142090";
+var _namespace_ = "NestedTableRow4012245422";
 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":"NestedTableRow2524142090__root","firstLevel":"NestedTableRow2524142090__firstLevel","placeholder":"NestedTableRow2524142090__placeholder","parentHovered":"NestedTableRow2524142090__parentHovered"};
+export var classes = {"root":"NestedTableRow4012245422__root","firstLevel":"NestedTableRow4012245422__firstLevel","placeholder":"NestedTableRow4012245422__placeholder","parentHovered":"NestedTableRow4012245422__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_ = "MultipleDragOverlayEffect4072341533";
+var _namespace_ = "MultipleDragOverlayEffect2461601858";
 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":"MultipleDragOverlayEffect4072341533__root"};
+export var classes = {"root":"MultipleDragOverlayEffect2461601858__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_ = "NestedTableDragAndDropRow54356842";
+var _namespace_ = "NestedTableDragAndDropRow2017963387";
 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":"NestedTableDragAndDropRow54356842__root"};
+export var classes = {"root":"NestedTableDragAndDropRow2017963387__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_ = "PickerContent2359906082";
+var _namespace_ = "PickerContent620018214";
 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":"PickerContent2359906082__root"};
+export var classes = {"root":"PickerContent620018214__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_ = "PickerContentAdditionalStep3111406405";
+var _namespace_ = "PickerContentAdditionalStep3476680796";
 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":"PickerContentAdditionalStep3111406405__root","titles":"PickerContentAdditionalStep3111406405__titles","suffix":"PickerContentAdditionalStep3111406405__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep3476680796__root","titles":"PickerContentAdditionalStep3476680796__titles","suffix":"PickerContentAdditionalStep3476680796__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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