@wix/patterns 1.360.0 → 1.364.0

package/src/components/TableFolders/TableFoldersContent.tsx

@@ -165,7 +165,7 @@ function _TableFoldersContent<
     toolbar: { selectedOrderedColumnsOrAll },
   } = state;
 
-  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });
+  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll, showFieldTypeIcons: state.toolbar.showFieldTypeIcons });
 
   const finalColumns = [
     {

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter884793764";
+var _namespace_ = "TabsFilter1147196558";
 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":"TabsFilter884793764__root","title":"TabsFilter884793764__title"};
+export var classes = {"root":"TabsFilter1147196558__root","title":"TabsFilter1147196558__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_ = "ManageTagsModal2051441849";
+var _namespace_ = "ManageTagsModal3682471619";
 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":"ManageTagsModal2051441849__root"};
+export var classes = {"root":"ManageTagsModal3682471619__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ToolbarCollection/ToolbarCollection.tsx

@@ -305,6 +305,14 @@ export interface ToolbarCollectionBaseProps<T, F extends FiltersMap>
    * @overrideType [TagsElement](./?path=/story/features-enrich-tags--tags)
    */
   tags?: TagsElement<T, F>;
+
+  /**
+   * When true, renders prefix icons for field types in column headers, filters, and the customize-columns panel.
+   * Each column and filter should have a `fieldType` property set so Cairo can render the matching icon.
+   * @default false
+   * @external
+   */
+  showFieldTypeIcons?: boolean;
 }
 
 export interface ToolbarCollectionProps<T, F extends FiltersMap>

package/src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts

@@ -36,11 +36,15 @@ export function useToolbarCollectionSyncProps<T, F extends FiltersMap>(
     secondaryActions,
     moreActions,
     internalScroll,
+    showFieldTypeIcons,
   } = props;
 
   checkConflictingToolbarProps(props);
 
   state.internalScroll = state.container.isPanelLayout ? true : internalScroll;
+  runInAction(() => {
+    state.showFieldTypeIcons = showFieldTypeIcons ?? false;
+  });
 
   const pageState = useCollectionPageContext();
   const router = useWixPatternsRouter();

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem3509901774";
+var _namespace_ = "ToolbarItem1139159954";
 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":"ToolbarItem3509901774__root"};
+export var classes = {"root":"ToolbarItem1139159954__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_ = "ToolbarItemBox3910797071";
+var _namespace_ = "ToolbarItemBox20441471";
 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":"ToolbarItemBox3910797071__root"};
+export var classes = {"root":"ToolbarItemBox20441471__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_ = "common3071416596";
+var _namespace_ = "common909002123";
 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":"common3071416596__root","column":"common3071416596__column","fullHeight":"common3071416596__fullHeight"};
+export var classes = {"root":"common909002123__root","column":"common909002123__column","fullHeight":"common909002123__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/hooks/useBuildAccordionItems.tsx

@@ -3,19 +3,23 @@ import { useWixPatternsContainer } from '@wix/bex-core/react';
 import React, { useCallback } from 'react';
 import {
   AccordionProps,
+  Box,
   accordionSectionItemBuilder,
 } from '@wix/design-system';
 import { CollectionFilter } from '../components/CollectionFilter';
 import { FilterElement } from '../components/CollectionToolbarFilters';
 import { CollectionToolbarFiltersState } from '../components/CollectionToolbarFilters/CollectionToolbarFiltersState';
+import { FilterAccordionResetButton } from '../components/FiltersPanel/FilterAccordionResetButton';
 import { FilterAccordionTitle } from '../components/FiltersPanel/FilterAccordionTitle';
+import { getFieldTypeIcon } from '../utils/fieldTypePrefixIcons';
 
 function useBuildAccordionItem<T, F extends FiltersMap>(
   state: CollectionToolbarFiltersState<T, F>,
+  showFieldTypeIcons: boolean,
 ) {
   return useCallback((filterElement: FilterElement) => {
     const { type: Component, props: filterProps } = filterElement;
-    const { filter, initiallyOpen, popoverProps, accordionItemProps } =
+    const { filter, initiallyOpen, popoverProps, accordionItemProps, fieldType } =
       filterProps;
 
     const clonedElement = (
@@ -24,15 +28,32 @@ function useBuildAccordionItem<T, F extends FiltersMap>(
         popoverProps={{ appendTo: 'window', ...popoverProps }}
       />
     );
+    const titleElement = (
+      <FilterAccordionTitle
+        state={state.toolbar}
+        filter={filter}
+        filterProps={filterProps}
+      />
+    );
+    const titleWithIcon = showFieldTypeIcons ? (
+      <Box gap="SP1" verticalAlign="middle">
+        {getFieldTypeIcon({ fieldType, size: 'medium' })}
+        {titleElement}
+      </Box>
+    ) : titleElement;
 
-    return {
-      title: (
-        <FilterAccordionTitle
+    const title = filterProps.filter ? (
+      <Box width="100%" align="space-between" verticalAlign="middle">
+        {titleWithIcon}
+        <FilterAccordionResetButton
           state={state.toolbar}
-          filter={filter}
-          filterProps={filterProps}
+          filter={filterProps.filter}
         />
-      ),
+      </Box>
+    ) : titleWithIcon;
+
+    return {
+      title,
       children: filterProps.filter ? (
         <CollectionFilter filter={filterProps.filter} state={state}>
           {clonedElement}
@@ -43,15 +64,16 @@ function useBuildAccordionItem<T, F extends FiltersMap>(
       initiallyOpen,
       ...accordionItemProps,
     };
-  }, []);
+  }, [showFieldTypeIcons]);
 }
 
 export function useBuildAccordionItems<T, F extends FiltersMap>(
   state: CollectionToolbarFiltersState<T, F>,
 ) {
   const { translate: t } = useWixPatternsContainer();
-  const buildAccordionItem = useBuildAccordionItem(state);
   const { panelFilterElements } = state;
+  const showFieldTypeIcons = state.toolbar.showFieldTypeIcons;
+  const buildAccordionItem = useBuildAccordionItem(state, showFieldTypeIcons);
 
   const defaultSectionTitle = t('cairo.filtersPanel.sections.default.title');
 

package/src/hooks/{useCreateWSRColumnBase.ts → useCreateWSRColumnBase.tsx}

@@ -1,12 +1,17 @@
 import { TableColumn } from '../model';
-import { useCallback } from 'react';
+import React, { useCallback, type ReactNode } from 'react';
+import { Box, Text } from '@wix/design-system';
+import { getFieldTypeIcon } from '../utils/fieldTypePrefixIcons';
 
 export interface UseCreateWSRColumnBaseParams {
   horizontalScroll?: boolean;
+  /** When true, renders field-type prefix icons in column headers. */
+  showFieldTypeIcons?: boolean;
 }
 
 export function useCreateWSRColumnBase({
   horizontalScroll,
+  showFieldTypeIcons,
 }: UseCreateWSRColumnBaseParams) {
   return useCallback(
     (
@@ -14,7 +19,8 @@ export function useCreateWSRColumnBase({
       index: number,
       length: number,
     ) => {
-      const { id, title, width, sortable, infoTooltipProps } = column;
+      const { id, title, width, sortable, infoTooltipProps, fieldType } =
+        column;
       const lastColumn = index === length - 1;
 
       const lastColumnStyleNoHorizontalScroll =
@@ -38,11 +44,26 @@ export function useCreateWSRColumnBase({
       const columnStyle = width == null ? { flex: 1 } : undefined;
 
       const style = lastColumn ? lastColumnStyle : columnStyle;
+      const renderedTitle: ReactNode =
+        title && showFieldTypeIcons ? (
+          <Box gap="SP1" verticalAlign="middle" minWidth={0}>
+            <Box flexShrink={0}>{getFieldTypeIcon({ fieldType })}</Box>
+            {typeof title === 'string' ? (
+              <Text size="small" ellipsis appendTo="window">
+                {title}
+              </Text>
+            ) : (
+              title
+            )}
+          </Box>
+        ) : (
+          title
+        );
 
       return {
         id,
         key: id ?? index,
-        title,
+        title: renderedTitle,
         style,
         width: lastColumn && !horizontalScroll ? undefined : width,
         sortable: id && sortable ? true : undefined,
@@ -51,6 +72,6 @@ export function useCreateWSRColumnBase({
           : undefined,
       };
     },
-    [horizontalScroll],
+    [horizontalScroll, showFieldTypeIcons],
   );
 }

package/src/index.ts

@@ -171,6 +171,8 @@ export * from './components/TagsFilter';
 export { runInAction } from 'mobx';
 export { observer, Observer } from 'mobx-react-lite';
 
+export type { FieldType } from './utils/fieldTypePrefixIcons';
+
 export {
   OffsetQuery,
   CursorQuery,

package/src/model/filterProps.ts

@@ -5,6 +5,7 @@ import {
   PopoverCommonProps,
   TagListProps,
 } from '@wix/design-system';
+import type { FieldType } from '../utils/fieldTypePrefixIcons';
 
 export interface FilterProps<V> {
   /**
@@ -13,6 +14,13 @@ export interface FilterProps<V> {
    */
   filter: Filter<V>;
 
+  /**
+   * The field type string used to resolve a prefix icon for the filter.
+   * Cairo maps this to the appropriate icon internally.
+   * @external
+   */
+  fieldType?: FieldType;
+
   /**
    * Padding settings. If this prop it omitted, padding will exist on the sides of the filter.<br> <br>
    * Supported values: <br>

package/src/model/tableColumn.ts

@@ -1,6 +1,7 @@
 import type { TableColumn as TableColumnWSR } from '@wix/design-system';
 import type { KeyedItem, SortMode, SortOrder } from '@wix/bex-core';
 import { CSSProperties, ReactNode } from 'react';
+import type { FieldType } from '../utils/fieldTypePrefixIcons';
 
 type TableColumnBase<T = any> = Omit<
   TableColumnWSR<T>,
@@ -21,6 +22,12 @@ type TableColumnBase<T = any> = Omit<
     panelContent?: ReactNode;
   };
   mobile?: ColumnMobileConfig;
+  /**
+   * The field type string used to resolve a prefix icon for the column.
+   * Cairo maps this to the appropriate icon internally.
+   * @external
+   */
+  fieldType?: FieldType;
 };
 
 // disallow specifying `hideable` / `defaultHidden` or setting `hiddenFromCustomColumnsSelection` as false when `id` is missing
@@ -180,6 +187,12 @@ export interface Column {
    * @external
    */
   mobile?: ColumnMobileConfig;
+  /**
+   * The field type string used to resolve a prefix icon for the column.
+   * Cairo maps this to the appropriate icon internally.
+   * @external
+   */
+  fieldType?: FieldType;
 }
 
 // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error

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

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

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

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

package/src/state/KanbanState/KanbanState.ts

@@ -50,6 +50,7 @@ export interface KanbanStateBaseParams<
     itemKey: CollectionStateParams<T, F>['itemKey'];
     itemName: CollectionStateParams<T, F>['itemName'];
     stageField: string;
+    filters?: F;
     fetchAllByStageIds?: (params: {
       ids: string[];
       filters: ComputedQuery<F>['filters'];
@@ -185,6 +186,10 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
     return this.toolbarQueryCollectionState.query;
   }
 
+  get filters() {
+    return this.toolbarQueryCollectionState.filters;
+  }
+
   get queryComputed() {
     return this.query.asComputed;
   }
@@ -348,7 +353,7 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
         }),
       itemKey: () => '',
       itemName: () => '',
-      filters: {} as F,
+      filters: params.items.filters ?? ({} as F),
       errorHandler: this.container.errorHandler,
       paginationMode: 'cursor',
     });

package/src/state/ToolbarCollectionState.ts

@@ -297,6 +297,7 @@ export class ToolbarCollectionState<T, F extends FiltersMap = FiltersMap> {
       setToolbarFiltersStateInitialized: action,
       activeFiltersEntries: computed,
       _searchExpanded: observable.ref,
+      showFieldTypeIcons: observable.ref,
     });
   }
 
@@ -460,6 +461,13 @@ export class ToolbarCollectionState<T, F extends FiltersMap = FiltersMap> {
     return [..._userColumns, ..._featureColumns, ..._extendedColumns];
   }
 
+  /**
+   * Whether to show field-type prefix icons across the collection UI.
+   * Controlled by the `showFieldTypeIcons` prop on the collection component (Table, Grid, etc.).
+   * @default false
+   */
+  showFieldTypeIcons = false;
+
   get selectedOrderedColumnsOrAll() {
     const { columns, customColumnsState, columnSizesState } = this;
 

package/src/state/simplifyExtendedColumns.tsx

@@ -3,6 +3,7 @@ import { CustomFieldType, CustomField, ExtendedFields } from '@wix/bex-core';
 import { Column } from '../model';
 import { ExtendedColumn } from '../components/ExtendedColumn/ExtendedColumn';
 import { DataTableColumnAlign } from '@wix/design-system/dist/types/Table/DataTable';
+import { toFieldType } from '../utils/fieldTypePrefixIcons';
 
 const ExtendedColumnsConfig: Record<
   CustomFieldType,
@@ -82,6 +83,7 @@ export function simplifyExtendedColumns<T>({
       hideable: true,
       sortable: field.filterable,
       defaultHidden: defaultHidden || field.owner !== 'user',
+      fieldType: type ? toFieldType(type) : undefined,
       align: type ? ExtendedColumnsConfig[type].align : undefined,
       width: type ? ExtendedColumnsConfig[type].width : undefined,
       style: type ? ExtendedColumnsConfig[type].style : undefined,

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer2545238248__root.CardContainer2545238248--mobile{border-radius:0}.Collapse1505718039__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1505718039__exit{height:0}.CollectionPage2726093718__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2726093718__root.CollectionPage2726093718--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2726093718__root.CollectionPage2726093718--panel{overflow:hidden;position:relative}.CollectionSectionHeader3579172906__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable340162345__root td{vertical-align:middle}.CollectionTable340162345__root.CollectionTable340162345--mobile td:first-child{padding-left:18px}.CollectionTable340162345__root.CollectionTable340162345--mobile td:last-child{padding-right:18px}.CollectionToolbar2919508693__left{min-width:0}.CollectionToolbar2919508693__left.CollectionToolbar2919508693--expandable{flex:auto}.CollectionToolbar2919508693__left.CollectionToolbar2919508693--title>*{width:100%}.CollectionToolbar2919508693__root.CollectionToolbar2919508693---responsiveMode-5-title .CollectionToolbar2919508693__left{flex:1 100;min-width:50px}.CollectionToolbar2919508693__root.CollectionToolbar2919508693---responsiveMode-4-tabs .CollectionToolbar2919508693__left,.CollectionToolbar2919508693__root.CollectionToolbar2919508693---responsiveMode-4-tabs .CollectionToolbar2919508693__left.CollectionToolbar2919508693--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2919508693__root.CollectionToolbar2919508693---responsiveMode-4-tabs .CollectionToolbar2919508693__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2919508693__root .CollectionToolbar2919508693__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2919508693__root.CollectionToolbar2919508693--views .CollectionToolbar2919508693__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2919508693__root.CollectionToolbar2919508693---responsiveMode-4-tabs .CollectionToolbar2919508693__right,.CollectionToolbar2919508693__root.CollectionToolbar2919508693---responsiveMode-5-title .CollectionToolbar2919508693__right{flex:0 1 auto;min-width:0}.CollectionToolbar2919508693__root .CollectionToolbar2919508693__right.CollectionToolbar2919508693__fullWidth{margin-inline-start:0!important}.CollectionToolbar2919508693__root.CollectionToolbar2919508693--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3203701989__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3203701989__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3203701989__searchMobile:not(.SearchOrCustomFilter3203701989--expandable){left:18px}.SearchOrCustomFilter3203701989__searchMobile.SearchOrCustomFilter3203701989--expandable.SearchOrCustomFilter3203701989--expanded{left:18px}.AutoCompleteReadonly2234500149__root.AutoCompleteReadonly2234500149--disableEditing{cursor:pointer}.AutoCompleteReadonly2234500149__root.AutoCompleteReadonly2234500149--disableEditing input{cursor:pointer}.ViewsDropdown2380321708__root{width:200px}.DragHandle2576753877__root{display:flex;align-items:center}.DragHandle2576753877__root:not(.DragHandle2576753877--disabled){cursor:grab;color:#a8caff}.DragHandle2576753877__root.DragHandle2576753877--disabled{color:#acafc4}.DragHandle2576753877__root:focus-visible:not(.DragHandle2576753877--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2576753877__root.DragHandle2576753877--disabled{pointer-events:none}.DragHandle2576753877__root.DragHandle2576753877--dragging:not(.DragHandle2576753877--disabled){cursor:grabbing}.EntityPagePlain875261530__root.EntityPagePlain875261530--mobile{--wds-page-header-padding-horizontal:0}.Fade3970104487__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3970104487__root.Fade3970104487--exit{opacity:0}.Heading3688798431__root{visibility:visible}.Heading3688798431__root.Heading3688798431--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3823422815__fileUpload{width:100%}.InputOverflow2702296081__root.InputOverflow2702296081--selected:not(.InputOverflow2702296081--focused) input::placeholder{color:#000624}@keyframes LoadingRow1261929484__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%}}.LoadingRow1261929484__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:LoadingRow1261929484__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText4035389596__root{opacity:1}.MaxHeightText4035389596__root.MaxHeightText4035389596--height24{line-height:24px}.MaxLines2995177162__root{overflow:hidden}.MaxLines2995177162__root.MaxLines2995177162--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2064943119__root{min-width:0}.MultiBulkActionToolbar2064943119__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2064943119__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2064943119__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow312175470__root td{padding:0!important;width:100%}.NestedTableRow3006676076__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3006676076__root:hover{background-color:#e7f0ff!important}.NestedTableRow3006676076__root.NestedTableRow3006676076--expandable{cursor:pointer}.NestedTableRow3006676076__placeholder td{padding:0!important;width:100%}.NestedTableRow3006676076__root:hover td:first-of-type::before,.NestedTableRow3006676076__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2550722252__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)}.NestedTableDragAndDropRow139061198__root.NestedTableDragAndDropRow139061198--draggingInto td{background-color:#e7f0ff!important}.PickerContent1028485228__root{display:flex}.PickerContentAdditionalStep1033988613__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1033988613__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1059866670__root{box-sizing:border-box}.ScrollableContent2688783039__root.ScrollableContent2688783039--overflowY{overflow-y:auto}.ScrollableContent2688783039__root.ScrollableContent2688783039--overflowX{overflow-x:auto}.ScrollableContent2688783039__root.ScrollableContent2688783039--smooth{scroll-behavior:smooth}.SkeletonCard3914436236__headerLoading{display:block!important}.SlidingModal2539920394__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2539920394__root.SlidingModal2539920394--overlay{transition:transform 0s ease 0s}.SlidingModal2539920394__root.SlidingModal2539920394---appendTo-6-parent{position:absolute}.SlidingModal2539920394__root:not(.SlidingModal2539920394--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter884793764__root .TabsFilter884793764__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter884793764__root.TabsFilter884793764--selected .TabsFilter884793764__title,.TabsFilter884793764__root:hover .TabsFilter884793764__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal2051441849__root{display:flex}.ToolbarItem3509901774__root{min-width:0}.ToolbarItemBox3910797071__root{min-width:0}.ToolbarItemBox3910797071__root.ToolbarItemBox3910797071--removeStartPadding{margin-left:-24px}.ToolbarItemBox3910797071__root.ToolbarItemBox3910797071--expandable{flex:1 0}.common3071416596__column{display:flex;flex-direction:column}.common3071416596__fullHeight{height:100%;min-height:0}.CollectionPageHeader1553681330__root:not(.CollectionPageHeader1553681330--mobile){gap:12px}.CollectionPageHeader1553681330__root.CollectionPageHeader1553681330--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1553681330__root.CollectionPageHeader1553681330--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader379270455__root.FormPageHeader379270455--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader379270455__root.FormPageHeader379270455--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer1566366143__root.CardContainer1566366143--mobile{border-radius:0}.Collapse2986371253__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2986371253__exit{height:0}.CollectionPage3366515438__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3366515438__root.CollectionPage3366515438--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3366515438__root.CollectionPage3366515438--panel{overflow:hidden;position:relative}.CollectionSectionHeader4023101680__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2981164327__root td{vertical-align:middle}.CollectionTable2981164327__root.CollectionTable2981164327--mobile td:first-child{padding-left:18px}.CollectionTable2981164327__root.CollectionTable2981164327--mobile td:last-child{padding-right:18px}.CollectionToolbar953780465__left{min-width:0}.CollectionToolbar953780465__left.CollectionToolbar953780465--expandable{flex:auto}.CollectionToolbar953780465__left.CollectionToolbar953780465--title>*{width:100%}.CollectionToolbar953780465__root.CollectionToolbar953780465---responsiveMode-5-title .CollectionToolbar953780465__left{flex:1 100;min-width:50px}.CollectionToolbar953780465__root.CollectionToolbar953780465---responsiveMode-4-tabs .CollectionToolbar953780465__left,.CollectionToolbar953780465__root.CollectionToolbar953780465---responsiveMode-4-tabs .CollectionToolbar953780465__left.CollectionToolbar953780465--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar953780465__root.CollectionToolbar953780465---responsiveMode-4-tabs .CollectionToolbar953780465__left>*{flex-shrink:1;min-width:0}.CollectionToolbar953780465__root .CollectionToolbar953780465__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar953780465__root.CollectionToolbar953780465--views .CollectionToolbar953780465__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar953780465__root.CollectionToolbar953780465---responsiveMode-4-tabs .CollectionToolbar953780465__right,.CollectionToolbar953780465__root.CollectionToolbar953780465---responsiveMode-5-title .CollectionToolbar953780465__right{flex:0 1 auto;min-width:0}.CollectionToolbar953780465__root .CollectionToolbar953780465__right.CollectionToolbar953780465__fullWidth{margin-inline-start:0!important}.CollectionToolbar953780465__root.CollectionToolbar953780465--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1304714687__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1304714687__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1304714687__searchMobile:not(.SearchOrCustomFilter1304714687--expandable){left:18px}.SearchOrCustomFilter1304714687__searchMobile.SearchOrCustomFilter1304714687--expandable.SearchOrCustomFilter1304714687--expanded{left:18px}.AutoCompleteReadonly844239590__root.AutoCompleteReadonly844239590--disableEditing{cursor:pointer}.AutoCompleteReadonly844239590__root.AutoCompleteReadonly844239590--disableEditing input{cursor:pointer}.ViewsDropdown267929420__root{width:200px}.DragHandle3347869420__root{display:flex;align-items:center}.DragHandle3347869420__root:not(.DragHandle3347869420--disabled){cursor:grab;color:#a8caff}.DragHandle3347869420__root.DragHandle3347869420--disabled{color:#acafc4}.DragHandle3347869420__root:focus-visible:not(.DragHandle3347869420--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3347869420__root.DragHandle3347869420--disabled{pointer-events:none}.DragHandle3347869420__root.DragHandle3347869420--dragging:not(.DragHandle3347869420--disabled){cursor:grabbing}.EntityPagePlain2305275193__root.EntityPagePlain2305275193--mobile{--wds-page-header-padding-horizontal:0}.Fade2577267590__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2577267590__root.Fade2577267590--exit{opacity:0}.Heading774911002__root{visibility:visible}.Heading774911002__root.Heading774911002--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2190126313__fileUpload{width:100%}.InputOverflow202707770__root.InputOverflow202707770--selected:not(.InputOverflow202707770--focused) input::placeholder{color:#000624}@keyframes LoadingRow3461175397__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%}}.LoadingRow3461175397__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:LoadingRow3461175397__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText216893253__root{opacity:1}.MaxHeightText216893253__root.MaxHeightText216893253--height24{line-height:24px}.MaxLines1284639450__root{overflow:hidden}.MaxLines1284639450__root.MaxLines1284639450--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar791660869__root{min-width:0}.MultiBulkActionToolbar791660869__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar791660869__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar791660869__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2310651378__root td{padding:0!important;width:100%}.NestedTableRow2704827787__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2704827787__root:hover{background-color:#e7f0ff!important}.NestedTableRow2704827787__root.NestedTableRow2704827787--expandable{cursor:pointer}.NestedTableRow2704827787__placeholder td{padding:0!important;width:100%}.NestedTableRow2704827787__root:hover td:first-of-type::before,.NestedTableRow2704827787__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1637060963__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)}.NestedTableDragAndDropRow11113410__root.NestedTableDragAndDropRow11113410--draggingInto td{background-color:#e7f0ff!important}.PickerContent1005862874__root{display:flex}.PickerContentAdditionalStep1256051322__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1256051322__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1960942270__root{box-sizing:border-box}.ScrollableContent4102213427__root.ScrollableContent4102213427--overflowY{overflow-y:auto}.ScrollableContent4102213427__root.ScrollableContent4102213427--overflowX{overflow-x:auto}.ScrollableContent4102213427__root.ScrollableContent4102213427--smooth{scroll-behavior:smooth}.SkeletonCard543860056__headerLoading{display:block!important}.SlidingModal3880889394__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3880889394__root.SlidingModal3880889394--overlay{transition:transform 0s ease 0s}.SlidingModal3880889394__root.SlidingModal3880889394---appendTo-6-parent{position:absolute}.SlidingModal3880889394__root:not(.SlidingModal3880889394--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1147196558__root .TabsFilter1147196558__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter1147196558__root.TabsFilter1147196558--selected .TabsFilter1147196558__title,.TabsFilter1147196558__root:hover .TabsFilter1147196558__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal3682471619__root{display:flex}.ToolbarItem1139159954__root{min-width:0}.ToolbarItemBox20441471__root{min-width:0}.ToolbarItemBox20441471__root.ToolbarItemBox20441471--removeStartPadding{margin-left:-24px}.ToolbarItemBox20441471__root.ToolbarItemBox20441471--expandable{flex:1 0}.common909002123__column{display:flex;flex-direction:column}.common909002123__fullHeight{height:100%;min-height:0}.CollectionPageHeader2424010381__root:not(.CollectionPageHeader2424010381--mobile){gap:12px}.CollectionPageHeader2424010381__root.CollectionPageHeader2424010381--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2424010381__root.CollectionPageHeader2424010381--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader4138825591__root.FormPageHeader4138825591--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader4138825591__root.FormPageHeader4138825591--mobile>*{margin-left:0;margin-top:6px!important;height:auto}