@wix/patterns 1.431.0 → 1.433.0

package/src/components/EditableTable/cellTypes/time/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit4179666538";
+var _namespace_ = "Edit257158381";
 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":"Edit4179666538__root","wrapper":"Edit4179666538__wrapper","overlay":"Edit4179666538__overlay"};
+export var classes = {"root":"Edit257158381__root","wrapper":"Edit257158381__wrapper","overlay":"Edit257158381__overlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/url/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2536249540";
+var _namespace_ = "Edit1804190103";
 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":"Edit2536249540__root","urlInput":"Edit2536249540__urlInput"};
+export var classes = {"root":"Edit1804190103__root","urlInput":"Edit1804190103__urlInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/url/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3597373085";
+var _namespace_ = "View1839492545";
 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":"View3597373085__root","textView":"View3597373085__textView","urlText":"View3597373085__urlText","suffix":"View3597373085__suffix"};
+export var classes = {"root":"View1839492545__root","textView":"View1839492545__textView","urlText":"View1839492545__urlText","suffix":"View1839492545__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EntityPage/EntityPageColumnsPanelEntry.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { CustomColumnsPanel } from '../CustomColumnsPanel/CustomColumnsPanel';
+import { useEntityPageContext } from '../../providers';
+
+/** The page's "Manage fields" panel. The host renders it with no props, so it
+ *  takes its state off the page — the same way the table's panel entry takes
+ *  its state off the toolbar. */
+function _EntityPageColumnsPanelEntry() {
+  const { customColumnsState } = useEntityPageContext();
+
+  if (!customColumnsState) {
+    return null;
+  }
+
+  return <CustomColumnsPanel state={customColumnsState} />;
+}
+
+export const EntityPageColumnsPanelEntry = observer(
+  _EntityPageColumnsPanelEntry,
+);

package/src/components/EntityPage/EntityPagePlain.st.css.ts

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

package/src/components/EntityPage/EntityPageSidePanels.tsx

@@ -0,0 +1,36 @@
+import React, { useEffect } from 'react';
+import { observer } from 'mobx-react-lite';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { usePageContext } from '../../providers';
+import { SidePanelsState } from '../../state/SidePanelsState';
+import { WixPatternsModalsContainer } from '../WixPatternsModalsContainer';
+import { WixPatternsPanelModalsContainer } from '../WixPatternsPanelModalsContainer';
+
+export interface EntityPageSidePanelsProps {
+  panels: SidePanelsState;
+}
+
+/** Renders the page's side-panel host once, whatever registered into it. One
+ *  host means one open panel. */
+function _EntityPageSidePanels({ panels }: EntityPageSidePanelsProps) {
+  const { isPanelLayout, useRelativeSidePanel } = useWixPatternsContainer();
+  const { modalsContainerRef, stackingRootRef } = usePageContext();
+
+  useEffect(() => panels.init(), []);
+
+  if (isPanelLayout) {
+    return <WixPatternsPanelModalsContainer state={panels} />;
+  }
+
+  return (
+    <WixPatternsModalsContainer
+      rootRef={stackingRootRef}
+      anchorRef={useRelativeSidePanel ? stackingRootRef : modalsContainerRef}
+      state={panels}
+    />
+  );
+}
+
+_EntityPageSidePanels.displayName = 'EntityPageSidePanels';
+
+export const EntityPageSidePanels = observer(_EntityPageSidePanels);

package/src/components/ExportButton/ExportButton.tsx

@@ -113,7 +113,6 @@ function _ExportButton<T, F extends FiltersMap>(
         </ResponsiveButton>
       ) : (
         <Button
-          skin="standard"
           priority="secondary"
           size="small"
           ellipsis

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

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

package/src/components/Grid/GridContent.tsx

@@ -13,6 +13,7 @@ import { DragAndDropCancel, DragAndDropSubmit } from '../DragAndDrop';
 import { ActionCell } from '../ActionCell';
 import { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';
 import type { Preset } from './Grid.types';
+import { version as cairoVersion } from '../../version';
 
 export interface GridContentBaseProps<T, F extends FiltersMap> {
   preset?: Preset;
@@ -116,6 +117,7 @@ function _GridContent<T, F extends FiltersMap = FiltersMap>(
       paddingLeft={contentPaddingPx}
     >
       <div
+        data-wix-patterns={cairoVersion}
         ref={(el) => {
           state._containerRectState.element = el;
         }}

package/src/components/Grid/useGridItemActions.tsx

@@ -99,7 +99,9 @@ export function useGridItemActions<T, F extends FiltersMap>(
         }
         size="small"
         skin={actionCell.imagePlacement === 'top' ? 'light' : 'standard'}
-        ariaLabel={actionCell.gridState.container.translate('cairo.moreActions')}
+        ariaLabel={actionCell.gridState.container.translate(
+          'cairo.moreActions',
+        )}
       />
     );
   } else if (

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

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

package/src/components/ImportButton/ImportButton.tsx

@@ -87,7 +87,6 @@ function _ImportButton<T, F extends FiltersMap>(props: ImportButtonProps) {
         </ResponsiveButton>
       ) : (
         <Button
-          skin="standard"
           priority="secondary"
           size="small"
           ellipsis

package/src/components/ImportButton/ImportStepProgress.tsx

@@ -59,10 +59,7 @@ function _ImportStepProgress({ state }: ImportStepProgressProps) {
         <Text size="small" dataHook="import-progress-label">
           {isBackingUp
             ? t('cairo.import.backupDescription')
-            : t('cairo.import.progressLabel', {
-                processed: processedCount,
-                total: totalCount,
-              })}
+            : t('cairo.import.progressLabel')}
         </Text>
       )}
     </Box>

package/src/components/ImportButton/ImportStepUpload.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload1021181682";
+var _namespace_ = "ImportStepUpload2501529488";
 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":"ImportStepUpload1021181682__root","fileUpload":"ImportStepUpload1021181682__fileUpload"};
+export var classes = {"root":"ImportStepUpload2501529488__root","fileUpload":"ImportStepUpload2501529488__fileUpload"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ImportButton/getImportModalStepProps.tsx

@@ -116,14 +116,11 @@ export function getImportModalStepProps({
   }
 
   if (currentStep === 'summary') {
-    const { succeeded, failed } = state.result;
+    const { failed } = state.result;
     const hasFailures = failed > 0;
 
     return {
-      title: t('cairo.import.summaryTitle', {
-        imported: String(succeeded),
-        total: state.totalCount,
-      }),
+      title: t('cairo.import.summaryTitle'),
       children: <ImportStepSummary state={state} />,
       showFooterDivider: false,
       // When rows failed, "Download CSV" is the primary (emphasized) action and

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow3544261193";
+var _namespace_ = "LoadingRow1504112851";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"LoadingRow3544261193__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3544261193__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow1504112851__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow1504112851__gradientSwoosh"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

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

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

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar771474346";
+var _namespace_ = "MultiBulkActionToolbar1481972970";
 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":"MultiBulkActionToolbar771474346__root","leftGroupWrapper":"MultiBulkActionToolbar771474346__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar771474346__selectedCountItem","selectedCountText":"MultiBulkActionToolbar771474346__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar1481972970__root","leftGroupWrapper":"MultiBulkActionToolbar1481972970__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1481972970__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1481972970__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

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

package/src/components/NestedTable/NestedTableRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow836910914";
+var _namespace_ = "NestedTableRow2829227085";
 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":"NestedTableRow836910914__root","firstLevel":"NestedTableRow836910914__firstLevel","placeholder":"NestedTableRow836910914__placeholder","parentHovered":"NestedTableRow836910914__parentHovered"};
+export var classes = {"root":"NestedTableRow2829227085__root","firstLevel":"NestedTableRow2829227085__firstLevel","placeholder":"NestedTableRow2829227085__placeholder","parentHovered":"NestedTableRow2829227085__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

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

package/src/components/PageWrapper/PageWrapperBase.tsx

@@ -7,6 +7,7 @@ import {
 import { PageState, SidePanelWidth } from '@wix/bex-core';
 import { runInAction } from 'mobx';
 import { WixDesignSystemProvider } from '@wix/design-system';
+import { version as cairoVersion } from '../../version';
 
 export interface PageWrapperBaseProps {
   pageState?: PageState;
@@ -54,7 +55,7 @@ export function PageWrapperBase(props: PageWrapperBaseProps) {
   let child = (
     <PageContextProvider value={state}>
       <div
-        data-wix-patterns
+        data-wix-patterns={cairoVersion}
         style={rootStyle}
         data-hook="cairo-root-stacking"
         ref={(el) => {

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent3826816446";
+var _namespace_ = "PickerContent4220848037";
 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":"PickerContent3826816446__root"};
+export var classes = {"root":"PickerContent4220848037__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_ = "PickerContentAdditionalStep2799604641";
+var _namespace_ = "PickerContentAdditionalStep205887611";
 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":"PickerContentAdditionalStep2799604641__root","titles":"PickerContentAdditionalStep2799604641__titles","suffix":"PickerContentAdditionalStep2799604641__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep205887611__root","titles":"PickerContentAdditionalStep205887611__titles","suffix":"PickerContentAdditionalStep205887611__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerModal/PickerModal.tsx

@@ -5,6 +5,7 @@ import { FiltersMap } from '@wix/bex-core';
 import { useReactive } from '@wix/bex-utils/react';
 import { PickerModalSplash } from '../PickerModalSplash';
 import { MultipleSelection } from '../MaxSelection';
+import { version as cairoVersion } from '../../version';
 
 export interface PickerModalProps<T, F extends FiltersMap = FiltersMap>
   extends Partial<CustomModalLayoutProps> {
@@ -116,7 +117,7 @@ export function PickerModal<T, F extends FiltersMap = FiltersMap>(
         isOpen={isModalOpen}
       >
         <div
-          data-wix-patterns
+          data-wix-patterns={cairoVersion}
           style={{ width, maxHeight: '100%', display: 'flex' }}
         >
           {child}

package/src/components/PickerStandalone/PickerStandalone.tsx

@@ -14,6 +14,7 @@ import { PickerListContent } from '../PickerListContent';
 import { PickerStandaloneTableListItem } from './PickerStandaloneTableListItem';
 import { observer } from 'mobx-react-lite';
 import { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';
+import { version as cairoVersion } from '../../version';
 
 export interface PickerStandaloneProps<T, F extends FiltersMap>
   extends Partial<PickerStandaloneLayoutProps<T, F>> {
@@ -134,7 +135,7 @@ export function _PickerStandalone<T, F extends FiltersMap = FiltersMap>(
   return (
     <CollectionProvider value={collection}>
       <MultiCollectionSupportProvider value={state.picker.multi}>
-        <div data-patterns>
+        <div data-wix-patterns={cairoVersion}>
           <Splash
             renderError={renderError}
             dataHook={dataHook}

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

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

package/src/components/SchemaSource/schemaFieldManagement.ts

@@ -35,6 +35,9 @@ export const schemaFieldManagement = (
       return schema ? source.canEditField(field, schema) : false;
     },
     supportsPii: sourceState.source.supportsPii,
+    get piiWarning() {
+      return sourceState.source.piiWarning?.();
+    },
     permissions: sourceState.source.fieldPermissions,
     get fieldModalText() {
       const t = sourceState.container.translate;
@@ -88,6 +91,7 @@ export const schemaFieldManagement = (
             (standard ? t(standard.namePlaceholderKey) : undefined),
           subtitle: ft.subtitle,
           group: ft.group,
+          supportsPii: ft.supportsPii,
           patternsType: ft.patternsType,
         };
       });

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

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

package/src/components/SetupWidget/SetupStepCard.tsx

@@ -1,6 +1,10 @@
 import React from 'react';
 import { Box, Text, Divider, Tooltip } from '@wix/design-system';
-import { ChevronRight, ChevronDown, ChevronUp } from '@wix/wix-ui-icons-common/lazy';
+import {
+  ChevronRight,
+  ChevronDown,
+  ChevronUp,
+} from '@wix/wix-ui-icons-common/lazy';
 import { SetupWidgetStep } from '@wix/bex-core';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { SetupStepIcon } from './SetupStepIcon';

package/src/components/SetupWidget/SetupStepIcon.tsx

@@ -1,6 +1,9 @@
 import React from 'react';
 import { Box } from '@wix/design-system';
-import { ConfirmSmall, CircleSmallFilledSmall } from '@wix/wix-ui-icons-common/lazy';
+import {
+  ConfirmSmall,
+  CircleSmallFilledSmall,
+} from '@wix/wix-ui-icons-common/lazy';
 import { SetupWidgetStepStatus } from '@wix/bex-core';
 
 /**

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SetupWidget3089908037";
+var _namespace_ = "SetupWidget2832764723";
 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":"SetupWidget3089908037__root","row":"SetupWidget3089908037__row","completedCta":"SetupWidget3089908037__completedCta","card":"SetupWidget3089908037__card","stepIcon":"SetupWidget3089908037__stepIcon","chevron":"SetupWidget3089908037__chevron","chevronDisabled":"SetupWidget3089908037__chevronDisabled","inProgressLabel":"SetupWidget3089908037__inProgressLabel"};
+export var classes = {"root":"SetupWidget2832764723__root","row":"SetupWidget2832764723__row","completedCta":"SetupWidget2832764723__completedCta","card":"SetupWidget2832764723__card","stepIcon":"SetupWidget2832764723__stepIcon","chevron":"SetupWidget2832764723__chevron","chevronDisabled":"SetupWidget2832764723__chevronDisabled","inProgressLabel":"SetupWidget2832764723__inProgressLabel"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};