@wix/patterns 1.340.0 → 1.341.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CardContainer3207824262";
+var _namespace_ = "CardContainer1776464703";
 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":"CardContainer3207824262__root"};
+export var classes = {"root":"CardContainer1776464703__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_ = "Collapse332668825";
+var _namespace_ = "Collapse186567580";
 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":"Collapse332668825__root","exit":"Collapse332668825__exit"};
+export var classes = {"root":"Collapse186567580__root","exit":"Collapse186567580__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_ = "CollectionPage1211647002";
+var _namespace_ = "CollectionPage1145522652";
 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":"CollectionPage1211647002__root"};
+export var classes = {"root":"CollectionPage1145522652__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_ = "CollectionTable806703847";
+var _namespace_ = "CollectionTable718151352";
 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":"CollectionTable806703847__root"};
+export var classes = {"root":"CollectionTable718151352__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar549189182";
+var _namespace_ = "CollectionToolbar4185485246";
 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":"CollectionToolbar549189182__root","left":"CollectionToolbar549189182__left","right":"CollectionToolbar549189182__right","fullWidth":"CollectionToolbar549189182__fullWidth"};
+export var classes = {"root":"CollectionToolbar4185485246__root","left":"CollectionToolbar4185485246__left","right":"CollectionToolbar4185485246__right","fullWidth":"CollectionToolbar4185485246__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_ = "SearchOrCustomFilter1540080530";
+var _namespace_ = "SearchOrCustomFilter61160774";
 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":"SearchOrCustomFilter1540080530__root","search":"SearchOrCustomFilter1540080530__search","searchMobile":"SearchOrCustomFilter1540080530__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter61160774__root","search":"SearchOrCustomFilter61160774__search","searchMobile":"SearchOrCustomFilter61160774__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_ = "AutoCompleteReadonly3648565176";
+var _namespace_ = "AutoCompleteReadonly1723422231";
 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":"AutoCompleteReadonly3648565176__root"};
+export var classes = {"root":"AutoCompleteReadonly1723422231__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_ = "ViewsDropdown4092561865";
+var _namespace_ = "ViewsDropdown1643441762";
 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":"ViewsDropdown4092561865__root"};
+export var classes = {"root":"ViewsDropdown1643441762__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CustomFieldsTransforms/transformOperatorFilterToWQL.tsx

@@ -19,9 +19,18 @@ export const transformOperatorFilterToWQL = <T,>(
   if (operator === FilterOperator.IS_EMPTY) {
     return [
       {
-        [filterName]: {
-          $isEmpty: true,
-        },
+        $or: [
+          {
+            [filterName]: {
+              $exists: false,
+            },
+          },
+          {
+            [filterName]: {
+              $isEmpty: true,
+            },
+          },
+        ],
       },
     ];
   }
@@ -30,7 +39,7 @@ export const transformOperatorFilterToWQL = <T,>(
     return [
       {
         [filterName]: {
-          $exists: true,
+          $isEmpty: false,
         },
       },
     ];

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle4120713385";
+var _namespace_ = "DragHandle1645289565";
 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":"DragHandle4120713385__root"};
+export var classes = {"root":"DragHandle1645289565__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_ = "EntityPagePlain3932748279";
+var _namespace_ = "EntityPagePlain3430714434";
 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":"EntityPagePlain3932748279__root"};
+export var classes = {"root":"EntityPagePlain3430714434__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_ = "Fade573848876";
+var _namespace_ = "Fade1616154548";
 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":"Fade573848876__root"};
+export var classes = {"root":"Fade1616154548__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_ = "Heading3595635433";
+var _namespace_ = "Heading1799350457";
 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":"Heading3595635433__root"};
+export var classes = {"root":"Heading1799350457__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_ = "InputOverflow3652821244";
+var _namespace_ = "InputOverflow2345602513";
 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":"InputOverflow3652821244__root"};
+export var classes = {"root":"InputOverflow2345602513__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_ = "LoadingRow924286068";
+var _namespace_ = "LoadingRow3861080061";
 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":"LoadingRow924286068__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow924286068__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3861080061__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3861080061__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_ = "MaxHeightText1816593975";
+var _namespace_ = "MaxHeightText2113105255";
 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":"MaxHeightText1816593975__root"};
+export var classes = {"root":"MaxHeightText2113105255__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_ = "MaxLines1060528546";
+var _namespace_ = "MaxLines1580101718";
 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":"MaxLines1060528546__root"};
+export var classes = {"root":"MaxLines1580101718__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_ = "MultiBulkActionToolbar700079480";
+var _namespace_ = "MultiBulkActionToolbar3003015599";
 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":"MultiBulkActionToolbar700079480__root","leftGroupWrapper":"MultiBulkActionToolbar700079480__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar700079480__selectedCountItem","selectedCountText":"MultiBulkActionToolbar700079480__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar3003015599__root","leftGroupWrapper":"MultiBulkActionToolbar3003015599__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3003015599__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3003015599__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_ = "NestedTablePlaceholderStatesRow2058755747";
+var _namespace_ = "NestedTablePlaceholderStatesRow1596569830";
 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":"NestedTablePlaceholderStatesRow2058755747__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow1596569830__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_ = "NestedTableRow775390359";
+var _namespace_ = "NestedTableRow4061764987";
 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":"NestedTableRow775390359__root","firstLevel":"NestedTableRow775390359__firstLevel","placeholder":"NestedTableRow775390359__placeholder","parentHovered":"NestedTableRow775390359__parentHovered"};
+export var classes = {"root":"NestedTableRow4061764987__root","firstLevel":"NestedTableRow4061764987__firstLevel","placeholder":"NestedTableRow4061764987__placeholder","parentHovered":"NestedTableRow4061764987__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_ = "MultipleDragOverlayEffect2543702656";
+var _namespace_ = "MultipleDragOverlayEffect2206017812";
 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":"MultipleDragOverlayEffect2543702656__root"};
+export var classes = {"root":"MultipleDragOverlayEffect2206017812__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_ = "NestedTableDragAndDropRow423738662";
+var _namespace_ = "NestedTableDragAndDropRow1063306785";
 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":"NestedTableDragAndDropRow423738662__root"};
+export var classes = {"root":"NestedTableDragAndDropRow1063306785__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_ = "PickerContent2698439836";
+var _namespace_ = "PickerContent582940522";
 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":"PickerContent2698439836__root"};
+export var classes = {"root":"PickerContent582940522__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_ = "PickerContentAdditionalStep403582428";
+var _namespace_ = "PickerContentAdditionalStep23150169";
 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":"PickerContentAdditionalStep403582428__root","titles":"PickerContentAdditionalStep403582428__titles","suffix":"PickerContentAdditionalStep403582428__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep23150169__root","titles":"PickerContentAdditionalStep23150169__titles","suffix":"PickerContentAdditionalStep23150169__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_ = "PickerTableListItem593804783";
+var _namespace_ = "PickerTableListItem3917211912";
 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":"PickerTableListItem593804783__root"};
+export var classes = {"root":"PickerTableListItem3917211912__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_ = "ScrollableContent822548921";
+var _namespace_ = "ScrollableContent1043097253";
 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":"ScrollableContent822548921__root"};
+export var classes = {"root":"ScrollableContent1043097253__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_ = "SkeletonCard1546452599";
+var _namespace_ = "SkeletonCard4094492486";
 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":"SkeletonCard1546452599__root","headerLoading":"SkeletonCard1546452599__headerLoading"};
+export var classes = {"root":"SkeletonCard4094492486__root","headerLoading":"SkeletonCard4094492486__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_ = "SlidingModal756205276";
+var _namespace_ = "SlidingModal3187213664";
 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":"SlidingModal756205276__root"};
+export var classes = {"root":"SlidingModal3187213664__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/TableSections/TableSectionRow.tsx

@@ -4,6 +4,7 @@ import React, {
   ReactElement,
   forwardRef,
 } from 'react';
+import { observer } from 'mobx-react-lite';
 import { FiltersMap, KeyedItem } from '@wix/bex-core';
 import { TableSectionsState } from './TableSectionsState';
 import { CollectionSectionHeader } from '../CollectionSectionHeader';
@@ -19,12 +20,14 @@ export interface TableSectionRowProps<T, F extends FiltersMap>
   }>;
 }
 
-export const TableSectionRow = forwardRef<
+const _TableSectionRow = forwardRef<
   HTMLTableRowElement,
   TableSectionRowProps<any, any>
 >(({ state, RegularTrElement, rowData, ...props }, ref) => {
   const { children, className, style } = props;
   const isSectionRow = state.isSectionRow(rowData);
+  const contentWidth = state.table.toolbar.itemsContentRect.rect.width;
+  const sectionContentWidth = contentWidth ? `${contentWidth}px` : '100%';
   const regularTrElementProps = {
     ...props,
     rowData,
@@ -70,12 +73,20 @@ export const TableSectionRow = forwardRef<
           scope="rowgroup"
           style={{ padding: '0px' }}
         >
-          <CollectionSectionHeader
-            section={sectionWithCount}
-            biComponentType="TableSections"
-            skin="neutral"
-            dataHook="table-section-header"
-          />
+          <div
+            style={{
+              position: 'sticky',
+              left: 0,
+              width: sectionContentWidth,
+            }}
+          >
+            <CollectionSectionHeader
+              section={sectionWithCount}
+              biComponentType="TableSections"
+              skin="neutral"
+              dataHook="table-section-header"
+            />
+          </div>
         </th>
       </tr>
     );
@@ -83,3 +94,5 @@ export const TableSectionRow = forwardRef<
 
   return <RegularTrElement {...regularTrElementProps} />;
 });
+
+export const TableSectionRow = observer(_TableSectionRow);

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter2971966923";
+var _namespace_ = "TabsFilter1217954067";
 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":"TabsFilter2971966923__root","title":"TabsFilter2971966923__title"};
+export var classes = {"root":"TabsFilter1217954067__root","title":"TabsFilter1217954067__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_ = "ManageTagsModal2860881838";
+var _namespace_ = "ManageTagsModal831397723";
 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":"ManageTagsModal2860881838__root"};
+export var classes = {"root":"ManageTagsModal831397723__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};