@wix/patterns 1.320.0 → 1.322.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxLines870610812";
+var _namespace_ = "MaxLines3577512410";
 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":"MaxLines870610812__root"};
+export var classes = {"root":"MaxLines3577512410__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_ = "MultiBulkActionToolbar3140806827";
+var _namespace_ = "MultiBulkActionToolbar719948023";
 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":"MultiBulkActionToolbar3140806827__root","leftGroupWrapper":"MultiBulkActionToolbar3140806827__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3140806827__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3140806827__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar719948023__root","leftGroupWrapper":"MultiBulkActionToolbar719948023__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar719948023__selectedCountItem","selectedCountText":"MultiBulkActionToolbar719948023__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_ = "NestedTablePlaceholderStatesRow3939058327";
+var _namespace_ = "NestedTablePlaceholderStatesRow3564216652";
 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":"NestedTablePlaceholderStatesRow3939058327__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow3564216652__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_ = "NestedTableRow3792736285";
+var _namespace_ = "NestedTableRow444394540";
 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":"NestedTableRow3792736285__root","firstLevel":"NestedTableRow3792736285__firstLevel","placeholder":"NestedTableRow3792736285__placeholder","parentHovered":"NestedTableRow3792736285__parentHovered"};
+export var classes = {"root":"NestedTableRow444394540__root","firstLevel":"NestedTableRow444394540__firstLevel","placeholder":"NestedTableRow444394540__placeholder","parentHovered":"NestedTableRow444394540__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_ = "MultipleDragOverlayEffect1188327833";
+var _namespace_ = "MultipleDragOverlayEffect2651584198";
 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":"MultipleDragOverlayEffect1188327833__root"};
+export var classes = {"root":"MultipleDragOverlayEffect2651584198__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_ = "NestedTableDragAndDropRow4097888494";
+var _namespace_ = "NestedTableDragAndDropRow2434494815";
 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":"NestedTableDragAndDropRow4097888494__root"};
+export var classes = {"root":"NestedTableDragAndDropRow2434494815__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_ = "PickerContent1350231859";
+var _namespace_ = "PickerContent603656923";
 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":"PickerContent1350231859__root"};
+export var classes = {"root":"PickerContent603656923__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_ = "PickerContentAdditionalStep2117746990";
+var _namespace_ = "PickerContentAdditionalStep2352911284";
 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":"PickerContentAdditionalStep2117746990__root","titles":"PickerContentAdditionalStep2117746990__titles","suffix":"PickerContentAdditionalStep2117746990__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep2352911284__root","titles":"PickerContentAdditionalStep2352911284__titles","suffix":"PickerContentAdditionalStep2352911284__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_ = "PickerTableListItem2163100346";
+var _namespace_ = "PickerTableListItem2083694027";
 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":"PickerTableListItem2163100346__root"};
+export var classes = {"root":"PickerTableListItem2083694027__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_ = "ScrollableContent491320818";
+var _namespace_ = "ScrollableContent1926770345";
 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":"ScrollableContent491320818__root"};
+export var classes = {"root":"ScrollableContent1926770345__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_ = "SkeletonCard3769359379";
+var _namespace_ = "SkeletonCard2924740901";
 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":"SkeletonCard3769359379__root","headerLoading":"SkeletonCard3769359379__headerLoading"};
+export var classes = {"root":"SkeletonCard2924740901__root","headerLoading":"SkeletonCard2924740901__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_ = "SlidingModal788397490";
+var _namespace_ = "SlidingModal1080231260";
 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":"SlidingModal788397490__root"};
+export var classes = {"root":"SlidingModal1080231260__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Suggestions/Suggestions.tsx

@@ -27,6 +27,7 @@ interface SuggestionsContainerProps {
   carouselProps?: CarouselWIPProps;
   dataHook: string;
   dataState: 'idle' | 'loading';
+  maxInlineItems: number;
 }
 
 const SuggestionsContainer: React.FC<SuggestionsContainerProps> = ({
@@ -35,8 +36,9 @@ const SuggestionsContainer: React.FC<SuggestionsContainerProps> = ({
   carouselProps,
   dataHook,
   dataState,
+  maxInlineItems,
 }) => {
-  if (count <= 2) {
+  if (count <= maxInlineItems) {
     return (
       <div data-hook={dataHook}>
         <Box
@@ -71,6 +73,7 @@ export const Suggestions: React.FC<SuggestionsProps> = observer(
     carouselProps,
     skeletonsNumber = 4,
     dataHook = 'suggestions',
+    maxInlineItems = 2,
   }) => {
     const { httpClient } = useWixPatternsContainer();
 
@@ -107,6 +110,7 @@ export const Suggestions: React.FC<SuggestionsProps> = observer(
           carouselProps={carouselProps}
           dataHook={dataHook}
           dataState="idle"
+          maxInlineItems={maxInlineItems}
         >
           {cards.map(({ key, element }) => (
             <React.Fragment key={key}>{element}</React.Fragment>
@@ -132,6 +136,7 @@ export const Suggestions: React.FC<SuggestionsProps> = observer(
           carouselProps={{ ...carouselProps, controlsPosition: 'none' }}
           dataHook={dataHook}
           dataState="loading"
+          maxInlineItems={maxInlineItems}
         >
           {skeletons}
         </SuggestionsContainer>

package/src/components/Suggestions/types.ts

@@ -38,4 +38,6 @@ export interface SuggestionsProps {
   skeletonsNumber?: number;
   /** Data hook to use for the suggestions component */
   dataHook?: string;
+  /** Maximum number of items to display inline (Box layout). Above this, Carousel is used. */
+  maxInlineItems?: number;
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter3417350803";
+var _namespace_ = "TabsFilter3326834053";
 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":"TabsFilter3417350803__root","title":"TabsFilter3417350803__title"};
+export var classes = {"root":"TabsFilter3326834053__root","title":"TabsFilter3326834053__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_ = "ManageTagsModal509023320";
+var _namespace_ = "ManageTagsModal4175379123";
 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":"ManageTagsModal509023320__root"};
+export var classes = {"root":"ManageTagsModal4175379123__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_ = "ToolbarItem3319542280";
+var _namespace_ = "ToolbarItem2664607348";
 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":"ToolbarItem3319542280__root"};
+export var classes = {"root":"ToolbarItem2664607348__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_ = "ToolbarItemBox2823227891";
+var _namespace_ = "ToolbarItemBox3952554729";
 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":"ToolbarItemBox2823227891__root"};
+export var classes = {"root":"ToolbarItemBox3952554729__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_ = "common427570969";
+var _namespace_ = "common1770253914";
 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":"common427570969__root","column":"common427570969__column","fullHeight":"common427570969__fullHeight"};
+export var classes = {"root":"common1770253914__root","column":"common1770253914__column","fullHeight":"common1770253914__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/BulkActionToolbarState.ts

@@ -8,6 +8,7 @@ import {
   Translate,
 } from '@wix/bex-core';
 import { SidePanelsState } from './SidePanelsState';
+import { createRef, RefObject } from 'react';
 
 interface SelectAllLocationParams {
   location: 'TableToolbar CTA' | 'Checkbox';
@@ -36,6 +37,9 @@ export class BulkActionToolbarState<T, F extends FiltersMap> {
 
   readonly modals;
 
+  readonly bulkSelectionCheckboxRef: RefObject<HTMLInputElement> =
+    createRef<HTMLInputElement>();
+
   selectionDisabledProp: SelectionDisabledProp = () => false;
   checkboxTooltipContentProp?: CheckboxTooltipContentProp;
   shouldIncludeCollection?: (collection: any) => boolean;
@@ -233,6 +237,7 @@ export class BulkActionToolbarState<T, F extends FiltersMap> {
       collection.bulkSelect.deselectAll(),
     );
     onSelectAllToggledEnd();
+    this.bulkSelectionCheckboxRef.current?.focus();
   }
 
   _getCollectionOf(id: string) {

package/src/state/CollectionPage/CollectionPageHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader3365371036";
+var _namespace_ = "CollectionPageHeader2350373798";
 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":"CollectionPageHeader3365371036__root"};
+export var classes = {"root":"CollectionPageHeader2350373798__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_ = "FormPageHeader33544609";
+var _namespace_ = "FormPageHeader2570289046";
 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":"FormPageHeader33544609__root"};
+export var classes = {"root":"FormPageHeader2570289046__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/NestedTableState/NestedTableState.ts

@@ -170,7 +170,7 @@ export class NestedTableState<
     }
 
     const nestedOptimisticActionsState = {
-      parentId: 'null',
+      parentId: '',
       sequences: this.sequences,
       query: this.query,
       levelDescriptor: rootLevelDescriptor,

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer3552234799__root.CardContainer3552234799--mobile{border-radius:0}.Collapse1460695742__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1460695742__exit{height:0}.CollectionPage1099023269__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1099023269__root.CollectionPage1099023269--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1099023269__root.CollectionPage1099023269--panel{overflow:hidden;position:relative}.CollectionTable369512688__root td{vertical-align:middle}.CollectionTable369512688__root.CollectionTable369512688--mobile td:first-child{padding-left:18px}.CollectionTable369512688__root.CollectionTable369512688--mobile td:last-child{padding-right:18px}.CollectionToolbar1271196110__left{min-width:0}.CollectionToolbar1271196110__root.CollectionToolbar1271196110--views .CollectionToolbar1271196110__left{flex-shrink:1;flex-grow:0}.CollectionToolbar1271196110__left.CollectionToolbar1271196110--expandable{flex:auto}.CollectionToolbar1271196110__root .CollectionToolbar1271196110__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1271196110__root.CollectionToolbar1271196110--views .CollectionToolbar1271196110__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1271196110__root .CollectionToolbar1271196110__right.CollectionToolbar1271196110__fullWidth{margin-inline-start:0!important}.CollectionToolbar1271196110__root.CollectionToolbar1271196110--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1908610500__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1908610500__searchMobile{justify-content:flex-end}.SearchOrCustomFilter1908610500__searchMobile:not(.SearchOrCustomFilter1908610500--expandable){width:100%}.SearchOrCustomFilter1908610500__searchMobile.SearchOrCustomFilter1908610500--expandable.SearchOrCustomFilter1908610500--expanded{position:absolute;right:18px;left:18px}.AutoCompleteReadonly3810730043__root.AutoCompleteReadonly3810730043--disableEditing{cursor:pointer}.AutoCompleteReadonly3810730043__root.AutoCompleteReadonly3810730043--disableEditing input{cursor:pointer}.ViewsDropdown2400695630__root{width:200px}.DragHandle758605629__root{display:flex;align-items:center}.DragHandle758605629__root:not(.DragHandle758605629--disabled){cursor:grab;color:#a8caff}.DragHandle758605629__root.DragHandle758605629--disabled{color:#acafc4}.DragHandle758605629__root:focus-visible:not(.DragHandle758605629--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle758605629__root.DragHandle758605629--disabled{pointer-events:none}.DragHandle758605629__root.DragHandle758605629--dragging:not(.DragHandle758605629--disabled){cursor:grabbing}.EntityPagePlain2365893893__root.EntityPagePlain2365893893--mobile{--wds-page-header-padding-horizontal:0}.Fade3088508100__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3088508100__root.Fade3088508100--exit{opacity:0}.Heading797990220__root{visibility:visible}.Heading797990220__root.Heading797990220--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2351907687__root.InputOverflow2351907687--selected:not(.InputOverflow2351907687--focused) input::placeholder{color:#000624}@keyframes LoadingRow3824988442__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%}}.LoadingRow3824988442__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:LoadingRow3824988442__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText4203465305__root{opacity:1}.MaxHeightText4203465305__root.MaxHeightText4203465305--height24{line-height:24px}.MaxLines870610812__root{overflow:hidden}.MaxLines870610812__root.MaxLines870610812--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3140806827__root{min-width:0}.MultiBulkActionToolbar3140806827__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3140806827__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3140806827__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3939058327__root td{padding:0!important;width:100%}.NestedTableRow3792736285__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3792736285__root:hover{background-color:#e7f0ff!important}.NestedTableRow3792736285__root.NestedTableRow3792736285--expandable{cursor:pointer}.NestedTableRow3792736285__placeholder td{padding:0!important;width:100%}.NestedTableRow3792736285__root:hover td:first-of-type::before,.NestedTableRow3792736285__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1188327833__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)}.NestedTableDragAndDropRow4097888494__root.NestedTableDragAndDropRow4097888494--draggingInto td{background-color:#e7f0ff!important}.PickerContent1350231859__root{display:flex}.PickerContentAdditionalStep2117746990__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2117746990__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2163100346__root{box-sizing:border-box}.ScrollableContent491320818__root.ScrollableContent491320818--overflowY{overflow-y:auto}.ScrollableContent491320818__root.ScrollableContent491320818--overflowX{overflow-x:auto}.ScrollableContent491320818__root.ScrollableContent491320818--smooth{scroll-behavior:smooth}.SkeletonCard3769359379__headerLoading{display:block!important}.SlidingModal788397490__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal788397490__root.SlidingModal788397490--overlay{transition:transform 0s ease 0s}.SlidingModal788397490__root.SlidingModal788397490---appendTo-6-parent{position:absolute}.SlidingModal788397490__root:not(.SlidingModal788397490--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3417350803__root .TabsFilter3417350803__title{color:inherit!important}.ManageTagsModal509023320__root{display:flex}.ToolbarItem3319542280__root{min-width:0}.ToolbarItemBox2823227891__root{min-width:0}.ToolbarItemBox2823227891__root.ToolbarItemBox2823227891--removeStartPadding{margin-left:-24px}.ToolbarItemBox2823227891__root.ToolbarItemBox2823227891--expandable{flex:1 0}.common427570969__column{display:flex;flex-direction:column}.common427570969__fullHeight{height:100%;min-height:0}.CollectionPageHeader3365371036__root.CollectionPageHeader3365371036--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3365371036__root.CollectionPageHeader3365371036--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader33544609__root.FormPageHeader33544609--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader33544609__root.FormPageHeader33544609--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer3864494935__root.CardContainer3864494935--mobile{border-radius:0}.Collapse2707841607__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2707841607__exit{height:0}.CollectionPage1392948675__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1392948675__root.CollectionPage1392948675--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1392948675__root.CollectionPage1392948675--panel{overflow:hidden;position:relative}.CollectionTable3526059957__root td{vertical-align:middle}.CollectionTable3526059957__root.CollectionTable3526059957--mobile td:first-child{padding-left:18px}.CollectionTable3526059957__root.CollectionTable3526059957--mobile td:last-child{padding-right:18px}.CollectionToolbar54365146__left{min-width:0}.CollectionToolbar54365146__root.CollectionToolbar54365146--views .CollectionToolbar54365146__left{flex-shrink:1;flex-grow:0}.CollectionToolbar54365146__left.CollectionToolbar54365146--expandable{flex:auto}.CollectionToolbar54365146__root .CollectionToolbar54365146__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar54365146__root.CollectionToolbar54365146--views .CollectionToolbar54365146__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar54365146__root .CollectionToolbar54365146__right.CollectionToolbar54365146__fullWidth{margin-inline-start:0!important}.CollectionToolbar54365146__root.CollectionToolbar54365146--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1560324690__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1560324690__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1560324690__searchMobile:not(.SearchOrCustomFilter1560324690--expandable){left:18px}.SearchOrCustomFilter1560324690__searchMobile.SearchOrCustomFilter1560324690--expandable.SearchOrCustomFilter1560324690--expanded{left:18px}.AutoCompleteReadonly2838756537__root.AutoCompleteReadonly2838756537--disableEditing{cursor:pointer}.AutoCompleteReadonly2838756537__root.AutoCompleteReadonly2838756537--disableEditing input{cursor:pointer}.ViewsDropdown1847203528__root{width:200px}.DragHandle1265699208__root{display:flex;align-items:center}.DragHandle1265699208__root:not(.DragHandle1265699208--disabled){cursor:grab;color:#a8caff}.DragHandle1265699208__root.DragHandle1265699208--disabled{color:#acafc4}.DragHandle1265699208__root:focus-visible:not(.DragHandle1265699208--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1265699208__root.DragHandle1265699208--disabled{pointer-events:none}.DragHandle1265699208__root.DragHandle1265699208--dragging:not(.DragHandle1265699208--disabled){cursor:grabbing}.EntityPagePlain3073058037__root.EntityPagePlain3073058037--mobile{--wds-page-header-padding-horizontal:0}.Fade418982585__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade418982585__root.Fade418982585--exit{opacity:0}.Heading2862719035__root{visibility:visible}.Heading2862719035__root.Heading2862719035--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow575606197__root.InputOverflow575606197--selected:not(.InputOverflow575606197--focused) input::placeholder{color:#000624}@keyframes LoadingRow1978011329__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%}}.LoadingRow1978011329__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:LoadingRow1978011329__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3073310878__root{opacity:1}.MaxHeightText3073310878__root.MaxHeightText3073310878--height24{line-height:24px}.MaxLines3577512410__root{overflow:hidden}.MaxLines3577512410__root.MaxLines3577512410--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar719948023__root{min-width:0}.MultiBulkActionToolbar719948023__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar719948023__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar719948023__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3564216652__root td{padding:0!important;width:100%}.NestedTableRow444394540__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow444394540__root:hover{background-color:#e7f0ff!important}.NestedTableRow444394540__root.NestedTableRow444394540--expandable{cursor:pointer}.NestedTableRow444394540__placeholder td{padding:0!important;width:100%}.NestedTableRow444394540__root:hover td:first-of-type::before,.NestedTableRow444394540__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2651584198__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)}.NestedTableDragAndDropRow2434494815__root.NestedTableDragAndDropRow2434494815--draggingInto td{background-color:#e7f0ff!important}.PickerContent603656923__root{display:flex}.PickerContentAdditionalStep2352911284__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2352911284__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2083694027__root{box-sizing:border-box}.ScrollableContent1926770345__root.ScrollableContent1926770345--overflowY{overflow-y:auto}.ScrollableContent1926770345__root.ScrollableContent1926770345--overflowX{overflow-x:auto}.ScrollableContent1926770345__root.ScrollableContent1926770345--smooth{scroll-behavior:smooth}.SkeletonCard2924740901__headerLoading{display:block!important}.SlidingModal1080231260__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1080231260__root.SlidingModal1080231260--overlay{transition:transform 0s ease 0s}.SlidingModal1080231260__root.SlidingModal1080231260---appendTo-6-parent{position:absolute}.SlidingModal1080231260__root:not(.SlidingModal1080231260--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3326834053__root .TabsFilter3326834053__title{color:inherit!important}.ManageTagsModal4175379123__root{display:flex}.ToolbarItem2664607348__root{min-width:0}.ToolbarItemBox3952554729__root{min-width:0}.ToolbarItemBox3952554729__root.ToolbarItemBox3952554729--removeStartPadding{margin-left:-24px}.ToolbarItemBox3952554729__root.ToolbarItemBox3952554729--expandable{flex:1 0}.common1770253914__column{display:flex;flex-direction:column}.common1770253914__fullHeight{height:100%;min-height:0}.CollectionPageHeader2350373798__root.CollectionPageHeader2350373798--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2350373798__root.CollectionPageHeader2350373798--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2570289046__root.FormPageHeader2570289046--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2570289046__root.FormPageHeader2570289046--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.320.0';
+export const version = 'patterns@1.322.0';