@wix/patterns 1.264.0 → 1.265.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter3001369942";
+var _namespace_ = "SearchOrCustomFilter1499759097";
 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":"SearchOrCustomFilter3001369942__root","search":"SearchOrCustomFilter3001369942__search","searchMobile":"SearchOrCustomFilter3001369942__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter1499759097__root","search":"SearchOrCustomFilter1499759097__search","searchMobile":"SearchOrCustomFilter1499759097__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_ = "AutoCompleteReadonly789628355";
+var _namespace_ = "AutoCompleteReadonly3562650700";
 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":"AutoCompleteReadonly789628355__root"};
+export var classes = {"root":"AutoCompleteReadonly3562650700__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_ = "ViewsDropdown1461627814";
+var _namespace_ = "ViewsDropdown1853269276";
 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":"ViewsDropdown1461627814__root"};
+export var classes = {"root":"ViewsDropdown1853269276__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_ = "DragHandle1355224633";
+var _namespace_ = "DragHandle173041026";
 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":"DragHandle1355224633__root"};
+export var classes = {"root":"DragHandle173041026__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_ = "EntityPagePlain3842564122";
+var _namespace_ = "EntityPagePlain3125617155";
 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":"EntityPagePlain3842564122__root"};
+export var classes = {"root":"EntityPagePlain3125617155__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_ = "Fade1408656930";
+var _namespace_ = "Fade4066996397";
 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":"Fade1408656930__root"};
+export var classes = {"root":"Fade4066996397__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -261,7 +261,14 @@ export const FiltersPanelUniDriver = (base: UniDriver, body: UniDriver) => {
 
   return {
     isOpen: slidingModal.isOpen,
-    clickCloseButton: sidePanel.clickClose,
+    clickCloseButton: async () => {
+      if (await sidePanel.isCloseButtonExists()) {
+        return sidePanel.clickClose();
+      }
+      if (await sidePanel.isBackButtonExists()) {
+        return sidePanel.clickBack();
+      }
+    },
     getTitleText: sidePanel.getTitleText,
     selectFilterOptions,
     selectFilterRandomOptions,

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

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

package/src/components/InfiniteScrollLoader/InfiniteScrollLoader.tsx

@@ -4,6 +4,7 @@ import { observer } from 'mobx-react-lite';
 import { CollectionStateProps } from '../collectionStateProps';
 import { FiltersMap } from '@wix/bex-core';
 import { InfiniteScrollLoaderBase } from './InfiniteScrollLoaderBase';
+import { usePatternsTheme } from '../../themes/PatternsThemeProvider';
 
 export interface InfiniteScrollLoaderProps<T, F extends FiltersMap>
   extends CollectionStateProps<T, F>,
@@ -15,10 +16,11 @@ export const InfiniteScrollLoader = observer(function Table<
   T,
   F extends FiltersMap,
 >({ state, targetRef, ...rest }: InfiniteScrollLoaderProps<T, F>) {
+  const { loader } = usePatternsTheme();
   return (
     <InfiniteScrollLoaderBase state={state} targetRef={targetRef}>
       <Box align="center" padding="large">
-        <Loader {...rest} />
+        <Loader size={loader?.size} {...rest} />
       </Box>
     </InfiniteScrollLoaderBase>
   );

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "InputOverflow1986854382";
+var _namespace_ = "InputOverflow2116414656";
 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":"InputOverflow1986854382__root"};
+export var classes = {"root":"InputOverflow2116414656__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_ = "LoadingRow2368040009";
+var _namespace_ = "LoadingRow3617053642";
 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":"LoadingRow2368040009__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow2368040009__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3617053642__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3617053642__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_ = "MaxHeightText4145661589";
+var _namespace_ = "MaxHeightText4075989554";
 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":"MaxHeightText4145661589__root"};
+export var classes = {"root":"MaxHeightText4075989554__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_ = "MaxLines2629824244";
+var _namespace_ = "MaxLines483284732";
 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":"MaxLines2629824244__root"};
+export var classes = {"root":"MaxLines483284732__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_ = "MultiBulkActionToolbar132225335";
+var _namespace_ = "MultiBulkActionToolbar206332739";
 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":"MultiBulkActionToolbar132225335__root"};
+export var classes = {"root":"MultiBulkActionToolbar206332739__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_ = "NestedTablePlaceholderStatesRow3476621018";
+var _namespace_ = "NestedTablePlaceholderStatesRow4070074949";
 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":"NestedTablePlaceholderStatesRow3476621018__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow4070074949__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_ = "NestedTableRow1862023425";
+var _namespace_ = "NestedTableRow1332964938";
 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":"NestedTableRow1862023425__root","firstLevel":"NestedTableRow1862023425__firstLevel","placeholder":"NestedTableRow1862023425__placeholder","parentHovered":"NestedTableRow1862023425__parentHovered"};
+export var classes = {"root":"NestedTableRow1332964938__root","firstLevel":"NestedTableRow1332964938__firstLevel","placeholder":"NestedTableRow1332964938__placeholder","parentHovered":"NestedTableRow1332964938__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTableWSRTable.tsx

@@ -70,7 +70,7 @@ function _NestedTableWSRTable<C extends string, T, F extends FiltersMap>(
     filters,
     emptyState,
     noResultsState,
-    showTitleBar = true,
+    showTitleBar = !wrapperState.container.isPanelLayout,
     horizontalScroll = true,
     rowHeight,
     estimatedRowHeight,

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultipleDragOverlayEffect1456717427";
+var _namespace_ = "MultipleDragOverlayEffect493559973";
 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":"MultipleDragOverlayEffect1456717427__root"};
+export var classes = {"root":"MultipleDragOverlayEffect493559973__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_ = "NestedTableDragAndDropRow2496377944";
+var _namespace_ = "NestedTableDragAndDropRow2736321106";
 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":"NestedTableDragAndDropRow2496377944__root"};
+export var classes = {"root":"NestedTableDragAndDropRow2736321106__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_ = "PickerContent3767537066";
+var _namespace_ = "PickerContent1184630930";
 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":"PickerContent3767537066__root"};
+export var classes = {"root":"PickerContent1184630930__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_ = "PickerContentAdditionalStep919761103";
+var _namespace_ = "PickerContentAdditionalStep1014198277";
 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":"PickerContentAdditionalStep919761103__root","titles":"PickerContentAdditionalStep919761103__titles","suffix":"PickerContentAdditionalStep919761103__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1014198277__root","titles":"PickerContentAdditionalStep1014198277__titles","suffix":"PickerContentAdditionalStep1014198277__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_ = "PickerTableListItem2671529059";
+var _namespace_ = "PickerTableListItem2409496180";
 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":"PickerTableListItem2671529059__root"};
+export var classes = {"root":"PickerTableListItem2409496180__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_ = "ScrollableContent438644261";
+var _namespace_ = "ScrollableContent3193808438";
 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":"ScrollableContent438644261__root"};
+export var classes = {"root":"ScrollableContent3193808438__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_ = "SkeletonCard1949124427";
+var _namespace_ = "SkeletonCard366659410";
 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":"SkeletonCard1949124427__root","headerLoading":"SkeletonCard1949124427__headerLoading"};
+export var classes = {"root":"SkeletonCard366659410__root","headerLoading":"SkeletonCard366659410__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_ = "SlidingModal2512982585";
+var _namespace_ = "SlidingModal826424250";
 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":"SlidingModal2512982585__root"};
+export var classes = {"root":"SlidingModal826424250__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Table/TableBase.tsx

@@ -19,13 +19,13 @@ export interface TableBaseProps<T, F extends FiltersMap>
 function _TableBase<T, F extends FiltersMap = FiltersMap>(
   props: TableBaseProps<T, F>,
 ) {
-  const {
-    state,
-    sections,
-    useNewInfiniteScrollLoader,
-    internalScroll,
-    multiLevelSorting,
-  } = props;
+  const { state, sections, useNewInfiniteScrollLoader, multiLevelSorting } =
+    props;
+
+  const internalScroll = state.toolbar.container.isPanelLayout
+    ? true
+    : props.internalScroll;
+
   const { table } = state;
   const { collection } = table;
   const {

package/src/components/TableFolders/TableFoldersContent.tsx

@@ -141,7 +141,7 @@ function _TableFoldersContent<
     tableGridSwitchButton,
     topNotification,
     search,
-    showTitleBar = true,
+    showTitleBar = !state.container.isPanelLayout,
     onRowClick,
     onFolderRowClick,
     selectionDisabled: selectionDisabledProp,

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter4153273067";
+var _namespace_ = "TabsFilter3146213581";
 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":"TabsFilter4153273067__root","title":"TabsFilter4153273067__title"};
+export var classes = {"root":"TabsFilter3146213581__root","title":"TabsFilter3146213581__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_ = "ManageTagsModal3205379865";
+var _namespace_ = "ManageTagsModal497343785";
 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":"ManageTagsModal3205379865__root"};
+export var classes = {"root":"ManageTagsModal497343785__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts

@@ -33,11 +33,12 @@ export function useToolbarCollectionSyncProps<T, F extends FiltersMap>(
     summaryBar,
     secondaryActions,
     moreActions,
+    internalScroll,
   } = props;
 
   checkConflictingToolbarProps(props);
 
-  state.internalScroll = props.internalScroll;
+  state.internalScroll = state.container.isPanelLayout ? true : internalScroll;
 
   const pageState = useCollectionPageContext();
   const router = useWixPatternsRouter();

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem2832233981";
+var _namespace_ = "ToolbarItem246157428";
 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":"ToolbarItem2832233981__root"};
+export var classes = {"root":"ToolbarItem246157428__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_ = "ToolbarItemBox198729933";
+var _namespace_ = "ToolbarItemBox3629337748";
 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":"ToolbarItemBox198729933__root"};
+export var classes = {"root":"ToolbarItemBox3629337748__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_ = "common351681796";
+var _namespace_ = "common430087294";
 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":"common351681796__root","column":"common351681796__column","fullHeight":"common351681796__fullHeight"};
+export var classes = {"root":"common430087294__root","column":"common430087294__column","fullHeight":"common430087294__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/dashboard/WixPatternsDashboardBaseProvider.tsx

@@ -7,18 +7,17 @@ import {
   showToastCompat,
   WixPatternsEssentials,
 } from '@wix/bex-core';
+import { CairoProviderBaseProps, usePageLocation } from '@wix/bex-core/react';
 import { Trans, useTranslation } from '@wix/bex-utils/@wix/wix-i18n-config';
 import { Essentials } from '@wix/fe-essentials/core';
-import React, { ReactNode, useState } from 'react';
+import React, { useState } from 'react';
 import { CairoProvider as CairoProviderBase } from '../providers';
-import { usePageLocation } from '@wix/bex-core/react';
 import { dashboard as dashboardType, EnvironmentState } from '@wix/dashboard';
 import { getInstanceJwtData } from './getInstanceJwtData';
 import { bi, errorHandler, experiments } from '@wix/essentials';
 
-export interface WixPatternsProviderProps {
-  children?: ReactNode;
-}
+export interface WixPatternsProviderProps
+  extends Omit<CairoProviderBaseProps, 'localCache' | 'contextType'> {}
 
 interface WixPatternsProviderPrivateProps extends WixPatternsProviderProps {
   dashboard: Pick<