@wix/patterns 1.292.0 → 1.294.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent1834502747";
+var _namespace_ = "PickerContent1012843822";
 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":"PickerContent1834502747__root"};
+export var classes = {"root":"PickerContent1012843822__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_ = "PickerContentAdditionalStep145610444";
+var _namespace_ = "PickerContentAdditionalStep1513575593";
 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":"PickerContentAdditionalStep145610444__root","titles":"PickerContentAdditionalStep145610444__titles","suffix":"PickerContentAdditionalStep145610444__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1513575593__root","titles":"PickerContentAdditionalStep1513575593__titles","suffix":"PickerContentAdditionalStep1513575593__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_ = "PickerTableListItem822804998";
+var _namespace_ = "PickerTableListItem1758675998";
 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":"PickerTableListItem822804998__root"};
+export var classes = {"root":"PickerTableListItem1758675998__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_ = "ScrollableContent3183200623";
+var _namespace_ = "ScrollableContent1022134013";
 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":"ScrollableContent3183200623__root"};
+export var classes = {"root":"ScrollableContent1022134013__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SidePanelModal/SidePanelModal.tsx

@@ -15,8 +15,12 @@ export interface SidePanelModalProps {
 
 function _SidePanelModal(props: SidePanelModalProps) {
   const { top, left, state } = props;
-  const { onSidePanelOpen, closeSidePanel, isPanelLayout } =
-    useWixPatternsContainer();
+  const {
+    onSidePanelOpen,
+    closeSidePanel,
+    isPanelLayout,
+    useRelativeSidePanel,
+  } = useWixPatternsContainer();
   const pageState = usePageContext();
 
   const { sidePanel, sidePanelComponents } = state;
@@ -31,11 +35,17 @@ function _SidePanelModal(props: SidePanelModalProps) {
   const style = useMemo(
     () => ({
       top,
-      left: isPanelLayout
-        ? 0
-        : left != null
-        ? left - SidePanelWidth
-        : undefined,
+      ...(useRelativeSidePanel
+        ? {
+            right: isPanelLayout ? undefined : 0,
+          }
+        : {
+            left: isPanelLayout
+              ? 0
+              : left != null
+              ? left - SidePanelWidth
+              : undefined,
+          }),
       bottom: 0,
       overflow: 'hidden',
       width,
@@ -79,7 +89,8 @@ function _SidePanelModal(props: SidePanelModalProps) {
       dataHook="cairo-side-panel-modal"
       transitionStatus={sidePanel.transition.status}
       style={style}
-      appendTo={isPanelLayout ? 'parent' : undefined}
+      appendTo={isPanelLayout || useRelativeSidePanel ? 'parent' : undefined}
+      overlay={isPanelLayout}
       contentRef={(el) => {
         sidePanel.focus.modalElement = el;
       }}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard1472250752";
+var _namespace_ = "SkeletonCard2881269976";
 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":"SkeletonCard1472250752__root","headerLoading":"SkeletonCard1472250752__headerLoading"};
+export var classes = {"root":"SkeletonCard2881269976__root","headerLoading":"SkeletonCard2881269976__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SlidingModal/SlidingModal.st.css

@@ -1,12 +1,15 @@
 .root {
-  -st-states: exited, appendTo(enum(parent));
+  -st-states: exited, overlay, appendTo(enum(parent));
   transition: transform 0.4s ease 0s;
   position: fixed;
   z-index: 1;
 }
 
-.root:appendTo(parent) {
+.root:overlay {
   transition: transform 0s ease 0s;
+}
+
+.root:appendTo(parent) {
   position: absolute;
 }
 

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

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

package/src/components/SlidingModal/SlidingModal.tsx

@@ -24,6 +24,7 @@ export interface SlidingModalProps {
   onRequestClose?: () => void;
   shadowWidth?: number;
   appendTo?: 'parent';
+  overlay?: boolean;
 }
 
 export function SlidingModal(props: SlidingModalProps) {
@@ -43,6 +44,7 @@ export function SlidingModal(props: SlidingModalProps) {
     onRequestClose,
     transitionStatus,
     appendTo,
+    overlay,
   } = props;
 
   const style = useMemo(
@@ -123,6 +125,7 @@ export function SlidingModal(props: SlidingModalProps) {
         classes.root,
         {
           exited: transitionStatus === 'exited',
+          overlay,
           appendTo,
         },
         ...[className, isOpen ? 'cairo-sliding-modal-is-open' : undefined],

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter3186580282";
+var _namespace_ = "TabsFilter1706152998";
 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":"TabsFilter3186580282__root","title":"TabsFilter3186580282__title"};
+export var classes = {"root":"TabsFilter1706152998__root","title":"TabsFilter1706152998__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_ = "ManageTagsModal622980848";
+var _namespace_ = "ManageTagsModal2592090336";
 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":"ManageTagsModal622980848__root"};
+export var classes = {"root":"ManageTagsModal2592090336__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem3112615211";
+var _namespace_ = "ToolbarItem1620155007";
 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":"ToolbarItem3112615211__root"};
+export var classes = {"root":"ToolbarItem1620155007__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_ = "ToolbarItemBox2921052458";
+var _namespace_ = "ToolbarItemBox2213283046";
 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":"ToolbarItemBox2921052458__root"};
+export var classes = {"root":"ToolbarItemBox2213283046__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/WixPatternsModalsContainer.tsx

@@ -23,7 +23,8 @@ export function WixPatternsModalsContainer(
 ) {
   const { state, rootRef, anchorRef, zIndex = 1 } = props;
 
-  const { appendModalsToBody, lodash } = useWixPatternsContainer();
+  const { appendModalsToBody, lodash, useRelativeSidePanel } =
+    useWixPatternsContainer();
 
   const [render, setRender] = useState<{
     top?: number;
@@ -73,14 +74,22 @@ export function WixPatternsModalsContainer(
     [zIndex],
   );
 
-  let child = (
-    <div style={modalsContainerStyle} data-hook="cairo-modals-container">
-      {render.top != null && (
-        <SidePanelModal state={state} top={render.top} left={render.left} />
-      )}
-    </div>
+  let child = render.top != null && (
+    <SidePanelModal
+      state={state}
+      top={useRelativeSidePanel ? 0 : render.top}
+      left={render.left}
+    />
   );
 
+  if (!useRelativeSidePanel) {
+    child = (
+      <div style={modalsContainerStyle} data-hook="cairo-modals-container">
+        {child}
+      </div>
+    );
+  }
+
   if (render.anchor == null) {
     return null;
   }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common4027067415";
+var _namespace_ = "common2482990161";
 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":"common4027067415__root","column":"common4027067415__column","fullHeight":"common4027067415__fullHeight"};
+export var classes = {"root":"common2482990161__root","column":"common2482990161__column","fullHeight":"common2482990161__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/exports/testkit/unidriver.ts

@@ -1,3 +1,4 @@
+export { PickerUniDriver } from '../../components/Picker/Picker.uni.driver';
 export { default as TableUniDriver } from '../../components/Table/Table.uni.driver';
 export { default as PickerStandaloneUniDriver } from '../../components/PickerStandalone/PickerStandalone.uni.driver';
 export { default as PickerModalUniDriver } from '../../components/PickerModal/PickerModal.uni.driver';
@@ -25,3 +26,4 @@ export { CustomFieldModalUniDriver } from '../../components/CustomFieldModal/Cus
 export { default as RequestIdUniDriver } from '../../components/RequestId/RequestId.uni.driver';
 export { SearchableCollectionContentUniDriver } from '../../components/SearchableCollectionContent/SearchableCollectionContent.uni.driver';
 export { MoreActionsUniDriver } from '../../components/MoreActions/MoreActions.uni.driver';
+export { CollectionDropdownFilterUniDriver } from '../../components/DropdownFilter/CollectionDropdownFilter.uni.driver';

package/src/state/CollectionPage/CollectionPageHeader.st.css.ts

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

package/src/state/EntityPage/EntityPageState.ts

@@ -183,7 +183,12 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
         }
 
         const { form } = this;
-        if (form.formState.isSubmitSuccessful || !this.isFormDirty) {
+        // Check both react-hook-form's state AND the explicitly set flag
+        if (
+          form.formState.isSubmitSuccessful ||
+          this.formPage._isSubmitSuccessful ||
+          !this.isFormDirty
+        ) {
           return;
         }
         event.preventDefault();
@@ -363,6 +368,8 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
             }
             this._showSuccessToast();
             submitSuccessful = true; // Mark as successful locally
+            // Explicitly set isSubmitSuccessful to prevent onBeforeUnload from triggering
+            this.isSubmitSuccessful = true;
           } catch (err) {
             this._showErrorToast(err, e);
             this.container.errorMonitor.captureException(err);

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

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

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer3332239252__root.CardContainer3332239252--mobile{border-radius:0}.Collapse4074932930__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse4074932930__exit{height:0}.CollectionPage2912212145__root.CollectionPage2912212145--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2912212145__root.CollectionPage2912212145--panel{overflow:hidden;position:relative}.CollectionTable1983949757__root td{vertical-align:middle}.CollectionTable1983949757__root.CollectionTable1983949757--mobile td:first-child{padding-left:18px}.CollectionTable1983949757__root.CollectionTable1983949757--mobile td:last-child{padding-right:18px}.CollectionToolbar2117241630__left{min-width:0}.CollectionToolbar2117241630__root.CollectionToolbar2117241630--views .CollectionToolbar2117241630__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2117241630__left.CollectionToolbar2117241630--expandable{flex:auto}.CollectionToolbar2117241630__root .CollectionToolbar2117241630__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2117241630__root.CollectionToolbar2117241630--views .CollectionToolbar2117241630__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2117241630__root .CollectionToolbar2117241630__right.CollectionToolbar2117241630__fullWidth{margin-inline-start:0!important}.CollectionToolbar2117241630__root.CollectionToolbar2117241630--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter2459601356__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2459601356__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly32587471__root.AutoCompleteReadonly32587471--disableEditing{cursor:pointer}.AutoCompleteReadonly32587471__root.AutoCompleteReadonly32587471--disableEditing input{cursor:pointer}.ViewsDropdown1913648402__root{width:200px}.DragHandle1141850283__root{display:flex;align-items:center}.DragHandle1141850283__root:not(.DragHandle1141850283--disabled){cursor:grab;color:#a8caff}.DragHandle1141850283__root.DragHandle1141850283--disabled{color:#acafc4}.DragHandle1141850283__root:focus-visible:not(.DragHandle1141850283--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1141850283__root.DragHandle1141850283--disabled{pointer-events:none}.DragHandle1141850283__root.DragHandle1141850283--dragging:not(.DragHandle1141850283--disabled){cursor:grabbing}.EntityPagePlain3199368697__root.EntityPagePlain3199368697--mobile{--wds-page-header-padding-horizontal:0}.Fade2416161380__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2416161380__root.Fade2416161380--exit{opacity:0}.Heading915830244__root{visibility:visible}.Heading915830244__root.Heading915830244--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow4108914696__root.InputOverflow4108914696--selected:not(.InputOverflow4108914696--focused) input::placeholder{color:#000624}@keyframes LoadingRow2910447614__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%}}.LoadingRow2910447614__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:LoadingRow2910447614__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3083393034__root{opacity:1}.MaxHeightText3083393034__root.MaxHeightText3083393034--height24{line-height:24px}.MaxLines2452420521__root{overflow:hidden}.MaxLines2452420521__root.MaxLines2452420521--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2995103281__root{min-width:0}.NestedTablePlaceholderStatesRow796657884__root td{padding:0!important;width:100%}.NestedTableRow2353471661__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2353471661__root:hover{background-color:#e7f0ff!important}.NestedTableRow2353471661__root.NestedTableRow2353471661--expandable{cursor:pointer}.NestedTableRow2353471661__placeholder td{padding:0!important;width:100%}.NestedTableRow2353471661__root:hover td:first-of-type::before,.NestedTableRow2353471661__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1208229803__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)}.NestedTableDragAndDropRow1420694384__root.NestedTableDragAndDropRow1420694384--draggingInto td{background-color:#e7f0ff!important}.PickerContent1834502747__root{display:flex}.PickerContentAdditionalStep145610444__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep145610444__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem822804998__root{box-sizing:border-box}.ScrollableContent3183200623__root.ScrollableContent3183200623--overflowY{overflow-y:auto}.ScrollableContent3183200623__root.ScrollableContent3183200623--overflowX{overflow-x:auto}.ScrollableContent3183200623__root.ScrollableContent3183200623--smooth{scroll-behavior:smooth}.SkeletonCard1472250752__headerLoading{display:block!important}.SlidingModal438822754__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal438822754__root.SlidingModal438822754---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal438822754__root:not(.SlidingModal438822754--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3186580282__root .TabsFilter3186580282__title{color:inherit!important}.ManageTagsModal622980848__root{display:flex}.ToolbarItem3112615211__root{min-width:0}.ToolbarItemBox2921052458__root{min-width:0}.ToolbarItemBox2921052458__root.ToolbarItemBox2921052458--removeStartPadding{margin-left:-24px}.ToolbarItemBox2921052458__root.ToolbarItemBox2921052458--expandable{flex:1 0}.common4027067415__column{display:flex;flex-direction:column}.common4027067415__fullHeight{height:100%;min-height:0}.CollectionPageHeader2182190509__root.CollectionPageHeader2182190509--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2182190509__root.CollectionPageHeader2182190509--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3508069640__root.FormPageHeader3508069640--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3508069640__root.FormPageHeader3508069640--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer2073959692__root.CardContainer2073959692--mobile{border-radius:0}.Collapse1894828700__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1894828700__exit{height:0}.CollectionPage2843569420__root.CollectionPage2843569420--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2843569420__root.CollectionPage2843569420--panel{overflow:hidden;position:relative}.CollectionTable2770222262__root td{vertical-align:middle}.CollectionTable2770222262__root.CollectionTable2770222262--mobile td:first-child{padding-left:18px}.CollectionTable2770222262__root.CollectionTable2770222262--mobile td:last-child{padding-right:18px}.CollectionToolbar145329619__left{min-width:0}.CollectionToolbar145329619__root.CollectionToolbar145329619--views .CollectionToolbar145329619__left{flex-shrink:1;flex-grow:0}.CollectionToolbar145329619__left.CollectionToolbar145329619--expandable{flex:auto}.CollectionToolbar145329619__root .CollectionToolbar145329619__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar145329619__root.CollectionToolbar145329619--views .CollectionToolbar145329619__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar145329619__root .CollectionToolbar145329619__right.CollectionToolbar145329619__fullWidth{margin-inline-start:0!important}.CollectionToolbar145329619__root.CollectionToolbar145329619--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3136274504__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3136274504__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly1033015466__root.AutoCompleteReadonly1033015466--disableEditing{cursor:pointer}.AutoCompleteReadonly1033015466__root.AutoCompleteReadonly1033015466--disableEditing input{cursor:pointer}.ViewsDropdown3317942705__root{width:200px}.DragHandle38522767__root{display:flex;align-items:center}.DragHandle38522767__root:not(.DragHandle38522767--disabled){cursor:grab;color:#a8caff}.DragHandle38522767__root.DragHandle38522767--disabled{color:#acafc4}.DragHandle38522767__root:focus-visible:not(.DragHandle38522767--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle38522767__root.DragHandle38522767--disabled{pointer-events:none}.DragHandle38522767__root.DragHandle38522767--dragging:not(.DragHandle38522767--disabled){cursor:grabbing}.EntityPagePlain1299174887__root.EntityPagePlain1299174887--mobile{--wds-page-header-padding-horizontal:0}.Fade3041272663__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3041272663__root.Fade3041272663--exit{opacity:0}.Heading4240559294__root{visibility:visible}.Heading4240559294__root.Heading4240559294--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2676779985__root.InputOverflow2676779985--selected:not(.InputOverflow2676779985--focused) input::placeholder{color:#000624}@keyframes LoadingRow3390662115__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%}}.LoadingRow3390662115__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:LoadingRow3390662115__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1269394709__root{opacity:1}.MaxHeightText1269394709__root.MaxHeightText1269394709--height24{line-height:24px}.MaxLines1149589607__root{overflow:hidden}.MaxLines1149589607__root.MaxLines1149589607--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3085669340__root{min-width:0}.NestedTablePlaceholderStatesRow3541608152__root td{padding:0!important;width:100%}.NestedTableRow1225442242__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1225442242__root:hover{background-color:#e7f0ff!important}.NestedTableRow1225442242__root.NestedTableRow1225442242--expandable{cursor:pointer}.NestedTableRow1225442242__placeholder td{padding:0!important;width:100%}.NestedTableRow1225442242__root:hover td:first-of-type::before,.NestedTableRow1225442242__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1674066281__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)}.NestedTableDragAndDropRow261684141__root.NestedTableDragAndDropRow261684141--draggingInto td{background-color:#e7f0ff!important}.PickerContent1012843822__root{display:flex}.PickerContentAdditionalStep1513575593__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1513575593__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1758675998__root{box-sizing:border-box}.ScrollableContent1022134013__root.ScrollableContent1022134013--overflowY{overflow-y:auto}.ScrollableContent1022134013__root.ScrollableContent1022134013--overflowX{overflow-x:auto}.ScrollableContent1022134013__root.ScrollableContent1022134013--smooth{scroll-behavior:smooth}.SkeletonCard2881269976__headerLoading{display:block!important}.SlidingModal2713459800__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2713459800__root.SlidingModal2713459800--overlay{transition:transform 0s ease 0s}.SlidingModal2713459800__root.SlidingModal2713459800---appendTo-6-parent{position:absolute}.SlidingModal2713459800__root:not(.SlidingModal2713459800--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1706152998__root .TabsFilter1706152998__title{color:inherit!important}.ManageTagsModal2592090336__root{display:flex}.ToolbarItem1620155007__root{min-width:0}.ToolbarItemBox2213283046__root{min-width:0}.ToolbarItemBox2213283046__root.ToolbarItemBox2213283046--removeStartPadding{margin-left:-24px}.ToolbarItemBox2213283046__root.ToolbarItemBox2213283046--expandable{flex:1 0}.common2482990161__column{display:flex;flex-direction:column}.common2482990161__fullHeight{height:100%;min-height:0}.CollectionPageHeader2866889353__root.CollectionPageHeader2866889353--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2866889353__root.CollectionPageHeader2866889353--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader835508185__root.FormPageHeader835508185--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader835508185__root.FormPageHeader835508185--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/test-utils/WixPatternsEssentialsTestProvider.tsx

@@ -1,9 +1,9 @@
 import React, { ReactNode, useState } from 'react';
 import {
-  PatternsLayoutType,
   WixPatternsEssentials,
   WixPatternsEssentialsOverrides,
 } from '@wix/bex-core';
+import { CairoProviderBaseProps } from '@wix/bex-core/react';
 import {
   Trans,
   useEssentials,
@@ -19,17 +19,17 @@ import ExtensionWidget from './ExtensionWidget';
 import { Edit } from '@wix/wix-ui-icons-common';
 import { ErrorHandler } from '@wix/fe-essentials/error-handler';
 
-export interface WixPatternsEssentialsTestProviderProps {
+export interface WixPatternsEssentialsTestProviderProps
+  extends CairoProviderBaseProps {
   children?: ReactNode;
   overrides?: Partial<WixPatternsEssentialsOverrides>;
-  layoutType?: PatternsLayoutType;
   defaultExperiments?: Record<string, string>;
 }
 
 export function WixPatternsEssentialsTestProvider(
   props: WixPatternsEssentialsTestProviderProps,
 ) {
-  const { children, overrides, layoutType, defaultExperiments } = props;
+  const { children, overrides, defaultExperiments, ...rest } = props;
   const {
     errorMonitor,
     httpClient,
@@ -123,7 +123,7 @@ export function WixPatternsEssentialsTestProvider(
   );
 
   return (
-    <CairoProvider localCache value={value} layoutType={layoutType}>
+    <CairoProvider localCache value={value} {...rest}>
       {children}
     </CairoProvider>
   );

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.292.0';
+export const version = 'patterns@1.294.0';