@wix/patterns 1.278.0 → 1.280.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AutoCompleteReadonly134903242";
+var _namespace_ = "AutoCompleteReadonly3240649140";
 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":"AutoCompleteReadonly134903242__root"};
+export var classes = {"root":"AutoCompleteReadonly3240649140__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_ = "ViewsDropdown1422600001";
+var _namespace_ = "ViewsDropdown1950432743";
 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":"ViewsDropdown1422600001__root"};
+export var classes = {"root":"ViewsDropdown1950432743__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_ = "DragHandle1607244629";
+var _namespace_ = "DragHandle1974357311";
 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":"DragHandle1607244629__root"};
+export var classes = {"root":"DragHandle1974357311__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_ = "EntityPagePlain16109115";
+var _namespace_ = "EntityPagePlain1552389445";
 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":"EntityPagePlain16109115__root"};
+export var classes = {"root":"EntityPagePlain1552389445__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_ = "Fade2992559165";
+var _namespace_ = "Fade1414173749";
 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":"Fade2992559165__root"};
+export var classes = {"root":"Fade1414173749__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_ = "Heading1120633556";
+var _namespace_ = "Heading56034742";
 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":"Heading1120633556__root"};
+export var classes = {"root":"Heading56034742__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_ = "InputOverflow2245001799";
+var _namespace_ = "InputOverflow3281852083";
 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":"InputOverflow2245001799__root"};
+export var classes = {"root":"InputOverflow3281852083__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_ = "LoadingRow3834663879";
+var _namespace_ = "LoadingRow3298700934";
 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":"LoadingRow3834663879__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3834663879__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3298700934__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3298700934__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_ = "MaxHeightText1729367997";
+var _namespace_ = "MaxHeightText1693339345";
 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":"MaxHeightText1729367997__root"};
+export var classes = {"root":"MaxHeightText1693339345__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_ = "MaxLines488172259";
+var _namespace_ = "MaxLines2750085365";
 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":"MaxLines488172259__root"};
+export var classes = {"root":"MaxLines2750085365__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_ = "MultiBulkActionToolbar1490509622";
+var _namespace_ = "MultiBulkActionToolbar935332407";
 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":"MultiBulkActionToolbar1490509622__root"};
+export var classes = {"root":"MultiBulkActionToolbar935332407__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_ = "NestedTablePlaceholderStatesRow769400213";
+var _namespace_ = "NestedTablePlaceholderStatesRow3009872763";
 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":"NestedTablePlaceholderStatesRow769400213__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow3009872763__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_ = "NestedTableRow2118793308";
+var _namespace_ = "NestedTableRow1569101959";
 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":"NestedTableRow2118793308__root","firstLevel":"NestedTableRow2118793308__firstLevel","placeholder":"NestedTableRow2118793308__placeholder","parentHovered":"NestedTableRow2118793308__parentHovered"};
+export var classes = {"root":"NestedTableRow1569101959__root","firstLevel":"NestedTableRow1569101959__firstLevel","placeholder":"NestedTableRow1569101959__placeholder","parentHovered":"NestedTableRow1569101959__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_ = "MultipleDragOverlayEffect4122007971";
+var _namespace_ = "MultipleDragOverlayEffect2017059743";
 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":"MultipleDragOverlayEffect4122007971__root"};
+export var classes = {"root":"MultipleDragOverlayEffect2017059743__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_ = "NestedTableDragAndDropRow181099194";
+var _namespace_ = "NestedTableDragAndDropRow3275480939";
 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":"NestedTableDragAndDropRow181099194__root"};
+export var classes = {"root":"NestedTableDragAndDropRow3275480939__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent3504984760";
+var _namespace_ = "PickerContent2318906608";
 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":"PickerContent3504984760__root"};
+export var classes = {"root":"PickerContent2318906608__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_ = "PickerContentAdditionalStep1189268519";
+var _namespace_ = "PickerContentAdditionalStep3280294";
 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":"PickerContentAdditionalStep1189268519__root","titles":"PickerContentAdditionalStep1189268519__titles","suffix":"PickerContentAdditionalStep1189268519__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep3280294__root","titles":"PickerContentAdditionalStep3280294__titles","suffix":"PickerContentAdditionalStep3280294__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_ = "PickerTableListItem1584968065";
+var _namespace_ = "PickerTableListItem3822546786";
 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":"PickerTableListItem1584968065__root"};
+export var classes = {"root":"PickerTableListItem3822546786__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_ = "ScrollableContent3332581126";
+var _namespace_ = "ScrollableContent2427028721";
 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":"ScrollableContent3332581126__root"};
+export var classes = {"root":"ScrollableContent2427028721__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard2541974173";
+var _namespace_ = "SkeletonCard4103750071";
 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":"SkeletonCard2541974173__root","headerLoading":"SkeletonCard2541974173__headerLoading"};
+export var classes = {"root":"SkeletonCard4103750071__root","headerLoading":"SkeletonCard4103750071__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter4020414784";
+var _namespace_ = "TabsFilter4223336645";
 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":"TabsFilter4020414784__root","title":"TabsFilter4020414784__title"};
+export var classes = {"root":"TabsFilter4223336645__root","title":"TabsFilter4223336645__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_ = "ManageTagsModal1128705442";
+var _namespace_ = "ManageTagsModal289506844";
 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":"ManageTagsModal1128705442__root"};
+export var classes = {"root":"ManageTagsModal289506844__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_ = "ToolbarItem3568687689";
+var _namespace_ = "ToolbarItem2213596491";
 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":"ToolbarItem3568687689__root"};
+export var classes = {"root":"ToolbarItem2213596491__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_ = "ToolbarItemBox249779595";
+var _namespace_ = "ToolbarItemBox2869563580";
 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":"ToolbarItemBox249779595__root"};
+export var classes = {"root":"ToolbarItemBox2869563580__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/WixPatternsModalsContainer.tsx

@@ -45,7 +45,7 @@ export function WixPatternsModalsContainer(
     const setTop = lodash.throttle(() => {
       const id = window.requestAnimationFrame(() => {
         setRender({
-          top: top ?? container.getBoundingClientRect().top,
+          top: top != null ? top : container.getBoundingClientRect().top,
           left: container.getBoundingClientRect().right,
           anchor: anchorRef?.current ?? container,
         });

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common3727155085";
+var _namespace_ = "common2647634590";
 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":"common3727155085__root","column":"common3727155085__column","fullHeight":"common3727155085__fullHeight"};
+export var classes = {"root":"common2647634590__root","column":"common2647634590__column","fullHeight":"common2647634590__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

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

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer1533614429__root.CardContainer1533614429--mobile{border-radius:0}.Collapse3056894182__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3056894182__exit{height:0}.CollectionPage2921615897__root.CollectionPage2921615897--mobile{--wds-page-header-padding-horizontal:0}.CollectionPage2921615897__root.CollectionPage2921615897--panel{overflow:hidden;position:relative}.CollectionTable303338115__root td{vertical-align:middle}.CollectionTable303338115__root.CollectionTable303338115--mobile td:first-child{padding-left:18px}.CollectionTable303338115__root.CollectionTable303338115--mobile td:last-child{padding-right:18px}.CollectionToolbar1530227450__left{min-width:0}.CollectionToolbar1530227450__root.CollectionToolbar1530227450--views .CollectionToolbar1530227450__left{flex-shrink:1;flex-grow:0}.CollectionToolbar1530227450__left.CollectionToolbar1530227450--expandable{flex:auto}.CollectionToolbar1530227450__root .CollectionToolbar1530227450__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1530227450__root.CollectionToolbar1530227450--views .CollectionToolbar1530227450__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1530227450__root .CollectionToolbar1530227450__right.CollectionToolbar1530227450__fullWidth{margin-inline-start:0!important}.CollectionToolbar1530227450__root.CollectionToolbar1530227450--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3044096710__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3044096710__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly134903242__root.AutoCompleteReadonly134903242--disableEditing{cursor:pointer}.AutoCompleteReadonly134903242__root.AutoCompleteReadonly134903242--disableEditing input{cursor:pointer}.ViewsDropdown1422600001__root{width:200px}.DragHandle1607244629__root{display:flex;align-items:center}.DragHandle1607244629__root:not(.DragHandle1607244629--disabled){cursor:grab;color:#a8caff}.DragHandle1607244629__root.DragHandle1607244629--disabled{color:#acafc4}.DragHandle1607244629__root:focus-visible:not(.DragHandle1607244629--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1607244629__root.DragHandle1607244629--disabled{pointer-events:none}.DragHandle1607244629__root.DragHandle1607244629--dragging:not(.DragHandle1607244629--disabled){cursor:grabbing}.EntityPagePlain16109115__root.EntityPagePlain16109115--mobile{--wds-page-header-padding-horizontal:0}.Fade2992559165__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2992559165__root.Fade2992559165--exit{opacity:0}.Heading1120633556__root{visibility:visible}.Heading1120633556__root.Heading1120633556--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2245001799__root.InputOverflow2245001799--selected:not(.InputOverflow2245001799--focused) input::placeholder{color:#000624}@keyframes LoadingRow3834663879__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%}}.LoadingRow3834663879__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:LoadingRow3834663879__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1729367997__root{opacity:1}.MaxHeightText1729367997__root.MaxHeightText1729367997--height24{line-height:24px}.MaxLines488172259__root{overflow:hidden}.MaxLines488172259__root.MaxLines488172259--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1490509622__root{min-width:0}.NestedTablePlaceholderStatesRow769400213__root td{padding:0!important;width:100%}.NestedTableRow2118793308__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2118793308__root:hover{background-color:#e7f0ff!important}.NestedTableRow2118793308__root.NestedTableRow2118793308--expandable{cursor:pointer}.NestedTableRow2118793308__placeholder td{padding:0!important;width:100%}.NestedTableRow2118793308__root:hover td:first-of-type::before,.NestedTableRow2118793308__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect4122007971__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)}.NestedTableDragAndDropRow181099194__root.NestedTableDragAndDropRow181099194--draggingInto td{background-color:#e7f0ff!important}.PickerContent3504984760__root{display:flex}.PickerContentAdditionalStep1189268519__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1189268519__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1584968065__root{box-sizing:border-box}.ScrollableContent3332581126__root.ScrollableContent3332581126--overflowY{overflow-y:auto}.ScrollableContent3332581126__root.ScrollableContent3332581126--overflowX{overflow-x:auto}.ScrollableContent3332581126__root.ScrollableContent3332581126--smooth{scroll-behavior:smooth}.SkeletonCard2541974173__headerLoading{display:block!important}.SlidingModal2762879947__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2762879947__root.SlidingModal2762879947---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal2762879947__root:not(.SlidingModal2762879947--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter4020414784__root .TabsFilter4020414784__title{color:inherit!important}.ManageTagsModal1128705442__root{display:flex}.ToolbarItem3568687689__root{min-width:0}.ToolbarItemBox249779595__root{min-width:0}.ToolbarItemBox249779595__root.ToolbarItemBox249779595--removeStartPadding{margin-left:-24px}.ToolbarItemBox249779595__root.ToolbarItemBox249779595--expandable{flex:1 0}.common3727155085__column{display:flex;flex-direction:column}.common3727155085__fullHeight{height:100%;min-height:0}.CollectionPageHeader2587369503__root.CollectionPageHeader2587369503--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2587369503__root.CollectionPageHeader2587369503--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2837057717__root.FormPageHeader2837057717--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2837057717__root.FormPageHeader2837057717--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer813673799__root.CardContainer813673799--mobile{border-radius:0}.Collapse458134066__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse458134066__exit{height:0}.CollectionPage1562790265__root.CollectionPage1562790265--mobile{--wds-page-header-padding-horizontal:0}.CollectionPage1562790265__root.CollectionPage1562790265--panel{overflow:hidden;position:relative}.CollectionTable1602935173__root td{vertical-align:middle}.CollectionTable1602935173__root.CollectionTable1602935173--mobile td:first-child{padding-left:18px}.CollectionTable1602935173__root.CollectionTable1602935173--mobile td:last-child{padding-right:18px}.CollectionToolbar1673825621__left{min-width:0}.CollectionToolbar1673825621__root.CollectionToolbar1673825621--views .CollectionToolbar1673825621__left{flex-shrink:1;flex-grow:0}.CollectionToolbar1673825621__left.CollectionToolbar1673825621--expandable{flex:auto}.CollectionToolbar1673825621__root .CollectionToolbar1673825621__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1673825621__root.CollectionToolbar1673825621--views .CollectionToolbar1673825621__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1673825621__root .CollectionToolbar1673825621__right.CollectionToolbar1673825621__fullWidth{margin-inline-start:0!important}.CollectionToolbar1673825621__root.CollectionToolbar1673825621--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter4167325426__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter4167325426__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly3240649140__root.AutoCompleteReadonly3240649140--disableEditing{cursor:pointer}.AutoCompleteReadonly3240649140__root.AutoCompleteReadonly3240649140--disableEditing input{cursor:pointer}.ViewsDropdown1950432743__root{width:200px}.DragHandle1974357311__root{display:flex;align-items:center}.DragHandle1974357311__root:not(.DragHandle1974357311--disabled){cursor:grab;color:#a8caff}.DragHandle1974357311__root.DragHandle1974357311--disabled{color:#acafc4}.DragHandle1974357311__root:focus-visible:not(.DragHandle1974357311--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1974357311__root.DragHandle1974357311--disabled{pointer-events:none}.DragHandle1974357311__root.DragHandle1974357311--dragging:not(.DragHandle1974357311--disabled){cursor:grabbing}.EntityPagePlain1552389445__root.EntityPagePlain1552389445--mobile{--wds-page-header-padding-horizontal:0}.Fade1414173749__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1414173749__root.Fade1414173749--exit{opacity:0}.Heading56034742__root{visibility:visible}.Heading56034742__root.Heading56034742--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3281852083__root.InputOverflow3281852083--selected:not(.InputOverflow3281852083--focused) input::placeholder{color:#000624}@keyframes LoadingRow3298700934__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%}}.LoadingRow3298700934__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:LoadingRow3298700934__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1693339345__root{opacity:1}.MaxHeightText1693339345__root.MaxHeightText1693339345--height24{line-height:24px}.MaxLines2750085365__root{overflow:hidden}.MaxLines2750085365__root.MaxLines2750085365--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar935332407__root{min-width:0}.NestedTablePlaceholderStatesRow3009872763__root td{padding:0!important;width:100%}.NestedTableRow1569101959__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1569101959__root:hover{background-color:#e7f0ff!important}.NestedTableRow1569101959__root.NestedTableRow1569101959--expandable{cursor:pointer}.NestedTableRow1569101959__placeholder td{padding:0!important;width:100%}.NestedTableRow1569101959__root:hover td:first-of-type::before,.NestedTableRow1569101959__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2017059743__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)}.NestedTableDragAndDropRow3275480939__root.NestedTableDragAndDropRow3275480939--draggingInto td{background-color:#e7f0ff!important}.PickerContent2318906608__root{display:flex}.PickerContentAdditionalStep3280294__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3280294__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3822546786__root{box-sizing:border-box}.ScrollableContent2427028721__root.ScrollableContent2427028721--overflowY{overflow-y:auto}.ScrollableContent2427028721__root.ScrollableContent2427028721--overflowX{overflow-x:auto}.ScrollableContent2427028721__root.ScrollableContent2427028721--smooth{scroll-behavior:smooth}.SkeletonCard4103750071__headerLoading{display:block!important}.SlidingModal2973059830__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2973059830__root.SlidingModal2973059830---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal2973059830__root:not(.SlidingModal2973059830--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter4223336645__root .TabsFilter4223336645__title{color:inherit!important}.ManageTagsModal289506844__root{display:flex}.ToolbarItem2213596491__root{min-width:0}.ToolbarItemBox2869563580__root{min-width:0}.ToolbarItemBox2869563580__root.ToolbarItemBox2869563580--removeStartPadding{margin-left:-24px}.ToolbarItemBox2869563580__root.ToolbarItemBox2869563580--expandable{flex:1 0}.common2647634590__column{display:flex;flex-direction:column}.common2647634590__fullHeight{height:100%;min-height:0}.CollectionPageHeader3036984071__root.CollectionPageHeader3036984071--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3036984071__root.CollectionPageHeader3036984071--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader4083635283__root.FormPageHeader4083635283--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader4083635283__root.FormPageHeader4083635283--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/test-utils/WixPatternsEssentialsTestProvider.tsx

@@ -23,12 +23,13 @@ export interface WixPatternsEssentialsTestProviderProps {
   children?: ReactNode;
   overrides?: Partial<WixPatternsEssentialsOverrides>;
   layoutType?: PatternsLayoutType;
+  defaultExperiments?: Record<string, string>;
 }
 
 export function WixPatternsEssentialsTestProvider(
   props: WixPatternsEssentialsTestProviderProps,
 ) {
-  const { children, overrides, layoutType } = props;
+  const { children, overrides, layoutType, defaultExperiments } = props;
   const {
     errorMonitor,
     httpClient,
@@ -54,6 +55,7 @@ export function WixPatternsEssentialsTestProvider(
                       ?.includes('responsivetoolbar') && {
                       'specs.cairo.EnableResponsiveToolbar11420': 'true',
                     }),
+                    ...defaultExperiments,
                     ...Object.fromEntries(
                       new URLSearchParams(window.location.search)
                         .get('experiments')

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.278.0';
+export const version = 'patterns@1.280.0';

package/src/wix-design-system-version.ts

@@ -1 +1 @@
-export const required = '^1.217.0';
+export const required = '^1.121.0';