@wix/patterns 1.342.0 → 1.343.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AutoCompleteReadonly2481462317";
+var _namespace_ = "AutoCompleteReadonly2959405793";
 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":"AutoCompleteReadonly2481462317__root"};
+export var classes = {"root":"AutoCompleteReadonly2959405793__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_ = "ViewsDropdown2931641426";
+var _namespace_ = "ViewsDropdown1390601020";
 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":"ViewsDropdown2931641426__root"};
+export var classes = {"root":"ViewsDropdown1390601020__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_ = "DragHandle2367759419";
+var _namespace_ = "DragHandle1087528928";
 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":"DragHandle2367759419__root"};
+export var classes = {"root":"DragHandle1087528928__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_ = "EntityPagePlain2033011082";
+var _namespace_ = "EntityPagePlain1559037576";
 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":"EntityPagePlain2033011082__root"};
+export var classes = {"root":"EntityPagePlain1559037576__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_ = "Fade2991736137";
+var _namespace_ = "Fade2595381006";
 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":"Fade2991736137__root"};
+export var classes = {"root":"Fade2595381006__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_ = "Heading300534138";
+var _namespace_ = "Heading3383894607";
 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":"Heading300534138__root"};
+export var classes = {"root":"Heading3383894607__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_ = "InputOverflow4003411523";
+var _namespace_ = "InputOverflow2253211445";
 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":"InputOverflow4003411523__root"};
+export var classes = {"root":"InputOverflow2253211445__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_ = "LoadingRow2744005454";
+var _namespace_ = "LoadingRow1479592983";
 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":"LoadingRow2744005454__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow2744005454__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow1479592983__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow1479592983__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_ = "MaxHeightText1732039479";
+var _namespace_ = "MaxHeightText1466646791";
 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":"MaxHeightText1732039479__root"};
+export var classes = {"root":"MaxHeightText1466646791__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_ = "MaxLines1663147393";
+var _namespace_ = "MaxLines4161131399";
 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":"MaxLines1663147393__root"};
+export var classes = {"root":"MaxLines4161131399__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MoreActions/MoreActionsBase.tsx

@@ -160,6 +160,8 @@ function _MoreActionsBase(params: MoreActionsBaseProps) {
         minWidth={240}
         textSize="medium"
         triggerElement={triggerElement}
+        appendTo="parent"
+        zIndex={1101}
       >
         {allActions}
       </PopoverMenu>

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar3508503649";
+var _namespace_ = "MultiBulkActionToolbar3014684291";
 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":"MultiBulkActionToolbar3508503649__root","leftGroupWrapper":"MultiBulkActionToolbar3508503649__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3508503649__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3508503649__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar3014684291__root","leftGroupWrapper":"MultiBulkActionToolbar3014684291__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3014684291__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3014684291__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_ = "NestedTablePlaceholderStatesRow2060681144";
+var _namespace_ = "NestedTablePlaceholderStatesRow3153221628";
 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":"NestedTablePlaceholderStatesRow2060681144__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow3153221628__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_ = "NestedTableRow3751299851";
+var _namespace_ = "NestedTableRow3218022960";
 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":"NestedTableRow3751299851__root","firstLevel":"NestedTableRow3751299851__firstLevel","placeholder":"NestedTableRow3751299851__placeholder","parentHovered":"NestedTableRow3751299851__parentHovered"};
+export var classes = {"root":"NestedTableRow3218022960__root","firstLevel":"NestedTableRow3218022960__firstLevel","placeholder":"NestedTableRow3218022960__placeholder","parentHovered":"NestedTableRow3218022960__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_ = "MultipleDragOverlayEffect227846632";
+var _namespace_ = "MultipleDragOverlayEffect1823254855";
 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":"MultipleDragOverlayEffect227846632__root"};
+export var classes = {"root":"MultipleDragOverlayEffect1823254855__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_ = "NestedTableDragAndDropRow109953371";
+var _namespace_ = "NestedTableDragAndDropRow1201414144";
 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":"NestedTableDragAndDropRow109953371__root"};
+export var classes = {"root":"NestedTableDragAndDropRow1201414144__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_ = "PickerContent2167229139";
+var _namespace_ = "PickerContent1814532354";
 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":"PickerContent2167229139__root"};
+export var classes = {"root":"PickerContent1814532354__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_ = "PickerContentAdditionalStep3623541885";
+var _namespace_ = "PickerContentAdditionalStep1599061222";
 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":"PickerContentAdditionalStep3623541885__root","titles":"PickerContentAdditionalStep3623541885__titles","suffix":"PickerContentAdditionalStep3623541885__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1599061222__root","titles":"PickerContentAdditionalStep1599061222__titles","suffix":"PickerContentAdditionalStep1599061222__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_ = "PickerTableListItem3546016310";
+var _namespace_ = "PickerTableListItem412478209";
 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":"PickerTableListItem3546016310__root"};
+export var classes = {"root":"PickerTableListItem412478209__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_ = "ScrollableContent3304386443";
+var _namespace_ = "ScrollableContent3628671348";
 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":"ScrollableContent3304386443__root"};
+export var classes = {"root":"ScrollableContent3628671348__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_ = "SkeletonCard4111082335";
+var _namespace_ = "SkeletonCard1339768371";
 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":"SkeletonCard4111082335__root","headerLoading":"SkeletonCard4111082335__headerLoading"};
+export var classes = {"root":"SkeletonCard1339768371__root","headerLoading":"SkeletonCard1339768371__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_ = "SlidingModal4417048";
+var _namespace_ = "SlidingModal1884507680";
 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":"SlidingModal4417048__root"};
+export var classes = {"root":"SlidingModal1884507680__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/TabsFilter/TabsDropdown.tsx

@@ -74,7 +74,7 @@ function _TabsDropdown<V>(props: TabsFilterProps<V>) {
   useEffect(() => init(), []);
 
   return (
-    <Box minWidth={140} maxWidth={200} paddingLeft="SP4">
+    <Box minWidth={140} maxWidth={200} paddingLeft="24px">
       <SingleSelectFilterBase
         dataHook="tabs-dropdown"
         filter={filter}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter4164696698";
+var _namespace_ = "TabsFilter100655002";
 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":"TabsFilter4164696698__root","title":"TabsFilter4164696698__title"};
+export var classes = {"root":"TabsFilter100655002__root","title":"TabsFilter100655002__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_ = "ManageTagsModal2042798303";
+var _namespace_ = "ManageTagsModal1935372859";
 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":"ManageTagsModal2042798303__root"};
+export var classes = {"root":"ManageTagsModal1935372859__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_ = "ToolbarItem151105602";
+var _namespace_ = "ToolbarItem2056431157";
 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":"ToolbarItem151105602__root"};
+export var classes = {"root":"ToolbarItem2056431157__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_ = "ToolbarItemBox212984154";
+var _namespace_ = "ToolbarItemBox84292117";
 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":"ToolbarItemBox212984154__root"};
+export var classes = {"root":"ToolbarItemBox84292117__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_ = "common2345054198";
+var _namespace_ = "common1431577632";
 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":"common2345054198__root","column":"common2345054198__column","fullHeight":"common2345054198__fullHeight"};
+export var classes = {"root":"common1431577632__root","column":"common1431577632__column","fullHeight":"common1431577632__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_ = "CollectionPageHeader1592426854";
+var _namespace_ = "CollectionPageHeader217017969";
 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":"CollectionPageHeader1592426854__root"};
+export var classes = {"root":"CollectionPageHeader217017969__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_ = "FormPageHeader3757369620";
+var _namespace_ = "FormPageHeader3680476915";
 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":"FormPageHeader3757369620__root"};
+export var classes = {"root":"FormPageHeader3680476915__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer706854883__root.CardContainer706854883--mobile{border-radius:0}.Collapse2451822862__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2451822862__exit{height:0}.CollectionPage4019322114__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage4019322114__root.CollectionPage4019322114--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage4019322114__root.CollectionPage4019322114--panel{overflow:hidden;position:relative}.CollectionTable1506945782__root td{vertical-align:middle}.CollectionTable1506945782__root.CollectionTable1506945782--mobile td:first-child{padding-left:18px}.CollectionTable1506945782__root.CollectionTable1506945782--mobile td:last-child{padding-right:18px}.CollectionToolbar2712529762__left{min-width:0}.CollectionToolbar2712529762__left.CollectionToolbar2712529762--expandable{flex:auto}.CollectionToolbar2712529762__left.CollectionToolbar2712529762--title>*{width:100%}.CollectionToolbar2712529762__root.CollectionToolbar2712529762---responsiveMode-5-title .CollectionToolbar2712529762__left{flex:1 100;min-width:50px}.CollectionToolbar2712529762__root.CollectionToolbar2712529762---responsiveMode-4-tabs .CollectionToolbar2712529762__left,.CollectionToolbar2712529762__root.CollectionToolbar2712529762---responsiveMode-4-tabs .CollectionToolbar2712529762__left.CollectionToolbar2712529762--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2712529762__root.CollectionToolbar2712529762---responsiveMode-4-tabs .CollectionToolbar2712529762__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2712529762__root .CollectionToolbar2712529762__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2712529762__root.CollectionToolbar2712529762--views .CollectionToolbar2712529762__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2712529762__root.CollectionToolbar2712529762---responsiveMode-4-tabs .CollectionToolbar2712529762__right,.CollectionToolbar2712529762__root.CollectionToolbar2712529762---responsiveMode-5-title .CollectionToolbar2712529762__right{flex:0 1 auto;min-width:0}.CollectionToolbar2712529762__root .CollectionToolbar2712529762__right.CollectionToolbar2712529762__fullWidth{margin-inline-start:0!important}.CollectionToolbar2712529762__root.CollectionToolbar2712529762--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter469993920__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter469993920__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter469993920__searchMobile:not(.SearchOrCustomFilter469993920--expandable){left:18px}.SearchOrCustomFilter469993920__searchMobile.SearchOrCustomFilter469993920--expandable.SearchOrCustomFilter469993920--expanded{left:18px}.AutoCompleteReadonly2481462317__root.AutoCompleteReadonly2481462317--disableEditing{cursor:pointer}.AutoCompleteReadonly2481462317__root.AutoCompleteReadonly2481462317--disableEditing input{cursor:pointer}.ViewsDropdown2931641426__root{width:200px}.DragHandle2367759419__root{display:flex;align-items:center}.DragHandle2367759419__root:not(.DragHandle2367759419--disabled){cursor:grab;color:#a8caff}.DragHandle2367759419__root.DragHandle2367759419--disabled{color:#acafc4}.DragHandle2367759419__root:focus-visible:not(.DragHandle2367759419--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2367759419__root.DragHandle2367759419--disabled{pointer-events:none}.DragHandle2367759419__root.DragHandle2367759419--dragging:not(.DragHandle2367759419--disabled){cursor:grabbing}.EntityPagePlain2033011082__root.EntityPagePlain2033011082--mobile{--wds-page-header-padding-horizontal:0}.Fade2991736137__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2991736137__root.Fade2991736137--exit{opacity:0}.Heading300534138__root{visibility:visible}.Heading300534138__root.Heading300534138--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow4003411523__root.InputOverflow4003411523--selected:not(.InputOverflow4003411523--focused) input::placeholder{color:#000624}@keyframes LoadingRow2744005454__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%}}.LoadingRow2744005454__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:LoadingRow2744005454__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1732039479__root{opacity:1}.MaxHeightText1732039479__root.MaxHeightText1732039479--height24{line-height:24px}.MaxLines1663147393__root{overflow:hidden}.MaxLines1663147393__root.MaxLines1663147393--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3508503649__root{min-width:0}.MultiBulkActionToolbar3508503649__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3508503649__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3508503649__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2060681144__root td{padding:0!important;width:100%}.NestedTableRow3751299851__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3751299851__root:hover{background-color:#e7f0ff!important}.NestedTableRow3751299851__root.NestedTableRow3751299851--expandable{cursor:pointer}.NestedTableRow3751299851__placeholder td{padding:0!important;width:100%}.NestedTableRow3751299851__root:hover td:first-of-type::before,.NestedTableRow3751299851__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect227846632__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)}.NestedTableDragAndDropRow109953371__root.NestedTableDragAndDropRow109953371--draggingInto td{background-color:#e7f0ff!important}.PickerContent2167229139__root{display:flex}.PickerContentAdditionalStep3623541885__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3623541885__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3546016310__root{box-sizing:border-box}.ScrollableContent3304386443__root.ScrollableContent3304386443--overflowY{overflow-y:auto}.ScrollableContent3304386443__root.ScrollableContent3304386443--overflowX{overflow-x:auto}.ScrollableContent3304386443__root.ScrollableContent3304386443--smooth{scroll-behavior:smooth}.SkeletonCard4111082335__headerLoading{display:block!important}.SlidingModal4417048__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal4417048__root.SlidingModal4417048--overlay{transition:transform 0s ease 0s}.SlidingModal4417048__root.SlidingModal4417048---appendTo-6-parent{position:absolute}.SlidingModal4417048__root:not(.SlidingModal4417048--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter4164696698__root .TabsFilter4164696698__title{color:inherit!important}.ManageTagsModal2042798303__root{display:flex}.ToolbarItem151105602__root{min-width:0}.ToolbarItemBox212984154__root{min-width:0}.ToolbarItemBox212984154__root.ToolbarItemBox212984154--removeStartPadding{margin-left:-24px}.ToolbarItemBox212984154__root.ToolbarItemBox212984154--expandable{flex:1 0}.common2345054198__column{display:flex;flex-direction:column}.common2345054198__fullHeight{height:100%;min-height:0}.CollectionPageHeader1592426854__root.CollectionPageHeader1592426854--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1592426854__root.CollectionPageHeader1592426854--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3757369620__root.FormPageHeader3757369620--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3757369620__root.FormPageHeader3757369620--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer1810278488__root.CardContainer1810278488--mobile{border-radius:0}.Collapse2115287492__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2115287492__exit{height:0}.CollectionPage687284390__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage687284390__root.CollectionPage687284390--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage687284390__root.CollectionPage687284390--panel{overflow:hidden;position:relative}.CollectionTable323634763__root td{vertical-align:middle}.CollectionTable323634763__root.CollectionTable323634763--mobile td:first-child{padding-left:18px}.CollectionTable323634763__root.CollectionTable323634763--mobile td:last-child{padding-right:18px}.CollectionToolbar1227716164__left{min-width:0}.CollectionToolbar1227716164__left.CollectionToolbar1227716164--expandable{flex:auto}.CollectionToolbar1227716164__left.CollectionToolbar1227716164--title>*{width:100%}.CollectionToolbar1227716164__root.CollectionToolbar1227716164---responsiveMode-5-title .CollectionToolbar1227716164__left{flex:1 100;min-width:50px}.CollectionToolbar1227716164__root.CollectionToolbar1227716164---responsiveMode-4-tabs .CollectionToolbar1227716164__left,.CollectionToolbar1227716164__root.CollectionToolbar1227716164---responsiveMode-4-tabs .CollectionToolbar1227716164__left.CollectionToolbar1227716164--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1227716164__root.CollectionToolbar1227716164---responsiveMode-4-tabs .CollectionToolbar1227716164__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1227716164__root .CollectionToolbar1227716164__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1227716164__root.CollectionToolbar1227716164--views .CollectionToolbar1227716164__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1227716164__root.CollectionToolbar1227716164---responsiveMode-4-tabs .CollectionToolbar1227716164__right,.CollectionToolbar1227716164__root.CollectionToolbar1227716164---responsiveMode-5-title .CollectionToolbar1227716164__right{flex:0 1 auto;min-width:0}.CollectionToolbar1227716164__root .CollectionToolbar1227716164__right.CollectionToolbar1227716164__fullWidth{margin-inline-start:0!important}.CollectionToolbar1227716164__root.CollectionToolbar1227716164--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter2537292878__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2537292878__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter2537292878__searchMobile:not(.SearchOrCustomFilter2537292878--expandable){left:18px}.SearchOrCustomFilter2537292878__searchMobile.SearchOrCustomFilter2537292878--expandable.SearchOrCustomFilter2537292878--expanded{left:18px}.AutoCompleteReadonly2959405793__root.AutoCompleteReadonly2959405793--disableEditing{cursor:pointer}.AutoCompleteReadonly2959405793__root.AutoCompleteReadonly2959405793--disableEditing input{cursor:pointer}.ViewsDropdown1390601020__root{width:200px}.DragHandle1087528928__root{display:flex;align-items:center}.DragHandle1087528928__root:not(.DragHandle1087528928--disabled){cursor:grab;color:#a8caff}.DragHandle1087528928__root.DragHandle1087528928--disabled{color:#acafc4}.DragHandle1087528928__root:focus-visible:not(.DragHandle1087528928--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1087528928__root.DragHandle1087528928--disabled{pointer-events:none}.DragHandle1087528928__root.DragHandle1087528928--dragging:not(.DragHandle1087528928--disabled){cursor:grabbing}.EntityPagePlain1559037576__root.EntityPagePlain1559037576--mobile{--wds-page-header-padding-horizontal:0}.Fade2595381006__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2595381006__root.Fade2595381006--exit{opacity:0}.Heading3383894607__root{visibility:visible}.Heading3383894607__root.Heading3383894607--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2253211445__root.InputOverflow2253211445--selected:not(.InputOverflow2253211445--focused) input::placeholder{color:#000624}@keyframes LoadingRow1479592983__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%}}.LoadingRow1479592983__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:LoadingRow1479592983__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1466646791__root{opacity:1}.MaxHeightText1466646791__root.MaxHeightText1466646791--height24{line-height:24px}.MaxLines4161131399__root{overflow:hidden}.MaxLines4161131399__root.MaxLines4161131399--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3014684291__root{min-width:0}.MultiBulkActionToolbar3014684291__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3014684291__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3014684291__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3153221628__root td{padding:0!important;width:100%}.NestedTableRow3218022960__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3218022960__root:hover{background-color:#e7f0ff!important}.NestedTableRow3218022960__root.NestedTableRow3218022960--expandable{cursor:pointer}.NestedTableRow3218022960__placeholder td{padding:0!important;width:100%}.NestedTableRow3218022960__root:hover td:first-of-type::before,.NestedTableRow3218022960__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1823254855__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)}.NestedTableDragAndDropRow1201414144__root.NestedTableDragAndDropRow1201414144--draggingInto td{background-color:#e7f0ff!important}.PickerContent1814532354__root{display:flex}.PickerContentAdditionalStep1599061222__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1599061222__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem412478209__root{box-sizing:border-box}.ScrollableContent3628671348__root.ScrollableContent3628671348--overflowY{overflow-y:auto}.ScrollableContent3628671348__root.ScrollableContent3628671348--overflowX{overflow-x:auto}.ScrollableContent3628671348__root.ScrollableContent3628671348--smooth{scroll-behavior:smooth}.SkeletonCard1339768371__headerLoading{display:block!important}.SlidingModal1884507680__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1884507680__root.SlidingModal1884507680--overlay{transition:transform 0s ease 0s}.SlidingModal1884507680__root.SlidingModal1884507680---appendTo-6-parent{position:absolute}.SlidingModal1884507680__root:not(.SlidingModal1884507680--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter100655002__root .TabsFilter100655002__title{color:inherit!important}.ManageTagsModal1935372859__root{display:flex}.ToolbarItem2056431157__root{min-width:0}.ToolbarItemBox84292117__root{min-width:0}.ToolbarItemBox84292117__root.ToolbarItemBox84292117--removeStartPadding{margin-left:-24px}.ToolbarItemBox84292117__root.ToolbarItemBox84292117--expandable{flex:1 0}.common1431577632__column{display:flex;flex-direction:column}.common1431577632__fullHeight{height:100%;min-height:0}.CollectionPageHeader217017969__root.CollectionPageHeader217017969--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader217017969__root.CollectionPageHeader217017969--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3680476915__root.FormPageHeader3680476915--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3680476915__root.FormPageHeader3680476915--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.342.0';
+export const version = 'patterns@1.343.0';