@wix/patterns 1.353.0 → 1.355.0

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal1707694763";
+var _namespace_ = "ManageTagsModal3988193485";
 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":"ManageTagsModal1707694763__root"};
+export var classes = {"root":"ManageTagsModal3988193485__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_ = "ToolbarItem2110820632";
+var _namespace_ = "ToolbarItem501613990";
 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":"ToolbarItem2110820632__root"};
+export var classes = {"root":"ToolbarItem501613990__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_ = "ToolbarItemBox244016149";
+var _namespace_ = "ToolbarItemBox1974553640";
 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":"ToolbarItemBox244016149__root"};
+export var classes = {"root":"ToolbarItemBox1974553640__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_ = "common3516241480";
+var _namespace_ = "common1456808948";
 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":"common3516241480__root","column":"common3516241480__column","fullHeight":"common3516241480__fullHeight"};
+export var classes = {"root":"common1456808948__root","column":"common1456808948__column","fullHeight":"common1456808948__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/hooks/useBuildOption.ts

@@ -5,10 +5,7 @@ import {
 import { ArrayField, KeyedItem } from '@wix/bex-core';
 import { ListItem } from './listItem';
 import { useCallback, useMemo } from 'react';
-import {
-  DropdownLayoutOption,
-  DropdownLayoutValueOption,
-} from '@wix/design-system/dist/types/DropdownLayout';
+import { DropdownLayoutOption } from '@wix/design-system/dist/types/DropdownLayout';
 
 export function useBuildOption<V>({
   filter,
@@ -45,12 +42,12 @@ export function useBuildOption<V>({
   );
 }
 
-type DropdownLayoutValueOptionWithSectionId = DropdownLayoutValueOption & {
+type DropdownLayoutOptionWithSectionId = DropdownLayoutOption & {
   sectionId?: string;
 };
 
 export interface BuildSectionOptionsArgs {
-  readonly items: DropdownLayoutValueOptionWithSectionId[];
+  readonly items: DropdownLayoutOptionWithSectionId[];
   readonly renderSection?: (
     sectionId: string,
   ) => Parameters<typeof listItemSectionBuilder>[0];

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader4066653821";
+var _namespace_ = "CollectionPageHeader998675131";
 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":"CollectionPageHeader4066653821__root"};
+export var classes = {"root":"CollectionPageHeader998675131__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/DropdownCollectionFilterState.ts

@@ -42,10 +42,21 @@ export class DropdownCollectionFilterState<
     );
   }
 
+  get inputValue() {
+    return this.shouldShowInputValue
+      ? this.collectionFilter.collection.query.search.value
+      : '';
+  }
+
+  get shouldShowInputValue() {
+    return this.dropdownSelect.dropdown.isOn || !this.inputState.disableEditing;
+  }
+
   onOptionsShow() {
     this.promotedItems = this.collectionFilter.select.selectedValues.map(
       (item) => item.key,
     );
+    this.dropdownSelect.open();
   }
 
   constructor(params: DropdownCollectionFilterStateParams<V, F>) {
@@ -69,6 +80,8 @@ export class DropdownCollectionFilterState<
     makeObservable(this, {
       init: action.bound,
       shouldShowPlaceholder: computed,
+      inputValue: computed,
+      shouldShowInputValue: computed,
       promotedItems: observable.ref,
       onOptionsShow: action.bound,
     });

package/src/state/DropdownSelectState.ts

@@ -48,6 +48,7 @@ export class DropdownSelectState<V> {
       delete: action,
       deleteKey: action,
       init: action.bound,
+      open: action.bound,
       clear: action.bound,
       syncSelectedItems: action.bound,
       syncSelectedItemsIfChanged: action.bound,
@@ -174,6 +175,12 @@ export class DropdownSelectState<V> {
     events.emit('close');
   }
 
+  open() {
+    const { dropdown, events } = this;
+    dropdown.setOn();
+    events.emit('open');
+  }
+
   closeAndChangeSelectedItems() {
     this.close();
     const { selectedItems, filter } = this;

package/src/state/FormPage/FormPageHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "FormPageHeader871981345";
+var _namespace_ = "FormPageHeader3976611179";
 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":"FormPageHeader871981345__root"};
+export var classes = {"root":"FormPageHeader3976611179__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/ViewsState.ts

@@ -19,7 +19,6 @@ import {
   Category,
   PREDEFINED_VIEWS_SORT_IND,
   PrivateView,
-  SAVED_VIEWS_ID,
   SAVED_VIEWS_SORT_IND,
   View,
   ViewActionNameBI,
@@ -52,32 +51,25 @@ const updatePresetViews = <F extends FiltersMap>(
 
 const toNonPresetViews = <F extends FiltersMap>(
   views: View<F>[],
-  categoryId: string,
 ): PrivateView<F>[] => {
   return views.map((v) => ({
     ...v,
-    categoryId,
     isPreset: false,
-    categorySortInd: SAVED_VIEWS_SORT_IND,
+    categorySortInd:
+      v.id === ALL_ITEMS_VIEW_ID ? ALL_ITEMS_SORT_IND : SAVED_VIEWS_SORT_IND,
   }));
 };
 
 const getBasicCategories = <F extends FiltersMap>(
   presets: Category<F>[],
 ): Record<string, BasicCategory> => {
-  return {
-    [SAVED_VIEWS_ID]: {
-      id: SAVED_VIEWS_ID,
-      name: '',
-    },
-    ...presets.reduce(
-      (prev, { views, ...basicCategory }) => ({
-        ...prev,
-        [basicCategory.id]: basicCategory,
-      }),
-      {},
-    ),
-  };
+  return presets.reduce(
+    (prev, { views, ...basicCategory }) => ({
+      ...prev,
+      [basicCategory.id]: basicCategory,
+    }),
+    {},
+  );
 };
 
 export interface ViewsStateParams<F extends FiltersMap> {
@@ -178,7 +170,7 @@ export class ViewsState<F extends FiltersMap> {
       events: {},
       queryName: [fqdn, 'views'].join('/'),
       fetchData: async () => {
-        const { viewsService, collection, allItemsViewProps } = this;
+        const { viewsService, collection, allItemsViewProps, container } = this;
 
         if (collection.initTask.status.isLoading) {
           await viewsService.migrateFromLocalStorage();
@@ -187,21 +179,42 @@ export class ViewsState<F extends FiltersMap> {
         }
 
         const result = await viewsService.fetchViews();
-
         const { views = [], hiddenPresetIds = [] } = result ?? {};
-        const items = [] as PrivateView<F>[];
 
-        if (
-          !allItemsViewProps.hidden ||
-          // we ignore the hidden flag if there are no presets
-          this.presets.every((pr) => !pr.views?.length)
-        ) {
-          items.push(await this.getAllItemsView(this.allItemsViewProps));
+        // Check if "All Items" view exists or was deleted by user
+        const allItemsExists = views.some((v) => v.id === ALL_ITEMS_VIEW_ID);
+        const allItemsWasDeleted = hiddenPresetIds.includes(ALL_ITEMS_VIEW_ID);
+        const shouldAddAllItems =
+          !allItemsExists && !allItemsWasDeleted && !allItemsViewProps.hidden;
+
+        if (shouldAddAllItems) {
+          await container.initTask.status.promise;
+          const hasExistingDefault = views.some((v) => v.isDefaultView);
+          const allItemsView: View<F> = {
+            id: ALL_ITEMS_VIEW_ID,
+            name:
+              allItemsViewProps.name ??
+              container.translate('cairo.viewsDropdown.allItems.label'),
+            isDefaultView: !hasExistingDefault,
+            selectedColumns: allItemsViewProps.selectedColumns,
+            sortDirections: allItemsViewProps.sortDirections,
+            orderedColumns: allItemsViewProps.orderedColumns,
+            layout: allItemsViewProps.layout,
+          };
+          views.unshift(allItemsView);
         }
 
-        items.push(...(toNonPresetViews(views, SAVED_VIEWS_ID) ?? []));
+        const items = [] as PrivateView<F>[];
+
+        items.push(...(toNonPresetViews(views) ?? []));
         items.push(...updatePresetViews(this.presets, hiddenPresetIds));
 
+        const allItemsIdx = items.findIndex((i) => i.id === ALL_ITEMS_VIEW_ID);
+        if (allItemsIdx > 0) {
+          const [allItems] = items.splice(allItemsIdx, 1);
+          items.unshift(allItems);
+        }
+
         return {
           items,
         };
@@ -218,6 +231,10 @@ export class ViewsState<F extends FiltersMap> {
       collection: this.collection,
       orderBy: ({ sort }) => [
         ...(sort || []),
+        {
+          fieldName: (item) => (item.id === ALL_ITEMS_VIEW_ID ? '0' : '1'),
+          order: 'asc',
+        },
         {
           fieldName: (item) => item.categorySortInd,
           order: 'asc',
@@ -245,20 +262,7 @@ export class ViewsState<F extends FiltersMap> {
   }
 
   _getAllItemsAndPresetViews() {
-    const { allItemsViewProps } = this;
-    const items = [] as PrivateView<F>[];
-
-    if (
-      !allItemsViewProps.hidden ||
-      // we ignore the hidden flag if there are no presets
-      this.presets.every((pr) => !pr.views?.length)
-    ) {
-      items.push(this.getAllItemsViewBase(this.allItemsViewProps));
-    }
-
-    items.push(...updatePresetViews(this.presets, []));
-
-    return items;
+    return updatePresetViews(this.presets, []);
   }
 
   _getInitialSelectItem(items: PrivateView<F>[]): PrivateView<F> | undefined {
@@ -350,27 +354,6 @@ export class ViewsState<F extends FiltersMap> {
     return this.currentView?.id === this.defaultViewId;
   }
 
-  async getAllItemsView(view: AllItemsViewProps<F>): Promise<PrivateView<F>> {
-    const { container } = this;
-    await container.initTask.status.promise;
-    return {
-      ...this.getAllItemsViewBase(view),
-      name:
-        view.name ?? container.translate('cairo.viewsDropdown.allItems.label'),
-    };
-  }
-
-  getAllItemsViewBase(view: AllItemsViewProps<F>): PrivateView<F> {
-    return {
-      categorySortInd: ALL_ITEMS_SORT_IND,
-      id: ALL_ITEMS_VIEW_ID,
-      name: view.name ?? '',
-      selectedColumns: view.selectedColumns,
-      sortDirections: view.sortDirections,
-      isPreset: true,
-    };
-  }
-
   async saveViewChanges(viewBase: ViewBase<F>): Promise<PrivateView<F> | null> {
     if (!this.currentView) {
       return null;
@@ -392,7 +375,6 @@ export class ViewsState<F extends FiltersMap> {
     return {
       ...viewBase,
       categorySortInd: SAVED_VIEWS_SORT_IND,
-      categoryId: SAVED_VIEWS_ID,
       isPreset: false,
       name,
       id: uuid(),
@@ -496,6 +478,10 @@ export class ViewsState<F extends FiltersMap> {
           await viewsService.updateHiddenPreset(id);
         } else {
           await viewsService.deleteView(view);
+          // Track "All Items" deletion so it won't be recreated on next load
+          if (id === ALL_ITEMS_VIEW_ID) {
+            await viewsService.updateHiddenPreset(id);
+          }
         }
       },
       onUndo: () => {

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer3833139183__root.CardContainer3833139183--mobile{border-radius:0}.Collapse1646936547__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1646936547__exit{height:0}.CollectionPage3277585354__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3277585354__root.CollectionPage3277585354--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3277585354__root.CollectionPage3277585354--panel{overflow:hidden;position:relative}.CollectionSectionHeader637702375__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3215334311__root td{vertical-align:middle}.CollectionTable3215334311__root.CollectionTable3215334311--mobile td:first-child{padding-left:18px}.CollectionTable3215334311__root.CollectionTable3215334311--mobile td:last-child{padding-right:18px}.CollectionToolbar201534648__left{min-width:0}.CollectionToolbar201534648__left.CollectionToolbar201534648--expandable{flex:auto}.CollectionToolbar201534648__left.CollectionToolbar201534648--title>*{width:100%}.CollectionToolbar201534648__root.CollectionToolbar201534648---responsiveMode-5-title .CollectionToolbar201534648__left{flex:1 100;min-width:50px}.CollectionToolbar201534648__root.CollectionToolbar201534648---responsiveMode-4-tabs .CollectionToolbar201534648__left,.CollectionToolbar201534648__root.CollectionToolbar201534648---responsiveMode-4-tabs .CollectionToolbar201534648__left.CollectionToolbar201534648--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar201534648__root.CollectionToolbar201534648---responsiveMode-4-tabs .CollectionToolbar201534648__left>*{flex-shrink:1;min-width:0}.CollectionToolbar201534648__root .CollectionToolbar201534648__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar201534648__root.CollectionToolbar201534648--views .CollectionToolbar201534648__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar201534648__root.CollectionToolbar201534648---responsiveMode-4-tabs .CollectionToolbar201534648__right,.CollectionToolbar201534648__root.CollectionToolbar201534648---responsiveMode-5-title .CollectionToolbar201534648__right{flex:0 1 auto;min-width:0}.CollectionToolbar201534648__root .CollectionToolbar201534648__right.CollectionToolbar201534648__fullWidth{margin-inline-start:0!important}.CollectionToolbar201534648__root.CollectionToolbar201534648--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1326699873__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1326699873__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1326699873__searchMobile:not(.SearchOrCustomFilter1326699873--expandable){left:18px}.SearchOrCustomFilter1326699873__searchMobile.SearchOrCustomFilter1326699873--expandable.SearchOrCustomFilter1326699873--expanded{left:18px}.AutoCompleteReadonly4288019892__root.AutoCompleteReadonly4288019892--disableEditing{cursor:pointer}.AutoCompleteReadonly4288019892__root.AutoCompleteReadonly4288019892--disableEditing input{cursor:pointer}.ViewsDropdown3936858135__root{width:200px}.DragHandle2356258919__root{display:flex;align-items:center}.DragHandle2356258919__root:not(.DragHandle2356258919--disabled){cursor:grab;color:#a8caff}.DragHandle2356258919__root.DragHandle2356258919--disabled{color:#acafc4}.DragHandle2356258919__root:focus-visible:not(.DragHandle2356258919--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2356258919__root.DragHandle2356258919--disabled{pointer-events:none}.DragHandle2356258919__root.DragHandle2356258919--dragging:not(.DragHandle2356258919--disabled){cursor:grabbing}.EntityPagePlain534349056__root.EntityPagePlain534349056--mobile{--wds-page-header-padding-horizontal:0}.Fade3494468580__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3494468580__root.Fade3494468580--exit{opacity:0}.Heading1276693364__root{visibility:visible}.Heading1276693364__root.Heading1276693364--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3970599810__root.InputOverflow3970599810--selected:not(.InputOverflow3970599810--focused) input::placeholder{color:#000624}@keyframes LoadingRow1185391886__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%}}.LoadingRow1185391886__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:LoadingRow1185391886__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3189604885__root{opacity:1}.MaxHeightText3189604885__root.MaxHeightText3189604885--height24{line-height:24px}.MaxLines3182666448__root{overflow:hidden}.MaxLines3182666448__root.MaxLines3182666448--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2015721343__root{min-width:0}.MultiBulkActionToolbar2015721343__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2015721343__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2015721343__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2215866937__root td{padding:0!important;width:100%}.NestedTableRow124750162__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow124750162__root:hover{background-color:#e7f0ff!important}.NestedTableRow124750162__root.NestedTableRow124750162--expandable{cursor:pointer}.NestedTableRow124750162__placeholder td{padding:0!important;width:100%}.NestedTableRow124750162__root:hover td:first-of-type::before,.NestedTableRow124750162__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1565624507__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)}.NestedTableDragAndDropRow3605272399__root.NestedTableDragAndDropRow3605272399--draggingInto td{background-color:#e7f0ff!important}.PickerContent1227726627__root{display:flex}.PickerContentAdditionalStep4012553907__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep4012553907__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem177832388__root{box-sizing:border-box}.ScrollableContent1892891984__root.ScrollableContent1892891984--overflowY{overflow-y:auto}.ScrollableContent1892891984__root.ScrollableContent1892891984--overflowX{overflow-x:auto}.ScrollableContent1892891984__root.ScrollableContent1892891984--smooth{scroll-behavior:smooth}.SkeletonCard1199588018__headerLoading{display:block!important}.SlidingModal1303239132__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1303239132__root.SlidingModal1303239132--overlay{transition:transform 0s ease 0s}.SlidingModal1303239132__root.SlidingModal1303239132---appendTo-6-parent{position:absolute}.SlidingModal1303239132__root:not(.SlidingModal1303239132--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter735757606__root .TabsFilter735757606__title{color:inherit!important}.ManageTagsModal1707694763__root{display:flex}.ToolbarItem2110820632__root{min-width:0}.ToolbarItemBox244016149__root{min-width:0}.ToolbarItemBox244016149__root.ToolbarItemBox244016149--removeStartPadding{margin-left:-24px}.ToolbarItemBox244016149__root.ToolbarItemBox244016149--expandable{flex:1 0}.common3516241480__column{display:flex;flex-direction:column}.common3516241480__fullHeight{height:100%;min-height:0}.CollectionPageHeader4066653821__root:not(.CollectionPageHeader4066653821--mobile){gap:12px}.CollectionPageHeader4066653821__root.CollectionPageHeader4066653821--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader4066653821__root.CollectionPageHeader4066653821--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader871981345__root.FormPageHeader871981345--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader871981345__root.FormPageHeader871981345--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer3405799465__root.CardContainer3405799465--mobile{border-radius:0}.Collapse2581039888__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2581039888__exit{height:0}.CollectionPage1689186506__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1689186506__root.CollectionPage1689186506--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1689186506__root.CollectionPage1689186506--panel{overflow:hidden;position:relative}.CollectionSectionHeader2112064717__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2554404887__root td{vertical-align:middle}.CollectionTable2554404887__root.CollectionTable2554404887--mobile td:first-child{padding-left:18px}.CollectionTable2554404887__root.CollectionTable2554404887--mobile td:last-child{padding-right:18px}.CollectionToolbar2266091173__left{min-width:0}.CollectionToolbar2266091173__left.CollectionToolbar2266091173--expandable{flex:auto}.CollectionToolbar2266091173__left.CollectionToolbar2266091173--title>*{width:100%}.CollectionToolbar2266091173__root.CollectionToolbar2266091173---responsiveMode-5-title .CollectionToolbar2266091173__left{flex:1 100;min-width:50px}.CollectionToolbar2266091173__root.CollectionToolbar2266091173---responsiveMode-4-tabs .CollectionToolbar2266091173__left,.CollectionToolbar2266091173__root.CollectionToolbar2266091173---responsiveMode-4-tabs .CollectionToolbar2266091173__left.CollectionToolbar2266091173--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2266091173__root.CollectionToolbar2266091173---responsiveMode-4-tabs .CollectionToolbar2266091173__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2266091173__root .CollectionToolbar2266091173__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2266091173__root.CollectionToolbar2266091173--views .CollectionToolbar2266091173__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2266091173__root.CollectionToolbar2266091173---responsiveMode-4-tabs .CollectionToolbar2266091173__right,.CollectionToolbar2266091173__root.CollectionToolbar2266091173---responsiveMode-5-title .CollectionToolbar2266091173__right{flex:0 1 auto;min-width:0}.CollectionToolbar2266091173__root .CollectionToolbar2266091173__right.CollectionToolbar2266091173__fullWidth{margin-inline-start:0!important}.CollectionToolbar2266091173__root.CollectionToolbar2266091173--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1165476069__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1165476069__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1165476069__searchMobile:not(.SearchOrCustomFilter1165476069--expandable){left:18px}.SearchOrCustomFilter1165476069__searchMobile.SearchOrCustomFilter1165476069--expandable.SearchOrCustomFilter1165476069--expanded{left:18px}.AutoCompleteReadonly3148335618__root.AutoCompleteReadonly3148335618--disableEditing{cursor:pointer}.AutoCompleteReadonly3148335618__root.AutoCompleteReadonly3148335618--disableEditing input{cursor:pointer}.ViewsDropdown3089491910__root{width:200px}.DragHandle2191261823__root{display:flex;align-items:center}.DragHandle2191261823__root:not(.DragHandle2191261823--disabled){cursor:grab;color:#a8caff}.DragHandle2191261823__root.DragHandle2191261823--disabled{color:#acafc4}.DragHandle2191261823__root:focus-visible:not(.DragHandle2191261823--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2191261823__root.DragHandle2191261823--disabled{pointer-events:none}.DragHandle2191261823__root.DragHandle2191261823--dragging:not(.DragHandle2191261823--disabled){cursor:grabbing}.EntityPagePlain2781968927__root.EntityPagePlain2781968927--mobile{--wds-page-header-padding-horizontal:0}.Fade399282970__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade399282970__root.Fade399282970--exit{opacity:0}.Heading3533303979__root{visibility:visible}.Heading3533303979__root.Heading3533303979--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1583143864__root.InputOverflow1583143864--selected:not(.InputOverflow1583143864--focused) input::placeholder{color:#000624}@keyframes LoadingRow232979932__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%}}.LoadingRow232979932__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:LoadingRow232979932__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1332070745__root{opacity:1}.MaxHeightText1332070745__root.MaxHeightText1332070745--height24{line-height:24px}.MaxLines3599357708__root{overflow:hidden}.MaxLines3599357708__root.MaxLines3599357708--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar588766161__root{min-width:0}.MultiBulkActionToolbar588766161__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar588766161__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar588766161__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1687101870__root td{padding:0!important;width:100%}.NestedTableRow364668283__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow364668283__root:hover{background-color:#e7f0ff!important}.NestedTableRow364668283__root.NestedTableRow364668283--expandable{cursor:pointer}.NestedTableRow364668283__placeholder td{padding:0!important;width:100%}.NestedTableRow364668283__root:hover td:first-of-type::before,.NestedTableRow364668283__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect4261246819__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)}.NestedTableDragAndDropRow2674054095__root.NestedTableDragAndDropRow2674054095--draggingInto td{background-color:#e7f0ff!important}.PickerContent485154672__root{display:flex}.PickerContentAdditionalStep2098613398__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2098613398__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3838836186__root{box-sizing:border-box}.ScrollableContent847120716__root.ScrollableContent847120716--overflowY{overflow-y:auto}.ScrollableContent847120716__root.ScrollableContent847120716--overflowX{overflow-x:auto}.ScrollableContent847120716__root.ScrollableContent847120716--smooth{scroll-behavior:smooth}.SkeletonCard89223222__headerLoading{display:block!important}.SlidingModal2713679544__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2713679544__root.SlidingModal2713679544--overlay{transition:transform 0s ease 0s}.SlidingModal2713679544__root.SlidingModal2713679544---appendTo-6-parent{position:absolute}.SlidingModal2713679544__root:not(.SlidingModal2713679544--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2340373808__root .TabsFilter2340373808__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter2340373808__root.TabsFilter2340373808--selected .TabsFilter2340373808__title,.TabsFilter2340373808__root:hover .TabsFilter2340373808__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal3988193485__root{display:flex}.ToolbarItem501613990__root{min-width:0}.ToolbarItemBox1974553640__root{min-width:0}.ToolbarItemBox1974553640__root.ToolbarItemBox1974553640--removeStartPadding{margin-left:-24px}.ToolbarItemBox1974553640__root.ToolbarItemBox1974553640--expandable{flex:1 0}.common1456808948__column{display:flex;flex-direction:column}.common1456808948__fullHeight{height:100%;min-height:0}.CollectionPageHeader998675131__root:not(.CollectionPageHeader998675131--mobile){gap:12px}.CollectionPageHeader998675131__root.CollectionPageHeader998675131--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader998675131__root.CollectionPageHeader998675131--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3976611179__root.FormPageHeader3976611179--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3976611179__root.FormPageHeader3976611179--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.353.0';
+export const version = 'patterns@1.355.0';