@wix/patterns 1.289.0 → 1.290.0

package/src/components/CollectionTable/buildMobileColumns.tsx

@@ -12,7 +12,7 @@ export function buildMobileColumns<T>(columns: TableColumn<KeyedItem<T>>[]) {
         id: 'tableColumn',
         title: '',
         render: (params: any, index: number) => (
-          <Box direction="vertical" gap="SP2">
+          <Box direction="vertical" gap="SP1">
             {columns[0] && <div>{columns[0].render?.(params, index)}</div>}
             {columns[1] && <div>{columns[1].render?.(params, index)}</div>}
           </Box>
@@ -42,7 +42,7 @@ export function buildMobileColumns<T>(columns: TableColumn<KeyedItem<T>>[]) {
       id: 'mobile-first-column',
       title: '',
       render: (params: any, index: number) => (
-        <Box direction="vertical" gap="SP2">
+        <Box direction="vertical" gap="SP1">
           {firstColumns.map((col, colIndex) => (
             <div key={`first-col-${colIndex}`}>
               {col.render?.(params, index)}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar1261041590";
+var _namespace_ = "CollectionToolbar2061983148";
 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":"CollectionToolbar1261041590__root","left":"CollectionToolbar1261041590__left","right":"CollectionToolbar1261041590__right","fullWidth":"CollectionToolbar1261041590__fullWidth"};
+export var classes = {"root":"CollectionToolbar2061983148__root","left":"CollectionToolbar2061983148__left","right":"CollectionToolbar2061983148__right","fullWidth":"CollectionToolbar2061983148__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter739064802";
+var _namespace_ = "SearchOrCustomFilter3562230126";
 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":"SearchOrCustomFilter739064802__root","search":"SearchOrCustomFilter739064802__search","searchMobile":"SearchOrCustomFilter739064802__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter3562230126__root","search":"SearchOrCustomFilter3562230126__search","searchMobile":"SearchOrCustomFilter3562230126__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AutoCompleteReadonly873454549";
+var _namespace_ = "AutoCompleteReadonly2537984906";
 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":"AutoCompleteReadonly873454549__root"};
+export var classes = {"root":"AutoCompleteReadonly2537984906__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_ = "ViewsDropdown119360031";
+var _namespace_ = "ViewsDropdown3794914098";
 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":"ViewsDropdown119360031__root"};
+export var classes = {"root":"ViewsDropdown3794914098__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_ = "DragHandle3536857070";
+var _namespace_ = "DragHandle2283954825";
 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":"DragHandle3536857070__root"};
+export var classes = {"root":"DragHandle2283954825__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_ = "EntityPagePlain3303392521";
+var _namespace_ = "EntityPagePlain3026171582";
 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":"EntityPagePlain3303392521__root"};
+export var classes = {"root":"EntityPagePlain3026171582__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_ = "Fade2256505829";
+var _namespace_ = "Fade2382452030";
 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":"Fade2256505829__root"};
+export var classes = {"root":"Fade2382452030__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_ = "Heading3276701319";
+var _namespace_ = "Heading2753239608";
 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":"Heading3276701319__root"};
+export var classes = {"root":"Heading2753239608__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_ = "InputOverflow211437542";
+var _namespace_ = "InputOverflow3256840075";
 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":"InputOverflow211437542__root"};
+export var classes = {"root":"InputOverflow3256840075__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_ = "LoadingRow3457146063";
+var _namespace_ = "LoadingRow3321021537";
 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":"LoadingRow3457146063__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3457146063__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3321021537__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3321021537__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_ = "MaxHeightText3892870627";
+var _namespace_ = "MaxHeightText1787928074";
 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":"MaxHeightText3892870627__root"};
+export var classes = {"root":"MaxHeightText1787928074__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_ = "MaxLines1239004081";
+var _namespace_ = "MaxLines776730498";
 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":"MaxLines1239004081__root"};
+export var classes = {"root":"MaxLines776730498__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_ = "MultiBulkActionToolbar4097302873";
+var _namespace_ = "MultiBulkActionToolbar4028265211";
 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":"MultiBulkActionToolbar4097302873__root"};
+export var classes = {"root":"MultiBulkActionToolbar4028265211__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_ = "NestedTablePlaceholderStatesRow2677220256";
+var _namespace_ = "NestedTablePlaceholderStatesRow2133707585";
 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":"NestedTablePlaceholderStatesRow2677220256__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow2133707585__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_ = "NestedTableRow2260990323";
+var _namespace_ = "NestedTableRow2614238456";
 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":"NestedTableRow2260990323__root","firstLevel":"NestedTableRow2260990323__firstLevel","placeholder":"NestedTableRow2260990323__placeholder","parentHovered":"NestedTableRow2260990323__parentHovered"};
+export var classes = {"root":"NestedTableRow2614238456__root","firstLevel":"NestedTableRow2614238456__firstLevel","placeholder":"NestedTableRow2614238456__placeholder","parentHovered":"NestedTableRow2614238456__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_ = "MultipleDragOverlayEffect3304806486";
+var _namespace_ = "MultipleDragOverlayEffect2528477330";
 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":"MultipleDragOverlayEffect3304806486__root"};
+export var classes = {"root":"MultipleDragOverlayEffect2528477330__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_ = "NestedTableDragAndDropRow1971785801";
+var _namespace_ = "NestedTableDragAndDropRow199152195";
 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":"NestedTableDragAndDropRow1971785801__root"};
+export var classes = {"root":"NestedTableDragAndDropRow199152195__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_ = "PickerContent2006623102";
+var _namespace_ = "PickerContent3215159886";
 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":"PickerContent2006623102__root"};
+export var classes = {"root":"PickerContent3215159886__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_ = "PickerContentAdditionalStep289579772";
+var _namespace_ = "PickerContentAdditionalStep3691387978";
 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":"PickerContentAdditionalStep289579772__root","titles":"PickerContentAdditionalStep289579772__titles","suffix":"PickerContentAdditionalStep289579772__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep3691387978__root","titles":"PickerContentAdditionalStep3691387978__titles","suffix":"PickerContentAdditionalStep3691387978__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_ = "PickerTableListItem3211024206";
+var _namespace_ = "PickerTableListItem3764435867";
 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":"PickerTableListItem3211024206__root"};
+export var classes = {"root":"PickerTableListItem3764435867__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_ = "ScrollableContent2783289263";
+var _namespace_ = "ScrollableContent1813174945";
 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":"ScrollableContent2783289263__root"};
+export var classes = {"root":"ScrollableContent1813174945__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_ = "SkeletonCard1034896148";
+var _namespace_ = "SkeletonCard1983517499";
 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":"SkeletonCard1034896148__root","headerLoading":"SkeletonCard1034896148__headerLoading"};
+export var classes = {"root":"SkeletonCard1983517499__root","headerLoading":"SkeletonCard1983517499__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_ = "SlidingModal2890293382";
+var _namespace_ = "SlidingModal1232254496";
 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":"SlidingModal2890293382__root"};
+export var classes = {"root":"SlidingModal1232254496__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_ = "TabsFilter716819630";
+var _namespace_ = "TabsFilter2304249211";
 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":"TabsFilter716819630__root","title":"TabsFilter716819630__title"};
+export var classes = {"root":"TabsFilter2304249211__root","title":"TabsFilter2304249211__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_ = "ManageTagsModal1149057227";
+var _namespace_ = "ManageTagsModal4281989358";
 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":"ManageTagsModal1149057227__root"};
+export var classes = {"root":"ManageTagsModal4281989358__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_ = "ToolbarItem72755528";
+var _namespace_ = "ToolbarItem120250909";
 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":"ToolbarItem72755528__root"};
+export var classes = {"root":"ToolbarItem120250909__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_ = "ToolbarItemBox3655322035";
+var _namespace_ = "ToolbarItemBox871371831";
 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":"ToolbarItemBox3655322035__root"};
+export var classes = {"root":"ToolbarItemBox871371831__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_ = "common222502502";
+var _namespace_ = "common209860364";
 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":"common222502502__root","column":"common222502502__column","fullHeight":"common222502502__fullHeight"};
+export var classes = {"root":"common209860364__root","column":"common209860364__column","fullHeight":"common209860364__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_ = "CollectionPageHeader3312185549";
+var _namespace_ = "CollectionPageHeader1440014247";
 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":"CollectionPageHeader3312185549__root"};
+export var classes = {"root":"CollectionPageHeader1440014247__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_ = "FormPageHeader2842134182";
+var _namespace_ = "FormPageHeader1934644674";
 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":"FormPageHeader2842134182__root"};
+export var classes = {"root":"FormPageHeader1934644674__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer21288953__root.CardContainer21288953--mobile{border-radius:0}.Collapse2430563417__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2430563417__exit{height:0}.CollectionPage3572335077__root.CollectionPage3572335077--mobile{--wds-page-header-padding-horizontal:0}.CollectionPage3572335077__root.CollectionPage3572335077--panel{overflow:hidden;position:relative}.CollectionTable1310192881__root td{vertical-align:middle}.CollectionTable1310192881__root.CollectionTable1310192881--mobile td:first-child{padding-left:18px}.CollectionTable1310192881__root.CollectionTable1310192881--mobile td:last-child{padding-right:18px}.CollectionToolbar1261041590__left{min-width:0}.CollectionToolbar1261041590__root.CollectionToolbar1261041590--views .CollectionToolbar1261041590__left{flex-shrink:1;flex-grow:0}.CollectionToolbar1261041590__left.CollectionToolbar1261041590--expandable{flex:auto}.CollectionToolbar1261041590__root .CollectionToolbar1261041590__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1261041590__root.CollectionToolbar1261041590--views .CollectionToolbar1261041590__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1261041590__root .CollectionToolbar1261041590__right.CollectionToolbar1261041590__fullWidth{margin-inline-start:0!important}.CollectionToolbar1261041590__root.CollectionToolbar1261041590--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter739064802__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter739064802__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly873454549__root.AutoCompleteReadonly873454549--disableEditing{cursor:pointer}.AutoCompleteReadonly873454549__root.AutoCompleteReadonly873454549--disableEditing input{cursor:pointer}.ViewsDropdown119360031__root{width:200px}.DragHandle3536857070__root{display:flex;align-items:center}.DragHandle3536857070__root:not(.DragHandle3536857070--disabled){cursor:grab;color:#a8caff}.DragHandle3536857070__root.DragHandle3536857070--disabled{color:#acafc4}.DragHandle3536857070__root:focus-visible:not(.DragHandle3536857070--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3536857070__root.DragHandle3536857070--disabled{pointer-events:none}.DragHandle3536857070__root.DragHandle3536857070--dragging:not(.DragHandle3536857070--disabled){cursor:grabbing}.EntityPagePlain3303392521__root.EntityPagePlain3303392521--mobile{--wds-page-header-padding-horizontal:0}.Fade2256505829__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2256505829__root.Fade2256505829--exit{opacity:0}.Heading3276701319__root{visibility:visible}.Heading3276701319__root.Heading3276701319--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow211437542__root.InputOverflow211437542--selected:not(.InputOverflow211437542--focused) input::placeholder{color:#000624}@keyframes LoadingRow3457146063__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%}}.LoadingRow3457146063__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:LoadingRow3457146063__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3892870627__root{opacity:1}.MaxHeightText3892870627__root.MaxHeightText3892870627--height24{line-height:24px}.MaxLines1239004081__root{overflow:hidden}.MaxLines1239004081__root.MaxLines1239004081--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar4097302873__root{min-width:0}.NestedTablePlaceholderStatesRow2677220256__root td{padding:0!important;width:100%}.NestedTableRow2260990323__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2260990323__root:hover{background-color:#e7f0ff!important}.NestedTableRow2260990323__root.NestedTableRow2260990323--expandable{cursor:pointer}.NestedTableRow2260990323__placeholder td{padding:0!important;width:100%}.NestedTableRow2260990323__root:hover td:first-of-type::before,.NestedTableRow2260990323__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3304806486__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)}.NestedTableDragAndDropRow1971785801__root.NestedTableDragAndDropRow1971785801--draggingInto td{background-color:#e7f0ff!important}.PickerContent2006623102__root{display:flex}.PickerContentAdditionalStep289579772__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep289579772__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3211024206__root{box-sizing:border-box}.ScrollableContent2783289263__root.ScrollableContent2783289263--overflowY{overflow-y:auto}.ScrollableContent2783289263__root.ScrollableContent2783289263--overflowX{overflow-x:auto}.ScrollableContent2783289263__root.ScrollableContent2783289263--smooth{scroll-behavior:smooth}.SkeletonCard1034896148__headerLoading{display:block!important}.SlidingModal2890293382__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2890293382__root.SlidingModal2890293382---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal2890293382__root:not(.SlidingModal2890293382--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter716819630__root .TabsFilter716819630__title{color:inherit!important}.ManageTagsModal1149057227__root{display:flex}.ToolbarItem72755528__root{min-width:0}.ToolbarItemBox3655322035__root{min-width:0}.ToolbarItemBox3655322035__root.ToolbarItemBox3655322035--removeStartPadding{margin-left:-24px}.ToolbarItemBox3655322035__root.ToolbarItemBox3655322035--expandable{flex:1 0}.common222502502__column{display:flex;flex-direction:column}.common222502502__fullHeight{height:100%;min-height:0}.CollectionPageHeader3312185549__root.CollectionPageHeader3312185549--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3312185549__root.CollectionPageHeader3312185549--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2842134182__root.FormPageHeader2842134182--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2842134182__root.FormPageHeader2842134182--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer3626444920__root.CardContainer3626444920--mobile{border-radius:0}.Collapse1417492173__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1417492173__exit{height:0}.CollectionPage3595033224__root.CollectionPage3595033224--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3595033224__root.CollectionPage3595033224--panel{overflow:hidden;position:relative}.CollectionTable620413316__root td{vertical-align:middle}.CollectionTable620413316__root.CollectionTable620413316--mobile td:first-child{padding-left:18px}.CollectionTable620413316__root.CollectionTable620413316--mobile td:last-child{padding-right:18px}.CollectionToolbar2061983148__left{min-width:0}.CollectionToolbar2061983148__root.CollectionToolbar2061983148--views .CollectionToolbar2061983148__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2061983148__left.CollectionToolbar2061983148--expandable{flex:auto}.CollectionToolbar2061983148__root .CollectionToolbar2061983148__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2061983148__root.CollectionToolbar2061983148--views .CollectionToolbar2061983148__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2061983148__root .CollectionToolbar2061983148__right.CollectionToolbar2061983148__fullWidth{margin-inline-start:0!important}.CollectionToolbar2061983148__root.CollectionToolbar2061983148--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3562230126__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3562230126__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly2537984906__root.AutoCompleteReadonly2537984906--disableEditing{cursor:pointer}.AutoCompleteReadonly2537984906__root.AutoCompleteReadonly2537984906--disableEditing input{cursor:pointer}.ViewsDropdown3794914098__root{width:200px}.DragHandle2283954825__root{display:flex;align-items:center}.DragHandle2283954825__root:not(.DragHandle2283954825--disabled){cursor:grab;color:#a8caff}.DragHandle2283954825__root.DragHandle2283954825--disabled{color:#acafc4}.DragHandle2283954825__root:focus-visible:not(.DragHandle2283954825--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2283954825__root.DragHandle2283954825--disabled{pointer-events:none}.DragHandle2283954825__root.DragHandle2283954825--dragging:not(.DragHandle2283954825--disabled){cursor:grabbing}.EntityPagePlain3026171582__root.EntityPagePlain3026171582--mobile{--wds-page-header-padding-horizontal:0}.Fade2382452030__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2382452030__root.Fade2382452030--exit{opacity:0}.Heading2753239608__root{visibility:visible}.Heading2753239608__root.Heading2753239608--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3256840075__root.InputOverflow3256840075--selected:not(.InputOverflow3256840075--focused) input::placeholder{color:#000624}@keyframes LoadingRow3321021537__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%}}.LoadingRow3321021537__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:LoadingRow3321021537__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1787928074__root{opacity:1}.MaxHeightText1787928074__root.MaxHeightText1787928074--height24{line-height:24px}.MaxLines776730498__root{overflow:hidden}.MaxLines776730498__root.MaxLines776730498--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar4028265211__root{min-width:0}.NestedTablePlaceholderStatesRow2133707585__root td{padding:0!important;width:100%}.NestedTableRow2614238456__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2614238456__root:hover{background-color:#e7f0ff!important}.NestedTableRow2614238456__root.NestedTableRow2614238456--expandable{cursor:pointer}.NestedTableRow2614238456__placeholder td{padding:0!important;width:100%}.NestedTableRow2614238456__root:hover td:first-of-type::before,.NestedTableRow2614238456__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2528477330__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)}.NestedTableDragAndDropRow199152195__root.NestedTableDragAndDropRow199152195--draggingInto td{background-color:#e7f0ff!important}.PickerContent3215159886__root{display:flex}.PickerContentAdditionalStep3691387978__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3691387978__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3764435867__root{box-sizing:border-box}.ScrollableContent1813174945__root.ScrollableContent1813174945--overflowY{overflow-y:auto}.ScrollableContent1813174945__root.ScrollableContent1813174945--overflowX{overflow-x:auto}.ScrollableContent1813174945__root.ScrollableContent1813174945--smooth{scroll-behavior:smooth}.SkeletonCard1983517499__headerLoading{display:block!important}.SlidingModal1232254496__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1232254496__root.SlidingModal1232254496---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal1232254496__root:not(.SlidingModal1232254496--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2304249211__root .TabsFilter2304249211__title{color:inherit!important}.ManageTagsModal4281989358__root{display:flex}.ToolbarItem120250909__root{min-width:0}.ToolbarItemBox871371831__root{min-width:0}.ToolbarItemBox871371831__root.ToolbarItemBox871371831--removeStartPadding{margin-left:-24px}.ToolbarItemBox871371831__root.ToolbarItemBox871371831--expandable{flex:1 0}.common209860364__column{display:flex;flex-direction:column}.common209860364__fullHeight{height:100%;min-height:0}.CollectionPageHeader1440014247__root.CollectionPageHeader1440014247--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1440014247__root.CollectionPageHeader1440014247--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1934644674__root.FormPageHeader1934644674--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1934644674__root.FormPageHeader1934644674--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.289.0';
+export const version = 'patterns@1.290.0';