@wix/patterns 1.352.0 → 1.353.0

package/src/state/CollectionPage/useCollectionPageHeader.tsx

@@ -4,49 +4,11 @@ import { CollectionPageHeaderElement } from '../../components/CollectionPageHead
 import { useCollectionPageContext } from '../../providers';
 import { observer } from 'mobx-react-lite';
 import { PageSubTitle } from '../../components/PageSubTitle';
-import { MoreActionsText } from '../../components/MoreActions/MoreActionsText';
 import { useIsMobile } from '../../hooks/useIsMobile';
 import { classes, st } from './CollectionPageHeader.st.css.js';
-import { pushFactoryIfNotExistsOrAddToTopOfGroup } from './pushFactoryIfNotExistsOrAddToTopOfGroup';
-import { MoreActions } from '../../components/MoreActions';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { PanelHeader } from './PanelHeader';
-
-const MoreActionsBySecondaryAction = observer(
-  ({ child }: { child: CollectionPageHeaderElement }) => {
-    const pageState = useCollectionPageContext();
-    const { primaryToolbar } = pageState;
-
-    const featuredActions = primaryToolbar?.getPageFeaturedActions();
-
-    const forceMoreActions = featuredActions?.length ? (
-      <MoreActions />
-    ) : undefined;
-
-    const moreActions = child.props.moreActions ?? forceMoreActions;
-
-    if (!moreActions) {
-      return null;
-    }
-
-    const { type: MoreActionsElementType, props: moreActionsProps } =
-      moreActions;
-
-    let items = moreActionsProps.items;
-
-    if (featuredActions) {
-      for (const factory of featuredActions) {
-        items = pushFactoryIfNotExistsOrAddToTopOfGroup(items, factory);
-      }
-    }
-
-    if (child.props.secondaryActions) {
-      return <MoreActionsElementType {...moreActionsProps} items={items} />;
-    }
-
-    return <MoreActionsText {...moreActionsProps} items={items} />;
-  },
-);
+import { CollectionPageActionsBar } from './CollectionPageActionsBar';
 
 export function useCollectionPageHeader(child: CollectionPageHeaderElement) {
   const isMobile = useIsMobile();
@@ -60,6 +22,7 @@ export function useCollectionPageHeader(child: CollectionPageHeaderElement) {
       />
     );
   }
+
   return (
     <Page.Header
       key={child.key}
@@ -71,13 +34,7 @@ export function useCollectionPageHeader(child: CollectionPageHeaderElement) {
           <PageSubTitle {...child.props.subtitle} />
         ) : undefined
       }
