@wix/patterns 1.294.0 → 1.299.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CardContainer2073959692";
+var _namespace_ = "CardContainer1374240961";
 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":"CardContainer2073959692__root"};
+export var classes = {"root":"CardContainer1374240961__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_ = "Collapse1894828700";
+var _namespace_ = "Collapse927227220";
 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":"Collapse1894828700__root","exit":"Collapse1894828700__exit"};
+export var classes = {"root":"Collapse927227220__root","exit":"Collapse927227220__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_ = "CollectionPage2843569420";
+var _namespace_ = "CollectionPage4051539634";
 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":"CollectionPage2843569420__root"};
+export var classes = {"root":"CollectionPage4051539634__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionSearch.tsx

@@ -1,13 +1,15 @@
 import { observer } from 'mobx-react-lite';
-import { Search, SearchProps } from '@wix/design-system';
-import React, { CSSProperties } from 'react';
+import { Box, Search, SearchProps, TextButton } from '@wix/design-system';
+import React, { CSSProperties, useState, useRef, useCallback } from 'react';
 import { FiltersMap } from '@wix/bex-core';
 import { useCollectionContext } from '@wix/bex-core/react';
+import { useIsMobile } from '../hooks/useIsMobile';
 
 export interface CollectionSearchProps extends Partial<SearchProps> {
   onSearchChange?: (value: string) => unknown;
   onSearchClick?: () => unknown;
   onSearchBlur?: (value: string) => unknown;
+  onExpandChange?: (isExpanded: boolean) => unknown;
   visibility?: CSSProperties['visibility'];
 }
 
@@ -18,7 +20,9 @@ export const CollectionSearch = observer(function CollectionSearch<
   onSearchChange,
   onSearchClick,
   onSearchBlur,
+  onExpandChange,
   visibility,
+  expandable,
   ...rest
 }: CollectionSearchProps) {
   const collection = useCollectionContext<T, F>();
@@ -27,7 +31,32 @@ export const CollectionSearch = observer(function CollectionSearch<
     translate: t,
   } = collection;
 
-  return (
+  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 handleCancel = useCallback(() => {
+    collection.clearSearch();
+    onSearchChange?.('');
+
+    if (searchInputRef.current) {
+      searchInputRef.current.blur();
+    }
+
+    updateExpandedState(false);
+  }, [collection, onSearchChange, updateExpandedState]);
+
+  const showCancelButton = isMobile && isSearchExpanded;
+
+  const searchElement = (
     <Search
       dataHook="collection-search"
       onChange={(e) => {
@@ -35,20 +64,48 @@ export const CollectionSearch = observer(function CollectionSearch<
         collection.search(e.target.value, { clearResult: true });
         onSearchChange?.(value);
       }}
+      ref={searchInputRef}
       value={search.value}
       onClear={() => {
         const value = '';
         collection.clearSearch();
         onSearchChange?.(value);
       }}
+      expandable={expandable}
+      expandDirection={isMobile ? 'left' : undefined}
       placeholder={t('cairo.searchPlaceholder', { defaultValue: '' })}
-      onInputClicked={() => onSearchClick?.()}
+      onInputClicked={() => {
+        updateExpandedState(true);
+        onSearchClick?.();
+      }}
       textOverflow="ellipsis"
       onBlur={(e) => {
         const value = e.target.value;
+        if (!value) {
+          updateExpandedState(false);
+        }
         onSearchBlur?.(value);
       }}
       {...rest}
     />
   );
+
+  if (isMobile && expandable) {
+    return (
+      <Box width="100%" gap="SP2" verticalAlign="middle">
+        {searchElement}
+        {showCancelButton && (
+          <TextButton
+            dataHook="collection-search-cancel"
+            onClick={handleCancel}
+            size="small"
+          >
+            {t('cairo.cancel.button')}
+          </TextButton>
+        )}
+      </Box>
+    );
+  }
+
+  return searchElement;
 });

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

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

package/src/components/CollectionTable/CollectionTable.tsx

@@ -192,8 +192,6 @@ function _CollectionTable<T, F extends FiltersMap = FiltersMap>(
 
   const state = tableState.toolbar;
 
-  const showSelection = showSelectionProp ?? bulkActionToolbar != null;
-
   const horizontalScroll =
     horizontalScrollProp ??
     state.container.internalExperiments?.enabled(
@@ -210,6 +208,10 @@ function _CollectionTable<T, F extends FiltersMap = FiltersMap>(
 
   const isMobile = useIsMobile();
 
+  const showSelection = isMobile
+    ? bulkActionToolbar != null
+    : showSelectionProp ?? bulkActionToolbar != null;
+
   useTableCollectionSyncProps({
     ...props,
     dataExtension,

package/src/components/CollectionTable/CollectionTableWSRTable.tsx

@@ -242,7 +242,7 @@ function _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(
           showSelection,
           stickySelectionColumn,
         })}
-        showSelection={!isMobile && showSelection}
+        showSelection={showSelection}
         selectedIds={bulk.selectedIds}
         onSelectionStarted={state.toolbar.onSelectionStarted}
         onSelectionChanged={

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar145329619";
+var _namespace_ = "CollectionToolbar2670806627";
 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":"CollectionToolbar145329619__root","left":"CollectionToolbar145329619__left","right":"CollectionToolbar145329619__right","fullWidth":"CollectionToolbar145329619__fullWidth"};
+export var classes = {"root":"CollectionToolbar2670806627__root","left":"CollectionToolbar2670806627__left","right":"CollectionToolbar2670806627__right","fullWidth":"CollectionToolbar2670806627__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/CollectionToolbar.tsx

@@ -24,6 +24,7 @@ import {
   ToolbarCollectionBaseProps,
 } from '../ToolbarCollection';
 import { useCollectionToolbarSyncedProps } from './useCollectionToolbarSyncedProps';
+import { useIsCollectionToolbarExists } from './useIsCollectionToolbarExists';
 import { CollectionToolbarActionsToolbarItemsGroup } from './CollectionToolbarActionsToolbarItemsGroup';
 import { CollectionToolbarActionsGroupResponsiveLayout } from './CollectionToolbarActionsGroupResponsiveLayout';
 import { MoreActions } from '../MoreActions';
@@ -79,6 +80,11 @@ function _CollectionToolbar<T, F extends FiltersMap>(
 
   const isMobile = useIsMobile();
 
+  const hasOtherToolbarFeatures = useIsCollectionToolbarExists(props, {
+    excludeSearch: true,
+  });
+  const searchIsExpandable = isMobile ? hasOtherToolbarFeatures : undefined;
+
   assertComponentType(
     primaryActionButton,
     'PrimaryActionButton',
@@ -98,12 +104,13 @@ function _CollectionToolbar<T, F extends FiltersMap>(
   };
 
   const searchElement = isPanelLayout ? undefined : isValidElement(search) ? (
-    (React.cloneElement(
-      search as CollectionSearchElement,
-      {},
-    ) as CollectionSearchElement)
+    React.cloneElement(search as CollectionSearchElement, {
+      expandable:
+        searchIsExpandable ??
+        (search as CollectionSearchElement).props.expandable,
+    })
   ) : search ? (
-    <CollectionSearch size="small" />
+    <CollectionSearch size="small" expandable={searchIsExpandable} />
   ) : (
     search
   );
@@ -152,16 +159,14 @@ function _CollectionToolbar<T, F extends FiltersMap>(
 
   let left: ReactElement | undefined;
 
-  if (!isMobile) {
-    if (tabs) {
-      left = (
-        <ToolbarItemBox removeStartPadding expandable layout="button">
-          {tabs}
-        </ToolbarItemBox>
-      );
-    } else if (title) {
-      left = title;
-    }
+  if (tabs) {
+    left = (
+      <ToolbarItemBox removeStartPadding expandable layout="button">
+        {tabs}
+      </ToolbarItemBox>
+    );
+  } else if (title && !isMobile) {
+    left = title;
   }
 
   useCollectionToolbarSyncedProps({

package/src/components/CollectionToolbar/CollectionToolbar.uni.driver.ts

@@ -109,6 +109,9 @@ export const CollectionToolbarUniDriver = (
   const getMultiLevelSortingPanel = () =>
     MultiLevelSortingPanelUniDriver(body, body);
 
+  const getSearchCancelButton = () =>
+    TextButtonUniDriver(base.$('[data-hook="collection-search-cancel"]'), body);
+
   return {
     ...toolbar,
     getSearch: () => searchDriver,
@@ -128,6 +131,10 @@ export const CollectionToolbarUniDriver = (
     searchInputExists: searchDriver.inputDriver.exists,
     /** Clicks clear button of the search input */
     clickClearSearchText: searchDriver.inputDriver.clickClear,
+    /** Indicates whether the search cancel button exists */
+    searchCancelButtonExists: () => getSearchCancelButton().exists(),
+    /** Clicks the cancel button of the search */
+    clickSearchCancelButton: () => getSearchCancelButton().click(),
     isToolbarWithFilters: () => isToolbarWithFilters(),
     skeletonExists: () => base.$('[data-hook="toolbar-skeleton"]').exists(),
     viewsSkeletonExists: () =>

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

@@ -5,6 +5,18 @@
 }
 
 .searchMobile {
-  width: 100%;
+  -st-states: expandable, expanded;
   justify-content: flex-end;
+  position: absolute;
+  left: 18px;
+  right: 18px;
 }
+
+.searchMobile:expandable {
+  left: unset;
+}
+
+.searchMobile:expandable:expanded {
+  left: 18px;
+}
+

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter3136274504";
+var _namespace_ = "SearchOrCustomFilter2119113276";
 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":"SearchOrCustomFilter3136274504__root","search":"SearchOrCustomFilter3136274504__search","searchMobile":"SearchOrCustomFilter3136274504__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter2119113276__root","search":"SearchOrCustomFilter2119113276__search","searchMobile":"SearchOrCustomFilter2119113276__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/SearchOrCustomFilter.tsx

@@ -1,17 +1,23 @@
 import { Box, TableToolbar } from '@wix/design-system';
-import React from 'react';
+import React, { useState, useMemo, useCallback } from 'react';
 import { classes, st } from './SearchOrCustomFilter.st.css.js';
 import { ToolbarBaseProps } from '../ToolbarCollection';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 import { observer } from 'mobx-react-lite';
 import { useIsMobile } from '../../hooks/useIsMobile';
+import { CollectionSearchElement } from '../assertComponentType.js';
 
 export interface SearchOrCustomFilterProps {
   search: ToolbarBaseProps['search'];
 }
 
 function _SearchOrCustomFilter(props: SearchOrCustomFilterProps) {
-  const { search } = props;
+  const { search: _search } = props;
+  const [isSearchExpanded, setIsSearchExpanded] = useState(false);
+
+  const handleExpandChange = useCallback((isExpanded: boolean) => {
+    setIsSearchExpanded(isExpanded);
+  }, []);
 
   const {
     toolbar: { responsive },
@@ -24,10 +30,23 @@ function _SearchOrCustomFilter(props: SearchOrCustomFilterProps) {
 
   const isMobile = useIsMobile();
 
+  const [search, isExpandable] = useMemo(() => {
+    if (!React.isValidElement(_search)) {
+      return [_search, false];
+    }
+    const element = React.cloneElement(_search as CollectionSearchElement, {
+      onExpandChange: handleExpandChange,
+    });
+    return [element, element.props.expandable];
+  }, [_search, handleExpandChange]);
+
   if (responsiveDisabled || isMobile) {
     return (
       <TableToolbar.Item
-        className={st(isMobile ? classes.searchMobile : classes.search)}
+        className={st(isMobile ? classes.searchMobile : classes.search, {
+          expandable: isExpandable,
+          expanded: isSearchExpanded,
+        })}
       >
         {search}
       </TableToolbar.Item>

package/src/components/CollectionToolbar/useIsCollectionToolbarExists.tsx

@@ -3,6 +3,7 @@ import { CollectionToolbarProps } from './CollectionToolbar';
 
 export const useIsCollectionToolbarExists = <T, F extends FiltersMap>(
   props: CollectionToolbarProps<T, F>,
+  { excludeSearch = false }: { excludeSearch?: boolean } = {},
 ): boolean => {
   const {
     title,
@@ -38,7 +39,7 @@ export const useIsCollectionToolbarExists = <T, F extends FiltersMap>(
     return true;
   }
 
-  if (search !== false) {
+  if (!excludeSearch && search !== false) {
     return true;
   }
 

package/src/components/CollectionToolbars/CollectionToolbars.tsx

@@ -121,7 +121,7 @@ function _CollectionToolbars<T, F extends FiltersMap = FiltersMap>(
       ) : (
         <>
           {extraToolbar}
-          {shouldRenderCollectionToolbar && (
+          {(!isMobile || shouldRenderCollectionToolbar) && (
             <CollectionToolbar {...props} dataHook="collection-toolbar" />
           )}
         </>

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AutoCompleteReadonly1033015466";
+var _namespace_ = "AutoCompleteReadonly1244923733";
 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":"AutoCompleteReadonly1033015466__root"};
+export var classes = {"root":"AutoCompleteReadonly1244923733__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_ = "ViewsDropdown3317942705";
+var _namespace_ = "ViewsDropdown328358500";
 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":"ViewsDropdown3317942705__root"};
+export var classes = {"root":"ViewsDropdown328358500__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_ = "DragHandle38522767";
+var _namespace_ = "DragHandle4010270607";
 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":"DragHandle38522767__root"};
+export var classes = {"root":"DragHandle4010270607__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_ = "EntityPagePlain1299174887";
+var _namespace_ = "EntityPagePlain2079523194";
 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":"EntityPagePlain1299174887__root"};
+export var classes = {"root":"EntityPagePlain2079523194__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_ = "Fade3041272663";
+var _namespace_ = "Fade2255177420";
 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":"Fade3041272663__root"};
+export var classes = {"root":"Fade2255177420__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_ = "Heading4240559294";
+var _namespace_ = "Heading1638966174";
 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":"Heading4240559294__root"};
+export var classes = {"root":"Heading1638966174__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_ = "InputOverflow2676779985";
+var _namespace_ = "InputOverflow2900630128";
 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":"InputOverflow2676779985__root"};
+export var classes = {"root":"InputOverflow2900630128__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow3390662115";
+var _namespace_ = "LoadingRow2559945235";
 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":"LoadingRow3390662115__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3390662115__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow2559945235__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow2559945235__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_ = "MaxHeightText1269394709";
+var _namespace_ = "MaxHeightText3715018248";
 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":"MaxHeightText1269394709__root"};
+export var classes = {"root":"MaxHeightText3715018248__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_ = "MaxLines1149589607";
+var _namespace_ = "MaxLines1884325501";
 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":"MaxLines1149589607__root"};
+export var classes = {"root":"MaxLines1884325501__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_ = "MultiBulkActionToolbar3085669340";
+var _namespace_ = "MultiBulkActionToolbar1383912363";
 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":"MultiBulkActionToolbar3085669340__root"};
+export var classes = {"root":"MultiBulkActionToolbar1383912363__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};