@wix/patterns 1.319.0 → 1.321.0

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/Suggestions.uni.driver.ts

@@ -35,11 +35,9 @@ export const SuggestionsUniDriver = (
 
   const getCarouselChildren = async (): Promise<UniDriver[] | null> => {
     if (await carouselIdle.exists()) {
-      // @ts-expect-error carousel types are wrong, getChildren returns a Promise of an array and not UniDriverList
       return carouselIdle.getChildren();
     }
     if (await carouselLoading.exists()) {
-      // @ts-expect-error carousel types are wrong, getChildren returns a Promise of an array and not UniDriverList
       return carouselLoading.getChildren();
     }
     return null;

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_ = "TabsFilter3081753966";
+var _namespace_ = "TabsFilter2882288716";
 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":"TabsFilter3081753966__root","title":"TabsFilter3081753966__title"};
+export var classes = {"root":"TabsFilter2882288716__root","title":"TabsFilter2882288716__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_ = "ManageTagsModal3954289106";
+var _namespace_ = "ManageTagsModal1579914940";
 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":"ManageTagsModal3954289106__root"};
+export var classes = {"root":"ManageTagsModal1579914940__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_ = "ToolbarItem3269418923";
+var _namespace_ = "ToolbarItem2895523215";
 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":"ToolbarItem3269418923__root"};
+export var classes = {"root":"ToolbarItem2895523215__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_ = "ToolbarItemBox3693513946";
+var _namespace_ = "ToolbarItemBox2403211560";
 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":"ToolbarItemBox3693513946__root"};
+export var classes = {"root":"ToolbarItemBox2403211560__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_ = "common412353651";
+var _namespace_ = "common4208200731";
 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":"common412353651__root","column":"common412353651__column","fullHeight":"common412353651__fullHeight"};
+export var classes = {"root":"common4208200731__root","column":"common4208200731__column","fullHeight":"common4208200731__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/hooks/usePickerModal/PickerModalState.ts

@@ -144,40 +144,10 @@ export class PickerModalState<T, F extends FiltersMap> {
             )
           : undefined;
 
-        const withoutFiltersPromise = some(this.filters)
-          ? this.fetchData(
-              prefetchComputedQuery({
-                filters: {} as RawFilters<F>,
-              }),
-            )
-          : undefined;
-
-        const strictFiltersOnlyPromise = some(
-          this.filters,
-          (_, filterName) => !this.shouldFilterNotAffectTotalCount(filterName),
-        )
-          ? this.fetchData(
-              prefetchComputedQuery({
-                filters: mapValues(this.filters, (filter, filterName) =>
-                  this.shouldFilterNotAffectTotalCount(filterName)
-                    ? undefined
-                    : filter?.initialValue,
-                ) as ComputedQuery<F & { search: Filter<string> }>['filters'],
-              }),
-            )
-          : undefined;
-
-        const [firstPageResult, withoutFiltersResult, strictFiltersResult] =
-          await Promise.all([
-            firstPagePromise,
-            withoutFiltersPromise,
-            strictFiltersOnlyPromise,
-          ]);
+        const [firstPageResult] = await Promise.all([firstPagePromise]);
 
         return {
           firstPageResult,
-          withoutFiltersResult,
-          strictFiltersResult,
         };
       },
     });
@@ -336,19 +306,14 @@ export class PickerModalState<T, F extends FiltersMap> {
       ) {
         const {
           firstPageResult: { total, items },
-          withoutFiltersResult,
         } = status.value.data;
 
-        if (
-          !this.disableAutoSelectionRef.current &&
-          total === 1 &&
-          this.someHidden === false
-        ) {
+        if (!this.disableAutoSelectionRef.current && total === 1) {
           bi.report(
             pickerPickModalCtaButtonClickOrImmediateCta({
               isImmediate: true,
               itemsCnt: 1,
-              listSize: withoutFiltersResult?.total ?? total,
+              listSize: total,
               filteredListSize: total,
               ...this._commonDynamicBiParams(),
             }),
@@ -375,31 +340,6 @@ export class PickerModalState<T, F extends FiltersMap> {
     return this._isOpenButtonClicked.value;
   }
 
-  get someHidden() {
-    const { fetchFirstPage } = this;
-    if (fetchFirstPage.status.value.type !== 'success') {
-      return null;
-    }
-    const { firstPageResult, strictFiltersResult, withoutFiltersResult } =
-      fetchFirstPage.status.value.data;
-
-    if (firstPageResult == null) {
-      return false;
-    }
-
-    // in case no filters request was not executed, it means that there are not filters - same total as with filters
-    const noFiltersTotal = withoutFiltersResult?.total ?? firstPageResult.total;
-
-    // in case strict filters only request was not executed, it means that all filters should not affect total - same total as without filters
-    const strictFiltersOnlyTotal = strictFiltersResult?.total ?? noFiltersTotal;
-
-    if (noFiltersTotal == null || strictFiltersOnlyTotal == null) {
-      return null;
-    }
-
-    return noFiltersTotal > strictFiltersOnlyTotal;
-  }
-
   get noAvailableItemsFound() {
     const { fetchFirstPage } = this;
     return (

package/src/hooks/usePickerModal/UsePickerModalParamsBase.ts

@@ -55,7 +55,6 @@ export interface UsePickerModalParamsBase<T, F extends FiltersMap> {
   /**
    * Defines the initial values and config for filters that the collection supports.
    * For example: { premium: {initialValue: 'true'} }
-   * When a filter is marked as "strict" it means that we will compare how many items we have with and without it to decide on whether to show the `hiddenItemsWarningText` or not
    */
   filters?: Partial<RawFiltersParams<F>>;
   /**

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_ = "CollectionPageHeader2088974749";
+var _namespace_ = "CollectionPageHeader3552972525";
 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":"CollectionPageHeader2088974749__root"};
+export var classes = {"root":"CollectionPageHeader3552972525__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_ = "FormPageHeader193326091";
+var _namespace_ = "FormPageHeader2982912726";
 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":"FormPageHeader193326091__root"};
+export var classes = {"root":"FormPageHeader2982912726__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/PickerContentState.ts

@@ -91,21 +91,13 @@ export class PickerContentState<T, F extends FiltersMap> {
 
   _setInitialData() {
     const { modalState, picker } = this;
-    const { collection, strictFiltersOnly, noFilters } = picker;
-    const { firstPageResult, withoutFiltersResult, strictFiltersResult } =
+    const { collection } = picker;
+    const { firstPageResult } =
       modalState.fetchFirstPage.status.value.data ?? {};
 
     if (firstPageResult) {
       collection.setInitialPage(firstPageResult);
     }
-
-    if (withoutFiltersResult) {
-      noFilters.setInitialPage(withoutFiltersResult);
-    }
-
-    if (strictFiltersResult) {
-      strictFiltersOnly.setInitialPage(strictFiltersResult);
-    }
   }
 
   _setInitialSelection() {

package/src/state/PickerStandaloneState.ts

@@ -212,7 +212,7 @@ export class PickerStandaloneState<T, F extends FiltersMap = FiltersMap> {
         await picker.initTask.status.promise;
 
         await runInAction(async () => {
-          const { collection, someHidden } = picker;
+          const { collection } = picker;
 
           const {
             result,
@@ -240,7 +240,6 @@ export class PickerStandaloneState<T, F extends FiltersMap = FiltersMap> {
             status.isSuccess &&
             total === 1 &&
             !this._hasCreateNewAction &&
-            !someHidden &&
             searchIsEmpty
           ) {
             const navigated = this.navigateToDestinationUrl(

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer1372582212__root.CardContainer1372582212--mobile{border-radius:0}.Collapse1755154976__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1755154976__exit{height:0}.CollectionPage3762080823__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3762080823__root.CollectionPage3762080823--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3762080823__root.CollectionPage3762080823--panel{overflow:hidden;position:relative}.CollectionTable3129949815__root td{vertical-align:middle}.CollectionTable3129949815__root.CollectionTable3129949815--mobile td:first-child{padding-left:18px}.CollectionTable3129949815__root.CollectionTable3129949815--mobile td:last-child{padding-right:18px}.CollectionToolbar2879403662__left{min-width:0}.CollectionToolbar2879403662__root.CollectionToolbar2879403662--views .CollectionToolbar2879403662__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2879403662__left.CollectionToolbar2879403662--expandable{flex:auto}.CollectionToolbar2879403662__root .CollectionToolbar2879403662__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2879403662__root.CollectionToolbar2879403662--views .CollectionToolbar2879403662__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2879403662__root .CollectionToolbar2879403662__right.CollectionToolbar2879403662__fullWidth{margin-inline-start:0!important}.CollectionToolbar2879403662__root.CollectionToolbar2879403662--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter937376438__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter937376438__searchMobile{justify-content:flex-end}.SearchOrCustomFilter937376438__searchMobile:not(.SearchOrCustomFilter937376438--expandable){width:100%}.SearchOrCustomFilter937376438__searchMobile.SearchOrCustomFilter937376438--expandable.SearchOrCustomFilter937376438--expanded{position:absolute;right:18px;left:18px}.AutoCompleteReadonly941113359__root.AutoCompleteReadonly941113359--disableEditing{cursor:pointer}.AutoCompleteReadonly941113359__root.AutoCompleteReadonly941113359--disableEditing input{cursor:pointer}.ViewsDropdown3467460843__root{width:200px}.DragHandle1627605998__root{display:flex;align-items:center}.DragHandle1627605998__root:not(.DragHandle1627605998--disabled){cursor:grab;color:#a8caff}.DragHandle1627605998__root.DragHandle1627605998--disabled{color:#acafc4}.DragHandle1627605998__root:focus-visible:not(.DragHandle1627605998--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1627605998__root.DragHandle1627605998--disabled{pointer-events:none}.DragHandle1627605998__root.DragHandle1627605998--dragging:not(.DragHandle1627605998--disabled){cursor:grabbing}.EntityPagePlain2380551202__root.EntityPagePlain2380551202--mobile{--wds-page-header-padding-horizontal:0}.Fade1944937321__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1944937321__root.Fade1944937321--exit{opacity:0}.Heading1026412560__root{visibility:visible}.Heading1026412560__root.Heading1026412560--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1142665713__root.InputOverflow1142665713--selected:not(.InputOverflow1142665713--focused) input::placeholder{color:#000624}@keyframes LoadingRow3303753817__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%}}.LoadingRow3303753817__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:LoadingRow3303753817__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2883793613__root{opacity:1}.MaxHeightText2883793613__root.MaxHeightText2883793613--height24{line-height:24px}.MaxLines798299606__root{overflow:hidden}.MaxLines798299606__root.MaxLines798299606--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1570597090__root{min-width:0}.MultiBulkActionToolbar1570597090__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1570597090__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1570597090__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2455751975__root td{padding:0!important;width:100%}.NestedTableRow3389528325__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3389528325__root:hover{background-color:#e7f0ff!important}.NestedTableRow3389528325__root.NestedTableRow3389528325--expandable{cursor:pointer}.NestedTableRow3389528325__placeholder td{padding:0!important;width:100%}.NestedTableRow3389528325__root:hover td:first-of-type::before,.NestedTableRow3389528325__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect4213382554__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)}.NestedTableDragAndDropRow3013387861__root.NestedTableDragAndDropRow3013387861--draggingInto td{background-color:#e7f0ff!important}.PickerContent3697521998__root{display:flex}.PickerContentAdditionalStep1178376272__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1178376272__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1427385186__root{box-sizing:border-box}.ScrollableContent1821868856__root.ScrollableContent1821868856--overflowY{overflow-y:auto}.ScrollableContent1821868856__root.ScrollableContent1821868856--overflowX{overflow-x:auto}.ScrollableContent1821868856__root.ScrollableContent1821868856--smooth{scroll-behavior:smooth}.SkeletonCard600805724__headerLoading{display:block!important}.SlidingModal3213389435__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3213389435__root.SlidingModal3213389435--overlay{transition:transform 0s ease 0s}.SlidingModal3213389435__root.SlidingModal3213389435---appendTo-6-parent{position:absolute}.SlidingModal3213389435__root:not(.SlidingModal3213389435--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3081753966__root .TabsFilter3081753966__title{color:inherit!important}.ManageTagsModal3954289106__root{display:flex}.ToolbarItem3269418923__root{min-width:0}.ToolbarItemBox3693513946__root{min-width:0}.ToolbarItemBox3693513946__root.ToolbarItemBox3693513946--removeStartPadding{margin-left:-24px}.ToolbarItemBox3693513946__root.ToolbarItemBox3693513946--expandable{flex:1 0}.common412353651__column{display:flex;flex-direction:column}.common412353651__fullHeight{height:100%;min-height:0}.CollectionPageHeader2088974749__root.CollectionPageHeader2088974749--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2088974749__root.CollectionPageHeader2088974749--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader193326091__root.FormPageHeader193326091--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader193326091__root.FormPageHeader193326091--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer2625376189__root.CardContainer2625376189--mobile{border-radius:0}.Collapse274480059__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse274480059__exit{height:0}.CollectionPage3729843498__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3729843498__root.CollectionPage3729843498--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3729843498__root.CollectionPage3729843498--panel{overflow:hidden;position:relative}.CollectionTable3557082952__root td{vertical-align:middle}.CollectionTable3557082952__root.CollectionTable3557082952--mobile td:first-child{padding-left:18px}.CollectionTable3557082952__root.CollectionTable3557082952--mobile td:last-child{padding-right:18px}.CollectionToolbar3036910620__left{min-width:0}.CollectionToolbar3036910620__root.CollectionToolbar3036910620--views .CollectionToolbar3036910620__left{flex-shrink:1;flex-grow:0}.CollectionToolbar3036910620__left.CollectionToolbar3036910620--expandable{flex:auto}.CollectionToolbar3036910620__root .CollectionToolbar3036910620__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3036910620__root.CollectionToolbar3036910620--views .CollectionToolbar3036910620__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3036910620__root .CollectionToolbar3036910620__right.CollectionToolbar3036910620__fullWidth{margin-inline-start:0!important}.CollectionToolbar3036910620__root.CollectionToolbar3036910620--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3542072153__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3542072153__searchMobile{justify-content:flex-end}.SearchOrCustomFilter3542072153__searchMobile:not(.SearchOrCustomFilter3542072153--expandable){width:100%}.SearchOrCustomFilter3542072153__searchMobile.SearchOrCustomFilter3542072153--expandable.SearchOrCustomFilter3542072153--expanded{position:absolute;right:18px;left:18px}.AutoCompleteReadonly1419132277__root.AutoCompleteReadonly1419132277--disableEditing{cursor:pointer}.AutoCompleteReadonly1419132277__root.AutoCompleteReadonly1419132277--disableEditing input{cursor:pointer}.ViewsDropdown2418948046__root{width:200px}.DragHandle3254472969__root{display:flex;align-items:center}.DragHandle3254472969__root:not(.DragHandle3254472969--disabled){cursor:grab;color:#a8caff}.DragHandle3254472969__root.DragHandle3254472969--disabled{color:#acafc4}.DragHandle3254472969__root:focus-visible:not(.DragHandle3254472969--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3254472969__root.DragHandle3254472969--disabled{pointer-events:none}.DragHandle3254472969__root.DragHandle3254472969--dragging:not(.DragHandle3254472969--disabled){cursor:grabbing}.EntityPagePlain1575425457__root.EntityPagePlain1575425457--mobile{--wds-page-header-padding-horizontal:0}.Fade1834301837__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1834301837__root.Fade1834301837--exit{opacity:0}.Heading2321278140__root{visibility:visible}.Heading2321278140__root.Heading2321278140--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow341534247__root.InputOverflow341534247--selected:not(.InputOverflow341534247--focused) input::placeholder{color:#000624}@keyframes LoadingRow2450818251__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%}}.LoadingRow2450818251__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:LoadingRow2450818251__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1534981817__root{opacity:1}.MaxHeightText1534981817__root.MaxHeightText1534981817--height24{line-height:24px}.MaxLines3822062704__root{overflow:hidden}.MaxLines3822062704__root.MaxLines3822062704--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3643902721__root{min-width:0}.MultiBulkActionToolbar3643902721__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3643902721__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3643902721__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1713416065__root td{padding:0!important;width:100%}.NestedTableRow1651621559__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1651621559__root:hover{background-color:#e7f0ff!important}.NestedTableRow1651621559__root.NestedTableRow1651621559--expandable{cursor:pointer}.NestedTableRow1651621559__placeholder td{padding:0!important;width:100%}.NestedTableRow1651621559__root:hover td:first-of-type::before,.NestedTableRow1651621559__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1438812587__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)}.NestedTableDragAndDropRow1836350526__root.NestedTableDragAndDropRow1836350526--draggingInto td{background-color:#e7f0ff!important}.PickerContent2095471890__root{display:flex}.PickerContentAdditionalStep2339802600__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2339802600__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3790055251__root{box-sizing:border-box}.ScrollableContent2106769415__root.ScrollableContent2106769415--overflowY{overflow-y:auto}.ScrollableContent2106769415__root.ScrollableContent2106769415--overflowX{overflow-x:auto}.ScrollableContent2106769415__root.ScrollableContent2106769415--smooth{scroll-behavior:smooth}.SkeletonCard2728214207__headerLoading{display:block!important}.SlidingModal1348364695__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1348364695__root.SlidingModal1348364695--overlay{transition:transform 0s ease 0s}.SlidingModal1348364695__root.SlidingModal1348364695---appendTo-6-parent{position:absolute}.SlidingModal1348364695__root:not(.SlidingModal1348364695--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2882288716__root .TabsFilter2882288716__title{color:inherit!important}.ManageTagsModal1579914940__root{display:flex}.ToolbarItem2895523215__root{min-width:0}.ToolbarItemBox2403211560__root{min-width:0}.ToolbarItemBox2403211560__root.ToolbarItemBox2403211560--removeStartPadding{margin-left:-24px}.ToolbarItemBox2403211560__root.ToolbarItemBox2403211560--expandable{flex:1 0}.common4208200731__column{display:flex;flex-direction:column}.common4208200731__fullHeight{height:100%;min-height:0}.CollectionPageHeader3552972525__root.CollectionPageHeader3552972525--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3552972525__root.CollectionPageHeader3552972525--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2982912726__root.FormPageHeader2982912726--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2982912726__root.FormPageHeader2982912726--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.319.0';
+export const version = 'patterns@1.321.0';