@wix/patterns 1.317.0 → 1.320.0

package/src/components/SlidingModal/scopeTab.ts

@@ -0,0 +1,83 @@
+import React from 'react';
+
+/**
+ * Constrains keyboard Tab navigation to stay within a given container element.
+ *
+ * This function implements a simple "focus loop" (a.k.a. focus trap) behavior.
+ * When the user presses Tab on the last focusable element, focus will wrap to
+ * the first focusable element. When pressing Shift+Tab on the first focusable
+ * element, focus will wrap to the last.
+ *
+ * Use this in keyboard event handlers (typically onKeyDown) when building
+ * components such as modals, popovers, drawers, or any UI that should trap
+ * focus within a defined scope.
+ *
+ * @param element - The container within which focus should be scoped.
+ * @param keyboardEvent - The keyboard event from React (usually from onKeyDown).
+ */
+export function scopeTab(
+  element: HTMLElement,
+  keyboardEvent: React.KeyboardEvent,
+) {
+  const focusableSelectors = [
+    'a[href]',
+    'button:not([disabled])',
+    'input:not([disabled])',
+    'select:not([disabled])',
+    'textarea:not([disabled])',
+    "[tabindex]:not([tabindex='-1'])",
+  ];
+
+  const getFocusable = (): HTMLElement[] =>
+    Array.from(
+      element.querySelectorAll<HTMLElement>(focusableSelectors.join(',')),
+    ).filter(isVisible);
+
+  const focusables = getFocusable();
+  if (focusables.length === 0) {
+    return;
+  }
+
+  const first = focusables[0];
+  const last = focusables[focusables.length - 1];
+  const active = document.activeElement as HTMLElement | null;
+
+  if (element === active && keyboardEvent.shiftKey) {
+    // Shift + Tab on the container itself
+    keyboardEvent.preventDefault();
+    last.focus();
+  } else if (keyboardEvent.shiftKey) {
+    // Shift + Tab
+    if (active === first) {
+      keyboardEvent.preventDefault();
+      last.focus();
+    }
+  } else {
+    // Tab
+    if (active === last) {
+      keyboardEvent.preventDefault();
+      first.focus();
+    }
+  }
+}
+
+function isVisible(el: HTMLElement): boolean {
+  if (!el) {
+    return false;
+  }
+
+  const style = window.getComputedStyle(el);
+
+  if (style.display === 'none') {
+    return false;
+  }
+  if (style.visibility === 'hidden') {
+    return false;
+  }
+
+  if (el.getAttribute('aria-hidden') === 'true') {
+    return false;
+  }
+
+  return true;
+}

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_ = "TabsFilter496331046";
+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":"TabsFilter496331046__root","title":"TabsFilter496331046__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_ = "ManageTagsModal2626458466";
+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":"ManageTagsModal2626458466__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_ = "ToolbarItem3939787072";
+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":"ToolbarItem3939787072__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_ = "ToolbarItemBox3028974134";
+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":"ToolbarItemBox3028974134__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_ = "common1399305235";
+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":"common1399305235__root","column":"common1399305235__column","fullHeight":"common1399305235__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/providers/CairoProvider.tsx

@@ -6,7 +6,6 @@ import { configure } from '@wix/bex-utils/react-dom';
 import React, { useState } from 'react';
 import { version as cairoVersion } from '../version';
 
