@wix/patterns 1.319.0 → 1.320.0

package/src/components/PickerSelectorListContent/PickerSelectorListContent.tsx

@@ -1,12 +1,10 @@
 import {
-  Box,
-  FloatingNotification,
   SelectorListContent,
   SelectorListContentProps,
   SelectorListItem,
 } from '@wix/design-system';
-import React, { ReactNode, useEffect, useMemo } from 'react';
-import { FiltersMap, KeyedItem, addEventListener } from '@wix/bex-core';
+import React, { useEffect, useMemo } from 'react';
+import { addEventListener, FiltersMap, KeyedItem } from '@wix/bex-core';
 import { observer } from 'mobx-react-lite';
 import { PickerContentState } from '../../state';
 
@@ -19,7 +17,6 @@ export interface PickerSelectorListContentProps<T, F extends FiltersMap>
   state: PickerContentState<T, F>;
   renderItem?: (item: T, index: number) => Partial<SelectorListItem>;
   hasAdditionalStep?: (props: { item: T }) => boolean;
-  hiddenItemsWarningText?: ReactNode;
   spacing?: 30 | 94;
 }
 
@@ -31,13 +28,12 @@ function _PickerSelectorListContent<T, F extends FiltersMap>(
     renderItem,
     multiple,
     spacing = 30,
-    hiddenItemsWarningText,
     hasAdditionalStep,
     ...rest
   } = props;
 
   const { picker } = state;
-  const { collection, someHidden } = picker;
+  const { collection } = picker;
   const {
     bulkSelect,
     result: { keyedItems },
@@ -46,12 +42,6 @@ function _PickerSelectorListContent<T, F extends FiltersMap>(
 
   const { checkedSet, indeterminateSet } = bulkSelect;
 
-  useEffect(() => {
-    if (hiddenItemsWarningText) {
-      picker.setFloatingNotificationHeight();
-    }
-  }, [hiddenItemsWarningText]);
-
   useEffect(() => {
     const disposers = [
       addEventListener(
@@ -88,18 +78,6 @@ function _PickerSelectorListContent<T, F extends FiltersMap>(
     [keyedItems, renderItem],
   );
 
-  const notification = someHidden && hiddenItemsWarningText && (
-    <Box padding={`0 ${spacing}px 18px ${spacing}px`}>
-      <FloatingNotification
-        dataHook="floating-notification"
-        width="100%"
-        showCloseButton={false}
-        type="warning"
-        text={hiddenItemsWarningText}
-      />
-    </Box>
-  );
-
   return (
     <SelectorListContent
       items={items}
@@ -109,7 +87,6 @@ function _PickerSelectorListContent<T, F extends FiltersMap>(
       }}
       searchValue=""
       loadMore={collection.fetchNextPageIfNeeded}
-      topScrollableContent={notification}
       checkIsSelected={(item) => {
         const { keyedItem } = item as KeyedItemSelectorListItem<T>;
         return checkedSet.has(keyedItem.key);

package/src/components/PickerStandalone/PickerStandalone.tsx

@@ -5,7 +5,7 @@ import {
   PickerStandaloneLayoutProps,
 } from '../PickerStandaloneLayout';
 import { Picker, PickerProps } from '../Picker';
-import React, { ReactElement, ReactNode, useEffect, useState } from 'react';
+import React, { ReactElement, useEffect, useState } from 'react';
 import { SelectorListContentProps, TextButtonProps } from '@wix/design-system';
 import { Splash } from '../Splash';
 import { CollectionProvider } from '../CollectionContext';
@@ -44,9 +44,6 @@ export interface PickerStandaloneProps<T, F extends FiltersMap>
 
   renderError: PickerProps<T, F>['renderError'];
 
-  /** Show a warning at the top of the list when not all available items are currently showed */
-  hiddenItemsWarningText?: ReactNode;
-
   /** Picker title if not provided via URL query parameter */
   defaultTitle?: string;
 
@@ -94,7 +91,6 @@ export function _PickerStandalone<T, F extends FiltersMap = FiltersMap>(
     renderItem,
     renderEmptyState,
     renderError,
-    hiddenItemsWarningText,
     selectorListProps,
     dataHook,
     height,
@@ -159,7 +155,6 @@ export function _PickerStandalone<T, F extends FiltersMap = FiltersMap>(
                 <PickerListContent
                   {...selectorListProps}
                   state={picker}
-                  hiddenItemsWarningText={hiddenItemsWarningText}
                   spacing={94}
                   renderItem={(keyedItem, index) => (
                     <PickerStandaloneTableListItem

package/src/components/PickerStandaloneLayout/PickerStandaloneLayoutHeader.tsx

@@ -28,11 +28,7 @@ function _PickerStandaloneLayoutHeader<T, F extends FiltersMap = FiltersMap>(
 
   const { picker, logoType, isMobileView, isDuringSearch } = state;
 
-  const { collection, strictFiltersOnly, isScrollTop } = picker;
-
-  const {
-    result: { isEmptyAndNotFetching: isEmptyAfterStrictFilters },
-  } = strictFiltersOnly;
+  const { collection, isScrollTop } = picker;
 
   const searchRef = useRef<HTMLInputElement>();
 
@@ -136,7 +132,7 @@ function _PickerStandaloneLayoutHeader<T, F extends FiltersMap = FiltersMap>(
           paddingBottom: 'SP3',
           gap: 'SP3',
         },
-        titleDivider: !hideSearch && !isEmptyAfterStrictFilters && (
+        titleDivider: !hideSearch && (
           <Box
             display="flex"
             direction="vertical"

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerTableListItem1427385186";
+var _namespace_ = "PickerTableListItem2163100346";
 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":"PickerTableListItem1427385186__root"};
+export var classes = {"root":"PickerTableListItem2163100346__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_ = "ScrollableContent1821868856";
+var _namespace_ = "ScrollableContent491320818";
 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":"ScrollableContent1821868856__root"};
+export var classes = {"root":"ScrollableContent491320818__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_ = "SkeletonCard600805724";
+var _namespace_ = "SkeletonCard3769359379";
 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":"SkeletonCard600805724__root","headerLoading":"SkeletonCard600805724__headerLoading"};
+export var classes = {"root":"SkeletonCard3769359379__root","headerLoading":"SkeletonCard3769359379__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_ = "SlidingModal3213389435";
+var _namespace_ = "SlidingModal788397490";
 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":"SlidingModal3213389435__root"};
+export var classes = {"root":"SlidingModal788397490__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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/TabsFilter/TabsFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter3081753966";
+var _namespace_ = "TabsFilter3417350803";
 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":"TabsFilter3417350803__root","title":"TabsFilter3417350803__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_ = "ManageTagsModal509023320";
 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":"ManageTagsModal509023320__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_ = "ToolbarItem3319542280";
 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":"ToolbarItem3319542280__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_ = "ToolbarItemBox2823227891";
 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":"ToolbarItemBox2823227891__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_ = "common427570969";
 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":"common427570969__root","column":"common427570969__column","fullHeight":"common427570969__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/CollectionPage/CollectionPageHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader2088974749";
+var _namespace_ = "CollectionPageHeader3365371036";
 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":"CollectionPageHeader3365371036__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_ = "FormPageHeader33544609";
 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":"FormPageHeader33544609__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}
+.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}

package/src/version.ts

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