@wix/patterns 1.431.0 → 1.432.0

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3691147245";
+var _namespace_ = "Edit2444082246";
 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":"Edit3691147245__root","numberInput":"Edit3691147245__numberInput"};
+export var classes = {"root":"Edit2444082246__root","numberInput":"Edit2444082246__numberInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3559157400";
+var _namespace_ = "View1038111937";
 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":"View3559157400__root","textView":"View3559157400__textView"};
+export var classes = {"root":"View1038111937__root","textView":"View1038111937__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2050020221";
+var _namespace_ = "Edit3699074681";
 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":"Edit2050020221__root","jsonInput":"Edit2050020221__jsonInput"};
+export var classes = {"root":"Edit3699074681__root","jsonInput":"Edit3699074681__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit526154172";
+var _namespace_ = "Edit606883967";
 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":"Edit526154172__root","selectInput":"Edit526154172__selectInput"};
+export var classes = {"root":"Edit606883967__root","selectInput":"Edit606883967__selectInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2692897257";
+var _namespace_ = "Edit2107400312";
 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":"Edit2692897257__root","editWrapper":"Edit2692897257__editWrapper","inputArea":"Edit2692897257__inputArea"};
+export var classes = {"root":"Edit2107400312__root","editWrapper":"Edit2107400312__editWrapper","inputArea":"Edit2107400312__inputArea"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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_ = "Edit1165847028";
 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":"Edit1165847028__root","wrapper":"Edit1165847028__wrapper","overlay":"Edit1165847028__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_ = "Edit3379054411";
 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":"Edit3379054411__root","urlInput":"Edit3379054411__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_ = "View1273965631";
 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":"View1273965631__root","textView":"View1273965631__textView","urlText":"View1273965631__urlText","suffix":"View1273965631__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_ = "EntityPagePlain4244855842";
 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":"EntityPagePlain4244855842__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/Fade/Fade.st.css.ts

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

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_ = "Heading3985415550";
 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":"Heading3985415550__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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_ = "ImportStepUpload2906753210";
 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":"ImportStepUpload2906753210__root","fileUpload":"ImportStepUpload2906753210__fileUpload"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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_ = "InputOverflow1123225006";
 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":"InputOverflow1123225006__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_ = "LoadingRow214488386";
 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":"LoadingRow214488386__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow214488386__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_ = "MaxHeightText1460525093";
 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":"MaxHeightText1460525093__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_ = "MaxLines488704964";
 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":"MaxLines488704964__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_ = "MultiBulkActionToolbar402848319";
 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":"MultiBulkActionToolbar402848319__root","leftGroupWrapper":"MultiBulkActionToolbar402848319__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar402848319__selectedCountItem","selectedCountText":"MultiBulkActionToolbar402848319__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_ = "NestedTablePlaceholderStatesRow4105787451";
 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":"NestedTablePlaceholderStatesRow4105787451__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_ = "NestedTableRow1122296152";
 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":"NestedTableRow1122296152__root","firstLevel":"NestedTableRow1122296152__firstLevel","placeholder":"NestedTableRow1122296152__placeholder","parentHovered":"NestedTableRow1122296152__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_ = "MultipleDragOverlayEffect2427680455";
 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":"MultipleDragOverlayEffect2427680455__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_ = "NestedTableDragAndDropRow889009264";
 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":"NestedTableDragAndDropRow889009264__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_ = "PickerContent3826816446";
+var _namespace_ = "PickerContent170665173";
 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":"PickerContent170665173__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_ = "PickerContentAdditionalStep1878984807";
 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":"PickerContentAdditionalStep1878984807__root","titles":"PickerContentAdditionalStep1878984807__titles","suffix":"PickerContentAdditionalStep1878984807__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_ = "PickerTableListItem2844782450";
+var _namespace_ = "PickerTableListItem3454716548";
 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":"PickerTableListItem3454716548__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_ = "ScrollableContent947430149";
 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":"ScrollableContent947430149__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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_ = "SetupWidget2654981828";
 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":"SetupWidget2654981828__root","row":"SetupWidget2654981828__row","completedCta":"SetupWidget2654981828__completedCta","card":"SetupWidget2654981828__card","stepIcon":"SetupWidget2654981828__stepIcon","chevron":"SetupWidget2654981828__chevron","chevronDisabled":"SetupWidget2654981828__chevronDisabled","inProgressLabel":"SetupWidget2654981828__inProgressLabel"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard1690257211";
+var _namespace_ = "SkeletonCard1840186893";
 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":"SkeletonCard1690257211__root","headerLoading":"SkeletonCard1690257211__headerLoading"};
+export var classes = {"root":"SkeletonCard1840186893__root","headerLoading":"SkeletonCard1840186893__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};