@wix/patterns 1.342.0 → 1.344.0

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_ = "ViewsDropdown773082691";
 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":"ViewsDropdown773082691__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_ = "DragHandle250638546";
 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":"DragHandle250638546__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_ = "EntityPagePlain3798985217";
 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":"EntityPagePlain3798985217__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ExportButton/getExportModalStepProps.tsx

@@ -46,7 +46,7 @@ export function getExportModalStepProps<T, F extends FiltersMap>({
       primaryButtonProps: { skin: 'destructive', disabled: false },
       primaryButtonOnClick: () => state.onCancelExportVerifyButtonClick(),
       secondaryButtonOnClick: state.onCancelExportGoBackButtonClick,
-      onCloseButtonClick: state.onCancelExportCloseButtonClick,
+      closeButtonProps: { onClick: state.onCancelExportCloseButtonClick, autoFocus: true },
       onRequestClose: state.onCancelExportCloseButtonClick,
     };
   }
@@ -64,7 +64,7 @@ export function getExportModalStepProps<T, F extends FiltersMap>({
       primaryButtonOnClick: state.onExportToClick,
       secondaryButtonText: t('cairo.export.cancelButton'),
       secondaryButtonOnClick: state.onCancelClick,
-      onCloseButtonClick: state.onCloseClick,
+      closeButtonProps: { onClick: state.onCloseClick, autoFocus: true },
       onRequestClose: state.onCloseClick,
       footnote: exportModalFooter ? (
         <Text dataHook="export-modal-footer-text" size="small">
@@ -80,7 +80,7 @@ export function getExportModalStepProps<T, F extends FiltersMap>({
       title: t('cairo.export.exportFailed'),
       secondaryButtonText: t('cairo.export.cancelButton'),
       secondaryButtonOnClick: state.onFailedCancel,
-      onCloseButtonClick: state.onFailedClose,
+      closeButtonProps: { onClick: state.onFailedClose, autoFocus: true },
       onRequestClose: state.onFailedClose,
       primaryButtonText: t('Got It' as any),
       primaryButtonOnClick: state.onFailedClose,
@@ -112,7 +112,7 @@ export function getExportModalStepProps<T, F extends FiltersMap>({
     primaryButtonProps: {
       disabled: true,
     },
-    onCloseButtonClick: state.onExportCloseAttemptClick,
+    closeButtonProps: { onClick: state.onExportCloseAttemptClick, autoFocus: true },
     onRequestClose: state.onExportCloseAttemptClick,
     secondaryButtonText: t('cairo.export.cancelButton'),
     secondaryButtonOnClick: state.onExportSecondaryActionAttempt,

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_ = "Fade1979305712";
 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":"Fade1979305712__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_ = "Heading1243663101";
 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":"Heading1243663101__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_ = "InputOverflow399246140";
 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":"InputOverflow399246140__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_ = "LoadingRow2939954252";
 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":"LoadingRow2939954252__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow2939954252__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_ = "MaxHeightText2402092852";
 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":"MaxHeightText2402092852__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_ = "MaxLines1617512665";
 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":"MaxLines1617512665__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_ = "MultiBulkActionToolbar1646567933";
 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":"MultiBulkActionToolbar1646567933__root","leftGroupWrapper":"MultiBulkActionToolbar1646567933__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1646567933__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1646567933__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_ = "NestedTablePlaceholderStatesRow744433108";
 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":"NestedTablePlaceholderStatesRow744433108__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_ = "NestedTableRow3049070847";
 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":"NestedTableRow3049070847__root","firstLevel":"NestedTableRow3049070847__firstLevel","placeholder":"NestedTableRow3049070847__placeholder","parentHovered":"NestedTableRow3049070847__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_ = "MultipleDragOverlayEffect3104788623";
 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":"MultipleDragOverlayEffect3104788623__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_ = "NestedTableDragAndDropRow2589573243";
 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":"NestedTableDragAndDropRow2589573243__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_ = "PickerContent257041302";
 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":"PickerContent257041302__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_ = "PickerContentAdditionalStep991532676";
 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":"PickerContentAdditionalStep991532676__root","titles":"PickerContentAdditionalStep991532676__titles","suffix":"PickerContentAdditionalStep991532676__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_ = "PickerTableListItem2213498049";
 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":"PickerTableListItem2213498049__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_ = "ScrollableContent1308724911";
 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":"ScrollableContent1308724911__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_ = "SkeletonCard1432605554";
 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":"SkeletonCard1432605554__root","headerLoading":"SkeletonCard1432605554__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_ = "SlidingModal115117005";
 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":"SlidingModal115117005__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_ = "TabsFilter564460072";
 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":"TabsFilter564460072__root","title":"TabsFilter564460072__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.tsx

@@ -81,12 +81,15 @@ export const _BulkAssignTagsPopover = <T, F extends FiltersMap>({
   return (
     <>
       <Popover
+        tabIndex={0}
         showArrow
         shown={state.isShown}
         appendTo="window"
         placement="bottom"
         width="304px"
         onClickOutside={closePopover}
+        onEscPress={closePopover}
+        onTabOut={closePopover}
         dataHook="bulk-assign-tags-popover"
       >
         <Popover.Element>{popoverElement}</Popover.Element>
@@ -99,6 +102,7 @@ export const _BulkAssignTagsPopover = <T, F extends FiltersMap>({
             )}
             {!state.isLoading && (
               <SelectorList
+                autoFocus
                 key={state.tagsManagementState.items.length} // Remount the component on every new created tag
                 dataHook="bulk-assign-tags-selector-list"
                 dataSource={selectorListDataSource}

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_ = "ManageTagsModal3590317833";
 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":"ManageTagsModal3590317833__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_ = "ToolbarItem2228036543";
 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":"ToolbarItem2228036543__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_ = "ToolbarItemBox3414762621";
 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":"ToolbarItemBox3414762621__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_ = "common2235341608";
 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":"common2235341608__root","column":"common2235341608__column","fullHeight":"common2235341608__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_ = "CollectionPageHeader4110351750";
 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":"CollectionPageHeader4110351750__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_ = "FormPageHeader2250195472";
 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":"FormPageHeader2250195472__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}
+.CardContainer2287395251__root.CardContainer2287395251--mobile{border-radius:0}.Collapse2321758094__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2321758094__exit{height:0}.CollectionPage3904469315__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3904469315__root.CollectionPage3904469315--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3904469315__root.CollectionPage3904469315--panel{overflow:hidden;position:relative}.CollectionTable2112796536__root td{vertical-align:middle}.CollectionTable2112796536__root.CollectionTable2112796536--mobile td:first-child{padding-left:18px}.CollectionTable2112796536__root.CollectionTable2112796536--mobile td:last-child{padding-right:18px}.CollectionToolbar4229978739__left{min-width:0}.CollectionToolbar4229978739__left.CollectionToolbar4229978739--expandable{flex:auto}.CollectionToolbar4229978739__left.CollectionToolbar4229978739--title>*{width:100%}.CollectionToolbar4229978739__root.CollectionToolbar4229978739---responsiveMode-5-title .CollectionToolbar4229978739__left{flex:1 100;min-width:50px}.CollectionToolbar4229978739__root.CollectionToolbar4229978739---responsiveMode-4-tabs .CollectionToolbar4229978739__left,.CollectionToolbar4229978739__root.CollectionToolbar4229978739---responsiveMode-4-tabs .CollectionToolbar4229978739__left.CollectionToolbar4229978739--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar4229978739__root.CollectionToolbar4229978739---responsiveMode-4-tabs .CollectionToolbar4229978739__left>*{flex-shrink:1;min-width:0}.CollectionToolbar4229978739__root .CollectionToolbar4229978739__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar4229978739__root.CollectionToolbar4229978739--views .CollectionToolbar4229978739__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar4229978739__root.CollectionToolbar4229978739---responsiveMode-4-tabs .CollectionToolbar4229978739__right,.CollectionToolbar4229978739__root.CollectionToolbar4229978739---responsiveMode-5-title .CollectionToolbar4229978739__right{flex:0 1 auto;min-width:0}.CollectionToolbar4229978739__root .CollectionToolbar4229978739__right.CollectionToolbar4229978739__fullWidth{margin-inline-start:0!important}.CollectionToolbar4229978739__root.CollectionToolbar4229978739--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter4086095729__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter4086095729__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter4086095729__searchMobile:not(.SearchOrCustomFilter4086095729--expandable){left:18px}.SearchOrCustomFilter4086095729__searchMobile.SearchOrCustomFilter4086095729--expandable.SearchOrCustomFilter4086095729--expanded{left:18px}.AutoCompleteReadonly1705263685__root.AutoCompleteReadonly1705263685--disableEditing{cursor:pointer}.AutoCompleteReadonly1705263685__root.AutoCompleteReadonly1705263685--disableEditing input{cursor:pointer}.ViewsDropdown773082691__root{width:200px}.DragHandle250638546__root{display:flex;align-items:center}.DragHandle250638546__root:not(.DragHandle250638546--disabled){cursor:grab;color:#a8caff}.DragHandle250638546__root.DragHandle250638546--disabled{color:#acafc4}.DragHandle250638546__root:focus-visible:not(.DragHandle250638546--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle250638546__root.DragHandle250638546--disabled{pointer-events:none}.DragHandle250638546__root.DragHandle250638546--dragging:not(.DragHandle250638546--disabled){cursor:grabbing}.EntityPagePlain3798985217__root.EntityPagePlain3798985217--mobile{--wds-page-header-padding-horizontal:0}.Fade1979305712__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1979305712__root.Fade1979305712--exit{opacity:0}.Heading1243663101__root{visibility:visible}.Heading1243663101__root.Heading1243663101--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow399246140__root.InputOverflow399246140--selected:not(.InputOverflow399246140--focused) input::placeholder{color:#000624}@keyframes LoadingRow2939954252__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%}}.LoadingRow2939954252__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:LoadingRow2939954252__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2402092852__root{opacity:1}.MaxHeightText2402092852__root.MaxHeightText2402092852--height24{line-height:24px}.MaxLines1617512665__root{overflow:hidden}.MaxLines1617512665__root.MaxLines1617512665--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1646567933__root{min-width:0}.MultiBulkActionToolbar1646567933__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1646567933__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1646567933__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow744433108__root td{padding:0!important;width:100%}.NestedTableRow3049070847__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3049070847__root:hover{background-color:#e7f0ff!important}.NestedTableRow3049070847__root.NestedTableRow3049070847--expandable{cursor:pointer}.NestedTableRow3049070847__placeholder td{padding:0!important;width:100%}.NestedTableRow3049070847__root:hover td:first-of-type::before,.NestedTableRow3049070847__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3104788623__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)}.NestedTableDragAndDropRow2589573243__root.NestedTableDragAndDropRow2589573243--draggingInto td{background-color:#e7f0ff!important}.PickerContent257041302__root{display:flex}.PickerContentAdditionalStep991532676__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep991532676__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2213498049__root{box-sizing:border-box}.ScrollableContent1308724911__root.ScrollableContent1308724911--overflowY{overflow-y:auto}.ScrollableContent1308724911__root.ScrollableContent1308724911--overflowX{overflow-x:auto}.ScrollableContent1308724911__root.ScrollableContent1308724911--smooth{scroll-behavior:smooth}.SkeletonCard1432605554__headerLoading{display:block!important}.SlidingModal115117005__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal115117005__root.SlidingModal115117005--overlay{transition:transform 0s ease 0s}.SlidingModal115117005__root.SlidingModal115117005---appendTo-6-parent{position:absolute}.SlidingModal115117005__root:not(.SlidingModal115117005--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter564460072__root .TabsFilter564460072__title{color:inherit!important}.ManageTagsModal3590317833__root{display:flex}.ToolbarItem2228036543__root{min-width:0}.ToolbarItemBox3414762621__root{min-width:0}.ToolbarItemBox3414762621__root.ToolbarItemBox3414762621--removeStartPadding{margin-left:-24px}.ToolbarItemBox3414762621__root.ToolbarItemBox3414762621--expandable{flex:1 0}.common2235341608__column{display:flex;flex-direction:column}.common2235341608__fullHeight{height:100%;min-height:0}.CollectionPageHeader4110351750__root.CollectionPageHeader4110351750--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader4110351750__root.CollectionPageHeader4110351750--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2250195472__root.FormPageHeader2250195472--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2250195472__root.FormPageHeader2250195472--mobile>*{margin-left:0;margin-top:6px!important;height:auto}