@wix/patterns 1.264.0 → 1.266.0

package/dist/types/giza/WixPatternsGizaProvider.d.ts

@@ -1,10 +1,9 @@
 import React, { ReactNode } from 'react';
-import { ContextType, WixPatternsEssentialsOverrides } from '@wix/bex-core';
-export interface WixPatternsGizaProviderProps {
+import { WixPatternsEssentialsOverrides } from '@wix/bex-core';
+import { CairoProviderBaseProps } from '@wix/bex-core/react';
+export interface WixPatternsGizaProviderProps extends CairoProviderBaseProps {
     children?: ReactNode;
     value?: Partial<WixPatternsEssentialsOverrides>;
-    localCache?: boolean;
-    contextType?: ContextType;
 }
 export declare function WixPatternsGizaProvider(props: WixPatternsGizaProviderProps): React.JSX.Element;
 //# sourceMappingURL=WixPatternsGizaProvider.d.ts.map

package/dist/types/giza/WixPatternsGizaProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WixPatternsGizaProvider.d.ts","sourceRoot":"","sources":["../../../src/giza/WixPatternsGizaProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnD,OAAO,EACL,WAAW,EACX,8BAA8B,EAE/B,MAAM,eAAe,CAAC;AAQvB,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC,8BAA8B,CAAC,CAAC;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,qBAsD1E"}
+{"version":3,"file":"WixPatternsGizaProvider.d.ts","sourceRoot":"","sources":["../../../src/giza/WixPatternsGizaProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnD,OAAO,EAAmB,8BAA8B,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,sBAAsB,EAAmB,MAAM,qBAAqB,CAAC;AAO9E,MAAM,WAAW,4BAA6B,SAAQ,sBAAsB;IAC1E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC,8BAA8B,CAAC,CAAC;CACjD;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,qBAqD1E"}

package/dist/types/providers/CairoProvider.d.ts

@@ -1,8 +1,8 @@
-import { CairoProviderProps as CairoProviderBaseProps } from '@wix/bex-core/react';
+import { CairoProviderProps as CairoProviderCoreProps } from '@wix/bex-core/react';
 import React from 'react';
 import '@wix/design-system/styles.global.css';
 import '../styles.global.css';
-export interface CairoProviderProps extends CairoProviderBaseProps {
+export interface CairoProviderProps extends CairoProviderCoreProps {
 }
-export declare function CairoProvider({ value: valueProp, children, layoutType, ...rest }: CairoProviderProps): React.JSX.Element;
+export declare function CairoProvider(props: CairoProviderProps): React.JSX.Element;
 //# sourceMappingURL=CairoProvider.d.ts.map

package/dist/types/providers/CairoProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CairoProvider.d.ts","sourceRoot":"","sources":["../../../src/providers/CairoProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,kBAAkB,IAAI,sBAAsB,EAC7C,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,sBAAsB,CAAC;AAe9B,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;CAAG;AAErE,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EAAE,SAAS,EAChB,QAAQ,EACR,UAAU,EACV,GAAG,IAAI,EACR,EAAE,kBAAkB,qBAuBpB"}
+{"version":3,"file":"CairoProvider.d.ts","sourceRoot":"","sources":["../../../src/providers/CairoProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,kBAAkB,IAAI,sBAAsB,EAC7C,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,sBAAsB,CAAC;AAe9B,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;CAAG;AAErE,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAyBtD"}

package/dist/types/providers/WixPatternsBaseProvider.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode } from 'react';
+import { CairoProviderBaseProps } from '@wix/bex-core/react';
 import { WixPatternsMinimalEssentials } from './WixPatternsMinimalEssentials';
-export interface WixPatternsBaseProviderProps {
+export interface WixPatternsBaseProviderProps extends CairoProviderBaseProps {
     /**
      * Minimal essentials that are required for wix-patterns to work (i.e i18n,bi,experiments)
      */

package/dist/types/providers/WixPatternsBaseProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WixPatternsBaseProvider.d.ts","sourceRoot":"","sources":["../../../src/providers/WixPatternsBaseProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAE9E,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,KAAK,EAAE,4BAA4B,CAAC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EAAE,SAAS,EAChB,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,4BAA4B,qBAwB9B"}
+{"version":3,"file":"WixPatternsBaseProvider.d.ts","sourceRoot":"","sources":["../../../src/providers/WixPatternsBaseProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAE9E,MAAM,WAAW,4BAA6B,SAAQ,sBAAsB;IAC1E;;OAEG;IACH,KAAK,EAAE,4BAA4B,CAAC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EAAE,SAAS,EAChB,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,4BAA4B,qBAwB9B"}

package/dist/types/state/CollectionPage/CollectionPageHeader.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionPageHeader.st.css.d.ts","sourceRoot":"","sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAAiD,CAAC;AACpE,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"CollectionPageHeader.st.css.d.ts","sourceRoot":"","sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAAkD,CAAC;AACrE,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/state/CollectionPage/useCollectionPageContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCollectionPageContent.d.ts","sourceRoot":"","sources":["../../../../src/state/CollectionPage/useCollectionPageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,4BAA4B,EAAE,MAAM,wCAAwC,CAAC;AAGtF,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,4BAA4B,qBAM3E"}
+{"version":3,"file":"useCollectionPageContent.d.ts","sourceRoot":"","sources":["../../../../src/state/CollectionPage/useCollectionPageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,4BAA4B,EAAE,MAAM,wCAAwC,CAAC;AAGtF,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,4BAA4B,qBAc3E"}

package/dist/types/state/FormPage/FormPageHeader.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormPageHeader.st.css.d.ts","sourceRoot":"","sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAA4C,CAAC;AAC/D,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"FormPageHeader.st.css.d.ts","sourceRoot":"","sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAA2C,CAAC;AAC9D,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/themes/PatternsTheme.d.ts

@@ -7,6 +7,9 @@ export interface PatternsTheme {
         medium?: Size;
         small?: Size;
     };
+    loader?: {
+        size?: Size;
+    };
     toolbar: {
         item: {
             size?: Size;
@@ -18,6 +21,11 @@ export interface PatternsTheme {
     radioGroup: {
         spacing?: string;
     };
+    rangePicker: {
+        size?: 'small' | 'medium';
+        zIndex?: number;
+        width?: string | number;
+    };
 }
 export {};
 //# sourceMappingURL=PatternsTheme.d.ts.map

package/dist/types/themes/PatternsTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PatternsTheme.d.ts","sourceRoot":"","sources":["../../../src/themes/PatternsTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAExC,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACnC,KAAK,EAAE;QACL,MAAM,CAAC,EAAE,IAAI,CAAC;QACd,KAAK,CAAC,EAAE,IAAI,CAAC;KACd,CAAC;IACF,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,IAAI,CAAC,EAAE,IAAI,CAAC;SACb,CAAC;QACF,MAAM,EAAE;YACN,MAAM,CAAC,EAAE,WAAW,CAAC;SACtB,CAAC;KACH,CAAC;IACF,UAAU,EAAE;QACV,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH"}
+{"version":3,"file":"PatternsTheme.d.ts","sourceRoot":"","sources":["../../../src/themes/PatternsTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAExC,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACnC,KAAK,EAAE;QACL,MAAM,CAAC,EAAE,IAAI,CAAC;QACd,KAAK,CAAC,EAAE,IAAI,CAAC;KACd,CAAC;IACF,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,IAAI,CAAC;KACb,CAAC;IACF,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,IAAI,CAAC,EAAE,IAAI,CAAC;SACb,CAAC;QACF,MAAM,EAAE;YACN,MAAM,CAAC,EAAE,WAAW,CAAC;SACtB,CAAC;KACH,CAAC;IACF,UAAU,EAAE;QACV,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,WAAW,EAAE;QACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;QAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACzB,CAAC;CACH"}

package/dist/types/themes/PatternsThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PatternsThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/themes/PatternsThemeProvider.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,oBAAoB,wCAO/B,CAAC;AAEH,eAAO,MAAM,qBAAqB,yCAAgC,CAAC;AACnE,eAAO,MAAM,qBAAqB,yCAAgC,CAAC;AAEnE,wBAAgB,gBAAgB,kBAE/B"}
+{"version":3,"file":"PatternsThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/themes/PatternsThemeProvider.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,oBAAoB,wCAW/B,CAAC;AAEH,eAAO,MAAM,qBAAqB,yCAAgC,CAAC;AACnE,eAAO,MAAM,qBAAqB,yCAAgC,CAAC;AAEnE,wBAAgB,gBAAgB,kBAE/B"}

package/dist/types/themes/panel-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-theme.d.ts","sourceRoot":"","sources":["../../../src/themes/panel-theme.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,UAAU,EAAE,aAkBxB,CAAC"}
+{"version":3,"file":"panel-theme.d.ts","sourceRoot":"","sources":["../../../src/themes/panel-theme.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,UAAU,EAAE,aA0BxB,CAAC"}

package/dist/types/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "patterns@1.264.0";
+export declare const version = "patterns@1.266.0";
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.264.0",
+  "version": "1.266.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -198,7 +198,7 @@
   ],
   "dependencies": {
     "@wix/agent-platform-bm-sdk": "^1.0.0",
-    "@wix/bex-core": "2.213.0",
+    "@wix/bex-core": "2.215.0",
     "@wix/bex-utils": "2.61.0",
     "@wix/essentials": "^0.1.26",
     "@wix/sdk": "^1.15.22",
@@ -417,5 +417,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "03cfe29d0b8e7601405ee3b6f093253d30507d3c1432f9a6b8701008"
+  "falconPackageHash": "727fbec483689655b1efc42559f2c0f33f34cecac0a2b41ea1a67a64"
 }

package/src/bm/WixPatternsBMProvider.tsx

@@ -5,7 +5,7 @@ import {
   useModuleInfo,
   useModuleParams,
 } from '@wix/yoshi-flow-bm';
-import React, { ReactNode, useState } from 'react';
+import React, { useState } from 'react';
 import { CairoProvider } from '../providers';
 import { buildBMCairoEssentials } from './buildBMCairoEssentials';
 import { useErrorMonitorCompat } from './errorMonitorCompat';
@@ -13,19 +13,15 @@ import { showToastCompat, WixPatternsEssentialsOverrides } from '@wix/bex-core';
 import { useExperimentsCompat } from './useExperimentsCompat';
 import { usePlatformApiCompat } from './usePlatformApiCompat';
 import { minimalRequiredRuntimeCheck } from '../utils/minimalRequiredRuntimeCheck';
-import { usePageLocation } from '@wix/bex-core/react';
+import { usePageLocation, CairoProviderBaseProps } from '@wix/bex-core/react';
 
-export interface WixPatternsBMProviderProps {
+export interface WixPatternsBMProviderProps
+  extends Omit<CairoProviderBaseProps, 'contextType'> {
   overrides?: Partial<WixPatternsEssentialsOverrides>;
-  children?: ReactNode;
-  localCache?: boolean;
 }
 
-export function WixPatternsBMProvider({
-  overrides,
-  children,
-  localCache,
-}: WixPatternsBMProviderProps) {
+export function WixPatternsBMProvider(props: WixPatternsBMProviderProps) {
+  const { overrides, children } = props;
   if (process.env.NODE_ENV !== 'production') {
     minimalRequiredRuntimeCheck({
       packageJson: require('@wix/yoshi-flow-bm/package.json'),
@@ -72,7 +68,7 @@ export function WixPatternsBMProvider({
   });
 
   return (
-    <CairoProvider value={wixPatternsEssentials} localCache={localCache}>
+    <CairoProvider {...props} value={wixPatternsEssentials}>
       {children}
     </CairoProvider>
   );

package/src/components/ActionCell/useActionCellColumn.ts

@@ -4,6 +4,7 @@ import { TableColumn as TableColumnWSR } from '@wix/design-system/dist/types/Tab
 import { ActionCell } from './ActionCell';
 import { useRenderActionCellColumn } from './useRenderActionCellColumn';
 import { useActionCellColumnBase } from './useActionCellColumnBase';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
 
 export interface UseActionCellColumnParams<T, F extends FiltersMap> {
   actionCellWidth?: string | number;
@@ -19,6 +20,8 @@ export function useActionCellColumn<T, F extends FiltersMap>(
   const { collection, actionCell, actionCellProps, actionCellWidth, sticky } =
     params;
 
+  const { isPanelLayout } = useWixPatternsContainer();
+
   const baseColumn = useActionCellColumnBase({
     actionCellProps,
     actionCellWidth,
@@ -31,6 +34,10 @@ export function useActionCellColumn<T, F extends FiltersMap>(
   });
 
   return useMemo(() => {
+    if (isPanelLayout) {
+      return null;
+    }
+
     if (render == null) {
       return null;
     }
@@ -39,5 +46,5 @@ export function useActionCellColumn<T, F extends FiltersMap>(
       ...baseColumn,
       render,
     };
-  }, [baseColumn, render]);
+  }, [baseColumn, render, isPanelLayout]);
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CardContainer2055806073";
+var _namespace_ = "CardContainer2496215916";
 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":"CardContainer2055806073__root"};
+export var classes = {"root":"CardContainer2496215916__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_ = "Collapse2575569709";
+var _namespace_ = "Collapse1675199826";
 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":"Collapse2575569709__root","exit":"Collapse2575569709__exit"};
+export var classes = {"root":"Collapse1675199826__root","exit":"Collapse1675199826__exit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionItemActions/CollectionItemActions.tsx

@@ -13,7 +13,6 @@ import {
 } from './CollectionItemActionsHelper';
 import { getDefaultActionCellProps } from './getDefaultActionCellProps';
 import { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';
-import { useTableRoundedCornersEnabled } from '../../hooks/useTableRoundedCornersEnabled';
 
 export interface CollectionItemActionsProps<
   T,
@@ -30,7 +29,6 @@ function _CollectionItemActions<T, F extends FiltersMap = FiltersMap>({
 }: CollectionItemActionsProps<T, F>) {
   const { confirmModal } = state;
   const toolbarState = useToolbarCollectionContext();
-  const roundedCornersEnabled = useTableRoundedCornersEnabled();
   const { toolbarBIReporter } = toolbarState;
   const actionCellProps = renderActionCell?.(state) ?? {};
   const keyedItem = state.actionCellAPI.keyedItem;
@@ -83,7 +81,7 @@ function _CollectionItemActions<T, F extends FiltersMap = FiltersMap>({
               state.keyedItem,
             ),
           ...actionCellProps.popoverMenuProps,
-          ...(roundedCornersEnabled ? getDefaultActionCellProps() : {}),
+          ...getDefaultActionCellProps(),
         }}
         primaryAction={primaryActionCellPropsWithBI}
         secondaryActions={secondaryActionCellPropsWithBI}

package/src/components/CollectionPageNew/CollectionPage.st.css

@@ -1,9 +1,14 @@
 @property st-global(--wds-page-header-padding-horizontal);
 
 .root {
-  -st-states: mobile;
+  -st-states: mobile, panel;
 }
 
 .root:mobile {
   --wds-page-header-padding-horizontal: 0;
 }
+
+.root:panel {
+  overflow: hidden;
+  position: relative;
+}

package/src/components/CollectionPageNew/CollectionPage.st.css.ts

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

package/src/components/CollectionPageNew/CollectionPage.tsx

@@ -1,4 +1,4 @@
-import { PageProps, Page, SidePanel } from '@wix/design-system';
+import { Page, PageProps, SidePanel } from '@wix/design-system';
 import React, { ReactNode, useEffect, useState } from 'react';
 import { useCollectionPageChild } from '../../hooks/useCollectionPageChild';
 import { CollectionPageHeader } from '../CollectionPageHeaderNew';
@@ -7,7 +7,7 @@ import { CollectionPageContent } from '../CollectionPageContent';
 import { observer } from 'mobx-react-lite';
 import { CollectionPageContextProvider } from '../../providers';
 import { usePageHeader } from '../../hooks/usePageHeaderNew';
-import { st, classes } from './CollectionPage.st.css.js';
+import { classes, st } from './CollectionPage.st.css.js';
 
 import {
   useCollectionPageState,
@@ -68,7 +68,13 @@ function _CollectionPage({
 
   if (container.isPanelLayout) {
     child = (
-      <SidePanel width="100%" skin="floating">
+      <SidePanel
+        className={st(classes.root, {
+          panel: true,
+        })}
+        width="100%"
+        skin="floating"
+      >
         {wrappedChildren}
       </SidePanel>
     );

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

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

package/src/components/CollectionTable/CollectionTable.tsx

@@ -173,7 +173,7 @@ function _CollectionTable<T, F extends FiltersMap = FiltersMap>(
     stickySelectionColumn,
     hideBulkSelectionCheckbox,
     maxSelection,
-    showTitleBar = true,
+    showTitleBar = !tableState.toolbar.container.isPanelLayout,
     BodyElementType,
     isApplyColumnWidthStyle,
     rowVerticalPadding,
@@ -202,8 +202,6 @@ function _CollectionTable<T, F extends FiltersMap = FiltersMap>(
 
   const sticky = stickyProp ?? scrollableContentRef?.current != null;
 
-  const { collection, internalScroll } = state;
-
   const customColumns =
     props.customColumns ||
     (dataExtensionType && <dataExtensionType.CustomColumns />);
@@ -219,6 +217,8 @@ function _CollectionTable<T, F extends FiltersMap = FiltersMap>(
     isUsingTableVirtualization: !!BodyElementType,
   });
 
+  const { collection, internalScroll } = state;
+
   const { selectedOrderedColumnsOrAll } = state;
 
   const { bulkSelect, query } = collection;

package/src/components/CollectionTable/CollectionTableContentCard.tsx

@@ -2,7 +2,6 @@ import { Box, Table } from '@wix/design-system';
 import React, { ReactNode } from 'react';
 import { ToolbarCollectionContentAutoSizer } from '../ToolbarCollectionContentAutoSizer';
 import { classes, st } from '../common.st.css.js';
-import { useTableRoundedCornersEnabled } from '../../hooks/useTableRoundedCornersEnabled';
 
 export interface CollectionTableContentCardProps {
   children?: ReactNode;
@@ -13,15 +12,13 @@ export function CollectionTableContentCard(
 ) {
   const { children } = props;
 
-  const roundedCornersEnabled = useTableRoundedCornersEnabled();
-
   return (
     // wrapping with Card is WSR way to make the sticky table header not to add extra border between the header and the content https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--table#Sticky_Toolbar_&_Sub-toolbar
     <Box
       direction="vertical"
       backgroundColor="D80"
       borderRadius="0px 0px 8px 8px"
-      overflow={roundedCornersEnabled ? 'hidden' : undefined}
+      overflow="hidden"
       className={st(classes.column, classes.fullHeight)}
     >
       <ToolbarCollectionContentAutoSizer>

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar363269901";
+var _namespace_ = "CollectionToolbar4003759370";
 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":"CollectionToolbar363269901__root","left":"CollectionToolbar363269901__left","right":"CollectionToolbar363269901__right","fullWidth":"CollectionToolbar363269901__fullWidth"};
+export var classes = {"root":"CollectionToolbar4003759370__root","left":"CollectionToolbar4003759370__left","right":"CollectionToolbar4003759370__right","fullWidth":"CollectionToolbar4003759370__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/CollectionToolbar.tsx

@@ -31,7 +31,6 @@ import { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';
 import { useIsMobile } from '../../hooks/useIsMobile';
 import { isValidElement } from '../isValidElement';
 import { CollectionSearch } from '../CollectionSearch';
-import { useWixPatternsContainer } from '@wix/bex-core/react';
 
 export interface CollectionToolbarProps<T, F extends FiltersMap> {
   state: ToolbarCollectionState<T, F>;
@@ -78,8 +77,6 @@ function _CollectionToolbar<T, F extends FiltersMap>(
     moreActions,
   } = props;
 
-  const { isPanelLayout } = useWixPatternsContainer();
-
   const isMobile = useIsMobile();
 
   assertComponentType(
@@ -91,6 +88,7 @@ function _CollectionToolbar<T, F extends FiltersMap>(
     collection,
     featuredComponents,
     toolbar: { responsive },
+    container: { isPanelLayout },
   } = state;
 
   const addDataHookToMoreActions = () => {
@@ -99,7 +97,7 @@ function _CollectionToolbar<T, F extends FiltersMap>(
     );
   };
 
-  const searchElement = isValidElement(search) ? (
+  const searchElement = isPanelLayout ? undefined : isValidElement(search) ? (
     (React.cloneElement(
       search as CollectionSearchElement,
       {},
@@ -113,11 +111,13 @@ function _CollectionToolbar<T, F extends FiltersMap>(
   const MoreFiltersButton = featuredComponents.moreFiltersButton
     .value as PartialFunctionComponent as FunctionComponent | null;
 
-  const viewsToolbarItem = views && (
-    <ToolbarItemBox dataHook="collection-table-toolbar-views-item">
-      {views}
-    </ToolbarItemBox>
-  );
+  const viewsToolbarItem = isPanelLayout
+    ? undefined
+    : views && (
+        <ToolbarItemBox dataHook="collection-table-toolbar-views-item">
+          {views}
+        </ToolbarItemBox>
+      );
 
   const CollectionToolbarFilters =
     state.tagsCollectionState?.components.CollectionToolbarFilters ||
@@ -245,7 +245,7 @@ function _CollectionToolbar<T, F extends FiltersMap>(
           filtersElement={filtersElement}
           MoreFiltersButton={MoreFiltersButton}
           multiLevelSorting={multiLevelSorting}
-          customColumns={isMobile ? undefined : customColumns}
+          customColumns={isMobile || isPanelLayout ? undefined : customColumns}
           exportButton={exportButton}
           search={searchElement}
           showCustomColumnsOnTheLeft={showCustomColumnsOnTheLeft}

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_ = "SearchOrCustomFilter2687128426";
 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":"SearchOrCustomFilter2687128426__root","search":"SearchOrCustomFilter2687128426__search","searchMobile":"SearchOrCustomFilter2687128426__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_ = "AutoCompleteReadonly33609082";
 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":"AutoCompleteReadonly33609082__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_ = "ViewsDropdown1819941550";
 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":"ViewsDropdown1819941550__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CustomFieldsWidget/CustomFieldsWidgetCard.tsx

@@ -34,7 +34,7 @@ const _CustomFieldsWidgetCard = ({
   const headerTitle = (
     <Box gap="SP1">
       <Heading size="medium">
-        {t('cairo.customFields.entityPage.title')}
+        {t('cairo.customFieldsWidget.entityPage.title')}
       </Heading>
       {state.widgetSize !== 'default' ? (
         <InfoIcon dataHook="subtitle-info-icon" content={headerSubtitle} />

package/src/components/DateRangePicker/DateRangePicker.tsx

@@ -12,6 +12,7 @@ import {
 import { DateRangePickerState } from '../../state';
 import { TimeSmall } from '@wix/wix-ui-icons-common';
 import { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps';
+import { usePatternsTheme } from '../../themes/PatternsThemeProvider';
 
 export interface DateRangePickerProps extends Partial<DatePickerProps> {
   state: DateRangePickerState;
@@ -25,14 +26,23 @@ function _DateRangePicker(props: DateRangePickerProps) {
   const { windowFlipPopoverProps } = useWindowFlipPopoverProps({
     popoverProps,
   });
+
+  const { rangePicker } = usePatternsTheme();
+
+  const commonInputProps = {
+    size: rangePicker.size,
+  };
+
   const commonDatePickerProps: Partial<DatePickerProps> = {
+    ...commonInputProps,
     shouldCloseOnSelect: true,
-    size: 'medium',
     dateStyle: 'medium',
-    width: filterByTime ? '100%' : '172px',
+    width: filterByTime ? '100%' : rangePicker.width,
+    zIndex: rangePicker.zIndex,
   };
+
   const commonTimeInputProps: Partial<TimeInputProps> = {
-    size: 'medium',
+    ...commonInputProps,
     prefix: (
       <Input.IconAffix>
         <TimeSmall />
@@ -120,6 +130,7 @@ function _DateRangePicker(props: DateRangePickerProps) {
               onChange={({ date }) => state.onFromTimeSelected(date)}
               disabled={!state.from}
               filterTime={filterDateTimeFrom}
+              size="small"
               {...commonTimeInputProps}
             />
           </Box>

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_ = "DragHandle2956554622";
 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":"DragHandle2956554622__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};