@wix/patterns 1.408.0 → 1.409.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard2405288583";
+var _namespace_ = "SkeletonCard2172099416";
 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":"SkeletonCard2405288583__root","headerLoading":"SkeletonCard2405288583__headerLoading"};
+export var classes = {"root":"SkeletonCard2172099416__root","headerLoading":"SkeletonCard2172099416__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_ = "SlidingModal82913432";
+var _namespace_ = "SlidingModal1066041142";
 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":"SlidingModal82913432__root"};
+export var classes = {"root":"SlidingModal1066041142__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter930975424";
+var _namespace_ = "TabsFilter3103961942";
 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":"TabsFilter930975424__root","title":"TabsFilter930975424__title"};
+export var classes = {"root":"TabsFilter3103961942__root","title":"TabsFilter3103961942__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal416008325";
+var _namespace_ = "ManageTagsModal1787385461";
 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":"ManageTagsModal416008325__root"};
+export var classes = {"root":"ManageTagsModal1787385461__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_ = "ToolbarItem405484805";
+var _namespace_ = "ToolbarItem134099359";
 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":"ToolbarItem405484805__root"};
+export var classes = {"root":"ToolbarItem134099359__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_ = "ToolbarItemBox3042868621";
+var _namespace_ = "ToolbarItemBox182709589";
 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":"ToolbarItemBox3042868621__root"};
+export var classes = {"root":"ToolbarItemBox182709589__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_ = "common1090625813";
+var _namespace_ = "common2479345232";
 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":"common1090625813__root","column":"common1090625813__column","fullHeight":"common1090625813__fullHeight"};
+export var classes = {"root":"common2479345232__root","column":"common2479345232__column","fullHeight":"common2479345232__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/hooks/useIsMobile.ts

@@ -1,10 +1 @@
-import { usePageContext } from '@wix/bex-core/react';
-import { useSelector } from '../useSelector';
-
-// CAIRO-3582: modify mobile detection to use user agent
-// export { MOBILE_BREAKPOINT } from '@wix/bex-core';
-
-export const useIsMobile = () => {
-  const pageState = usePageContext();
-  return useSelector(() => pageState.isMobile);
-};
+export { useIsMobile } from '@wix/bex-core/react';

package/src/model/view.ts

@@ -65,10 +65,20 @@ export interface ViewBase<F extends FiltersMap> {
   filters?: Partial<ViewFiltersValues<AllFilters<F>>> | null;
   orderedColumns?: ColumnViewConfig[];
   /**
-   * Array of the selected columns.
+   * Array of the selected columns for the table layout.
    * @external
    */
   selectedColumns?: ColumnViewConfig[];
+  /**
+   * Array of the selected columns for the spreadsheet (EditableTable) layout.
+   * @external
+   */
+  spreadsheetSelectedColumns?: ColumnViewConfig[];
+  /**
+   * Ordered columns for the spreadsheet (EditableTable) layout.
+   * @external
+   */
+  spreadsheetOrderedColumns?: ColumnViewConfig[];
   /**
    * Array of sort directions.
    * @external
@@ -81,6 +91,26 @@ export interface ViewBase<F extends FiltersMap> {
   layout?: ViewType;
 }
 
+export const getViewSelectedColumnsForLayout = <F extends FiltersMap>(
+  view: ViewBase<F> | null | undefined,
+  layout: ViewType | undefined,
+): ColumnViewConfig[] | undefined =>
+  layout === 'spreadsheet'
+    ? view?.spreadsheetSelectedColumns
+    : view?.selectedColumns;
+
+export const setViewSelectedColumnsForLayout = <F extends FiltersMap>(
+  target: Partial<ViewBase<F>>,
+  layout: ViewType | undefined,
+  columns: ColumnViewConfig[] | undefined,
+): void => {
+  if (layout === 'spreadsheet') {
+    target.spreadsheetSelectedColumns = columns;
+  } else {
+    target.selectedColumns = columns;
+  }
+};
+
 export interface View<F extends FiltersMap> extends ViewBase<F> {
   /**
    * Unique identifier. Do not use category IDs, `saved-views`, or `predefined-views`.

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

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

package/src/state/CollectionViewsQueryCompareHelper.ts

@@ -1,6 +1,7 @@
 import {
   ColumnSortConfig,
   ColumnViewConfig,
+  setViewSelectedColumnsForLayout,
   ViewBase,
   ViewFiltersValues,
 } from '../model';
@@ -156,8 +157,8 @@ export class CollectionViewsQueryCompareHelper<T, F extends FiltersMap> {
     const base: ViewBase<F> = {
       filters: this.viewBaseFilters,
       sortDirections: this.viewBaseSortDirections,
-      selectedColumns: this.viewBaseSelectedColumns,
     };
+    setViewSelectedColumnsForLayout(base, layout, this.viewBaseSelectedColumns);
     if (layout) {
       base.layout = layout;
     }

package/src/state/CollectionViewsState.ts

@@ -8,10 +8,11 @@ import {
 } from '@wix/bex-core';
 import { ViewsState } from './ViewsState';
 import { ViewsProps } from '../index';
-import { action, computed, makeObservable, runInAction } from 'mobx';
+import { action, computed, makeObservable, reaction, runInAction } from 'mobx';
 import {
   AllItemsViewProps,
   Category,
+  getViewSelectedColumnsForLayout,
   PrivateView,
   View,
   ViewType,
@@ -180,6 +181,23 @@ export class CollectionViewsState<T, F extends FiltersMap> {
         views: this.views,
         history,
       }).init(),
+      reaction(
+        () => this.table.layoutState?.viewType,
+        (newLayout, prevLayout) => {
+          if (!newLayout || !prevLayout || newLayout === prevLayout) {
+            return;
+          }
+          if (!this.views.currentView) {
+            return;
+          }
+          const cols = this.currentViewColumns;
+          if (cols) {
+            this.table.selectedColumns.setValue(cols);
+          } else {
+            this.table.selectedColumns.reset();
+          }
+        },
+      ),
     ];
 
     initTask.runOnce(async () => {
@@ -273,11 +291,12 @@ export class CollectionViewsState<T, F extends FiltersMap> {
       views: { currentView },
     } = this;
     const { query } = collection;
-    this._setSelectedViewToCollectionQuery();
-    query.queryHistory?.persistAll();
+    // Layout must settle first — _setSelectedViewToCollectionQuery reads layout-aware columns.
     if (this.table.layoutState && currentView?.layout) {
       this.table.layoutState.viewType = currentView.layout;
     }
+    this._setSelectedViewToCollectionQuery();
+    query.queryHistory?.persistAll();
 
     query.events.emit('refresh');
   }
@@ -286,7 +305,10 @@ export class CollectionViewsState<T, F extends FiltersMap> {
     const { views, table } = this;
     const { columns, customColumnsState } = table;
     const { currentView } = views;
-    const viewSelectedColumns = currentView?.selectedColumns;
+    const viewSelectedColumns = getViewSelectedColumnsForLayout(
+      currentView,
+      this.getLayout(),
+    );
 
     if (!viewSelectedColumns?.length) {
       return null;

package/src/state/CustomColumnsHistoryState.ts

@@ -1,6 +1,7 @@
 import { reaction } from 'mobx';
 import { History, replaceSearchParamsWith } from '@wix/bex-core';
 import { CustomColumnsState } from './CustomColumnsState';
+import { ViewType } from '../model';
 
 function parseSelectedColumnsString(selectedColumnsFromUrl: string) {
   return selectedColumnsFromUrl
@@ -16,6 +17,31 @@ function parseSelectedColumnsString(selectedColumnsFromUrl: string) {
     .filter(({ id }) => id);
 }
 
+// Legacy `selectedColumns` stays bound to non-spreadsheet layouts so existing
+// deep links keep their meaning; spreadsheet uses a sibling param.
+const SELECTED_COLUMNS_PARAM = 'selectedColumns';
+const SPREADSHEET_SELECTED_COLUMNS_PARAM = 'spreadsheetSelectedColumns';
+
+const getSelectedColumnsParamForLayout = (
+  layout: ViewType | undefined,
+): string =>
+  layout === 'spreadsheet'
+    ? SPREADSHEET_SELECTED_COLUMNS_PARAM
+    : SELECTED_COLUMNS_PARAM;
+
+const serializeSelectedColumns = (
+  selectedColumns: readonly {
+    id: string;
+    isSelected?: boolean;
+  }[],
+) =>
+  selectedColumns
+    .map(
+      (c) =>
+        `${encodeURIComponent(c.id)}${!c.isSelected ? ' false' : ''}`,
+    )
+    .join(',');
+
 export interface CustomColumnsHistoryStateParams {
   customColumns: CustomColumnsState<any, any>;
   history: History;
@@ -25,7 +51,19 @@ export class CustomColumnsHistoryState {
   readonly customColumns;
   readonly history;
 
-  selectedColumnsSearchParamName = 'selectedColumns';
+  get selectedColumnsSearchParamName(): string {
+    return getSelectedColumnsParamForLayout(
+      this.customColumns.table.layoutState?.viewType,
+    );
+  }
+
+  // Live, per-layout read — unlike `_selectedColumnsFromUrl` (frozen at the
+  // initial layout), this reflects the active layout after a switch so URL
+  // takes precedence over dataCapsule per layout, not just on first load.
+  get hasUrlColumnsForCurrentLayout(): boolean {
+    const params = new URLSearchParams(this.history.location.search);
+    return !!params.get(this.selectedColumnsSearchParamName);
+  }
 
   _selectedColumnsFromUrl?: string | null;
 
@@ -60,21 +98,15 @@ export class CustomColumnsHistoryState {
       reaction(
         () => this.customColumns.table.selectedColumns.value,
         (selectedColumns) => {
+          const paramName = this.selectedColumnsSearchParamName;
           replaceSearchParamsWith(this.history, (searchParams) => {
             if (selectedColumns.length) {
               searchParams.set(
-                this.selectedColumnsSearchParamName,
-                selectedColumns
-                  .map(
-                    (c) =>
-                      `${encodeURIComponent(c.id)}${
-                        !c.isSelected ? ' false' : ''
-                      }`,
-                  )
-                  .join(','),
+                paramName,
+                serializeSelectedColumns(selectedColumns),
               );
             } else {
-              searchParams.delete(this.selectedColumnsSearchParamName);
+              searchParams.delete(paramName);
             }
           });
         },
@@ -83,6 +115,31 @@ export class CustomColumnsHistoryState {
           delay: 250,
         },
       ),
+      reaction(
+        () => this.customColumns.table.layoutState?.viewType,
+        (newLayout, prevLayout) => {
+          if (!newLayout || !prevLayout || newLayout === prevLayout) {
+            return;
+          }
+          // Views path is handled by CollectionViewsState's own reaction.
+          if (this.customColumns.table.viewsProps) {
+            return;
+          }
+          const searchParams = new URLSearchParams(
+            this.history.location.search,
+          );
+          const value = searchParams.get(
+            getSelectedColumnsParamForLayout(newLayout),
+          );
+          if (value) {
+            this.customColumns.table.selectedColumns.setValue(
+              parseSelectedColumnsString(value),
+            );
+          } else {
+            this.customColumns.table.selectedColumns.reset();
+          }
+        },
+      ),
     ];
 
     return () => {

package/src/state/CustomColumnsState.ts

@@ -6,7 +6,7 @@ import {
 } from '@wix/bex-core';
 import { action, computed, makeObservable, reaction } from 'mobx';
 import { ToolbarCollectionState } from './ToolbarCollectionState';
-import { Column } from '../model';
+import { Column, ViewType } from '../model';
 import type { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';
 import { CustomColumnsHistoryState } from './CustomColumnsHistoryState';
 import { indexOfCompareFn } from './indexOfCompareFn';
@@ -32,6 +32,16 @@ type StoredColumn =
   | null
   | undefined;
 
+// Legacy `custom-columns` stays bound to non-spreadsheet layouts so existing
+// stored values keep their meaning; spreadsheet uses a sibling key.
+export const CUSTOM_COLUMNS_KEY = 'custom-columns';
+export const SPREADSHEET_CUSTOM_COLUMNS_KEY = 'spreadsheet-custom-columns';
+
+const getCustomColumnsKeyForLayout = (layout: ViewType | undefined): string =>
+  layout === 'spreadsheet'
+    ? SPREADSHEET_CUSTOM_COLUMNS_KEY
+    : CUSTOM_COLUMNS_KEY;
+
 const asStoredColumnsOrNull = (customColumnsResult: unknown) =>
   Array.isArray(customColumnsResult)
     ? (customColumnsResult as StoredColumn[])
@@ -152,7 +162,10 @@ export class CustomColumnsState<
     }
 
     this._touched = true;
-    await dataCapsule.setItem('custom-columns', table.selectedColumns.value);
+    await dataCapsule.setItem(
+      getCustomColumnsKeyForLayout(table.layoutState?.viewType),
+      table.selectedColumns.value,
+    );
   }
 
   private registerSelectedColumnChange() {
@@ -333,6 +346,24 @@ export class CustomColumnsState<
       this.columnsCollection.init(),
       this.dragAndDrop?.init(),
       this.customColumnsHistory?.init(),
+      reaction(
+        () => this.table.layoutState?.viewType,
+        async (newLayout, prevLayout) => {
+          if (!newLayout || !prevLayout || newLayout === prevLayout) {
+            return;
+          }
+          // Views path is handled by CollectionViewsState's own reaction.
+          if (this.table.viewsProps) {
+            return;
+          }
+          const stored = await this._getStoredCustomColumns();
+          if (stored == null) {
+            this.table.selectedColumns.reset();
+          } else {
+            await this._fetchFromStorage();
+          }
+        },
+      ),
     ];
 
     return () => {
@@ -344,7 +375,9 @@ export class CustomColumnsState<
     const { dataCapsule } = this.table;
     try {
       const storedValue = await asStoredColumnsOrNull(
-        await dataCapsule.getItem('custom-columns'),
+        await dataCapsule.getItem(
+          getCustomColumnsKeyForLayout(this.table.layoutState?.viewType),
+        ),
       );
       this._touched = storedValue != null;
       return storedValue;
@@ -400,7 +433,9 @@ export class CustomColumnsState<
       return;
     }
 
-    if (customColumnsState?.customColumnsHistory?._selectedColumnsFromUrl) {
+    if (
+      customColumnsState?.customColumnsHistory?.hasUrlColumnsForCurrentLayout
+    ) {
       return;
     }
 

package/src/state/EditableTable/types.ts

@@ -2,6 +2,7 @@ import type { ComponentType } from 'react';
 import type { RichTextStyleVariables } from '@wix/patterns-fields';
 import type { TableColumn } from '../../model/tableColumn';
 import type { ReferenceTypeConfig } from '../../components/EditableTable/cellTypes/reference/types';
+import type { AddressCellTypeConfig } from '../../components/EditableTable/cellTypes/address';
 import type {
   CellViewProps,
   CellEditProps,
@@ -112,6 +113,7 @@ export interface CellTypeConfigMap {
   richText: RichTextCellTypeConfig;
   mediaGallery: never;
   reference: ReferenceTypeConfig;
+  address: AddressCellTypeConfig;
   custom: Omit<CellType, 'type'>;
 }
 

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

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

package/src/state/ViewsState.ts

@@ -199,6 +199,10 @@ export class ViewsState<F extends FiltersMap> {
             selectedColumns: allItemsViewProps.selectedColumns,
             sortDirections: allItemsViewProps.sortDirections,
             orderedColumns: allItemsViewProps.orderedColumns,
+            spreadsheetSelectedColumns:
+              allItemsViewProps.spreadsheetSelectedColumns,
+            spreadsheetOrderedColumns:
+              allItemsViewProps.spreadsheetOrderedColumns,
             layout: allItemsViewProps.layout,
           };
           views.unshift(allItemsView);

package/src/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer99201809__root.CardContainer99201809--mobile{border-radius:0}.CmsFieldForm3591695391__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal856822573__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection2595354838__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput2648928344__field{flex:1;min-width:0}.Collapse179457297__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse179457297__exit{height:0}.CollectionPage3246431164__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3246431164__root.CollectionPage3246431164--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3246431164__root.CollectionPage3246431164--panel{overflow:hidden;position:relative}.CollectionSectionHeader666307879__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable215268445__root td{vertical-align:middle}.CollectionTable215268445__root.CollectionTable215268445--mobile td:first-child{padding-left:18px}.CollectionTable215268445__root.CollectionTable215268445--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3091768728__root.CollectionTableWSRTable3091768728--resizable table{min-width:100%}.CollectionTableWSRTable3091768728__root.CollectionTableWSRTable3091768728--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar908768589__left{min-width:0}.CollectionToolbar908768589__left.CollectionToolbar908768589--expandable{flex:auto}.CollectionToolbar908768589__left.CollectionToolbar908768589--title>*{width:100%}.CollectionToolbar908768589__root.CollectionToolbar908768589---responsiveMode-5-title .CollectionToolbar908768589__left{flex:1 100;min-width:50px}.CollectionToolbar908768589__root.CollectionToolbar908768589---responsiveMode-4-tabs .CollectionToolbar908768589__left,.CollectionToolbar908768589__root.CollectionToolbar908768589---responsiveMode-4-tabs .CollectionToolbar908768589__left.CollectionToolbar908768589--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar908768589__root.CollectionToolbar908768589---responsiveMode-4-tabs .CollectionToolbar908768589__left>*{flex-shrink:1;min-width:0}.CollectionToolbar908768589__root .CollectionToolbar908768589__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar908768589__root.CollectionToolbar908768589--views .CollectionToolbar908768589__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar908768589__root.CollectionToolbar908768589---responsiveMode-4-tabs .CollectionToolbar908768589__right,.CollectionToolbar908768589__root.CollectionToolbar908768589---responsiveMode-5-title .CollectionToolbar908768589__right{flex:0 1 auto;min-width:0}.CollectionToolbar908768589__root .CollectionToolbar908768589__right.CollectionToolbar908768589__fullWidth{margin-inline-start:0!important}.CollectionToolbar908768589__root.CollectionToolbar908768589--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter2140848998__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2140848998__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter2140848998__searchMobile:not(.SearchOrCustomFilter2140848998--expandable){left:18px}.SearchOrCustomFilter2140848998__searchMobile.SearchOrCustomFilter2140848998--expandable.SearchOrCustomFilter2140848998--expanded{left:18px}.AutoCompleteReadonly1682096311__root.AutoCompleteReadonly1682096311--disableEditing{cursor:pointer}.AutoCompleteReadonly1682096311__root.AutoCompleteReadonly1682096311--disableEditing input{cursor:pointer}.ViewsDropdown2476521499__root{width:200px}.DragHandle2558321975__root{display:flex;align-items:center}.DragHandle2558321975__root:not(.DragHandle2558321975--disabled){cursor:grab;color:#a8caff}.DragHandle2558321975__root.DragHandle2558321975--disabled{color:#acafc4}.DragHandle2558321975__root:focus-visible:not(.DragHandle2558321975--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2558321975__root.DragHandle2558321975--disabled{pointer-events:none}.DragHandle2558321975__root.DragHandle2558321975--dragging:not(.DragHandle2558321975--disabled){cursor:grabbing}td:has(>.EditableCell3604687257__root){position:relative;overflow:visible;min-height:24px}.EditableCell3604687257__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell3604687257__root.EditableCell3604687257--selected{background:rgba(56,153,236,.08)}.EditableCell3604687257__root.EditableCell3604687257--focused:not(.EditableCell3604687257--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell3604687257__root.EditableCell3604687257--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell3604687257__root.EditableCell3604687257--editing:not(.EditableCell3604687257--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell3604687257__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell3604687257__root.EditableCell3604687257--selectionTop:not(.EditableCell3604687257--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell3604687257__root.EditableCell3604687257--selectionBottom:not(.EditableCell3604687257--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3604687257__root.EditableCell3604687257--selectionLeft:not(.EditableCell3604687257--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell3604687257__root.EditableCell3604687257--selectionRight:not(.EditableCell3604687257--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell3604687257__root.EditableCell3604687257--selectionTop.EditableCell3604687257--editing.EditableCell3604687257--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell3604687257__root.EditableCell3604687257--selectionBottom.EditableCell3604687257--editing.EditableCell3604687257--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3604687257__root.EditableCell3604687257--selectionLeft.EditableCell3604687257--editing.EditableCell3604687257--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell3604687257__root.EditableCell3604687257--selectionRight.EditableCell3604687257--editing.EditableCell3604687257--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell3604687257__root.EditableCell3604687257--invalid:not(.EditableCell3604687257--editing){background:rgba(229,0,77,.06)}.EditableCell3604687257__root.EditableCell3604687257--copiedTop:not(.EditableCell3604687257--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell3604687257__root.EditableCell3604687257--copiedBottom:not(.EditableCell3604687257--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell3604687257__root.EditableCell3604687257--copiedLeft:not(.EditableCell3604687257--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell3604687257__root.EditableCell3604687257--copiedRight:not(.EditableCell3604687257--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell3604687257__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover2310692122__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover2310692122__root,.HeaderActionsPopover2310692122__root[data-menu-open=true],.HeaderActionsPopover2310692122__root:focus-within{opacity:1}.CellViewLayout2029745465__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2029745465__root>*{flex:1;min-width:0}.Edit2110654802__booleanEdit{display:flex;align-items:center;margin-left:12px}.View1321611518__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit1155761399__dateInput{width:100%;margin-left:-1px}.Edit1038859797__emailInput{width:100%;margin-left:-1px}.Edit2945983694__numberInput{width:100%;margin-right:2px}.Edit2945983694__numberInput input{text-align:right;direction:ltr}.View3797637327__textView{width:100%;text-align:right}.Edit1008410069__jsonInput{width:100%;margin-left:-1px}.Edit479775530__selectInput{width:100%}.Edit3290423404__editWrapper{width:100%}.Edit3290423404__inputArea{background-color:transparent;width:100%}.Edit3290423404__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3290423404__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit3290423404__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3290423404__inputArea:not(.Edit3290423404--isFocused) textarea{resize:none;overflow:hidden}.Edit3290423404__inputArea:not(.Edit3290423404--isFocused) textarea::-webkit-scrollbar{display:none}.Edit3833327034__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(
+.CardContainer3273124070__root.CardContainer3273124070--mobile{border-radius:0}.CmsFieldForm865285269__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal3533746844__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection3243731559__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput3449095893__field{flex:1;min-width:0}.Collapse3508577024__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3508577024__exit{height:0}.CollectionPage3435656287__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3435656287__root.CollectionPage3435656287--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3435656287__root.CollectionPage3435656287--panel{overflow:hidden;position:relative}.CollectionSectionHeader150163265__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable4261970996__root td{vertical-align:middle}.CollectionTable4261970996__root.CollectionTable4261970996--mobile td:first-child{padding-left:18px}.CollectionTable4261970996__root.CollectionTable4261970996--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable877083916__root.CollectionTableWSRTable877083916--resizable table{min-width:100%}.CollectionTableWSRTable877083916__root.CollectionTableWSRTable877083916--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar328100346__left{min-width:0}.CollectionToolbar328100346__left.CollectionToolbar328100346--expandable{flex:auto}.CollectionToolbar328100346__left.CollectionToolbar328100346--title>*{width:100%}.CollectionToolbar328100346__root.CollectionToolbar328100346---responsiveMode-5-title .CollectionToolbar328100346__left{flex:1 100;min-width:50px}.CollectionToolbar328100346__root.CollectionToolbar328100346---responsiveMode-4-tabs .CollectionToolbar328100346__left,.CollectionToolbar328100346__root.CollectionToolbar328100346---responsiveMode-4-tabs .CollectionToolbar328100346__left.CollectionToolbar328100346--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar328100346__root.CollectionToolbar328100346---responsiveMode-4-tabs .CollectionToolbar328100346__left>*{flex-shrink:1;min-width:0}.CollectionToolbar328100346__root .CollectionToolbar328100346__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar328100346__root.CollectionToolbar328100346--views .CollectionToolbar328100346__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar328100346__root.CollectionToolbar328100346---responsiveMode-4-tabs .CollectionToolbar328100346__right,.CollectionToolbar328100346__root.CollectionToolbar328100346---responsiveMode-5-title .CollectionToolbar328100346__right{flex:0 1 auto;min-width:0}.CollectionToolbar328100346__root .CollectionToolbar328100346__right.CollectionToolbar328100346__fullWidth{margin-inline-start:0!important}.CollectionToolbar328100346__root.CollectionToolbar328100346--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter2985842840__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2985842840__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter2985842840__searchMobile:not(.SearchOrCustomFilter2985842840--expandable){left:18px}.SearchOrCustomFilter2985842840__searchMobile.SearchOrCustomFilter2985842840--expandable.SearchOrCustomFilter2985842840--expanded{left:18px}.AutoCompleteReadonly777103903__root.AutoCompleteReadonly777103903--disableEditing{cursor:pointer}.AutoCompleteReadonly777103903__root.AutoCompleteReadonly777103903--disableEditing input{cursor:pointer}.ViewsDropdown1388373829__root{width:200px}.DragHandle3615073925__root{display:flex;align-items:center}.DragHandle3615073925__root:not(.DragHandle3615073925--disabled){cursor:grab;color:#a8caff}.DragHandle3615073925__root.DragHandle3615073925--disabled{color:#acafc4}.DragHandle3615073925__root:focus-visible:not(.DragHandle3615073925--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3615073925__root.DragHandle3615073925--disabled{pointer-events:none}.DragHandle3615073925__root.DragHandle3615073925--dragging:not(.DragHandle3615073925--disabled){cursor:grabbing}td:has(>.EditableCell3548949633__root){position:relative;overflow:visible;min-height:24px}.EditableCell3548949633__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell3548949633__root.EditableCell3548949633--selected{background:rgba(56,153,236,.08)}.EditableCell3548949633__root.EditableCell3548949633--focused:not(.EditableCell3548949633--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell3548949633__root.EditableCell3548949633--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell3548949633__root.EditableCell3548949633--editing:not(.EditableCell3548949633--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell3548949633__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell3548949633__root.EditableCell3548949633--selectionTop:not(.EditableCell3548949633--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell3548949633__root.EditableCell3548949633--selectionBottom:not(.EditableCell3548949633--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3548949633__root.EditableCell3548949633--selectionLeft:not(.EditableCell3548949633--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell3548949633__root.EditableCell3548949633--selectionRight:not(.EditableCell3548949633--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell3548949633__root.EditableCell3548949633--selectionTop.EditableCell3548949633--editing.EditableCell3548949633--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell3548949633__root.EditableCell3548949633--selectionBottom.EditableCell3548949633--editing.EditableCell3548949633--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3548949633__root.EditableCell3548949633--selectionLeft.EditableCell3548949633--editing.EditableCell3548949633--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell3548949633__root.EditableCell3548949633--selectionRight.EditableCell3548949633--editing.EditableCell3548949633--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell3548949633__root.EditableCell3548949633--invalid:not(.EditableCell3548949633--editing){background:rgba(229,0,77,.06)}.EditableCell3548949633__root.EditableCell3548949633--copiedTop:not(.EditableCell3548949633--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell3548949633__root.EditableCell3548949633--copiedBottom:not(.EditableCell3548949633--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell3548949633__root.EditableCell3548949633--copiedLeft:not(.EditableCell3548949633--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell3548949633__root.EditableCell3548949633--copiedRight:not(.EditableCell3548949633--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell3548949633__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover3806251122__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3806251122__root,.HeaderActionsPopover3806251122__root[data-menu-open=true],.HeaderActionsPopover3806251122__root:focus-within{opacity:1}.CellViewLayout2495256619__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2495256619__root>*{flex:1;min-width:0}.Edit4208959342__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:6px;padding-right:6px;min-width:0;overflow:hidden}.Edit4208959342__addressInput>div,.Edit4208959342__addressInput>div>div,.Edit4208959342__addressInput>div>div>div{width:100%;min-width:0}.Edit339586096__booleanEdit{display:flex;align-items:center;margin-left:12px}.View3465172739__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit3406566170__dateInput{width:100%;margin-left:-1px}.Edit1624166194__emailInput{width:100%;margin-left:-1px}.Edit3726411292__numberInput{width:100%;margin-right:2px}.Edit3726411292__numberInput input{text-align:right;direction:ltr}.View1909928753__textView{width:100%;text-align:right}.Edit1965841654__jsonInput{width:100%;margin-left:-1px}.Edit3791052357__selectInput{width:100%}.Edit2492481644__editWrapper{width:100%}.Edit2492481644__inputArea{background-color:transparent;width:100%}.Edit2492481644__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2492481644__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2492481644__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2492481644__inputArea:not(.Edit2492481644--isFocused) textarea{resize:none;overflow:hidden}.Edit2492481644__inputArea:not(.Edit2492481644--isFocused) textarea::-webkit-scrollbar{display:none}.Edit3174627134__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
-  )}.Edit3833327034__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit863738338__urlInput{width:100%;margin-left:-1px}.View2180595278__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View2180595278__urlText{flex:1;min-width:0}.View2180595278__suffix{flex-shrink:0;margin-left:10px}.View2180595278__textView.View2180595278--suffixOnHover:not(:hover) .View2180595278__suffix{display:none}.EntityPagePlain3656952528__root.EntityPagePlain3656952528--mobile{--wds-page-header-padding-horizontal:0}.Fade3961537099__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3961537099__root.Fade3961537099--exit{opacity:0}.Heading3542313235__root{visibility:visible}.Heading3542313235__root.Heading3542313235--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload40400209__fileUpload{width:100%}.InputOverflow2667912006__root.InputOverflow2667912006--selected:not(.InputOverflow2667912006--focused) input::placeholder{color:#000624}@keyframes LoadingRow2299462299__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%}}.LoadingRow2299462299__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:LoadingRow2299462299__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText4266681468__root{opacity:1}.MaxHeightText4266681468__root.MaxHeightText4266681468--height24{line-height:24px}.MaxLines2536498563__root{overflow:hidden}.MaxLines2536498563__root.MaxLines2536498563--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1842624089__root{min-width:0}.MultiBulkActionToolbar1842624089__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1842624089__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1842624089__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow200854069__root td{padding:0!important;width:100%}.NestedTableRow2714050317__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2714050317__root:hover{background-color:#e7f0ff!important}.NestedTableRow2714050317__root.NestedTableRow2714050317--expandable{cursor:pointer}.NestedTableRow2714050317__placeholder td{padding:0!important;width:100%}.NestedTableRow2714050317__root:hover td:first-of-type::before,.NestedTableRow2714050317__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect208859077__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)}.NestedTableDragAndDropRow1996746814__root.NestedTableDragAndDropRow1996746814--draggingInto td{background-color:#e7f0ff!important}.PickerContent261702830__root{display:flex}.PickerContentAdditionalStep4247430293__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep4247430293__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem4219872913__root{box-sizing:border-box}.ScrollableContent3411013374__root.ScrollableContent3411013374--overflowY{overflow-y:auto}.ScrollableContent3411013374__root.ScrollableContent3411013374--overflowX{overflow-x:auto}.ScrollableContent3411013374__root.ScrollableContent3411013374--smooth{scroll-behavior:smooth}.SkeletonCard2405288583__headerLoading{display:block!important}.SlidingModal82913432__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal82913432__root.SlidingModal82913432--overlay{transition:transform 0s ease 0s}.SlidingModal82913432__root.SlidingModal82913432---appendTo-6-parent{position:absolute}.SlidingModal82913432__root:not(.SlidingModal82913432--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter930975424__root .TabsFilter930975424__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter930975424__root.TabsFilter930975424--selected .TabsFilter930975424__title,.TabsFilter930975424__root:hover .TabsFilter930975424__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal416008325__root{display:flex}.ToolbarItem405484805__root{min-width:0}.ToolbarItemBox3042868621__root{min-width:0}.ToolbarItemBox3042868621__root.ToolbarItemBox3042868621--removeStartPadding{margin-left:-24px}.ToolbarItemBox3042868621__root.ToolbarItemBox3042868621--expandable{flex:1 0}.common1090625813__column{display:flex;flex-direction:column}.common1090625813__fullHeight{height:100%;min-height:0}.CollectionPageHeader3389984539__root:not(.CollectionPageHeader3389984539--mobile){gap:12px}.CollectionPageHeader3389984539__root.CollectionPageHeader3389984539--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3389984539__root.CollectionPageHeader3389984539--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader4088530550__root.FormPageHeader4088530550--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader4088530550__root.FormPageHeader4088530550--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+  )}.Edit3174627134__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit1416333859__urlInput{width:100%;margin-left:-1px}.View3557964787__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3557964787__urlText{flex:1;min-width:0}.View3557964787__suffix{flex-shrink:0;margin-left:10px}.View3557964787__textView.View3557964787--suffixOnHover:not(:hover) .View3557964787__suffix{display:none}.EntityPagePlain2401101096__root.EntityPagePlain2401101096--mobile{--wds-page-header-padding-horizontal:0}.Fade2314456760__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2314456760__root.Fade2314456760--exit{opacity:0}.Heading299110353__root{visibility:visible}.Heading299110353__root.Heading299110353--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3595129636__fileUpload{width:100%}.InputOverflow3961581455__root.InputOverflow3961581455--selected:not(.InputOverflow3961581455--focused) input::placeholder{color:#000624}@keyframes LoadingRow2926727146__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%}}.LoadingRow2926727146__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:LoadingRow2926727146__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText4003078707__root{opacity:1}.MaxHeightText4003078707__root.MaxHeightText4003078707--height24{line-height:24px}.MaxLines3201771531__root{overflow:hidden}.MaxLines3201771531__root.MaxLines3201771531--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2653134755__root{min-width:0}.MultiBulkActionToolbar2653134755__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2653134755__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2653134755__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1049700025__root td{padding:0!important;width:100%}.NestedTableRow4017610873__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow4017610873__root:hover{background-color:#e7f0ff!important}.NestedTableRow4017610873__root.NestedTableRow4017610873--expandable{cursor:pointer}.NestedTableRow4017610873__placeholder td{padding:0!important;width:100%}.NestedTableRow4017610873__root:hover td:first-of-type::before,.NestedTableRow4017610873__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1938007852__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)}.NestedTableDragAndDropRow4118053086__root.NestedTableDragAndDropRow4118053086--draggingInto td{background-color:#e7f0ff!important}.PickerContent684748937__root{display:flex}.PickerContentAdditionalStep1579238315__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1579238315__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2099534030__root{box-sizing:border-box}.ScrollableContent1041335997__root.ScrollableContent1041335997--overflowY{overflow-y:auto}.ScrollableContent1041335997__root.ScrollableContent1041335997--overflowX{overflow-x:auto}.ScrollableContent1041335997__root.ScrollableContent1041335997--smooth{scroll-behavior:smooth}.SkeletonCard2172099416__headerLoading{display:block!important}.SlidingModal1066041142__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1066041142__root.SlidingModal1066041142--overlay{transition:transform 0s ease 0s}.SlidingModal1066041142__root.SlidingModal1066041142---appendTo-6-parent{position:absolute}.SlidingModal1066041142__root:not(.SlidingModal1066041142--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3103961942__root .TabsFilter3103961942__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter3103961942__root.TabsFilter3103961942--selected .TabsFilter3103961942__title,.TabsFilter3103961942__root:hover .TabsFilter3103961942__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal1787385461__root{display:flex}.ToolbarItem134099359__root{min-width:0}.ToolbarItemBox182709589__root{min-width:0}.ToolbarItemBox182709589__root.ToolbarItemBox182709589--removeStartPadding{margin-left:-24px}.ToolbarItemBox182709589__root.ToolbarItemBox182709589--expandable{flex:1 0}.common2479345232__column{display:flex;flex-direction:column}.common2479345232__fullHeight{height:100%;min-height:0}.CollectionPageHeader2089769102__root:not(.CollectionPageHeader2089769102--mobile){gap:12px}.CollectionPageHeader2089769102__root.CollectionPageHeader2089769102--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2089769102__root.CollectionPageHeader2089769102--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1516617014__root.FormPageHeader1516617014--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1516617014__root.FormPageHeader1516617014--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.408.0';
+export const version = 'patterns@1.409.0';