@wix/patterns 1.307.0 → 1.308.0

package/src/components/DisabledTooltip/DisabledTooltipButton.uni.driver.ts

@@ -10,7 +10,7 @@ export function DisabledTooltipButtonUniDriver(
   body: UniDriver,
   { dataHook }: { dataHook: string },
 ) {
-  const buttonBase = () => base.$(`[data-hook="${dataHook}"]`);
+  const buttonBase = () => base.$$(`[data-hook="${dataHook}"]`).get(0);
 
   return {
     ...baseUniDriverFactory(buttonBase()),

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle16300130";
+var _namespace_ = "DragHandle4004062389";
 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":"DragHandle16300130__root"};
+export var classes = {"root":"DragHandle4004062389__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_ = "EntityPagePlain1258597625";
+var _namespace_ = "EntityPagePlain487832312";
 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":"EntityPagePlain1258597625__root"};
+export var classes = {"root":"EntityPagePlain487832312__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_ = "Fade2913493731";
+var _namespace_ = "Fade3377844725";
 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":"Fade2913493731__root"};
+export var classes = {"root":"Fade3377844725__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Grid/Grid.uni.driver.ts

@@ -89,12 +89,11 @@ export function GridUniDriver(base: UniDriver, body: UniDriver) {
     // Popover isn't active until we specifically call it
     await (await getCardGalleryItemByIndex(index)).getSettingsMenu();
 
-    const popoverMenu = PopoverMenuUniDriver(
-      base.$$(`[data-hook="popover"]`).get(index),
-      body,
-    );
+    const popoverBase = base.$$(`[data-hook="popover"]`).get(index);
+
+    const popoverMenu = PopoverMenuUniDriver(popoverBase, body);
 
-    const trigger = popoverMenu.getTriggerElement('popover-trigger');
+    const trigger = popoverBase.$$('[data-hook="popover-trigger"]').get(0);
     const iconButton = IconButtonUniDriver(trigger, base);
 
     return {

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading2798581946";
+var _namespace_ = "Heading1047250066";
 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":"Heading2798581946__root"};
+export var classes = {"root":"Heading1047250066__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_ = "InputOverflow4172157349";
+var _namespace_ = "InputOverflow4035773023";
 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":"InputOverflow4172157349__root"};
+export var classes = {"root":"InputOverflow4035773023__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_ = "LoadingRow65889444";
+var _namespace_ = "LoadingRow375204560";
 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":"LoadingRow65889444__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow65889444__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow375204560__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow375204560__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_ = "MaxHeightText2774449941";
+var _namespace_ = "MaxHeightText3590077997";
 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":"MaxHeightText2774449941__root"};
+export var classes = {"root":"MaxHeightText3590077997__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_ = "MaxLines1911370039";
+var _namespace_ = "MaxLines977625515";
 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":"MaxLines1911370039__root"};
+export var classes = {"root":"MaxLines977625515__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_ = "MultiBulkActionToolbar3298994618";
+var _namespace_ = "MultiBulkActionToolbar3384938799";
 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":"MultiBulkActionToolbar3298994618__root","leftGroupWrapper":"MultiBulkActionToolbar3298994618__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3298994618__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3298994618__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar3384938799__root","leftGroupWrapper":"MultiBulkActionToolbar3384938799__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3384938799__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3384938799__selectedCountText"};
 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_ = "NestedTablePlaceholderStatesRow463864497";
+var _namespace_ = "NestedTablePlaceholderStatesRow4269702703";
 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":"NestedTablePlaceholderStatesRow463864497__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow4269702703__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_ = "NestedTableRow2871851455";
+var _namespace_ = "NestedTableRow2773824342";
 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":"NestedTableRow2871851455__root","firstLevel":"NestedTableRow2871851455__firstLevel","placeholder":"NestedTableRow2871851455__placeholder","parentHovered":"NestedTableRow2871851455__parentHovered"};
+export var classes = {"root":"NestedTableRow2773824342__root","firstLevel":"NestedTableRow2773824342__firstLevel","placeholder":"NestedTableRow2773824342__placeholder","parentHovered":"NestedTableRow2773824342__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_ = "MultipleDragOverlayEffect1732618558";
+var _namespace_ = "MultipleDragOverlayEffect3250565435";
 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":"MultipleDragOverlayEffect1732618558__root"};
+export var classes = {"root":"MultipleDragOverlayEffect3250565435__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_ = "NestedTableDragAndDropRow3498633286";
+var _namespace_ = "NestedTableDragAndDropRow3732860894";
 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":"NestedTableDragAndDropRow3498633286__root"};
+export var classes = {"root":"NestedTableDragAndDropRow3732860894__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PageWrapper/PageWrapperBase.tsx

@@ -6,6 +6,7 @@ import {
 } from '@wix/bex-core/react';
 import { PageState, SidePanelWidth } from '@wix/bex-core';
 import { runInAction } from 'mobx';
+import { WixDesignSystemProvider } from '@wix/design-system';
 
 export interface PageWrapperBaseProps {
   pageState?: PageState;
@@ -54,7 +55,7 @@ export function PageWrapperBase(props: PageWrapperBaseProps) {
     [],
   );
 
-  return (
+  let child = (
     <PageContextProvider value={state}>
       <div
         data-wix-patterns
@@ -78,4 +79,12 @@ export function PageWrapperBase(props: PageWrapperBaseProps) {
       </div>
     </PageContextProvider>
   );
+
+  if (state.isMobile) {
+    child = (
+      <WixDesignSystemProvider mobile={true}>{child}</WixDesignSystemProvider>
+    );
+  }
+
+  return child;
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent3366107491";
+var _namespace_ = "PickerContent3376884860";
 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":"PickerContent3366107491__root"};
+export var classes = {"root":"PickerContent3376884860__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_ = "PickerContentAdditionalStep1248135679";
+var _namespace_ = "PickerContentAdditionalStep2653849695";
 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":"PickerContentAdditionalStep1248135679__root","titles":"PickerContentAdditionalStep1248135679__titles","suffix":"PickerContentAdditionalStep1248135679__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep2653849695__root","titles":"PickerContentAdditionalStep2653849695__titles","suffix":"PickerContentAdditionalStep2653849695__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_ = "PickerTableListItem1287110513";
+var _namespace_ = "PickerTableListItem4193578985";
 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":"PickerTableListItem1287110513__root"};
+export var classes = {"root":"PickerTableListItem4193578985__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_ = "ScrollableContent4123272871";
+var _namespace_ = "ScrollableContent2579072526";
 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":"ScrollableContent4123272871__root"};
+export var classes = {"root":"ScrollableContent2579072526__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_ = "SkeletonCard847847600";
+var _namespace_ = "SkeletonCard342119583";
 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":"SkeletonCard847847600__root","headerLoading":"SkeletonCard847847600__headerLoading"};
+export var classes = {"root":"SkeletonCard342119583__root","headerLoading":"SkeletonCard342119583__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_ = "SlidingModal2119512318";
+var _namespace_ = "SlidingModal1985984796";
 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":"SlidingModal2119512318__root"};
+export var classes = {"root":"SlidingModal1985984796__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_ = "TabsFilter1470164704";
+var _namespace_ = "TabsFilter2926816683";
 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":"TabsFilter1470164704__root","title":"TabsFilter1470164704__title"};
+export var classes = {"root":"TabsFilter2926816683__root","title":"TabsFilter2926816683__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_ = "ManageTagsModal4063466440";
+var _namespace_ = "ManageTagsModal413112325";
 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":"ManageTagsModal4063466440__root"};
+export var classes = {"root":"ManageTagsModal413112325__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_ = "ToolbarItem1820675315";
+var _namespace_ = "ToolbarItem3195151128";
 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":"ToolbarItem1820675315__root"};
+export var classes = {"root":"ToolbarItem3195151128__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_ = "ToolbarItemBox2339814417";
+var _namespace_ = "ToolbarItemBox2427129690";
 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":"ToolbarItemBox2339814417__root"};
+export var classes = {"root":"ToolbarItemBox2427129690__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_ = "common2093974296";
+var _namespace_ = "common4185539822";
 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":"common2093974296__root","column":"common2093974296__column","fullHeight":"common2093974296__fullHeight"};
+export var classes = {"root":"common4185539822__root","column":"common4185539822__column","fullHeight":"common4185539822__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_ = "CollectionPageHeader1151390752";
+var _namespace_ = "CollectionPageHeader1971156769";
 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":"CollectionPageHeader1151390752__root"};
+export var classes = {"root":"CollectionPageHeader1971156769__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_ = "FormPageHeader3665945856";
+var _namespace_ = "FormPageHeader983864250";
 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":"FormPageHeader3665945856__root"};
+export var classes = {"root":"FormPageHeader983864250__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer1979640463__root.CardContainer1979640463--mobile{border-radius:0}.Collapse2915694036__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2915694036__exit{height:0}.CollectionPage1837741647__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1837741647__root.CollectionPage1837741647--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1837741647__root.CollectionPage1837741647--panel{overflow:hidden;position:relative}.CollectionTable3038880748__root td{vertical-align:middle}.CollectionTable3038880748__root.CollectionTable3038880748--mobile td:first-child{padding-left:18px}.CollectionTable3038880748__root.CollectionTable3038880748--mobile td:last-child{padding-right:18px}.CollectionToolbar859968085__left{min-width:0}.CollectionToolbar859968085__root.CollectionToolbar859968085--views .CollectionToolbar859968085__left{flex-shrink:1;flex-grow:0}.CollectionToolbar859968085__left.CollectionToolbar859968085--expandable{flex:auto}.CollectionToolbar859968085__root .CollectionToolbar859968085__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar859968085__root.CollectionToolbar859968085--views .CollectionToolbar859968085__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar859968085__root .CollectionToolbar859968085__right.CollectionToolbar859968085__fullWidth{margin-inline-start:0!important}.CollectionToolbar859968085__root.CollectionToolbar859968085--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter636387621__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter636387621__searchMobile{justify-content:flex-end;position:absolute;left:18px;right:18px}.SearchOrCustomFilter636387621__searchMobile.SearchOrCustomFilter636387621--expandable{left:unset}.SearchOrCustomFilter636387621__searchMobile.SearchOrCustomFilter636387621--expandable.SearchOrCustomFilter636387621--expanded{left:18px}.AutoCompleteReadonly177950537__root.AutoCompleteReadonly177950537--disableEditing{cursor:pointer}.AutoCompleteReadonly177950537__root.AutoCompleteReadonly177950537--disableEditing input{cursor:pointer}.ViewsDropdown1095654914__root{width:200px}.DragHandle16300130__root{display:flex;align-items:center}.DragHandle16300130__root:not(.DragHandle16300130--disabled){cursor:grab;color:#a8caff}.DragHandle16300130__root.DragHandle16300130--disabled{color:#acafc4}.DragHandle16300130__root:focus-visible:not(.DragHandle16300130--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle16300130__root.DragHandle16300130--disabled{pointer-events:none}.DragHandle16300130__root.DragHandle16300130--dragging:not(.DragHandle16300130--disabled){cursor:grabbing}.EntityPagePlain1258597625__root.EntityPagePlain1258597625--mobile{--wds-page-header-padding-horizontal:0}.Fade2913493731__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2913493731__root.Fade2913493731--exit{opacity:0}.Heading2798581946__root{visibility:visible}.Heading2798581946__root.Heading2798581946--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow4172157349__root.InputOverflow4172157349--selected:not(.InputOverflow4172157349--focused) input::placeholder{color:#000624}@keyframes LoadingRow65889444__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%}}.LoadingRow65889444__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:LoadingRow65889444__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2774449941__root{opacity:1}.MaxHeightText2774449941__root.MaxHeightText2774449941--height24{line-height:24px}.MaxLines1911370039__root{overflow:hidden}.MaxLines1911370039__root.MaxLines1911370039--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3298994618__root{min-width:0}.MultiBulkActionToolbar3298994618__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3298994618__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3298994618__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow463864497__root td{padding:0!important;width:100%}.NestedTableRow2871851455__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2871851455__root:hover{background-color:#e7f0ff!important}.NestedTableRow2871851455__root.NestedTableRow2871851455--expandable{cursor:pointer}.NestedTableRow2871851455__placeholder td{padding:0!important;width:100%}.NestedTableRow2871851455__root:hover td:first-of-type::before,.NestedTableRow2871851455__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1732618558__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)}.NestedTableDragAndDropRow3498633286__root.NestedTableDragAndDropRow3498633286--draggingInto td{background-color:#e7f0ff!important}.PickerContent3366107491__root{display:flex}.PickerContentAdditionalStep1248135679__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1248135679__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1287110513__root{box-sizing:border-box}.ScrollableContent4123272871__root.ScrollableContent4123272871--overflowY{overflow-y:auto}.ScrollableContent4123272871__root.ScrollableContent4123272871--overflowX{overflow-x:auto}.ScrollableContent4123272871__root.ScrollableContent4123272871--smooth{scroll-behavior:smooth}.SkeletonCard847847600__headerLoading{display:block!important}.SlidingModal2119512318__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2119512318__root.SlidingModal2119512318--overlay{transition:transform 0s ease 0s}.SlidingModal2119512318__root.SlidingModal2119512318---appendTo-6-parent{position:absolute}.SlidingModal2119512318__root:not(.SlidingModal2119512318--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1470164704__root .TabsFilter1470164704__title{color:inherit!important}.ManageTagsModal4063466440__root{display:flex}.ToolbarItem1820675315__root{min-width:0}.ToolbarItemBox2339814417__root{min-width:0}.ToolbarItemBox2339814417__root.ToolbarItemBox2339814417--removeStartPadding{margin-left:-24px}.ToolbarItemBox2339814417__root.ToolbarItemBox2339814417--expandable{flex:1 0}.common2093974296__column{display:flex;flex-direction:column}.common2093974296__fullHeight{height:100%;min-height:0}.CollectionPageHeader1151390752__root.CollectionPageHeader1151390752--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1151390752__root.CollectionPageHeader1151390752--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3665945856__root.FormPageHeader3665945856--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3665945856__root.FormPageHeader3665945856--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer1393832148__root.CardContainer1393832148--mobile{border-radius:0}.Collapse3981266577__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3981266577__exit{height:0}.CollectionPage359188730__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage359188730__root.CollectionPage359188730--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage359188730__root.CollectionPage359188730--panel{overflow:hidden;position:relative}.CollectionTable2907796976__root td{vertical-align:middle}.CollectionTable2907796976__root.CollectionTable2907796976--mobile td:first-child{padding-left:18px}.CollectionTable2907796976__root.CollectionTable2907796976--mobile td:last-child{padding-right:18px}.CollectionToolbar1834786979__left{min-width:0}.CollectionToolbar1834786979__root.CollectionToolbar1834786979--views .CollectionToolbar1834786979__left{flex-shrink:1;flex-grow:0}.CollectionToolbar1834786979__left.CollectionToolbar1834786979--expandable{flex:auto}.CollectionToolbar1834786979__root .CollectionToolbar1834786979__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1834786979__root.CollectionToolbar1834786979--views .CollectionToolbar1834786979__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1834786979__root .CollectionToolbar1834786979__right.CollectionToolbar1834786979__fullWidth{margin-inline-start:0!important}.CollectionToolbar1834786979__root.CollectionToolbar1834786979--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1027938767__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1027938767__searchMobile{justify-content:flex-end;position:absolute;left:18px;right:18px}.SearchOrCustomFilter1027938767__searchMobile.SearchOrCustomFilter1027938767--expandable{left:unset}.SearchOrCustomFilter1027938767__searchMobile.SearchOrCustomFilter1027938767--expandable.SearchOrCustomFilter1027938767--expanded{left:18px}.AutoCompleteReadonly149958630__root.AutoCompleteReadonly149958630--disableEditing{cursor:pointer}.AutoCompleteReadonly149958630__root.AutoCompleteReadonly149958630--disableEditing input{cursor:pointer}.ViewsDropdown388446974__root{width:200px}.DragHandle4004062389__root{display:flex;align-items:center}.DragHandle4004062389__root:not(.DragHandle4004062389--disabled){cursor:grab;color:#a8caff}.DragHandle4004062389__root.DragHandle4004062389--disabled{color:#acafc4}.DragHandle4004062389__root:focus-visible:not(.DragHandle4004062389--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle4004062389__root.DragHandle4004062389--disabled{pointer-events:none}.DragHandle4004062389__root.DragHandle4004062389--dragging:not(.DragHandle4004062389--disabled){cursor:grabbing}.EntityPagePlain487832312__root.EntityPagePlain487832312--mobile{--wds-page-header-padding-horizontal:0}.Fade3377844725__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3377844725__root.Fade3377844725--exit{opacity:0}.Heading1047250066__root{visibility:visible}.Heading1047250066__root.Heading1047250066--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow4035773023__root.InputOverflow4035773023--selected:not(.InputOverflow4035773023--focused) input::placeholder{color:#000624}@keyframes LoadingRow375204560__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%}}.LoadingRow375204560__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:LoadingRow375204560__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3590077997__root{opacity:1}.MaxHeightText3590077997__root.MaxHeightText3590077997--height24{line-height:24px}.MaxLines977625515__root{overflow:hidden}.MaxLines977625515__root.MaxLines977625515--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3384938799__root{min-width:0}.MultiBulkActionToolbar3384938799__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3384938799__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3384938799__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow4269702703__root td{padding:0!important;width:100%}.NestedTableRow2773824342__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2773824342__root:hover{background-color:#e7f0ff!important}.NestedTableRow2773824342__root.NestedTableRow2773824342--expandable{cursor:pointer}.NestedTableRow2773824342__placeholder td{padding:0!important;width:100%}.NestedTableRow2773824342__root:hover td:first-of-type::before,.NestedTableRow2773824342__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3250565435__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)}.NestedTableDragAndDropRow3732860894__root.NestedTableDragAndDropRow3732860894--draggingInto td{background-color:#e7f0ff!important}.PickerContent3376884860__root{display:flex}.PickerContentAdditionalStep2653849695__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2653849695__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem4193578985__root{box-sizing:border-box}.ScrollableContent2579072526__root.ScrollableContent2579072526--overflowY{overflow-y:auto}.ScrollableContent2579072526__root.ScrollableContent2579072526--overflowX{overflow-x:auto}.ScrollableContent2579072526__root.ScrollableContent2579072526--smooth{scroll-behavior:smooth}.SkeletonCard342119583__headerLoading{display:block!important}.SlidingModal1985984796__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1985984796__root.SlidingModal1985984796--overlay{transition:transform 0s ease 0s}.SlidingModal1985984796__root.SlidingModal1985984796---appendTo-6-parent{position:absolute}.SlidingModal1985984796__root:not(.SlidingModal1985984796--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2926816683__root .TabsFilter2926816683__title{color:inherit!important}.ManageTagsModal413112325__root{display:flex}.ToolbarItem3195151128__root{min-width:0}.ToolbarItemBox2427129690__root{min-width:0}.ToolbarItemBox2427129690__root.ToolbarItemBox2427129690--removeStartPadding{margin-left:-24px}.ToolbarItemBox2427129690__root.ToolbarItemBox2427129690--expandable{flex:1 0}.common4185539822__column{display:flex;flex-direction:column}.common4185539822__fullHeight{height:100%;min-height:0}.CollectionPageHeader1971156769__root.CollectionPageHeader1971156769--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1971156769__root.CollectionPageHeader1971156769--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader983864250__root.FormPageHeader983864250--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader983864250__root.FormPageHeader983864250--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.307.0';
+export const version = 'patterns@1.308.0';