@wix/patterns 1.437.0 → 1.438.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem326594590";
+var _namespace_ = "ToolbarItem1478653332";
 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":"ToolbarItem326594590__root"};
+export var classes = {"root":"ToolbarItem1478653332__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_ = "ToolbarItemBox3039701418";
+var _namespace_ = "ToolbarItemBox600544798";
 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":"ToolbarItemBox3039701418__root"};
+export var classes = {"root":"ToolbarItemBox600544798__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ToolbarTitle/ToolbarTitle.tsx

@@ -12,6 +12,7 @@ import React, { ReactNode } from 'react';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import type { FiltersMap } from '@wix/bex-core';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 import { withoutDefaults } from '@wix/bex-core';
 import { cairoLearnMore } from '@wix/bex-utils/@wix/bi-logger-os-data/v2';
 
@@ -61,9 +62,18 @@ export const ToolbarTitle = observer(function ToolbarTitle<
     },
     reportBi,
   } = useToolbarCollectionContext<T, F>();
+  const isBmHarmonyTheme = useBmHarmonyTheme();
+  // Under Harmony the toolbar keeps its own vertical padding (theme tokens),
+  // so the title must not add more on top of it
+  const verticalPadding = isBmHarmonyTheme ? undefined : 'SP2';
 
   return (
-    <Box direction="vertical" paddingTop="SP2" paddingBottom="SP2" width="100%">
+    <Box
+      direction="vertical"
+      paddingTop={verticalPadding}
+      paddingBottom={verticalPadding}
+      width="100%"
+    >
       <Box minWidth={0} verticalAlign="middle" gap="SP1">
         <Heading dataHook="toolbar-title" ellipsis size="medium">
           {title}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common2940309204";
+var _namespace_ = "common3516106445";
 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":"common2940309204__root","column":"common2940309204__column","fullHeight":"common2940309204__fullHeight"};
+export var classes = {"root":"common3516106445__root","column":"common3516106445__column","fullHeight":"common3516106445__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_ = "CollectionPageHeader588315468";
+var _namespace_ = "CollectionPageHeader2043964325";
 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":"CollectionPageHeader588315468__root"};
+export var classes = {"root":"CollectionPageHeader2043964325__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/EditableTable/CellValueState.ts

@@ -301,6 +301,19 @@ export class CellValueState<T, F extends FiltersMap> {
         if (pendingKey) {
           this._pendingCells.delete(pendingKey);
         }
+        if (this._parent.mutation.isLocalNewRow(rowKey)) {
+          // A row not created on the server yet can't take an update —
+          // buffer the value as a draft; it goes out with the row's
+          // create when focus leaves the row.
+          if (pendingKey) {
+            this._draftCells.set(pendingKey, {
+              rowKey: keyedItem.key,
+              columnId: column.id,
+              value,
+            });
+          }
+          continue;
+        }
         const currentItem =
           rowItems.get(rowKey) ??
           this._consumeRowDrafts(rowKey, keyedItem.item);
@@ -358,10 +371,15 @@ export class CellValueState<T, F extends FiltersMap> {
     const items: T[] = [];
     for (const rowKey of rowKeys) {
       const keyedItem = this._parent._getKeyedItem(rowKey);
-      if (keyedItem) {
-        items.push(this._consumeRowDrafts(rowKey, keyedItem.item));
-      } else {
+      if (!keyedItem) {
         this._dropRowDrafts(rowKey);
+      } else if (this._parent.mutation.isLocalNewRow(rowKey)) {
+        this._parent.mutation.commitNewRow(
+          rowKey,
+          this._consumeRowDrafts(rowKey, keyedItem.item),
+        );
+      } else {
+        items.push(this._consumeRowDrafts(rowKey, keyedItem.item));
       }
     }
     if (items.length > 0) {

package/src/state/EditableTable/EditableTableState.ts

@@ -11,6 +11,7 @@ import type { MessageModalLayoutProps } from '@wix/design-system';
 import type { KeyedItem, RemoveItemDisabledResult } from '@wix/bex-core';
 import { ToolbarCollectionState } from '../ToolbarCollectionState';
 import { TableState } from '../TableState';
+import type { TableStateParams } from '../TableState';
 import { ICollectionComponentState } from '../ICollectionComponentState';
 import { CellInteractionState } from './CellInteractionState';
 import { CellValueState } from './CellValueState';
@@ -73,6 +74,35 @@ export interface EditableTableStatePublicAPI<T, F extends FiltersMap> {
   isMultiDeleteDisabled(rowKeys: string[]): boolean;
 }
 
+/**
+ * Draft rows (added locally, not yet created on the server) are not part of
+ * the collection result. This TableState merges them into the rendered list,
+ * so everything that renders rows — the WDS table and the virtualizer — sees
+ * them, and a table whose only rows are drafts does not show the empty state.
+ */
+class TableStateWithDraftRows<T, F extends FiltersMap> extends TableState<
+  T,
+  F
+> {
+  private readonly _mergeDraftRows: (items: KeyedItem<T>[]) => KeyedItem<T>[];
+
+  constructor(
+    params: TableStateParams<T, F>,
+    mergeDraftRows: (items: KeyedItem<T>[]) => KeyedItem<T>[],
+  ) {
+    super(params);
+    this._mergeDraftRows = mergeDraftRows;
+  }
+
+  get keyedItems() {
+    return this._mergeDraftRows(this.collection.result.keyedItems);
+  }
+
+  get showEmptyState() {
+    return this.toolbar.multi.showEmptyState && this.keyedItems.length === 0;
+  }
+}
+
 export class EditableTableState<T, F extends FiltersMap>
   implements ICollectionComponentState, EditableTableStatePublicAPI<T, F>
 {
@@ -106,11 +136,14 @@ export class EditableTableState<T, F extends FiltersMap>
         componentType: 'EditableTable',
       });
 
-    this.tableState = new TableState({
-      collection: params.collection,
-      container: params.container,
-      toolbar: this.toolbar,
-    });
+    this.tableState = new TableStateWithDraftRows(
+      {
+        collection: params.collection,
+        container: params.container,
+        toolbar: this.toolbar,
+      },
+      (keyedItems) => this.mutation._mergeDraftRows(keyedItems),
+    );
 
     this.cellValue = new CellValueState<T, F>(
       this,
@@ -226,7 +259,11 @@ export class EditableTableState<T, F extends FiltersMap>
   }
 
   _getKeyedItem(key: string): KeyedItem<T> | undefined | null {
-    return this.collection.getKeyedItem(key);
+    // Draft rows are not in the collection — fall back to the merged list.
+    return (
+      this.collection.getKeyedItem(key) ??
+      this.keyedItems.find((ki) => ki.key === key)
+    );
   }
 
   _toIndices(pos: Cell): { row: number; col: number } | null {

package/src/state/EditableTable/MutationState.ts

@@ -1,7 +1,9 @@
+import { action, makeObservable, observable, runInAction } from 'mobx';
 import type {
   CollectionOptimisticActions,
   CollectionState,
   FiltersMap,
+  KeyedItem,
 } from '@wix/bex-core';
 import type { EditableTableState } from './EditableTableState';
 
@@ -21,6 +23,21 @@ export class MutationState<T, F extends FiltersMap> {
   private readonly _optimisticActions: CollectionOptimisticActions<T, F>;
   private readonly _parent: EditableTableState<T, F>;
 
+  /**
+   * Rows added locally and not yet created on the server, by row key.
+   * `afterItemKey` is the key of the row directly above the draft
+   * (undefined = top of the list). `addItem` keeps this exact, so at most
+   * one draft is anchored on any given row.
+   */
+  readonly _drafts = new Map<string, { item: T; afterItemKey?: string }>();
+
+  /**
+   * Row keys of creates still in flight. Their rows are already in the
+   * collection result (optimistic patch), but their keys change when the
+   * server responds, so nothing may anchor on them.
+   */
+  private readonly _pendingCreateKeys = new Set<string>();
+
   constructor(
     parent: EditableTableState<T, F>,
     handlers: EditableTableMutationHandlers<T>,
@@ -31,15 +48,96 @@ export class MutationState<T, F extends FiltersMap> {
     this._parent = parent;
     this._handlers = handlers;
     this._optimisticActions = createOptimisticActions(parent.collection);
+    makeObservable(this, {
+      _drafts: observable.shallow,
+      addItem: action,
+      commitNewRow: action,
+      deleteItems: action,
+    });
   }
 
   init() {
     return this._optimisticActions.init();
   }
 
+  /**
+   * Merge draft rows into the collection's keyed items for rendering.
+   * Every draft renders directly below the row it is anchored on, so a
+   * draft anchored on another draft follows it down the list. Drafts whose
+   * anchor left the list (filtered out, deleted) stay visible at the end.
+   */
+  _mergeDraftRows(keyedItems: KeyedItem<T>[]): KeyedItem<T>[] {
+    if (this._drafts.size === 0) {
+      return keyedItems;
+    }
+
+    const draftBelow = new Map<string | undefined, { key: string; item: T }>();
+    for (const [rowKey, draft] of this._drafts) {
+      draftBelow.set(draft.afterItemKey, { key: rowKey, item: draft.item });
+    }
+
+    const merged: KeyedItem<T>[] = [];
+    const pushDraftsBelow = (rowKey: string | undefined) => {
+      let anchorKey = rowKey;
+      let draft = draftBelow.get(anchorKey);
+      while (draft) {
+        draftBelow.delete(anchorKey);
+        merged.push({
+          item: draft.item,
+          key: draft.key,
+          id: draft.key,
+          index: merged.length,
+          pageIndex: -1,
+          indexWithinPage: -1,
+        });
+        anchorKey = draft.key;
+        draft = draftBelow.get(anchorKey);
+      }
+    };
+
+    pushDraftsBelow(undefined);
+    for (const keyedItem of keyedItems) {
+      merged.push(keyedItem);
+      pushDraftsBelow(keyedItem.key);
+    }
+    for (const anchorKey of [...draftBelow.keys()]) {
+      pushDraftsBelow(anchorKey);
+    }
+    return merged;
+  }
+
   addItem(afterItemKey?: string): string {
     const newItem = this._handlers.createItem();
-    this._optimisticActions.createOne(newItem, {
+    const rowKey = this._parent.collection.itemKey(newItem);
+    // The new row lands directly below its anchor, pushing down whichever
+    // draft sat there — that draft is now anchored on the new row.
+    for (const [key, draft] of this._drafts) {
+      if (draft.afterItemKey === afterItemKey) {
+        this._drafts.set(key, { ...draft, afterItemKey: rowKey });
+      }
+    }
+    this._drafts.set(rowKey, { item: newItem, afterItemKey });
+    return rowKey;
+  }
+
+  isLocalNewRow(rowKey: string): boolean {
+    return this._drafts.has(rowKey);
+  }
+
+  /** Create a local new row on the server, with its edited values merged in. */
+  commitNewRow(rowKey: string, item: T) {
+    const draft = this._drafts.get(rowKey);
+    if (!draft) {
+      return;
+    }
+
+    // The create's optimistic patch can only anchor on a real server row —
+    // not a draft, not another row created through this table's patches.
+    const afterItemKey = this._serverAnchorFor(rowKey);
+
+    this._drafts.delete(rowKey);
+    this._pendingCreateKeys.add(rowKey);
+    this._optimisticActions.createOne(item, {
       submit: this._submitCreate,
       afterItemKey,
       successToast: 'Item created',
@@ -48,7 +146,6 @@ export class MutationState<T, F extends FiltersMap> {
         action: { onClick: retry, text: 'Retry' },
       }),
     });
-    return this._parent.collection.itemKey(newItem);
   }
 
   duplicateItem(rowKey: string) {
@@ -69,9 +166,10 @@ export class MutationState<T, F extends FiltersMap> {
         break;
       }
     }
+    this._pendingCreateKeys.add(newId);
     this._optimisticActions.createOne(duplicate as T, {
       submit: this._submitCreate,
-      afterItemKey: keyedItem.key,
+      afterItemKey: rowKey,
       successToast: 'Item duplicated',
       errorToast: (_err: unknown, { retry }: { retry: () => void }) => ({
         message: 'Failed to duplicate item',
@@ -81,7 +179,36 @@ export class MutationState<T, F extends FiltersMap> {
   }
 
   deleteItems(rowKeys: string[]) {
-    const items = rowKeys
+    const deleted = new Set(rowKeys);
+
+    // Surviving drafts anchored on a deleted row move up to the nearest
+    // surviving row, so they don't fall to the end of the list.
+    for (const [rowKey, draft] of this._drafts) {
+      if (
+        deleted.has(rowKey) ||
+        draft.afterItemKey == null ||
+        !deleted.has(draft.afterItemKey)
+      ) {
+        continue;
+      }
+      this._drafts.set(rowKey, {
+        ...draft,
+        afterItemKey: this._survivingAnchorAbove(draft.afterItemKey, deleted),
+      });
+    }
+
+    const serverRowKeys: string[] = [];
+    for (const rowKey of rowKeys) {
+      if (this._drafts.has(rowKey)) {
+        // Never created on the server — dropping the draft is the whole
+        // delete.
+        this._drafts.delete(rowKey);
+      } else {
+        serverRowKeys.push(rowKey);
+      }
+    }
+
+    const items = serverRowKeys
       .map((key) => this._parent.keyedItems.find((ki) => ki.key === key)?.item)
       .filter((item): item is T => item != null);
     if (items.length === 0) {
@@ -117,6 +244,51 @@ export class MutationState<T, F extends FiltersMap> {
     });
   }
 
+  /**
+   * Nearest row above `rowKey` that a create can anchor on: a server row
+   * that is not a draft and not itself a created row still living as an
+   * optimistic patch. Anchoring one create on another strands the new row
+   * at the top of the table — the core merge repositions created patches
+   * newest-first, so the anchor moves away after the new row is placed.
+   */
+  private _serverAnchorFor(rowKey: string): string | undefined {
+    const keyedItems = this._parent.keyedItems;
+    const start = keyedItems.findIndex((ki) => ki.key === rowKey);
+    for (let i = start - 1; i >= 0; i--) {
+      const key = keyedItems[i].key;
+      if (
+        !this._drafts.has(key) &&
+        !this._pendingCreateKeys.has(key) &&
+        !this._isPatchCreatedRow(key)
+      ) {
+        return key;
+      }
+    }
+    return undefined;
+  }
+
+  private _isPatchCreatedRow(key: string): boolean {
+    return this._optimisticActions.state.patches.some(
+      (patch) =>
+        patch.actionType === 'createMany' && patch.patchedItems.has(key),
+    );
+  }
+
+  private _survivingAnchorAbove(
+    key: string,
+    deleted: Set<string>,
+  ): string | undefined {
+    const keyedItems = this._parent.keyedItems;
+    const start = keyedItems.findIndex((ki) => ki.key === key);
+    for (let i = start - 1; i >= 0; i--) {
+      const k = keyedItems[i].key;
+      if (!deleted.has(k)) {
+        return k;
+      }
+    }
+    return undefined;
+  }
+
   private readonly _submitCreate = async (items: T[]) => {
     const createdItems = await this._handlers.submitCreate(items);
     if (!createdItems) {
@@ -124,16 +296,25 @@ export class MutationState<T, F extends FiltersMap> {
     }
 
     const { itemKey } = this._parent.collection;
-    createdItems.forEach((createdItem, index) => {
-      const submittedItem = items[index];
-      if (!submittedItem) {
-        return;
-      }
+    runInAction(() => {
+      createdItems.forEach((createdItem, index) => {
+        const submittedItem = items[index];
+        if (!submittedItem) {
+          return;
+        }
 
-      this._parent.cellInteraction.replaceRowKey(
-        itemKey(submittedItem),
-        itemKey(createdItem),
-      );
+        const oldKey = itemKey(submittedItem);
+        const newKey = itemKey(createdItem);
+        this._pendingCreateKeys.delete(oldKey);
+        // The server assigned the row a new key — drafts anchored on the
+        // old key must follow the row under its new key.
+        for (const [rowKey, draft] of this._drafts) {
+          if (draft.afterItemKey === oldKey) {
+            this._drafts.set(rowKey, { ...draft, afterItemKey: newKey });
+          }
+        }
+        this._parent.cellInteraction.replaceRowKey(oldKey, newKey);
+      });
     });
 
     return createdItems;

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

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

package/src/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer2701829786__root.CardContainer2701829786--mobile{border-radius:0}.CmsFieldForm575910876__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal1547597840__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection2817891564__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput156194071__field{flex:1;min-width:0}.Collapse2872591563__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2872591563__exit{height:0}.CollectionPage3588957475__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3588957475__root.CollectionPage3588957475--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3588957475__root.CollectionPage3588957475--panel{overflow:hidden;position:relative}.CollectionSectionHeader819861804__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3005289616__root td{vertical-align:middle}.CollectionTable3005289616__root.CollectionTable3005289616--mobile td:first-child{padding-left:18px}.CollectionTable3005289616__root.CollectionTable3005289616--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable923856083__root.CollectionTableWSRTable923856083--resizable table{min-width:100%}.CollectionTableWSRTable923856083__root.CollectionTableWSRTable923856083--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar1135144868__root.CollectionToolbar1135144868--harmony .CollectionToolbar1135144868__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar1135144868__left{min-width:0}.CollectionToolbar1135144868__left.CollectionToolbar1135144868--expandable{flex:auto}.CollectionToolbar1135144868__left.CollectionToolbar1135144868--title>*{width:100%}.CollectionToolbar1135144868__root.CollectionToolbar1135144868---responsiveMode-5-title .CollectionToolbar1135144868__left{flex:1 100;min-width:50px}.CollectionToolbar1135144868__root.CollectionToolbar1135144868---responsiveMode-4-tabs .CollectionToolbar1135144868__left,.CollectionToolbar1135144868__root.CollectionToolbar1135144868---responsiveMode-4-tabs .CollectionToolbar1135144868__left.CollectionToolbar1135144868--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1135144868__root.CollectionToolbar1135144868---responsiveMode-4-tabs .CollectionToolbar1135144868__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1135144868__root .CollectionToolbar1135144868__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1135144868__root.CollectionToolbar1135144868--views .CollectionToolbar1135144868__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1135144868__root.CollectionToolbar1135144868---responsiveMode-4-tabs .CollectionToolbar1135144868__right,.CollectionToolbar1135144868__root.CollectionToolbar1135144868---responsiveMode-5-title .CollectionToolbar1135144868__right{flex:0 1 auto;min-width:0}.CollectionToolbar1135144868__root .CollectionToolbar1135144868__right.CollectionToolbar1135144868__fullWidth{margin-inline-start:0!important}.CollectionToolbar1135144868__root.CollectionToolbar1135144868--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter2288498038__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2288498038__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter2288498038__searchMobile:not(.SearchOrCustomFilter2288498038--expandable){left:18px}.SearchOrCustomFilter2288498038__searchMobile.SearchOrCustomFilter2288498038--expandable.SearchOrCustomFilter2288498038--expanded{left:18px}.AutoCompleteReadonly1062036205__root.AutoCompleteReadonly1062036205--disableEditing{cursor:pointer}.AutoCompleteReadonly1062036205__root.AutoCompleteReadonly1062036205--disableEditing input{cursor:pointer}.ViewsDropdown1304636165__root{width:200px}.DragHandle2031397306__root{display:flex;align-items:center}.DragHandle2031397306__root:not(.DragHandle2031397306--disabled){cursor:grab;color:#a8caff}.DragHandle2031397306__root.DragHandle2031397306--disabled{color:#acafc4}.DragHandle2031397306__root:focus-visible:not(.DragHandle2031397306--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2031397306__root.DragHandle2031397306--disabled{pointer-events:none}.DragHandle2031397306__root.DragHandle2031397306--dragging:not(.DragHandle2031397306--disabled){cursor:grabbing}td:has(>.EditableCell2438834753__root){position:relative;overflow:visible}tr:has(.EditableCell2438834753__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell2438834753__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>.EditableCell2438834753__root{top:0}.EditableCell2438834753__root:hover:not(.EditableCell2438834753--rowActive):not(.EditableCell2438834753--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell2438834753__root.EditableCell2438834753--rowActive:not(.EditableCell2438834753--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell2438834753__root.EditableCell2438834753--rowActive:hover:not(.EditableCell2438834753--focused):not(.EditableCell2438834753--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)}.EditableCell2438834753__root.EditableCell2438834753--focused:not(.EditableCell2438834753--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}.EditableCell2438834753__root.EditableCell2438834753--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell2438834753__root.EditableCell2438834753--editing:not(.EditableCell2438834753--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell2438834753__root.EditableCell2438834753--focused.EditableCell2438834753--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell2438834753__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)}.EditableCell2438834753__root.EditableCell2438834753--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell2438834753__root.EditableCell2438834753--selectionTop:not(.EditableCell2438834753--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell2438834753__root.EditableCell2438834753--selectionBottom:not(.EditableCell2438834753--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2438834753__root.EditableCell2438834753--selectionLeft:not(.EditableCell2438834753--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell2438834753__root.EditableCell2438834753--selectionRight:not(.EditableCell2438834753--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell2438834753__root.EditableCell2438834753--invalid:not(.EditableCell2438834753--editing){background:rgba(229,0,77,.06)}.EditableCell2438834753__root.EditableCell2438834753--copiedTop:not(.EditableCell2438834753--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell2438834753__root.EditableCell2438834753--copiedBottom:not(.EditableCell2438834753--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell2438834753__root.EditableCell2438834753--copiedLeft:not(.EditableCell2438834753--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell2438834753__root.EditableCell2438834753--copiedRight:not(.EditableCell2438834753--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell2438834753__validationIndicator{flex-shrink:0;margin-left:8px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover1257689939__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover1257689939__root,.HeaderActionsPopover1257689939__root[data-menu-open=true],.HeaderActionsPopover1257689939__root:focus-within{opacity:1}.CellViewLayout3574204162__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3574204162__root>*{flex:1;min-width:0}.Edit1532512703__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}.Edit1532512703__addressInput>div,.Edit1532512703__addressInput>div>div,.Edit1532512703__addressInput>div>div>div{width:100%;min-width:0}.Edit2642251512__jsonInput{width:100%;margin-left:-1px}.Edit3246566280__booleanEdit{display:flex;align-items:center;margin-left:8px}.View3824637596__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit3482245964__root{width:100%;height:100%;display:flex;align-items:center}.Edit3715610776__dateInput{width:100%;margin-left:-1px}.Edit1047295334__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit1047295334__dateHalf{flex:60 1 0}.Edit1047295334__timeHalf{flex:40 1 0}.Edit1047295334__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit1047295334__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%}.Edit1047295334__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View208584216__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}.View208584216__datePart{flex:60 1 0}.View208584216__timePart{flex:40 1 0}.View208584216__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View208584216__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2665271290__emailInput{width:100%;margin-left:-1px}.Edit2050596816__numberInput{width:100%;margin-right:2px}.Edit2050596816__numberInput input{text-align:right;direction:ltr}.View554267576__textView{width:100%;text-align:right}.Edit3891975981__jsonInput{width:100%;margin-left:-1px}.Edit652977528__selectInput{width:100%}.Edit414772115__editWrapper{width:100%}.Edit414772115__inputArea{background-color:transparent;width:100%}.Edit414772115__inputArea input,.Edit414772115__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}.Edit414772115__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit414772115__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit414772115__inputArea>div::after{box-shadow:none!important}.Edit414772115__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit414772115__inputArea:not(.Edit414772115--isFocused) textarea{resize:none;overflow:hidden}.Edit414772115__inputArea:not(.Edit414772115--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2219606537__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(
+.CardContainer3291627948__root.CardContainer3291627948--mobile{border-radius:0}.CmsFieldForm1804752447__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal2942131533__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection3910330885__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput3513095947__field{flex:1;min-width:0}.Collapse3887109283__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3887109283__exit{height:0}.CollectionPage3485000139__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3485000139__root.CollectionPage3485000139--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3485000139__root.CollectionPage3485000139--panel{overflow:hidden;position:relative}.CollectionSectionHeader3175988785__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable1794683406__root td{vertical-align:middle}.CollectionTable1794683406__root.CollectionTable1794683406--mobile td:first-child{padding-left:18px}.CollectionTable1794683406__root.CollectionTable1794683406--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3464043921__root.CollectionTableWSRTable3464043921--resizable table{min-width:100%}.CollectionTableWSRTable3464043921__root.CollectionTableWSRTable3464043921--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar409869096__root.CollectionToolbar409869096--harmony .CollectionToolbar409869096__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar409869096__left{min-width:0}.CollectionToolbar409869096__left.CollectionToolbar409869096--expandable{flex:auto}.CollectionToolbar409869096__left.CollectionToolbar409869096--title>*{width:100%}.CollectionToolbar409869096__root.CollectionToolbar409869096---responsiveMode-5-title .CollectionToolbar409869096__left{flex:1 100;min-width:50px}.CollectionToolbar409869096__root.CollectionToolbar409869096---responsiveMode-4-tabs .CollectionToolbar409869096__left,.CollectionToolbar409869096__root.CollectionToolbar409869096---responsiveMode-4-tabs .CollectionToolbar409869096__left.CollectionToolbar409869096--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar409869096__root.CollectionToolbar409869096---responsiveMode-4-tabs .CollectionToolbar409869096__left>*{flex-shrink:1;min-width:0}.CollectionToolbar409869096__root .CollectionToolbar409869096__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar409869096__root.CollectionToolbar409869096--views .CollectionToolbar409869096__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar409869096__root.CollectionToolbar409869096---responsiveMode-4-tabs .CollectionToolbar409869096__right,.CollectionToolbar409869096__root.CollectionToolbar409869096---responsiveMode-5-title .CollectionToolbar409869096__right{flex:0 1 auto;min-width:0}.CollectionToolbar409869096__root .CollectionToolbar409869096__right.CollectionToolbar409869096__fullWidth{margin-inline-start:0!important}.CollectionToolbar409869096__root.CollectionToolbar409869096--mobile:not(.CollectionToolbar409869096--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter313588045__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter313588045__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter313588045__searchMobile:not(.SearchOrCustomFilter313588045--expandable){left:18px}.SearchOrCustomFilter313588045__searchMobile.SearchOrCustomFilter313588045--expandable.SearchOrCustomFilter313588045--expanded{left:18px}.AutoCompleteReadonly3039989885__root.AutoCompleteReadonly3039989885--disableEditing{cursor:pointer}.AutoCompleteReadonly3039989885__root.AutoCompleteReadonly3039989885--disableEditing input{cursor:pointer}.ViewsDropdown3737417169__root{width:200px}.DragHandle4070074763__root{display:flex;align-items:center}.DragHandle4070074763__root:not(.DragHandle4070074763--disabled){cursor:grab;color:#a8caff}.DragHandle4070074763__root.DragHandle4070074763--disabled{color:#acafc4}.DragHandle4070074763__root:focus-visible:not(.DragHandle4070074763--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle4070074763__root.DragHandle4070074763--disabled{pointer-events:none}.DragHandle4070074763__root.DragHandle4070074763--dragging:not(.DragHandle4070074763--disabled){cursor:grabbing}td:has(>.EditableCell1327135477__root){position:relative;overflow:visible}tr:has(.EditableCell1327135477__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell1327135477__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>.EditableCell1327135477__root{top:0}.EditableCell1327135477__root:hover:not(.EditableCell1327135477--rowActive):not(.EditableCell1327135477--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell1327135477__root.EditableCell1327135477--rowActive:not(.EditableCell1327135477--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell1327135477__root.EditableCell1327135477--rowActive:hover:not(.EditableCell1327135477--focused):not(.EditableCell1327135477--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)}.EditableCell1327135477__root.EditableCell1327135477--focused:not(.EditableCell1327135477--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}.EditableCell1327135477__root.EditableCell1327135477--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell1327135477__root.EditableCell1327135477--editing:not(.EditableCell1327135477--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell1327135477__root.EditableCell1327135477--focused.EditableCell1327135477--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell1327135477__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)}.EditableCell1327135477__root.EditableCell1327135477--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell1327135477__root.EditableCell1327135477--selectionTop:not(.EditableCell1327135477--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell1327135477__root.EditableCell1327135477--selectionBottom:not(.EditableCell1327135477--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1327135477__root.EditableCell1327135477--selectionLeft:not(.EditableCell1327135477--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell1327135477__root.EditableCell1327135477--selectionRight:not(.EditableCell1327135477--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell1327135477__root.EditableCell1327135477--invalid:not(.EditableCell1327135477--editing){background:rgba(229,0,77,.06)}.EditableCell1327135477__root.EditableCell1327135477--copiedTop:not(.EditableCell1327135477--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell1327135477__root.EditableCell1327135477--copiedBottom:not(.EditableCell1327135477--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell1327135477__root.EditableCell1327135477--copiedLeft:not(.EditableCell1327135477--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell1327135477__root.EditableCell1327135477--copiedRight:not(.EditableCell1327135477--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell1327135477__validationIndicator{flex-shrink:0;margin-left:8px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover4222929682__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover4222929682__root,.HeaderActionsPopover4222929682__root[data-menu-open=true],.HeaderActionsPopover4222929682__root:focus-within{opacity:1}.CellViewLayout1504297684__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout1504297684__root>*{flex:1;min-width:0}.Edit4033203347__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}.Edit4033203347__addressInput>div,.Edit4033203347__addressInput>div>div,.Edit4033203347__addressInput>div>div>div{width:100%;min-width:0}.Edit2632208104__jsonInput{width:100%;margin-left:-1px}.Edit1712396097__booleanEdit{display:flex;align-items:center;margin-left:8px}.View3455639257__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit940945430__root{width:100%;height:100%;display:flex;align-items:center}.Edit2416414059__dateInput{width:100%;margin-left:-1px}.Edit944008074__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit944008074__dateHalf{flex:60 1 0}.Edit944008074__timeHalf{flex:40 1 0}.Edit944008074__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit944008074__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%}.Edit944008074__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View2762908498__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}.View2762908498__datePart{flex:60 1 0}.View2762908498__timePart{flex:40 1 0}.View2762908498__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View2762908498__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit145852282__emailInput{width:100%;margin-left:-1px}.Edit3218579053__numberInput{width:100%;margin-right:2px}.Edit3218579053__numberInput input{text-align:right;direction:ltr}.View2006101578__textView{width:100%;text-align:right}.Edit1381266188__jsonInput{width:100%;margin-left:-1px}.Edit1908424692__selectInput{width:100%}.Edit2412777369__editWrapper{width:100%}.Edit2412777369__inputArea{background-color:transparent;width:100%}.Edit2412777369__inputArea input,.Edit2412777369__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}.Edit2412777369__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2412777369__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2412777369__inputArea>div::after{box-shadow:none!important}.Edit2412777369__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2412777369__inputArea:not(.Edit2412777369--isFocused) textarea{resize:none;overflow:hidden}.Edit2412777369__inputArea:not(.Edit2412777369--isFocused) textarea::-webkit-scrollbar{display:none}.Edit3264909659__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
-  )}.Edit2219606537__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit1322669621__urlInput{width:100%;margin-left:-1px}.View3734265908__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3734265908__urlText{flex:1;min-width:0}.View3734265908__suffix{flex-shrink:0;margin-left:10px}.View3734265908__textView.View3734265908--suffixOnHover:not(:hover) .View3734265908__suffix{display:none}.EntityPagePlain2692998454__root.EntityPagePlain2692998454--mobile{--wds-page-header-padding-horizontal:0}.Fade3689079287__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3689079287__root.Fade3689079287--exit{opacity:0}.Heading3419941747__root{visibility:visible}.Heading3419941747__root.Heading3419941747--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3378734560__fileUpload{width:100%}.InputOverflow1209138119__root.InputOverflow1209138119--selected:not(.InputOverflow1209138119--focused) input::placeholder{color:#000624}@keyframes LoadingRow185549771__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%}}.LoadingRow185549771__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:LoadingRow185549771__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText106716902__root{opacity:1}.MaxHeightText106716902__root.MaxHeightText106716902--height24{line-height:24px}.MaxLines409913796__root{overflow:hidden}.MaxLines409913796__root.MaxLines409913796--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar4137537886__root{min-width:0}.MultiBulkActionToolbar4137537886__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar4137537886__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar4137537886__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow4008336872__root td{padding:0!important;width:100%}.NestedTableRow1941031690__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1941031690__root:hover{background-color:#e7f0ff!important}.NestedTableRow1941031690__root.NestedTableRow1941031690--expandable{cursor:pointer}.NestedTableRow1941031690__placeholder td{padding:0!important;width:100%}.NestedTableRow1941031690__root:hover td:first-of-type::before,.NestedTableRow1941031690__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3191206267__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow1435116602__root.NestedTableDragAndDropRow1435116602--draggingInto td{background-color:#e7f0ff!important}.PickerContent1981815248__root{display:flex}.PickerContentAdditionalStep564735449__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep564735449__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3360675323__root{box-sizing:border-box}.ScrollableContent570415530__root.ScrollableContent570415530--overflowY{overflow-y:auto}.ScrollableContent570415530__root.ScrollableContent570415530--overflowX{overflow-x:auto}.ScrollableContent570415530__root.ScrollableContent570415530--smooth{scroll-behavior:smooth}.SetupWidget4282571245__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))}.SetupWidget4282571245__row.SetupWidget4282571245--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget4282571245__row.SetupWidget4282571245--focused.SetupWidget4282571245--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget4282571245__completedCta{opacity:0;transition:opacity .25s ease-in-out}.SetupWidget4282571245__row:hover .SetupWidget4282571245__completedCta,.SetupWidget4282571245__row:focus-within .SetupWidget4282571245__completedCta{opacity:1}.SetupWidget4282571245__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}.SetupWidget4282571245__card.SetupWidget4282571245--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget4282571245__card.SetupWidget4282571245--clickable{cursor:pointer}.SetupWidget4282571245__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget4282571245__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget4282571245__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget4282571245__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard3264404199__headerLoading{display:block!important}.SlidingModal1088809015__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1088809015__root.SlidingModal1088809015--overlay{transition:transform 0s ease 0s}.SlidingModal1088809015__root.SlidingModal1088809015---appendTo-6-parent{position:absolute}.SlidingModal1088809015__root:not(.SlidingModal1088809015--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader3849828666__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader3849828666__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader3849828666__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}.TabsFilter3586451056__root .TabsFilter3586451056__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter3586451056__root.TabsFilter3586451056--selected .TabsFilter3586451056__title,.TabsFilter3586451056__root:hover .TabsFilter3586451056__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal2897725672__root{display:flex}.ManageTagsModal2897725672__root.ManageTagsModal2897725672--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal2897725672__root.ManageTagsModal2897725672--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem326594590__root{min-width:0}.ToolbarItemBox3039701418__root{min-width:0}.ToolbarItemBox3039701418__root.ToolbarItemBox3039701418--removeStartPadding{margin-left:-24px}.ToolbarItemBox3039701418__root.ToolbarItemBox3039701418--expandable{flex:1 0}.common2940309204__column{display:flex;flex-direction:column}.common2940309204__fullHeight{height:100%;min-height:0}.CollectionPageHeader588315468__root:not(.CollectionPageHeader588315468--mobile){gap:12px}.CollectionPageHeader588315468__root.CollectionPageHeader588315468--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader588315468__root.CollectionPageHeader588315468--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3326607256__root.FormPageHeader3326607256--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3326607256__root.FormPageHeader3326607256--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+  )}.Edit3264909659__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit522616875__urlInput{width:100%;margin-left:-1px}.View2843952051__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View2843952051__urlText{flex:1;min-width:0}.View2843952051__suffix{flex-shrink:0;margin-left:10px}.View2843952051__textView.View2843952051--suffixOnHover:not(:hover) .View2843952051__suffix{display:none}.EmptyStateBase3827957578__root{min-height:230px;align-items:center}.EntityPagePlain3524544437__root.EntityPagePlain3524544437--mobile{--wds-page-header-padding-horizontal:0}.Fade4041425303__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade4041425303__root.Fade4041425303--exit{opacity:0}.Heading2959663805__root{visibility:visible}.Heading2959663805__root.Heading2959663805--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload4192638496__fileUpload{width:100%}.InputOverflow2262845997__root.InputOverflow2262845997--selected:not(.InputOverflow2262845997--focused) input::placeholder{color:#000624}@keyframes LoadingRow2081305249__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%}}.LoadingRow2081305249__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:LoadingRow2081305249__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2867209384__root{opacity:1}.MaxHeightText2867209384__root.MaxHeightText2867209384--height24{line-height:24px}.MaxLines4181318915__root{overflow:hidden}.MaxLines4181318915__root.MaxLines4181318915--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3837315458__root{min-width:0}.MultiBulkActionToolbar3837315458__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3837315458__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3837315458__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3880183558__root td{padding:0!important;width:100%}.NestedTableRow4032185650__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow4032185650__root:hover{background-color:#e7f0ff!important}.NestedTableRow4032185650__root.NestedTableRow4032185650--expandable{cursor:pointer}.NestedTableRow4032185650__placeholder td{padding:0!important;width:100%}.NestedTableRow4032185650__root:hover td:first-of-type::before,.NestedTableRow4032185650__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1165270204__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow3178503355__root.NestedTableDragAndDropRow3178503355--draggingInto td{background-color:#e7f0ff!important}.PickerContent930151585__root{display:flex}.PickerContentAdditionalStep1693186447__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1693186447__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3497975178__root{box-sizing:border-box}.ScrollableContent736114623__root.ScrollableContent736114623--overflowY{overflow-y:auto}.ScrollableContent736114623__root.ScrollableContent736114623--overflowX{overflow-x:auto}.ScrollableContent736114623__root.ScrollableContent736114623--smooth{scroll-behavior:smooth}.SetupWidget1282089645__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))}.SetupWidget1282089645__row.SetupWidget1282089645--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget1282089645__row.SetupWidget1282089645--focused.SetupWidget1282089645--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget1282089645__completedCta{opacity:0;transition:opacity .25s ease-in-out}.SetupWidget1282089645__row:hover .SetupWidget1282089645__completedCta,.SetupWidget1282089645__row:focus-within .SetupWidget1282089645__completedCta{opacity:1}.SetupWidget1282089645__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}.SetupWidget1282089645__card.SetupWidget1282089645--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget1282089645__card.SetupWidget1282089645--clickable{cursor:pointer}.SetupWidget1282089645__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget1282089645__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget1282089645__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget1282089645__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard304981479__headerLoading{display:block!important}.SlidingModal1492185790__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1492185790__root.SlidingModal1492185790--overlay{transition:transform 0s ease 0s}.SlidingModal1492185790__root.SlidingModal1492185790---appendTo-6-parent{position:absolute}.SlidingModal1492185790__root.SlidingModal1492185790--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal1492185790__root:not(.SlidingModal1492185790--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader1736342762__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader1736342762__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader1736342762__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}.TabsFilter261584330__root .TabsFilter261584330__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter261584330__root.TabsFilter261584330--selected .TabsFilter261584330__title,.TabsFilter261584330__root:hover .TabsFilter261584330__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal1286226300__root{display:flex}.ManageTagsModal1286226300__root.ManageTagsModal1286226300--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal1286226300__root.ManageTagsModal1286226300--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem1478653332__root{min-width:0}.ToolbarItemBox600544798__root{min-width:0}.ToolbarItemBox600544798__root.ToolbarItemBox600544798--removeStartPadding{margin-left:-24px}.ToolbarItemBox600544798__root.ToolbarItemBox600544798--expandable{flex:1 0}.common3516106445__column{display:flex;flex-direction:column}.common3516106445__fullHeight{height:100%;min-height:0}.CollectionPageHeader2043964325__root:not(.CollectionPageHeader2043964325--mobile){gap:12px}.CollectionPageHeader2043964325__root.CollectionPageHeader2043964325--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2043964325__root.CollectionPageHeader2043964325--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3437938474__root.FormPageHeader3437938474--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3437938474__root.FormPageHeader3437938474--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.437.0';
+export const version = 'patterns@1.438.0';