@wix/patterns 1.371.0 → 1.373.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItemBox3190202883";
+var _namespace_ = "ToolbarItemBox3983743893";
 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":"ToolbarItemBox3190202883__root"};
+export var classes = {"root":"ToolbarItemBox3983743893__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_ = "common181684603";
+var _namespace_ = "common960909408";
 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":"common181684603__root","column":"common181684603__column","fullHeight":"common181684603__fullHeight"};
+export var classes = {"root":"common960909408__root","column":"common960909408__column","fullHeight":"common960909408__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_ = "CollectionPageHeader3766095296";
+var _namespace_ = "CollectionPageHeader3598119546";
 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":"CollectionPageHeader3766095296__root"};
+export var classes = {"root":"CollectionPageHeader3598119546__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/EditableTable/CellInteractionState.ts

@@ -16,6 +16,8 @@ export class CellInteractionState<T, F extends FiltersMap> {
   selectedCells = new Set<string>();
   selectionAnchor: Cell | null = null;
   focusedCellElement: HTMLElement | null = null;
+  /** True while the user is performing a mouse sweep selection. */
+  isSelecting = false;
   private readonly _parent: EditableTableState<T, F>;
   private readonly _commitHandler: CommitHandler;
 
@@ -29,6 +31,7 @@ export class CellInteractionState<T, F extends FiltersMap> {
       editTrigger: observable.ref,
       selectedCells: observable,
       selectionAnchor: observable.ref,
+      isSelecting: observable.ref,
       isEditing: computed,
       selectedCellsList: computed,
       focusCell: action,
@@ -42,6 +45,9 @@ export class CellInteractionState<T, F extends FiltersMap> {
       moveFocus: action,
       moveToNextCell: action,
       moveToPreviousCell: action,
+      startSweep: action,
+      sweepTo: action,
+      stopSweep: action,
     });
   }
 
@@ -221,6 +227,22 @@ export class CellInteractionState<T, F extends FiltersMap> {
     this.focusCell(keyedItems[row].key, editableColumns[col].id);
   }
 
+  startSweep(rowKey: string, columnId: string) {
+    this.isSelecting = true;
+    this.focusCell(rowKey, columnId);
+  }
+
+  sweepTo(rowKey: string, columnId: string) {
+    if (!this.isSelecting || !this.selectionAnchor) {
+      return;
+    }
+    this.selectRange(this.selectionAnchor, { rowKey, columnId });
+  }
+
+  stopSweep() {
+    this.isSelecting = false;
+  }
+
   private _diffSelection(newKeys: Set<string>) {
     for (const key of this.selectedCells) {
       if (!newKeys.has(key)) {

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

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

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer4013682371__root.CardContainer4013682371--mobile{border-radius:0}.Collapse1057956979__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1057956979__exit{height:0}.CollectionPage728143402__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage728143402__root.CollectionPage728143402--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage728143402__root.CollectionPage728143402--panel{overflow:hidden;position:relative}.CollectionSectionHeader1255494790__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2250614523__root td{vertical-align:middle}.CollectionTable2250614523__root.CollectionTable2250614523--mobile td:first-child{padding-left:18px}.CollectionTable2250614523__root.CollectionTable2250614523--mobile td:last-child{padding-right:18px}.CollectionToolbar3038135629__left{min-width:0}.CollectionToolbar3038135629__left.CollectionToolbar3038135629--expandable{flex:auto}.CollectionToolbar3038135629__left.CollectionToolbar3038135629--title>*{width:100%}.CollectionToolbar3038135629__root.CollectionToolbar3038135629---responsiveMode-5-title .CollectionToolbar3038135629__left{flex:1 100;min-width:50px}.CollectionToolbar3038135629__root.CollectionToolbar3038135629---responsiveMode-4-tabs .CollectionToolbar3038135629__left,.CollectionToolbar3038135629__root.CollectionToolbar3038135629---responsiveMode-4-tabs .CollectionToolbar3038135629__left.CollectionToolbar3038135629--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3038135629__root.CollectionToolbar3038135629---responsiveMode-4-tabs .CollectionToolbar3038135629__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3038135629__root .CollectionToolbar3038135629__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3038135629__root.CollectionToolbar3038135629--views .CollectionToolbar3038135629__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3038135629__root.CollectionToolbar3038135629---responsiveMode-4-tabs .CollectionToolbar3038135629__right,.CollectionToolbar3038135629__root.CollectionToolbar3038135629---responsiveMode-5-title .CollectionToolbar3038135629__right{flex:0 1 auto;min-width:0}.CollectionToolbar3038135629__root .CollectionToolbar3038135629__right.CollectionToolbar3038135629__fullWidth{margin-inline-start:0!important}.CollectionToolbar3038135629__root.CollectionToolbar3038135629--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1798657430__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1798657430__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1798657430__searchMobile:not(.SearchOrCustomFilter1798657430--expandable){left:18px}.SearchOrCustomFilter1798657430__searchMobile.SearchOrCustomFilter1798657430--expandable.SearchOrCustomFilter1798657430--expanded{left:18px}.AutoCompleteReadonly59401130__root.AutoCompleteReadonly59401130--disableEditing{cursor:pointer}.AutoCompleteReadonly59401130__root.AutoCompleteReadonly59401130--disableEditing input{cursor:pointer}.ViewsDropdown3795669271__root{width:200px}.DragHandle1066552789__root{display:flex;align-items:center}.DragHandle1066552789__root:not(.DragHandle1066552789--disabled){cursor:grab;color:#a8caff}.DragHandle1066552789__root.DragHandle1066552789--disabled{color:#acafc4}.DragHandle1066552789__root:focus-visible:not(.DragHandle1066552789--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1066552789__root.DragHandle1066552789--disabled{pointer-events:none}.DragHandle1066552789__root.DragHandle1066552789--dragging:not(.DragHandle1066552789--disabled){cursor:grabbing}td:has(>.EditableCell3567552358__root){position:relative;min-height:24px}.EditableCell3567552358__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell3567552358__root.EditableCell3567552358--selected{background:rgba(56,153,236,.08)}.EditableCell3567552358__root.EditableCell3567552358--focused:not(.EditableCell3567552358--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell3567552358__root.EditableCell3567552358--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell3567552358__root.EditableCell3567552358--selectionTop{border-top:2px solid var(--wsr-color-B10)}.EditableCell3567552358__root.EditableCell3567552358--selectionBottom{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3567552358__root.EditableCell3567552358--selectionLeft{border-left:2px solid var(--wsr-color-B10)}.EditableCell3567552358__root.EditableCell3567552358--selectionRight{border-right:2px solid var(--wsr-color-B10)}.EditableCell3567552358__root.EditableCell3567552358--invalid:not(.EditableCell3567552358--editing){background:rgba(229,0,77,.06)}.EditableCell3567552358__root.EditableCell3567552358--copiedTop:not(.EditableCell3567552358--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell3567552358__root.EditableCell3567552358--copiedBottom:not(.EditableCell3567552358--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell3567552358__root.EditableCell3567552358--copiedLeft:not(.EditableCell3567552358--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell3567552358__root.EditableCell3567552358--copiedRight:not(.EditableCell3567552358--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell3567552358__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.CellViewLayout1573867565__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout1573867565__root>*{flex:1;min-width:0}.Edit154220941__booleanEdit{display:flex;align-items:center;margin-left:12px}.View350828709__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit3846716213__dateInput{width:100%;margin-left:-1px}.Edit3086717192__emailInput{width:100%;margin-left:-1px}.Edit3019314736__numberInput{width:100%;margin-right:2px}.Edit3019314736__numberInput input{text-align:right;direction:ltr}.View2041965662__textView{width:100%;text-align:right}.Edit1375720722__jsonInput{width:100%;margin-left:-1px}.Edit3833869363__selectInput{width:100%}.Edit3533849564__editWrapper{width:100%}.Edit3533849564__inputArea{background-color:transparent;width:100%}.Edit3533849564__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit3533849564__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important}.Edit3533849564__inputArea:not(.Edit3533849564--isFocused) textarea{resize:none;overflow:hidden}.Edit3533849564__inputArea:not(.Edit3533849564--isFocused) textarea::-webkit-scrollbar{display:none}.Edit4284777530__urlInput{width:100%;margin-left:-1px}.View3871877239__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3871877239__urlText{flex:1;min-width:0}.View3871877239__suffix{flex-shrink:0;margin-left:10px}.View3871877239__textView.View3871877239--suffixOnHover:not(:hover) .View3871877239__suffix{display:none}.EntityPagePlain2487263059__root.EntityPagePlain2487263059--mobile{--wds-page-header-padding-horizontal:0}.Fade1567583554__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1567583554__root.Fade1567583554--exit{opacity:0}.Heading1481587474__root{visibility:visible}.Heading1481587474__root.Heading1481587474--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3390764480__fileUpload{width:100%}.InputOverflow1504964908__root.InputOverflow1504964908--selected:not(.InputOverflow1504964908--focused) input::placeholder{color:#000624}@keyframes LoadingRow3747305452__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%}}.LoadingRow3747305452__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:LoadingRow3747305452__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2189127686__root{opacity:1}.MaxHeightText2189127686__root.MaxHeightText2189127686--height24{line-height:24px}.MaxLines3579747663__root{overflow:hidden}.MaxLines3579747663__root.MaxLines3579747663--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1535700698__root{min-width:0}.MultiBulkActionToolbar1535700698__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1535700698__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1535700698__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2941296825__root td{padding:0!important;width:100%}.NestedTableRow2742150021__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2742150021__root:hover{background-color:#e7f0ff!important}.NestedTableRow2742150021__root.NestedTableRow2742150021--expandable{cursor:pointer}.NestedTableRow2742150021__placeholder td{padding:0!important;width:100%}.NestedTableRow2742150021__root:hover td:first-of-type::before,.NestedTableRow2742150021__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect476205922__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)}.NestedTableDragAndDropRow2134279555__root.NestedTableDragAndDropRow2134279555--draggingInto td{background-color:#e7f0ff!important}.PickerContent1637703828__root{display:flex}.PickerContentAdditionalStep655306352__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep655306352__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2557666801__root{box-sizing:border-box}.ScrollableContent2987253200__root.ScrollableContent2987253200--overflowY{overflow-y:auto}.ScrollableContent2987253200__root.ScrollableContent2987253200--overflowX{overflow-x:auto}.ScrollableContent2987253200__root.ScrollableContent2987253200--smooth{scroll-behavior:smooth}.SkeletonCard129083397__headerLoading{display:block!important}.SlidingModal99804975__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal99804975__root.SlidingModal99804975--overlay{transition:transform 0s ease 0s}.SlidingModal99804975__root.SlidingModal99804975---appendTo-6-parent{position:absolute}.SlidingModal99804975__root:not(.SlidingModal99804975--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1979421083__root .TabsFilter1979421083__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter1979421083__root.TabsFilter1979421083--selected .TabsFilter1979421083__title,.TabsFilter1979421083__root:hover .TabsFilter1979421083__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal3837008104__root{display:flex}.ToolbarItem1030764821__root{min-width:0}.ToolbarItemBox3190202883__root{min-width:0}.ToolbarItemBox3190202883__root.ToolbarItemBox3190202883--removeStartPadding{margin-left:-24px}.ToolbarItemBox3190202883__root.ToolbarItemBox3190202883--expandable{flex:1 0}.common181684603__column{display:flex;flex-direction:column}.common181684603__fullHeight{height:100%;min-height:0}.CollectionPageHeader3766095296__root:not(.CollectionPageHeader3766095296--mobile){gap:12px}.CollectionPageHeader3766095296__root.CollectionPageHeader3766095296--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3766095296__root.CollectionPageHeader3766095296--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3591422314__root.FormPageHeader3591422314--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3591422314__root.FormPageHeader3591422314--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer905502266__root.CardContainer905502266--mobile{border-radius:0}.Collapse2664134881__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2664134881__exit{height:0}.CollectionPage3144922778__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3144922778__root.CollectionPage3144922778--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3144922778__root.CollectionPage3144922778--panel{overflow:hidden;position:relative}.CollectionSectionHeader1877600217__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable4257229147__root td{vertical-align:middle}.CollectionTable4257229147__root.CollectionTable4257229147--mobile td:first-child{padding-left:18px}.CollectionTable4257229147__root.CollectionTable4257229147--mobile td:last-child{padding-right:18px}.CollectionToolbar2783746125__left{min-width:0}.CollectionToolbar2783746125__left.CollectionToolbar2783746125--expandable{flex:auto}.CollectionToolbar2783746125__left.CollectionToolbar2783746125--title>*{width:100%}.CollectionToolbar2783746125__root.CollectionToolbar2783746125---responsiveMode-5-title .CollectionToolbar2783746125__left{flex:1 100;min-width:50px}.CollectionToolbar2783746125__root.CollectionToolbar2783746125---responsiveMode-4-tabs .CollectionToolbar2783746125__left,.CollectionToolbar2783746125__root.CollectionToolbar2783746125---responsiveMode-4-tabs .CollectionToolbar2783746125__left.CollectionToolbar2783746125--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2783746125__root.CollectionToolbar2783746125---responsiveMode-4-tabs .CollectionToolbar2783746125__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2783746125__root .CollectionToolbar2783746125__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2783746125__root.CollectionToolbar2783746125--views .CollectionToolbar2783746125__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2783746125__root.CollectionToolbar2783746125---responsiveMode-4-tabs .CollectionToolbar2783746125__right,.CollectionToolbar2783746125__root.CollectionToolbar2783746125---responsiveMode-5-title .CollectionToolbar2783746125__right{flex:0 1 auto;min-width:0}.CollectionToolbar2783746125__root .CollectionToolbar2783746125__right.CollectionToolbar2783746125__fullWidth{margin-inline-start:0!important}.CollectionToolbar2783746125__root.CollectionToolbar2783746125--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1737076950__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1737076950__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1737076950__searchMobile:not(.SearchOrCustomFilter1737076950--expandable){left:18px}.SearchOrCustomFilter1737076950__searchMobile.SearchOrCustomFilter1737076950--expandable.SearchOrCustomFilter1737076950--expanded{left:18px}.AutoCompleteReadonly3315901655__root.AutoCompleteReadonly3315901655--disableEditing{cursor:pointer}.AutoCompleteReadonly3315901655__root.AutoCompleteReadonly3315901655--disableEditing input{cursor:pointer}.ViewsDropdown4159399654__root{width:200px}.DragHandle4115249534__root{display:flex;align-items:center}.DragHandle4115249534__root:not(.DragHandle4115249534--disabled){cursor:grab;color:#a8caff}.DragHandle4115249534__root.DragHandle4115249534--disabled{color:#acafc4}.DragHandle4115249534__root:focus-visible:not(.DragHandle4115249534--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle4115249534__root.DragHandle4115249534--disabled{pointer-events:none}.DragHandle4115249534__root.DragHandle4115249534--dragging:not(.DragHandle4115249534--disabled){cursor:grabbing}td:has(>.EditableCell2305502241__root){position:relative;min-height:24px}.EditableCell2305502241__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell2305502241__root.EditableCell2305502241--selected{background:rgba(56,153,236,.08)}.EditableCell2305502241__root.EditableCell2305502241--focused:not(.EditableCell2305502241--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell2305502241__root.EditableCell2305502241--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell2305502241__root.EditableCell2305502241--selectionTop{border-top:2px solid var(--wsr-color-B10)}.EditableCell2305502241__root.EditableCell2305502241--selectionBottom{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2305502241__root.EditableCell2305502241--selectionLeft{border-left:2px solid var(--wsr-color-B10)}.EditableCell2305502241__root.EditableCell2305502241--selectionRight{border-right:2px solid var(--wsr-color-B10)}.EditableCell2305502241__root.EditableCell2305502241--invalid:not(.EditableCell2305502241--editing){background:rgba(229,0,77,.06)}.EditableCell2305502241__root.EditableCell2305502241--copiedTop:not(.EditableCell2305502241--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell2305502241__root.EditableCell2305502241--copiedBottom:not(.EditableCell2305502241--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell2305502241__root.EditableCell2305502241--copiedLeft:not(.EditableCell2305502241--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell2305502241__root.EditableCell2305502241--copiedRight:not(.EditableCell2305502241--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell2305502241__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.CellViewLayout1330645639__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout1330645639__root>*{flex:1;min-width:0}.Edit2788635568__booleanEdit{display:flex;align-items:center;margin-left:12px}.View2993090526__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit2851709594__dateInput{width:100%;margin-left:-1px}.Edit743064207__emailInput{width:100%;margin-left:-1px}.Edit2726301072__numberInput{width:100%;margin-right:2px}.Edit2726301072__numberInput input{text-align:right;direction:ltr}.View1515346694__textView{width:100%;text-align:right}.Edit1285765390__jsonInput{width:100%;margin-left:-1px}.Edit2132964433__selectInput{width:100%}.Edit2433021780__editWrapper{width:100%}.Edit2433021780__inputArea{background-color:transparent;width:100%}.Edit2433021780__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2433021780__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important}.Edit2433021780__inputArea:not(.Edit2433021780--isFocused) textarea{resize:none;overflow:hidden}.Edit2433021780__inputArea:not(.Edit2433021780--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2636163975__urlInput{width:100%;margin-left:-1px}.View925443483__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View925443483__urlText{flex:1;min-width:0}.View925443483__suffix{flex-shrink:0;margin-left:10px}.View925443483__textView.View925443483--suffixOnHover:not(:hover) .View925443483__suffix{display:none}.EntityPagePlain3145214366__root.EntityPagePlain3145214366--mobile{--wds-page-header-padding-horizontal:0}.Fade3842165336__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3842165336__root.Fade3842165336--exit{opacity:0}.Heading4148041557__root{visibility:visible}.Heading4148041557__root.Heading4148041557--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload211257678__fileUpload{width:100%}.InputOverflow872763976__root.InputOverflow872763976--selected:not(.InputOverflow872763976--focused) input::placeholder{color:#000624}@keyframes LoadingRow975211669__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%}}.LoadingRow975211669__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:LoadingRow975211669__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1367840830__root{opacity:1}.MaxHeightText1367840830__root.MaxHeightText1367840830--height24{line-height:24px}.MaxLines656958095__root{overflow:hidden}.MaxLines656958095__root.MaxLines656958095--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2713033554__root{min-width:0}.MultiBulkActionToolbar2713033554__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2713033554__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2713033554__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3978783323__root td{padding:0!important;width:100%}.NestedTableRow2920094749__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2920094749__root:hover{background-color:#e7f0ff!important}.NestedTableRow2920094749__root.NestedTableRow2920094749--expandable{cursor:pointer}.NestedTableRow2920094749__placeholder td{padding:0!important;width:100%}.NestedTableRow2920094749__root:hover td:first-of-type::before,.NestedTableRow2920094749__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect240712335__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)}.NestedTableDragAndDropRow272065097__root.NestedTableDragAndDropRow272065097--draggingInto td{background-color:#e7f0ff!important}.PickerContent2165515576__root{display:flex}.PickerContentAdditionalStep4210406177__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep4210406177__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3225860742__root{box-sizing:border-box}.ScrollableContent2276511285__root.ScrollableContent2276511285--overflowY{overflow-y:auto}.ScrollableContent2276511285__root.ScrollableContent2276511285--overflowX{overflow-x:auto}.ScrollableContent2276511285__root.ScrollableContent2276511285--smooth{scroll-behavior:smooth}.SkeletonCard1716674223__headerLoading{display:block!important}.SlidingModal4220018320__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal4220018320__root.SlidingModal4220018320--overlay{transition:transform 0s ease 0s}.SlidingModal4220018320__root.SlidingModal4220018320---appendTo-6-parent{position:absolute}.SlidingModal4220018320__root:not(.SlidingModal4220018320--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1301922792__root .TabsFilter1301922792__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter1301922792__root.TabsFilter1301922792--selected .TabsFilter1301922792__title,.TabsFilter1301922792__root:hover .TabsFilter1301922792__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal1003527117__root{display:flex}.ToolbarItem2753006863__root{min-width:0}.ToolbarItemBox3983743893__root{min-width:0}.ToolbarItemBox3983743893__root.ToolbarItemBox3983743893--removeStartPadding{margin-left:-24px}.ToolbarItemBox3983743893__root.ToolbarItemBox3983743893--expandable{flex:1 0}.common960909408__column{display:flex;flex-direction:column}.common960909408__fullHeight{height:100%;min-height:0}.CollectionPageHeader3598119546__root:not(.CollectionPageHeader3598119546--mobile){gap:12px}.CollectionPageHeader3598119546__root.CollectionPageHeader3598119546--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3598119546__root.CollectionPageHeader3598119546--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader4147050208__root.FormPageHeader4147050208--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader4147050208__root.FormPageHeader4147050208--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/test-utils/TagsMocks.ts

@@ -243,6 +243,8 @@ export const tagsAPIHttpClientMocks = (tags: TagType[]) => {
           .then(({ items }) => {
             if (fqdn === 'wix.patterns.dummyservice.v1.empty') {
               return { tags: [] };
+            } else if (fqdn === 'wix.patterns.dummyservice.v1.over_limit') {
+              return { tags: aTagsArray(105) };
             } else {
               return { tags: items };
             }

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.371.0';
+export const version = 'patterns@1.373.0';