@wix/patterns 1.476.0 → 1.477.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SetupWidget2747578204";
+var _namespace_ = "SetupWidget3967195853";
 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":"SetupWidget2747578204__root","row":"SetupWidget2747578204__row","completedCta":"SetupWidget2747578204__completedCta","secondaryCta":"SetupWidget2747578204__secondaryCta","card":"SetupWidget2747578204__card","stepIcon":"SetupWidget2747578204__stepIcon","chevron":"SetupWidget2747578204__chevron","chevronDisabled":"SetupWidget2747578204__chevronDisabled","inProgressLabel":"SetupWidget2747578204__inProgressLabel"};
+export var classes = {"root":"SetupWidget3967195853__root","row":"SetupWidget3967195853__row","completedCta":"SetupWidget3967195853__completedCta","secondaryCta":"SetupWidget3967195853__secondaryCta","card":"SetupWidget3967195853__card","stepIcon":"SetupWidget3967195853__stepIcon","chevron":"SetupWidget3967195853__chevron","chevronDisabled":"SetupWidget3967195853__chevronDisabled","inProgressLabel":"SetupWidget3967195853__inProgressLabel"};
 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_ = "SkeletonCard4213992047";
+var _namespace_ = "SkeletonCard458393364";
 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":"SkeletonCard4213992047__root","headerLoading":"SkeletonCard4213992047__headerLoading"};
