@wix/patterns 1.273.0 → 1.274.0

package/src/components/Kanban/useKanbanCollectionSyncProps.ts

@@ -0,0 +1,44 @@
+import { FiltersMap } from '@wix/bex-core';
+import { useEffect, useState } from 'react';
+import { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';
+import { DataExtensionProps, DataExtensionType } from '../DataExtension';
+import { isValidElement } from '../isValidElement';
+import { KanbanBaseProps } from './KanbanProps';
+
+export function useKanbanCollectionSyncProps<T, S, F extends FiltersMap>(
+  props: KanbanBaseProps<T, S, F>,
+) {
+  const { state: kanban, dataExtension } = props;
+
+  const state = kanban.toolbar;
+
+  useToolbarCollectionSyncProps({
+    ...props,
+    state,
+    isUsingDragAndDrop: false,
+    isUsingBulkActionsToolbar: false,
+    isUsingHorizontalScroll: false,
+    isUsingFolders: false,
+    isUsingTableVirtualization: false,
+  });
+
+  useState(() => {
+    if (isValidElement<DataExtensionProps, DataExtensionType>(dataExtension)) {
+      dataExtension.type.setDataExtensionOnTable(state, dataExtension.props);
+    } else {
+      dataExtension?.setDataExtensionOnTable(state);
+    }
+  });
+
+  useEffect(() => {
+    if (!dataExtension) {
+      return;
+    }
+    (isValidElement<DataExtensionProps, DataExtensionType>(dataExtension)
+      ? dataExtension.type
+      : dataExtension
+    ).syncTableCollectionProps(state);
+  }, []);
+
+  return state;
+}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow1075053068";
+var _namespace_ = "LoadingRow2450376661";
 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":"LoadingRow1075053068__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1075053068__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow2450376661__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow2450376661__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_ = "MaxHeightText3581876567";
+var _namespace_ = "MaxHeightText3956546421";
 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":"MaxHeightText3581876567__root"};
+export var classes = {"root":"MaxHeightText3956546421__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_ = "MaxLines2770530764";
+var _namespace_ = "MaxLines1047017223";
 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":"MaxLines2770530764__root"};
+export var classes = {"root":"MaxLines1047017223__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_ = "MultiBulkActionToolbar986236754";
+var _namespace_ = "MultiBulkActionToolbar2557674296";
 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":"MultiBulkActionToolbar986236754__root"};
+export var classes = {"root":"MultiBulkActionToolbar2557674296__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_ = "NestedTablePlaceholderStatesRow2810881269";
+var _namespace_ = "NestedTablePlaceholderStatesRow597012470";
 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":"NestedTablePlaceholderStatesRow2810881269__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow597012470__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_ = "NestedTableRow986947815";
+var _namespace_ = "NestedTableRow3472296179";
 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":"NestedTableRow986947815__root","firstLevel":"NestedTableRow986947815__firstLevel","placeholder":"NestedTableRow986947815__placeholder","parentHovered":"NestedTableRow986947815__parentHovered"};
+export var classes = {"root":"NestedTableRow3472296179__root","firstLevel":"NestedTableRow3472296179__firstLevel","placeholder":"NestedTableRow3472296179__placeholder","parentHovered":"NestedTableRow3472296179__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_ = "MultipleDragOverlayEffect1866277455";
+var _namespace_ = "MultipleDragOverlayEffect3302833200";
 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":"MultipleDragOverlayEffect1866277455__root"};
+export var classes = {"root":"MultipleDragOverlayEffect3302833200__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_ = "NestedTableDragAndDropRow4196837160";
+var _namespace_ = "NestedTableDragAndDropRow3289467326";
 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":"NestedTableDragAndDropRow4196837160__root"};
+export var classes = {"root":"NestedTableDragAndDropRow3289467326__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_ = "PickerContent596584960";
+var _namespace_ = "PickerContent812165140";
 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":"PickerContent596584960__root"};
+export var classes = {"root":"PickerContent812165140__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_ = "PickerContentAdditionalStep1192940651";
+var _namespace_ = "PickerContentAdditionalStep1561634345";
 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":"PickerContentAdditionalStep1192940651__root","titles":"PickerContentAdditionalStep1192940651__titles","suffix":"PickerContentAdditionalStep1192940651__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1561634345__root","titles":"PickerContentAdditionalStep1561634345__titles","suffix":"PickerContentAdditionalStep1561634345__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_ = "PickerTableListItem203407512";
+var _namespace_ = "PickerTableListItem3724423920";
 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":"PickerTableListItem203407512__root"};
+export var classes = {"root":"PickerTableListItem3724423920__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_ = "ScrollableContent3720529783";
+var _namespace_ = "ScrollableContent1293787194";
 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":"ScrollableContent3720529783__root"};
+export var classes = {"root":"ScrollableContent1293787194__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_ = "SkeletonCard3483719225";
+var _namespace_ = "SkeletonCard2539536099";
 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":"SkeletonCard3483719225__root","headerLoading":"SkeletonCard3483719225__headerLoading"};
+export var classes = {"root":"SkeletonCard2539536099__root","headerLoading":"SkeletonCard2539536099__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_ = "SlidingModal1826544518";
+var _namespace_ = "SlidingModal606708322";
 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":"SlidingModal1826544518__root"};
+export var classes = {"root":"SlidingModal606708322__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_ = "TabsFilter3871724656";
+var _namespace_ = "TabsFilter914305513";
 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":"TabsFilter3871724656__root","title":"TabsFilter3871724656__title"};
+export var classes = {"root":"TabsFilter914305513__root","title":"TabsFilter914305513__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_ = "ManageTagsModal2297684758";
+var _namespace_ = "ManageTagsModal1669701645";
 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":"ManageTagsModal2297684758__root"};
+export var classes = {"root":"ManageTagsModal1669701645__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_ = "ToolbarItem473569765";
+var _namespace_ = "ToolbarItem397874102";
 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":"ToolbarItem473569765__root"};
+export var classes = {"root":"ToolbarItem397874102__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_ = "ToolbarItemBox1252058291";
+var _namespace_ = "ToolbarItemBox774687617";
 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":"ToolbarItemBox1252058291__root"};
+export var classes = {"root":"ToolbarItemBox774687617__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_ = "common2683780817";
+var _namespace_ = "common2229752189";
 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":"common2683780817__root","column":"common2683780817__column","fullHeight":"common2683780817__fullHeight"};
+export var classes = {"root":"common2229752189__root","column":"common2229752189__column","fullHeight":"common2229752189__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_ = "CollectionPageHeader3631279008";
+var _namespace_ = "CollectionPageHeader3738423610";
 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":"CollectionPageHeader3631279008__root"};
+export var classes = {"root":"CollectionPageHeader3738423610__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_ = "FormPageHeader3475574295";
+var _namespace_ = "FormPageHeader971515710";
 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":"FormPageHeader3475574295__root"};
+export var classes = {"root":"FormPageHeader971515710__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/KanbanState/KanbanState.ts

@@ -10,6 +10,7 @@ import {
   QueryState,
   syncWithSharedQuery,
   ComputedQuery,
+  parseFqdn,
 } from '@wix/bex-core';
 import { ICollectionComponentState } from '../ICollectionComponentState';
 import { ToolbarCollectionState } from '../ToolbarCollectionState';
@@ -38,6 +39,7 @@ export interface KanbanStateBaseParams<
   S,
   F extends FiltersMap = OptionalFiltersMap,
 > {
+  fqdn?: string;
   kanbanId: string;
   stages: {
     fetchData: CollectionStateParams<S, F>['fetchData'];
@@ -119,7 +121,8 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
     this.container = params.container;
     this.kanbanId = params.kanbanId;
     this.items = params.items;
-    this.toolbarQueryCollectionState = this.createToolbarQueryCollectionState();
+    this.toolbarQueryCollectionState =
+      this.createToolbarQueryCollectionState(params);
     this.query = new QueryState({
       filters: {} as F,
       search: stringFilter({ initialValue: '' }),
@@ -322,7 +325,9 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
     resolvedError && this.container.errorHandler?.showError?.(resolvedError);
   }
 
-  private createToolbarQueryCollectionState() {
+  private createToolbarQueryCollectionState(
+    params: KanbanStateParams<T, S, F>,
+  ) {
     return new CollectionState<T, F>({
       errorMonitor: this.container.errorMonitor,
       history: this.container.history,
@@ -330,6 +335,7 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
       onlineState: this.container.onlineState,
       queryCache: this.container.queryCache,
       translate: this.container.translate,
+      fqdn: params.fqdn ? parseFqdn(params.fqdn) : undefined,
       queryName: `kanban-toolbar-query-items-${this.kanbanId}`,
       fetchData: () =>
         Promise.resolve({

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer3393531870__root.CardContainer3393531870--mobile{border-radius:0}.Collapse1869303040__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1869303040__exit{height:0}.CollectionPage322784049__root.CollectionPage322784049--mobile{--wds-page-header-padding-horizontal:0}.CollectionPage322784049__root.CollectionPage322784049--panel{overflow:hidden;position:relative}.CollectionTable3200715404__root td{vertical-align:middle}.CollectionTable3200715404__root.CollectionTable3200715404--mobile td:first-child{padding-left:18px}.CollectionTable3200715404__root.CollectionTable3200715404--mobile td:last-child{padding-right:18px}.CollectionToolbar4128904341__left{min-width:0}.CollectionToolbar4128904341__root.CollectionToolbar4128904341--views .CollectionToolbar4128904341__left{flex-shrink:1;flex-grow:0}.CollectionToolbar4128904341__left.CollectionToolbar4128904341--expandable{flex:auto}.CollectionToolbar4128904341__root .CollectionToolbar4128904341__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar4128904341__root.CollectionToolbar4128904341--views .CollectionToolbar4128904341__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar4128904341__root .CollectionToolbar4128904341__right.CollectionToolbar4128904341__fullWidth{margin-inline-start:0!important}.CollectionToolbar4128904341__root.CollectionToolbar4128904341--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter266308055__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter266308055__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly1894809301__root.AutoCompleteReadonly1894809301--disableEditing{cursor:pointer}.AutoCompleteReadonly1894809301__root.AutoCompleteReadonly1894809301--disableEditing input{cursor:pointer}.ViewsDropdown540866605__root{width:200px}.DragHandle3860693914__root{display:flex;align-items:center}.DragHandle3860693914__root:not(.DragHandle3860693914--disabled){cursor:grab;color:#a8caff}.DragHandle3860693914__root.DragHandle3860693914--disabled{color:#acafc4}.DragHandle3860693914__root:focus-visible:not(.DragHandle3860693914--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3860693914__root.DragHandle3860693914--disabled{pointer-events:none}.DragHandle3860693914__root.DragHandle3860693914--dragging:not(.DragHandle3860693914--disabled){cursor:grabbing}.EntityPagePlain3917826476__root.EntityPagePlain3917826476--mobile{--wds-page-header-padding-horizontal:0}.Fade2304860188__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2304860188__root.Fade2304860188--exit{opacity:0}.Heading1604849840__root{visibility:visible}.Heading1604849840__root.Heading1604849840--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3962246097__root.InputOverflow3962246097--selected:not(.InputOverflow3962246097--focused) input::placeholder{color:#000624}@keyframes LoadingRow1075053068__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%}}.LoadingRow1075053068__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:LoadingRow1075053068__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3581876567__root{opacity:1}.MaxHeightText3581876567__root.MaxHeightText3581876567--height24{line-height:24px}.MaxLines2770530764__root{overflow:hidden}.MaxLines2770530764__root.MaxLines2770530764--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar986236754__root{min-width:0}.NestedTablePlaceholderStatesRow2810881269__root td{padding:0!important;width:100%}.NestedTableRow986947815__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow986947815__root:hover{background-color:#e7f0ff!important}.NestedTableRow986947815__root.NestedTableRow986947815--expandable{cursor:pointer}.NestedTableRow986947815__placeholder td{padding:0!important;width:100%}.NestedTableRow986947815__root:hover td:first-of-type::before,.NestedTableRow986947815__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1866277455__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)}.NestedTableDragAndDropRow4196837160__root.NestedTableDragAndDropRow4196837160--draggingInto td{background-color:#e7f0ff!important}.PickerContent596584960__root{display:flex}.PickerContentAdditionalStep1192940651__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1192940651__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem203407512__root{box-sizing:border-box}.ScrollableContent3720529783__root.ScrollableContent3720529783--overflowY{overflow-y:auto}.ScrollableContent3720529783__root.ScrollableContent3720529783--overflowX{overflow-x:auto}.ScrollableContent3720529783__root.ScrollableContent3720529783--smooth{scroll-behavior:smooth}.SkeletonCard3483719225__headerLoading{display:block!important}.SlidingModal1826544518__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1826544518__root.SlidingModal1826544518---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal1826544518__root:not(.SlidingModal1826544518--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3871724656__root .TabsFilter3871724656__title{color:inherit!important}.ManageTagsModal2297684758__root{display:flex}.ToolbarItem473569765__root{min-width:0}.ToolbarItemBox1252058291__root{min-width:0}.ToolbarItemBox1252058291__root.ToolbarItemBox1252058291--removeStartPadding{margin-left:-24px}.ToolbarItemBox1252058291__root.ToolbarItemBox1252058291--expandable{flex:1 0}.common2683780817__column{display:flex;flex-direction:column}.common2683780817__fullHeight{height:100%;min-height:0}.CollectionPageHeader3631279008__root.CollectionPageHeader3631279008--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3631279008__root.CollectionPageHeader3631279008--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3475574295__root.FormPageHeader3475574295--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3475574295__root.FormPageHeader3475574295--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer2889415271__root.CardContainer2889415271--mobile{border-radius:0}.Collapse3700940376__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3700940376__exit{height:0}.CollectionPage3921024459__root.CollectionPage3921024459--mobile{--wds-page-header-padding-horizontal:0}.CollectionPage3921024459__root.CollectionPage3921024459--panel{overflow:hidden;position:relative}.CollectionTable1803194027__root td{vertical-align:middle}.CollectionTable1803194027__root.CollectionTable1803194027--mobile td:first-child{padding-left:18px}.CollectionTable1803194027__root.CollectionTable1803194027--mobile td:last-child{padding-right:18px}.CollectionToolbar2347081718__left{min-width:0}.CollectionToolbar2347081718__root.CollectionToolbar2347081718--views .CollectionToolbar2347081718__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2347081718__left.CollectionToolbar2347081718--expandable{flex:auto}.CollectionToolbar2347081718__root .CollectionToolbar2347081718__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2347081718__root.CollectionToolbar2347081718--views .CollectionToolbar2347081718__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2347081718__root .CollectionToolbar2347081718__right.CollectionToolbar2347081718__fullWidth{margin-inline-start:0!important}.CollectionToolbar2347081718__root.CollectionToolbar2347081718--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter2464389102__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2464389102__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly3521084809__root.AutoCompleteReadonly3521084809--disableEditing{cursor:pointer}.AutoCompleteReadonly3521084809__root.AutoCompleteReadonly3521084809--disableEditing input{cursor:pointer}.ViewsDropdown1588985722__root{width:200px}.DragHandle4213415148__root{display:flex;align-items:center}.DragHandle4213415148__root:not(.DragHandle4213415148--disabled){cursor:grab;color:#a8caff}.DragHandle4213415148__root.DragHandle4213415148--disabled{color:#acafc4}.DragHandle4213415148__root:focus-visible:not(.DragHandle4213415148--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle4213415148__root.DragHandle4213415148--disabled{pointer-events:none}.DragHandle4213415148__root.DragHandle4213415148--dragging:not(.DragHandle4213415148--disabled){cursor:grabbing}.EntityPagePlain1566733029__root.EntityPagePlain1566733029--mobile{--wds-page-header-padding-horizontal:0}.Fade1020994248__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1020994248__root.Fade1020994248--exit{opacity:0}.Heading2545566122__root{visibility:visible}.Heading2545566122__root.Heading2545566122--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3716241187__root.InputOverflow3716241187--selected:not(.InputOverflow3716241187--focused) input::placeholder{color:#000624}@keyframes LoadingRow2450376661__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%}}.LoadingRow2450376661__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:LoadingRow2450376661__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3956546421__root{opacity:1}.MaxHeightText3956546421__root.MaxHeightText3956546421--height24{line-height:24px}.MaxLines1047017223__root{overflow:hidden}.MaxLines1047017223__root.MaxLines1047017223--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2557674296__root{min-width:0}.NestedTablePlaceholderStatesRow597012470__root td{padding:0!important;width:100%}.NestedTableRow3472296179__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3472296179__root:hover{background-color:#e7f0ff!important}.NestedTableRow3472296179__root.NestedTableRow3472296179--expandable{cursor:pointer}.NestedTableRow3472296179__placeholder td{padding:0!important;width:100%}.NestedTableRow3472296179__root:hover td:first-of-type::before,.NestedTableRow3472296179__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3302833200__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)}.NestedTableDragAndDropRow3289467326__root.NestedTableDragAndDropRow3289467326--draggingInto td{background-color:#e7f0ff!important}.PickerContent812165140__root{display:flex}.PickerContentAdditionalStep1561634345__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1561634345__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3724423920__root{box-sizing:border-box}.ScrollableContent1293787194__root.ScrollableContent1293787194--overflowY{overflow-y:auto}.ScrollableContent1293787194__root.ScrollableContent1293787194--overflowX{overflow-x:auto}.ScrollableContent1293787194__root.ScrollableContent1293787194--smooth{scroll-behavior:smooth}.SkeletonCard2539536099__headerLoading{display:block!important}.SlidingModal606708322__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal606708322__root.SlidingModal606708322---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal606708322__root:not(.SlidingModal606708322--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter914305513__root .TabsFilter914305513__title{color:inherit!important}.ManageTagsModal1669701645__root{display:flex}.ToolbarItem397874102__root{min-width:0}.ToolbarItemBox774687617__root{min-width:0}.ToolbarItemBox774687617__root.ToolbarItemBox774687617--removeStartPadding{margin-left:-24px}.ToolbarItemBox774687617__root.ToolbarItemBox774687617--expandable{flex:1 0}.common2229752189__column{display:flex;flex-direction:column}.common2229752189__fullHeight{height:100%;min-height:0}.CollectionPageHeader3738423610__root.CollectionPageHeader3738423610--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3738423610__root.CollectionPageHeader3738423610--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader971515710__root.FormPageHeader971515710--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader971515710__root.FormPageHeader971515710--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.273.0';
+export const version = 'patterns@1.274.0';