@wix/patterns 1.337.0 → 1.338.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow51442686";
+var _namespace_ = "LoadingRow3008612773";
 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":"LoadingRow51442686__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow51442686__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3008612773__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3008612773__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_ = "MaxHeightText2323143137";
+var _namespace_ = "MaxHeightText1142318275";
 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":"MaxHeightText2323143137__root"};
+export var classes = {"root":"MaxHeightText1142318275__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_ = "MaxLines3438071243";
+var _namespace_ = "MaxLines3027755952";
 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":"MaxLines3438071243__root"};
+export var classes = {"root":"MaxLines3027755952__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MoreFiltersCTA/MoreFiltersCTA.tsx

@@ -10,6 +10,7 @@ const _MoreFiltersCTA = () => {
   const {
     toolbar: { responsive },
     container: { translate: t },
+    toolbarFiltersState,
   } = state;
 
   return (
@@ -18,12 +19,13 @@ const _MoreFiltersCTA = () => {
       count={state.collection.query.nonPersistentCustomFiltersCount}
     >
       <ResponsiveButton
+        ref={toolbarFiltersState?.moreFiltersButtonRef}
         state={responsive.filters}
         shouldShrink={false}
         key="more-filters-button"
         dataHook="more-filters-button"
         icon={<ContentFilter />}
-        onClick={state.toolbarFiltersState?.onFiltersButtonClick}
+        onClick={toolbarFiltersState?.onFiltersButtonClick}
       >
         {t('cairo.toolbar.moreFiltersButton', { defaultValue: '' })}
       </ResponsiveButton>

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar3538856250";
+var _namespace_ = "MultiBulkActionToolbar3793364616";
 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":"MultiBulkActionToolbar3538856250__root","leftGroupWrapper":"MultiBulkActionToolbar3538856250__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3538856250__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3538856250__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar3793364616__root","leftGroupWrapper":"MultiBulkActionToolbar3793364616__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3793364616__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3793364616__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_ = "NestedTablePlaceholderStatesRow2901976876";
+var _namespace_ = "NestedTablePlaceholderStatesRow2366685358";
 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":"NestedTablePlaceholderStatesRow2901976876__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow2366685358__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_ = "NestedTableRow4216831903";
+var _namespace_ = "NestedTableRow4012245422";
 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":"NestedTableRow4216831903__root","firstLevel":"NestedTableRow4216831903__firstLevel","placeholder":"NestedTableRow4216831903__placeholder","parentHovered":"NestedTableRow4216831903__parentHovered"};
+export var classes = {"root":"NestedTableRow4012245422__root","firstLevel":"NestedTableRow4012245422__firstLevel","placeholder":"NestedTableRow4012245422__placeholder","parentHovered":"NestedTableRow4012245422__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_ = "MultipleDragOverlayEffect2720149821";
+var _namespace_ = "MultipleDragOverlayEffect2461601858";
 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":"MultipleDragOverlayEffect2720149821__root"};
+export var classes = {"root":"MultipleDragOverlayEffect2461601858__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_ = "NestedTableDragAndDropRow2752194378";
+var _namespace_ = "NestedTableDragAndDropRow2017963387";
 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":"NestedTableDragAndDropRow2752194378__root"};
+export var classes = {"root":"NestedTableDragAndDropRow2017963387__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_ = "PickerContent123699860";
+var _namespace_ = "PickerContent620018214";
 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":"PickerContent123699860__root"};
+export var classes = {"root":"PickerContent620018214__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_ = "PickerContentAdditionalStep23964712";
+var _namespace_ = "PickerContentAdditionalStep3476680796";
 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":"PickerContentAdditionalStep23964712__root","titles":"PickerContentAdditionalStep23964712__titles","suffix":"PickerContentAdditionalStep23964712__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep3476680796__root","titles":"PickerContentAdditionalStep3476680796__titles","suffix":"PickerContentAdditionalStep3476680796__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_ = "PickerTableListItem3689164289";
+var _namespace_ = "PickerTableListItem1676516431";
 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":"PickerTableListItem3689164289__root"};
+export var classes = {"root":"PickerTableListItem1676516431__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ResponsiveButton/ResponsiveButton.tsx

@@ -6,7 +6,7 @@ import {
   IconElement,
   Tooltip,
 } from '@wix/design-system';
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 import { ToolbarResponsivePriorityState } from '../../state/Toolbar/ToolbarResponsivePriorityState';
@@ -19,61 +19,67 @@ export type ResponsiveButtonProps = ButtonAsButtonProps<{
   shouldShrink?: boolean;
 }>;
 
-function _ResponsiveButton(props: ResponsiveButtonProps) {
-  const {
-    dataHook,
-    as,
-    icon,
-    children,
-    state,
-    shouldShrink: shouldShrinkProp = true,
-    ...rest
-  } = props;
+const _ResponsiveButton = forwardRef<Button, ResponsiveButtonProps>(
+  (props, ref) => {
+    const {
+      dataHook,
+      as,
+      icon,
+      children,
+      state,
+      shouldShrink: shouldShrinkProp = true,
+      ...rest
+    } = props;
 
-  const {
-    sizes,
-    toolbar: { button },
-  } = usePatternsTheme();
+    const {
+      sizes,
+      toolbar: { button },
+    } = usePatternsTheme();
 
-  const {
-    toolbar: { responsive },
-  } = useToolbarCollectionContext();
+    const {
+      toolbar: { responsive },
+    } = useToolbarCollectionContext();
 
-  const { _nextToShrink, responsiveDisabled } = responsive;
+    const { _nextToShrink, responsiveDisabled } = responsive;
 
-  const shouldShrink = responsiveDisabled
-    ? shouldShrinkProp
-    : _nextToShrink._count >= state._count && state._shouldShrink;
+    const shouldShrink = responsiveDisabled
+      ? shouldShrinkProp
+      : _nextToShrink._count >= state._count && state._shouldShrink;
 
-  return shouldShrink ? (
-    <Tooltip
-      content={children}
-      dataHook={dataHook ? `${dataHook}-tooltip` : undefined}
-    >
-      <Box direction="vertical" minWidth="30px">
-        <IconButton
+    return shouldShrink ? (
+      <Tooltip
+        content={children}
+        dataHook={dataHook ? `${dataHook}-tooltip` : undefined}
+      >
+        <Box direction="vertical" minWidth="30px">
+          <IconButton
+            ref={ref}
+            {...rest}
+            dataHook={dataHook}
+            size={sizes.small}
+            priority="secondary"
+          >
+            {icon}
+          </IconButton>
+        </Box>
+      </Tooltip>
+    ) : (
+      <div style={{ display: 'contents' }}>
+        <Button
+          ref={ref}
+          as={as}
           {...rest}
           dataHook={dataHook}
           size={sizes.small}
           priority="secondary"
+          prefixIcon={icon}
+          suffixIcon={button.suffix}
         >
-          {icon}
-        </IconButton>
-      </Box>
-    </Tooltip>
-  ) : (
-    <Button
-      as={as}
-      {...rest}
-      dataHook={dataHook}
-      size={sizes.small}
-      priority="secondary"
-      prefixIcon={icon}
-      suffixIcon={button.suffix}
-    >
-      {children}
-    </Button>
-  );
-}
+          {children}
+        </Button>
+      </div>
+    );
+  },
+);
 
 export const ResponsiveButton = observer(_ResponsiveButton);

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent1514627155";
+var _namespace_ = "ScrollableContent2930045273";
 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":"ScrollableContent1514627155__root"};
+export var classes = {"root":"ScrollableContent2930045273__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_ = "SkeletonCard4200077779";
+var _namespace_ = "SkeletonCard1345182747";
 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":"SkeletonCard4200077779__root","headerLoading":"SkeletonCard4200077779__headerLoading"};
+export var classes = {"root":"SkeletonCard1345182747__root","headerLoading":"SkeletonCard1345182747__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_ = "SlidingModal1143591618";
+var _namespace_ = "SlidingModal692356518";
 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":"SlidingModal1143591618__root"};
+export var classes = {"root":"SlidingModal692356518__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_ = "TabsFilter232326813";
+var _namespace_ = "TabsFilter2423008515";
 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":"TabsFilter232326813__root","title":"TabsFilter232326813__title"};
+export var classes = {"root":"TabsFilter2423008515__root","title":"TabsFilter2423008515__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_ = "ManageTagsModal3811406198";
+var _namespace_ = "ManageTagsModal3936625449";
 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":"ManageTagsModal3811406198__root"};
+export var classes = {"root":"ManageTagsModal3936625449__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_ = "ToolbarItem4209088188";
+var _namespace_ = "ToolbarItem1352350803";
 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":"ToolbarItem4209088188__root"};
+export var classes = {"root":"ToolbarItem1352350803__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_ = "ToolbarItemBox3824877352";
+var _namespace_ = "ToolbarItemBox2099455071";
 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":"ToolbarItemBox3824877352__root"};
+export var classes = {"root":"ToolbarItemBox2099455071__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_ = "common2150455002";
+var _namespace_ = "common3366408934";
 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":"common2150455002__root","column":"common2150455002__column","fullHeight":"common2150455002__fullHeight"};
+export var classes = {"root":"common3366408934__root","column":"common3366408934__column","fullHeight":"common3366408934__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_ = "CollectionPageHeader3964412975";
+var _namespace_ = "CollectionPageHeader630394202";
 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":"CollectionPageHeader3964412975__root"};
+export var classes = {"root":"CollectionPageHeader630394202__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_ = "FormPageHeader3327977933";
+var _namespace_ = "FormPageHeader3500407043";
 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":"FormPageHeader3327977933__root"};
+export var classes = {"root":"FormPageHeader3500407043__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer1127640947__root.CardContainer1127640947--mobile{border-radius:0}.Collapse4173233543__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse4173233543__exit{height:0}.CollectionPage1884614354__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1884614354__root.CollectionPage1884614354--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1884614354__root.CollectionPage1884614354--panel{overflow:hidden;position:relative}.CollectionTable830039945__root td{vertical-align:middle}.CollectionTable830039945__root.CollectionTable830039945--mobile td:first-child{padding-left:18px}.CollectionTable830039945__root.CollectionTable830039945--mobile td:last-child{padding-right:18px}.CollectionToolbar2067268736__left{min-width:0}.CollectionToolbar2067268736__root.CollectionToolbar2067268736--views .CollectionToolbar2067268736__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2067268736__left.CollectionToolbar2067268736--expandable{flex:auto}.CollectionToolbar2067268736__root .CollectionToolbar2067268736__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2067268736__root.CollectionToolbar2067268736--views .CollectionToolbar2067268736__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2067268736__root .CollectionToolbar2067268736__right.CollectionToolbar2067268736__fullWidth{margin-inline-start:0!important}.CollectionToolbar2067268736__root.CollectionToolbar2067268736--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3266924804__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3266924804__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3266924804__searchMobile:not(.SearchOrCustomFilter3266924804--expandable){left:18px}.SearchOrCustomFilter3266924804__searchMobile.SearchOrCustomFilter3266924804--expandable.SearchOrCustomFilter3266924804--expanded{left:18px}.AutoCompleteReadonly1578371289__root.AutoCompleteReadonly1578371289--disableEditing{cursor:pointer}.AutoCompleteReadonly1578371289__root.AutoCompleteReadonly1578371289--disableEditing input{cursor:pointer}.ViewsDropdown445946096__root{width:200px}.DragHandle3732314417__root{display:flex;align-items:center}.DragHandle3732314417__root:not(.DragHandle3732314417--disabled){cursor:grab;color:#a8caff}.DragHandle3732314417__root.DragHandle3732314417--disabled{color:#acafc4}.DragHandle3732314417__root:focus-visible:not(.DragHandle3732314417--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3732314417__root.DragHandle3732314417--disabled{pointer-events:none}.DragHandle3732314417__root.DragHandle3732314417--dragging:not(.DragHandle3732314417--disabled){cursor:grabbing}.EntityPagePlain1938592713__root.EntityPagePlain1938592713--mobile{--wds-page-header-padding-horizontal:0}.Fade1959325389__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1959325389__root.Fade1959325389--exit{opacity:0}.Heading1774965373__root{visibility:visible}.Heading1774965373__root.Heading1774965373--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow869134323__root.InputOverflow869134323--selected:not(.InputOverflow869134323--focused) input::placeholder{color:#000624}@keyframes LoadingRow51442686__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%}}.LoadingRow51442686__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:LoadingRow51442686__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2323143137__root{opacity:1}.MaxHeightText2323143137__root.MaxHeightText2323143137--height24{line-height:24px}.MaxLines3438071243__root{overflow:hidden}.MaxLines3438071243__root.MaxLines3438071243--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3538856250__root{min-width:0}.MultiBulkActionToolbar3538856250__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3538856250__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3538856250__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2901976876__root td{padding:0!important;width:100%}.NestedTableRow4216831903__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow4216831903__root:hover{background-color:#e7f0ff!important}.NestedTableRow4216831903__root.NestedTableRow4216831903--expandable{cursor:pointer}.NestedTableRow4216831903__placeholder td{padding:0!important;width:100%}.NestedTableRow4216831903__root:hover td:first-of-type::before,.NestedTableRow4216831903__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2720149821__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)}.NestedTableDragAndDropRow2752194378__root.NestedTableDragAndDropRow2752194378--draggingInto td{background-color:#e7f0ff!important}.PickerContent123699860__root{display:flex}.PickerContentAdditionalStep23964712__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep23964712__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3689164289__root{box-sizing:border-box}.ScrollableContent1514627155__root.ScrollableContent1514627155--overflowY{overflow-y:auto}.ScrollableContent1514627155__root.ScrollableContent1514627155--overflowX{overflow-x:auto}.ScrollableContent1514627155__root.ScrollableContent1514627155--smooth{scroll-behavior:smooth}.SkeletonCard4200077779__headerLoading{display:block!important}.SlidingModal1143591618__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1143591618__root.SlidingModal1143591618--overlay{transition:transform 0s ease 0s}.SlidingModal1143591618__root.SlidingModal1143591618---appendTo-6-parent{position:absolute}.SlidingModal1143591618__root:not(.SlidingModal1143591618--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter232326813__root .TabsFilter232326813__title{color:inherit!important}.ManageTagsModal3811406198__root{display:flex}.ToolbarItem4209088188__root{min-width:0}.ToolbarItemBox3824877352__root{min-width:0}.ToolbarItemBox3824877352__root.ToolbarItemBox3824877352--removeStartPadding{margin-left:-24px}.ToolbarItemBox3824877352__root.ToolbarItemBox3824877352--expandable{flex:1 0}.common2150455002__column{display:flex;flex-direction:column}.common2150455002__fullHeight{height:100%;min-height:0}.CollectionPageHeader3964412975__root.CollectionPageHeader3964412975--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3964412975__root.CollectionPageHeader3964412975--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3327977933__root.FormPageHeader3327977933--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3327977933__root.FormPageHeader3327977933--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer2270987594__root.CardContainer2270987594--mobile{border-radius:0}.Collapse3580489356__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3580489356__exit{height:0}.CollectionPage760750956__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage760750956__root.CollectionPage760750956--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage760750956__root.CollectionPage760750956--panel{overflow:hidden;position:relative}.CollectionTable2088375065__root td{vertical-align:middle}.CollectionTable2088375065__root.CollectionTable2088375065--mobile td:first-child{padding-left:18px}.CollectionTable2088375065__root.CollectionTable2088375065--mobile td:last-child{padding-right:18px}.CollectionToolbar2950418002__left{min-width:0}.CollectionToolbar2950418002__root.CollectionToolbar2950418002--views .CollectionToolbar2950418002__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2950418002__left.CollectionToolbar2950418002--expandable{flex:auto}.CollectionToolbar2950418002__root .CollectionToolbar2950418002__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2950418002__root.CollectionToolbar2950418002--views .CollectionToolbar2950418002__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2950418002__root .CollectionToolbar2950418002__right.CollectionToolbar2950418002__fullWidth{margin-inline-start:0!important}.CollectionToolbar2950418002__root.CollectionToolbar2950418002--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3532595144__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3532595144__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3532595144__searchMobile:not(.SearchOrCustomFilter3532595144--expandable){left:18px}.SearchOrCustomFilter3532595144__searchMobile.SearchOrCustomFilter3532595144--expandable.SearchOrCustomFilter3532595144--expanded{left:18px}.AutoCompleteReadonly572573198__root.AutoCompleteReadonly572573198--disableEditing{cursor:pointer}.AutoCompleteReadonly572573198__root.AutoCompleteReadonly572573198--disableEditing input{cursor:pointer}.ViewsDropdown1422484904__root{width:200px}.DragHandle4255276052__root{display:flex;align-items:center}.DragHandle4255276052__root:not(.DragHandle4255276052--disabled){cursor:grab;color:#a8caff}.DragHandle4255276052__root.DragHandle4255276052--disabled{color:#acafc4}.DragHandle4255276052__root:focus-visible:not(.DragHandle4255276052--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle4255276052__root.DragHandle4255276052--disabled{pointer-events:none}.DragHandle4255276052__root.DragHandle4255276052--dragging:not(.DragHandle4255276052--disabled){cursor:grabbing}.EntityPagePlain190709969__root.EntityPagePlain190709969--mobile{--wds-page-header-padding-horizontal:0}.Fade1345945596__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1345945596__root.Fade1345945596--exit{opacity:0}.Heading3281401398__root{visibility:visible}.Heading3281401398__root.Heading3281401398--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1183490160__root.InputOverflow1183490160--selected:not(.InputOverflow1183490160--focused) input::placeholder{color:#000624}@keyframes LoadingRow3008612773__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%}}.LoadingRow3008612773__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:LoadingRow3008612773__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1142318275__root{opacity:1}.MaxHeightText1142318275__root.MaxHeightText1142318275--height24{line-height:24px}.MaxLines3027755952__root{overflow:hidden}.MaxLines3027755952__root.MaxLines3027755952--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3793364616__root{min-width:0}.MultiBulkActionToolbar3793364616__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3793364616__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3793364616__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2366685358__root td{padding:0!important;width:100%}.NestedTableRow4012245422__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow4012245422__root:hover{background-color:#e7f0ff!important}.NestedTableRow4012245422__root.NestedTableRow4012245422--expandable{cursor:pointer}.NestedTableRow4012245422__placeholder td{padding:0!important;width:100%}.NestedTableRow4012245422__root:hover td:first-of-type::before,.NestedTableRow4012245422__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2461601858__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)}.NestedTableDragAndDropRow2017963387__root.NestedTableDragAndDropRow2017963387--draggingInto td{background-color:#e7f0ff!important}.PickerContent620018214__root{display:flex}.PickerContentAdditionalStep3476680796__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3476680796__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1676516431__root{box-sizing:border-box}.ScrollableContent2930045273__root.ScrollableContent2930045273--overflowY{overflow-y:auto}.ScrollableContent2930045273__root.ScrollableContent2930045273--overflowX{overflow-x:auto}.ScrollableContent2930045273__root.ScrollableContent2930045273--smooth{scroll-behavior:smooth}.SkeletonCard1345182747__headerLoading{display:block!important}.SlidingModal692356518__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal692356518__root.SlidingModal692356518--overlay{transition:transform 0s ease 0s}.SlidingModal692356518__root.SlidingModal692356518---appendTo-6-parent{position:absolute}.SlidingModal692356518__root:not(.SlidingModal692356518--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2423008515__root .TabsFilter2423008515__title{color:inherit!important}.ManageTagsModal3936625449__root{display:flex}.ToolbarItem1352350803__root{min-width:0}.ToolbarItemBox2099455071__root{min-width:0}.ToolbarItemBox2099455071__root.ToolbarItemBox2099455071--removeStartPadding{margin-left:-24px}.ToolbarItemBox2099455071__root.ToolbarItemBox2099455071--expandable{flex:1 0}.common3366408934__column{display:flex;flex-direction:column}.common3366408934__fullHeight{height:100%;min-height:0}.CollectionPageHeader630394202__root.CollectionPageHeader630394202--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader630394202__root.CollectionPageHeader630394202--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3500407043__root.FormPageHeader3500407043--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3500407043__root.FormPageHeader3500407043--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.337.0';
+export const version = 'patterns@1.338.0';