@wix/patterns 1.304.0 → 1.306.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle3572221251";
+var _namespace_ = "DragHandle2587922099";
 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":"DragHandle3572221251__root"};
+export var classes = {"root":"DragHandle2587922099__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_ = "EntityPagePlain29499047";
+var _namespace_ = "EntityPagePlain1663004230";
 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":"EntityPagePlain29499047__root"};
+export var classes = {"root":"EntityPagePlain1663004230__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_ = "Fade613913500";
+var _namespace_ = "Fade2669200486";
 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":"Fade613913500__root"};
+export var classes = {"root":"Fade2669200486__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_ = "Heading1845032430";
+var _namespace_ = "Heading991438456";
 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":"Heading1845032430__root"};
+export var classes = {"root":"Heading991438456__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_ = "InputOverflow475762153";
+var _namespace_ = "InputOverflow2037453751";
 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":"InputOverflow475762153__root"};
+export var classes = {"root":"InputOverflow2037453751__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_ = "LoadingRow2706506819";
+var _namespace_ = "LoadingRow1975300858";
 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":"LoadingRow2706506819__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow2706506819__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow1975300858__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow1975300858__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_ = "MaxHeightText4103111352";
+var _namespace_ = "MaxHeightText45919511";
 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":"MaxHeightText4103111352__root"};
+export var classes = {"root":"MaxHeightText45919511__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_ = "MaxLines3586690955";
+var _namespace_ = "MaxLines4239592132";
 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":"MaxLines3586690955__root"};
+export var classes = {"root":"MaxLines4239592132__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -2,3 +2,22 @@
   min-width: 0;
 }
 
+.leftGroupWrapper {
+  overflow: hidden;
+  padding-right: 12px; /* SP3 */
+  min-width: 0;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.selectedCountItem {
+  min-width: 0;
+  flex-shrink: 1;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.selectedCountText {
+  display: block;
+  width: 100%;
+}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar3679535691";
+var _namespace_ = "MultiBulkActionToolbar1106469075";
 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":"MultiBulkActionToolbar3679535691__root"};
+export var classes = {"root":"MultiBulkActionToolbar1106469075__root","leftGroupWrapper":"MultiBulkActionToolbar1106469075__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1106469075__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1106469075__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.tsx

@@ -3,6 +3,7 @@ import {
   Divider,
   PopoverMenuProps,
   TableToolbar,
+  Text,
   TextButton,
 } from '@wix/design-system';
 import React, { cloneElement, useEffect, useState } from 'react';
@@ -265,9 +266,9 @@ function _MultiBulkActionToolbar(props: MultiBulkActionToolbarProps) {
         dataHook="bulk-action-toolbar"
       >
         <TableToolbar.ItemGroup position="start" className={st(classes.root)}>
-          <TableToolbar.Item>
-            <TableToolbar.SelectedCount dataHook="selected-count">
-              <span style={{ whiteSpace: 'nowrap' }}>
+          <Box direction="horizontal" className={st(classes.leftGroupWrapper)}>
+            <TableToolbar.Item className={st(classes.selectedCountItem)}>
+              <Text ellipsis size="small" weight="thin" dataHook="selected-count" className={st(classes.selectedCountText)}>
                 {maxSelection !== undefined
                   ? t('cairo.bulkActions.max.selection', {
                       max: maxSelection,
@@ -284,27 +285,27 @@ function _MultiBulkActionToolbar(props: MultiBulkActionToolbarProps) {
                   : t('cairo.bulkSelected', {
                       num: selectedCountOrTotal,
                     })}
-              </span>
-            </TableToolbar.SelectedCount>
-          </TableToolbar.Item>
-
-          {collection.result.supportTotal && (
-            <TableToolbar.Item>
-              <TextButton
-                dataHook="select-all"
-                size="small"
-                onClick={() =>
-                  bulk.toggleSelectAll({ location: 'TableToolbar CTA' })
-                }
-              >
-                {bulk.hasClickableRows
-                  ? t('cairo.selectAll')
-                  : t('cairo.deselectAll')}
-              </TextButton>
+              </Text>
             </TableToolbar.Item>
-          )}
 
-          {!isMobile && <BulkActionButtonsDesktop />}
+            {collection.result.supportTotal && (
+              <TableToolbar.Item>
+                <TextButton
+                  dataHook="select-all"
+                  size="small"
+                  onClick={() =>
+                    bulk.toggleSelectAll({ location: 'TableToolbar CTA' })
+                  }
+                >
+                  {bulk.hasClickableRows
+                    ? t('cairo.selectAll')
+                    : t('cairo.deselectAll')}
+                </TextButton>
+              </TableToolbar.Item>
+            )}
+
+            {!isMobile && <BulkActionButtonsDesktop />}
+          </Box>
         </TableToolbar.ItemGroup>
 
         {isMobile && (

package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow1220301747";
+var _namespace_ = "NestedTablePlaceholderStatesRow2511293419";
 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":"NestedTablePlaceholderStatesRow1220301747__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow2511293419__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_ = "NestedTableRow2250153883";
+var _namespace_ = "NestedTableRow3790901977";
 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":"NestedTableRow2250153883__root","firstLevel":"NestedTableRow2250153883__firstLevel","placeholder":"NestedTableRow2250153883__placeholder","parentHovered":"NestedTableRow2250153883__parentHovered"};
+export var classes = {"root":"NestedTableRow3790901977__root","firstLevel":"NestedTableRow3790901977__firstLevel","placeholder":"NestedTableRow3790901977__placeholder","parentHovered":"NestedTableRow3790901977__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_ = "MultipleDragOverlayEffect3277267542";
+var _namespace_ = "MultipleDragOverlayEffect275666098";
 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":"MultipleDragOverlayEffect3277267542__root"};
+export var classes = {"root":"MultipleDragOverlayEffect275666098__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_ = "NestedTableDragAndDropRow805697369";
+var _namespace_ = "NestedTableDragAndDropRow3512225345";
 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":"NestedTableDragAndDropRow805697369__root"};
+export var classes = {"root":"NestedTableDragAndDropRow3512225345__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_ = "PickerContent2180771617";
+var _namespace_ = "PickerContent3158229350";
 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":"PickerContent2180771617__root"};
+export var classes = {"root":"PickerContent3158229350__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_ = "PickerContentAdditionalStep3526964792";
+var _namespace_ = "PickerContentAdditionalStep1951201848";
 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":"PickerContentAdditionalStep3526964792__root","titles":"PickerContentAdditionalStep3526964792__titles","suffix":"PickerContentAdditionalStep3526964792__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1951201848__root","titles":"PickerContentAdditionalStep1951201848__titles","suffix":"PickerContentAdditionalStep1951201848__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_ = "PickerTableListItem1007298762";
+var _namespace_ = "PickerTableListItem1601093908";
 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":"PickerTableListItem1007298762__root"};
+export var classes = {"root":"PickerTableListItem1601093908__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_ = "ScrollableContent1691221324";
+var _namespace_ = "ScrollableContent1669532860";
 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":"ScrollableContent1691221324__root"};
+export var classes = {"root":"ScrollableContent1669532860__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_ = "SkeletonCard2873380798";
+var _namespace_ = "SkeletonCard3295257123";
 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":"SkeletonCard2873380798__root","headerLoading":"SkeletonCard2873380798__headerLoading"};
+export var classes = {"root":"SkeletonCard3295257123__root","headerLoading":"SkeletonCard3295257123__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

package/src/components/TableSections/TableSectionRow.tsx

@@ -61,6 +61,7 @@ export const TableSectionRow = forwardRef<
         style={{
           ...style,
           position: 'relative',
+          cursor: 'default',
         }}
         data-hook="table-section-header-row"
       >

package/src/components/TableSections/TableSections.tsx

@@ -1,5 +1,5 @@
 import React, { useMemo, useState } from 'react';
-import { FiltersMap } from '@wix/bex-core';
+import { FiltersMap, KeyedItem } from '@wix/bex-core';
 import { observer } from 'mobx-react-lite';
 import { CollectionTable, CollectionTableBaseProps } from '../CollectionTable';
 import { useTableSectionRow } from './useTableSectionRow';
@@ -17,6 +17,7 @@ const _TableSections = <T, F extends FiltersMap>({
   renderSection,
   table,
   columns,
+  rowDetails,
   ...collectionTableProps
 }: TableSectionsProps<T, F>) => {
   const [state] = useState(() => new TableSectionsState(table, renderSection));
@@ -37,11 +38,24 @@ const _TableSections = <T, F extends FiltersMap>({
     [columns],
   );
 
+  const wrappedRowDetails = useMemo(() => {
+    if (!rowDetails) {
+      return undefined;
+    }
+    return (rowData: KeyedItem<T>, rowNum: number) => {
+      if (state.isSectionRow(rowData)) {
+        return null;
+      }
+      return rowDetails(rowData, rowNum);
+    };
+  }, [rowDetails, state]);
+
   const TableSectionsTrElement = useTableSectionRow(state);
 
   return (
     <CollectionTable
       {...collectionTableProps}
+      rowDetails={wrappedRowDetails}
       state={state.table}
       columns={columnsWithSections}
       keyedItems={state.sectionsKeyedItems}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter4211873481";
+var _namespace_ = "TabsFilter346877995";
 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":"TabsFilter4211873481__root","title":"TabsFilter4211873481__title"};
+export var classes = {"root":"TabsFilter346877995__root","title":"TabsFilter346877995__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts

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

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

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

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common3325282844";
+var _namespace_ = "common3332224776";
 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":"common3325282844__root","column":"common3325282844__column","fullHeight":"common3325282844__fullHeight"};
+export var classes = {"root":"common3332224776__root","column":"common3332224776__column","fullHeight":"common3332224776__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/CollectionPage/CollectionPageHeader.st.css.ts

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

package/src/state/FormPage/FormPageHeader.st.css.ts

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