@wix/patterns 1.322.0 → 1.323.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.323.0";
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.322.0",
+  "version": "1.323.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.253.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": "a60895f37fc38e979cdffb434aaa4525adb7d45c5fae2c55e250b4af"
 }

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_ = "CardContainer4143025910";
 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":"CardContainer4143025910__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_ = "Collapse3754513475";
 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":"Collapse3754513475__root","exit":"Collapse3754513475__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_ = "CollectionPage2158161423";
 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":"CollectionPage2158161423__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_ = "CollectionTable3526059957";
+var _namespace_ = "CollectionTable2752357204";
 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":"CollectionTable2752357204__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_ = "CollectionToolbar3308549850";
 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":"CollectionToolbar3308549850__root","left":"CollectionToolbar3308549850__left","right":"CollectionToolbar3308549850__right","fullWidth":"CollectionToolbar3308549850__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_ = "SearchOrCustomFilter3633582903";
 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":"SearchOrCustomFilter3633582903__root","search":"SearchOrCustomFilter3633582903__search","searchMobile":"SearchOrCustomFilter3633582903__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_ = "AutoCompleteReadonly2402100218";
 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":"AutoCompleteReadonly2402100218__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_ = "ViewsDropdown3675822556";
 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":"ViewsDropdown3675822556__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_ = "DragHandle1265699208";
+var _namespace_ = "DragHandle3359316029";
 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":"DragHandle3359316029__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_ = "EntityPagePlain3073058037";
+var _namespace_ = "EntityPagePlain3475402275";
 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":"EntityPagePlain3475402275__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_ = "Fade3567457394";
 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":"Fade3567457394__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_ = "Heading2239324550";
 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":"Heading2239324550__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_ = "InputOverflow1666475217";
 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":"InputOverflow1666475217__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_ = "LoadingRow1481472461";
 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":"LoadingRow1481472461__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow1481472461__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_ = "MaxHeightText2261845786";
 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":"MaxHeightText2261845786__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_ = "MaxLines1494253558";
 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":"MaxLines1494253558__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_ = "MultiBulkActionToolbar1790008875";
 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":"MultiBulkActionToolbar1790008875__root","leftGroupWrapper":"MultiBulkActionToolbar1790008875__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1790008875__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1790008875__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_ = "NestedTablePlaceholderStatesRow4206198975";
 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":"NestedTablePlaceholderStatesRow4206198975__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_ = "NestedTableRow270994647";
 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":"NestedTableRow270994647__root","firstLevel":"NestedTableRow270994647__firstLevel","placeholder":"NestedTableRow270994647__placeholder","parentHovered":"NestedTableRow270994647__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_ = "MultipleDragOverlayEffect2367695207";
 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":"MultipleDragOverlayEffect2367695207__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_ = "NestedTableDragAndDropRow3656331557";
 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":"NestedTableDragAndDropRow3656331557__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_ = "PickerContent3209389846";
 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":"PickerContent3209389846__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_ = "PickerContentAdditionalStep2352911284";
+var _namespace_ = "PickerContentAdditionalStep667107801";
 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":"PickerContentAdditionalStep2352911284__root","titles":"PickerContentAdditionalStep2352911284__titles","suffix":"PickerContentAdditionalStep2352911284__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep667107801__root","titles":"PickerContentAdditionalStep667107801__titles","suffix":"PickerContentAdditionalStep667107801__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_ = "PickerTableListItem2083694027";
+var _namespace_ = "PickerTableListItem2330376760";
 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":"PickerTableListItem2083694027__root"};
+export var classes = {"root":"PickerTableListItem2330376760__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard2924740901";
+var _namespace_ = "SkeletonCard3734480752";
 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":"SkeletonCard2924740901__root","headerLoading":"SkeletonCard2924740901__headerLoading"};
+export var classes = {"root":"SkeletonCard3734480752__root","headerLoading":"SkeletonCard3734480752__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};