@wix/patterns 1.358.0 → 1.360.0

package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

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

package/src/components/NestedTable/NestedTableRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow1027691268";
+var _namespace_ = "NestedTableRow3006676076";
 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":"NestedTableRow1027691268__root","firstLevel":"NestedTableRow1027691268__firstLevel","placeholder":"NestedTableRow1027691268__placeholder","parentHovered":"NestedTableRow1027691268__parentHovered"};
+export var classes = {"root":"NestedTableRow3006676076__root","firstLevel":"NestedTableRow3006676076__firstLevel","placeholder":"NestedTableRow3006676076__placeholder","parentHovered":"NestedTableRow3006676076__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

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

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

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

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

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

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep1773642125";
+var _namespace_ = "PickerContentAdditionalStep1033988613";
 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":"PickerContentAdditionalStep1773642125__root","titles":"PickerContentAdditionalStep1773642125__titles","suffix":"PickerContentAdditionalStep1773642125__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1033988613__root","titles":"PickerContentAdditionalStep1033988613__titles","suffix":"PickerContentAdditionalStep1033988613__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerTableListItem4187040111";
+var _namespace_ = "PickerTableListItem1059866670";
 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":"PickerTableListItem4187040111__root"};
+export var classes = {"root":"PickerTableListItem1059866670__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_ = "ScrollableContent4163581334";
+var _namespace_ = "ScrollableContent2688783039";
 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":"ScrollableContent4163581334__root"};
+export var classes = {"root":"ScrollableContent2688783039__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_ = "SkeletonCard916187800";
+var _namespace_ = "SkeletonCard3914436236";
 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":"SkeletonCard916187800__root","headerLoading":"SkeletonCard916187800__headerLoading"};
+export var classes = {"root":"SkeletonCard3914436236__root","headerLoading":"SkeletonCard3914436236__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_ = "SlidingModal1944906977";
+var _namespace_ = "SlidingModal2539920394";
 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":"SlidingModal1944906977__root"};
+export var classes = {"root":"SlidingModal2539920394__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/TableFolders/TableFolders.tsx

@@ -33,6 +33,7 @@ function _TableFolders<T1, F1 extends FiltersMap, T2, F2 extends FiltersMap>(
     rowHeight,
     estimatedRowHeight,
     exportModal,
+    importModal,
     bulkActionModal,
   } = props;
 
@@ -76,6 +77,7 @@ function _TableFolders<T1, F1 extends FiltersMap, T2, F2 extends FiltersMap>(
         <TableFoldersContent {...props} />
       </TableProvider>
       {exportModal ?? state.toolbar.featuredComponents.exportModal.value}
+      {importModal ?? state.toolbar.featuredComponents.importModal.value}
       {bulkActionModal && (
         <MultiCollectionBulkActionModal
           state={state.toolbar}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter568602178";
+var _namespace_ = "TabsFilter884793764";
 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":"TabsFilter568602178__root","title":"TabsFilter568602178__title"};
+export var classes = {"root":"TabsFilter884793764__root","title":"TabsFilter884793764__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_ = "ManageTagsModal2840713721";
+var _namespace_ = "ManageTagsModal2051441849";
 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":"ManageTagsModal2840713721__root"};
+export var classes = {"root":"ManageTagsModal2051441849__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ToolbarCollection/ToolbarCollection.tsx

@@ -63,11 +63,19 @@ export interface ToolbarBaseProps {
    * A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar
    */
   exportButton?: ReactElement;
+  /**
+   * A [`<ImportButton />`] react element to be added to the toolbar.
+   */
+  importButton?: ReactElement;
 
   /**
    * A [`<ExportModal />`](./?path=/story/features-export--exportto#CTA_is_out_of_the_table) react element to be rendered in table's context.
    */
   exportModal?: ReactElement;
+  /**
+   * A [`<ImportModal />`] react element to be rendered in table's context.
+   */
+  importModal?: ReactElement;
 }
 
 export interface ToolbarCollectionBaseProps<T, F extends FiltersMap>
@@ -321,6 +329,7 @@ export function ToolbarCollection<T, F extends FiltersMap>(
     children,
     tableGridSwitchButton,
     exportButton,
+    importButton,
     primaryActionButton,
     secondaryActions,
     moreActions,
@@ -355,6 +364,7 @@ export function ToolbarCollection<T, F extends FiltersMap>(
         extraToolbar={extraToolbar}
         tableGridSwitchButton={tableGridSwitchButton}
         exportButton={exportButton}
+        importButton={importButton}
         primaryActionButton={primaryActionButton}
         secondaryActions={secondaryActions}
         moreActions={moreActions}

package/src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts

@@ -22,6 +22,7 @@ export function useToolbarCollectionSyncProps<T, F extends FiltersMap>(
     views,
     tabs,
     exportButton,
+    importButton,
     dragAndDropCategories,
     maxSelection,
     search,
@@ -102,6 +103,16 @@ export function useToolbarCollectionSyncProps<T, F extends FiltersMap>(
     };
   }, [exportButton]);
 
+  useEffect(() => {
+    if (importButton) {
+      state.featuredComponents.importButton.set(importButton);
+    }
+
+    return () => {
+      state.featuredComponents.importButton.set(null);
+    };
+  }, [importButton]);
+
   const tabsFilterProps = useMemo(() => {
     return tabs?.props
       ? {

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem2073112881";
+var _namespace_ = "ToolbarItem3509901774";
 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":"ToolbarItem2073112881__root"};
+export var classes = {"root":"ToolbarItem3509901774__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_ = "ToolbarItemBox2290301766";
+var _namespace_ = "ToolbarItemBox3910797071";
 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":"ToolbarItemBox2290301766__root"};
+export var classes = {"root":"ToolbarItemBox3910797071__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_ = "common1880788563";
+var _namespace_ = "common3071416596";
 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":"common1880788563__root","column":"common1880788563__column","fullHeight":"common1880788563__fullHeight"};
+export var classes = {"root":"common3071416596__root","column":"common3071416596__column","fullHeight":"common3071416596__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/index.ts

@@ -32,6 +32,7 @@ export {
 export * from './components/PrimaryActions';
 export * from './components/SecondaryActions';
 export * from './components/ExportButton';
+export * from './components/ImportButton';
 export * from './components/BulkActionButton';
 export * from './components/ActionCell';
 export * from './components/WixPatternsTestProvider';
@@ -205,6 +206,11 @@ export {
   withDashboard,
 } from '@wix/bex-core/react';
 
+export { useCreateImport } from '@wix/bex-core';
+export type { BackupFn } from '@wix/bex-core';
+export { useImportConfig } from '@wix/bex-core';
+export type { UseImportConfigParams } from '@wix/bex-core';
+
 export {
   QueryCache,
   CollectionState,

package/src/model/view.ts

@@ -30,6 +30,7 @@ export interface BasicCategory {
    */
   name: string;
   /**
+   * @deprecated Info icon is now automatically rendered by Cairo for all categories.
    * [InfoIconProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form--infoicon)
    * @external
    */

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

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

package/src/state/CollectionViewsStateBIReporter.ts

@@ -6,6 +6,7 @@ import {
 } from '@wix/bex-core';
 import { action } from 'mobx';
 import {
+  cairoCtaClicked,
   cairoFiltersPanelUsed,
   cairoManageViewActionSelected,
   cairoTryAgainClicked,
@@ -82,6 +83,33 @@ export class CollectionViewsStateBIReporter<T, F extends FiltersMap> {
               origin: 'Manage Views',
             }),
           );
+
+          const isRedesignEnabled =
+            collectionViewState.table.container.internalExperiments?.enabled(
+              'specs.cairo.ViewsRedesign',
+            );
+
+          if (isRedesignEnabled) {
+            const viewId = views.currentView?.id;
+            const { viewsWithoutCategory, categories } =
+              views.localSearchState.categoriesWithViews;
+            const flatViews = [
+              ...viewsWithoutCategory,
+              ...categories.flatMap((c) => c.views),
+            ];
+            const viewIndex = viewId
+              ? flatViews.findIndex((v) => v.id === viewId)
+              : undefined;
+
+            reportBI(
+              withoutDefaults(cairoCtaClicked)({
+                ctaName: 'more_actions',
+                location: 'view_dropdown',
+                itemId: viewId,
+                itemIndex: viewIndex,
+              }),
+            );
+          }
         }),
       ),
     ];

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

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

package/src/state/ToolbarCollectionState.ts

@@ -111,6 +111,8 @@ export class ToolbarCollectionState<T, F extends FiltersMap = FiltersMap> {
     } | null>(null),
     exportButton: new ValueBox<ReactElement | null>(null),
     exportModal: new ValueBox<ReactElement<{}> | null>(null),
+    importButton: new ValueBox<ReactElement | null>(null),
+    importModal: new ValueBox<ReactElement<{}> | null>(null),
   };
   readonly toolbarRect;
   readonly itemsContentRect;
@@ -170,6 +172,7 @@ export class ToolbarCollectionState<T, F extends FiltersMap = FiltersMap> {
   } = undefined;
   viewsState?: CollectionViewsState<T, F>;
   exportState?: ModalState;
+  importState?: ModalState;
   pendingQuery?: QueryPendingState;
   AddApplyFiltersButton?: typeof AddApplyFiltersButton;
   tabs?: TabsFilterState<T, F>;

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer1161272757__root.CardContainer1161272757--mobile{border-radius:0}.Collapse3023920277__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3023920277__exit{height:0}.CollectionPage2442226077__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2442226077__root.CollectionPage2442226077--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2442226077__root.CollectionPage2442226077--panel{overflow:hidden;position:relative}.CollectionSectionHeader2684017084__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable1274338003__root td{vertical-align:middle}.CollectionTable1274338003__root.CollectionTable1274338003--mobile td:first-child{padding-left:18px}.CollectionTable1274338003__root.CollectionTable1274338003--mobile td:last-child{padding-right:18px}.CollectionToolbar839971193__left{min-width:0}.CollectionToolbar839971193__left.CollectionToolbar839971193--expandable{flex:auto}.CollectionToolbar839971193__left.CollectionToolbar839971193--title>*{width:100%}.CollectionToolbar839971193__root.CollectionToolbar839971193---responsiveMode-5-title .CollectionToolbar839971193__left{flex:1 100;min-width:50px}.CollectionToolbar839971193__root.CollectionToolbar839971193---responsiveMode-4-tabs .CollectionToolbar839971193__left,.CollectionToolbar839971193__root.CollectionToolbar839971193---responsiveMode-4-tabs .CollectionToolbar839971193__left.CollectionToolbar839971193--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar839971193__root.CollectionToolbar839971193---responsiveMode-4-tabs .CollectionToolbar839971193__left>*{flex-shrink:1;min-width:0}.CollectionToolbar839971193__root .CollectionToolbar839971193__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar839971193__root.CollectionToolbar839971193--views .CollectionToolbar839971193__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar839971193__root.CollectionToolbar839971193---responsiveMode-4-tabs .CollectionToolbar839971193__right,.CollectionToolbar839971193__root.CollectionToolbar839971193---responsiveMode-5-title .CollectionToolbar839971193__right{flex:0 1 auto;min-width:0}.CollectionToolbar839971193__root .CollectionToolbar839971193__right.CollectionToolbar839971193__fullWidth{margin-inline-start:0!important}.CollectionToolbar839971193__root.CollectionToolbar839971193--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter2095154025__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2095154025__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter2095154025__searchMobile:not(.SearchOrCustomFilter2095154025--expandable){left:18px}.SearchOrCustomFilter2095154025__searchMobile.SearchOrCustomFilter2095154025--expandable.SearchOrCustomFilter2095154025--expanded{left:18px}.AutoCompleteReadonly3763682685__root.AutoCompleteReadonly3763682685--disableEditing{cursor:pointer}.AutoCompleteReadonly3763682685__root.AutoCompleteReadonly3763682685--disableEditing input{cursor:pointer}.ViewsDropdown3132423709__root{width:200px}.DragHandle3887572879__root{display:flex;align-items:center}.DragHandle3887572879__root:not(.DragHandle3887572879--disabled){cursor:grab;color:#a8caff}.DragHandle3887572879__root.DragHandle3887572879--disabled{color:#acafc4}.DragHandle3887572879__root:focus-visible:not(.DragHandle3887572879--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3887572879__root.DragHandle3887572879--disabled{pointer-events:none}.DragHandle3887572879__root.DragHandle3887572879--dragging:not(.DragHandle3887572879--disabled){cursor:grabbing}.EntityPagePlain673223306__root.EntityPagePlain673223306--mobile{--wds-page-header-padding-horizontal:0}.Fade4075889701__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade4075889701__root.Fade4075889701--exit{opacity:0}.Heading2155534684__root{visibility:visible}.Heading2155534684__root.Heading2155534684--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow549173886__root.InputOverflow549173886--selected:not(.InputOverflow549173886--focused) input::placeholder{color:#000624}@keyframes LoadingRow715355924__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%}}.LoadingRow715355924__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:LoadingRow715355924__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2159478735__root{opacity:1}.MaxHeightText2159478735__root.MaxHeightText2159478735--height24{line-height:24px}.MaxLines2795738033__root{overflow:hidden}.MaxLines2795738033__root.MaxLines2795738033--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1326572443__root{min-width:0}.MultiBulkActionToolbar1326572443__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1326572443__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1326572443__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow300385774__root td{padding:0!important;width:100%}.NestedTableRow1027691268__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1027691268__root:hover{background-color:#e7f0ff!important}.NestedTableRow1027691268__root.NestedTableRow1027691268--expandable{cursor:pointer}.NestedTableRow1027691268__placeholder td{padding:0!important;width:100%}.NestedTableRow1027691268__root:hover td:first-of-type::before,.NestedTableRow1027691268__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1844988275__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)}.NestedTableDragAndDropRow2212520299__root.NestedTableDragAndDropRow2212520299--draggingInto td{background-color:#e7f0ff!important}.PickerContent103951023__root{display:flex}.PickerContentAdditionalStep1773642125__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1773642125__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem4187040111__root{box-sizing:border-box}.ScrollableContent4163581334__root.ScrollableContent4163581334--overflowY{overflow-y:auto}.ScrollableContent4163581334__root.ScrollableContent4163581334--overflowX{overflow-x:auto}.ScrollableContent4163581334__root.ScrollableContent4163581334--smooth{scroll-behavior:smooth}.SkeletonCard916187800__headerLoading{display:block!important}.SlidingModal1944906977__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1944906977__root.SlidingModal1944906977--overlay{transition:transform 0s ease 0s}.SlidingModal1944906977__root.SlidingModal1944906977---appendTo-6-parent{position:absolute}.SlidingModal1944906977__root:not(.SlidingModal1944906977--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter568602178__root .TabsFilter568602178__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter568602178__root.TabsFilter568602178--selected .TabsFilter568602178__title,.TabsFilter568602178__root:hover .TabsFilter568602178__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal2840713721__root{display:flex}.ToolbarItem2073112881__root{min-width:0}.ToolbarItemBox2290301766__root{min-width:0}.ToolbarItemBox2290301766__root.ToolbarItemBox2290301766--removeStartPadding{margin-left:-24px}.ToolbarItemBox2290301766__root.ToolbarItemBox2290301766--expandable{flex:1 0}.common1880788563__column{display:flex;flex-direction:column}.common1880788563__fullHeight{height:100%;min-height:0}.CollectionPageHeader626711544__root:not(.CollectionPageHeader626711544--mobile){gap:12px}.CollectionPageHeader626711544__root.CollectionPageHeader626711544--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader626711544__root.CollectionPageHeader626711544--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2618187567__root.FormPageHeader2618187567--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2618187567__root.FormPageHeader2618187567--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer2545238248__root.CardContainer2545238248--mobile{border-radius:0}.Collapse1505718039__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1505718039__exit{height:0}.CollectionPage2726093718__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2726093718__root.CollectionPage2726093718--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2726093718__root.CollectionPage2726093718--panel{overflow:hidden;position:relative}.CollectionSectionHeader3579172906__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable340162345__root td{vertical-align:middle}.CollectionTable340162345__root.CollectionTable340162345--mobile td:first-child{padding-left:18px}.CollectionTable340162345__root.CollectionTable340162345--mobile td:last-child{padding-right:18px}.CollectionToolbar2919508693__left{min-width:0}.CollectionToolbar2919508693__left.CollectionToolbar2919508693--expandable{flex:auto}.CollectionToolbar2919508693__left.CollectionToolbar2919508693--title>*{width:100%}.CollectionToolbar2919508693__root.CollectionToolbar2919508693---responsiveMode-5-title .CollectionToolbar2919508693__left{flex:1 100;min-width:50px}.CollectionToolbar2919508693__root.CollectionToolbar2919508693---responsiveMode-4-tabs .CollectionToolbar2919508693__left,.CollectionToolbar2919508693__root.CollectionToolbar2919508693---responsiveMode-4-tabs .CollectionToolbar2919508693__left.CollectionToolbar2919508693--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2919508693__root.CollectionToolbar2919508693---responsiveMode-4-tabs .CollectionToolbar2919508693__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2919508693__root .CollectionToolbar2919508693__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2919508693__root.CollectionToolbar2919508693--views .CollectionToolbar2919508693__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2919508693__root.CollectionToolbar2919508693---responsiveMode-4-tabs .CollectionToolbar2919508693__right,.CollectionToolbar2919508693__root.CollectionToolbar2919508693---responsiveMode-5-title .CollectionToolbar2919508693__right{flex:0 1 auto;min-width:0}.CollectionToolbar2919508693__root .CollectionToolbar2919508693__right.CollectionToolbar2919508693__fullWidth{margin-inline-start:0!important}.CollectionToolbar2919508693__root.CollectionToolbar2919508693--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3203701989__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3203701989__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3203701989__searchMobile:not(.SearchOrCustomFilter3203701989--expandable){left:18px}.SearchOrCustomFilter3203701989__searchMobile.SearchOrCustomFilter3203701989--expandable.SearchOrCustomFilter3203701989--expanded{left:18px}.AutoCompleteReadonly2234500149__root.AutoCompleteReadonly2234500149--disableEditing{cursor:pointer}.AutoCompleteReadonly2234500149__root.AutoCompleteReadonly2234500149--disableEditing input{cursor:pointer}.ViewsDropdown2380321708__root{width:200px}.DragHandle2576753877__root{display:flex;align-items:center}.DragHandle2576753877__root:not(.DragHandle2576753877--disabled){cursor:grab;color:#a8caff}.DragHandle2576753877__root.DragHandle2576753877--disabled{color:#acafc4}.DragHandle2576753877__root:focus-visible:not(.DragHandle2576753877--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2576753877__root.DragHandle2576753877--disabled{pointer-events:none}.DragHandle2576753877__root.DragHandle2576753877--dragging:not(.DragHandle2576753877--disabled){cursor:grabbing}.EntityPagePlain875261530__root.EntityPagePlain875261530--mobile{--wds-page-header-padding-horizontal:0}.Fade3970104487__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3970104487__root.Fade3970104487--exit{opacity:0}.Heading3688798431__root{visibility:visible}.Heading3688798431__root.Heading3688798431--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3823422815__fileUpload{width:100%}.InputOverflow2702296081__root.InputOverflow2702296081--selected:not(.InputOverflow2702296081--focused) input::placeholder{color:#000624}@keyframes LoadingRow1261929484__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%}}.LoadingRow1261929484__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:LoadingRow1261929484__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText4035389596__root{opacity:1}.MaxHeightText4035389596__root.MaxHeightText4035389596--height24{line-height:24px}.MaxLines2995177162__root{overflow:hidden}.MaxLines2995177162__root.MaxLines2995177162--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2064943119__root{min-width:0}.MultiBulkActionToolbar2064943119__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2064943119__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2064943119__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow312175470__root td{padding:0!important;width:100%}.NestedTableRow3006676076__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3006676076__root:hover{background-color:#e7f0ff!important}.NestedTableRow3006676076__root.NestedTableRow3006676076--expandable{cursor:pointer}.NestedTableRow3006676076__placeholder td{padding:0!important;width:100%}.NestedTableRow3006676076__root:hover td:first-of-type::before,.NestedTableRow3006676076__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2550722252__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)}.NestedTableDragAndDropRow139061198__root.NestedTableDragAndDropRow139061198--draggingInto td{background-color:#e7f0ff!important}.PickerContent1028485228__root{display:flex}.PickerContentAdditionalStep1033988613__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1033988613__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1059866670__root{box-sizing:border-box}.ScrollableContent2688783039__root.ScrollableContent2688783039--overflowY{overflow-y:auto}.ScrollableContent2688783039__root.ScrollableContent2688783039--overflowX{overflow-x:auto}.ScrollableContent2688783039__root.ScrollableContent2688783039--smooth{scroll-behavior:smooth}.SkeletonCard3914436236__headerLoading{display:block!important}.SlidingModal2539920394__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2539920394__root.SlidingModal2539920394--overlay{transition:transform 0s ease 0s}.SlidingModal2539920394__root.SlidingModal2539920394---appendTo-6-parent{position:absolute}.SlidingModal2539920394__root:not(.SlidingModal2539920394--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter884793764__root .TabsFilter884793764__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter884793764__root.TabsFilter884793764--selected .TabsFilter884793764__title,.TabsFilter884793764__root:hover .TabsFilter884793764__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal2051441849__root{display:flex}.ToolbarItem3509901774__root{min-width:0}.ToolbarItemBox3910797071__root{min-width:0}.ToolbarItemBox3910797071__root.ToolbarItemBox3910797071--removeStartPadding{margin-left:-24px}.ToolbarItemBox3910797071__root.ToolbarItemBox3910797071--expandable{flex:1 0}.common3071416596__column{display:flex;flex-direction:column}.common3071416596__fullHeight{height:100%;min-height:0}.CollectionPageHeader1553681330__root:not(.CollectionPageHeader1553681330--mobile){gap:12px}.CollectionPageHeader1553681330__root.CollectionPageHeader1553681330--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1553681330__root.CollectionPageHeader1553681330--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader379270455__root.FormPageHeader379270455--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader379270455__root.FormPageHeader379270455--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.358.0';
+export const version = 'patterns@1.360.0';