@wix/patterns 1.293.0 → 1.296.0

package/dist/types/components/TabsFilter/TabsFilter.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsFilter.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabsFilter.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;;;CAA4E,CAAC;AAC/F,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":"TabsFilter.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabsFilter.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;;;CAA8E,CAAC;AACjG,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/components/TabsFilter/TabsResponsiveState.d.ts

@@ -4,6 +4,7 @@ export interface TabsResponsiveStateParams {
     container: WixPatternsContainer;
 }
 export declare class TabsResponsiveState {
+    readonly isMobile: boolean;
     container?: HTMLDivElement;
     badges: Map<number, HTMLSpanElement>;
     mode: 'tabs' | 'dropdown';

package/dist/types/components/TabsFilter/TabsResponsiveState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsResponsiveState.d.ts","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabsResponsiveState.ts"],"names":[],"mappings":";AACA,OAAO,EAAqB,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAExE,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,oBAAoB,CAAC;CACjC;AAED,qBAAa,mBAAmB;IAC9B,SAAS,CAAC,EAAE,cAAc,CAAC;IAG3B,MAAM,+BAAsC;IAC5C,IAAI,EAAE,MAAM,GAAG,UAAU,CAAU;IAEnC,aAAa,SAAK;IAClB,UAAU,SAAK;IACf,WAAW,SAAM;IACjB,YAAY,SAAO;IACnB,gBAAgB,SAAM;IACtB,eAAe,SAAK;IACpB,cAAc,EAAE,MAAM,EAAE,CAAM;IAE9B,QAAQ,CAAC,iBAAiB,sDAAC;gBAEf,MAAM,EAAE,yBAAyB;IAY7C,cAAc;IAMd,gBAAgB;IAWhB,gBAAgB;IAShB,SAAS,aAuCN;IAEH,IAAI,CAAC,EACH,SAAS,EACT,UAAU,GACX,EAAE;QACD,SAAS,CAAC,EAAE,cAAc,CAAC;QAC3B,UAAU,EAAE,MAAM,CAAC;KACpB;CAYF"}
+{"version":3,"file":"TabsResponsiveState.d.ts","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabsResponsiveState.ts"],"names":[],"mappings":";AACA,OAAO,EAEL,oBAAoB,EAErB,MAAM,eAAe,CAAC;AAEvB,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,oBAAoB,CAAC;CACjC;AAED,qBAAa,mBAAmB;IAC9B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,cAAc,CAAC;IAG3B,MAAM,+BAAsC;IAC5C,IAAI,EAAE,MAAM,GAAG,UAAU,CAAU;IAEnC,aAAa,SAAK;IAClB,UAAU,SAAK;IACf,WAAW,SAAM;IACjB,YAAY,SAAO;IACnB,gBAAgB,SAAM;IACtB,eAAe,SAAK;IACpB,cAAc,EAAE,MAAM,EAAE,CAAM;IAE9B,QAAQ,CAAC,iBAAiB,sDAAC;gBAEf,MAAM,EAAE,yBAAyB;IAa7C,cAAc;IAMd,gBAAgB;IAWhB,gBAAgB;IAShB,SAAS,aA4CN;IAEH,IAAI,CAAC,EACH,SAAS,EACT,UAAU,GACX,EAAE;QACD,SAAS,CAAC,EAAE,cAAc,CAAC;QAC3B,UAAU,EAAE,MAAM,CAAC;KACpB;CAYF"}

