@wix/patterns 1.259.0 → 1.261.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar2149190412";
+var _namespace_ = "MultiBulkActionToolbar3960437646";
 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":"MultiBulkActionToolbar2149190412__root"};
+export var classes = {"root":"MultiBulkActionToolbar3960437646__root"};
 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_ = "NestedTablePlaceholderStatesRow3101725934";
+var _namespace_ = "NestedTablePlaceholderStatesRow2904074660";
 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":"NestedTablePlaceholderStatesRow3101725934__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow2904074660__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_ = "NestedTableRow2203962015";
+var _namespace_ = "NestedTableRow3427171272";
 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":"NestedTableRow2203962015__root","firstLevel":"NestedTableRow2203962015__firstLevel","placeholder":"NestedTableRow2203962015__placeholder","parentHovered":"NestedTableRow2203962015__parentHovered"};
+export var classes = {"root":"NestedTableRow3427171272__root","firstLevel":"NestedTableRow3427171272__firstLevel","placeholder":"NestedTableRow3427171272__placeholder","parentHovered":"NestedTableRow3427171272__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTableWSRTable.tsx

@@ -140,7 +140,7 @@ function _NestedTableWSRTable<C extends string, T, F extends FiltersMap>(
       rowVerticalPadding={rowVerticalPadding}
       search={search === true ? <QuerySearch state={query.search} /> : search}
       {...rest}
-      skin={isGreyHeadersEnabled ? "neutral" : undefined}
+      skin={isGreyHeadersEnabled ? 'neutral' : rest.skin}
       showHeaderWhenEmpty
       sticky
       tabs={tabs}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultipleDragOverlayEffect3678324328";
+var _namespace_ = "MultipleDragOverlayEffect3645946618";
 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":"MultipleDragOverlayEffect3678324328__root"};
+export var classes = {"root":"MultipleDragOverlayEffect3645946618__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_ = "NestedTableDragAndDropRow1047694534";
+var _namespace_ = "NestedTableDragAndDropRow761657154";
 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":"NestedTableDragAndDropRow1047694534__root"};
+export var classes = {"root":"NestedTableDragAndDropRow761657154__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_ = "PickerContent3116557461";
+var _namespace_ = "PickerContent1221046944";
 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":"PickerContent3116557461__root"};
+export var classes = {"root":"PickerContent1221046944__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_ = "PickerContentAdditionalStep235815480";
+var _namespace_ = "PickerContentAdditionalStep3990396416";
 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":"PickerContentAdditionalStep235815480__root","titles":"PickerContentAdditionalStep235815480__titles","suffix":"PickerContentAdditionalStep235815480__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep3990396416__root","titles":"PickerContentAdditionalStep3990396416__titles","suffix":"PickerContentAdditionalStep3990396416__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_ = "PickerTableListItem3834432628";
+var _namespace_ = "PickerTableListItem1518127344";
 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":"PickerTableListItem3834432628__root"};
+export var classes = {"root":"PickerTableListItem1518127344__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_ = "ScrollableContent3791513152";
+var _namespace_ = "ScrollableContent186640191";
 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":"ScrollableContent3791513152__root"};
+export var classes = {"root":"ScrollableContent186640191__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SidePanelModal/SidePanelModal.tsx

@@ -15,22 +15,33 @@ export interface SidePanelModalProps {
 
 function _SidePanelModal(props: SidePanelModalProps) {
   const { top, left, state } = props;
-  const { onSidePanelOpen, closeSidePanel } = useWixPatternsContainer();
+  const { onSidePanelOpen, closeSidePanel, containerLayoutType } =
+    useWixPatternsContainer();
   const pageState = usePageContext();
 
   const { sidePanel, sidePanelComponents } = state;
 
   const { isOpen } = sidePanel;
 
+  const width = useMemo(
+    () => (containerLayoutType === 'panel' ? '100%' : SidePanelWidth),
+    [containerLayoutType],
+  );
+
   const style = useMemo(
     () => ({
       top,
-      left: left != null ? left - SidePanelWidth : undefined,
+      left:
+        containerLayoutType === 'panel'
+          ? 0
+          : left != null
+          ? left - SidePanelWidth
+          : undefined,
       bottom: 0,
       overflow: 'hidden',
-      width: SidePanelWidth,
+      width,
     }),
-    [top, left],
+    [top, left, width],
   );
 
   useEffect(() => {
@@ -69,6 +80,7 @@ function _SidePanelModal(props: SidePanelModalProps) {
       dataHook="cairo-side-panel-modal"
       transitionStatus={sidePanel.transition.status}
       style={style}
+      appendTo={containerLayoutType === 'panel' ? 'parent' : undefined}
       contentRef={(el) => {
         sidePanel.focus.modalElement = el;
       }}
@@ -92,12 +104,7 @@ function _SidePanelModal(props: SidePanelModalProps) {
     >
       {Array.from(sidePanelComponents.entries()).map(([key, ComponentType]) => {
         return (
-          <SidePanelModalItem
-            key={key}
-            id={key}
-            width={SidePanelWidth}
-            state={state}
-          >
+          <SidePanelModalItem key={key} id={key} width={width} state={state}>
             <ComponentType />
           </SidePanelModalItem>
         );

package/src/components/SidePanelModal/SidePanelModalItem.tsx

@@ -5,7 +5,7 @@ import { SidePanelsState } from '../../state/SidePanelsState';
 export interface SidePanelModalItemProps {
   id: string;
   children?: ReactNode;
-  width: number;
+  width: number | string;
   state: SidePanelsState;
 }
 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard2385041";
+var _namespace_ = "SkeletonCard1111038852";
 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":"SkeletonCard2385041__root","headerLoading":"SkeletonCard2385041__headerLoading"};
+export var classes = {"root":"SkeletonCard1111038852__root","headerLoading":"SkeletonCard1111038852__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SlidingModal/SlidingModal.st.css

@@ -1,10 +1,15 @@
 .root {
-  -st-states: exited;
+  -st-states: exited, appendTo(enum(parent));
   transition: transform 0.4s ease 0s;
   position: fixed;
   z-index: 1;
 }
 
+.root:appendTo(parent) {
+  transition: transform 0s ease 0s;
+  position: absolute;
+}
+
 .root:not(:exited) {
   box-shadow: 0 3px 24px 0 rgba(22, 45, 61, 0.18),
     0 8px 8px 0 rgba(22, 45, 61, 0.12);

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

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

package/src/components/SlidingModal/SlidingModal.tsx

@@ -23,6 +23,7 @@ export interface SlidingModalProps {
   transitionStatus?: string;
   onRequestClose?: () => void;
   shadowWidth?: number;
+  appendTo?: 'parent';
 }
 
 export function SlidingModal(props: SlidingModalProps) {
@@ -41,6 +42,7 @@ export function SlidingModal(props: SlidingModalProps) {
     onExiting,
     onRequestClose,
     transitionStatus,
+    appendTo,
   } = props;
 
   const style = useMemo(
@@ -121,6 +123,7 @@ export function SlidingModal(props: SlidingModalProps) {
         classes.root,
         {
           exited: transitionStatus === 'exited',
+          appendTo,
         },
         ...[className, isOpen ? 'cairo-sliding-modal-is-open' : undefined],
       )}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter3490146555";
+var _namespace_ = "TabsFilter1584719376";
 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":"TabsFilter3490146555__root","title":"TabsFilter3490146555__title"};
+export var classes = {"root":"TabsFilter1584719376__root","title":"TabsFilter1584719376__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_ = "ManageTagsModal3254223459";
+var _namespace_ = "ManageTagsModal3546780406";
 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":"ManageTagsModal3254223459__root"};
+export var classes = {"root":"ManageTagsModal3546780406__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_ = "ToolbarItem1751863585";
+var _namespace_ = "ToolbarItem3712438792";
 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":"ToolbarItem1751863585__root"};
+export var classes = {"root":"ToolbarItem3712438792__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_ = "ToolbarItemBox2196075108";
+var _namespace_ = "ToolbarItemBox1914234473";
 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":"ToolbarItemBox2196075108__root"};
+export var classes = {"root":"ToolbarItemBox1914234473__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/WixPatternsPanelModalsContainer.tsx

@@ -0,0 +1,15 @@
+import { SidePanelModal } from './SidePanelModal';
+import React from 'react';
+import { SidePanelsState } from '../state/SidePanelsState';
+
+export interface WixPatternsPanelModalsContainerProps {
+  state: SidePanelsState;
+}
+
+export function WixPatternsPanelModalsContainer(
+  props: WixPatternsPanelModalsContainerProps,
+) {
+  const { state } = props;
+
+  return <SidePanelModal state={state} top={0} />;
+}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common2544145302";
+var _namespace_ = "common11644450";
 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":"common2544145302__root","column":"common2544145302__column","fullHeight":"common2544145302__fullHeight"};
+export var classes = {"root":"common11644450__root","column":"common11644450__column","fullHeight":"common11644450__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

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

package/src/state/NestedTableState/NestedTableFlatModeState.ts

@@ -167,6 +167,7 @@ export class NestedTableFlatModeState<C extends string = string> {
     const fetchAll = wrapper._attemptFetchAllAndPopulateCache();
     fetchAll.init();
     await fetchAll.initTask.status.promise;
+    await this.toolbar.collection._runSearch(true);
     await Promise.all(
       this.sections.map(({ collection }) => collection._runSearch(true)),
     );

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer631251044__root.CardContainer631251044--mobile{border-radius:0}.Collapse3258517309__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3258517309__exit{height:0}.CollectionPage2648993239__root.CollectionPage2648993239--mobile{--wds-page-header-padding-horizontal:0}.CollectionTable4197739063__root.CollectionTable4197739063--mobile td:first-child{padding-left:18px}.CollectionTable4197739063__root.CollectionTable4197739063--mobile td:last-child{padding-right:18px}.CollectionToolbar1543252129__left{min-width:0}.CollectionToolbar1543252129__root.CollectionToolbar1543252129--views .CollectionToolbar1543252129__left{flex-shrink:1;flex-grow:0}.CollectionToolbar1543252129__left.CollectionToolbar1543252129--expandable{flex:auto}.CollectionToolbar1543252129__root .CollectionToolbar1543252129__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1543252129__root.CollectionToolbar1543252129--views .CollectionToolbar1543252129__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1543252129__root .CollectionToolbar1543252129__right.CollectionToolbar1543252129__fullWidth{margin-inline-start:0!important}.CollectionToolbar1543252129__root.CollectionToolbar1543252129--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter185851976__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter185851976__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly2615306280__root.AutoCompleteReadonly2615306280--disableEditing{cursor:pointer}.AutoCompleteReadonly2615306280__root.AutoCompleteReadonly2615306280--disableEditing input{cursor:pointer}.ViewsDropdown2220869632__root{width:200px}.DragHandle3862412944__root{display:flex;align-items:center}.DragHandle3862412944__root:not(.DragHandle3862412944--disabled){cursor:grab;color:#a8caff}.DragHandle3862412944__root.DragHandle3862412944--disabled{color:#acafc4}.DragHandle3862412944__root:focus-visible:not(.DragHandle3862412944--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3862412944__root.DragHandle3862412944--disabled{pointer-events:none}.DragHandle3862412944__root.DragHandle3862412944--dragging:not(.DragHandle3862412944--disabled){cursor:grabbing}.EntityPagePlain3374043653__root.EntityPagePlain3374043653--mobile{--wds-page-header-padding-horizontal:0}.Fade3634012798__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3634012798__root.Fade3634012798--exit{opacity:0}.Heading3769833549__root{visibility:visible}.Heading3769833549__root.Heading3769833549--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1132959698__root.InputOverflow1132959698--selected:not(.InputOverflow1132959698--focused) input::placeholder{color:#000624}@keyframes LoadingRow773610757__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%}}.LoadingRow773610757__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:LoadingRow773610757__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3662701965__root{opacity:1}.MaxHeightText3662701965__root.MaxHeightText3662701965--height24{line-height:24px}.MaxLines4128093770__root{overflow:hidden}.MaxLines4128093770__root.MaxLines4128093770--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2149190412__root{min-width:0}.NestedTablePlaceholderStatesRow3101725934__root td{padding:0!important;width:100%}.NestedTableRow2203962015__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2203962015__root:hover{background-color:#e7f0ff!important}.NestedTableRow2203962015__root.NestedTableRow2203962015--expandable{cursor:pointer}.NestedTableRow2203962015__placeholder td{padding:0!important;width:100%}.NestedTableRow2203962015__root:hover td:first-of-type::before,.NestedTableRow2203962015__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3678324328__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)}.NestedTableDragAndDropRow1047694534__root.NestedTableDragAndDropRow1047694534--draggingInto td{background-color:#e7f0ff!important}.PickerContent3116557461__root{display:flex}.PickerContentAdditionalStep235815480__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep235815480__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3834432628__root{box-sizing:border-box}.ScrollableContent3791513152__root.ScrollableContent3791513152--overflowY{overflow-y:auto}.ScrollableContent3791513152__root.ScrollableContent3791513152--overflowX{overflow-x:auto}.ScrollableContent3791513152__root.ScrollableContent3791513152--smooth{scroll-behavior:smooth}.SkeletonCard2385041__headerLoading{display:block!important}.SlidingModal931485068__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal931485068__root:not(.SlidingModal931485068--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3490146555__root .TabsFilter3490146555__title{color:inherit!important}.ManageTagsModal3254223459__root{display:flex}.ToolbarItem1751863585__root{min-width:0}.ToolbarItemBox2196075108__root{min-width:0}.ToolbarItemBox2196075108__root.ToolbarItemBox2196075108--removeStartPadding{margin-left:-24px}.ToolbarItemBox2196075108__root.ToolbarItemBox2196075108--expandable{flex:1 0}.common2544145302__column{display:flex;flex-direction:column}.common2544145302__fullHeight{height:100%;min-height:0}.CollectionPageHeader2195393351__root.CollectionPageHeader2195393351--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2195393351__root.CollectionPageHeader2195393351--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader133125072__root.FormPageHeader133125072--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader133125072__root.FormPageHeader133125072--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer2816435378__root.CardContainer2816435378--mobile{border-radius:0}.Collapse3313035634__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3313035634__exit{height:0}.CollectionPage2659754749__root.CollectionPage2659754749--mobile{--wds-page-header-padding-horizontal:0}.CollectionTable3789129489__root.CollectionTable3789129489--mobile td:first-child{padding-left:18px}.CollectionTable3789129489__root.CollectionTable3789129489--mobile td:last-child{padding-right:18px}.CollectionToolbar856652363__left{min-width:0}.CollectionToolbar856652363__root.CollectionToolbar856652363--views .CollectionToolbar856652363__left{flex-shrink:1;flex-grow:0}.CollectionToolbar856652363__left.CollectionToolbar856652363--expandable{flex:auto}.CollectionToolbar856652363__root .CollectionToolbar856652363__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar856652363__root.CollectionToolbar856652363--views .CollectionToolbar856652363__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar856652363__root .CollectionToolbar856652363__right.CollectionToolbar856652363__fullWidth{margin-inline-start:0!important}.CollectionToolbar856652363__root.CollectionToolbar856652363--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter2018705461__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2018705461__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly3472175462__root.AutoCompleteReadonly3472175462--disableEditing{cursor:pointer}.AutoCompleteReadonly3472175462__root.AutoCompleteReadonly3472175462--disableEditing input{cursor:pointer}.ViewsDropdown2523037556__root{width:200px}.DragHandle1384877889__root{display:flex;align-items:center}.DragHandle1384877889__root:not(.DragHandle1384877889--disabled){cursor:grab;color:#a8caff}.DragHandle1384877889__root.DragHandle1384877889--disabled{color:#acafc4}.DragHandle1384877889__root:focus-visible:not(.DragHandle1384877889--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1384877889__root.DragHandle1384877889--disabled{pointer-events:none}.DragHandle1384877889__root.DragHandle1384877889--dragging:not(.DragHandle1384877889--disabled){cursor:grabbing}.EntityPagePlain1244331438__root.EntityPagePlain1244331438--mobile{--wds-page-header-padding-horizontal:0}.Fade1822755885__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1822755885__root.Fade1822755885--exit{opacity:0}.Heading322658514__root{visibility:visible}.Heading322658514__root.Heading322658514--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2740037672__root.InputOverflow2740037672--selected:not(.InputOverflow2740037672--focused) input::placeholder{color:#000624}@keyframes LoadingRow2032827896__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%}}.LoadingRow2032827896__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:LoadingRow2032827896__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2646176708__root{opacity:1}.MaxHeightText2646176708__root.MaxHeightText2646176708--height24{line-height:24px}.MaxLines1988150017__root{overflow:hidden}.MaxLines1988150017__root.MaxLines1988150017--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3960437646__root{min-width:0}.NestedTablePlaceholderStatesRow2904074660__root td{padding:0!important;width:100%}.NestedTableRow3427171272__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3427171272__root:hover{background-color:#e7f0ff!important}.NestedTableRow3427171272__root.NestedTableRow3427171272--expandable{cursor:pointer}.NestedTableRow3427171272__placeholder td{padding:0!important;width:100%}.NestedTableRow3427171272__root:hover td:first-of-type::before,.NestedTableRow3427171272__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3645946618__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)}.NestedTableDragAndDropRow761657154__root.NestedTableDragAndDropRow761657154--draggingInto td{background-color:#e7f0ff!important}.PickerContent1221046944__root{display:flex}.PickerContentAdditionalStep3990396416__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3990396416__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1518127344__root{box-sizing:border-box}.ScrollableContent186640191__root.ScrollableContent186640191--overflowY{overflow-y:auto}.ScrollableContent186640191__root.ScrollableContent186640191--overflowX{overflow-x:auto}.ScrollableContent186640191__root.ScrollableContent186640191--smooth{scroll-behavior:smooth}.SkeletonCard1111038852__headerLoading{display:block!important}.SlidingModal2434369816__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2434369816__root.SlidingModal2434369816---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal2434369816__root:not(.SlidingModal2434369816--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1584719376__root .TabsFilter1584719376__title{color:inherit!important}.ManageTagsModal3546780406__root{display:flex}.ToolbarItem3712438792__root{min-width:0}.ToolbarItemBox1914234473__root{min-width:0}.ToolbarItemBox1914234473__root.ToolbarItemBox1914234473--removeStartPadding{margin-left:-24px}.ToolbarItemBox1914234473__root.ToolbarItemBox1914234473--expandable{flex:1 0}.common11644450__column{display:flex;flex-direction:column}.common11644450__fullHeight{height:100%;min-height:0}.CollectionPageHeader2415985844__root.CollectionPageHeader2415985844--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2415985844__root.CollectionPageHeader2415985844--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2155437001__root.FormPageHeader2155437001--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2155437001__root.FormPageHeader2155437001--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.259.0';
+export const version = 'patterns@1.261.0';