@wix/patterns 1.446.0 → 1.447.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit251951507";
+var _namespace_ = "Edit2257242858";
 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":"Edit251951507__root","emailInput":"Edit251951507__emailInput"};
+export var classes = {"root":"Edit2257242858__root","emailInput":"Edit2257242858__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_ = "View3897007649";
+var _namespace_ = "View1464338794";
 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":"View3897007649__root"};
+export var classes = {"root":"View1464338794__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/email/index.ts

@@ -11,9 +11,9 @@ export const emailCellType = defineCellType<string>({
   EditComponent: EmailEdit,
   serialize: (value) => value ?? '',
   deserialize: (raw) => raw,
-  validate: (value) => {
+  validate: (value, _rules, translate) => {
     if (value && !emailValidation.isValid(value)) {
-      return 'Invalid email format';
+      return translate!('cairo.editableTable.email.validation.invalid');
     }
     return null;
   },

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit4293594728";
+var _namespace_ = "Edit2246019872";
 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":"Edit4293594728__root","numberInput":"Edit4293594728__numberInput"};
+export var classes = {"root":"Edit2246019872__root","numberInput":"Edit2246019872__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_ = "View1028679298";
+var _namespace_ = "View2899761164";
 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":"View1028679298__root","textView":"View1028679298__textView"};
+export var classes = {"root":"View2899761164__root","textView":"View2899761164__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/number/index.ts

@@ -19,9 +19,9 @@ export const numberCellType = defineCellType<number | null>({
     }
     return parsed;
   },
-  validate: (value) => {
+  validate: (value, _rules, translate) => {
     if (value != null && typeof value !== 'number') {
-      return 'Value must be a number';
+      return translate!('cairo.editableTable.number.validation.invalid');
     }
     return null;
   },

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1558508534";
+var _namespace_ = "Edit3247671627";
 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":"Edit1558508534__root","jsonInput":"Edit1558508534__jsonInput"};
+export var classes = {"root":"Edit3247671627__root","jsonInput":"Edit3247671627__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_ = "View1629659411";
+var _namespace_ = "View621640568";
 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":"View1629659411__root"};
+export var classes = {"root":"View621640568__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_ = "Edit1370268481";
+var _namespace_ = "Edit604603312";
 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":"Edit1370268481__root","selectInput":"Edit1370268481__selectInput"};
+export var classes = {"root":"Edit604603312__root","selectInput":"Edit604603312__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_ = "Edit2457973312";
+var _namespace_ = "Edit1232124440";
 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":"Edit2457973312__root","editWrapper":"Edit2457973312__editWrapper","inputArea":"Edit2457973312__inputArea"};
+export var classes = {"root":"Edit1232124440__root","editWrapper":"Edit1232124440__editWrapper","inputArea":"Edit1232124440__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_ = "View885644843";
+var _namespace_ = "View3174443787";
 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":"View885644843__root"};
+export var classes = {"root":"View3174443787__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_ = "Edit871404938";
+var _namespace_ = "Edit1720697502";
 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":"Edit871404938__root","wrapper":"Edit871404938__wrapper","overlay":"Edit871404938__overlay"};
+export var classes = {"root":"Edit1720697502__root","wrapper":"Edit1720697502__wrapper","overlay":"Edit1720697502__overlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/time/index.ts

@@ -28,11 +28,13 @@ export const timeCellType = defineCellType<Time | null>({
     }
     return raw;
   },
-  validate: (value) => {
+  validate: (value, _rules, translate) => {
     if (!value) {
       return null;
     }
-    return TIME_REGEXP.test(value) ? null : 'Invalid time';
+    return TIME_REGEXP.test(value)
+      ? null
+      : translate!('cairo.editableTable.time.validation.invalid');
   },
   editable: true,
   clearable: true,

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2546142657";
+var _namespace_ = "Edit3043044264";
 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":"Edit2546142657__root","urlInput":"Edit2546142657__urlInput"};
+export var classes = {"root":"Edit3043044264__root","urlInput":"Edit3043044264__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_ = "View3403835407";
+var _namespace_ = "View2333694355";
 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":"View3403835407__root","textView":"View3403835407__textView","urlText":"View3403835407__urlText","suffix":"View3403835407__suffix"};
+export var classes = {"root":"View2333694355__root","textView":"View2333694355__textView","urlText":"View2333694355__urlText","suffix":"View2333694355__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/url/index.ts

@@ -28,9 +28,9 @@ export const urlCellType = defineCellType<string>({
   EditComponent: UrlEdit,
   serialize: (value) => value ?? '',
   deserialize: (raw) => raw,
-  validate: (value) => {
+  validate: (value, _rules, translate) => {
     if (value && !URL_PATTERN.test(value)) {
-      return 'Invalid URL format';
+      return translate!('cairo.editableTable.url.validation.invalid');
     }
     return null;
   },

package/src/components/EmptyState/EmptyStateBase.st.css.ts

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

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

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

package/src/components/EntityPageFields/EntityPageCustomField.tsx

@@ -1,6 +1,7 @@
 import React, { useCallback, useRef } from 'react';
 import { Box, FormField } from '@wix/design-system';
 import type { Field, FieldTypeDefinition, Focusable } from '@wix/bex-core';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useController, type Control } from '@wix/bex-core/form';
 import { fieldRefHandle } from '@wix/patterns-fields';
 import { toValidationRules } from '../../state/buildEditableFieldColumns';
@@ -35,6 +36,7 @@ export function EntityPageCustomField({
   definition,
   dataHook,
 }: EntityPageCustomFieldProps) {
+  const { translate: t } = useWixPatternsContainer();
   const validate = definition.value?.validate;
   const controller = useController({
     name: field.id,
@@ -43,7 +45,7 @@ export function EntityPageCustomField({
     rules: validate
       ? {
           validate: (value) =>
-            validate(value, toValidationRules(field)) ?? true,
+            validate(value, toValidationRules(field, t)) ?? true,
         }
       : undefined,
   });

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Fade2261417060";
+var _namespace_ = "Fade602793137";
 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":"Fade2261417060__root"};
+export var classes = {"root":"Fade602793137__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_ = "Heading2491838071";
+var _namespace_ = "Heading2949301540";
 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":"Heading2491838071__root"};
+export var classes = {"root":"Heading2949301540__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_ = "ImportStepUpload2976789225";
+var _namespace_ = "ImportStepUpload3472681618";
 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":"ImportStepUpload2976789225__root","fileUpload":"ImportStepUpload2976789225__fileUpload"};
+export var classes = {"root":"ImportStepUpload3472681618__root","fileUpload":"ImportStepUpload3472681618__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_ = "InputOverflow1255096655";
+var _namespace_ = "InputOverflow346442707";
 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":"InputOverflow1255096655__root"};
+export var classes = {"root":"InputOverflow346442707__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_ = "LoadingRow1595536176";
+var _namespace_ = "LoadingRow2952309050";
 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":"LoadingRow1595536176__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1595536176__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow2952309050__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow2952309050__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_ = "MaxHeightText3926941562";
+var _namespace_ = "MaxHeightText2835948940";
 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":"MaxHeightText3926941562__root"};
+export var classes = {"root":"MaxHeightText2835948940__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_ = "MaxLines396791620";
+var _namespace_ = "MaxLines1746004319";
 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":"MaxLines396791620__root"};
+export var classes = {"root":"MaxLines1746004319__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_ = "MultiBulkActionToolbar402961466";
+var _namespace_ = "MultiBulkActionToolbar592642826";
 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":"MultiBulkActionToolbar402961466__root","leftGroupWrapper":"MultiBulkActionToolbar402961466__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar402961466__selectedCountItem","selectedCountText":"MultiBulkActionToolbar402961466__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar592642826__root","leftGroupWrapper":"MultiBulkActionToolbar592642826__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar592642826__selectedCountItem","selectedCountText":"MultiBulkActionToolbar592642826__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_ = "NestedTablePlaceholderStatesRow2094836156";
+var _namespace_ = "NestedTablePlaceholderStatesRow343384427";
 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":"NestedTablePlaceholderStatesRow2094836156__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow343384427__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_ = "NestedTableRow822259815";
+var _namespace_ = "NestedTableRow2340955180";
 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":"NestedTableRow822259815__root","firstLevel":"NestedTableRow822259815__firstLevel","placeholder":"NestedTableRow822259815__placeholder","parentHovered":"NestedTableRow822259815__parentHovered"};
+export var classes = {"root":"NestedTableRow2340955180__root","firstLevel":"NestedTableRow2340955180__firstLevel","placeholder":"NestedTableRow2340955180__placeholder","parentHovered":"NestedTableRow2340955180__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_ = "MultipleDragOverlayEffect2886295854";
+var _namespace_ = "MultipleDragOverlayEffect2840141890";
 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":"MultipleDragOverlayEffect2886295854__root"};
+export var classes = {"root":"MultipleDragOverlayEffect2840141890__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_ = "NestedTableDragAndDropRow4086293915";
+var _namespace_ = "NestedTableDragAndDropRow151064686";
 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":"NestedTableDragAndDropRow4086293915__root"};
+export var classes = {"root":"NestedTableDragAndDropRow151064686__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_ = "PickerContent3531268449";
+var _namespace_ = "PickerContent4222478660";
 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":"PickerContent3531268449__root"};
+export var classes = {"root":"PickerContent4222478660__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_ = "PickerContentAdditionalStep3632670883";
+var _namespace_ = "PickerContentAdditionalStep751880777";
 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":"PickerContentAdditionalStep3632670883__root","titles":"PickerContentAdditionalStep3632670883__titles","suffix":"PickerContentAdditionalStep3632670883__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep751880777__root","titles":"PickerContentAdditionalStep751880777__titles","suffix":"PickerContentAdditionalStep751880777__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_ = "PickerTableListItem3728010085";
+var _namespace_ = "PickerTableListItem391151476";
 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":"PickerTableListItem3728010085__root"};
+export var classes = {"root":"PickerTableListItem391151476__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};