@wix/patterns 1.461.0 → 1.463.0

package/src/state/EditableTable/ClipboardState.ts

@@ -1,6 +1,6 @@
 import { action, computed, makeObservable, observable } from 'mobx';
 import type { Cell, CellBorder } from './types';
-import type { FiltersMap } from '@wix/bex-core';
+import type { EditableCellContextMenuAction, FiltersMap } from '@wix/bex-core';
 import type { EditableTableState } from './EditableTableState';
 import { cellKey, parseCellKey, noBorder } from './utils';
 
@@ -9,6 +9,7 @@ export class ClipboardState<T, F extends FiltersMap> {
   isCut = false;
   private _copiedDataString?: string;
   private _copiedValues = new Map<string, any>();
+  private _copiedSourceKeys = new Map<string, string>();
   private readonly _parent: EditableTableState<T, F>;
 
   constructor(parent: EditableTableState<T, F>) {
@@ -29,7 +30,7 @@ export class ClipboardState<T, F extends FiltersMap> {
    */
   copy(): string {
     this.clear();
-    return this._storeCells();
+    return this._storeCells('copy');
   }
 
   /**
@@ -37,8 +38,9 @@ export class ClipboardState<T, F extends FiltersMap> {
    */
   cut(): string {
     this.clear();
-    this.isCut = true;
-    return this._storeCells();
+    const data = this._storeCells('cut');
+    this.isCut = this.copiedCells.size > 0;
+    return data;
   }
 
   /**
@@ -52,6 +54,9 @@ export class ClipboardState<T, F extends FiltersMap> {
     if (!target) {
       return;
     }
+    if (cellValue.getCellActionDisabledTooltip('paste', target)) {
+      return;
+    }
     const targetPos = this._parent._toIndices(target);
     if (!targetPos) {
       return;
@@ -61,7 +66,7 @@ export class ClipboardState<T, F extends FiltersMap> {
       this._copiedDataString !== undefined &&
       this._copiedDataString === rawData;
 
-    const pastedKeys = this._pasteGrid(
+    const keptSourceKeys = this._pasteGrid(
       rawData,
       targetPos,
       isInternal,
@@ -69,7 +74,7 @@ export class ClipboardState<T, F extends FiltersMap> {
     );
 
     if (this.isCut && isInternal) {
-      this._clearCutSources(pastedKeys, cellValue);
+      this._clearCutSources(keptSourceKeys, cellValue);
     }
 
     this.clear();
@@ -81,7 +86,7 @@ export class ClipboardState<T, F extends FiltersMap> {
     useRichValues: boolean,
     cellValue: EditableTableState<T, F>['cellValue'],
   ): Set<string> {
-    const pastedKeys = new Set<string>();
+    const keptSourceKeys = new Set<string>();
     const richChanges: { rowKey: string; columnId: string; value: any }[] = [];
     const rawChanges: { rowKey: string; columnId: string; rawValue: string }[] =
       [];
@@ -92,21 +97,33 @@ export class ClipboardState<T, F extends FiltersMap> {
     for (let r = 0; r < rows.length; r++) {
       const cols = rows[r].split('\t');
       for (let c = 0; c < cols.length; c++) {
+        const offset = `${r}:${c}`;
+        if (useRichValues && !this._copiedValues.has(offset)) {
+          continue;
+        }
+
         const dest = this._parent._toPosition(
           targetPos.row + r,
           targetPos.col + c,
         );
-        if (!dest) {
+        if (
+          !dest ||
+          !cellValue.isColumnEditable(dest.rowKey, dest.columnId) ||
+          cellValue.getCellActionDisabledTooltip('paste', dest)
+        ) {
+          const sourceKey = this._copiedSourceKeys.get(offset);
+          if (sourceKey) {
+            keptSourceKeys.add(sourceKey);
+          }
           continue;
         }
 
-        const copiedValueKey = `${r}:${c}`;
-
-        if (useRichValues && this._copiedValues.has(copiedValueKey)) {
+        keptSourceKeys.add(cellKey(dest.rowKey, dest.columnId));
+        if (useRichValues) {
           richChanges.push({
             rowKey: dest.rowKey,
             columnId: dest.columnId,
-            value: this._copiedValues.get(copiedValueKey),
+            value: this._copiedValues.get(offset),
           });
         } else {
           rawChanges.push({
@@ -115,8 +132,6 @@ export class ClipboardState<T, F extends FiltersMap> {
             rawValue: cols[c],
           });
         }
-
-        pastedKeys.add(cellKey(dest.rowKey, dest.columnId));
       }
     }
 
@@ -127,16 +142,16 @@ export class ClipboardState<T, F extends FiltersMap> {
       cellValue.applyBulkRawValues(rawChanges);
     }
 
-    return pastedKeys;
+    return keptSourceKeys;
   }
 
   private _clearCutSources(
-    pastedKeys: Set<string>,
+    keptSourceKeys: Set<string>,
     cellValue: EditableTableState<T, F>['cellValue'],
   ) {
     const cells: Cell[] = [];
     for (const key of this.copiedCells) {
-      if (pastedKeys.has(key)) {
+      if (keptSourceKeys.has(key)) {
         continue;
       }
       const pos = parseCellKey(key);
@@ -153,6 +168,7 @@ export class ClipboardState<T, F extends FiltersMap> {
     this.isCut = false;
     this._copiedDataString = undefined;
     this._copiedValues.clear();
+    this._copiedSourceKeys.clear();
   }
 
   isCellCopied(rowKey: string, columnId: string): boolean {
@@ -189,19 +205,23 @@ export class ClipboardState<T, F extends FiltersMap> {
     return this.copiedCells.size > 0;
   }
 
-  private _storeCells(): string {
-    const cells = this._parent.cellInteraction.selectedCellsList;
-    if (cells.length === 0) {
+  private _storeCells(actionId: EditableCellContextMenuAction): string {
+    const selectedCells = this._parent.cellInteraction.selectedCellsList;
+    if (selectedCells.length === 0) {
       return '';
     }
 
     const { cellValue } = this._parent;
+    const cells = cellValue.getActionableCells(actionId, selectedCells);
+    if (cells.length === 0) {
+      return '';
+    }
 
     for (const cell of cells) {
       this.copiedCells.add(cellKey(cell.rowKey, cell.columnId));
     }
 
-    const indices = cells
+    const indices = selectedCells
       .map((c) => this._parent._toIndices(c))
       .filter((idx): idx is { row: number; col: number } => idx !== null);
 
@@ -225,10 +245,12 @@ export class ClipboardState<T, F extends FiltersMap> {
             pos.columnId,
           );
           row.push(serialized);
+          const offset = `${r - minRow}:${c - minCol}`;
           this._copiedValues.set(
-            `${r - minRow}:${c - minCol}`,
+            offset,
             cellValue.getCellDisplayValue(pos.rowKey, pos.columnId),
           );
+          this._copiedSourceKeys.set(offset, cellKey(pos.rowKey, pos.columnId));
         } else {
           row.push('');
         }

package/src/state/EditableTable/types.ts

@@ -1,5 +1,10 @@
 import type { ComponentType } from 'react';
-import type { Translate, ValidationRule } from '@wix/bex-core';
+import type {
+  EditableCellConfig,
+  Field,
+  Translate,
+  ValidationRule,
+} from '@wix/bex-core';
 import type { RichTextStyleVariables } from '@wix/patterns-fields';
 import type { TableColumn } from '../../model/tableColumn';
 import type { ReferenceTypeConfig } from '../../components/EditableTable/cellTypes/reference/types';
@@ -61,8 +66,8 @@ export interface CellType {
   /** Can this cell type be edited? (default: true) */
   editable?: boolean;
 
-  /** Can this cell type be cleared with Delete key? (default: true) */
-  clearable?: boolean;
+  /** Availability of Cairo's built-in cell context-menu actions. */
+  contextMenu?: EditableCellConfig<unknown>['contextMenu'];
 
   /** Toggle value on single click (e.g., boolean checkbox). Skips focus→edit flow. */
   toggleValue?: (value: any) => any;
@@ -150,6 +155,9 @@ interface EditableColumnBase<T> extends Omit<TableColumn<T>, 'render'> {
   /** Extract the cell value from the row data */
   getValue: (item: T) => any;
 
+  /** Field metadata associated with the column, when available. */
+  field?: Field;
+
   /** Return updated item with new cell value (immutable) */
   setValue?: (item: T, value: any) => T;
 

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

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

package/src/state/FormPage/useFormPageHeader.tsx

@@ -13,6 +13,7 @@ import { FormPageActionsBar } from '../../components/FormPage';
 import { PageSubTitle, PageSubTitleProps } from '../../components/PageSubTitle';
 import { st, classes } from './FormPageHeader.st.css.js';
 import { useIsMobile } from '../../hooks/useIsMobile';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 import { FormPageHeaderProps } from '../../components/FormPageHeader';
 
 export function useFormPageHeader(
@@ -31,6 +32,7 @@ export function useFormPageHeader(
 ) {
   const state = useFormPageContext();
   const isMobile = useIsMobile();
+  const isBmHarmonyTheme = useBmHarmonyTheme();
   const { title, subtitle, breadcrumbs } = overrides;
 
   const actionsBar = (
@@ -44,9 +46,16 @@ export function useFormPageHeader(
 
     const { text, badges } = title;
 
+    // Match the size Page.Header's own title wrapper takes from
+    // `--wds-page-header-title-font-size` — otherwise this nested Heading
+    // paints the 32px `extraLarge` tokens over Harmony's 24px.
+    const titleSize = isMobile || isBmHarmonyTheme ? 'large' : 'extraLarge';
+
     return (
       <Box gap="SP2" verticalAlign="middle" alignContent="center">
-        <Heading size={isMobile ? 'large' : 'extraLarge'}>{text}</Heading>
+        <Heading as="span" dataHook="form-page-header-title" size={titleSize}>
+          {text}
+        </Heading>
         {badges && badges.length > 0 && (
           <Box gap="SP2">
             {badges.map((badge, index) => (

package/src/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer3835918071__root.CardContainer3835918071--mobile{border-radius:0}.CmsFieldForm2783539848__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal3339688929__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection273088678__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse2666109171__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2666109171__exit{height:0}.CollectionPage3980667022__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3980667022__root.CollectionPage3980667022--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3980667022__root.CollectionPage3980667022--panel{overflow:hidden;position:relative}.CollectionSectionHeader3075660753__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable842236443__root td{vertical-align:middle}.CollectionTable842236443__root.CollectionTable842236443--mobile td:first-child{padding-left:18px}.CollectionTable842236443__root.CollectionTable842236443--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable2546952532__root.CollectionTableWSRTable2546952532--resizable table{min-width:100%}.CollectionTableWSRTable2546952532__root.CollectionTableWSRTable2546952532--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar4143698975__root.CollectionToolbar4143698975--harmony .CollectionToolbar4143698975__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar4143698975__left{min-width:0}.CollectionToolbar4143698975__left.CollectionToolbar4143698975--expandable{flex:auto}.CollectionToolbar4143698975__left.CollectionToolbar4143698975--title>*{width:100%}.CollectionToolbar4143698975__root.CollectionToolbar4143698975---responsiveMode-5-title .CollectionToolbar4143698975__left{flex:1 100;min-width:50px}.CollectionToolbar4143698975__root.CollectionToolbar4143698975---responsiveMode-4-tabs .CollectionToolbar4143698975__left,.CollectionToolbar4143698975__root.CollectionToolbar4143698975---responsiveMode-4-tabs .CollectionToolbar4143698975__left.CollectionToolbar4143698975--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar4143698975__root.CollectionToolbar4143698975---responsiveMode-4-tabs .CollectionToolbar4143698975__left>*{flex-shrink:1;min-width:0}.CollectionToolbar4143698975__root .CollectionToolbar4143698975__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar4143698975__root.CollectionToolbar4143698975--views .CollectionToolbar4143698975__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar4143698975__root.CollectionToolbar4143698975---responsiveMode-4-tabs .CollectionToolbar4143698975__right,.CollectionToolbar4143698975__root.CollectionToolbar4143698975---responsiveMode-5-title .CollectionToolbar4143698975__right{flex:0 1 auto;min-width:0}.CollectionToolbar4143698975__root .CollectionToolbar4143698975__right.CollectionToolbar4143698975__fullWidth{margin-inline-start:0!important}.CollectionToolbar4143698975__root.CollectionToolbar4143698975--mobile:not(.CollectionToolbar4143698975--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter4233897407__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter4233897407__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter4233897407__searchMobile:not(.SearchOrCustomFilter4233897407--expandable){left:18px}.SearchOrCustomFilter4233897407__searchMobile.SearchOrCustomFilter4233897407--expandable.SearchOrCustomFilter4233897407--expanded{left:18px}.AutoCompleteReadonly2918676909__root.AutoCompleteReadonly2918676909--disableEditing{cursor:pointer}.AutoCompleteReadonly2918676909__root.AutoCompleteReadonly2918676909--disableEditing input{cursor:pointer}.ViewsDropdown1450285275__root{width:200px}.DragHandle3340491551__root{display:flex;align-items:center}.DragHandle3340491551__root:not(.DragHandle3340491551--disabled){cursor:grab;color:#a8caff}.DragHandle3340491551__root.DragHandle3340491551--disabled{color:#acafc4}.DragHandle3340491551__root:focus-visible:not(.DragHandle3340491551--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3340491551__root.DragHandle3340491551--disabled{pointer-events:none}.DragHandle3340491551__root.DragHandle3340491551--dragging:not(.DragHandle3340491551--disabled){cursor:grabbing}td:has(>.EditableCell853184343__root){position:relative;overflow:visible}tr:has(.EditableCell853184343__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell853184343__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>.EditableCell853184343__root{top:0}.EditableCell853184343__root:hover:not(.EditableCell853184343--rowActive):not(.EditableCell853184343--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell853184343__root.EditableCell853184343--rowActive:not(.EditableCell853184343--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell853184343__root.EditableCell853184343--rowActive:hover:not(.EditableCell853184343--focused):not(.EditableCell853184343--rangeSelected){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)}.EditableCell853184343__root.EditableCell853184343--focused:not(.EditableCell853184343--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}.EditableCell853184343__root.EditableCell853184343--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell853184343__root.EditableCell853184343--editing:not(.EditableCell853184343--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell853184343__root.EditableCell853184343--focused.EditableCell853184343--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell853184343__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)}.EditableCell853184343__root.EditableCell853184343--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell853184343__root.EditableCell853184343--selectionTop:not(.EditableCell853184343--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell853184343__root.EditableCell853184343--selectionBottom:not(.EditableCell853184343--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell853184343__root.EditableCell853184343--selectionLeft:not(.EditableCell853184343--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell853184343__root.EditableCell853184343--selectionRight:not(.EditableCell853184343--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell853184343__root.EditableCell853184343--invalid,.EditableCell853184343__root.EditableCell853184343--invalid.EditableCell853184343--rowActive:hover:not(.EditableCell853184343--focused):not(.EditableCell853184343--rangeSelected),.EditableCell853184343__root.EditableCell853184343--invalid.EditableCell853184343--focused:not(.EditableCell853184343--rangeSelected),.EditableCell853184343__root.EditableCell853184343--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell853184343__root.EditableCell853184343--copiedTop:not(.EditableCell853184343--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell853184343__root.EditableCell853184343--copiedBottom:not(.EditableCell853184343--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell853184343__root.EditableCell853184343--copiedLeft:not(.EditableCell853184343--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell853184343__root.EditableCell853184343--copiedRight:not(.EditableCell853184343--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell853184343__root.EditableCell853184343--invalid:not(.EditableCell853184343--focused):not(.EditableCell853184343--editing){z-index:1}.EditableCell853184343__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 .EditableCell853184343__errorMessage{top:auto;bottom:calc(100% + 4px)}.HeaderActionsPopover3750238423__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3750238423__root,.HeaderActionsPopover3750238423__root[data-menu-open=true],.HeaderActionsPopover3750238423__root:focus-within{opacity:1}.CellViewLayout2743917314__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2743917314__root>*{flex:1;min-width:0}.Edit179810824__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}.Edit179810824__addressInput>div,.Edit179810824__addressInput>div>div,.Edit179810824__addressInput>div>div>div{width:100%;min-width:0}.Edit69223625__jsonInput{width:100%;margin-left:-1px}.Edit3626190483__booleanEdit{display:flex;align-items:center;margin-left:8px}.View1234825910__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit251814073__root{width:100%;height:100%;display:flex;align-items:center}.Edit71976597__dateInput{width:100%;margin-left:-1px}.Edit2502569259__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit2502569259__dateHalf{flex:60 1 0}.Edit2502569259__timeHalf{flex:40 1 0}.Edit2502569259__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2502569259__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%}.Edit2502569259__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View2592559188__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}.View2592559188__datePart{flex:60 1 0}.View2592559188__timePart{flex:40 1 0}.View2592559188__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View2592559188__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit688342946__emailInput{width:100%;margin-left:-1px}.Edit1473858831__numberInput{width:100%;margin-right:2px}.Edit1473858831__numberInput input{text-align:right;direction:ltr}.View1557573447__textView{width:100%;text-align:right}.Edit591042281__jsonInput{width:100%;margin-left:-1px}.Edit2583059106__selectInput{width:100%}.Edit1994557381__editWrapper{width:100%}.Edit1994557381__inputArea{background-color:transparent;width:100%}.Edit1994557381__inputArea input,.Edit1994557381__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}.Edit1994557381__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1994557381__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit1994557381__inputArea>div::after{box-shadow:none!important}.Edit1994557381__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1994557381__inputArea:not(.Edit1994557381--isFocused) textarea{resize:none;overflow:hidden}.Edit1994557381__inputArea:not(.Edit1994557381--isFocused) textarea::-webkit-scrollbar{display:none}.Edit3976434641__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(
+.CardContainer3308705847__root.CardContainer3308705847--mobile{border-radius:0}.CmsFieldForm2644181114__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal2826391627__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection136873467__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse2094159886__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2094159886__exit{height:0}.CollectionPage1282182167__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1282182167__root.CollectionPage1282182167--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1282182167__root.CollectionPage1282182167--panel{overflow:hidden;position:relative}.CollectionSectionHeader614425748__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable1743838388__root td{vertical-align:middle}.CollectionTable1743838388__root.CollectionTable1743838388--mobile td:first-child{padding-left:18px}.CollectionTable1743838388__root.CollectionTable1743838388--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3268631546__root.CollectionTableWSRTable3268631546--resizable table{min-width:100%}.CollectionTableWSRTable3268631546__root.CollectionTableWSRTable3268631546--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar2935144884__root.CollectionToolbar2935144884--harmony .CollectionToolbar2935144884__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar2935144884__left{min-width:0}.CollectionToolbar2935144884__left.CollectionToolbar2935144884--expandable{flex:auto}.CollectionToolbar2935144884__left.CollectionToolbar2935144884--title>*{width:100%}.CollectionToolbar2935144884__root.CollectionToolbar2935144884---responsiveMode-5-title .CollectionToolbar2935144884__left{flex:1 100;min-width:50px}.CollectionToolbar2935144884__root.CollectionToolbar2935144884---responsiveMode-4-tabs .CollectionToolbar2935144884__left,.CollectionToolbar2935144884__root.CollectionToolbar2935144884---responsiveMode-4-tabs .CollectionToolbar2935144884__left.CollectionToolbar2935144884--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2935144884__root.CollectionToolbar2935144884---responsiveMode-4-tabs .CollectionToolbar2935144884__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2935144884__root .CollectionToolbar2935144884__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2935144884__root.CollectionToolbar2935144884--views .CollectionToolbar2935144884__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2935144884__root.CollectionToolbar2935144884---responsiveMode-4-tabs .CollectionToolbar2935144884__right,.CollectionToolbar2935144884__root.CollectionToolbar2935144884---responsiveMode-5-title .CollectionToolbar2935144884__right{flex:0 1 auto;min-width:0}.CollectionToolbar2935144884__root .CollectionToolbar2935144884__right.CollectionToolbar2935144884__fullWidth{margin-inline-start:0!important}.CollectionToolbar2935144884__root.CollectionToolbar2935144884--mobile:not(.CollectionToolbar2935144884--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter2767854994__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2767854994__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter2767854994__searchMobile:not(.SearchOrCustomFilter2767854994--expandable){left:18px}.SearchOrCustomFilter2767854994__searchMobile.SearchOrCustomFilter2767854994--expandable.SearchOrCustomFilter2767854994--expanded{left:18px}.AutoCompleteReadonly4069259101__root.AutoCompleteReadonly4069259101--disableEditing{cursor:pointer}.AutoCompleteReadonly4069259101__root.AutoCompleteReadonly4069259101--disableEditing input{cursor:pointer}.ViewsDropdown2440813327__root{width:200px}.DragHandle2231511974__root{display:flex;align-items:center}.DragHandle2231511974__root:not(.DragHandle2231511974--disabled){cursor:grab;color:#a8caff}.DragHandle2231511974__root.DragHandle2231511974--disabled{color:#acafc4}.DragHandle2231511974__root:focus-visible:not(.DragHandle2231511974--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2231511974__root.DragHandle2231511974--disabled{pointer-events:none}.DragHandle2231511974__root.DragHandle2231511974--dragging:not(.DragHandle2231511974--disabled){cursor:grabbing}td:has(>.EditableCell234905505__root){position:relative;overflow:visible}tr:has(.EditableCell234905505__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell234905505__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>.EditableCell234905505__root{top:0}.EditableCell234905505__root:hover:not(.EditableCell234905505--rowActive):not(.EditableCell234905505--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell234905505__root.EditableCell234905505--rowActive:not(.EditableCell234905505--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell234905505__root.EditableCell234905505--rowActive:hover:not(.EditableCell234905505--focused):not(.EditableCell234905505--rangeSelected){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)}.EditableCell234905505__root.EditableCell234905505--focused:not(.EditableCell234905505--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}.EditableCell234905505__root.EditableCell234905505--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell234905505__root.EditableCell234905505--editing:not(.EditableCell234905505--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell234905505__root.EditableCell234905505--focused.EditableCell234905505--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell234905505__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)}.EditableCell234905505__root.EditableCell234905505--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell234905505__root.EditableCell234905505--selectionTop:not(.EditableCell234905505--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--selectionBottom:not(.EditableCell234905505--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--selectionLeft:not(.EditableCell234905505--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--selectionRight:not(.EditableCell234905505--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--invalid,.EditableCell234905505__root.EditableCell234905505--invalid.EditableCell234905505--rowActive:hover:not(.EditableCell234905505--focused):not(.EditableCell234905505--rangeSelected),.EditableCell234905505__root.EditableCell234905505--invalid.EditableCell234905505--focused:not(.EditableCell234905505--rangeSelected),.EditableCell234905505__root.EditableCell234905505--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell234905505__root.EditableCell234905505--copiedTop:not(.EditableCell234905505--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--copiedBottom:not(.EditableCell234905505--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--copiedLeft:not(.EditableCell234905505--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--copiedRight:not(.EditableCell234905505--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--invalid:not(.EditableCell234905505--focused):not(.EditableCell234905505--editing){z-index:1}.EditableCell234905505__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 .EditableCell234905505__errorMessage{top:auto;bottom:calc(100% + 4px)}.HeaderActionsPopover3256016442__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3256016442__root,.HeaderActionsPopover3256016442__root[data-menu-open=true],.HeaderActionsPopover3256016442__root:focus-within{opacity:1}.CellViewLayout2040856133__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2040856133__root>*{flex:1;min-width:0}.Edit3815345611__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}.Edit3815345611__addressInput>div,.Edit3815345611__addressInput>div>div,.Edit3815345611__addressInput>div>div>div{width:100%;min-width:0}.Edit1350275600__jsonInput{width:100%;margin-left:-1px}.Edit1062139435__booleanEdit{display:flex;align-items:center;margin-left:8px}.View1923901122__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit1906385244__root{width:100%;height:100%;display:flex;align-items:center}.Edit2701309181__dateInput{width:100%;margin-left:-1px}.Edit3360930838__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit3360930838__dateHalf{flex:60 1 0}.Edit3360930838__timeHalf{flex:40 1 0}.Edit3360930838__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3360930838__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%}.Edit3360930838__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View3091857899__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}.View3091857899__datePart{flex:60 1 0}.View3091857899__timePart{flex:40 1 0}.View3091857899__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View3091857899__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3833930478__emailInput{width:100%;margin-left:-1px}.Edit3717359803__numberInput{width:100%;margin-right:2px}.Edit3717359803__numberInput input{text-align:right;direction:ltr}.View3151195271__textView{width:100%;text-align:right}.Edit3494209090__jsonInput{width:100%;margin-left:-1px}.Edit4162467582__selectInput{width:100%}.Edit1953199037__editWrapper{width:100%}.Edit1953199037__inputArea{background-color:transparent;width:100%}.Edit1953199037__inputArea input,.Edit1953199037__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}.Edit1953199037__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1953199037__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit1953199037__inputArea>div::after{box-shadow:none!important}.Edit1953199037__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1953199037__inputArea:not(.Edit1953199037--isFocused) textarea{resize:none;overflow:hidden}.Edit1953199037__inputArea:not(.Edit1953199037--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2783054138__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
-  )}.Edit3976434641__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit4029121885__urlInput{width:100%;margin-left:-1px}.View385205916__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View385205916__urlText{flex:1;min-width:0}.View385205916__suffix{flex-shrink:0;margin-left:10px}.View385205916__textView.View385205916--suffixOnHover:not(:hover) .View385205916__suffix{display:none}.EmptyStateBase3595007617__root{min-height:230px;align-items:center}.EntityPagePlain2909456022__root.EntityPagePlain2909456022--mobile{--wds-page-header-padding-horizontal:0}.Fade532704291__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade532704291__root.Fade532704291--exit{opacity:0}.Heading2024812053__root{visibility:visible}.Heading2024812053__root.Heading2024812053--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3247705764__fileUpload{width:100%}.InputOverflow3729664396__root.InputOverflow3729664396--selected:not(.InputOverflow3729664396--focused) input::placeholder{color:#000624}@keyframes LoadingRow477909419__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%}}.LoadingRow477909419__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:LoadingRow477909419__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText4004829359__root{opacity:1}.MaxHeightText4004829359__root.MaxHeightText4004829359--height24{line-height:24px}.MaxLines2527383402__root{overflow:hidden}.MaxLines2527383402__root.MaxLines2527383402--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2649094695__root{min-width:0}.MultiBulkActionToolbar2649094695__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2649094695__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2649094695__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1438251547__root td{padding:0!important;width:100%}.NestedTableRow774112669__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow774112669__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow774112669__root.NestedTableRow774112669--expandable{cursor:pointer}.NestedTableRow774112669__placeholder td{padding:0!important;width:100%}.NestedTableRow774112669__root:hover td:first-of-type::before,.NestedTableRow774112669__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))}.MultipleDragOverlayEffect788284026__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)))}.NestedTableDragAndDropRow2432249017__root.NestedTableDragAndDropRow2432249017--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent2368873188__root{display:flex}.PickerContentAdditionalStep1074001824__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1074001824__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3679162544__root{box-sizing:border-box}.ScrollableContent513350404__root.ScrollableContent513350404--overflowY{overflow-y:auto}.ScrollableContent513350404__root.ScrollableContent513350404--overflowX{overflow-x:auto}.ScrollableContent513350404__root.ScrollableContent513350404--smooth{scroll-behavior:smooth}.SetupWidget396087111__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))}.SetupWidget396087111__row.SetupWidget396087111--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget396087111__row.SetupWidget396087111--focused.SetupWidget396087111--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget396087111__completedCta,.SetupWidget396087111__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget396087111__row:hover .SetupWidget396087111__completedCta,.SetupWidget396087111__row:hover .SetupWidget396087111__secondaryCta{opacity:1}}.SetupWidget396087111__row:focus-within .SetupWidget396087111__completedCta,.SetupWidget396087111__row:focus-within .SetupWidget396087111__secondaryCta,.SetupWidget396087111__secondaryCta:focus-within{opacity:1}.SetupWidget396087111__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}.SetupWidget396087111__card.SetupWidget396087111--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget396087111__card.SetupWidget396087111--clickable{cursor:pointer}.SetupWidget396087111__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget396087111__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget396087111__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget396087111__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard577227391__headerLoading{display:block!important}.SlidingModal235468513__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal235468513__root.SlidingModal235468513--overlay{transition:transform 0s ease 0s}.SlidingModal235468513__root.SlidingModal235468513---appendTo-6-parent{position:absolute}.SlidingModal235468513__root.SlidingModal235468513--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal235468513__root:not(.SlidingModal235468513--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader2927909795__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader2927909795__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader2927909795__hoverBridge{display:inline-block;padding:4px 13px 4px 4px;background:0 0}[data-content-element^=popover-content-add-field-popover-][data-hook=popover-content][class]{background:0 0;border:0;box-shadow:none;border-radius:0;padding:0}.TabsFilter3309937656__root .TabsFilter3309937656__titleBox *{color:inherit!important}.ManageTagsModal2960572131__root{display:flex}.ManageTagsModal2960572131__root.ManageTagsModal2960572131--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal2960572131__root.ManageTagsModal2960572131--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem2994816163__root{min-width:0}.ToolbarItemBox2577102231__root{min-width:0}.ToolbarItemBox2577102231__root.ToolbarItemBox2577102231--removeStartPadding{margin-left:-24px}.ToolbarItemBox2577102231__root.ToolbarItemBox2577102231--expandable{flex:1 0}.common589529049__column{display:flex;flex-direction:column}.common589529049__fullHeight{height:100%;min-height:0}.CollectionPageHeader433397772__root:not(.CollectionPageHeader433397772--mobile){gap:12px}.CollectionPageHeader433397772__root.CollectionPageHeader433397772--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader433397772__root.CollectionPageHeader433397772--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3777948636__root.FormPageHeader3777948636--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3777948636__root.FormPageHeader3777948636--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+  )}.Edit2783054138__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit3418259412__urlInput{width:100%;margin-left:-1px}.View803783575__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View803783575__urlText{flex:1;min-width:0}.View803783575__suffix{flex-shrink:0;margin-left:10px}.View803783575__textView.View803783575--suffixOnHover:not(:hover) .View803783575__suffix{display:none}.EmptyStateBase3436406867__root{min-height:230px;align-items:center}.EntityPagePlain2955974111__root.EntityPagePlain2955974111--mobile{--wds-page-header-padding-horizontal:0}.Fade1418509675__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1418509675__root.Fade1418509675--exit{opacity:0}.Heading3968638190__root{visibility:visible}.Heading3968638190__root.Heading3968638190--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2714570815__fileUpload{width:100%}.InputOverflow1141952276__root.InputOverflow1141952276--selected:not(.InputOverflow1141952276--focused) input::placeholder{color:#000624}@keyframes LoadingRow3055220752__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%}}.LoadingRow3055220752__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:LoadingRow3055220752__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1541340746__root{opacity:1}.MaxHeightText1541340746__root.MaxHeightText1541340746--height24{line-height:24px}.MaxLines865454383__root{overflow:hidden}.MaxLines865454383__root.MaxLines865454383--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1641547521__root{min-width:0}.MultiBulkActionToolbar1641547521__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1641547521__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1641547521__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow100310536__root td{padding:0!important;width:100%}.NestedTableRow2093831599__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow2093831599__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow2093831599__root.NestedTableRow2093831599--expandable{cursor:pointer}.NestedTableRow2093831599__placeholder td{padding:0!important;width:100%}.NestedTableRow2093831599__root:hover td:first-of-type::before,.NestedTableRow2093831599__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))}.MultipleDragOverlayEffect733045943__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)))}.NestedTableDragAndDropRow759723427__root.NestedTableDragAndDropRow759723427--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent212626143__root{display:flex}.PickerContentAdditionalStep2597685663__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2597685663__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2061650482__root{box-sizing:border-box}.ScrollableContent2566898179__root.ScrollableContent2566898179--overflowY{overflow-y:auto}.ScrollableContent2566898179__root.ScrollableContent2566898179--overflowX{overflow-x:auto}.ScrollableContent2566898179__root.ScrollableContent2566898179--smooth{scroll-behavior:smooth}.SetupWidget210130192__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))}.SetupWidget210130192__row.SetupWidget210130192--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget210130192__row.SetupWidget210130192--focused.SetupWidget210130192--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget210130192__completedCta,.SetupWidget210130192__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget210130192__row:hover .SetupWidget210130192__completedCta,.SetupWidget210130192__row:hover .SetupWidget210130192__secondaryCta{opacity:1}}.SetupWidget210130192__row:focus-within .SetupWidget210130192__completedCta,.SetupWidget210130192__row:focus-within .SetupWidget210130192__secondaryCta,.SetupWidget210130192__secondaryCta:focus-within{opacity:1}.SetupWidget210130192__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}.SetupWidget210130192__card.SetupWidget210130192--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget210130192__card.SetupWidget210130192--clickable{cursor:pointer}.SetupWidget210130192__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget210130192__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget210130192__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget210130192__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard1621660995__headerLoading{display:block!important}.SlidingModal2710279333__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2710279333__root.SlidingModal2710279333--overlay{transition:transform 0s ease 0s}.SlidingModal2710279333__root.SlidingModal2710279333---appendTo-6-parent{position:absolute}.SlidingModal2710279333__root.SlidingModal2710279333--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal2710279333__root:not(.SlidingModal2710279333--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader1176602481__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader1176602481__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader1176602481__hoverBridge{display:inline-block;padding:4px 13px 4px 4px;background:0 0}[data-content-element^=popover-content-add-field-popover-][data-hook=popover-content][class]{background:0 0;border:0;box-shadow:none;border-radius:0;padding:0}.TabsFilter3428757611__root .TabsFilter3428757611__titleBox *{color:inherit!important}.ManageTagsModal3918876308__root{display:flex}.ManageTagsModal3918876308__root.ManageTagsModal3918876308--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal3918876308__root.ManageTagsModal3918876308--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem1774825403__root{min-width:0}.ToolbarItemBox3007671729__root{min-width:0}.ToolbarItemBox3007671729__root.ToolbarItemBox3007671729--removeStartPadding{margin-left:-24px}.ToolbarItemBox3007671729__root.ToolbarItemBox3007671729--expandable{flex:1 0}.common4027220727__column{display:flex;flex-direction:column}.common4027220727__fullHeight{height:100%;min-height:0}.CollectionPageHeader729795040__root:not(.CollectionPageHeader729795040--mobile){gap:12px}.CollectionPageHeader729795040__root.CollectionPageHeader729795040--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader729795040__root.CollectionPageHeader729795040--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3391843751__root.FormPageHeader3391843751--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3391843751__root.FormPageHeader3391843751--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/test-utils/flush.ts

@@ -39,3 +39,35 @@ export async function advance<T>(ms: number, promise?: T) {
     await promise;
   });
 }
+
+/**
+ * Flushes until `condition` holds. Use it instead of a fixed `flushPromise`
+ * cycle count when the next step needs something to have finished — on a
+ * loaded CI agent the same interaction can need more cycles than it does
+ * locally. Throws naming what never happened, so a setup that did not settle
+ * is not reported later as an unrelated assertion failure.
+ */
+export async function flushUntil(
+  condition: () => boolean | Promise<boolean>,
+  {
+    description,
+    iterations = 30,
+  }: { description?: string; iterations?: number } = {},
+) {
+  for (let i = 0; i < iterations; i++) {
+    await act(async () => {
+      await new Promise((resolve) => setImmediate(resolve));
+      jest.runOnlyPendingTimers();
+    });
+
+    if (await condition()) {
+      return;
+    }
+  }
+
+  throw new Error(
+    `flushUntil: waited ${iterations} flush cycles for ${
+      description ?? 'the condition'
+    }, and it never happened`,
+  );
+}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.461.0';
+export const version = 'patterns@1.463.0';