-import '@wix/design-system/styles.global.css';
 import '../styles.global.css';
 
 import * as wixDesignSystemVersion from '../wix-design-system-version';

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader2516473184";
+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":"CollectionPageHeader2516473184__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_ = "FormPageHeader2355904436";
+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":"FormPageHeader2355904436__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 @@
-.CardContainer3682847078__root.CardContainer3682847078--mobile{border-radius:0}.Collapse1742912586__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1742912586__exit{height:0}.CollectionPage2205670101__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2205670101__root.CollectionPage2205670101--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2205670101__root.CollectionPage2205670101--panel{overflow:hidden;position:relative}.CollectionTable469532719__root td{vertical-align:middle}.CollectionTable469532719__root.CollectionTable469532719--mobile td:first-child{padding-left:18px}.CollectionTable469532719__root.CollectionTable469532719--mobile td:last-child{padding-right:18px}.CollectionToolbar48805195__left{min-width:0}.CollectionToolbar48805195__root.CollectionToolbar48805195--views .CollectionToolbar48805195__left{flex-shrink:1;flex-grow:0}.CollectionToolbar48805195__left.CollectionToolbar48805195--expandable{flex:auto}.CollectionToolbar48805195__root .CollectionToolbar48805195__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar48805195__root.CollectionToolbar48805195--views .CollectionToolbar48805195__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar48805195__root .CollectionToolbar48805195__right.CollectionToolbar48805195__fullWidth{margin-inline-start:0!important}.CollectionToolbar48805195__root.CollectionToolbar48805195--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1385992637__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1385992637__searchMobile{justify-content:flex-end}.SearchOrCustomFilter1385992637__searchMobile:not(.SearchOrCustomFilter1385992637--expandable){width:100%}.SearchOrCustomFilter1385992637__searchMobile.SearchOrCustomFilter1385992637--expandable.SearchOrCustomFilter1385992637--expanded{position:absolute;right:18px;left:18px}.AutoCompleteReadonly4275111943__root.AutoCompleteReadonly4275111943--disableEditing{cursor:pointer}.AutoCompleteReadonly4275111943__root.AutoCompleteReadonly4275111943--disableEditing input{cursor:pointer}.ViewsDropdown71665548__root{width:200px}.DragHandle2097138654__root{display:flex;align-items:center}.DragHandle2097138654__root:not(.DragHandle2097138654--disabled){cursor:grab;color:#a8caff}.DragHandle2097138654__root.DragHandle2097138654--disabled{color:#acafc4}.DragHandle2097138654__root:focus-visible:not(.DragHandle2097138654--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2097138654__root.DragHandle2097138654--disabled{pointer-events:none}.DragHandle2097138654__root.DragHandle2097138654--dragging:not(.DragHandle2097138654--disabled){cursor:grabbing}.EntityPagePlain3381948879__root.EntityPagePlain3381948879--mobile{--wds-page-header-padding-horizontal:0}.Fade195922068__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade195922068__root.Fade195922068--exit{opacity:0}.Heading2772262609__root{visibility:visible}.Heading2772262609__root.Heading2772262609--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2848822892__root.InputOverflow2848822892--selected:not(.InputOverflow2848822892--focused) input::placeholder{color:#000624}@keyframes LoadingRow3912306227__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%}}.LoadingRow3912306227__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:LoadingRow3912306227__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3608932933__root{opacity:1}.MaxHeightText3608932933__root.MaxHeightText3608932933--height24{line-height:24px}.MaxLines2519136276__root{overflow:hidden}.MaxLines2519136276__root.MaxLines2519136276--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2871372921__root{min-width:0}.MultiBulkActionToolbar2871372921__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2871372921__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2871372921__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1158360690__root td{padding:0!important;width:100%}.NestedTableRow1108205947__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1108205947__root:hover{background-color:#e7f0ff!important}.NestedTableRow1108205947__root.NestedTableRow1108205947--expandable{cursor:pointer}.NestedTableRow1108205947__placeholder td{padding:0!important;width:100%}.NestedTableRow1108205947__root:hover td:first-of-type::before,.NestedTableRow1108205947__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect435668955__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)}.NestedTableDragAndDropRow64711421__root.NestedTableDragAndDropRow64711421--draggingInto td{background-color:#e7f0ff!important}.PickerContent3261273723__root{display:flex}.PickerContentAdditionalStep2051639453__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2051639453__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2181412847__root{box-sizing:border-box}.ScrollableContent3215793638__root.ScrollableContent3215793638--overflowY{overflow-y:auto}.ScrollableContent3215793638__root.ScrollableContent3215793638--overflowX{overflow-x:auto}.ScrollableContent3215793638__root.ScrollableContent3215793638--smooth{scroll-behavior:smooth}.SkeletonCard837474356__headerLoading{display:block!important}.SlidingModal1449859352__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1449859352__root.SlidingModal1449859352--overlay{transition:transform 0s ease 0s}.SlidingModal1449859352__root.SlidingModal1449859352---appendTo-6-parent{position:absolute}.SlidingModal1449859352__root:not(.SlidingModal1449859352--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter496331046__root .TabsFilter496331046__title{color:inherit!important}.ManageTagsModal2626458466__root{display:flex}.ToolbarItem3939787072__root{min-width:0}.ToolbarItemBox3028974134__root{min-width:0}.ToolbarItemBox3028974134__root.ToolbarItemBox3028974134--removeStartPadding{margin-left:-24px}.ToolbarItemBox3028974134__root.ToolbarItemBox3028974134--expandable{flex:1 0}.common1399305235__column{display:flex;flex-direction:column}.common1399305235__fullHeight{height:100%;min-height:0}.CollectionPageHeader2516473184__root.CollectionPageHeader2516473184--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2516473184__root.CollectionPageHeader2516473184--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2355904436__root.FormPageHeader2355904436--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2355904436__root.FormPageHeader2355904436--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.317.0';
+export const version = 'patterns@1.320.0';