@wix/patterns 1.397.0 → 1.398.0

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

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

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

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

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep2534276490";
+var _namespace_ = "PickerContentAdditionalStep4078831938";
 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":"PickerContentAdditionalStep2534276490__root","titles":"PickerContentAdditionalStep2534276490__titles","suffix":"PickerContentAdditionalStep2534276490__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep4078831938__root","titles":"PickerContentAdditionalStep4078831938__titles","suffix":"PickerContentAdditionalStep4078831938__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

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

package/src/components/SingleSelectFilter/SingleSelectFilter.tsx

@@ -112,7 +112,7 @@ function _SingleSelectFilter<V, F extends FiltersMap>(
       infiniteScroll
       value={search.value}
       onChange={(e) => {
-        collection.search(e.target.value);
+        collection.search(e.target.value, { clearResult: true });
       }}
       onFocus={onFocus}
       filter={filter}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard3500914143";
+var _namespace_ = "SkeletonCard1593387239";
 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":"SkeletonCard3500914143__root","headerLoading":"SkeletonCard3500914143__headerLoading"};
+export var classes = {"root":"SkeletonCard1593387239__root","headerLoading":"SkeletonCard1593387239__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_ = "SlidingModal1759969884";
+var _namespace_ = "SlidingModal1531261617";
 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":"SlidingModal1759969884__root"};
+export var classes = {"root":"SlidingModal1531261617__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/StatusToastFromConfig/StatusToastFromConfig.tsx

@@ -0,0 +1,63 @@
+import React, { useMemo } from 'react';
+import { ToastConfig, ToastType } from '@wix/bex-core';
+import { StatusToast } from '@wix/design-system';
+
+const TOAST_TYPE_TO_STATUS: {
+  [key in ToastType]?: 'success' | 'error' | 'warning' | 'info';
+} = {
+  STANDARD: 'info',
+  PREMIUM: 'info',
+  SUCCESS: 'success',
+  WARNING: 'warning',
+  ERROR: 'error',
+};
+
+interface StatusToastFromConfigProps {
+  config: ToastConfig;
+  onClose: () => void;
+  dataHook?: string;
+  messageDataHook?: string;
+  actionDataHook?: string;
+}
+
+export const StatusToastFromConfig = ({
+  config,
+  onClose,
+  dataHook,
+  messageDataHook,
+  actionDataHook,
+}: StatusToastFromConfigProps) => {
+  const action = useMemo(() => {
+    if (!config.action?.text) {
+      return undefined;
+    }
+    const handleClick = () => {
+      config.action?.onClick?.();
+      if (config.action?.removeToastOnClick) {
+        onClose();
+      }
+    };
+    return (
+      <StatusToast.Action dataHook={actionDataHook} onClick={handleClick}>
+        {config.action.text}
+      </StatusToast.Action>
+    );
+  }, [config, onClose, actionDataHook]);
+
+  return (
+    <StatusToast
+      key={config.biName ?? config.message}
+      dataHook={dataHook}
+      status={TOAST_TYPE_TO_STATUS[config.type ?? 'STANDARD']}
+      dismissible
+      onDismiss={onClose}
+      action={action}
+    >
+      {messageDataHook ? (
+        <span data-hook={messageDataHook}>{config.message}</span>
+      ) : (
+        config.message
+      )}
+    </StatusToast>
+  );
+};

package/src/components/StatusToastFromConfig/index.ts

@@ -0,0 +1 @@
+export { StatusToastFromConfig } from './StatusToastFromConfig';

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter3782181898";
+var _namespace_ = "TabsFilter2923604144";
 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":"TabsFilter3782181898__root","title":"TabsFilter3782181898__title"};
+export var classes = {"root":"TabsFilter2923604144__root","title":"TabsFilter2923604144__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_ = "ManageTagsModal2401035653";
+var _namespace_ = "ManageTagsModal4026655041";
 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":"ManageTagsModal2401035653__root"};
+export var classes = {"root":"ManageTagsModal4026655041__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsNotification.tsx

@@ -1,6 +1,6 @@
-import React, { useMemo } from 'react';
-import { ToastConfig, ToastType } from '@wix/bex-core';
-import { StatusToast } from '@wix/design-system';
+import React from 'react';
+import { ToastConfig } from '@wix/bex-core';
+import { StatusToastFromConfig } from '../../../StatusToastFromConfig';
 
 interface ManageTagsNotificationProps {
   toastConfig: ToastConfig;
@@ -8,56 +8,16 @@ interface ManageTagsNotificationProps {
   dataHook?: string;
 }
 
-const toastTypeToStatus: {
-  [key in ToastType]?: 'success' | 'error' | 'warning' | 'info';
-} = {
-  STANDARD: 'info',
-  PREMIUM: 'info',
-  SUCCESS: 'success',
-  WARNING: 'warning',
-  ERROR: 'error',
-};
-
 export const ManageTagsNotification = ({
   toastConfig,
   onClose,
   dataHook,
-}: ManageTagsNotificationProps) => {
-  const actionElement = useMemo(() => {
-    if (!toastConfig.action?.text) {
-      return undefined;
-    }
-
-    const handleClick = () => {
-      toastConfig.action?.onClick?.();
-
-      if (toastConfig.action?.removeToastOnClick) {
-        onClose(toastConfig);
-      }
-    };
-
-    return (
-      <StatusToast.Action
-        dataHook="manage-tags-modal-notification-action"
-        onClick={handleClick}
-      >
-        {toastConfig.action.text}
-      </StatusToast.Action>
-    );
-  }, [toastConfig, onClose]);
-
-  return (
-    <StatusToast
-      key={toastConfig.biName ?? toastConfig.message}
-      dataHook={dataHook}
-      status={toastTypeToStatus[toastConfig.type ?? 'STANDARD']}
-      dismissible
-      onDismiss={() => onClose(toastConfig)}
-      action={actionElement}
-    >
-      <span data-hook="manage-tags-modal-notification-message">
-        {toastConfig.message}
-      </span>
-    </StatusToast>
-  );
-};
+}: ManageTagsNotificationProps) => (
+  <StatusToastFromConfig
+    config={toastConfig}
+    onClose={() => onClose(toastConfig)}
+    dataHook={dataHook}
+    messageDataHook="manage-tags-modal-notification-message"
+    actionDataHook="manage-tags-modal-notification-action"
+  />
+);

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem1322820676";
+var _namespace_ = "ToolbarItem227452217";
 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":"ToolbarItem1322820676__root"};
+export var classes = {"root":"ToolbarItem227452217__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_ = "ToolbarItemBox2303251495";
+var _namespace_ = "ToolbarItemBox305015988";
 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":"ToolbarItemBox2303251495__root"};
+export var classes = {"root":"ToolbarItemBox305015988__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_ = "common3285940329";
+var _namespace_ = "common3191932831";
 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":"common3285940329__root","column":"common3285940329__column","fullHeight":"common3285940329__fullHeight"};
+export var classes = {"root":"common3191932831__root","column":"common3191932831__column","fullHeight":"common3191932831__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/hooks/useFilterCollectionStates.tsx

@@ -48,7 +48,11 @@ export function useFilterCollectionStates<T, F extends FiltersMap>(
     </Box>
   );
 
-  if (collection.showInitialLoader || collection.result.status.isLoading) {
+  if (
+    collection.showInitialLoader ||
+    collection.result.status.isLoading ||
+    collection.showRefreshLoader
+  ) {
     return {
       showInitialLoader: true,
       fixedFooter: getFixedFooter('initial-loader', <Loader size="small" />),

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader3706617562";
+var _namespace_ = "CollectionPageHeader342102969";
 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":"CollectionPageHeader3706617562__root"};
+export var classes = {"root":"CollectionPageHeader342102969__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_ = "FormPageHeader15721753";
+var _namespace_ = "FormPageHeader813076429";
 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":"FormPageHeader15721753__root"};
+export var classes = {"root":"FormPageHeader813076429__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer2075108360__root.CardContainer2075108360--mobile{border-radius:0}.Collapse2561386098__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2561386098__exit{height:0}.CollectionPage4005950345__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage4005950345__root.CollectionPage4005950345--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage4005950345__root.CollectionPage4005950345--panel{overflow:hidden;position:relative}.CollectionSectionHeader261989301__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2485335937__root td{vertical-align:middle}.CollectionTable2485335937__root.CollectionTable2485335937--mobile td:first-child{padding-left:18px}.CollectionTable2485335937__root.CollectionTable2485335937--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable887267237__root.CollectionTableWSRTable887267237--resizable table{min-width:100%}.CollectionTableWSRTable887267237__root.CollectionTableWSRTable887267237--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar1645699191__left{min-width:0}.CollectionToolbar1645699191__left.CollectionToolbar1645699191--expandable{flex:auto}.CollectionToolbar1645699191__left.CollectionToolbar1645699191--title>*{width:100%}.CollectionToolbar1645699191__root.CollectionToolbar1645699191---responsiveMode-5-title .CollectionToolbar1645699191__left{flex:1 100;min-width:50px}.CollectionToolbar1645699191__root.CollectionToolbar1645699191---responsiveMode-4-tabs .CollectionToolbar1645699191__left,.CollectionToolbar1645699191__root.CollectionToolbar1645699191---responsiveMode-4-tabs .CollectionToolbar1645699191__left.CollectionToolbar1645699191--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1645699191__root.CollectionToolbar1645699191---responsiveMode-4-tabs .CollectionToolbar1645699191__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1645699191__root .CollectionToolbar1645699191__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1645699191__root.CollectionToolbar1645699191--views .CollectionToolbar1645699191__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1645699191__root.CollectionToolbar1645699191---responsiveMode-4-tabs .CollectionToolbar1645699191__right,.CollectionToolbar1645699191__root.CollectionToolbar1645699191---responsiveMode-5-title .CollectionToolbar1645699191__right{flex:0 1 auto;min-width:0}.CollectionToolbar1645699191__root .CollectionToolbar1645699191__right.CollectionToolbar1645699191__fullWidth{margin-inline-start:0!important}.CollectionToolbar1645699191__root.CollectionToolbar1645699191--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3414311896__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3414311896__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3414311896__searchMobile:not(.SearchOrCustomFilter3414311896--expandable){left:18px}.SearchOrCustomFilter3414311896__searchMobile.SearchOrCustomFilter3414311896--expandable.SearchOrCustomFilter3414311896--expanded{left:18px}.AutoCompleteReadonly2771318287__root.AutoCompleteReadonly2771318287--disableEditing{cursor:pointer}.AutoCompleteReadonly2771318287__root.AutoCompleteReadonly2771318287--disableEditing input{cursor:pointer}.ViewsDropdown2746010907__root{width:200px}.DragHandle1837564310__root{display:flex;align-items:center}.DragHandle1837564310__root:not(.DragHandle1837564310--disabled){cursor:grab;color:#a8caff}.DragHandle1837564310__root.DragHandle1837564310--disabled{color:#acafc4}.DragHandle1837564310__root:focus-visible:not(.DragHandle1837564310--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1837564310__root.DragHandle1837564310--disabled{pointer-events:none}.DragHandle1837564310__root.DragHandle1837564310--dragging:not(.DragHandle1837564310--disabled){cursor:grabbing}td:has(>.EditableCell1170875432__root){position:relative;overflow:visible;min-height:24px}.EditableCell1170875432__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)}.EditableCell1170875432__root.EditableCell1170875432--selected{background:rgba(56,153,236,.08)}.EditableCell1170875432__root.EditableCell1170875432--focused:not(.EditableCell1170875432--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell1170875432__root.EditableCell1170875432--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}.EditableCell1170875432__root.EditableCell1170875432--editing:not(.EditableCell1170875432--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell1170875432__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell1170875432__root.EditableCell1170875432--selectionTop:not(.EditableCell1170875432--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell1170875432__root.EditableCell1170875432--selectionBottom:not(.EditableCell1170875432--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1170875432__root.EditableCell1170875432--selectionLeft:not(.EditableCell1170875432--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell1170875432__root.EditableCell1170875432--selectionRight:not(.EditableCell1170875432--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell1170875432__root.EditableCell1170875432--selectionTop.EditableCell1170875432--editing.EditableCell1170875432--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell1170875432__root.EditableCell1170875432--selectionBottom.EditableCell1170875432--editing.EditableCell1170875432--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1170875432__root.EditableCell1170875432--selectionLeft.EditableCell1170875432--editing.EditableCell1170875432--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell1170875432__root.EditableCell1170875432--selectionRight.EditableCell1170875432--editing.EditableCell1170875432--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell1170875432__root.EditableCell1170875432--invalid:not(.EditableCell1170875432--editing){background:rgba(229,0,77,.06)}.EditableCell1170875432__root.EditableCell1170875432--copiedTop:not(.EditableCell1170875432--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell1170875432__root.EditableCell1170875432--copiedBottom:not(.EditableCell1170875432--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell1170875432__root.EditableCell1170875432--copiedLeft:not(.EditableCell1170875432--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell1170875432__root.EditableCell1170875432--copiedRight:not(.EditableCell1170875432--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell1170875432__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover1813305084__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover1813305084__root,.HeaderActionsPopover1813305084__root[data-menu-open=true],.HeaderActionsPopover1813305084__root:focus-within{opacity:1}.CellViewLayout1028112890__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout1028112890__root>*{flex:1;min-width:0}.Edit617452447__booleanEdit{display:flex;align-items:center;margin-left:12px}.View818449832__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit1340937759__dateInput{width:100%;margin-left:-1px}.Edit3704959797__emailInput{width:100%;margin-left:-1px}.Edit1609711193__numberInput{width:100%;margin-right:2px}.Edit1609711193__numberInput input{text-align:right;direction:ltr}.View3528323424__textView{width:100%;text-align:right}.Edit531649558__jsonInput{width:100%;margin-left:-1px}.Edit1337084627__selectInput{width:100%}.Edit170280416__editWrapper{width:100%}.Edit170280416__inputArea{background-color:transparent;width:100%}.Edit170280416__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit170280416__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit170280416__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit170280416__inputArea:not(.Edit170280416--isFocused) textarea{resize:none;overflow:hidden}.Edit170280416__inputArea:not(.Edit170280416--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2369600675__urlInput{width:100%;margin-left:-1px}.View1081089671__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View1081089671__urlText{flex:1;min-width:0}.View1081089671__suffix{flex-shrink:0;margin-left:10px}.View1081089671__textView.View1081089671--suffixOnHover:not(:hover) .View1081089671__suffix{display:none}.EntityPagePlain4029120273__root.EntityPagePlain4029120273--mobile{--wds-page-header-padding-horizontal:0}.Fade946818323__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade946818323__root.Fade946818323--exit{opacity:0}.Heading2477534996__root{visibility:visible}.Heading2477534996__root.Heading2477534996--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2481984157__fileUpload{width:100%}.InputOverflow1092642502__root.InputOverflow1092642502--selected:not(.InputOverflow1092642502--focused) input::placeholder{color:#000624}@keyframes LoadingRow4053623288__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%}}.LoadingRow4053623288__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:LoadingRow4053623288__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText950016588__root{opacity:1}.MaxHeightText950016588__root.MaxHeightText950016588--height24{line-height:24px}.MaxLines2744051348__root{overflow:hidden}.MaxLines2744051348__root.MaxLines2744051348--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar956766975__root{min-width:0}.MultiBulkActionToolbar956766975__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar956766975__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar956766975__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow966698253__root td{padding:0!important;width:100%}.NestedTableRow996044690__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow996044690__root:hover{background-color:#e7f0ff!important}.NestedTableRow996044690__root.NestedTableRow996044690--expandable{cursor:pointer}.NestedTableRow996044690__placeholder td{padding:0!important;width:100%}.NestedTableRow996044690__root:hover td:first-of-type::before,.NestedTableRow996044690__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2790228652__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)}.NestedTableDragAndDropRow1274474789__root.NestedTableDragAndDropRow1274474789--draggingInto td{background-color:#e7f0ff!important}.PickerContent4268976884__root{display:flex}.PickerContentAdditionalStep2534276490__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2534276490__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2226145618__root{box-sizing:border-box}.ScrollableContent2870402056__root.ScrollableContent2870402056--overflowY{overflow-y:auto}.ScrollableContent2870402056__root.ScrollableContent2870402056--overflowX{overflow-x:auto}.ScrollableContent2870402056__root.ScrollableContent2870402056--smooth{scroll-behavior:smooth}.SkeletonCard3500914143__headerLoading{display:block!important}.SlidingModal1759969884__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1759969884__root.SlidingModal1759969884--overlay{transition:transform 0s ease 0s}.SlidingModal1759969884__root.SlidingModal1759969884---appendTo-6-parent{position:absolute}.SlidingModal1759969884__root:not(.SlidingModal1759969884--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3782181898__root .TabsFilter3782181898__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter3782181898__root.TabsFilter3782181898--selected .TabsFilter3782181898__title,.TabsFilter3782181898__root:hover .TabsFilter3782181898__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal2401035653__root{display:flex}.ToolbarItem1322820676__root{min-width:0}.ToolbarItemBox2303251495__root{min-width:0}.ToolbarItemBox2303251495__root.ToolbarItemBox2303251495--removeStartPadding{margin-left:-24px}.ToolbarItemBox2303251495__root.ToolbarItemBox2303251495--expandable{flex:1 0}.common3285940329__column{display:flex;flex-direction:column}.common3285940329__fullHeight{height:100%;min-height:0}.CollectionPageHeader3706617562__root:not(.CollectionPageHeader3706617562--mobile){gap:12px}.CollectionPageHeader3706617562__root.CollectionPageHeader3706617562--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3706617562__root.CollectionPageHeader3706617562--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader15721753__root.FormPageHeader15721753--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader15721753__root.FormPageHeader15721753--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer3675777102__root.CardContainer3675777102--mobile{border-radius:0}.CmsFieldForm620051302__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal856061327__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection2469205065__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput3249916756__field{flex:1;min-width:0}.Collapse3305460696__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3305460696__exit{height:0}.CollectionPage2642185604__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2642185604__root.CollectionPage2642185604--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2642185604__root.CollectionPage2642185604--panel{overflow:hidden;position:relative}.CollectionSectionHeader699658794__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable1442834370__root td{vertical-align:middle}.CollectionTable1442834370__root.CollectionTable1442834370--mobile td:first-child{padding-left:18px}.CollectionTable1442834370__root.CollectionTable1442834370--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable1389700346__root.CollectionTableWSRTable1389700346--resizable table{min-width:100%}.CollectionTableWSRTable1389700346__root.CollectionTableWSRTable1389700346--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar1939696381__left{min-width:0}.CollectionToolbar1939696381__left.CollectionToolbar1939696381--expandable{flex:auto}.CollectionToolbar1939696381__left.CollectionToolbar1939696381--title>*{width:100%}.CollectionToolbar1939696381__root.CollectionToolbar1939696381---responsiveMode-5-title .CollectionToolbar1939696381__left{flex:1 100;min-width:50px}.CollectionToolbar1939696381__root.CollectionToolbar1939696381---responsiveMode-4-tabs .CollectionToolbar1939696381__left,.CollectionToolbar1939696381__root.CollectionToolbar1939696381---responsiveMode-4-tabs .CollectionToolbar1939696381__left.CollectionToolbar1939696381--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1939696381__root.CollectionToolbar1939696381---responsiveMode-4-tabs .CollectionToolbar1939696381__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1939696381__root .CollectionToolbar1939696381__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1939696381__root.CollectionToolbar1939696381--views .CollectionToolbar1939696381__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1939696381__root.CollectionToolbar1939696381---responsiveMode-4-tabs .CollectionToolbar1939696381__right,.CollectionToolbar1939696381__root.CollectionToolbar1939696381---responsiveMode-5-title .CollectionToolbar1939696381__right{flex:0 1 auto;min-width:0}.CollectionToolbar1939696381__root .CollectionToolbar1939696381__right.CollectionToolbar1939696381__fullWidth{margin-inline-start:0!important}.CollectionToolbar1939696381__root.CollectionToolbar1939696381--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1858433612__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1858433612__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1858433612__searchMobile:not(.SearchOrCustomFilter1858433612--expandable){left:18px}.SearchOrCustomFilter1858433612__searchMobile.SearchOrCustomFilter1858433612--expandable.SearchOrCustomFilter1858433612--expanded{left:18px}.AutoCompleteReadonly2062627611__root.AutoCompleteReadonly2062627611--disableEditing{cursor:pointer}.AutoCompleteReadonly2062627611__root.AutoCompleteReadonly2062627611--disableEditing input{cursor:pointer}.ViewsDropdown1133598523__root{width:200px}.DragHandle2954543528__root{display:flex;align-items:center}.DragHandle2954543528__root:not(.DragHandle2954543528--disabled){cursor:grab;color:#a8caff}.DragHandle2954543528__root.DragHandle2954543528--disabled{color:#acafc4}.DragHandle2954543528__root:focus-visible:not(.DragHandle2954543528--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2954543528__root.DragHandle2954543528--disabled{pointer-events:none}.DragHandle2954543528__root.DragHandle2954543528--dragging:not(.DragHandle2954543528--disabled){cursor:grabbing}td:has(>.EditableCell2410741874__root){position:relative;overflow:visible;min-height:24px}.EditableCell2410741874__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)}.EditableCell2410741874__root.EditableCell2410741874--selected{background:rgba(56,153,236,.08)}.EditableCell2410741874__root.EditableCell2410741874--focused:not(.EditableCell2410741874--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell2410741874__root.EditableCell2410741874--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}.EditableCell2410741874__root.EditableCell2410741874--editing:not(.EditableCell2410741874--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell2410741874__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell2410741874__root.EditableCell2410741874--selectionTop:not(.EditableCell2410741874--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell2410741874__root.EditableCell2410741874--selectionBottom:not(.EditableCell2410741874--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2410741874__root.EditableCell2410741874--selectionLeft:not(.EditableCell2410741874--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell2410741874__root.EditableCell2410741874--selectionRight:not(.EditableCell2410741874--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell2410741874__root.EditableCell2410741874--selectionTop.EditableCell2410741874--editing.EditableCell2410741874--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell2410741874__root.EditableCell2410741874--selectionBottom.EditableCell2410741874--editing.EditableCell2410741874--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2410741874__root.EditableCell2410741874--selectionLeft.EditableCell2410741874--editing.EditableCell2410741874--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell2410741874__root.EditableCell2410741874--selectionRight.EditableCell2410741874--editing.EditableCell2410741874--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell2410741874__root.EditableCell2410741874--invalid:not(.EditableCell2410741874--editing){background:rgba(229,0,77,.06)}.EditableCell2410741874__root.EditableCell2410741874--copiedTop:not(.EditableCell2410741874--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell2410741874__root.EditableCell2410741874--copiedBottom:not(.EditableCell2410741874--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell2410741874__root.EditableCell2410741874--copiedLeft:not(.EditableCell2410741874--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell2410741874__root.EditableCell2410741874--copiedRight:not(.EditableCell2410741874--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell2410741874__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover2426526163__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover2426526163__root,.HeaderActionsPopover2426526163__root[data-menu-open=true],.HeaderActionsPopover2426526163__root:focus-within{opacity:1}.CellViewLayout1703368409__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout1703368409__root>*{flex:1;min-width:0}.Edit2926467071__booleanEdit{display:flex;align-items:center;margin-left:12px}.View630518677__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit1344500611__dateInput{width:100%;margin-left:-1px}.Edit3075222500__emailInput{width:100%;margin-left:-1px}.Edit3536348979__numberInput{width:100%;margin-right:2px}.Edit3536348979__numberInput input{text-align:right;direction:ltr}.View2457313708__textView{width:100%;text-align:right}.Edit2465111391__jsonInput{width:100%;margin-left:-1px}.Edit4254165993__selectInput{width:100%}.Edit3758881888__editWrapper{width:100%}.Edit3758881888__inputArea{background-color:transparent;width:100%}.Edit3758881888__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3758881888__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit3758881888__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3758881888__inputArea:not(.Edit3758881888--isFocused) textarea{resize:none;overflow:hidden}.Edit3758881888__inputArea:not(.Edit3758881888--isFocused) textarea::-webkit-scrollbar{display:none}.Edit361578883__urlInput{width:100%;margin-left:-1px}.View754937869__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View754937869__urlText{flex:1;min-width:0}.View754937869__suffix{flex-shrink:0;margin-left:10px}.View754937869__textView.View754937869--suffixOnHover:not(:hover) .View754937869__suffix{display:none}.EntityPagePlain3536782552__root.EntityPagePlain3536782552--mobile{--wds-page-header-padding-horizontal:0}.Fade2342122444__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2342122444__root.Fade2342122444--exit{opacity:0}.Heading2784564374__root{visibility:visible}.Heading2784564374__root.Heading2784564374--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3169120808__fileUpload{width:100%}.InputOverflow3964013168__root.InputOverflow3964013168--selected:not(.InputOverflow3964013168--focused) input::placeholder{color:#000624}@keyframes LoadingRow3352924696__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%}}.LoadingRow3352924696__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:LoadingRow3352924696__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1383193270__root{opacity:1}.MaxHeightText1383193270__root.MaxHeightText1383193270--height24{line-height:24px}.MaxLines2260226371__root{overflow:hidden}.MaxLines2260226371__root.MaxLines2260226371--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2995266827__root{min-width:0}.MultiBulkActionToolbar2995266827__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2995266827__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2995266827__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1561851671__root td{padding:0!important;width:100%}.NestedTableRow241993205__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow241993205__root:hover{background-color:#e7f0ff!important}.NestedTableRow241993205__root.NestedTableRow241993205--expandable{cursor:pointer}.NestedTableRow241993205__placeholder td{padding:0!important;width:100%}.NestedTableRow241993205__root:hover td:first-of-type::before,.NestedTableRow241993205__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect405172101__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)}.NestedTableDragAndDropRow2285967488__root.NestedTableDragAndDropRow2285967488--draggingInto td{background-color:#e7f0ff!important}.PickerContent1043288773__root{display:flex}.PickerContentAdditionalStep4078831938__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep4078831938__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem4034245690__root{box-sizing:border-box}.ScrollableContent740081677__root.ScrollableContent740081677--overflowY{overflow-y:auto}.ScrollableContent740081677__root.ScrollableContent740081677--overflowX{overflow-x:auto}.ScrollableContent740081677__root.ScrollableContent740081677--smooth{scroll-behavior:smooth}.SkeletonCard1593387239__headerLoading{display:block!important}.SlidingModal1531261617__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1531261617__root.SlidingModal1531261617--overlay{transition:transform 0s ease 0s}.SlidingModal1531261617__root.SlidingModal1531261617---appendTo-6-parent{position:absolute}.SlidingModal1531261617__root:not(.SlidingModal1531261617--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2923604144__root .TabsFilter2923604144__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter2923604144__root.TabsFilter2923604144--selected .TabsFilter2923604144__title,.TabsFilter2923604144__root:hover .TabsFilter2923604144__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal4026655041__root{display:flex}.ToolbarItem227452217__root{min-width:0}.ToolbarItemBox305015988__root{min-width:0}.ToolbarItemBox305015988__root.ToolbarItemBox305015988--removeStartPadding{margin-left:-24px}.ToolbarItemBox305015988__root.ToolbarItemBox305015988--expandable{flex:1 0}.common3191932831__column{display:flex;flex-direction:column}.common3191932831__fullHeight{height:100%;min-height:0}.CollectionPageHeader342102969__root:not(.CollectionPageHeader342102969--mobile){gap:12px}.CollectionPageHeader342102969__root.CollectionPageHeader342102969--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader342102969__root.CollectionPageHeader342102969--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader813076429__root.FormPageHeader813076429--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader813076429__root.FormPageHeader813076429--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/utils/fieldTypePrefixIcons.tsx

@@ -137,7 +137,6 @@ const FIELD_TYPE_ICON_MAP: Partial<Record<FieldType, FieldPrefixIconEntry>> = {
 const ICON_STYLE: React.CSSProperties = {
   display: 'flex',
   alignItems: 'center',
-  color: 'var(--wds-color-text-standard-primary, #000624)',
 };
 
 export function getFieldTypeIcon({
@@ -150,15 +149,27 @@ export function getFieldTypeIcon({
   const Fallback = size === 'medium' ? Database : DatabaseSmall;
 
   if (!fieldType) {
-    return <span style={ICON_STYLE}><Fallback /></span>;
+    return (
+      <span style={ICON_STYLE}>
+        <Fallback />
+      </span>
+    );
   }
 
   const entry = FIELD_TYPE_ICON_MAP[fieldType];
 
   if (!entry) {
-    return <span style={ICON_STYLE}><Fallback /></span>;
+    return (
+      <span style={ICON_STYLE}>
+        <Fallback />
+      </span>
+    );
   }
 
   const Icon = size === 'medium' ? entry.medium : entry.small;
-  return <span style={ICON_STYLE}><Icon /></span>;
+  return (
+    <span style={ICON_STYLE}>
+      <Icon />
+    </span>
+  );
 }

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.397.0';
+export const version = 'patterns@1.398.0';