@wix/patterns 1.294.0 → 1.296.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ViewsDropdown3317942705";
+var _namespace_ = "ViewsDropdown3647177959";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ViewsDropdown3317942705__root"};
+export var classes = {"root":"ViewsDropdown3647177959__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle38522767";
+var _namespace_ = "DragHandle2176931867";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"DragHandle38522767__root"};
+export var classes = {"root":"DragHandle2176931867__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EntityPage/EntityPagePlain.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain1299174887";
+var _namespace_ = "EntityPagePlain2066693229";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"EntityPagePlain1299174887__root"};
+export var classes = {"root":"EntityPagePlain2066693229__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Fade3041272663";
+var _namespace_ = "Fade1216184679";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Fade3041272663__root"};
+export var classes = {"root":"Fade1216184679__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading4240559294";
+var _namespace_ = "Heading1882191569";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Heading4240559294__root"};
+export var classes = {"root":"Heading1882191569__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "InputOverflow2676779985";
+var _namespace_ = "InputOverflow3088080369";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"InputOverflow2676779985__root"};
+export var classes = {"root":"InputOverflow3088080369__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow3390662115";
+var _namespace_ = "LoadingRow2859302015";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"LoadingRow3390662115__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3390662115__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow2859302015__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow2859302015__gradientSwoosh"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxHeightText1269394709";
+var _namespace_ = "MaxHeightText2086308881";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MaxHeightText1269394709__root"};
+export var classes = {"root":"MaxHeightText2086308881__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxLines1149589607";
+var _namespace_ = "MaxLines1657183845";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MaxLines1149589607__root"};
+export var classes = {"root":"MaxLines1657183845__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar3085669340";
+var _namespace_ = "MultiBulkActionToolbar2457777167";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultiBulkActionToolbar3085669340__root"};
+export var classes = {"root":"MultiBulkActionToolbar2457777167__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow3541608152";
+var _namespace_ = "NestedTablePlaceholderStatesRow1484585522";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTablePlaceholderStatesRow3541608152__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow1484585522__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTableRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow1225442242";
+var _namespace_ = "NestedTableRow2682455552";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableRow1225442242__root","firstLevel":"NestedTableRow1225442242__firstLevel","placeholder":"NestedTableRow1225442242__placeholder","parentHovered":"NestedTableRow1225442242__parentHovered"};
+export var classes = {"root":"NestedTableRow2682455552__root","firstLevel":"NestedTableRow2682455552__firstLevel","placeholder":"NestedTableRow2682455552__placeholder","parentHovered":"NestedTableRow2682455552__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultipleDragOverlayEffect1674066281";
+var _namespace_ = "MultipleDragOverlayEffect2399557028";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultipleDragOverlayEffect1674066281__root"};
+export var classes = {"root":"MultipleDragOverlayEffect2399557028__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableDragAndDropRow261684141";
+var _namespace_ = "NestedTableDragAndDropRow1551175518";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableDragAndDropRow261684141__root"};
+export var classes = {"root":"NestedTableDragAndDropRow1551175518__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_ = "PickerContent1012843822";
+var _namespace_ = "PickerContent2352047205";
 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":"PickerContent1012843822__root"};
+export var classes = {"root":"PickerContent2352047205__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_ = "PickerContentAdditionalStep1513575593";
+var _namespace_ = "PickerContentAdditionalStep3449039505";
 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":"PickerContentAdditionalStep1513575593__root","titles":"PickerContentAdditionalStep1513575593__titles","suffix":"PickerContentAdditionalStep1513575593__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep3449039505__root","titles":"PickerContentAdditionalStep3449039505__titles","suffix":"PickerContentAdditionalStep3449039505__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_ = "PickerTableListItem1758675998";
+var _namespace_ = "PickerTableListItem124590333";
 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":"PickerTableListItem1758675998__root"};
+export var classes = {"root":"PickerTableListItem124590333__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_ = "ScrollableContent1022134013";
+var _namespace_ = "ScrollableContent2585371448";
 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":"ScrollableContent1022134013__root"};
+export var classes = {"root":"ScrollableContent2585371448__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_ = "SkeletonCard2881269976";
+var _namespace_ = "SkeletonCard1063942384";
 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":"SkeletonCard2881269976__root","headerLoading":"SkeletonCard2881269976__headerLoading"};
+export var classes = {"root":"SkeletonCard1063942384__root","headerLoading":"SkeletonCard1063942384__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_ = "SlidingModal2713459800";
+var _namespace_ = "SlidingModal1276144807";
 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":"SlidingModal2713459800__root"};
+export var classes = {"root":"SlidingModal1276144807__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_ = "TabsFilter1706152998";
+var _namespace_ = "TabsFilter1731899455";
 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":"TabsFilter1706152998__root","title":"TabsFilter1706152998__title"};
+export var classes = {"root":"TabsFilter1731899455__root","title":"TabsFilter1731899455__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/TabsFilter/TabsResponsiveState.ts

@@ -1,11 +1,16 @@
 import { action, makeObservable, observable } from 'mobx';
-import { addResizeObserver, WixPatternsContainer } from '@wix/bex-core';
+import {
+  addResizeObserver,
+  WixPatternsContainer,
+  isMobileDevice,
+} from '@wix/bex-core';
 
 export interface TabsResponsiveStateParams {
   container: WixPatternsContainer;
 }
 
 export class TabsResponsiveState {
+  readonly isMobile: boolean;
   container?: HTMLDivElement;
   // We save the badges in a Map and not in an Array because the badge is optional
   // on a per-tab basis, but we still need to know the index of each badge.
@@ -23,6 +28,7 @@ export class TabsResponsiveState {
   readonly onResizeThrottled;
 
   constructor(params: TabsResponsiveStateParams) {
+    this.isMobile = isMobileDevice();
     this.onResizeThrottled = params.container.lodash.throttle(
       () => window.requestAnimationFrame(this._onResize),
       300,
@@ -62,7 +68,6 @@ export class TabsResponsiveState {
 
   _onResize = action(() => {
     const { container } = this;
-
     if (process.env.NODE_ENV === 'test') {
       return;
     }
@@ -71,6 +76,12 @@ export class TabsResponsiveState {
       return;
     }
 
+    // Force dropdown mode on mobile
+    if (this.isMobile) {
+      this.mode = 'dropdown';
+      return;
+    }
+
     const nextPanelWidth = this.getPanelMinWidth();
 
     // If the measurements show 0, this means that not all elements have loaded yet,

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal2592090336";
+var _namespace_ = "ManageTagsModal2089978259";
 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":"ManageTagsModal2592090336__root"};
+export var classes = {"root":"ManageTagsModal2089978259__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_ = "ToolbarItem1620155007";
+var _namespace_ = "ToolbarItem675329814";
 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":"ToolbarItem1620155007__root"};
+export var classes = {"root":"ToolbarItem675329814__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_ = "ToolbarItemBox2213283046";
+var _namespace_ = "ToolbarItemBox444073492";
 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":"ToolbarItemBox2213283046__root"};
+export var classes = {"root":"ToolbarItemBox444073492__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common2482990161";
+var _namespace_ = "common3532792477";
 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":"common2482990161__root","column":"common2482990161__column","fullHeight":"common2482990161__fullHeight"};
+export var classes = {"root":"common3532792477__root","column":"common3532792477__column","fullHeight":"common3532792477__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_ = "CollectionPageHeader2866889353";
+var _namespace_ = "CollectionPageHeader2836470783";
 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":"CollectionPageHeader2866889353__root"};
+export var classes = {"root":"CollectionPageHeader2836470783__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_ = "FormPageHeader835508185";
+var _namespace_ = "FormPageHeader1513050848";
 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":"FormPageHeader835508185__root"};
+export var classes = {"root":"FormPageHeader1513050848__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/styles.global.css

@@ -1 +1 @@
-.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}
+.CardContainer1393187604__root.CardContainer1393187604--mobile{border-radius:0}.Collapse2836442632__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2836442632__exit{height:0}.CollectionPage3106655869__root.CollectionPage3106655869--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3106655869__root.CollectionPage3106655869--panel{overflow:hidden;position:relative}.CollectionTable1545825600__root td{vertical-align:middle}.CollectionTable1545825600__root.CollectionTable1545825600--mobile td:first-child{padding-left:18px}.CollectionTable1545825600__root.CollectionTable1545825600--mobile td:last-child{padding-right:18px}.CollectionToolbar1030837190__left{min-width:0}.CollectionToolbar1030837190__root.CollectionToolbar1030837190--views .CollectionToolbar1030837190__left{flex-shrink:1;flex-grow:0}.CollectionToolbar1030837190__left.CollectionToolbar1030837190--expandable{flex:auto}.CollectionToolbar1030837190__root .CollectionToolbar1030837190__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1030837190__root.CollectionToolbar1030837190--views .CollectionToolbar1030837190__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1030837190__root .CollectionToolbar1030837190__right.CollectionToolbar1030837190__fullWidth{margin-inline-start:0!important}.CollectionToolbar1030837190__root.CollectionToolbar1030837190--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter662362649__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter662362649__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly854460757__root.AutoCompleteReadonly854460757--disableEditing{cursor:pointer}.AutoCompleteReadonly854460757__root.AutoCompleteReadonly854460757--disableEditing input{cursor:pointer}.ViewsDropdown3647177959__root{width:200px}.DragHandle2176931867__root{display:flex;align-items:center}.DragHandle2176931867__root:not(.DragHandle2176931867--disabled){cursor:grab;color:#a8caff}.DragHandle2176931867__root.DragHandle2176931867--disabled{color:#acafc4}.DragHandle2176931867__root:focus-visible:not(.DragHandle2176931867--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2176931867__root.DragHandle2176931867--disabled{pointer-events:none}.DragHandle2176931867__root.DragHandle2176931867--dragging:not(.DragHandle2176931867--disabled){cursor:grabbing}.EntityPagePlain2066693229__root.EntityPagePlain2066693229--mobile{--wds-page-header-padding-horizontal:0}.Fade1216184679__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1216184679__root.Fade1216184679--exit{opacity:0}.Heading1882191569__root{visibility:visible}.Heading1882191569__root.Heading1882191569--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3088080369__root.InputOverflow3088080369--selected:not(.InputOverflow3088080369--focused) input::placeholder{color:#000624}@keyframes LoadingRow2859302015__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%}}.LoadingRow2859302015__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:LoadingRow2859302015__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2086308881__root{opacity:1}.MaxHeightText2086308881__root.MaxHeightText2086308881--height24{line-height:24px}.MaxLines1657183845__root{overflow:hidden}.MaxLines1657183845__root.MaxLines1657183845--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2457777167__root{min-width:0}.NestedTablePlaceholderStatesRow1484585522__root td{padding:0!important;width:100%}.NestedTableRow2682455552__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2682455552__root:hover{background-color:#e7f0ff!important}.NestedTableRow2682455552__root.NestedTableRow2682455552--expandable{cursor:pointer}.NestedTableRow2682455552__placeholder td{padding:0!important;width:100%}.NestedTableRow2682455552__root:hover td:first-of-type::before,.NestedTableRow2682455552__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2399557028__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)}.NestedTableDragAndDropRow1551175518__root.NestedTableDragAndDropRow1551175518--draggingInto td{background-color:#e7f0ff!important}.PickerContent2352047205__root{display:flex}.PickerContentAdditionalStep3449039505__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3449039505__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem124590333__root{box-sizing:border-box}.ScrollableContent2585371448__root.ScrollableContent2585371448--overflowY{overflow-y:auto}.ScrollableContent2585371448__root.ScrollableContent2585371448--overflowX{overflow-x:auto}.ScrollableContent2585371448__root.ScrollableContent2585371448--smooth{scroll-behavior:smooth}.SkeletonCard1063942384__headerLoading{display:block!important}.SlidingModal1276144807__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1276144807__root.SlidingModal1276144807--overlay{transition:transform 0s ease 0s}.SlidingModal1276144807__root.SlidingModal1276144807---appendTo-6-parent{position:absolute}.SlidingModal1276144807__root:not(.SlidingModal1276144807--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1731899455__root .TabsFilter1731899455__title{color:inherit!important}.ManageTagsModal2089978259__root{display:flex}.ToolbarItem675329814__root{min-width:0}.ToolbarItemBox444073492__root{min-width:0}.ToolbarItemBox444073492__root.ToolbarItemBox444073492--removeStartPadding{margin-left:-24px}.ToolbarItemBox444073492__root.ToolbarItemBox444073492--expandable{flex:1 0}.common3532792477__column{display:flex;flex-direction:column}.common3532792477__fullHeight{height:100%;min-height:0}.CollectionPageHeader2836470783__root.CollectionPageHeader2836470783--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2836470783__root.CollectionPageHeader2836470783--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1513050848__root.FormPageHeader1513050848--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1513050848__root.FormPageHeader1513050848--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

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