@wix/patterns 1.412.0 → 1.414.0

package/src/components/EditableTable/cellTypes/object/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit306900703";
+var _namespace_ = "Edit4161391252";
 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":"Edit306900703__root","jsonInput":"Edit306900703__jsonInput"};
+export var classes = {"root":"Edit4161391252__root","jsonInput":"Edit4161391252__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/object/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View647005099";
+var _namespace_ = "View200481584";
 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":"View647005099__root"};
+export var classes = {"root":"View200481584__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/richContent/Edit.tsx

@@ -10,7 +10,7 @@ export const RichContentEdit: React.FC<CellEditProps<unknown>> = ({
   value,
   onChange,
   onCommit,
-  // onCancel intentionally unused: Escape commits via RichContentEditor.onClose → editorEvents.publish().
+  // onCancel intentionally unused: Escape commits via RichContentEditor.onClose -> editorRef.prePublish().
   editTrigger,
   columnId,
   rowKey,

package/src/components/EditableTable/cellTypes/richContent/index.tsx

@@ -1,10 +1,7 @@
 import React from 'react';
 import { Loader } from '@wix/design-system';
-import {
-  ensureRicosContent,
-  fromPlainText,
-  toPlainTextSync,
-} from '@wix/ricos/content';
+import { RicosDocument } from '@wix/ricos';
+import { fromPlainText, toPlainTextSync } from '@wix/ricos/content';
 
 import type { CellEditProps } from '../../types';
 import { defineCellType } from '../../types';
@@ -35,9 +32,11 @@ export const richContentCellType = defineCellType<unknown>({
     if (!value) {
       return '';
     }
-    return toPlainTextSync(ensureRicosContent(value as any), {
-      delimiter: ' ',
-    });
+    return typeof value === 'string'
+      ? value
+      : toPlainTextSync(value as RicosDocument, {
+          delimiter: ' ',
+        });
   },
 
   /** Deserialize a pasted plain-text string back to a minimal Ricos document. */

package/src/components/EditableTable/cellTypes/select/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1498785548";
+var _namespace_ = "Edit3392131003";
 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":"Edit1498785548__root","selectInput":"Edit1498785548__selectInput"};
+export var classes = {"root":"Edit3392131003__root","selectInput":"Edit3392131003__selectInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/text/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3584983746";
+var _namespace_ = "Edit4233377183";
 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":"Edit3584983746__root","editWrapper":"Edit3584983746__editWrapper","inputArea":"Edit3584983746__inputArea"};
+export var classes = {"root":"Edit4233377183__root","editWrapper":"Edit4233377183__editWrapper","inputArea":"Edit4233377183__inputArea"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/text/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3405290509";
+var _namespace_ = "View4000102319";
 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":"View3405290509__root"};
+export var classes = {"root":"View4000102319__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/time/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3688772027";
+var _namespace_ = "Edit434433941";
 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":"Edit3688772027__root","wrapper":"Edit3688772027__wrapper","overlay":"Edit3688772027__overlay"};
+export var classes = {"root":"Edit434433941__root","wrapper":"Edit434433941__wrapper","overlay":"Edit434433941__overlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/url/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1748350936";
+var _namespace_ = "Edit327718618";
 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":"Edit1748350936__root","urlInput":"Edit1748350936__urlInput"};
+export var classes = {"root":"Edit327718618__root","urlInput":"Edit327718618__urlInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/url/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View865061379";
+var _namespace_ = "View4135267169";
 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":"View865061379__root","textView":"View865061379__textView","urlText":"View865061379__urlText","suffix":"View865061379__suffix"};
+export var classes = {"root":"View4135267169__root","textView":"View4135267169__textView","urlText":"View4135267169__urlText","suffix":"View4135267169__suffix"};
 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_ = "EntityPagePlain3739611070";
+var _namespace_ = "EntityPagePlain3203605956";
 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":"EntityPagePlain3739611070__root"};
+export var classes = {"root":"EntityPagePlain3203605956__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_ = "Fade4130788920";
+var _namespace_ = "Fade528154580";
 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":"Fade4130788920__root"};
+export var classes = {"root":"Fade528154580__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/FiltersPanel/FiltersPanel.tsx

@@ -1,4 +1,10 @@
-import { Accordion, SidePanel, SidePanelProps, WixStyleReactDefaultsOverrideProvider } from '@wix/design-system';
+import {
+  Accordion,
+  Box,
+  SidePanel,
+  SidePanelProps,
+  WixStyleReactDefaultsOverrideProvider,
+} from '@wix/design-system';
 import React, { useState } from 'react';
 import { FiltersMap } from '@wix/bex-core';
 import { observer } from 'mobx-react-lite';
@@ -6,11 +12,15 @@ import { useBuildAccordionItems } from '../../hooks/useBuildAccordionItems';
 import { FiltersPanelFooter } from './FiltersPanelFooter';
 import { FilterRenderingContextProvider } from '../FilterRenderingContext';
 import { FiltersPanelState } from './FiltersPanelState';
+import { FiltersPanelSearch } from './FiltersPanelSearch';
+import { FiltersPanelSearchNoResults } from './FiltersPanelSearchNoResults';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useRafRender } from '../../hooks/useRafRender';
 import { CollectionToolbarFiltersState } from '../CollectionToolbarFilters/CollectionToolbarFiltersState';
 import { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';
 
+const FILTER_SEARCH_THRESHOLD = 7;
+
 export interface FiltersPanelProps<T, F extends FiltersMap>
   extends Partial<SidePanelProps> {
   state: CollectionToolbarFiltersState<T, F>;
@@ -26,8 +36,6 @@ function _FiltersPanel<T, F extends FiltersMap>(
     totalInlineFilters: { value: totalInlineFilters },
   } = state;
 
-  const accordionItems = useBuildAccordionItems(state);
-
   const entered = useRafRender();
 
   const { translate: t } = useWixPatternsContainer();
@@ -39,6 +47,17 @@ function _FiltersPanel<T, F extends FiltersMap>(
       }),
   );
 
+  const showSearch = state.panelFilterElements.length > FILTER_SEARCH_THRESHOLD;
+
+  const accordionItems = useBuildAccordionItems(
+    state,
+    showSearch ? filtersPanelState.searchValue : '',
+  );
+
+  const hasActiveSearch =
+    showSearch && filtersPanelState.searchValue.trim().length > 0;
+  const noResults = hasActiveSearch && accordionItems.length === 0;
+
   const [filterRenderingContext] = useState(() => ({
     location: 'panel' as const,
   }));
@@ -75,19 +94,29 @@ function _FiltersPanel<T, F extends FiltersMap>(
               })
             : undefined)
         }
-      />
+      >
+        {showSearch && (
+          <Box padding="0 SP2 SP2 SP2">
+            <FiltersPanelSearch state={filtersPanelState} />
+          </Box>
+        )}
+      </SidePanel.Header>
 
       <div
         data-hook="filters-panel-scroll-container"
         style={{ overflowY: 'auto' }}
       >
-        <Accordion
-          dataHook="filters-panel-accordion"
-          skin="light"
-          hideShadow
-          multiple
-          items={accordionItems}
-        />
+        {noResults ? (
+          <FiltersPanelSearchNoResults state={filtersPanelState} />
+        ) : (
+          <Accordion
+            dataHook="filters-panel-accordion"
+            skin="light"
+            hideShadow
+            multiple
+            items={accordionItems}
+          />
+        )}
       </div>
       <SidePanel.Footer noPadding>
         <FiltersPanelFooter

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

@@ -10,6 +10,7 @@ import {
   InputWithOptionsUniDriver,
   MessageModalLayoutUniDriver,
   MultiSelectUniDriver,
+  SearchUniDriver,
   SidePanelUniDriver,
   TextButtonUniDriver,
   TextUniDriver,
@@ -260,6 +261,18 @@ export const FiltersPanelUniDriver = (base: UniDriver, body: UniDriver) => {
     return accordionBase.$$(':scope > div').count();
   };
 
+  const filterSearchBase = base.$('[data-hook="filters-panel-search"]');
+  const filterSearch = () => SearchUniDriver(filterSearchBase, body);
+  const noResultsBase = base.$('[data-hook="filters-panel-search-no-results"]');
+  const noResultsTitle = base.$(
+    '[data-hook="filters-panel-search-no-results-title"]',
+  );
+  const clearSearchButton = () =>
+    TextButtonUniDriver(
+      base.$('[data-hook="filters-panel-search-clear-button"]'),
+      body,
+    );
+
   return {
     isOpen: slidingModal.isOpen,
     clickCloseButton: async () => {
@@ -344,7 +357,9 @@ export const FiltersPanelUniDriver = (base: UniDriver, body: UniDriver) => {
 
       const getOperatorDropdown = () =>
         DropdownBaseUniDriver(
-          getOperatorPicker().$('[data-hook="operator-picker-operator-dropdown"]'),
+          getOperatorPicker().$(
+            '[data-hook="operator-picker-operator-dropdown"]',
+          ),
           body,
         );
 
@@ -399,5 +414,14 @@ export const FiltersPanelUniDriver = (base: UniDriver, body: UniDriver) => {
         .$$(`[data-hook="accordion-item-title-${filterName}"]`)
         .get(index),
     _getInlineCheckboxFilter: getInlineCheckboxFilter,
+
+    isFilterSearchVisible: () => filterSearchBase.exists(),
+    enterFilterSearch: (term: string) =>
+      filterSearch().inputDriver.enterText(term),
+    clearFilterSearchInput: () => filterSearch().inputDriver.clearText(),
+    getFilterSearchValue: () => filterSearch().inputDriver.getText(),
+    isNoFiltersMatchVisible: () => noResultsBase.exists(),
+    getNoFiltersMatchText: () => TextUniDriver(noResultsTitle, body).getText(),
+    clickClearSearchButton: () => clearSearchButton().click(),
   };
 };

package/src/components/FiltersPanel/FiltersPanelSearch.tsx

@@ -0,0 +1,29 @@
+import { Search } from '@wix/design-system';
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { FiltersMap } from '@wix/bex-core';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { FiltersPanelState } from './FiltersPanelState';
+
+export interface FiltersPanelSearchProps<T, F extends FiltersMap> {
+  state: FiltersPanelState<T, F>;
+}
+
+function _FiltersPanelSearch<T, F extends FiltersMap>({
+  state,
+}: FiltersPanelSearchProps<T, F>) {
+  const { translate: t } = useWixPatternsContainer();
+
+  return (
+    <Search
+      dataHook="filters-panel-search"
+      size="small"
+      value={state.searchValue}
+      onChange={(e) => state.setSearchValue(e.target.value)}
+      onClear={() => state.clearSearch()}
+      placeholder={t('cairo.filtersPanel.search.placeholder')}
+    />
+  );
+}
+
+export const FiltersPanelSearch = observer(_FiltersPanelSearch);

package/src/components/FiltersPanel/FiltersPanelSearchNoResults.tsx

@@ -0,0 +1,48 @@
+import { Box, Text, TextButton } from '@wix/design-system';
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { FiltersMap } from '@wix/bex-core';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { FiltersPanelState } from './FiltersPanelState';
+
+export interface FiltersPanelSearchNoResultsProps<T, F extends FiltersMap> {
+  state: FiltersPanelState<T, F>;
+}
+
+function _FiltersPanelSearchNoResults<T, F extends FiltersMap>({
+  state,
+}: FiltersPanelSearchNoResultsProps<T, F>) {
+  const { translate: t } = useWixPatternsContainer();
+
+  return (
+    <Box
+      dataHook="filters-panel-search-no-results"
+      direction="vertical"
+      align="center"
+      verticalAlign="middle"
+      gap="SP2"
+      padding="SP6 SP3"
+    >
+      <Text
+        dataHook="filters-panel-search-no-results-title"
+        size="small"
+        secondary
+      >
+        {t('cairo.filtersPanel.search.noResults.title', {
+          term: state.searchValue.trim(),
+        })}
+      </Text>
+      <TextButton
+        dataHook="filters-panel-search-clear-button"
+        size="small"
+        onClick={() => state.clearSearch()}
+      >
+        {t('cairo.filtersPanel.search.clearButton')}
+      </TextButton>
+    </Box>
+  );
+}
+
+export const FiltersPanelSearchNoResults = observer(
+  _FiltersPanelSearchNoResults,
+);

package/src/components/FiltersPanel/FiltersPanelState.ts

@@ -1,7 +1,7 @@
 import { ToolbarCollectionState } from '../../state';
 import { FiltersMap, withoutDefaults } from '@wix/bex-core';
 import { cairoFiltersPanelUsed } from '@wix/bex-core/bi';
-import { action } from 'mobx';
+import { action, makeObservable, observable } from 'mobx';
 
 export interface FiltersPanelStateParams<T, F extends FiltersMap> {
   readonly toolbar: ToolbarCollectionState<T, F>;
@@ -10,8 +10,24 @@ export interface FiltersPanelStateParams<T, F extends FiltersMap> {
 export class FiltersPanelState<T, F extends FiltersMap> {
   readonly toolbar;
 
+  searchValue = '';
+
   constructor(params: FiltersPanelStateParams<T, F>) {
     this.toolbar = params.toolbar;
+
+    makeObservable(this, {
+      searchValue: observable.ref,
+      setSearchValue: action.bound,
+      clearSearch: action.bound,
+    });
+  }
+
+  setSearchValue(value: string) {
+    this.searchValue = value;
+  }
+
+  clearSearch() {
+    this.searchValue = '';
   }
 
   onCloseButtonClick = action(async () => {
@@ -23,6 +39,8 @@ export class FiltersPanelState<T, F extends FiltersMap> {
       return;
     }
 
+    this.clearSearch();
+
     panels.closeSidePanel();
     reportBi(
       withoutDefaults(cairoFiltersPanelUsed)({

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

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

package/src/components/ImportButton/ImportStepUpload.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload1294505743";
+var _namespace_ = "ImportStepUpload3468394352";
 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":"ImportStepUpload1294505743__root","fileUpload":"ImportStepUpload1294505743__fileUpload"};
+export var classes = {"root":"ImportStepUpload3468394352__root","fileUpload":"ImportStepUpload3468394352__fileUpload"};
 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_ = "InputOverflow2087723890";
+var _namespace_ = "InputOverflow2442740308";
 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":"InputOverflow2087723890__root"};
+export var classes = {"root":"InputOverflow2442740308__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_ = "LoadingRow267290899";
+var _namespace_ = "LoadingRow4002301247";
 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":"LoadingRow267290899__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow267290899__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow4002301247__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow4002301247__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_ = "MaxHeightText529312426";
+var _namespace_ = "MaxHeightText72133003";
 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":"MaxHeightText529312426__root"};
+export var classes = {"root":"MaxHeightText72133003__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_ = "MaxLines2120457211";
+var _namespace_ = "MaxLines818580089";
 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":"MaxLines2120457211__root"};
+export var classes = {"root":"MaxLines818580089__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_ = "MultiBulkActionToolbar237442543";
+var _namespace_ = "MultiBulkActionToolbar1438861077";
 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":"MultiBulkActionToolbar237442543__root","leftGroupWrapper":"MultiBulkActionToolbar237442543__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar237442543__selectedCountItem","selectedCountText":"MultiBulkActionToolbar237442543__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar1438861077__root","leftGroupWrapper":"MultiBulkActionToolbar1438861077__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1438861077__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1438861077__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_ = "NestedTablePlaceholderStatesRow1920079017";
+var _namespace_ = "NestedTablePlaceholderStatesRow1958190618";
 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":"NestedTablePlaceholderStatesRow1920079017__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow1958190618__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};