@wix/patterns 1.359.0 → 1.363.0

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

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

package/src/components/Kanban/Kanban.tsx

@@ -99,7 +99,7 @@ function _Kanban<C, S, F extends FiltersMap>(props: KanbanProps<C, S, F>) {
 
   return (
     <CollectionCard errorState={false} state={toolbar} dataHook={dataHook}>
-      <ToolbarCollection search={true} sticky state={toolbar}>
+      <ToolbarCollection search={true} sticky state={toolbar} filters={props.filters}>
         {/* hack for showing manage tags action in more actions menu */}
         <Box
           dataHook="kanban-tags-container"

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow2081649038";
+var _namespace_ = "LoadingRow3791399935";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"LoadingRow2081649038__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow2081649038__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3791399935__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3791399935__gradientSwoosh"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

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

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

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar963133974";
+var _namespace_ = "MultiBulkActionToolbar2458542829";
 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":"MultiBulkActionToolbar963133974__root","leftGroupWrapper":"MultiBulkActionToolbar963133974__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar963133974__selectedCountItem","selectedCountText":"MultiBulkActionToolbar963133974__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar2458542829__root","leftGroupWrapper":"MultiBulkActionToolbar2458542829__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar2458542829__selectedCountItem","selectedCountText":"MultiBulkActionToolbar2458542829__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow3199429362";
+var _namespace_ = "NestedTablePlaceholderStatesRow2764090560";
 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":"NestedTablePlaceholderStatesRow3199429362__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow2764090560__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_ = "NestedTableRow2769808413";
+var _namespace_ = "NestedTableRow449850700";
 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":"NestedTableRow2769808413__root","firstLevel":"NestedTableRow2769808413__firstLevel","placeholder":"NestedTableRow2769808413__placeholder","parentHovered":"NestedTableRow2769808413__parentHovered"};
+export var classes = {"root":"NestedTableRow449850700__root","firstLevel":"NestedTableRow449850700__firstLevel","placeholder":"NestedTableRow449850700__placeholder","parentHovered":"NestedTableRow449850700__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_ = "MultipleDragOverlayEffect3549328804";
+var _namespace_ = "MultipleDragOverlayEffect909212706";
 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":"MultipleDragOverlayEffect3549328804__root"};
+export var classes = {"root":"MultipleDragOverlayEffect909212706__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_ = "NestedTableDragAndDropRow38344387";
+var _namespace_ = "NestedTableDragAndDropRow817173986";
 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":"NestedTableDragAndDropRow38344387__root"};
+export var classes = {"root":"NestedTableDragAndDropRow817173986__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_ = "PickerContent3651580276";
+var _namespace_ = "PickerContent2621024629";
 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":"PickerContent3651580276__root"};
+export var classes = {"root":"PickerContent2621024629__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_ = "PickerContentAdditionalStep3755053293";
+var _namespace_ = "PickerContentAdditionalStep2112299193";
 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":"PickerContentAdditionalStep3755053293__root","titles":"PickerContentAdditionalStep3755053293__titles","suffix":"PickerContentAdditionalStep3755053293__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep2112299193__root","titles":"PickerContentAdditionalStep2112299193__titles","suffix":"PickerContentAdditionalStep2112299193__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_ = "PickerTableListItem2170258568";
+var _namespace_ = "PickerTableListItem2879372486";
 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":"PickerTableListItem2170258568__root"};
+export var classes = {"root":"PickerTableListItem2879372486__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_ = "ScrollableContent840554507";
+var _namespace_ = "ScrollableContent2145096297";
 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":"ScrollableContent840554507__root"};
+export var classes = {"root":"ScrollableContent2145096297__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_ = "SkeletonCard1942060337";
+var _namespace_ = "SkeletonCard3016637993";
 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":"SkeletonCard1942060337__root","headerLoading":"SkeletonCard1942060337__headerLoading"};
+export var classes = {"root":"SkeletonCard3016637993__root","headerLoading":"SkeletonCard3016637993__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_ = "SlidingModal3366959456";
+var _namespace_ = "SlidingModal3550523278";
 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":"SlidingModal3366959456__root"};
+export var classes = {"root":"SlidingModal3550523278__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter2590592218";
+var _namespace_ = "TabsFilter2402394648";
 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":"TabsFilter2590592218__root","title":"TabsFilter2590592218__title"};
+export var classes = {"root":"TabsFilter2402394648__root","title":"TabsFilter2402394648__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_ = "ManageTagsModal778816229";
+var _namespace_ = "ManageTagsModal2176026072";
 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":"ManageTagsModal778816229__root"};
+export var classes = {"root":"ManageTagsModal2176026072__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_ = "ToolbarItem391677634";
+var _namespace_ = "ToolbarItem4013764498";
 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":"ToolbarItem391677634__root"};
+export var classes = {"root":"ToolbarItem4013764498__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_ = "ToolbarItemBox3105624724";
+var _namespace_ = "ToolbarItemBox572276993";
 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":"ToolbarItemBox3105624724__root"};
+export var classes = {"root":"ToolbarItemBox572276993__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_ = "common780404466";
+var _namespace_ = "common2140370457";
 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":"common780404466__root","column":"common780404466__column","fullHeight":"common780404466__fullHeight"};
+export var classes = {"root":"common2140370457__root","column":"common2140370457__column","fullHeight":"common2140370457__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/hooks/useBuildAccordionItems.tsx

@@ -3,11 +3,13 @@ import { useWixPatternsContainer } from '@wix/bex-core/react';
 import React, { useCallback } from 'react';
 import {
   AccordionProps,
+  Box,
   accordionSectionItemBuilder,
 } from '@wix/design-system';
 import { CollectionFilter } from '../components/CollectionFilter';
 import { FilterElement } from '../components/CollectionToolbarFilters';
 import { CollectionToolbarFiltersState } from '../components/CollectionToolbarFilters/CollectionToolbarFiltersState';
+import { FilterAccordionResetButton } from '../components/FiltersPanel/FilterAccordionResetButton';
 import { FilterAccordionTitle } from '../components/FiltersPanel/FilterAccordionTitle';
 
 function useBuildAccordionItem<T, F extends FiltersMap>(
@@ -26,7 +28,19 @@ function useBuildAccordionItem<T, F extends FiltersMap>(
     );
 
     return {
-      title: (
+      title: filterProps.filter ? (
+        <Box width="100%" align="space-between" verticalAlign="middle">
+          <FilterAccordionTitle
+            state={state.toolbar}
+            filter={filter}
+            filterProps={filterProps}
+          />
+          <FilterAccordionResetButton
+            state={state.toolbar}
+            filter={filterProps.filter}
+          />
+        </Box>
+      ) : (
         <FilterAccordionTitle
           state={state.toolbar}
           filter={filter}

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_ = "CollectionPageHeader3770117450";
+var _namespace_ = "CollectionPageHeader2540668539";
 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":"CollectionPageHeader3770117450__root"};
+export var classes = {"root":"CollectionPageHeader2540668539__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_ = "FormPageHeader1349888597";
+var _namespace_ = "FormPageHeader2202744091";
 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":"FormPageHeader1349888597__root"};
+export var classes = {"root":"FormPageHeader2202744091__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/KanbanState/KanbanState.ts

@@ -50,6 +50,7 @@ export interface KanbanStateBaseParams<
     itemKey: CollectionStateParams<T, F>['itemKey'];
     itemName: CollectionStateParams<T, F>['itemName'];
     stageField: string;
+    filters?: F;
     fetchAllByStageIds?: (params: {
       ids: string[];
       filters: ComputedQuery<F>['filters'];
@@ -185,6 +186,10 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
     return this.toolbarQueryCollectionState.query;
   }
 
+  get filters() {
+    return this.toolbarQueryCollectionState.filters;
+  }
+
   get queryComputed() {
     return this.query.asComputed;
   }
@@ -348,7 +353,7 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
         }),
       itemKey: () => '',
       itemName: () => '',
-      filters: {} as F,
+      filters: params.items.filters ?? ({} as F),
       errorHandler: this.container.errorHandler,
       paginationMode: 'cursor',
     });

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer2205949715__root.CardContainer2205949715--mobile{border-radius:0}.Collapse3709757896__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3709757896__exit{height:0}.CollectionPage3908808724__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3908808724__root.CollectionPage3908808724--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3908808724__root.CollectionPage3908808724--panel{overflow:hidden;position:relative}.CollectionSectionHeader885378900__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3378962909__root td{vertical-align:middle}.CollectionTable3378962909__root.CollectionTable3378962909--mobile td:first-child{padding-left:18px}.CollectionTable3378962909__root.CollectionTable3378962909--mobile td:last-child{padding-right:18px}.CollectionToolbar3133536778__left{min-width:0}.CollectionToolbar3133536778__left.CollectionToolbar3133536778--expandable{flex:auto}.CollectionToolbar3133536778__left.CollectionToolbar3133536778--title>*{width:100%}.CollectionToolbar3133536778__root.CollectionToolbar3133536778---responsiveMode-5-title .CollectionToolbar3133536778__left{flex:1 100;min-width:50px}.CollectionToolbar3133536778__root.CollectionToolbar3133536778---responsiveMode-4-tabs .CollectionToolbar3133536778__left,.CollectionToolbar3133536778__root.CollectionToolbar3133536778---responsiveMode-4-tabs .CollectionToolbar3133536778__left.CollectionToolbar3133536778--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3133536778__root.CollectionToolbar3133536778---responsiveMode-4-tabs .CollectionToolbar3133536778__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3133536778__root .CollectionToolbar3133536778__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3133536778__root.CollectionToolbar3133536778--views .CollectionToolbar3133536778__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3133536778__root.CollectionToolbar3133536778---responsiveMode-4-tabs .CollectionToolbar3133536778__right,.CollectionToolbar3133536778__root.CollectionToolbar3133536778---responsiveMode-5-title .CollectionToolbar3133536778__right{flex:0 1 auto;min-width:0}.CollectionToolbar3133536778__root .CollectionToolbar3133536778__right.CollectionToolbar3133536778__fullWidth{margin-inline-start:0!important}.CollectionToolbar3133536778__root.CollectionToolbar3133536778--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1002994317__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1002994317__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1002994317__searchMobile:not(.SearchOrCustomFilter1002994317--expandable){left:18px}.SearchOrCustomFilter1002994317__searchMobile.SearchOrCustomFilter1002994317--expandable.SearchOrCustomFilter1002994317--expanded{left:18px}.AutoCompleteReadonly777308366__root.AutoCompleteReadonly777308366--disableEditing{cursor:pointer}.AutoCompleteReadonly777308366__root.AutoCompleteReadonly777308366--disableEditing input{cursor:pointer}.ViewsDropdown3368516299__root{width:200px}.DragHandle2342184303__root{display:flex;align-items:center}.DragHandle2342184303__root:not(.DragHandle2342184303--disabled){cursor:grab;color:#a8caff}.DragHandle2342184303__root.DragHandle2342184303--disabled{color:#acafc4}.DragHandle2342184303__root:focus-visible:not(.DragHandle2342184303--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2342184303__root.DragHandle2342184303--disabled{pointer-events:none}.DragHandle2342184303__root.DragHandle2342184303--dragging:not(.DragHandle2342184303--disabled){cursor:grabbing}.EntityPagePlain1608197167__root.EntityPagePlain1608197167--mobile{--wds-page-header-padding-horizontal:0}.Fade1887979394__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1887979394__root.Fade1887979394--exit{opacity:0}.Heading1786796010__root{visibility:visible}.Heading1786796010__root.Heading1786796010--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2373340862__fileUpload{width:100%}.InputOverflow121088723__root.InputOverflow121088723--selected:not(.InputOverflow121088723--focused) input::placeholder{color:#000624}@keyframes LoadingRow2081649038__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%}}.LoadingRow2081649038__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:LoadingRow2081649038__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText785378325__root{opacity:1}.MaxHeightText785378325__root.MaxHeightText785378325--height24{line-height:24px}.MaxLines239794507__root{overflow:hidden}.MaxLines239794507__root.MaxLines239794507--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar963133974__root{min-width:0}.MultiBulkActionToolbar963133974__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar963133974__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar963133974__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3199429362__root td{padding:0!important;width:100%}.NestedTableRow2769808413__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2769808413__root:hover{background-color:#e7f0ff!important}.NestedTableRow2769808413__root.NestedTableRow2769808413--expandable{cursor:pointer}.NestedTableRow2769808413__placeholder td{padding:0!important;width:100%}.NestedTableRow2769808413__root:hover td:first-of-type::before,.NestedTableRow2769808413__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3549328804__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)}.NestedTableDragAndDropRow38344387__root.NestedTableDragAndDropRow38344387--draggingInto td{background-color:#e7f0ff!important}.PickerContent3651580276__root{display:flex}.PickerContentAdditionalStep3755053293__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3755053293__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2170258568__root{box-sizing:border-box}.ScrollableContent840554507__root.ScrollableContent840554507--overflowY{overflow-y:auto}.ScrollableContent840554507__root.ScrollableContent840554507--overflowX{overflow-x:auto}.ScrollableContent840554507__root.ScrollableContent840554507--smooth{scroll-behavior:smooth}.SkeletonCard1942060337__headerLoading{display:block!important}.SlidingModal3366959456__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3366959456__root.SlidingModal3366959456--overlay{transition:transform 0s ease 0s}.SlidingModal3366959456__root.SlidingModal3366959456---appendTo-6-parent{position:absolute}.SlidingModal3366959456__root:not(.SlidingModal3366959456--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2590592218__root .TabsFilter2590592218__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter2590592218__root.TabsFilter2590592218--selected .TabsFilter2590592218__title,.TabsFilter2590592218__root:hover .TabsFilter2590592218__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal778816229__root{display:flex}.ToolbarItem391677634__root{min-width:0}.ToolbarItemBox3105624724__root{min-width:0}.ToolbarItemBox3105624724__root.ToolbarItemBox3105624724--removeStartPadding{margin-left:-24px}.ToolbarItemBox3105624724__root.ToolbarItemBox3105624724--expandable{flex:1 0}.common780404466__column{display:flex;flex-direction:column}.common780404466__fullHeight{height:100%;min-height:0}.CollectionPageHeader3770117450__root:not(.CollectionPageHeader3770117450--mobile){gap:12px}.CollectionPageHeader3770117450__root.CollectionPageHeader3770117450--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3770117450__root.CollectionPageHeader3770117450--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1349888597__root.FormPageHeader1349888597--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1349888597__root.FormPageHeader1349888597--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer3155620443__root.CardContainer3155620443--mobile{border-radius:0}.Collapse3034119267__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3034119267__exit{height:0}.CollectionPage1404352217__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1404352217__root.CollectionPage1404352217--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1404352217__root.CollectionPage1404352217--panel{overflow:hidden;position:relative}.CollectionSectionHeader1715510560__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable996119683__root td{vertical-align:middle}.CollectionTable996119683__root.CollectionTable996119683--mobile td:first-child{padding-left:18px}.CollectionTable996119683__root.CollectionTable996119683--mobile td:last-child{padding-right:18px}.CollectionToolbar2658396883__left{min-width:0}.CollectionToolbar2658396883__left.CollectionToolbar2658396883--expandable{flex:auto}.CollectionToolbar2658396883__left.CollectionToolbar2658396883--title>*{width:100%}.CollectionToolbar2658396883__root.CollectionToolbar2658396883---responsiveMode-5-title .CollectionToolbar2658396883__left{flex:1 100;min-width:50px}.CollectionToolbar2658396883__root.CollectionToolbar2658396883---responsiveMode-4-tabs .CollectionToolbar2658396883__left,.CollectionToolbar2658396883__root.CollectionToolbar2658396883---responsiveMode-4-tabs .CollectionToolbar2658396883__left.CollectionToolbar2658396883--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2658396883__root.CollectionToolbar2658396883---responsiveMode-4-tabs .CollectionToolbar2658396883__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2658396883__root .CollectionToolbar2658396883__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2658396883__root.CollectionToolbar2658396883--views .CollectionToolbar2658396883__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2658396883__root.CollectionToolbar2658396883---responsiveMode-4-tabs .CollectionToolbar2658396883__right,.CollectionToolbar2658396883__root.CollectionToolbar2658396883---responsiveMode-5-title .CollectionToolbar2658396883__right{flex:0 1 auto;min-width:0}.CollectionToolbar2658396883__root .CollectionToolbar2658396883__right.CollectionToolbar2658396883__fullWidth{margin-inline-start:0!important}.CollectionToolbar2658396883__root.CollectionToolbar2658396883--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1207220654__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1207220654__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1207220654__searchMobile:not(.SearchOrCustomFilter1207220654--expandable){left:18px}.SearchOrCustomFilter1207220654__searchMobile.SearchOrCustomFilter1207220654--expandable.SearchOrCustomFilter1207220654--expanded{left:18px}.AutoCompleteReadonly1869116685__root.AutoCompleteReadonly1869116685--disableEditing{cursor:pointer}.AutoCompleteReadonly1869116685__root.AutoCompleteReadonly1869116685--disableEditing input{cursor:pointer}.ViewsDropdown514972543__root{width:200px}.DragHandle4263951191__root{display:flex;align-items:center}.DragHandle4263951191__root:not(.DragHandle4263951191--disabled){cursor:grab;color:#a8caff}.DragHandle4263951191__root.DragHandle4263951191--disabled{color:#acafc4}.DragHandle4263951191__root:focus-visible:not(.DragHandle4263951191--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle4263951191__root.DragHandle4263951191--disabled{pointer-events:none}.DragHandle4263951191__root.DragHandle4263951191--dragging:not(.DragHandle4263951191--disabled){cursor:grabbing}.EntityPagePlain1687286502__root.EntityPagePlain1687286502--mobile{--wds-page-header-padding-horizontal:0}.Fade140473283__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade140473283__root.Fade140473283--exit{opacity:0}.Heading2968453176__root{visibility:visible}.Heading2968453176__root.Heading2968453176--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2853718693__fileUpload{width:100%}.InputOverflow3167239132__root.InputOverflow3167239132--selected:not(.InputOverflow3167239132--focused) input::placeholder{color:#000624}@keyframes LoadingRow3791399935__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%}}.LoadingRow3791399935__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:LoadingRow3791399935__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3994669917__root{opacity:1}.MaxHeightText3994669917__root.MaxHeightText3994669917--height24{line-height:24px}.MaxLines545705138__root{overflow:hidden}.MaxLines545705138__root.MaxLines545705138--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2458542829__root{min-width:0}.MultiBulkActionToolbar2458542829__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2458542829__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2458542829__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2764090560__root td{padding:0!important;width:100%}.NestedTableRow449850700__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow449850700__root:hover{background-color:#e7f0ff!important}.NestedTableRow449850700__root.NestedTableRow449850700--expandable{cursor:pointer}.NestedTableRow449850700__placeholder td{padding:0!important;width:100%}.NestedTableRow449850700__root:hover td:first-of-type::before,.NestedTableRow449850700__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect909212706__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)}.NestedTableDragAndDropRow817173986__root.NestedTableDragAndDropRow817173986--draggingInto td{background-color:#e7f0ff!important}.PickerContent2621024629__root{display:flex}.PickerContentAdditionalStep2112299193__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2112299193__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2879372486__root{box-sizing:border-box}.ScrollableContent2145096297__root.ScrollableContent2145096297--overflowY{overflow-y:auto}.ScrollableContent2145096297__root.ScrollableContent2145096297--overflowX{overflow-x:auto}.ScrollableContent2145096297__root.ScrollableContent2145096297--smooth{scroll-behavior:smooth}.SkeletonCard3016637993__headerLoading{display:block!important}.SlidingModal3550523278__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3550523278__root.SlidingModal3550523278--overlay{transition:transform 0s ease 0s}.SlidingModal3550523278__root.SlidingModal3550523278---appendTo-6-parent{position:absolute}.SlidingModal3550523278__root:not(.SlidingModal3550523278--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2402394648__root .TabsFilter2402394648__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter2402394648__root.TabsFilter2402394648--selected .TabsFilter2402394648__title,.TabsFilter2402394648__root:hover .TabsFilter2402394648__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal2176026072__root{display:flex}.ToolbarItem4013764498__root{min-width:0}.ToolbarItemBox572276993__root{min-width:0}.ToolbarItemBox572276993__root.ToolbarItemBox572276993--removeStartPadding{margin-left:-24px}.ToolbarItemBox572276993__root.ToolbarItemBox572276993--expandable{flex:1 0}.common2140370457__column{display:flex;flex-direction:column}.common2140370457__fullHeight{height:100%;min-height:0}.CollectionPageHeader2540668539__root:not(.CollectionPageHeader2540668539--mobile){gap:12px}.CollectionPageHeader2540668539__root.CollectionPageHeader2540668539--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2540668539__root.CollectionPageHeader2540668539--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2202744091__root.FormPageHeader2202744091--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2202744091__root.FormPageHeader2202744091--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.359.0';
+export const version = 'patterns@1.363.0';