@wix/patterns 1.276.0 → 1.278.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CardContainer1617995258";
+var _namespace_ = "CardContainer1533614429";
 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":"CardContainer1617995258__root"};
+export var classes = {"root":"CardContainer1533614429__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_ = "Collapse869299777";
+var _namespace_ = "Collapse3056894182";
 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":"Collapse869299777__root","exit":"Collapse869299777__exit"};
+export var classes = {"root":"Collapse3056894182__root","exit":"Collapse3056894182__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_ = "CollectionPage2695218142";
+var _namespace_ = "CollectionPage2921615897";
 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":"CollectionPage2695218142__root"};
+export var classes = {"root":"CollectionPage2921615897__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

package/src/components/CollectionTable/CollectionTable.tsx

@@ -33,10 +33,11 @@ import { useScrollableContentContext } from '../../providers';
 import { isValidElement } from '../isValidElement';
 import { st, classes } from './CollectionTable.st.css.js';
 import { useIsMobile } from '../../hooks/useIsMobile';
+import { useCollectionTableResize } from '../../hooks/useCollectionTableResize';
 import { SearchableCollectionContent } from '../SearchableCollectionContent/SearchableCollectionContent';
 
 export interface CollectionTableBaseProps<T, F extends FiltersMap>
-  extends CollectionTableWSRTableBaseProps<T, T, F>,
+  extends Omit<CollectionTableWSRTableBaseProps<T, T, F>, 'resizable'>,
     CollectionTableActionCellProps<T, F> {
   /**
    * Defines the columns of the table. Accepts an array of [`TableColumn`](./?path=/story/common-types--tablecolumn) objects.
@@ -178,6 +179,7 @@ function _CollectionTable<T, F extends FiltersMap = FiltersMap>(
     isApplyColumnWidthStyle,
     rowVerticalPadding,
     keyedItems,
+    resizeProps,
     ...rest
   } = props;
 
@@ -223,6 +225,14 @@ function _CollectionTable<T, F extends FiltersMap = FiltersMap>(
 
   const { bulkSelect, query } = collection;
 
+  const { isResizable, tableResizeProps, resizePlaceholderColumn } =
+    useCollectionTableResize({
+      columns: columnsProp,
+      userResizeProps: resizeProps,
+      horizontalScroll,
+      columnSizesState: state.columnSizesState,
+    });
+
   const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });
 
   const transformedColumns: WSRTableColumn<KeyedItem<T>>[] =
@@ -240,9 +250,12 @@ function _CollectionTable<T, F extends FiltersMap = FiltersMap>(
 
       const columnBase = createWSRColumnBase(column, index, length);
 
+      const resizeProps = isResizable ? { id: column.id } : undefined;
+
       return {
         ...restColumn,
         ...columnBase,
+        resizeProps,
         ...(isApplyColumnWidthStyle ? undefined : { style, width }),
         sortDescending:
           sortable && id ? query.sort.getIsSortDescending(id) : undefined,
@@ -270,6 +283,10 @@ function _CollectionTable<T, F extends FiltersMap = FiltersMap>(
     actionCell,
   });
 
+  if (isResizable) {
+    transformedColumns.push(resizePlaceholderColumn);
+  }
+
   const columnsWithActions: WSRTableColumn<KeyedItem<T>>[] = actionCellColumn
     ? [...transformedColumns, actionCellColumn]
     : transformedColumns;
@@ -316,6 +333,8 @@ function _CollectionTable<T, F extends FiltersMap = FiltersMap>(
         })
       }
       horizontalScroll={horizontalScroll}
+      resizable={isResizable}
+      resizeProps={tableResizeProps}
       minCardHeight={minCardHeight}
       sticky={sticky}
       showTitleBar={showTitleBar}

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

@@ -374,6 +374,9 @@ export const CollectionTableUniDriver = (base: UniDriver, body: UniDriver) => {
         (c) => c.includes('tableBodyScrollContent'),
       ),
 
+    isResizable: async () =>
+      (await base.$$('[data-hook="table-resize-handle"]').count()) > 0,
+
     getCustomFieldPanel: () => CustomFieldPanelUniDriver(body, body),
 
     getReorderModeToolbar,

package/src/components/CollectionTable/CollectionTableWSRTable.tsx

@@ -155,7 +155,7 @@ function _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(
           ctaName: 'row_area',
           ctaIndex: index,
           itemId: item.id,
-          itemIndex: index,
+          itemIndex: item.index,
           url: typeof window !== 'undefined' ? window.location.href : '',
         }),
       );

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar1016017639";
+var _namespace_ = "CollectionToolbar1530227450";
 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":"CollectionToolbar1016017639__root","left":"CollectionToolbar1016017639__left","right":"CollectionToolbar1016017639__right","fullWidth":"CollectionToolbar1016017639__fullWidth"};
+export var classes = {"root":"CollectionToolbar1530227450__root","left":"CollectionToolbar1530227450__left","right":"CollectionToolbar1530227450__right","fullWidth":"CollectionToolbar1530227450__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter2024201148";
+var _namespace_ = "SearchOrCustomFilter3044096710";
 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":"SearchOrCustomFilter2024201148__root","search":"SearchOrCustomFilter2024201148__search","searchMobile":"SearchOrCustomFilter2024201148__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter3044096710__root","search":"SearchOrCustomFilter3044096710__search","searchMobile":"SearchOrCustomFilter3044096710__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AutoCompleteReadonly816294878";
+var _namespace_ = "AutoCompleteReadonly134903242";
 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":"AutoCompleteReadonly816294878__root"};
+export var classes = {"root":"AutoCompleteReadonly134903242__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_ = "ViewsDropdown2076102972";
+var _namespace_ = "ViewsDropdown1422600001";
 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":"ViewsDropdown2076102972__root"};
+export var classes = {"root":"ViewsDropdown1422600001__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_ = "DragHandle856334160";
+var _namespace_ = "DragHandle1607244629";
 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":"DragHandle856334160__root"};
+export var classes = {"root":"DragHandle1607244629__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_ = "EntityPagePlain2211584579";
+var _namespace_ = "EntityPagePlain16109115";
 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":"EntityPagePlain2211584579__root"};
+export var classes = {"root":"EntityPagePlain16109115__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_ = "Fade4244410800";
+var _namespace_ = "Fade2992559165";
 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":"Fade4244410800__root"};
+export var classes = {"root":"Fade2992559165__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_ = "Heading3300302847";
+var _namespace_ = "Heading1120633556";
 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":"Heading3300302847__root"};
+export var classes = {"root":"Heading1120633556__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_ = "InputOverflow470916784";
+var _namespace_ = "InputOverflow2245001799";
 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":"InputOverflow470916784__root"};
+export var classes = {"root":"InputOverflow2245001799__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_ = "LoadingRow3542635232";
+var _namespace_ = "LoadingRow3834663879";
 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":"LoadingRow3542635232__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3542635232__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3834663879__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3834663879__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_ = "MaxHeightText192018246";
+var _namespace_ = "MaxHeightText1729367997";
 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":"MaxHeightText192018246__root"};
+export var classes = {"root":"MaxHeightText1729367997__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_ = "MaxLines3912780278";
+var _namespace_ = "MaxLines488172259";
 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":"MaxLines3912780278__root"};
+export var classes = {"root":"MaxLines488172259__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_ = "MultiBulkActionToolbar2938014388";
+var _namespace_ = "MultiBulkActionToolbar1490509622";
 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":"MultiBulkActionToolbar2938014388__root"};
+export var classes = {"root":"MultiBulkActionToolbar1490509622__root"};
 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_ = "NestedTablePlaceholderStatesRow2776751933";
+var _namespace_ = "NestedTablePlaceholderStatesRow769400213";
 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":"NestedTablePlaceholderStatesRow2776751933__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow769400213__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_ = "NestedTableRow4112368320";
+var _namespace_ = "NestedTableRow2118793308";
 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":"NestedTableRow4112368320__root","firstLevel":"NestedTableRow4112368320__firstLevel","placeholder":"NestedTableRow4112368320__placeholder","parentHovered":"NestedTableRow4112368320__parentHovered"};
+export var classes = {"root":"NestedTableRow2118793308__root","firstLevel":"NestedTableRow2118793308__firstLevel","placeholder":"NestedTableRow2118793308__placeholder","parentHovered":"NestedTableRow2118793308__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_ = "MultipleDragOverlayEffect1792466980";
+var _namespace_ = "MultipleDragOverlayEffect4122007971";
 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":"MultipleDragOverlayEffect1792466980__root"};
+export var classes = {"root":"MultipleDragOverlayEffect4122007971__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_ = "NestedTableDragAndDropRow1379263467";
+var _namespace_ = "NestedTableDragAndDropRow181099194";
 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":"NestedTableDragAndDropRow1379263467__root"};
+export var classes = {"root":"NestedTableDragAndDropRow181099194__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_ = "PickerContent1528018006";
+var _namespace_ = "PickerContent3504984760";
 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":"PickerContent1528018006__root"};
+export var classes = {"root":"PickerContent3504984760__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_ = "PickerContentAdditionalStep3744330275";
+var _namespace_ = "PickerContentAdditionalStep1189268519";
 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":"PickerContentAdditionalStep3744330275__root","titles":"PickerContentAdditionalStep3744330275__titles","suffix":"PickerContentAdditionalStep3744330275__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1189268519__root","titles":"PickerContentAdditionalStep1189268519__titles","suffix":"PickerContentAdditionalStep1189268519__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_ = "PickerTableListItem1285752877";
+var _namespace_ = "PickerTableListItem1584968065";
 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":"PickerTableListItem1285752877__root"};
+export var classes = {"root":"PickerTableListItem1584968065__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_ = "ScrollableContent2982600912";
+var _namespace_ = "ScrollableContent3332581126";
 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":"ScrollableContent2982600912__root"};
+export var classes = {"root":"ScrollableContent3332581126__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_ = "SkeletonCard2523295022";
+var _namespace_ = "SkeletonCard2541974173";
 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":"SkeletonCard2523295022__root","headerLoading":"SkeletonCard2523295022__headerLoading"};
+export var classes = {"root":"SkeletonCard2541974173__root","headerLoading":"SkeletonCard2541974173__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_ = "SlidingModal3597319599";
+var _namespace_ = "SlidingModal2762879947";
 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":"SlidingModal3597319599__root"};
+export var classes = {"root":"SlidingModal2762879947__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter2185831622";
+var _namespace_ = "TabsFilter4020414784";
 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":"TabsFilter2185831622__root","title":"TabsFilter2185831622__title"};
+export var classes = {"root":"TabsFilter4020414784__root","title":"TabsFilter4020414784__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_ = "ManageTagsModal1233099008";
+var _namespace_ = "ManageTagsModal1128705442";
 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":"ManageTagsModal1233099008__root"};
+export var classes = {"root":"ManageTagsModal1128705442__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};