@wix/patterns 1.482.0 → 1.483.0

package/src/components/CmsFieldManagement/CmsFieldModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CmsFieldModal112067056";
+var _namespace_ = "CmsFieldModal2493735177";
 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":"CmsFieldModal112067056__root","modal":"CmsFieldModal112067056__modal"};
+export var classes = {"root":"CmsFieldModal2493735177__root","modal":"CmsFieldModal2493735177__modal"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "ValidationAndDefaultsSection3597092500";
+var _namespace_ = "ValidationAndDefaultsSection3896500806";
 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":"ValidationAndDefaultsSection3597092500__root","accordionWrapper":"ValidationAndDefaultsSection3597092500__accordionWrapper"};
+export var classes = {"root":"ValidationAndDefaultsSection3896500806__root","accordionWrapper":"ValidationAndDefaultsSection3896500806__accordionWrapper"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Collapse957113978";
+var _namespace_ = "Collapse136079483";
 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":"Collapse957113978__root","exit":"Collapse957113978__exit"};
+export var classes = {"root":"Collapse136079483__root","exit":"Collapse136079483__exit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionPageNew/CollectionPage.st.css.ts

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionSectionHeader1109188456";
+var _namespace_ = "CollectionSectionHeader4175391760";
 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":"CollectionSectionHeader1109188456__root","summaryIcon":"CollectionSectionHeader1109188456__summaryIcon"};
+export var classes = {"root":"CollectionSectionHeader4175391760__root","summaryIcon":"CollectionSectionHeader4175391760__summaryIcon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

package/src/components/CollectionTable/CollectionTableWSRTable.st.css.ts

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar3439806607";
+var _namespace_ = "CollectionToolbar4191390783";
 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":"CollectionToolbar3439806607__root","right":"CollectionToolbar3439806607__right","left":"CollectionToolbar3439806607__left","fullWidth":"CollectionToolbar3439806607__fullWidth"};
+export var classes = {"root":"CollectionToolbar4191390783__root","right":"CollectionToolbar4191390783__right","left":"CollectionToolbar4191390783__left","fullWidth":"CollectionToolbar4191390783__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter746399388";
+var _namespace_ = "SearchOrCustomFilter3598456581";
 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":"SearchOrCustomFilter746399388__root","search":"SearchOrCustomFilter746399388__search","searchMobile":"SearchOrCustomFilter746399388__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter3598456581__root","search":"SearchOrCustomFilter3598456581__search","searchMobile":"SearchOrCustomFilter3598456581__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts

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

package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts

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

package/src/components/CustomFieldModal/CustomFieldForm.tsx

@@ -171,6 +171,7 @@ export const _CustomFieldForm = (props: CustomFieldFormProps) => {
                 onChange: containsPii.onChange,
               }}
               mode={mode}
+              canChangePii={state.canChangePii}
               language={language}
               piiWarning={state.piiWarning}
             />

package/src/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CustomFieldFormPiiFields1228557018";
+var _namespace_ = "CustomFieldFormPiiFields1126082020";
 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":"CustomFieldFormPiiFields1228557018__root","tooltipText":"CustomFieldFormPiiFields1228557018__tooltipText"};
+export var classes = {"root":"CustomFieldFormPiiFields1126082020__root","tooltipText":"CustomFieldFormPiiFields1126082020__tooltipText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CustomFieldModal/CustomFieldFormPiiFields.tsx

@@ -10,6 +10,7 @@ import {
   ToggleSwitch,
 } from '@wix/design-system';
 import type { FieldPiiWarning } from '@wix/bex-core';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { Trans } from '../Trans';
 import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 import { classes } from './CustomFieldFormPiiFields.st.css.js';
@@ -20,6 +21,7 @@ interface PiiFormFieldsProps {
     onChange: (value: boolean) => void;
   };
   mode: string;
+  canChangePii?: boolean;
   language: string;
   /** Shown only while the toggle is on. */
   piiWarning?: FieldPiiWarning;
@@ -28,9 +30,11 @@ interface PiiFormFieldsProps {
 export function PiiFormFields({
   containsPii,
   mode,
+  canChangePii = mode !== 'edit',
   language,
   piiWarning,
 }: PiiFormFieldsProps) {
+  const { translate } = useWixPatternsContainer();
   const isBmHarmonyTheme = useBmHarmonyTheme();
   const tooltipTextSize = isBmHarmonyTheme ? 'tiny' : 'small';
   const translateKeys = {
@@ -42,17 +46,18 @@ export function PiiFormFields({
       'cairo.customFields.addCustomField.modal.PII-setting.toggle.editNote',
   } as const;
   const whyIsItImportantLink = `https://support.wix.com/${language}/article/about-personally-identifiable-information-pii`;
-  const isEdit = mode === 'edit';
+  const isPiiLocked = mode === 'edit' && !canChangePii;
 
   return (
     <>
       <Cell span={12}>
         <FormField>
-          <Box gap="9px" marginBlockEnd={isEdit ? '6px' : undefined}>
+          <Box gap="9px" marginBlockEnd={isPiiLocked ? '6px' : undefined}>
             <ToggleSwitch
               dataHook="pii-toggle-switch"
+              aria-label={translate(translateKeys.toggleName)}
               size="medium"
-              disabled={isEdit}
+              disabled={!canChangePii}
               checked={containsPii.value}
               onChange={(e) => containsPii.onChange(e.target.checked)}
             />
@@ -90,7 +95,7 @@ export function PiiFormFields({
             </Box>
           </Box>
         </FormField>
-        {isEdit && (
+        {isPiiLocked && (
           <Box>
             <Text size="small" dataHook="pii-toggle-edit-note">
               <Trans i18nKey={translateKeys.toggleEditNote} />

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

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

package/src/components/EditableTable/EditableCell.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EditableCell997750120";
+var _namespace_ = "EditableCell3309682090";
 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":"EditableCell997750120__root","errorMessage":"EditableCell997750120__errorMessage"};
+export var classes = {"root":"EditableCell3309682090__root","errorMessage":"EditableCell3309682090__errorMessage"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/HeaderActionsPopover.st.css.ts

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

package/src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit290107507";
+var _namespace_ = "Edit2465882765";
 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":"Edit290107507__root","addressInput":"Edit290107507__addressInput"};
+export var classes = {"root":"Edit2465882765__root","addressInput":"Edit2465882765__addressInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1226354150";
+var _namespace_ = "Edit187134751";
 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":"Edit1226354150__root","jsonInput":"Edit1226354150__jsonInput"};
+export var classes = {"root":"Edit187134751__root","jsonInput":"Edit187134751__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3486629839";
+var _namespace_ = "Edit553149446";
 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":"Edit3486629839__root","booleanEdit":"Edit3486629839__booleanEdit"};
+export var classes = {"root":"Edit553149446__root","booleanEdit":"Edit553149446__booleanEdit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View1045276149";
+var _namespace_ = "View2780809279";
 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":"View1045276149__root","booleanView":"View1045276149__booleanView"};
+export var classes = {"root":"View2780809279__root","booleanView":"View2780809279__booleanView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2522559292";
+var _namespace_ = "Edit3869966854";
 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":"Edit2522559292__root","dateInput":"Edit2522559292__dateInput"};
+export var classes = {"root":"Edit3869966854__root","dateInput":"Edit3869966854__dateInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3461277649";
+var _namespace_ = "Edit3230846280";
 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":"Edit3461277649__root","half":"Edit3461277649__half","dateHalf":"Edit3461277649__dateHalf Edit3461277649__half","timeHalf":"Edit3461277649__timeHalf Edit3461277649__half","divider":"Edit3461277649__divider","passiveText":"Edit3461277649__passiveText","placeholderText":"Edit3461277649__placeholderText Edit3461277649__passiveText"};
+export var classes = {"root":"Edit3230846280__root","half":"Edit3230846280__half","dateHalf":"Edit3230846280__dateHalf Edit3230846280__half","timeHalf":"Edit3230846280__timeHalf Edit3230846280__half","divider":"Edit3230846280__divider","passiveText":"Edit3230846280__passiveText","placeholderText":"Edit3230846280__placeholderText Edit3230846280__passiveText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View783731082";
+var _namespace_ = "View3043169916";
 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":"View783731082__root","leaf":"View783731082__leaf","datePart":"View783731082__datePart View783731082__leaf","timePart":"View783731082__timePart View783731082__leaf","placeholder":"View783731082__placeholder View783731082__leaf","divider":"View783731082__divider"};
+export var classes = {"root":"View3043169916__root","leaf":"View3043169916__leaf","datePart":"View3043169916__datePart View3043169916__leaf","timePart":"View3043169916__timePart View3043169916__leaf","placeholder":"View3043169916__placeholder View3043169916__leaf","divider":"View3043169916__divider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit642095855";
+var _namespace_ = "Edit755446550";
 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":"Edit642095855__root","emailInput":"Edit642095855__emailInput"};
+export var classes = {"root":"Edit755446550__root","emailInput":"Edit755446550__emailInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3535968053";
+var _namespace_ = "View3810151596";
 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":"View3535968053__root"};
+export var classes = {"root":"View3810151596__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_ = "Edit4233519889";
+var _namespace_ = "Edit2979442439";
 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":"Edit4233519889__root","numberInput":"Edit4233519889__numberInput"};
+export var classes = {"root":"Edit2979442439__root","numberInput":"Edit2979442439__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_ = "View3283603094";
+var _namespace_ = "View2569538802";
 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":"View3283603094__root","textView":"View3283603094__textView"};
+export var classes = {"root":"View2569538802__root","textView":"View2569538802__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_ = "Edit1594439409";
+var _namespace_ = "Edit3161541003";
 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":"Edit1594439409__root","jsonInput":"Edit1594439409__jsonInput"};
+export var classes = {"root":"Edit3161541003__root","jsonInput":"Edit3161541003__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};