package/dist/types/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ManageTagsModal.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.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"}
+{"version":3,"file":"ManageTagsModal.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.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;;CAA6C,CAAC;AAChE,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/components/ToolbarItem/ToolbarItem.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarItem.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/ToolbarItem/ToolbarItem.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;;CAAyC,CAAC;AAC5D,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":"ToolbarItem.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/ToolbarItem/ToolbarItem.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;;CAAwC,CAAC;AAC3D,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/components/ToolbarItemBox/ToolbarItemBox.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarItemBox.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.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":"ToolbarItemBox.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.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/components/WixPatternsModalsContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WixPatternsModalsContainer.d.ts","sourceRoot":"","sources":["../../../src/components/WixPatternsModalsContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,SAAS,EAIV,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,MAAM,WAAW,+BAA+B;IAC9C,OAAO,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACtD,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjC,KAAK,EAAE,eAAe,CAAC;CACxB;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,+BAA+B,4BAqEvC"}
+{"version":3,"file":"WixPatternsModalsContainer.d.ts","sourceRoot":"","sources":["../../../src/components/WixPatternsModalsContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,SAAS,EAIV,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,MAAM,WAAW,+BAA+B;IAC9C,OAAO,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACtD,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjC,KAAK,EAAE,eAAe,CAAC;CACxB;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,+BAA+B,4BA8EvC"}

package/dist/types/test-utils/WixPatternsEssentialsTestProvider.d.ts

@@ -1,9 +1,9 @@
 import React, { ReactNode } from 'react';
-import { PatternsLayoutType, WixPatternsEssentialsOverrides } from '@wix/bex-core';
-export interface WixPatternsEssentialsTestProviderProps {
+import { WixPatternsEssentialsOverrides } from '@wix/bex-core';
+import { CairoProviderBaseProps } from '@wix/bex-core/react';
+export interface WixPatternsEssentialsTestProviderProps extends CairoProviderBaseProps {
     children?: ReactNode;
     overrides?: Partial<WixPatternsEssentialsOverrides>;
-    layoutType?: PatternsLayoutType;
     defaultExperiments?: Record<string, string>;
 }
 export declare function WixPatternsEssentialsTestProvider(props: WixPatternsEssentialsTestProviderProps): React.JSX.Element;

package/dist/types/test-utils/WixPatternsEssentialsTestProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WixPatternsEssentialsTestProvider.d.ts","sourceRoot":"","sources":["../../../src/test-utils/WixPatternsEssentialsTestProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnD,OAAO,EACL,kBAAkB,EAElB,8BAA8B,EAC/B,MAAM,eAAe,CAAC;AAgBvB,MAAM,WAAW,sCAAsC;IACrD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,8BAA8B,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC7C;AAED,wBAAgB,iCAAiC,CAC/C,KAAK,EAAE,sCAAsC,qBAoG9C"}
+{"version":3,"file":"WixPatternsEssentialsTestProvider.d.ts","sourceRoot":"","sources":["../../../src/test-utils/WixPatternsEssentialsTestProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,8BAA8B,EAC/B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAgB7D,MAAM,WAAW,sCACf,SAAQ,sBAAsB;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,8BAA8B,CAAC,CAAC;IACpD,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC7C;AAED,wBAAgB,iCAAiC,CAC/C,KAAK,EAAE,sCAAsC,qBAoG9C"}

package/dist/types/version.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.293.0",
+  "version": "1.296.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -198,8 +198,8 @@
   ],
   "dependencies": {
     "@wix/agent-platform-bm-sdk": "^1.0.0",
-    "@wix/bex-core": "2.227.0",
-    "@wix/bex-utils": "2.67.0",
+    "@wix/bex-core": "2.230.0",
+    "@wix/bex-utils": "2.69.0",
     "@wix/essentials": "^0.1.26",
     "@wix/sdk": "^1.15.22",
     "@wix/wix-style-react-incubator": "3.13.0",
@@ -262,7 +262,7 @@
     "@wix/ambassador-ecom-v1-order": "^1.0.0",
     "@wix/awaiter-utils": "^1.0.76",
     "@wix/business-manager-api": "^1.470.0",
-    "@wix/cairo-integration-utils": "1.49.0",
+    "@wix/cairo-integration-utils": "1.50.0",
     "@wix/ci-build-info": "^1.0.0",
     "@wix/crm": "^1.0.93",
     "@wix/dashboard": "^1.3.39",
@@ -416,5 +416,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "69208fc6e6d042112e3dfb9d17d6d1538278bc3bc8c00b47b97bc729"
+  "falconPackageHash": "7adfa253c4c26fe62cb326672d71fb7cd0b3b9d3cadc14063f85a623"
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CardContainer3035254167";
+var _namespace_ = "CardContainer1393187604";
 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":"CardContainer3035254167__root"};
+export var classes = {"root":"CardContainer1393187604__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_ = "Collapse646784163";
+var _namespace_ = "Collapse2836442632";
 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":"Collapse646784163__root","exit":"Collapse646784163__exit"};
+export var classes = {"root":"Collapse2836442632__root","exit":"Collapse2836442632__exit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionCard/CollectionCard.tsx

@@ -43,7 +43,7 @@ function _CollectionCard<T, F extends FiltersMap>({
 }: CollectionCardProps<T, F>) {
   const page = usePageContext();
 
-  const { isPanelLayout } = useWixPatternsContainer();
+  const { isPanelLayout, useRelativeSidePanel } = useWixPatternsContainer();
 
   const { modalsContainerRef, stackingRootRef } = page;
 
@@ -124,7 +124,9 @@ function _CollectionCard<T, F extends FiltersMap>({
         ) : (
           <WixPatternsModalsContainer
             rootRef={stackingRootRef}
-            anchorRef={modalsContainerRef}
+            anchorRef={
+              useRelativeSidePanel ? stackingRootRef : modalsContainerRef
+            }
             state={state.panels}
           />
         )}

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

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

package/src/components/CollectionSearch.tsx

@@ -19,6 +19,7 @@ export const CollectionSearch = observer(function CollectionSearch<
   onSearchClick,
   onSearchBlur,
   visibility,
+  expandable,
   ...rest
 }: CollectionSearchProps) {
   const collection = useCollectionContext<T, F>();
@@ -41,6 +42,7 @@ export const CollectionSearch = observer(function CollectionSearch<
         collection.clearSearch();
         onSearchChange?.(value);
       }}
+      expandable={expandable}
       placeholder={t('cairo.searchPlaceholder', { defaultValue: '' })}
       onInputClicked={() => onSearchClick?.()}
       textOverflow="ellipsis"

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionTable2486846405";
+var _namespace_ = "CollectionTable1545825600";
 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":"CollectionTable2486846405__root"};
+export var classes = {"root":"CollectionTable1545825600__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_ = "CollectionToolbar1623646672";
+var _namespace_ = "CollectionToolbar1030837190";
 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":"CollectionToolbar1623646672__root","left":"CollectionToolbar1623646672__left","right":"CollectionToolbar1623646672__right","fullWidth":"CollectionToolbar1623646672__fullWidth"};
+export var classes = {"root":"CollectionToolbar1030837190__root","left":"CollectionToolbar1030837190__left","right":"CollectionToolbar1030837190__right","fullWidth":"CollectionToolbar1030837190__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/CollectionToolbar.tsx

@@ -24,6 +24,7 @@ import {
   ToolbarCollectionBaseProps,
 } from '../ToolbarCollection';
 import { useCollectionToolbarSyncedProps } from './useCollectionToolbarSyncedProps';
+import { useIsCollectionToolbarExists } from './useIsCollectionToolbarExists';
 import { CollectionToolbarActionsToolbarItemsGroup } from './CollectionToolbarActionsToolbarItemsGroup';
 import { CollectionToolbarActionsGroupResponsiveLayout } from './CollectionToolbarActionsGroupResponsiveLayout';
 import { MoreActions } from '../MoreActions';
@@ -79,6 +80,11 @@ function _CollectionToolbar<T, F extends FiltersMap>(
 
   const isMobile = useIsMobile();
 
+  const hasOtherToolbarFeatures = useIsCollectionToolbarExists(props, {
+    excludeSearch: true,
+  });
+  const searchIsExpandable = isMobile ? hasOtherToolbarFeatures : undefined;
+
   assertComponentType(
     primaryActionButton,
     'PrimaryActionButton',
@@ -98,12 +104,13 @@ function _CollectionToolbar<T, F extends FiltersMap>(
   };
 
   const searchElement = isPanelLayout ? undefined : isValidElement(search) ? (
-    (React.cloneElement(
-      search as CollectionSearchElement,
-      {},
-    ) as CollectionSearchElement)
+    React.cloneElement(search as CollectionSearchElement, {
+      expandable:
+        searchIsExpandable ??
+        (search as CollectionSearchElement).props.expandable,
+    })
   ) : search ? (
-    <CollectionSearch size="small" />
+    <CollectionSearch size="small" expandable={searchIsExpandable} />
   ) : (
     search
   );
@@ -152,16 +159,14 @@ function _CollectionToolbar<T, F extends FiltersMap>(
 
   let left: ReactElement | undefined;
 
-  if (!isMobile) {
-    if (tabs) {
-      left = (
-        <ToolbarItemBox removeStartPadding expandable layout="button">
-          {tabs}
-        </ToolbarItemBox>
-      );
-    } else if (title) {
-      left = title;
-    }
+  if (tabs) {
+    left = (
+      <ToolbarItemBox removeStartPadding expandable layout="button">
+        {tabs}
+      </ToolbarItemBox>
+    );
+  } else if (title && !isMobile) {
+    left = title;
   }
 
   useCollectionToolbarSyncedProps({

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter297577236";
+var _namespace_ = "SearchOrCustomFilter662362649";
 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":"SearchOrCustomFilter297577236__root","search":"SearchOrCustomFilter297577236__search","searchMobile":"SearchOrCustomFilter297577236__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter662362649__root","search":"SearchOrCustomFilter662362649__search","searchMobile":"SearchOrCustomFilter662362649__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/useIsCollectionToolbarExists.tsx

@@ -3,6 +3,7 @@ import { CollectionToolbarProps } from './CollectionToolbar';
 
 export const useIsCollectionToolbarExists = <T, F extends FiltersMap>(
   props: CollectionToolbarProps<T, F>,
+  { excludeSearch = false }: { excludeSearch?: boolean } = {},
 ): boolean => {
   const {
     title,
@@ -38,7 +39,7 @@ export const useIsCollectionToolbarExists = <T, F extends FiltersMap>(
     return true;
   }
 
-  if (search !== false) {
+  if (!excludeSearch && search !== false) {
     return true;
   }
 

package/src/components/CollectionToolbars/CollectionToolbars.tsx

@@ -121,7 +121,7 @@ function _CollectionToolbars<T, F extends FiltersMap = FiltersMap>(
       ) : (
         <>
           {extraToolbar}
-          {shouldRenderCollectionToolbar && (
+          {(!isMobile || shouldRenderCollectionToolbar) && (
             <CollectionToolbar {...props} dataHook="collection-toolbar" />
           )}
         </>

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AutoCompleteReadonly2754888915";
+var _namespace_ = "AutoCompleteReadonly854460757";
 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":"AutoCompleteReadonly2754888915__root"};
+export var classes = {"root":"AutoCompleteReadonly854460757__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_ = "ViewsDropdown338365057";
+var _namespace_ = "ViewsDropdown3647177959";
 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":"ViewsDropdown338365057__root"};
+export var classes = {"root":"ViewsDropdown3647177959__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_ = "DragHandle2297233606";
+var _namespace_ = "DragHandle2176931867";
 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":"DragHandle2297233606__root"};
+export var classes = {"root":"DragHandle2176931867__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_ = "EntityPagePlain3195541004";
+var _namespace_ = "EntityPagePlain2066693229";
 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":"EntityPagePlain3195541004__root"};
+export var classes = {"root":"EntityPagePlain2066693229__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_ = "Fade1139518427";
+var _namespace_ = "Fade1216184679";
 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":"Fade1139518427__root"};
+export var classes = {"root":"Fade1216184679__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_ = "Heading764938732";
+var _namespace_ = "Heading1882191569";
 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":"Heading764938732__root"};
+export var classes = {"root":"Heading1882191569__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_ = "InputOverflow2643339167";
+var _namespace_ = "InputOverflow3088080369";
 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":"InputOverflow2643339167__root"};
+export var classes = {"root":"InputOverflow3088080369__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_ = "LoadingRow3136630845";
+var _namespace_ = "LoadingRow2859302015";
 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":"LoadingRow3136630845__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3136630845__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow2859302015__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow2859302015__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_ = "MaxHeightText2524688560";
+var _namespace_ = "MaxHeightText2086308881";
 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":"MaxHeightText2524688560__root"};
+export var classes = {"root":"MaxHeightText2086308881__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_ = "MaxLines2769455779";
+var _namespace_ = "MaxLines1657183845";
 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":"MaxLines2769455779__root"};
+export var classes = {"root":"MaxLines1657183845__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_ = "MultiBulkActionToolbar1338277002";
+var _namespace_ = "MultiBulkActionToolbar2457777167";
 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":"MultiBulkActionToolbar1338277002__root"};
+export var classes = {"root":"MultiBulkActionToolbar2457777167__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_ = "NestedTablePlaceholderStatesRow2390724309";
+var _namespace_ = "NestedTablePlaceholderStatesRow1484585522";
 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":"NestedTablePlaceholderStatesRow2390724309__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow1484585522__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_ = "NestedTableRow3894354182";
+var _namespace_ = "NestedTableRow2682455552";
 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":"NestedTableRow3894354182__root","firstLevel":"NestedTableRow3894354182__firstLevel","placeholder":"NestedTableRow3894354182__placeholder","parentHovered":"NestedTableRow3894354182__parentHovered"};
+export var classes = {"root":"NestedTableRow2682455552__root","firstLevel":"NestedTableRow2682455552__firstLevel","placeholder":"NestedTableRow2682455552__placeholder","parentHovered":"NestedTableRow2682455552__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_ = "MultipleDragOverlayEffect279577481";
+var _namespace_ = "MultipleDragOverlayEffect2399557028";
 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":"MultipleDragOverlayEffect279577481__root"};
+export var classes = {"root":"MultipleDragOverlayEffect2399557028__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_ = "NestedTableDragAndDropRow717664795";
+var _namespace_ = "NestedTableDragAndDropRow1551175518";
 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":"NestedTableDragAndDropRow717664795__root"};
+export var classes = {"root":"NestedTableDragAndDropRow1551175518__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};