-      actionsBar={
-        <Box gap="SP2">
-          {!isMobile && <MoreActionsBySecondaryAction child={child} />}
-          {!isMobile && child.props.secondaryActions}
-          {child.props.primaryAction}
-        </Box>
-      }
+      actionsBar={<CollectionPageActionsBar child={child} />}
       breadcrumbs={
         isMobile
           ? () => {
@@ -93,25 +50,34 @@ const CollectionPageHeaderTitle = observer(
   ({ minimized }: { minimized: boolean }) => {
     const state = useCollectionPageContext();
     const isMobile = useIsMobile();
-    const titleContent = (
-      <>
-        <Box inline paddingRight="9px">
-          {state.pageTitle}
-        </Box>
-        {state.total !== false && !state.hideHeaderTotal && (
-          <Box inline color="D40" dataHook="page-header-total-count">
-            {state.total}
-          </Box>
-        )}
-      </>
-    );
 
     if (minimized) {
-      return titleContent;
+      return <>{state.pageTitle}</>;
     }
 
     return (
-      <Heading size={isMobile ? 'large' : 'extraLarge'}>{titleContent}</Heading>
+      <Heading size={isMobile ? 'large' : 'extraLarge'}>
+        <Box inline maxLines={1} paddingRight="9px" minWidth={0} width="100%">
+          <Heading
+            size={isMobile ? 'large' : 'extraLarge'}
+            ellipsis
+            showTooltip={!isMobile}
+            placement="bottom"
+          >
+            {state.pageTitle}
+          </Heading>
+          {state.total !== false && !state.hideHeaderTotal && (
+            <Box
+              inline
+              color="D40"
+              paddingLeft="9px"
+              dataHook="page-header-total-count"
+            >
+              {state.total}
+            </Box>
+          )}
+        </Box>
+      </Heading>
     );
   },
 );

package/src/state/FormPage/FormPageHeader.st.css.ts

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

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer788456778__root.CardContainer788456778--mobile{border-radius:0}.Collapse801451134__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse801451134__exit{height:0}.CollectionPage309807280__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage309807280__root.CollectionPage309807280--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage309807280__root.CollectionPage309807280--panel{overflow:hidden;position:relative}.CollectionSectionHeader4064214935__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3426326144__root td{vertical-align:middle}.CollectionTable3426326144__root.CollectionTable3426326144--mobile td:first-child{padding-left:18px}.CollectionTable3426326144__root.CollectionTable3426326144--mobile td:last-child{padding-right:18px}.CollectionToolbar159339193__left{min-width:0}.CollectionToolbar159339193__left.CollectionToolbar159339193--expandable{flex:auto}.CollectionToolbar159339193__left.CollectionToolbar159339193--title>*{width:100%}.CollectionToolbar159339193__root.CollectionToolbar159339193---responsiveMode-5-title .CollectionToolbar159339193__left{flex:1 100;min-width:50px}.CollectionToolbar159339193__root.CollectionToolbar159339193---responsiveMode-4-tabs .CollectionToolbar159339193__left,.CollectionToolbar159339193__root.CollectionToolbar159339193---responsiveMode-4-tabs .CollectionToolbar159339193__left.CollectionToolbar159339193--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar159339193__root.CollectionToolbar159339193---responsiveMode-4-tabs .CollectionToolbar159339193__left>*{flex-shrink:1;min-width:0}.CollectionToolbar159339193__root .CollectionToolbar159339193__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar159339193__root.CollectionToolbar159339193--views .CollectionToolbar159339193__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar159339193__root.CollectionToolbar159339193---responsiveMode-4-tabs .CollectionToolbar159339193__right,.CollectionToolbar159339193__root.CollectionToolbar159339193---responsiveMode-5-title .CollectionToolbar159339193__right{flex:0 1 auto;min-width:0}.CollectionToolbar159339193__root .CollectionToolbar159339193__right.CollectionToolbar159339193__fullWidth{margin-inline-start:0!important}.CollectionToolbar159339193__root.CollectionToolbar159339193--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3975397441__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3975397441__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3975397441__searchMobile:not(.SearchOrCustomFilter3975397441--expandable){left:18px}.SearchOrCustomFilter3975397441__searchMobile.SearchOrCustomFilter3975397441--expandable.SearchOrCustomFilter3975397441--expanded{left:18px}.AutoCompleteReadonly511008955__root.AutoCompleteReadonly511008955--disableEditing{cursor:pointer}.AutoCompleteReadonly511008955__root.AutoCompleteReadonly511008955--disableEditing input{cursor:pointer}.ViewsDropdown2975714284__root{width:200px}.DragHandle1719636738__root{display:flex;align-items:center}.DragHandle1719636738__root:not(.DragHandle1719636738--disabled){cursor:grab;color:#a8caff}.DragHandle1719636738__root.DragHandle1719636738--disabled{color:#acafc4}.DragHandle1719636738__root:focus-visible:not(.DragHandle1719636738--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1719636738__root.DragHandle1719636738--disabled{pointer-events:none}.DragHandle1719636738__root.DragHandle1719636738--dragging:not(.DragHandle1719636738--disabled){cursor:grabbing}.EntityPagePlain2454018564__root.EntityPagePlain2454018564--mobile{--wds-page-header-padding-horizontal:0}.Fade4100073960__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade4100073960__root.Fade4100073960--exit{opacity:0}.Heading1810640181__root{visibility:visible}.Heading1810640181__root.Heading1810640181--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow259513846__root.InputOverflow259513846--selected:not(.InputOverflow259513846--focused) input::placeholder{color:#000624}@keyframes LoadingRow1962776937__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow1962776937__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow1962776937__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3996867344__root{opacity:1}.MaxHeightText3996867344__root.MaxHeightText3996867344--height24{line-height:24px}.MaxLines4229375414__root{overflow:hidden}.MaxLines4229375414__root.MaxLines4229375414--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1760143859__root{min-width:0}.MultiBulkActionToolbar1760143859__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1760143859__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1760143859__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow218800380__root td{padding:0!important;width:100%}.NestedTableRow3140066734__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3140066734__root:hover{background-color:#e7f0ff!important}.NestedTableRow3140066734__root.NestedTableRow3140066734--expandable{cursor:pointer}.NestedTableRow3140066734__placeholder td{padding:0!important;width:100%}.NestedTableRow3140066734__root:hover td:first-of-type::before,.NestedTableRow3140066734__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2746358990__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow2229560427__root.NestedTableDragAndDropRow2229560427--draggingInto td{background-color:#e7f0ff!important}.PickerContent3852751846__root{display:flex}.PickerContentAdditionalStep505382893__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep505382893__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3274383082__root{box-sizing:border-box}.ScrollableContent2021212310__root.ScrollableContent2021212310--overflowY{overflow-y:auto}.ScrollableContent2021212310__root.ScrollableContent2021212310--overflowX{overflow-x:auto}.ScrollableContent2021212310__root.ScrollableContent2021212310--smooth{scroll-behavior:smooth}.SkeletonCard2461642541__headerLoading{display:block!important}.SlidingModal4079074060__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal4079074060__root.SlidingModal4079074060--overlay{transition:transform 0s ease 0s}.SlidingModal4079074060__root.SlidingModal4079074060---appendTo-6-parent{position:absolute}.SlidingModal4079074060__root:not(.SlidingModal4079074060--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter4095275580__root .TabsFilter4095275580__title{color:inherit!important}.ManageTagsModal1047110999__root{display:flex}.ToolbarItem3946345373__root{min-width:0}.ToolbarItemBox3994341943__root{min-width:0}.ToolbarItemBox3994341943__root.ToolbarItemBox3994341943--removeStartPadding{margin-left:-24px}.ToolbarItemBox3994341943__root.ToolbarItemBox3994341943--expandable{flex:1 0}.common970521328__column{display:flex;flex-direction:column}.common970521328__fullHeight{height:100%;min-height:0}.CollectionPageHeader3911711208__root.CollectionPageHeader3911711208--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3911711208__root.CollectionPageHeader3911711208--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1729882380__root.FormPageHeader1729882380--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1729882380__root.FormPageHeader1729882380--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer3833139183__root.CardContainer3833139183--mobile{border-radius:0}.Collapse1646936547__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1646936547__exit{height:0}.CollectionPage3277585354__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3277585354__root.CollectionPage3277585354--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3277585354__root.CollectionPage3277585354--panel{overflow:hidden;position:relative}.CollectionSectionHeader637702375__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3215334311__root td{vertical-align:middle}.CollectionTable3215334311__root.CollectionTable3215334311--mobile td:first-child{padding-left:18px}.CollectionTable3215334311__root.CollectionTable3215334311--mobile td:last-child{padding-right:18px}.CollectionToolbar201534648__left{min-width:0}.CollectionToolbar201534648__left.CollectionToolbar201534648--expandable{flex:auto}.CollectionToolbar201534648__left.CollectionToolbar201534648--title>*{width:100%}.CollectionToolbar201534648__root.CollectionToolbar201534648---responsiveMode-5-title .CollectionToolbar201534648__left{flex:1 100;min-width:50px}.CollectionToolbar201534648__root.CollectionToolbar201534648---responsiveMode-4-tabs .CollectionToolbar201534648__left,.CollectionToolbar201534648__root.CollectionToolbar201534648---responsiveMode-4-tabs .CollectionToolbar201534648__left.CollectionToolbar201534648--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar201534648__root.CollectionToolbar201534648---responsiveMode-4-tabs .CollectionToolbar201534648__left>*{flex-shrink:1;min-width:0}.CollectionToolbar201534648__root .CollectionToolbar201534648__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar201534648__root.CollectionToolbar201534648--views .CollectionToolbar201534648__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar201534648__root.CollectionToolbar201534648---responsiveMode-4-tabs .CollectionToolbar201534648__right,.CollectionToolbar201534648__root.CollectionToolbar201534648---responsiveMode-5-title .CollectionToolbar201534648__right{flex:0 1 auto;min-width:0}.CollectionToolbar201534648__root .CollectionToolbar201534648__right.CollectionToolbar201534648__fullWidth{margin-inline-start:0!important}.CollectionToolbar201534648__root.CollectionToolbar201534648--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1326699873__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1326699873__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1326699873__searchMobile:not(.SearchOrCustomFilter1326699873--expandable){left:18px}.SearchOrCustomFilter1326699873__searchMobile.SearchOrCustomFilter1326699873--expandable.SearchOrCustomFilter1326699873--expanded{left:18px}.AutoCompleteReadonly4288019892__root.AutoCompleteReadonly4288019892--disableEditing{cursor:pointer}.AutoCompleteReadonly4288019892__root.AutoCompleteReadonly4288019892--disableEditing input{cursor:pointer}.ViewsDropdown3936858135__root{width:200px}.DragHandle2356258919__root{display:flex;align-items:center}.DragHandle2356258919__root:not(.DragHandle2356258919--disabled){cursor:grab;color:#a8caff}.DragHandle2356258919__root.DragHandle2356258919--disabled{color:#acafc4}.DragHandle2356258919__root:focus-visible:not(.DragHandle2356258919--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2356258919__root.DragHandle2356258919--disabled{pointer-events:none}.DragHandle2356258919__root.DragHandle2356258919--dragging:not(.DragHandle2356258919--disabled){cursor:grabbing}.EntityPagePlain534349056__root.EntityPagePlain534349056--mobile{--wds-page-header-padding-horizontal:0}.Fade3494468580__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3494468580__root.Fade3494468580--exit{opacity:0}.Heading1276693364__root{visibility:visible}.Heading1276693364__root.Heading1276693364--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3970599810__root.InputOverflow3970599810--selected:not(.InputOverflow3970599810--focused) input::placeholder{color:#000624}@keyframes LoadingRow1185391886__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow1185391886__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow1185391886__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3189604885__root{opacity:1}.MaxHeightText3189604885__root.MaxHeightText3189604885--height24{line-height:24px}.MaxLines3182666448__root{overflow:hidden}.MaxLines3182666448__root.MaxLines3182666448--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2015721343__root{min-width:0}.MultiBulkActionToolbar2015721343__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2015721343__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2015721343__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2215866937__root td{padding:0!important;width:100%}.NestedTableRow124750162__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow124750162__root:hover{background-color:#e7f0ff!important}.NestedTableRow124750162__root.NestedTableRow124750162--expandable{cursor:pointer}.NestedTableRow124750162__placeholder td{padding:0!important;width:100%}.NestedTableRow124750162__root:hover td:first-of-type::before,.NestedTableRow124750162__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1565624507__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow3605272399__root.NestedTableDragAndDropRow3605272399--draggingInto td{background-color:#e7f0ff!important}.PickerContent1227726627__root{display:flex}.PickerContentAdditionalStep4012553907__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep4012553907__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem177832388__root{box-sizing:border-box}.ScrollableContent1892891984__root.ScrollableContent1892891984--overflowY{overflow-y:auto}.ScrollableContent1892891984__root.ScrollableContent1892891984--overflowX{overflow-x:auto}.ScrollableContent1892891984__root.ScrollableContent1892891984--smooth{scroll-behavior:smooth}.SkeletonCard1199588018__headerLoading{display:block!important}.SlidingModal1303239132__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1303239132__root.SlidingModal1303239132--overlay{transition:transform 0s ease 0s}.SlidingModal1303239132__root.SlidingModal1303239132---appendTo-6-parent{position:absolute}.SlidingModal1303239132__root:not(.SlidingModal1303239132--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter735757606__root .TabsFilter735757606__title{color:inherit!important}.ManageTagsModal1707694763__root{display:flex}.ToolbarItem2110820632__root{min-width:0}.ToolbarItemBox244016149__root{min-width:0}.ToolbarItemBox244016149__root.ToolbarItemBox244016149--removeStartPadding{margin-left:-24px}.ToolbarItemBox244016149__root.ToolbarItemBox244016149--expandable{flex:1 0}.common3516241480__column{display:flex;flex-direction:column}.common3516241480__fullHeight{height:100%;min-height:0}.CollectionPageHeader4066653821__root:not(.CollectionPageHeader4066653821--mobile){gap:12px}.CollectionPageHeader4066653821__root.CollectionPageHeader4066653821--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader4066653821__root.CollectionPageHeader4066653821--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader871981345__root.FormPageHeader871981345--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader871981345__root.FormPageHeader871981345--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/test-utils/WixPatternsEssentialsTestProvider.tsx

@@ -55,6 +55,11 @@ export function WixPatternsEssentialsTestProvider(
                       ?.includes('responsivetoolbar') && {
                       'specs.cairo.EnableResponsiveToolbar11420': 'true',
                     }),
+                    ...(new URLSearchParams(window.location.search)
+                      .get('id')
+                      ?.includes('responsive-header') && {
+                      'specs.cairo.CollectionPageMinWidth': 'true',
+                    }),
                     ...defaultExperiments,
                     ...Object.fromEntries(
                       new URLSearchParams(window.location.search)

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.352.0';
+export const version = 'patterns@1.353.0';