@wix/patterns 1.445.0 → 1.447.0

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

@@ -25,13 +25,13 @@ export const dateCellType = defineCellType<Date | string | null>({
     }
     return date;
   },
-  validate: (value) => {
+  validate: (value, _rules, translate) => {
     if (!value) {
       return null;
     }
     const date = value instanceof Date ? value : new Date(value);
     if (isNaN(date.getTime())) {
-      return 'Invalid date';
+      return translate!('cairo.editableTable.date.validation.invalid');
     }
     return null;
   },

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit206686195";
+var _namespace_ = "Edit1943091834";
 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":"Edit206686195__root","half":"Edit206686195__half","dateHalf":"Edit206686195__dateHalf Edit206686195__half","timeHalf":"Edit206686195__timeHalf Edit206686195__half","divider":"Edit206686195__divider","passiveText":"Edit206686195__passiveText","placeholderText":"Edit206686195__placeholderText Edit206686195__passiveText"};
+export var classes = {"root":"Edit1943091834__root","half":"Edit1943091834__half","dateHalf":"Edit1943091834__dateHalf Edit1943091834__half","timeHalf":"Edit1943091834__timeHalf Edit1943091834__half","divider":"Edit1943091834__divider","passiveText":"Edit1943091834__passiveText","placeholderText":"Edit1943091834__placeholderText Edit1943091834__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_ = "View1553704831";
+var _namespace_ = "View133343380";
 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":"View1553704831__root","leaf":"View1553704831__leaf","datePart":"View1553704831__datePart View1553704831__leaf","timePart":"View1553704831__timePart View1553704831__leaf","placeholder":"View1553704831__placeholder View1553704831__leaf","divider":"View1553704831__divider"};
+export var classes = {"root":"View133343380__root","leaf":"View133343380__leaf","datePart":"View133343380__datePart View133343380__leaf","timePart":"View133343380__timePart View133343380__leaf","placeholder":"View133343380__placeholder View133343380__leaf","divider":"View133343380__divider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -35,11 +35,13 @@ export const dateTimeCellType = defineCellType<Date | null>({
     }
     return date;
   },
-  validate: (value) => {
+  validate: (value, _rules, translate) => {
     if (value == null) {
       return null;
     }
-    return toValidDate(value) ? null : 'Invalid date/time';
+    return toValidDate(value)
+      ? null
+      : translate!('cairo.editableTable.dateTime.validation.invalid');
   },
   editable: true,
   clearable: true,

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3697751612";
+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":"Edit3697751612__root","emailInput":"Edit3697751612__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_ = "View819474640";
+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":"View819474640__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_ = "Edit2095126508";
+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":"Edit2095126508__root","numberInput":"Edit2095126508__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_ = "View3154474587";
+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":"View3154474587__root","textView":"View3154474587__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_ = "Edit1128688006";
+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":"Edit1128688006__root","jsonInput":"Edit1128688006__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_ = "View3661302835";
+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":"View3661302835__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_ = "Edit2705155614";
+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":"Edit2705155614__root","selectInput":"Edit2705155614__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_ = "Edit3791132897";
+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":"Edit3791132897__root","editWrapper":"Edit3791132897__editWrapper","inputArea":"Edit3791132897__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_ = "View4181936370";
+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":"View4181936370__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_ = "Edit619452332";
+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":"Edit619452332__root","wrapper":"Edit619452332__wrapper","overlay":"Edit619452332__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_ = "Edit208230424";
+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":"Edit208230424__root","urlInput":"Edit208230424__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_ = "View420760888";
+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":"View420760888__root","textView":"View420760888__textView","urlText":"View420760888__urlText","suffix":"View420760888__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_ = "EmptyStateBase7412392";
+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":"EmptyStateBase7412392__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_ = "EntityPagePlain1660982067";
+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":"EntityPagePlain1660982067__root"};
+export var classes = {"root":"EntityPagePlain1564940090__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EntityPageFields/EntityPageCustomField.tsx

@@ -1,7 +1,9 @@
 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';
 
 export interface EntityPageCustomFieldProps {
@@ -21,14 +23,6 @@ export interface EntityPageCustomFieldProps {
 const FOCUSABLE =
   'input, textarea, select, button, [contenteditable], [tabindex]:not([tabindex="-1"])';
 
-// The contract asks a form component for a Focusable, the same as a cell's
-// inputRef. A component that hands back a real input also satisfies the rest of
-// what react-hook-form may call, so read those opportunistically.
-type FormControl = Focusable &
-  Partial<
-    Pick<HTMLInputElement, 'select' | 'setCustomValidity' | 'reportValidity'>
-  >;
-
 // Owns the react-hook-form wiring for a custom field type, so a definition's
 // form component never touches the form: it gets value/onChange and renders
 // only the input. Registration here (not in the component) also guarantees the
@@ -42,6 +36,7 @@ export function EntityPageCustomField({
   definition,
   dataHook,
 }: EntityPageCustomFieldProps) {
+  const { translate: t } = useWixPatternsContainer();
   const validate = definition.value?.validate;
   const controller = useController({
     name: field.id,
@@ -50,7 +45,7 @@ export function EntityPageCustomField({
     rules: validate
       ? {
           validate: (value) =>
-            validate(value, toValidationRules(field)) ?? true,
+            validate(value, toValidationRules(field, t)) ?? true,
         }
       : undefined,
   });
@@ -67,29 +62,23 @@ export function EntityPageCustomField({
       if (!element) {
         return;
       }
-      registerRef({
-        focus: () => {
-          const consumer = consumerRef.current;
-          if (consumer?.focus) {
-            consumer.focus();
-            return;
+      // The component's own control when it filled inputRef, otherwise
+      // whatever is focusable inside the wrapper. Resolved in one place so the
+      // focus path and the calls behind it cannot disagree.
+      const control = () =>
+        consumerRef.current ?? element.querySelector<HTMLElement>(FOCUSABLE);
+
+      registerRef(
+        fieldRefHandle(() => {
+          // Without a control from the component the field may be off screen
+          // with nothing to focus, so move to it before trying.
+          if (!consumerRef.current) {
+            // Not implemented in jsdom.
+            element.scrollIntoView?.({ block: 'center' });
           }
-          // Not implemented in jsdom.
-          element.scrollIntoView?.({ block: 'center' });
-          element.querySelector<HTMLElement>(FOCUSABLE)?.focus();
-        },
-        // react-hook-form wraps whatever is registered and calls these through
-        // unconditionally, so they have to exist here or setFocus and native
-        // validation throw on the way to the control.
-        select: () => (consumerRef.current as FormControl | null)?.select?.(),
-        setCustomValidity: (message: string) =>
-          (consumerRef.current as FormControl | null)?.setCustomValidity?.(
-            message,
-          ),
-        reportValidity: () =>
-          (consumerRef.current as FormControl | null)?.reportValidity?.() ??
-          true,
-      });
+          control()?.focus?.();
+        }, control),
+      );
     },
     [registerRef],
   );

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

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

package/src/components/Grid/useGridItemActions.tsx

@@ -18,6 +18,7 @@ import {
 } from '../CollectionItemActions/CollectionItemActionsHelper';
 import { getDefaultActionCellProps } from '../CollectionItemActions/getDefaultActionCellProps';
 import { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 
 interface ActionCell<T, F extends FiltersMap> {
   actionCell: GridCardItemProps<T, F>['actionCell'];
@@ -66,6 +67,7 @@ export function useGridItemActions<T, F extends FiltersMap>(
   const extensionMenuItems = useExtensionMenuItems({
     containerId: actions.containerId,
   });
+  const isBmHarmonyTheme = useBmHarmonyTheme();
 
   const secondaryActionCellPropsWithBI = createSecondaryActionCellPropWithBi({
     toolbarBIReporter: actionCell.gridState.toolbar.toolbarBIReporter,
@@ -129,9 +131,9 @@ export function useGridItemActions<T, F extends FiltersMap>(
               actionCell.gridState._dnd ? (e) => e.stopPropagation() : undefined
             }
             onMouseLeave={close}
-            skin={actionCell.imagePlacement === 'top' ? 'light' : 'standard'}
+            {...(actionCell.imagePlacement === 'top' && { skin: 'light' })}
             size="small"
-            priority="secondary"
+            priority={isBmHarmonyTheme ? 'tertiary' : 'secondary'}
           >
             <More />
           </IconButton>

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading386952903";
+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":"Heading386952903__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_ = "ImportStepUpload1582844632";
+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":"ImportStepUpload1582844632__root","fileUpload":"ImportStepUpload1582844632__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_ = "InputOverflow212485012";
+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":"InputOverflow212485012__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_ = "LoadingRow3889172829";
+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":"LoadingRow3889172829__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3889172829__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_ = "MaxHeightText883485478";
+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":"MaxHeightText883485478__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_ = "MaxLines407219590";
+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":"MaxLines407219590__root"};
+export var classes = {"root":"MaxLines1746004319__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};