+export var classes = {"root":"SkeletonCard458393364__root","headerLoading":"SkeletonCard458393364__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_ = "SlidingModal3379082478";
+var _namespace_ = "SlidingModal1507443182";
 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":"SlidingModal3379082478__root"};
+export var classes = {"root":"SlidingModal1507443182__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Table/AddFieldColumnHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AddFieldColumnHeader1074689252";
+var _namespace_ = "AddFieldColumnHeader288742649";
 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":"AddFieldColumnHeader1074689252__root","anchorLayer":"AddFieldColumnHeader1074689252__anchorLayer","popover":"AddFieldColumnHeader1074689252__popover","title":"AddFieldColumnHeader1074689252__title","hoverBridge":"AddFieldColumnHeader1074689252__hoverBridge"};
+export var classes = {"root":"AddFieldColumnHeader288742649__root","anchorLayer":"AddFieldColumnHeader288742649__anchorLayer","popover":"AddFieldColumnHeader288742649__popover","title":"AddFieldColumnHeader288742649__title","hoverBridge":"AddFieldColumnHeader288742649__hoverBridge"};
 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_ = "TabsFilter1894957986";
+var _namespace_ = "TabsFilter51155736";
 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":"TabsFilter1894957986__root","titleBox":"TabsFilter1894957986__titleBox"};
+export var classes = {"root":"TabsFilter51155736__root","titleBox":"TabsFilter51155736__titleBox"};
 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_ = "ManageTagsModal550095867";
+var _namespace_ = "ManageTagsModal1644198419";
 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":"ManageTagsModal550095867__root"};
+export var classes = {"root":"ManageTagsModal1644198419__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_ = "ToolbarItem2606835696";
+var _namespace_ = "ToolbarItem1886428726";
 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":"ToolbarItem2606835696__root"};
+export var classes = {"root":"ToolbarItem1886428726__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_ = "ToolbarItemBox2381102985";
+var _namespace_ = "ToolbarItemBox3643222044";
 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":"ToolbarItemBox2381102985__root"};
+export var classes = {"root":"ToolbarItemBox3643222044__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_ = "common4286015799";
+var _namespace_ = "common1128199244";
 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":"common4286015799__root","column":"common4286015799__column","fullHeight":"common4286015799__fullHeight"};
+export var classes = {"root":"common1128199244__root","column":"common1128199244__column","fullHeight":"common1128199244__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_ = "CollectionPageHeader2731435955";
+var _namespace_ = "CollectionPageHeader1380742778";
 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":"CollectionPageHeader2731435955__root"};
+export var classes = {"root":"CollectionPageHeader1380742778__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TitleBadges1436839365";
+var _namespace_ = "TitleBadges19120444";
 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":"TitleBadges1436839365__root","tooltip":"TitleBadges1436839365__tooltip","tooltipTrigger":"TitleBadges1436839365__tooltipTrigger"};
+export var classes = {"root":"TitleBadges19120444__root","tooltip":"TitleBadges19120444__tooltip","tooltipTrigger":"TitleBadges19120444__tooltipTrigger"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/EntityPage/EntityPageState.ts

@@ -164,7 +164,7 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
   private readonly _parentPath?: string;
   private readonly _parentReferrer?: string;
 
-  actionsBarConfig?: EntityPageStateParams<T>['actionsBarConfig'];
+  actionsBarConfig: EntityPageStateParams<T>['actionsBarConfig'] = undefined;
 
   /**
    * The page's side-panel host, the way a table's lives on its toolbar.
@@ -224,6 +224,7 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
       params.transformEntityToCollectionItem || ((anEntity: T) => anEntity);
     this._parentPath = params.parentPath;
     this._parentReferrer = params.parentReferrer;
+    this.actionsBarConfig = params.actionsBarConfig;
     this.schemaSource = params.schemaSource;
 
     this.container = params.container;

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

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

package/src/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer1917327550__root.CardContainer1917327550--mobile{border-radius:0}.CmsFieldForm703126113__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal715247584__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection1925036329__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse4230447818__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse4230447818__exit{height:0}.CollectionPage2176448377__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2176448377__root.CollectionPage2176448377--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2176448377__root.CollectionPage2176448377--panel{overflow:hidden;position:relative}.CollectionSectionHeader653072223__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable1603324921__root td{vertical-align:middle}.CollectionTable1603324921__root.CollectionTable1603324921--mobile td:first-child{padding-left:18px}.CollectionTable1603324921__root.CollectionTable1603324921--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable2479936574__root.CollectionTableWSRTable2479936574--resizable table{min-width:100%}.CollectionTableWSRTable2479936574__root.CollectionTableWSRTable2479936574--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar631110740__root.CollectionToolbar631110740--harmony .CollectionToolbar631110740__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar631110740__left{min-width:0}.CollectionToolbar631110740__left.CollectionToolbar631110740--expandable{flex:auto}.CollectionToolbar631110740__left.CollectionToolbar631110740--title>*{width:100%}.CollectionToolbar631110740__root.CollectionToolbar631110740---responsiveMode-5-title .CollectionToolbar631110740__left{flex:1 100;min-width:50px}.CollectionToolbar631110740__root.CollectionToolbar631110740---responsiveMode-4-tabs .CollectionToolbar631110740__left,.CollectionToolbar631110740__root.CollectionToolbar631110740---responsiveMode-4-tabs .CollectionToolbar631110740__left.CollectionToolbar631110740--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar631110740__root.CollectionToolbar631110740---responsiveMode-4-tabs .CollectionToolbar631110740__left>*{flex-shrink:1;min-width:0}.CollectionToolbar631110740__root .CollectionToolbar631110740__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar631110740__root.CollectionToolbar631110740--views .CollectionToolbar631110740__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar631110740__root.CollectionToolbar631110740---responsiveMode-4-tabs .CollectionToolbar631110740__right,.CollectionToolbar631110740__root.CollectionToolbar631110740---responsiveMode-5-title .CollectionToolbar631110740__right{flex:0 1 auto;min-width:0}.CollectionToolbar631110740__root .CollectionToolbar631110740__right.CollectionToolbar631110740__fullWidth{margin-inline-start:0!important}.CollectionToolbar631110740__root.CollectionToolbar631110740--mobile:not(.CollectionToolbar631110740--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter228751959__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter228751959__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter228751959__searchMobile:not(.SearchOrCustomFilter228751959--expandable){left:18px}.SearchOrCustomFilter228751959__searchMobile.SearchOrCustomFilter228751959--expandable.SearchOrCustomFilter228751959--expanded{left:18px}.AutoCompleteReadonly913145180__root.AutoCompleteReadonly913145180--disableEditing{cursor:pointer}.AutoCompleteReadonly913145180__root.AutoCompleteReadonly913145180--disableEditing input{cursor:pointer}.ViewsDropdown2171261220__root{width:200px}.DragHandle101530213__root{display:flex;align-items:center}.DragHandle101530213__root:not(.DragHandle101530213--disabled){cursor:grab;color:#a8caff}.DragHandle101530213__root.DragHandle101530213--disabled{color:#acafc4}.DragHandle101530213__root:focus-visible:not(.DragHandle101530213--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle101530213__root.DragHandle101530213--disabled{pointer-events:none}.DragHandle101530213__root.DragHandle101530213--dragging:not(.DragHandle101530213--disabled){cursor:grabbing}td:has(>.EditableCell584272721__root){position:relative;overflow:visible}tr:has(.EditableCell584272721__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell584272721__root{display:flex;align-items:center;padding:0;position:absolute;top:-1px;left:-1px;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff));border:var(--wds-border-width-default, 1px) solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb))}tr:first-child>td>.EditableCell584272721__root{top:0}.EditableCell584272721__root:hover:not(.EditableCell584272721--rowActive):not(.EditableCell584272721--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell584272721__root.EditableCell584272721--rowActive:not(.EditableCell584272721--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell584272721__root.EditableCell584272721--rowActive:hover:not(.EditableCell584272721--focused):not(.EditableCell584272721--rangeSelected):not(.EditableCell584272721--readOnly){border-color:var(--wds-input-border-color-hover, var(--wsr-color-B40, #d6e6fe));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell584272721__root.EditableCell584272721--readOnly{--wds-color-text-standard-primary:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)));color:var(--wds-color-text-standard-primary)}.EditableCell584272721__root.EditableCell584272721--readOnly:hover:not(.EditableCell584272721--rowActive):not(.EditableCell584272721--rangeSelected),.EditableCell584272721__root.EditableCell584272721--readOnly.EditableCell584272721--rowActive:not(.EditableCell584272721--rangeSelected){background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell584272721__root.EditableCell584272721--readOnly.EditableCell584272721--rowActive:hover:not(.EditableCell584272721--focused):not(.EditableCell584272721--rangeSelected){border-color:var(--wds-color-black-700, var(--wsr-color-D70, #eceff3))}.EditableCell584272721__root.EditableCell584272721--focused:not(.EditableCell584272721--rangeSelected){border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05);z-index:2}.EditableCell584272721__root.EditableCell584272721--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell584272721__root.EditableCell584272721--editing:not(.EditableCell584272721--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell584272721__root.EditableCell584272721--focused.EditableCell584272721--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell584272721__root:has([data-inner-focused]){overflow:visible;z-index:3;border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell584272721__root.EditableCell584272721--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell584272721__root.EditableCell584272721--selectionTop:not(.EditableCell584272721--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell584272721__root.EditableCell584272721--selectionBottom:not(.EditableCell584272721--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell584272721__root.EditableCell584272721--selectionLeft:not(.EditableCell584272721--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell584272721__root.EditableCell584272721--selectionRight:not(.EditableCell584272721--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell584272721__root.EditableCell584272721--invalid,.EditableCell584272721__root.EditableCell584272721--invalid.EditableCell584272721--rowActive:hover:not(.EditableCell584272721--focused):not(.EditableCell584272721--rangeSelected),.EditableCell584272721__root.EditableCell584272721--invalid.EditableCell584272721--focused:not(.EditableCell584272721--rangeSelected),.EditableCell584272721__root.EditableCell584272721--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell584272721__root.EditableCell584272721--copiedTop:not(.EditableCell584272721--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell584272721__root.EditableCell584272721--copiedBottom:not(.EditableCell584272721--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell584272721__root.EditableCell584272721--copiedLeft:not(.EditableCell584272721--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell584272721__root.EditableCell584272721--copiedRight:not(.EditableCell584272721--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell584272721__root.EditableCell584272721--invalid:not(.EditableCell584272721--focused):not(.EditableCell584272721--editing){z-index:1}.EditableCell584272721__errorMessage{position:absolute;top:calc(100% + 4px);left:-1px;z-index:4;box-sizing:border-box;width:max-content;max-width:240px;padding:6px 8px;pointer-events:none;border-radius:var(--wds-popover-border-radius, var(--wds-border-radius-400, 8px));background:var(--wds-popover-fill, var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff)));box-shadow:var(--wds-shadow-surface-overlay, 0 0 18px rgba(0, 6, 36, 0.1), 0 6px 6px rgba(0, 6, 36, 0.05))}tr:last-child .EditableCell584272721__errorMessage{top:auto;bottom:calc(100% + 4px)}.HeaderActionsPopover1831530829__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover1831530829__root,.HeaderActionsPopover1831530829__root[data-menu-open=true],.HeaderActionsPopover1831530829__root:focus-within{opacity:1}.CellViewLayout3802124613__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3802124613__root>*{flex:1;min-width:0}.Edit156033193__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:8px;padding-right:8px;min-width:0;overflow:hidden}.Edit156033193__addressInput>div,.Edit156033193__addressInput>div>div,.Edit156033193__addressInput>div>div>div{width:100%;min-width:0}.Edit3125005888__jsonInput{width:100%;margin-left:-1px}.Edit1547377132__booleanEdit{display:flex;align-items:center;margin-left:8px}.View3692456044__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit160725417__root{width:100%;height:100%;display:flex;align-items:center}.Edit3389653613__dateInput{width:100%;margin-left:-1px}.Edit37436918__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit37436918__dateHalf{flex:60 1 0}.Edit37436918__timeHalf{flex:40 1 0}.Edit37436918__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit37436918__passiveText{padding:6px 8px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit37436918__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View1893555004__leaf{min-width:0;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View1893555004__datePart{flex:60 1 0}.View1893555004__timePart{flex:40 1 0}.View1893555004__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View1893555004__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2586444128__emailInput{width:100%;margin-left:-1px}.Edit677987938__numberInput{width:100%;margin-right:2px}.Edit677987938__numberInput input{text-align:right;direction:ltr}.View1106809120__textView{width:100%;text-align:right}.Edit1367430423__jsonInput{width:100%;margin-left:-1px}.Edit3038043633__selectInput{width:100%}.Edit402714972__editWrapper{width:100%}.Edit402714972__inputArea{background-color:transparent;width:100%}.Edit402714972__inputArea input,.Edit402714972__inputArea textarea{font-size:var(--wds-font-size-body-small, var(--wsr-text-font-size-small, 14px))!important;line-height:var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px))!important}.Edit402714972__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit402714972__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit402714972__inputArea>div::after{box-shadow:none!important}.Edit402714972__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit402714972__inputArea:not(.Edit402714972--isFocused) textarea{resize:none;overflow:hidden}.Edit402714972__inputArea:not(.Edit402714972--isFocused) textarea::-webkit-scrollbar{display:none}.Edit450462936__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
+.CardContainer3407076452__root.CardContainer3407076452--mobile{border-radius:0}.CmsFieldForm1674214116__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal3283484593__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection2638218180__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse4129688331__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse4129688331__exit{height:0}.CollectionPage639137216__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage639137216__root.CollectionPage639137216--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage639137216__root.CollectionPage639137216--panel{overflow:hidden;position:relative}.CollectionSectionHeader2580768530__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2518731116__root td{vertical-align:middle}.CollectionTable2518731116__root.CollectionTable2518731116--mobile td:first-child{padding-left:18px}.CollectionTable2518731116__root.CollectionTable2518731116--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3004287980__root.CollectionTableWSRTable3004287980--resizable table{min-width:100%}.CollectionTableWSRTable3004287980__root.CollectionTableWSRTable3004287980--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar3194474827__root.CollectionToolbar3194474827--harmony .CollectionToolbar3194474827__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar3194474827__left{min-width:0}.CollectionToolbar3194474827__left.CollectionToolbar3194474827--expandable{flex:auto}.CollectionToolbar3194474827__left.CollectionToolbar3194474827--title>*{width:100%}.CollectionToolbar3194474827__root.CollectionToolbar3194474827---responsiveMode-5-title .CollectionToolbar3194474827__left{flex:1 100;min-width:50px}.CollectionToolbar3194474827__root.CollectionToolbar3194474827---responsiveMode-4-tabs .CollectionToolbar3194474827__left,.CollectionToolbar3194474827__root.CollectionToolbar3194474827---responsiveMode-4-tabs .CollectionToolbar3194474827__left.CollectionToolbar3194474827--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3194474827__root.CollectionToolbar3194474827---responsiveMode-4-tabs .CollectionToolbar3194474827__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3194474827__root .CollectionToolbar3194474827__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3194474827__root.CollectionToolbar3194474827--views .CollectionToolbar3194474827__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3194474827__root.CollectionToolbar3194474827---responsiveMode-4-tabs .CollectionToolbar3194474827__right,.CollectionToolbar3194474827__root.CollectionToolbar3194474827---responsiveMode-5-title .CollectionToolbar3194474827__right{flex:0 1 auto;min-width:0}.CollectionToolbar3194474827__root .CollectionToolbar3194474827__right.CollectionToolbar3194474827__fullWidth{margin-inline-start:0!important}.CollectionToolbar3194474827__root.CollectionToolbar3194474827--mobile:not(.CollectionToolbar3194474827--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter2727495205__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2727495205__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter2727495205__searchMobile:not(.SearchOrCustomFilter2727495205--expandable){left:18px}.SearchOrCustomFilter2727495205__searchMobile.SearchOrCustomFilter2727495205--expandable.SearchOrCustomFilter2727495205--expanded{left:18px}.AutoCompleteReadonly743691857__root.AutoCompleteReadonly743691857--disableEditing{cursor:pointer}.AutoCompleteReadonly743691857__root.AutoCompleteReadonly743691857--disableEditing input{cursor:pointer}.ViewsDropdown1944484198__root{width:200px}.DragHandle1744054634__root{display:flex;align-items:center}.DragHandle1744054634__root:not(.DragHandle1744054634--disabled){cursor:grab;color:#a8caff}.DragHandle1744054634__root.DragHandle1744054634--disabled{color:#acafc4}.DragHandle1744054634__root:focus-visible:not(.DragHandle1744054634--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1744054634__root.DragHandle1744054634--disabled{pointer-events:none}.DragHandle1744054634__root.DragHandle1744054634--dragging:not(.DragHandle1744054634--disabled){cursor:grabbing}td:has(>.EditableCell63700743__root){position:relative;overflow:visible}tr:has(.EditableCell63700743__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell63700743__root{display:flex;align-items:center;padding:0;position:absolute;top:-1px;left:-1px;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff));border:var(--wds-border-width-default, 1px) solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb))}tr:first-child>td>.EditableCell63700743__root{top:0}.EditableCell63700743__root:hover:not(.EditableCell63700743--rowActive):not(.EditableCell63700743--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell63700743__root.EditableCell63700743--rowActive:not(.EditableCell63700743--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell63700743__root.EditableCell63700743--rowActive:hover:not(.EditableCell63700743--focused):not(.EditableCell63700743--rangeSelected):not(.EditableCell63700743--readOnly){border-color:var(--wds-input-border-color-hover, var(--wsr-color-B40, #d6e6fe));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell63700743__root.EditableCell63700743--readOnly{--wds-color-text-standard-primary:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)));color:var(--wds-color-text-standard-primary)}.EditableCell63700743__root.EditableCell63700743--readOnly:hover:not(.EditableCell63700743--rowActive):not(.EditableCell63700743--rangeSelected),.EditableCell63700743__root.EditableCell63700743--readOnly.EditableCell63700743--rowActive:not(.EditableCell63700743--rangeSelected){background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell63700743__root.EditableCell63700743--readOnly.EditableCell63700743--rowActive:hover:not(.EditableCell63700743--focused):not(.EditableCell63700743--rangeSelected){border-color:var(--wds-color-black-700, var(--wsr-color-D70, #eceff3))}.EditableCell63700743__root.EditableCell63700743--focused:not(.EditableCell63700743--rangeSelected){border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05);z-index:2}.EditableCell63700743__root.EditableCell63700743--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell63700743__root.EditableCell63700743--editing:not(.EditableCell63700743--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell63700743__root.EditableCell63700743--focused.EditableCell63700743--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell63700743__root:has([data-inner-focused]){overflow:visible;z-index:3;border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell63700743__root.EditableCell63700743--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell63700743__root.EditableCell63700743--selectionTop:not(.EditableCell63700743--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell63700743__root.EditableCell63700743--selectionBottom:not(.EditableCell63700743--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell63700743__root.EditableCell63700743--selectionLeft:not(.EditableCell63700743--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell63700743__root.EditableCell63700743--selectionRight:not(.EditableCell63700743--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell63700743__root.EditableCell63700743--invalid,.EditableCell63700743__root.EditableCell63700743--invalid.EditableCell63700743--rowActive:hover:not(.EditableCell63700743--focused):not(.EditableCell63700743--rangeSelected),.EditableCell63700743__root.EditableCell63700743--invalid.EditableCell63700743--focused:not(.EditableCell63700743--rangeSelected),.EditableCell63700743__root.EditableCell63700743--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell63700743__root.EditableCell63700743--copiedTop:not(.EditableCell63700743--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell63700743__root.EditableCell63700743--copiedBottom:not(.EditableCell63700743--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell63700743__root.EditableCell63700743--copiedLeft:not(.EditableCell63700743--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell63700743__root.EditableCell63700743--copiedRight:not(.EditableCell63700743--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell63700743__root.EditableCell63700743--invalid:not(.EditableCell63700743--focused):not(.EditableCell63700743--editing){z-index:1}.EditableCell63700743__errorMessage{position:absolute;top:calc(100% + 4px);left:-1px;z-index:4;box-sizing:border-box;width:max-content;max-width:240px;padding:6px 8px;pointer-events:none;border-radius:var(--wds-popover-border-radius, var(--wds-border-radius-400, 8px));background:var(--wds-popover-fill, var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff)));box-shadow:var(--wds-shadow-surface-overlay, 0 0 18px rgba(0, 6, 36, 0.1), 0 6px 6px rgba(0, 6, 36, 0.05))}tr:last-child .EditableCell63700743__errorMessage{top:auto;bottom:calc(100% + 4px)}.HeaderActionsPopover3275242438__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3275242438__root,.HeaderActionsPopover3275242438__root[data-menu-open=true],.HeaderActionsPopover3275242438__root:focus-within{opacity:1}.CellViewLayout732390129__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout732390129__root>*{flex:1;min-width:0}.Edit99357277__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:8px;padding-right:8px;min-width:0;overflow:hidden}.Edit99357277__addressInput>div,.Edit99357277__addressInput>div>div,.Edit99357277__addressInput>div>div>div{width:100%;min-width:0}.Edit1487541884__jsonInput{width:100%;margin-left:-1px}.Edit4147843703__booleanEdit{display:flex;align-items:center;margin-left:8px}.View998597823__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit2175736022__root{width:100%;height:100%;display:flex;align-items:center}.Edit2387630552__dateInput{width:100%;margin-left:-1px}.Edit2736218085__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit2736218085__dateHalf{flex:60 1 0}.Edit2736218085__timeHalf{flex:40 1 0}.Edit2736218085__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2736218085__passiveText{padding:6px 8px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit2736218085__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View497238197__leaf{min-width:0;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View497238197__datePart{flex:60 1 0}.View497238197__timePart{flex:40 1 0}.View497238197__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View497238197__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2803015644__emailInput{width:100%;margin-left:-1px}.Edit1600468042__numberInput{width:100%;margin-right:2px}.Edit1600468042__numberInput input{text-align:right;direction:ltr}.View1002099887__textView{width:100%;text-align:right}.Edit3959908439__jsonInput{width:100%;margin-left:-1px}.Edit1553685187__selectInput{width:100%}.Edit3733797273__editWrapper{width:100%}.Edit3733797273__inputArea{background-color:transparent;width:100%}.Edit3733797273__inputArea input,.Edit3733797273__inputArea textarea{font-size:var(--wds-font-size-body-small, var(--wsr-text-font-size-small, 14px))!important;line-height:var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px))!important}.Edit3733797273__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3733797273__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit3733797273__inputArea>div::after{box-shadow:none!important}.Edit3733797273__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3733797273__inputArea:not(.Edit3733797273--isFocused) textarea{resize:none;overflow:hidden}.Edit3733797273__inputArea:not(.Edit3733797273--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2947994912__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
     --wds-font-line-height-body-small
-  )}.Edit450462936__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit1370591353__urlInput{width:100%;margin-left:-1px}.View3453873069__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3453873069__urlText{flex:1;min-width:0}.View3453873069__suffix{flex-shrink:0;margin-left:10px}.View3453873069__textView.View3453873069--suffixOnHover:not(:hover) .View3453873069__suffix{display:none}.EmptyStateBase3411603487__root{min-height:230px;align-items:center}.EntityPagePlain1613052340__root.EntityPagePlain1613052340--mobile{--wds-page-header-padding-horizontal:0}.Fade363126330__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade363126330__root.Fade363126330--exit{opacity:0}.Heading491245295__root{visibility:visible}.Heading491245295__root.Heading491245295--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload4035137898__fileUpload{width:100%}.InputOverflow3820063813__root.InputOverflow3820063813--selected:not(.InputOverflow3820063813--focused) input::placeholder{color:#000624}@keyframes LoadingRow980717631__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%}}.LoadingRow980717631__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:LoadingRow980717631__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText269134004__root{opacity:1}.MaxHeightText269134004__root.MaxHeightText269134004--height24{line-height:24px}.MaxLines19155137__root{overflow:hidden}.MaxLines19155137__root.MaxLines19155137--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1148899665__root{min-width:0}.MultiBulkActionToolbar1148899665__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1148899665__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1148899665__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1592192907__root td{padding:0!important;width:100%}.NestedTableRow1911442264__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow1911442264__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow1911442264__root.NestedTableRow1911442264--expandable{cursor:pointer}.NestedTableRow1911442264__placeholder td{padding:0!important;width:100%}.NestedTableRow1911442264__root:hover td:first-of-type::before,.NestedTableRow1911442264__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.MultipleDragOverlayEffect3811694775__root{position:absolute;transform:translate(6px,6px);background-color:var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff));box-shadow:var(--wds-shadow-surface-overlay, var(--wsr-shadow20, 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12)))}.NestedTableDragAndDropRow522737346__root.NestedTableDragAndDropRow522737346--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent182243878__root{display:flex}.PickerContentAdditionalStep3951326248__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3951326248__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1445789695__root{box-sizing:border-box}.ScrollableContent2382177879__root.ScrollableContent2382177879--overflowY{overflow-y:auto}.ScrollableContent2382177879__root.ScrollableContent2382177879--overflowX{overflow-x:auto}.ScrollableContent2382177879__root.ScrollableContent2382177879--smooth{scroll-behavior:smooth}.SetupWidget2747578204__row{display:flex;flex-direction:column;overflow:clip;--wds-clickable-card-outline-border-color:var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))}.SetupWidget2747578204__row.SetupWidget2747578204--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget2747578204__row.SetupWidget2747578204--focused.SetupWidget2747578204--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2747578204__completedCta,.SetupWidget2747578204__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget2747578204__row:hover .SetupWidget2747578204__completedCta,.SetupWidget2747578204__row:hover .SetupWidget2747578204__secondaryCta{opacity:1}}.SetupWidget2747578204__row:focus-within .SetupWidget2747578204__completedCta,.SetupWidget2747578204__row:focus-within .SetupWidget2747578204__secondaryCta,.SetupWidget2747578204__secondaryCta:focus-within{opacity:1}.SetupWidget2747578204__card{display:block;width:100%;border:0;border-radius:var(--wds-border-radius-400, 8px);background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);overflow:clip;box-sizing:border-box;text-align:start;font:inherit;color:inherit;padding:0;margin:0}.SetupWidget2747578204__card.SetupWidget2747578204--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2747578204__card.SetupWidget2747578204--clickable{cursor:pointer}.SetupWidget2747578204__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget2747578204__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget2747578204__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget2747578204__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard4213992047__headerLoading{display:block!important}.SlidingModal3379082478__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3379082478__root.SlidingModal3379082478--overlay{transition:transform 0s ease 0s}.SlidingModal3379082478__root.SlidingModal3379082478---appendTo-6-parent{position:absolute}.SlidingModal3379082478__root.SlidingModal3379082478--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal3379082478__root:not(.SlidingModal3379082478--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}th:not([data-sticky=true]):has(.AddFieldColumnHeader1074689252__anchorLayer){position:relative}.AddFieldColumnHeader1074689252__anchorLayer{position:absolute;inset:0;pointer-events:none}.AddFieldColumnHeader1074689252__anchorLayer>.AddFieldColumnHeader1074689252__popover{display:grid;width:100%;height:100%}.AddFieldColumnHeader1074689252__popover{--wds-popover-fill:transparent;--wds-popover-border-width:0;--wds-popover-border-radius:0;--wds-shadow-surface-overlay:none;--wds-background-blur-surface-overlay:0px}.AddFieldColumnHeader1074689252__title{display:flex;align-items:center;box-sizing:content-box;width:100%;min-width:0;min-height:24px;margin-block:calc(-1*var(--wds-space-150, 9px));padding-block:var(--wds-space-150, 9px)}.AddFieldColumnHeader1074689252__hoverBridge{display:inline-block;padding:4px;background:0 0;transform:translate(50%,-50%)}.AddFieldColumnHeader1074689252__hoverBridge.AddFieldColumnHeader1074689252---side-4-left{transform:translate(-50%,-50%)}.TabsFilter1894957986__root .TabsFilter1894957986__titleBox *{color:inherit!important}.ManageTagsModal550095867__root{display:flex}.ManageTagsModal550095867__root.ManageTagsModal550095867--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal550095867__root.ManageTagsModal550095867--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem2606835696__root{min-width:0}.ToolbarItemBox2381102985__root{min-width:0}.ToolbarItemBox2381102985__root.ToolbarItemBox2381102985--removeStartPadding{margin-left:-24px}.ToolbarItemBox2381102985__root.ToolbarItemBox2381102985--expandable{flex:1 0}.common4286015799__column{display:flex;flex-direction:column}.common4286015799__fullHeight{height:100%;min-height:0}.CollectionPageHeader2731435955__root:not(.CollectionPageHeader2731435955--mobile){gap:12px}.CollectionPageHeader2731435955__root.CollectionPageHeader2731435955--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2731435955__root.CollectionPageHeader2731435955--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.TitleBadges1436839365__tooltip.TitleBadges1436839365__tooltip,.TitleBadges1436839365__tooltipTrigger{display:flex}.FormPageHeader527303313__root.FormPageHeader527303313--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader527303313__root.FormPageHeader527303313--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+  )}.Edit2947994912__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit1329285447__urlInput{width:100%;margin-left:-1px}.View2470847174__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View2470847174__urlText{flex:1;min-width:0}.View2470847174__suffix{flex-shrink:0;margin-left:10px}.View2470847174__textView.View2470847174--suffixOnHover:not(:hover) .View2470847174__suffix{display:none}.EmptyStateBase2060802551__root{min-height:230px;align-items:center}.EntityPagePlain2082051304__root.EntityPagePlain2082051304--mobile{--wds-page-header-padding-horizontal:0}.Fade3243125242__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3243125242__root.Fade3243125242--exit{opacity:0}.Heading748213021__root{visibility:visible}.Heading748213021__root.Heading748213021--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload1134753481__fileUpload{width:100%}.InputOverflow2283377371__root.InputOverflow2283377371--selected:not(.InputOverflow2283377371--focused) input::placeholder{color:#000624}@keyframes LoadingRow4180691115__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%}}.LoadingRow4180691115__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:LoadingRow4180691115__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText434511058__root{opacity:1}.MaxHeightText434511058__root.MaxHeightText434511058--height24{line-height:24px}.MaxLines2003289030__root{overflow:hidden}.MaxLines2003289030__root.MaxLines2003289030--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2263663574__root{min-width:0}.MultiBulkActionToolbar2263663574__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2263663574__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2263663574__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3021885873__root td{padding:0!important;width:100%}.NestedTableRow3063588046__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow3063588046__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow3063588046__root.NestedTableRow3063588046--expandable{cursor:pointer}.NestedTableRow3063588046__placeholder td{padding:0!important;width:100%}.NestedTableRow3063588046__root:hover td:first-of-type::before,.NestedTableRow3063588046__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.MultipleDragOverlayEffect618182997__root{position:absolute;transform:translate(6px,6px);background-color:var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff));box-shadow:var(--wds-shadow-surface-overlay, var(--wsr-shadow20, 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12)))}.NestedTableDragAndDropRow1873712842__root.NestedTableDragAndDropRow1873712842--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent4211740827__root{display:flex}.PickerContentAdditionalStep2786568281__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2786568281__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem4175680981__root{box-sizing:border-box}.ScrollableContent3537146738__root.ScrollableContent3537146738--overflowY{overflow-y:auto}.ScrollableContent3537146738__root.ScrollableContent3537146738--overflowX{overflow-x:auto}.ScrollableContent3537146738__root.ScrollableContent3537146738--smooth{scroll-behavior:smooth}.SetupWidget3967195853__row{display:flex;flex-direction:column;overflow:clip;--wds-clickable-card-outline-border-color:var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))}.SetupWidget3967195853__row.SetupWidget3967195853--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget3967195853__row.SetupWidget3967195853--focused.SetupWidget3967195853--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget3967195853__completedCta,.SetupWidget3967195853__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget3967195853__row:hover .SetupWidget3967195853__completedCta,.SetupWidget3967195853__row:hover .SetupWidget3967195853__secondaryCta{opacity:1}}.SetupWidget3967195853__row:focus-within .SetupWidget3967195853__completedCta,.SetupWidget3967195853__row:focus-within .SetupWidget3967195853__secondaryCta,.SetupWidget3967195853__secondaryCta:focus-within{opacity:1}.SetupWidget3967195853__card{display:block;width:100%;border:0;border-radius:var(--wds-border-radius-400, 8px);background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);overflow:clip;box-sizing:border-box;text-align:start;font:inherit;color:inherit;padding:0;margin:0}.SetupWidget3967195853__card.SetupWidget3967195853--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget3967195853__card.SetupWidget3967195853--clickable{cursor:pointer}.SetupWidget3967195853__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget3967195853__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget3967195853__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget3967195853__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard458393364__headerLoading{display:block!important}.SlidingModal1507443182__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1507443182__root.SlidingModal1507443182--overlay{transition:transform 0s ease 0s}.SlidingModal1507443182__root.SlidingModal1507443182---appendTo-6-parent{position:absolute}.SlidingModal1507443182__root.SlidingModal1507443182--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal1507443182__root:not(.SlidingModal1507443182--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}th:not([data-sticky=true]):has(.AddFieldColumnHeader288742649__anchorLayer){position:relative}.AddFieldColumnHeader288742649__anchorLayer{position:absolute;inset:0;pointer-events:none}.AddFieldColumnHeader288742649__anchorLayer>.AddFieldColumnHeader288742649__popover{display:grid;width:100%;height:100%}.AddFieldColumnHeader288742649__popover{--wds-popover-fill:transparent;--wds-popover-border-width:0;--wds-popover-border-radius:0;--wds-shadow-surface-overlay:none;--wds-background-blur-surface-overlay:0px}.AddFieldColumnHeader288742649__title{display:flex;align-items:center;box-sizing:content-box;width:100%;min-width:0;min-height:24px;margin-block:calc(-1*var(--wds-space-150, 9px));padding-block:var(--wds-space-150, 9px)}.AddFieldColumnHeader288742649__hoverBridge{display:inline-block;padding:4px;background:0 0;transform:translate(50%,-50%)}.AddFieldColumnHeader288742649__hoverBridge.AddFieldColumnHeader288742649---side-4-left{transform:translate(-50%,-50%)}.TabsFilter51155736__root .TabsFilter51155736__titleBox *{color:inherit!important}.ManageTagsModal1644198419__root{display:flex}.ManageTagsModal1644198419__root.ManageTagsModal1644198419--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal1644198419__root.ManageTagsModal1644198419--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem1886428726__root{min-width:0}.ToolbarItemBox3643222044__root{min-width:0}.ToolbarItemBox3643222044__root.ToolbarItemBox3643222044--removeStartPadding{margin-left:-24px}.ToolbarItemBox3643222044__root.ToolbarItemBox3643222044--expandable{flex:1 0}.common1128199244__column{display:flex;flex-direction:column}.common1128199244__fullHeight{height:100%;min-height:0}.CollectionPageHeader1380742778__root:not(.CollectionPageHeader1380742778--mobile){gap:12px}.CollectionPageHeader1380742778__root.CollectionPageHeader1380742778--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1380742778__root.CollectionPageHeader1380742778--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.TitleBadges19120444__tooltip.TitleBadges19120444__tooltip,.TitleBadges19120444__tooltipTrigger{display:flex}.FormPageHeader1023835577__root.FormPageHeader1023835577--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1023835577__root.FormPageHeader1023835577--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/test-utils/index.ts

@@ -12,3 +12,4 @@ export * from './site';
 export * from './createSitesBackend';
 export * from './SettingsModalLayout';
 export * from './createPromise';
+export * from './scrollUntilRendered';

package/src/test-utils/scrollUntilRendered.ts

@@ -0,0 +1,98 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { GridUniDriver } from '../components/Grid/Grid.uni.driver';
+import { TableUniDriver } from '../components/Table/Table.uni.driver';
+import { flushUntil } from './flush';
+
+type TableDriver = Pick<
+  ReturnType<typeof TableUniDriver>,
+  '_getRowByKey' | 'getRowByIndex' | 'scrollDown' | 'scrollUp'
+>;
+
+type GridDriver = Pick<
+  ReturnType<typeof GridUniDriver>,
+  '_getCardGalleryItemByIndexBase' | 'scrollDown'
+>;
+
+interface ScrollUntilRenderedOptions {
+  iterations?: number;
+}
+
+/**
+ * Scrolls step by step until `target` is rendered, running pending timers
+ * between steps. The drivers' own scrollDownToItem* helpers poll through
+ * unidriver's waitFor, which sleeps on setTimeout and never wakes up under
+ * fake timers once the surrounding flush stops running them.
+ *
+ * Each cycle scrolls one viewport and fires the throttled scroll handler, so
+ * the bound is a number of viewports. The largest fixtures need about 50.
+ */
+export async function scrollUntilRendered(
+  target: UniDriver,
+  scroll: () => Promise<unknown>,
+  description: string,
+  { iterations = 200 }: ScrollUntilRenderedOptions = {},
+) {
+  await flushUntil(
+    async () => {
+      if (await target.exists()) {
+        return true;
+      }
+
+      await scroll();
+      return false;
+    },
+    { description, iterations },
+  );
+}
+
+export function scrollDownToRow(
+  table: TableDriver,
+  rowKey: string,
+  options?: ScrollUntilRenderedOptions,
+) {
+  return scrollUntilRendered(
+    table._getRowByKey(rowKey),
+    () => table.scrollDown(),
+    `row "${rowKey}" to be rendered`,
+    options,
+  );
+}
+
+export function scrollDownToRowIndex(
+  table: TableDriver,
+  index: number,
+  options?: ScrollUntilRenderedOptions,
+) {
+  return scrollUntilRendered(
+    table.getRowByIndex(index),
+    () => table.scrollDown(),
+    `row at index ${index} to be rendered`,
+    options,
+  );
+}
+
+export function scrollUpToRowIndex(
+  table: TableDriver,
+  index: number,
+  options?: ScrollUntilRenderedOptions,
+) {
+  return scrollUntilRendered(
+    table.getRowByIndex(index),
+    () => table.scrollUp(),
+    `row at index ${index} to be rendered`,
+    options,
+  );
+}
+
+export function scrollDownToGridItem(
+  grid: GridDriver,
+  index: number,
+  options?: ScrollUntilRenderedOptions,
+) {
+  return scrollUntilRendered(
+    grid._getCardGalleryItemByIndexBase(index),
+    () => grid.scrollDown(),
+    `grid item at index ${index} to be rendered`,
+    options,
+  );
+}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.476.0';
+export const version = 'patterns@1.477.0';

package/dist/examples/ImportButton/platformized-import-from-a-source.tsx

@@ -1,56 +0,0 @@
-/**
- * Illustrative example for `ImportButton` — see `dist/docs/ImportButton.md`.
- *
- * It demonstrates one API; the data source, http client and layout around
- * that are scaffolding to make the snippet runnable, not requirements.
- */
-import React from 'react';
-import { CollectionPage } from '@wix/patterns/page';
-import { CustomColumns, ImportButton, Table } from '@wix/patterns';
-import {
-  usePlatformizedSource,
-  useTableCollection,
-} from '@wix/patterns/schema';
-
-type Product = {
-  id: string;
-  name: string;
-  sku: string;
-};
-
-// A platformized entity driven by a source (`usePlatformizedSource`). Like the
-// CMS case, the source supplies the columns and the fields to map onto — you
-// don't hand-list `fields`. Unlike CMS you still name the `destination`: a
-// platformized target has no Wix Data collection to derive it from.
-// (In these docs `usePlatformizedSource` is backed by in-memory data so it runs
-// with no backend.)
-function PlatformizedSourceImport() {
-  const source = usePlatformizedSource<Product>({
-    fqdn: 'stores.catalog.product',
-    backend: { find: async () => ({ items: [] as Product[], total: 0 }) },
-    itemKey: (product) => product.id,
-    itemName: (product) => product.name,
-  });
-  const state = useTableCollection<Product>(source);
-
-  return (
-    <CollectionPage>
-      <CollectionPage.Header title={{ text: 'Products' }} />
-      <CollectionPage.Content>
-        <Table
-          state={state}
-          horizontalScroll
-          customColumns={<CustomColumns />}
-          columns={[]}
-          importButton={
-            <ImportButton
-              config={{ destination: { storesCatalogProducts: {} } }}
-            />
-          }
-        />
-      </CollectionPage.Content>
-    </CollectionPage>
-  );
-}
-
-export default PlatformizedSourceImport;