@wix/patterns 1.440.0 → 1.443.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3676001541";
+var _namespace_ = "Edit2888572549";
 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":"Edit3676001541__root","emailInput":"Edit3676001541__emailInput"};
+export var classes = {"root":"Edit2888572549__root","emailInput":"Edit2888572549__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_ = "View3454428163";
+var _namespace_ = "View373539723";
 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":"View3454428163__root"};
+export var classes = {"root":"View373539723__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_ = "Edit1737970135";
+var _namespace_ = "Edit3847130781";
 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":"Edit1737970135__root","numberInput":"Edit1737970135__numberInput"};
+export var classes = {"root":"Edit3847130781__root","numberInput":"Edit3847130781__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_ = "View3589657388";
+var _namespace_ = "View3010082775";
 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":"View3589657388__root","textView":"View3589657388__textView"};
+export var classes = {"root":"View3010082775__root","textView":"View3010082775__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_ = "Edit3511635534";
+var _namespace_ = "Edit46610088";
 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":"Edit3511635534__root","jsonInput":"Edit3511635534__jsonInput"};
+export var classes = {"root":"Edit46610088__root","jsonInput":"Edit46610088__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_ = "View2392658376";
+var _namespace_ = "View3856994611";
 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":"View2392658376__root"};
+export var classes = {"root":"View3856994611__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/richContent/index.tsx

@@ -13,7 +13,10 @@ import { RichContentView } from './View';
 const richContentEditFactory = () =>
   import(/* webpackChunkName: "EditableTableRichContentEdit" */ './Edit');
 
-if (typeof process !== 'undefined' && process.env.STORYBOOK_VISUAL_E2E !== 'true') {
+if (
+  typeof process !== 'undefined' &&
+  process.env.STORYBOOK_VISUAL_E2E !== 'true'
+) {
   richContentEditFactory();
 }
 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit181991657";
+var _namespace_ = "Edit2138601928";
 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":"Edit181991657__root","selectInput":"Edit181991657__selectInput"};
+export var classes = {"root":"Edit2138601928__root","selectInput":"Edit2138601928__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_ = "Edit2673057581";
+var _namespace_ = "Edit2718752973";
 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":"Edit2673057581__root","editWrapper":"Edit2673057581__editWrapper","inputArea":"Edit2673057581__inputArea"};
+export var classes = {"root":"Edit2718752973__root","editWrapper":"Edit2718752973__editWrapper","inputArea":"Edit2718752973__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_ = "View1782837973";
+var _namespace_ = "View3604705960";
 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":"View1782837973__root"};
+export var classes = {"root":"View3604705960__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_ = "Edit236755580";
+var _namespace_ = "Edit3074794358";
 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":"Edit236755580__root","wrapper":"Edit236755580__wrapper","overlay":"Edit236755580__overlay"};
+export var classes = {"root":"Edit3074794358__root","wrapper":"Edit3074794358__wrapper","overlay":"Edit3074794358__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_ = "Edit465683795";
+var _namespace_ = "Edit3901173961";
 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":"Edit465683795__root","urlInput":"Edit465683795__urlInput"};
+export var classes = {"root":"Edit3901173961__root","urlInput":"Edit3901173961__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_ = "View3751587142";
+var _namespace_ = "View585821481";
 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":"View3751587142__root","textView":"View3751587142__textView","urlText":"View3751587142__urlText","suffix":"View3751587142__suffix"};
+export var classes = {"root":"View585821481__root","textView":"View585821481__textView","urlText":"View585821481__urlText","suffix":"View585821481__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EmptyStateBase3993238046";
+var _namespace_ = "EmptyStateBase3289312929";
 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":"EmptyStateBase3993238046__root"};
+export var classes = {"root":"EmptyStateBase3289312929__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_ = "EntityPagePlain693532632";
+var _namespace_ = "EntityPagePlain1475507905";
 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":"EntityPagePlain693532632__root"};
+export var classes = {"root":"EntityPagePlain1475507905__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EntityPageFields/EntityPageCustomField.tsx

@@ -0,0 +1,61 @@
+import React from 'react';
+import { FormField } from '@wix/design-system';
+import type { Field, FieldTypeDefinition } from '@wix/bex-core';
+import { useController, type Control } from '@wix/bex-core/form';
+import { toValidationRules } from '../../state/buildEditableFieldColumns';
+
+export interface EntityPageCustomFieldProps {
+  field: Field;
+  formControl: Control<any>;
+  /** The entity — seeds the form default value. */
+  data: Record<string, unknown>;
+  /** The field's resolved definition. Must carry a `form` slot. */
+  definition: FieldTypeDefinition;
+  dataHook?: string;
+}
+
+// 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
+// field reaches form.getValues() — an unregistered field silently drops out of
+// the save. Validation comes from the definition's value.validate, the same
+// authority the editable table runs.
+export function EntityPageCustomField({
+  field,
+  formControl,
+  data,
+  definition,
+  dataHook,
+}: EntityPageCustomFieldProps) {
+  const validate = definition.value?.validate;
+  const controller = useController({
+    name: field.id,
+    control: formControl,
+    defaultValue: data?.[field.id] ?? definition.value?.defaultValue,
+    rules: validate
+      ? {
+          validate: (value) =>
+            validate(value, toValidationRules(field)) ?? true,
+        }
+      : undefined,
+  });
+  const Component = definition.form!.Component;
+
+  return (
+    <FormField
+      label={field.displayName}
+      required={field.validation?.required}
+      status={controller.fieldState.error ? 'error' : undefined}
+      statusMessage={controller.fieldState.error?.message}
+      dataHook={dataHook}
+    >
+      <Component
+        field={field}
+        value={controller.field.value}
+        onChange={controller.field.onChange}
+        onBlur={controller.field.onBlur}
+        dataHook={dataHook && `${dataHook}-input`}
+      />
+    </FormField>
+  );
+}

package/src/components/EntityPageFields/EntityPageField.tsx

@@ -1,8 +1,13 @@
 import React, { Suspense } from 'react';
 import { Box, Text } from '@wix/design-system';
-import type { Field, PatternsFieldType } from '@wix/bex-core';
+import type {
+  Field,
+  FieldTypeDefinition,
+  PatternsFieldType,
+} from '@wix/bex-core';
 import type { Control } from '@wix/bex-core/form';
 import { EntityPageReferenceField } from './EntityPageReferenceField';
+import { EntityPageCustomField } from './EntityPageCustomField';
 import {
   FormShortText,
   FormLongText,
@@ -65,11 +70,14 @@ const FormRichContent = lazyField(async () => ({
     .FormRichContent,
 }));
 
-// REFERENCE / MULTI_REFERENCE are not here — they need referenced-collection
-// data, so EntityPageField routes them through EntityPageReferenceField instead
-// of this dispatcher.
-const FIELD_INPUTS: Partial<
-  Record<PatternsFieldType, React.ComponentType<any>>
+// Every type renders on the entity page: REFERENCE / MULTI_REFERENCE go
+// through EntityPageReferenceField (they need referenced-collection data),
+// CUSTOM through its definition's form slot, and everything else through this
+// map. The exhaustive Record makes adding a PatternsFieldType without a form
+// renderer a compile error.
+const FIELD_INPUTS: Record<
+  Exclude<PatternsFieldType, 'REFERENCE' | 'MULTI_REFERENCE' | 'CUSTOM'>,
+  React.ComponentType<any>
 > = {
   SHORT_TEXT: FormShortText,
   UNKNOWN: FormShortText,
@@ -100,30 +108,42 @@ export interface EntityPageFieldProps {
   formControl: Control<any>;
   /** The entity, used by each renderer to seed its form default value. */
   data: Record<string, unknown>;
+  /** The field type definition a CUSTOM field resolved on its source. */
+  definition?: FieldTypeDefinition;
 }
 
-// Each renderer owns its own react-hook-form wiring (useController keyed on
-// field.id), so this only needs to pick the renderer and pass the field.
+// Each built-in renderer owns its own react-hook-form wiring (useController
+// keyed on field.id), so this only needs to pick the renderer and pass the
+// field. A CUSTOM field's form component gets that wiring done for it by
+// EntityPageCustomField instead.
 export function EntityPageField({
   field,
   formControl,
   data,
+  definition,
 }: EntityPageFieldProps) {
   // Reference fields need referenced-collection data, so they go through a
   // wrapper (resolves the referenced source, fetches items) rather than the
   // uniform dispatcher below.
   const isReference =
     field.type === 'REFERENCE' || field.type === 'MULTI_REFERENCE';
-  const FieldInput = FIELD_INPUTS[field.type];
+  const customForm = field.type === 'CUSTOM' ? definition?.form : undefined;
+  const FieldInput = FIELD_INPUTS[field.type as keyof typeof FIELD_INPUTS] as
+    | React.ComponentType<any>
+    | undefined;
 
-  if (!isReference && !FieldInput) {
-    // Every PatternsFieldType now maps to a renderer (UNKNOWN falls back to
-    // text), so an unmapped type means the field carries a type outside the
-    // contract. Skip it, but warn — otherwise it vanishes with no trace.
-    // eslint-disable-next-line no-console
-    console.warn(
-      `[EntityPageField] no renderer for field "${field.id}" of type "${field.type}"; skipping.`,
-    );
+  if (!isReference && !customForm && !FieldInput) {
+    // A CUSTOM field on an entity page needs its type's `form` config — throw
+    // in development so the gap is impossible to miss. Production degrades by
+    // skipping the field instead of crashing the page. Types outside the
+    // contract have nothing to render either way.
+    if (field.type === 'CUSTOM' && process.env.NODE_ENV !== 'production') {
+      throw new Error(
+        definition
+          ? `The custom field type "${field.customType}" has no \`form\` config, but its field "${field.id}" renders on an entity page. Add \`form: { Component }\` to the type definition.`
+          : `Field "${field.id}" references the custom type "${field.customType}", but the source's fieldTypes has no matching definition.`,
+      );
+    }
     return null;
   }
 
@@ -134,6 +154,14 @@ export function EntityPageField({
       formControl={formControl}
       data={data}
     />
+  ) : customForm ? (
+    <EntityPageCustomField
+      field={field}
+      formControl={formControl}
+      data={data}
+      definition={definition!}
+      dataHook={`entity-page-field-${field.id}`}
+    />
   ) : (
     <ScalarInput
       field={field}

package/src/components/EntityPageFields/EntityPageFields.tsx

@@ -6,6 +6,7 @@ import {
   SkeletonRectangle,
 } from '@wix/design-system';
 import { observer } from 'mobx-react-lite';
+import { resolveFieldTypeDefinition } from '@wix/bex-core';
 import { usePatternsCmsFieldsContainer } from '@wix/patterns-fields/providers';
 import { useEntityPageContext } from '../../providers';
 import { resolveEntityPageFields } from '../../state/EntityPage/resolveEntityPageFields';
@@ -59,6 +60,10 @@ function _EntityPageFields({
           field={field}
           formControl={state.form.control}
           data={data}
+          definition={resolveFieldTypeDefinition(
+            { fieldTypes: state.schemaSource?.fieldTypes },
+            field,
+          )}
         />
       ))}
     </Box>

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Fade1622954715";
+var _namespace_ = "Fade2901833093";
 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":"Fade1622954715__root"};
+export var classes = {"root":"Fade2901833093__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_ = "Heading2936245073";
+var _namespace_ = "Heading3163261033";
 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":"Heading2936245073__root"};
+export var classes = {"root":"Heading3163261033__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_ = "ImportStepUpload604376075";
+var _namespace_ = "ImportStepUpload1959139342";
 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":"ImportStepUpload604376075__root","fileUpload":"ImportStepUpload604376075__fileUpload"};
+export var classes = {"root":"ImportStepUpload1959139342__root","fileUpload":"ImportStepUpload1959139342__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_ = "InputOverflow560311632";
+var _namespace_ = "InputOverflow49811962";
 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":"InputOverflow560311632__root"};
+export var classes = {"root":"InputOverflow49811962__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_ = "LoadingRow2140515635";
+var _namespace_ = "LoadingRow3671094324";
 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":"LoadingRow2140515635__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow2140515635__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3671094324__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3671094324__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_ = "MaxHeightText1090775330";
+var _namespace_ = "MaxHeightText1332223107";
 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":"MaxHeightText1090775330__root"};
+export var classes = {"root":"MaxHeightText1332223107__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_ = "MaxLines1757832743";
+var _namespace_ = "MaxLines1739550404";
 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":"MaxLines1757832743__root"};
+export var classes = {"root":"MaxLines1739550404__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_ = "MultiBulkActionToolbar3671760435";
+var _namespace_ = "MultiBulkActionToolbar487792898";
 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":"MultiBulkActionToolbar3671760435__root","leftGroupWrapper":"MultiBulkActionToolbar3671760435__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3671760435__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3671760435__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar487792898__root","leftGroupWrapper":"MultiBulkActionToolbar487792898__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar487792898__selectedCountItem","selectedCountText":"MultiBulkActionToolbar487792898__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_ = "NestedTablePlaceholderStatesRow3985097808";
+var _namespace_ = "NestedTablePlaceholderStatesRow3711257837";
 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":"NestedTablePlaceholderStatesRow3985097808__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow3711257837__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};