@wix/patterns 1.321.0 → 1.323.0

package/dist/types/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "patterns@1.321.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.321.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.251.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": "1b6a0bceac827b8f89549678727009354eac75b8097e04de5701bba5"
+  "falconPackageHash": "a60895f37fc38e979cdffb434aaa4525adb7d45c5fae2c55e250b4af"
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CardContainer2625376189";
+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":"CardContainer2625376189__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_ = "Collapse274480059";
+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":"Collapse274480059__root","exit":"Collapse274480059__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_ = "CollectionPage3729843498";
+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":"CollectionPage3729843498__root"};
+export var classes = {"root":"CollectionPage2158161423__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionSearch.tsx

@@ -9,7 +9,6 @@ export interface CollectionSearchProps extends Partial<SearchProps> {
   onSearchChange?: (value: string) => unknown;
   onSearchClick?: () => unknown;
   onSearchBlur?: (value: string) => unknown;
-  onExpandChange?: (isExpanded: boolean) => unknown;
   visibility?: CSSProperties['visibility'];
 }
 
@@ -20,7 +19,6 @@ export const CollectionSearch = observer(function CollectionSearch<
   onSearchChange,
   onSearchClick,
   onSearchBlur,
-  onExpandChange,
   visibility,
   expandable,
   ...rest
@@ -33,15 +31,8 @@ export const CollectionSearch = observer(function CollectionSearch<
 
   const isMobile = useIsMobile();
   const [isSearchExpanded, setIsSearchExpanded] = useState(!!search.value);
-  const searchInputRef = useRef<Search>(null);
 
-  const updateExpandedState = useCallback(
-    (isExpanded: boolean) => {
-      setIsSearchExpanded(isExpanded);
-      onExpandChange?.(isExpanded);
-    },
-    [onExpandChange],
-  );
+  const searchInputRef = useRef<Search>(null);
 
   const handleCancel = useCallback(() => {
     collection.clearSearch();
@@ -49,10 +40,9 @@ export const CollectionSearch = observer(function CollectionSearch<
 
     if (searchInputRef.current) {
       searchInputRef.current.blur();
+      setIsSearchExpanded(false);
     }
-
-    updateExpandedState(false);
-  }, [collection, onSearchChange, updateExpandedState]);
+  }, [collection, onSearchChange]);
 
   const showCancelButton = isMobile && isSearchExpanded;
 
@@ -74,15 +64,14 @@ export const CollectionSearch = observer(function CollectionSearch<
       expandable={expandable}
       expandDirection={isMobile ? 'left' : undefined}
       placeholder={t('cairo.searchPlaceholder', { defaultValue: '' })}
-      onInputClicked={() => {
-        updateExpandedState(true);
-        onSearchClick?.();
-      }}
       textOverflow="ellipsis"
+      onFocus={() => {
+        setIsSearchExpanded(true);
+      }}
       onBlur={(e) => {
         const value = e.target.value;
         if (!value) {
-          updateExpandedState(false);
+          setIsSearchExpanded(false);
         }
         onSearchBlur?.(value);
       }}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionTable3557082952";
+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":"CollectionTable3557082952__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_ = "CollectionToolbar3036910620";
+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":"CollectionToolbar3036910620__root","left":"CollectionToolbar3036910620__left","right":"CollectionToolbar3036910620__right","fullWidth":"CollectionToolbar3036910620__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/CollectionToolbar.tsx

@@ -1,4 +1,5 @@
 import React, {
+  cloneElement,
   FunctionComponent,
   ReactElement,
   useEffect,
@@ -105,7 +106,7 @@ function _CollectionToolbar<T, F extends FiltersMap>(
   };
 
   const searchElement = isPanelLayout ? undefined : isValidElement(search) ? (
-    React.cloneElement(search as CollectionSearchElement, {
+    cloneElement(search as CollectionSearchElement, {
       expandable:
         searchIsExpandable ??
         (search as CollectionSearchElement).props.expandable,

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

@@ -7,15 +7,14 @@
 .searchMobile {
   -st-states: expandable, expanded;
   justify-content: flex-end;
+  position: absolute;
+  right: 18px;
 }
 
 .searchMobile:not(:expandable) {
-  width: 100%;
+  left: 18px;
 }
 
 .searchMobile:expandable:expanded {
-  position: absolute;
-  right: 18px;
   left: 18px;
 }
-

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter3542072153";
+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":"SearchOrCustomFilter3542072153__root","search":"SearchOrCustomFilter3542072153__search","searchMobile":"SearchOrCustomFilter3542072153__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/CollectionToolbar/SearchOrCustomFilter.tsx

@@ -1,5 +1,5 @@
 import { Box, TableToolbar } from '@wix/design-system';
-import React, { useMemo } from 'react';
+import React, { cloneElement, Fragment, isValidElement, useMemo } from 'react';
 import { classes, st } from './SearchOrCustomFilter.st.css.js';
 import { ToolbarBaseProps } from '../ToolbarCollection';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
@@ -31,31 +31,67 @@ function _SearchOrCustomFilter(props: SearchOrCustomFilterProps) {
 
   const isSearchExpanded = state._searchExpanded;
 
-  const onSearchExpandChange = (expanded: boolean) => {
-    runInAction(() => {
-      state._searchExpanded = expanded;
-    });
-  };
-
-  const [search, isExpandable] = useMemo(() => {
-    if (!React.isValidElement(_search)) {
-      return [_search, false];
+  const { search, isExpandable } = useMemo(() => {
+    if (!isValidElement(_search)) {
+      return {
+        search: _search,
+        isExpandable: false,
+      };
     }
-    const element = React.cloneElement(_search as CollectionSearchElement, {
-      onExpandChange: onSearchExpandChange,
+    const element = cloneElement(_search as CollectionSearchElement, {
+      onExpandTransitionStart: (collapsed?: boolean) => {
+        runInAction(() => {
+          if (!collapsed) {
+            state._searchExpanded = true;
+          }
+        });
+      },
+      onExpandTransitionEnd: (collapsed?: boolean) => {
+        runInAction(() => {
+          if (collapsed) {
+            state._searchExpanded = false;
+          }
+        });
+      },
     });
-    return [element, element.props.expandable];
-  }, [_search, onSearchExpandChange]);
+    return {
+      search: element,
+      isExpandable: element.props.expandable,
+    };
+  }, [_search]);
 
   if (responsiveDisabled || isMobile) {
+    let child = search;
+
+    if (isMobile) {
+      child = (
+        <Fragment>
+          {isMobile && isValidElement(_search) && (
+            <Box visibility="hidden">
+              {/* render extra hidden search for measurement as the actual search is positioned absolutely */}
+              {cloneElement(_search as CollectionSearchElement, {
+                dataHook: `collection-search-mobile-measurement`,
+                // bypass stateful behavior on mobile for measurement
+                value: '',
+                onChange: () => {},
+              })}
+            </Box>
+          )}
+          <Box
+            className={st(classes.searchMobile, {
+              expandable: isExpandable,
+              expanded: isSearchExpanded,
+            })}
+          >
+            {search}
+          </Box>
+        </Fragment>
+      );
+    }
+
     return (
-      <TableToolbar.Item
-        className={st(isMobile ? classes.searchMobile : classes.search, {
-          expandable: isExpandable,
-          expanded: isSearchExpanded,
-        })}
-      >
-        {search}
+      <TableToolbar.Item className={st(isMobile ? undefined : classes.search)}>
+        {child}
       </TableToolbar.Item>
     );
   }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AutoCompleteReadonly1419132277";
+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":"AutoCompleteReadonly1419132277__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_ = "ViewsDropdown2418948046";
+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":"ViewsDropdown2418948046__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_ = "DragHandle3254472969";
+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":"DragHandle3254472969__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_ = "EntityPagePlain1575425457";
+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":"EntityPagePlain1575425457__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_ = "Fade1834301837";
+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":"Fade1834301837__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_ = "Heading2321278140";
+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":"Heading2321278140__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_ = "InputOverflow341534247";
+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":"InputOverflow341534247__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_ = "LoadingRow2450818251";
+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":"LoadingRow2450818251__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow2450818251__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_ = "MaxHeightText1534981817";
+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":"MaxHeightText1534981817__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_ = "MaxLines3822062704";
+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":"MaxLines3822062704__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_ = "MultiBulkActionToolbar3643902721";
+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":"MultiBulkActionToolbar3643902721__root","leftGroupWrapper":"MultiBulkActionToolbar3643902721__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3643902721__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3643902721__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 = {};