@wix/patterns 1.434.0 → 1.437.0

package/src/components/SetupWidget/SetupWidget.uni.driver.ts

@@ -2,6 +2,7 @@ import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
 import { baseUniDriverFactory } from '../../unidriver';
 import {
   ButtonUniDriver,
+  ClickableCardUniDriver,
   TextButtonUniDriver,
 } from '@wix/design-system/dist/testkit/unidriver';
 
@@ -15,6 +16,9 @@ export default (base: UniDriver, body: UniDriver) => {
   const stepCta = (id: string) =>
     ButtonUniDriver(base.$(`[data-hook="setup-step-cta-${id}"]`), body);
 
+  const stepCard = (id: string) =>
+    ClickableCardUniDriver(base.$(`[data-hook="setup-step-${id}"]`), body);
+
   return {
     /** Widget title text. */
     getTitle: () => base.$(`[data-hook="setup-widget-title"]`).text(),
@@ -27,8 +31,10 @@ export default (base: UniDriver, body: UniDriver) => {
     /** Whether a given step row/card is rendered. */
     stepExists: (id: string) =>
       base.$(`[data-hook="setup-step-${id}"]`).exists(),
-    /** Click a step's row/card (triggers inline toggle or navigate). */
+    /** Click a step's row/card. */
     clickStep: (id: string) => base.$(`[data-hook="setup-step-${id}"]`).click(),
+    /** Click a desktop step card's activation overlay. */
+    clickStepCard: (id: string) => stepCard(id).click(),
     /** Click a step's CTA button. */
     clickStepCta: (id: string) => stepCta(id).click(),
     /** Whether a step's CTA is rendered. */
@@ -40,6 +46,11 @@ export default (base: UniDriver, body: UniDriver) => {
     /** Whether a step's inline-expansion content is shown. */
     isStepExpanded: (id: string) =>
       base.$(`[data-hook="setup-step-content-${id}"]`).exists(),
+    /** Inline content must be lifted over the card's activation overlay. */
+    getInlineContentActionStyle: (id: string) =>
+      base
+        .$(`[data-hook="setup-step-content-action-${id}"]`)
+        .attr('style'),
     /** Whether a step row/card is the single focused ("next") step. */
     isStepFocused: (id: string) =>
       base

package/src/components/SetupWidget/SetupWidgetSkeleton.tsx

@@ -69,7 +69,7 @@ export const SetupWidgetSkeleton = ({
             minHeight="30px"
             verticalAlign="middle"
             border="1px solid"
-            borderColor="D60"
+            borderColor="var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))"
             borderRadius={isMobile ? '8px' : '4px'}
           >
             <Line width="40%" />

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard2938728785";
+var _namespace_ = "SkeletonCard3264404199";
 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":"SkeletonCard2938728785__root","headerLoading":"SkeletonCard2938728785__headerLoading"};
+export var classes = {"root":"SkeletonCard3264404199__root","headerLoading":"SkeletonCard3264404199__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AddFieldColumnHeader1409429537";
+var _namespace_ = "AddFieldColumnHeader3849828666";
 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":"AddFieldColumnHeader1409429537__root","title":"AddFieldColumnHeader1409429537__title","hoverBridge":"AddFieldColumnHeader1409429537__hoverBridge"};
+export var classes = {"root":"AddFieldColumnHeader3849828666__root","title":"AddFieldColumnHeader3849828666__title","hoverBridge":"AddFieldColumnHeader3849828666__hoverBridge"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/TabsFilter/TabTitle.tsx

@@ -1,6 +1,7 @@
 import { Box, Text } from '@wix/design-system';
 import React, { useEffect, ReactNode, useRef } from 'react';
 import { observer } from 'mobx-react-lite';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 import { TabsResponsiveState } from './TabsResponsiveState';
 import { classes, st } from './TabsFilter.st.css.js';
 
@@ -23,6 +24,7 @@ function _TabTitle<V>({
 }: TabTitleProps<V>) {
   const badge = counterBadge?.(value);
   const badgeRef = useRef<HTMLSpanElement>();
+  const isBmHarmonyTheme = useBmHarmonyTheme();
 
   useEffect(() => {
     if (badgeRef.current) {
@@ -42,7 +44,12 @@ function _TabTitle<V>({
       align="center"
     >
       <Box maxWidth={state.itemMaxWidth} flexShrink={1} minWidth={0}>
-        <Text className={st(classes.title)} dataHook="title-text" ellipsis>
+        <Text
+          className={st(classes.title)}
+          dataHook="title-text"
+          ellipsis
+          size={isBmHarmonyTheme ? 'small' : undefined}
+        >
           {text}
         </Text>
       </Box>

package/src/components/TabsFilter/TabsFilter.st.css

@@ -1,12 +1,8 @@
 @property st-global(--wds-color-text-standard-primary);
 @property st-global(--wds-tabs-label-fill);
 @property st-global(--wds-tabs-label-fill-active);
-@property st-global(--wds-tabs-label-font-size-medium);
-@property st-global(--wds-tabs-label-line-height-medium);
 @property st-global(--wsr-color-B10);
 @property st-global(--wsr-color-D10);
-@property st-global(--wsr-text-font-size-medium);
-@property st-global(--wsr-text-line-height-medium);
 
 .root {
   -st-states: selected;
@@ -14,8 +10,6 @@
 
 .root .title {
   color: var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)));
-  font-size: var(--wds-tabs-label-font-size-medium, var(--wsr-text-font-size-medium, 16px));
-  line-height: var(--wds-tabs-label-line-height-medium, var(--wsr-text-line-height-medium, 22px));
 }
 
 .root:selected .title,

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter2813371047";
+var _namespace_ = "TabsFilter3586451056";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"TabsFilter2813371047__root","title":"TabsFilter2813371047__title"};
+export var classes = {"root":"TabsFilter3586451056__root","title":"TabsFilter3586451056__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-tabs-label-fill":"--wds-tabs-label-fill","wds-tabs-label-fill-active":"--wds-tabs-label-fill-active","wds-tabs-label-font-size-medium":"--wds-tabs-label-font-size-medium","wds-tabs-label-line-height-medium":"--wds-tabs-label-line-height-medium","wsr-color-B10":"--wsr-color-B10","wsr-color-D10":"--wsr-color-D10","wsr-text-font-size-medium":"--wsr-text-font-size-medium","wsr-text-line-height-medium":"--wsr-text-line-height-medium"}; 
+export var vars = {"wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-tabs-label-fill":"--wds-tabs-label-fill","wds-tabs-label-fill-active":"--wds-tabs-label-fill-active","wsr-color-B10":"--wsr-color-B10","wsr-color-D10":"--wsr-color-D10"}; 
 
 
 

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal2370684890";
+var _namespace_ = "ManageTagsModal2897725672";
 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":"ManageTagsModal2370684890__root"};
+export var classes = {"root":"ManageTagsModal2897725672__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common3154596631";
+var _namespace_ = "common2940309204";
 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":"common3154596631__root","column":"common3154596631__column","fullHeight":"common3154596631__fullHeight"};
+export var classes = {"root":"common2940309204__root","column":"common2940309204__column","fullHeight":"common2940309204__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_ = "CollectionPageHeader3390935773";
+var _namespace_ = "CollectionPageHeader588315468";
 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":"CollectionPageHeader3390935773__root"};
+export var classes = {"root":"CollectionPageHeader588315468__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/EditableTable/CellInteractionState.ts

@@ -71,6 +71,7 @@ export class CellInteractionState<T, F extends FiltersMap> {
     this.selectedCells.clear();
     this.selectedCells.add(cellKey(rowKey, columnId));
     this.selectionAnchor = { rowKey, columnId };
+    this._parent.cellValue.flushDrafts(rowKey);
   }
 
   clearFocus() {
@@ -78,6 +79,7 @@ export class CellInteractionState<T, F extends FiltersMap> {
     this.selectedCells.clear();
     this.selectionAnchor = null;
     this.cancelEdit();
+    this._parent.cellValue.flushDrafts();
   }
 
   replaceRowKey(oldRowKey: string, newRowKey: string) {

package/src/state/EditableTable/CellValueState.ts

@@ -16,6 +16,13 @@ export class CellValueState<T, F extends FiltersMap> {
   /** Pending invalid cell values, keyed by `${itemId}:${colId}`. */
   readonly _pendingCells = new Map<string, { value: any; errors: string[] }>();
 
+  /** Valid committed values not yet saved, keyed by `${itemId}:${colId}`.
+   *  Each row's drafts are flushed as one update when focus leaves the row. */
+  readonly _draftCells = new Map<
+    string,
+    { rowKey: string; columnId: string; value: any }
+  >();
+
   private readonly _parent: EditableTableState<T, F>;
   private readonly _extraCellTypes: Map<string, CellType>;
 
@@ -28,12 +35,14 @@ export class CellValueState<T, F extends FiltersMap> {
 
     makeObservable(this, {
       _pendingCells: observable,
+      _draftCells: observable,
       _cellTypeMap: computed,
       clearCells: action,
       toggleCell: action,
       commitHandler: action,
       applyBulkRawValues: action,
       applyBulkValues: action,
+      flushDrafts: action,
     });
   }
 
@@ -66,6 +75,10 @@ export class CellValueState<T, F extends FiltersMap> {
     if (pending) {
       return pending.value;
     }
+    const draft = this._getDraftCell(rowKey, columnId);
+    if (draft) {
+      return draft.value;
+    }
     const column = this._parent._columnMap.get(columnId);
     const keyedItem = this._parent._getKeyedItem(rowKey);
     return column && keyedItem ? column.getValue(keyedItem.item) : undefined;
@@ -119,8 +132,7 @@ export class CellValueState<T, F extends FiltersMap> {
       return '';
     }
     const resolved = this.resolveCellTypeByColumnId(column.id);
-    const pending = this._getPendingCell(rowKey, columnId);
-    const value = pending ? pending.value : column.getValue(keyedItem.item);
+    const value = this.getCellDisplayValue(rowKey, columnId);
     return resolved.serialize ? resolved.serialize(value) : String(value ?? '');
   }
 
@@ -166,10 +178,9 @@ export class CellValueState<T, F extends FiltersMap> {
       return;
     }
 
-    const value = column.getValue(keyedItem.item);
+    const value = this.getCellDisplayValue(rowKey, columnId);
     const newValue = resolved.toggleValue(value);
-    const updatedItem = column.setValue(keyedItem.item, newValue);
-    this._parent.mutation.updateItems([updatedItem]);
+    this._applyValue(rowKey, columnId, newValue);
   }
 
   /** Commit handler — used as callback for CellInteractionState. */
@@ -191,6 +202,14 @@ export class CellValueState<T, F extends FiltersMap> {
     return key ? this._pendingCells.get(key) : undefined;
   }
 
+  private _getDraftCell(
+    rowKey: string,
+    columnId: string,
+  ): { value: any } | undefined {
+    const key = this._pendingCellKey(rowKey, columnId);
+    return key ? this._draftCells.get(key) : undefined;
+  }
+
   private _pendingCellKey(
     rowKey: string,
     columnId: string,
@@ -282,7 +301,9 @@ export class CellValueState<T, F extends FiltersMap> {
         if (pendingKey) {
           this._pendingCells.delete(pendingKey);
         }
-        const currentItem = rowItems.get(rowKey) ?? keyedItem.item;
+        const currentItem =
+          rowItems.get(rowKey) ??
+          this._consumeRowDrafts(rowKey, keyedItem.item);
         rowItems.set(rowKey, column.setValue(currentItem, value));
       } else if (pendingKey) {
         this._pendingCells.set(pendingKey, {
@@ -311,12 +332,13 @@ export class CellValueState<T, F extends FiltersMap> {
     );
     const pendingKey = this._pendingCellKey(rowKey, columnId);
 
-    if (result.valid) {
-      if (pendingKey) {
-        this._pendingCells.delete(pendingKey);
-      }
-      const updatedItem = column.setValue(keyedItem.item, value);
-      this._parent.mutation.updateItems([updatedItem]);
+    if (result.valid && pendingKey) {
+      this._pendingCells.delete(pendingKey);
+      this._draftCells.set(pendingKey, {
+        rowKey: keyedItem.key,
+        columnId: column.id,
+        value,
+      });
     } else if (pendingKey) {
       this._pendingCells.set(pendingKey, {
         value,
@@ -324,4 +346,49 @@ export class CellValueState<T, F extends FiltersMap> {
       });
     }
   }
+
+  flushDrafts(exceptRowKey?: string) {
+    const rowKeys = new Set<string>();
+    for (const entry of this._draftCells.values()) {
+      if (entry.rowKey !== exceptRowKey) {
+        rowKeys.add(entry.rowKey);
+      }
+    }
+
+    const items: T[] = [];
+    for (const rowKey of rowKeys) {
+      const keyedItem = this._parent._getKeyedItem(rowKey);
+      if (keyedItem) {
+        items.push(this._consumeRowDrafts(rowKey, keyedItem.item));
+      } else {
+        this._dropRowDrafts(rowKey);
+      }
+    }
+    if (items.length > 0) {
+      this._parent.mutation.updateItems(items);
+    }
+  }
+
+  private _consumeRowDrafts(rowKey: string, item: T): T {
+    for (const [key, entry] of this._draftCells) {
+      if (entry.rowKey !== rowKey) {
+        continue;
+      }
+      const column = this._parent._columnMap.get(entry.columnId);
+      if (column?.setValue) {
+        item = column.setValue(item, entry.value);
+      }
+      this._draftCells.delete(key);
+    }
+    return item;
+  }
+
+  /** Drop a row's draft entries without saving (the row no longer exists). */
+  private _dropRowDrafts(rowKey: string) {
+    for (const [key, entry] of this._draftCells) {
+      if (entry.rowKey === rowKey) {
+        this._draftCells.delete(key);
+      }
+    }
+  }
 }

package/src/state/EditableTable/EditableTableState.ts

@@ -261,7 +261,11 @@ export class EditableTableState<T, F extends FiltersMap>
 
   init(columns: EditableColumn<T>[]) {
     this._providedColumns = columns;
-    return this.mutation.init();
+    const disposeMutation = this.mutation.init();
+    return () => {
+      this.cellValue.flushDrafts();
+      disposeMutation();
+    };
   }
 
   addItem(afterItemKey?: string): string {

package/src/state/EditableTable/utils.ts

@@ -43,6 +43,13 @@ function checkValidationRule(rule: ValidationRule, value: any): boolean {
       return typeof value === 'string' && rule.value.test(value);
     case 'custom':
       return rule.validate(value);
+    case 'specificValues':
+      return (
+        value == null ||
+        value === '' ||
+        (typeof value === 'string' &&
+          rule.values.some((option) => option.id === value))
+      );
     default:
       return true;
   }

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

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

package/src/state/buildEditableFieldColumns.ts

@@ -69,6 +69,13 @@ function toValidationRules(field: Field): ValidationRule[] {
       message: '',
     });
   }
+  if (v.specificValues?.length) {
+    rules.push({
+      type: 'specificValues',
+      values: v.specificValues,
+      message: `${field.displayName} must be one of the allowed values`,
+    });
+  }
   return rules;
 }
 

package/src/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer892613341__root.CardContainer892613341--mobile{border-radius:0}.CmsFieldForm949764821__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal1471165315__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection3796101284__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput1565385755__field{flex:1;min-width:0}.Collapse2393188252__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2393188252__exit{height:0}.CollectionPage2115536449__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2115536449__root.CollectionPage2115536449--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2115536449__root.CollectionPage2115536449--panel{overflow:hidden;position:relative}.CollectionSectionHeader3526530237__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2481738602__root td{vertical-align:middle}.CollectionTable2481738602__root.CollectionTable2481738602--mobile td:first-child{padding-left:18px}.CollectionTable2481738602__root.CollectionTable2481738602--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3520584632__root.CollectionTableWSRTable3520584632--resizable table{min-width:100%}.CollectionTableWSRTable3520584632__root.CollectionTableWSRTable3520584632--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar3918320737__root.CollectionToolbar3918320737--harmony .CollectionToolbar3918320737__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar3918320737__left{min-width:0}.CollectionToolbar3918320737__left.CollectionToolbar3918320737--expandable{flex:auto}.CollectionToolbar3918320737__left.CollectionToolbar3918320737--title>*{width:100%}.CollectionToolbar3918320737__root.CollectionToolbar3918320737---responsiveMode-5-title .CollectionToolbar3918320737__left{flex:1 100;min-width:50px}.CollectionToolbar3918320737__root.CollectionToolbar3918320737---responsiveMode-4-tabs .CollectionToolbar3918320737__left,.CollectionToolbar3918320737__root.CollectionToolbar3918320737---responsiveMode-4-tabs .CollectionToolbar3918320737__left.CollectionToolbar3918320737--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3918320737__root.CollectionToolbar3918320737---responsiveMode-4-tabs .CollectionToolbar3918320737__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3918320737__root .CollectionToolbar3918320737__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3918320737__root.CollectionToolbar3918320737--views .CollectionToolbar3918320737__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3918320737__root.CollectionToolbar3918320737---responsiveMode-4-tabs .CollectionToolbar3918320737__right,.CollectionToolbar3918320737__root.CollectionToolbar3918320737---responsiveMode-5-title .CollectionToolbar3918320737__right{flex:0 1 auto;min-width:0}.CollectionToolbar3918320737__root .CollectionToolbar3918320737__right.CollectionToolbar3918320737__fullWidth{margin-inline-start:0!important}.CollectionToolbar3918320737__root.CollectionToolbar3918320737--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter33704318__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter33704318__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter33704318__searchMobile:not(.SearchOrCustomFilter33704318--expandable){left:18px}.SearchOrCustomFilter33704318__searchMobile.SearchOrCustomFilter33704318--expandable.SearchOrCustomFilter33704318--expanded{left:18px}.AutoCompleteReadonly257985153__root.AutoCompleteReadonly257985153--disableEditing{cursor:pointer}.AutoCompleteReadonly257985153__root.AutoCompleteReadonly257985153--disableEditing input{cursor:pointer}.ViewsDropdown3946390091__root{width:200px}.DragHandle3580633791__root{display:flex;align-items:center}.DragHandle3580633791__root:not(.DragHandle3580633791--disabled){cursor:grab;color:#a8caff}.DragHandle3580633791__root.DragHandle3580633791--disabled{color:#acafc4}.DragHandle3580633791__root:focus-visible:not(.DragHandle3580633791--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3580633791__root.DragHandle3580633791--disabled{pointer-events:none}.DragHandle3580633791__root.DragHandle3580633791--dragging:not(.DragHandle3580633791--disabled){cursor:grabbing}td:has(>.EditableCell4238353398__root){position:relative;overflow:visible}tr:has(.EditableCell4238353398__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell4238353398__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>.EditableCell4238353398__root{top:0}.EditableCell4238353398__root:hover:not(.EditableCell4238353398--rowActive):not(.EditableCell4238353398--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell4238353398__root.EditableCell4238353398--rowActive:not(.EditableCell4238353398--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell4238353398__root.EditableCell4238353398--rowActive:hover:not(.EditableCell4238353398--focused):not(.EditableCell4238353398--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)}.EditableCell4238353398__root.EditableCell4238353398--focused:not(.EditableCell4238353398--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}.EditableCell4238353398__root.EditableCell4238353398--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell4238353398__root.EditableCell4238353398--editing:not(.EditableCell4238353398--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell4238353398__root.EditableCell4238353398--focused.EditableCell4238353398--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell4238353398__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)}.EditableCell4238353398__root.EditableCell4238353398--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell4238353398__root.EditableCell4238353398--selectionTop:not(.EditableCell4238353398--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell4238353398__root.EditableCell4238353398--selectionBottom:not(.EditableCell4238353398--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell4238353398__root.EditableCell4238353398--selectionLeft:not(.EditableCell4238353398--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell4238353398__root.EditableCell4238353398--selectionRight:not(.EditableCell4238353398--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell4238353398__root.EditableCell4238353398--invalid:not(.EditableCell4238353398--editing){background:rgba(229,0,77,.06)}.EditableCell4238353398__root.EditableCell4238353398--copiedTop:not(.EditableCell4238353398--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell4238353398__root.EditableCell4238353398--copiedBottom:not(.EditableCell4238353398--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell4238353398__root.EditableCell4238353398--copiedLeft:not(.EditableCell4238353398--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell4238353398__root.EditableCell4238353398--copiedRight:not(.EditableCell4238353398--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell4238353398__validationIndicator{flex-shrink:0;margin-left:8px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover1458022149__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover1458022149__root,.HeaderActionsPopover1458022149__root[data-menu-open=true],.HeaderActionsPopover1458022149__root:focus-within{opacity:1}.CellViewLayout2274258535__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2274258535__root>*{flex:1;min-width:0}.Edit2525511369__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}.Edit2525511369__addressInput>div,.Edit2525511369__addressInput>div>div,.Edit2525511369__addressInput>div>div>div{width:100%;min-width:0}.Edit2981320112__jsonInput{width:100%;margin-left:-1px}.Edit4150083857__booleanEdit{display:flex;align-items:center;margin-left:8px}.View772475961__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit770452658__root{width:100%;height:100%;display:flex;align-items:center}.Edit4239755524__dateInput{width:100%;margin-left:-1px}.Edit4259770619__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit4259770619__dateHalf{flex:60 1 0}.Edit4259770619__timeHalf{flex:40 1 0}.Edit4259770619__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit4259770619__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%}.Edit4259770619__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View4034504375__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}.View4034504375__datePart{flex:60 1 0}.View4034504375__timePart{flex:40 1 0}.View4034504375__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View4034504375__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3518008869__emailInput{width:100%;margin-left:-1px}.Edit3123858299__numberInput{width:100%;margin-right:2px}.Edit3123858299__numberInput input{text-align:right;direction:ltr}.View3131273237__textView{width:100%;text-align:right}.Edit4094000354__jsonInput{width:100%;margin-left:-1px}.Edit678433903__selectInput{width:100%}.Edit1380780013__editWrapper{width:100%}.Edit1380780013__inputArea{background-color:transparent;width:100%}.Edit1380780013__inputArea input,.Edit1380780013__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}.Edit1380780013__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1380780013__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit1380780013__inputArea>div::after{box-shadow:none!important}.Edit1380780013__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1380780013__inputArea:not(.Edit1380780013--isFocused) textarea{resize:none;overflow:hidden}.Edit1380780013__inputArea:not(.Edit1380780013--isFocused) textarea::-webkit-scrollbar{display:none}.Edit1089604992__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(
+.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(
     --wds-font-line-height-body-small
-  )}.Edit1089604992__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit1905676537__urlInput{width:100%;margin-left:-1px}.View379792089__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View379792089__urlText{flex:1;min-width:0}.View379792089__suffix{flex-shrink:0;margin-left:10px}.View379792089__textView.View379792089--suffixOnHover:not(:hover) .View379792089__suffix{display:none}.EntityPagePlain3658276137__root.EntityPagePlain3658276137--mobile{--wds-page-header-padding-horizontal:0}.Fade3842269714__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3842269714__root.Fade3842269714--exit{opacity:0}.Heading1047267685__root{visibility:visible}.Heading1047267685__root.Heading1047267685--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2184561826__fileUpload{width:100%}.InputOverflow76574458__root.InputOverflow76574458--selected:not(.InputOverflow76574458--focused) input::placeholder{color:#000624}@keyframes LoadingRow1130441557__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%}}.LoadingRow1130441557__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:LoadingRow1130441557__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1050269616__root{opacity:1}.MaxHeightText1050269616__root.MaxHeightText1050269616--height24{line-height:24px}.MaxLines1963498891__root{overflow:hidden}.MaxLines1963498891__root.MaxLines1963498891--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3848768586__root{min-width:0}.MultiBulkActionToolbar3848768586__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3848768586__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3848768586__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1090080776__root td{padding:0!important;width:100%}.NestedTableRow2441062097__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2441062097__root:hover{background-color:#e7f0ff!important}.NestedTableRow2441062097__root.NestedTableRow2441062097--expandable{cursor:pointer}.NestedTableRow2441062097__placeholder td{padding:0!important;width:100%}.NestedTableRow2441062097__root:hover td:first-of-type::before,.NestedTableRow2441062097__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2325489378__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)}.NestedTableDragAndDropRow4280626577__root.NestedTableDragAndDropRow4280626577--draggingInto td{background-color:#e7f0ff!important}.PickerContent2797420304__root{display:flex}.PickerContentAdditionalStep1055771732__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1055771732__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem4154832707__root{box-sizing:border-box}.ScrollableContent2990159044__root.ScrollableContent2990159044--overflowY{overflow-y:auto}.ScrollableContent2990159044__root.ScrollableContent2990159044--overflowX{overflow-x:auto}.ScrollableContent2990159044__root.ScrollableContent2990159044--smooth{scroll-behavior:smooth}.SetupWidget122544272__row{display:flex;flex-direction:column;padding:var(--wds-space-100, 6px);border-radius:var(--wds-border-radius-200, 4px);border:1px solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB));background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));overflow:clip}.SetupWidget122544272__row.SetupWidget122544272--clickable{cursor:pointer}.SetupWidget122544272__row.SetupWidget122544272--hoverable:hover{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));border-color:var(--wds-color-border-standard-secondary, var(--wsr-color-B40, #D6E6FE))}.SetupWidget122544272__row.SetupWidget122544272--focused{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));border-color:var(--wds-color-border-standard-primary, var(--wsr-color-B30, #A8CAFF))}.SetupWidget122544272__completedCta{opacity:0;transition:opacity .25s ease-in-out}.SetupWidget122544272__row:hover .SetupWidget122544272__completedCta,.SetupWidget122544272__row:focus-within .SetupWidget122544272__completedCta{opacity:1}.SetupWidget122544272__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}.SetupWidget122544272__card.SetupWidget122544272--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget122544272__card.SetupWidget122544272--clickable{cursor:pointer}.SetupWidget122544272__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget122544272__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget122544272__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget122544272__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard2938728785__headerLoading{display:block!important}.SlidingModal2563845956__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2563845956__root.SlidingModal2563845956--overlay{transition:transform 0s ease 0s}.SlidingModal2563845956__root.SlidingModal2563845956---appendTo-6-parent{position:absolute}.SlidingModal2563845956__root:not(.SlidingModal2563845956--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader1409429537__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader1409429537__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader1409429537__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}.TabsFilter2813371047__root .TabsFilter2813371047__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)));font-size:var(--wds-tabs-label-font-size-medium, var(--wsr-text-font-size-medium, 16px));line-height:var(--wds-tabs-label-line-height-medium, var(--wsr-text-line-height-medium, 22px))}.TabsFilter2813371047__root.TabsFilter2813371047--selected .TabsFilter2813371047__title,.TabsFilter2813371047__root:hover .TabsFilter2813371047__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal2370684890__root{display:flex}.ManageTagsModal2370684890__root.ManageTagsModal2370684890--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal2370684890__root.ManageTagsModal2370684890--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem2624997349__root{min-width:0}.ToolbarItemBox3168569819__root{min-width:0}.ToolbarItemBox3168569819__root.ToolbarItemBox3168569819--removeStartPadding{margin-left:-24px}.ToolbarItemBox3168569819__root.ToolbarItemBox3168569819--expandable{flex:1 0}.common3154596631__column{display:flex;flex-direction:column}.common3154596631__fullHeight{height:100%;min-height:0}.CollectionPageHeader3390935773__root:not(.CollectionPageHeader3390935773--mobile){gap:12px}.CollectionPageHeader3390935773__root.CollectionPageHeader3390935773--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3390935773__root.CollectionPageHeader3390935773--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1888813645__root.FormPageHeader1888813645--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1888813645__root.FormPageHeader1888813645--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+  )}.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}

package/src/version.ts

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