@wix/patterns 1.499.0 → 1.501.0

package/src/components/EditableTable/cellTypes/reference/Edit.tsx

@@ -17,7 +17,7 @@ import { useCommitOnEnter } from '../useCommitOnEnter';
 import { useFilterCollectionStates } from '../../../../hooks/useFilterCollectionStates';
 import { FilterTranslationProvider } from '../../../../providers';
 import type { ReferenceItem, ReferenceTypeConfig } from './types';
-import { getImageFieldId } from './getImageFieldId';
+import { getImageFieldId } from '../../../../utils/referenceImage';
 import { useCollection } from '@wix/bex-core/react';
 import { observer } from 'mobx-react-lite';
 import { useOpenReferencedCollection } from './openCollectionContext';
@@ -103,7 +103,7 @@ function _ReferenceEditContent({
       return foundItem.item.image;
     }
     if (imageField) {
-      return value?.[imageField] as string | undefined;
+      return value?.[imageField];
     }
     return undefined;
   }, [value, idField, keyedItems, imageField]);

package/src/components/EditableTable/cellTypes/reference/EmptyReferenceView.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "EmptyReferenceView3294540289";
+var _namespace_ = "EmptyReferenceView3595802579";
 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":"EmptyReferenceView3294540289__root","placeholder":"EmptyReferenceView3294540289__placeholder","placeholderIcon":"EmptyReferenceView3294540289__placeholderIcon","placeholderText":"EmptyReferenceView3294540289__placeholderText","arrow":"EmptyReferenceView3294540289__arrow"};
+export var classes = {"root":"EmptyReferenceView3595802579__root","placeholder":"EmptyReferenceView3595802579__placeholder","placeholderIcon":"EmptyReferenceView3595802579__placeholderIcon","placeholderText":"EmptyReferenceView3595802579__placeholderText","arrow":"EmptyReferenceView3595802579__arrow"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/reference/View.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { CellReferenceView, useTranslations } from '@wix/patterns-fields';
 import type { CellViewProps } from '../../types';
 import type { ReferenceTypeConfig } from './types';
-import { getImageFieldId } from './getImageFieldId';
+import { getImageFieldId } from '../../../../utils/referenceImage';
 import { EmptyReferenceView } from './EmptyReferenceView';
 
 type ReferenceValue = Record<string, unknown> | null;
@@ -26,15 +26,9 @@ export const ReferenceView: React.FC<CellViewProps<ReferenceValue>> = ({
   const { displayField, fields } = config.refSchema;
   const imageField = getImageFieldId(fields);
   const name = String(value[displayField] ?? '');
-  const imageUrl = imageField
-    ? (value[imageField] as string | undefined)
-    : undefined;
+  const image = imageField ? value[imageField] : undefined;
 
   return (
-    <CellReferenceView
-      name={name}
-      imageUrl={imageUrl}
-      dataHook="reference-view"
-    />
+    <CellReferenceView name={name} image={image} dataHook="reference-view" />
   );
 };

package/src/components/EditableTable/cellTypes/reference/types.ts

@@ -1,16 +1,15 @@
 import type React from 'react';
 import { ComputedQuery } from '@wix/bex-core';
+import type { ImageFieldType } from '../../../../utils/referenceImage';
 
 export interface ReferenceItem {
   id: string;
   name: string;
-  image?: string;
+  image?: unknown;
 }
 
-export type RefFieldType = 'IMAGE';
-
 export interface RefSchemaField {
-  type: RefFieldType;
+  type: ImageFieldType;
 }
 
 export interface RefSchema {

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2119704881";
+var _namespace_ = "Edit1863200176";
 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":"Edit2119704881__root","selectInput":"Edit2119704881__selectInput"};
+export var classes = {"root":"Edit1863200176__root","selectInput":"Edit1863200176__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_ = "Edit3783343796";
+var _namespace_ = "Edit3808948985";
 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":"Edit3783343796__root","editWrapper":"Edit3783343796__editWrapper","inputArea":"Edit3783343796__inputArea"};
+export var classes = {"root":"Edit3808948985__root","editWrapper":"Edit3808948985__editWrapper","inputArea":"Edit3808948985__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_ = "View2176105926";
+var _namespace_ = "View2784541791";
 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":"View2176105926__root"};
+export var classes = {"root":"View2784541791__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_ = "Edit947102594";
+var _namespace_ = "Edit3466834114";
 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":"Edit947102594__root","wrapper":"Edit947102594__wrapper","overlay":"Edit947102594__overlay"};
+export var classes = {"root":"Edit3466834114__root","wrapper":"Edit3466834114__wrapper","overlay":"Edit3466834114__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_ = "Edit2398830620";
+var _namespace_ = "Edit1363219823";
 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":"Edit2398830620__root","urlInput":"Edit2398830620__urlInput"};
+export var classes = {"root":"Edit1363219823__root","urlInput":"Edit1363219823__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_ = "View356499805";
+var _namespace_ = "View2123366641";
 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":"View356499805__root","textView":"View356499805__textView","urlText":"View356499805__urlText","suffix":"View356499805__suffix"};
+export var classes = {"root":"View2123366641__root","textView":"View2123366641__textView","urlText":"View2123366641__urlText","suffix":"View2123366641__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_ = "EmptyStateBase4278902187";
+var _namespace_ = "EmptyStateBase500133699";
 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":"EmptyStateBase4278902187__root"};
+export var classes = {"root":"EmptyStateBase500133699__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_ = "EntityPagePlain2745026991";
+var _namespace_ = "EntityPagePlain2236312375";
 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":"EntityPagePlain2745026991__root"};
+export var classes = {"root":"EntityPagePlain2236312375__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EntityPageFields/EntityPageField.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPageField1008355489";
+var _namespace_ = "EntityPageField2050536864";
 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":"EntityPageField1008355489__root","row":"EntityPageField1008355489__row"};
+export var classes = {"root":"EntityPageField2050536864__root","row":"EntityPageField2050536864__row"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EntityPageFields/EntityPageReferenceField.tsx

@@ -8,7 +8,8 @@ import { FormReference, FormMultiReference } from '@wix/patterns-fields';
 import { FilterTranslationProvider } from '../../providers';
 import { useFilterCollectionStates } from '../../hooks/useFilterCollectionStates';
 import { useOpenCollectionOverlay } from '../../hooks/useOpenCollectionOverlay';
-import { imageFieldOf, useReferencedSchema } from './useReferencedSchema';
+import { getImageFieldId } from '../../utils/referenceImage';
+import { useReferencedSchema } from './useReferencedSchema';
 
 type RefRow = Record<string, unknown>;
 
@@ -51,7 +52,7 @@ function _EntityPageReferenceField({
 
   const idField = refSchema?.idField;
   const displayField = refSchema?.displayField;
-  const imageField = imageFieldOf(refSchema?.fields);
+  const imageField = getImageFieldId(refSchema?.fields);
 
   const items = useMemo(() => {
     if (!idField || !displayField) {
@@ -60,9 +61,7 @@ function _EntityPageReferenceField({
     return collection.result.keyedItems.map((ki) => ({
       id: String((ki.item as RefRow)[idField] ?? ki.key),
       name: String((ki.item as RefRow)[displayField] ?? ''),
-      image: imageField
-        ? ((ki.item as RefRow)[imageField] as string | undefined)
-        : undefined,
+      image: imageField ? (ki.item as RefRow)[imageField] : undefined,
     }));
   }, [collection.result.keyedItems, idField, displayField, imageField]);
 

package/src/components/EntityPageFields/EntityPageReferenceValue.st.css.ts

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

package/src/components/EntityPageFields/EntityPageReferenceValue.tsx

@@ -6,7 +6,8 @@ import {
 } from '@wix/patterns-fields';
 import type { CellMultiReferenceItem } from '@wix/patterns-fields';
 import { classes } from './EntityPageReferenceValue.st.css.js';
-import { imageFieldOf, useReferencedSchema } from './useReferencedSchema';
+import { getImageFieldId } from '../../utils/referenceImage';
+import { useReferencedSchema } from './useReferencedSchema';
 
 export interface EntityPageReferenceValueProps {
   field: Field;
@@ -26,7 +27,7 @@ export function EntityPageReferenceValue({
   }
 
   const { displayField } = refSchema;
-  const imageField = imageFieldOf(refSchema.fields);
+  const imageField = getImageFieldId(refSchema.fields);
   const labelOf = (item: unknown) => {
     // A value that was never expanded (a bare id) has no label to show.
     if (!item || typeof item !== 'object') {
@@ -35,9 +36,7 @@ export function EntityPageReferenceValue({
     const record = item as Record<string, unknown>;
     return {
       name: String(record[displayField] ?? ''),
-      image: imageField
-        ? (record[imageField] as string | undefined)
-        : undefined,
+      image: imageField ? record[imageField] : undefined,
     };
   };
 
@@ -55,7 +54,7 @@ export function EntityPageReferenceValue({
   return label ? (
     <CellReferenceView
       name={label.name}
-      imageUrl={label.image}
+      image={label.image}
       dataHook="reference-view"
     />
   ) : null;

package/src/components/EntityPageFields/useReferencedSchema.ts

@@ -35,8 +35,3 @@ export function useReferencedSchema(field: Field) {
 
   return { refSource, refSchema };
 }
-
-export const imageFieldOf = (
-  fields: Schema['fields'] | undefined,
-): string | undefined =>
-  Object.entries(fields ?? {}).find(([, f]) => f?.type === 'IMAGE')?.[0];

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

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

package/src/components/Grid/GridSingleGridContent.tsx

@@ -7,6 +7,7 @@ import {
   topGridSizePreset,
 } from '../../state';
 import { GridContent, GridContentBaseProps } from './GridContent';
+import { observer } from 'mobx-react-lite';
 import React, { useState } from 'react';
 
 export interface GridSingleGridContentProps<T, F extends FiltersMap>
@@ -15,7 +16,7 @@ export interface GridSingleGridContentProps<T, F extends FiltersMap>
   range?: { start: number; length: number };
 }
 
-export function GridSingleGridContent<T, F extends FiltersMap = FiltersMap>(
+function _GridSingleGridContent<T, F extends FiltersMap = FiltersMap>(
   props: GridSingleGridContentProps<T, F>,
 ) {
   const {
@@ -27,6 +28,7 @@ export function GridSingleGridContent<T, F extends FiltersMap = FiltersMap>(
   } = props;
 
   const { toolbar, collection } = parentState;
+  const isMobile = toolbar.container.isMobile;
 
   const [state] = useState(
     () =>
@@ -48,9 +50,13 @@ export function GridSingleGridContent<T, F extends FiltersMap = FiltersMap>(
     <GridContent
       {...props}
       paddingTop="SP4"
-      paddingBottom={state.layoutType === 'list' ? 'SP2' : undefined}
+      paddingBottom={
+        state.layoutType === 'list' ? (isMobile ? 'SP4' : 'SP2') : undefined
+      }
       state={state}
       withInfiniteScrollLoader
     />
   );
 }
+
+export const GridSingleGridContent = observer(_GridSingleGridContent);

package/src/components/GridSections/GridSectionsContent.tsx

@@ -23,6 +23,7 @@ function _GridSectionsContent<T, F extends FiltersMap>(
   const { state: grid, groupBy, renderSection, layoutType } = props;
 
   const { toolbar } = grid;
+  const isMobile = toolbar.container.isMobile;
 
   const {
     showInitialLoader,
@@ -77,7 +78,9 @@ function _GridSectionsContent<T, F extends FiltersMap>(
       direction="vertical"
       width="100%"
       paddingTop={layoutType === 'list' ? 'SP2' : undefined}
-      paddingBottom={layoutType === 'list' ? 'SP2' : undefined}
+      paddingBottom={
+        layoutType === 'list' ? (isMobile ? 'SP4' : 'SP2') : undefined
+      }
     >
       {child}
     </Box>

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

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

package/src/components/ImportButton/ImportButtonModalLayout.tsx

@@ -10,12 +10,18 @@ import {
 import { getImportModalStepProps } from './getImportModalStepProps';
 import React, { Suspense, lazy, useEffect, useMemo, useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { useCreateImport } from '@wix/bex-core';
+import { useCreateImport, resolveFieldTypeDefinition } from '@wix/bex-core';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import {
   detectFieldType,
+  deserializeMediaImageValue,
+  hardConvert,
   isImportMediaValueCompatible,
 } from '@wix/patterns-fields';
+import {
+  arrayValidation,
+  objectValidation,
+} from '@wix/patterns-fields/validations';
 import { ImportButtonModalLayoutProps } from './ImportProps';
 import { addEventListener } from '@wix/bex-core/util';
 import { useIsMobile } from '../../hooks/useIsMobile';
@@ -40,6 +46,41 @@ function _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {
   const schemaSource = toolbar.collectionFieldsSource?.schemaSource;
 
   const createImport = useCreateImport({
+    deserializeValue: (field, raw) => {
+      if (raw === '') {
+        return undefined;
+      }
+      const custom =
+        fieldsSource && resolveFieldTypeDefinition(fieldsSource, field);
+      if (custom?.editableTable?.deserialize) {
+        return custom.editableTable.deserialize(raw);
+      }
+      switch (field.type) {
+        case 'MEDIA_IMAGE':
+          return deserializeMediaImageValue(raw);
+        case 'ADDRESS':
+          return hardConvert(raw);
+        case 'OBJECT':
+        case 'RICH_CONTENT':
+          return objectValidation.hardConvert(raw);
+        case 'ARRAY':
+        case 'MULTI_DOCUMENT':
+        case 'MULTI_REFERENCE':
+        case 'MEDIA_GALLERY': {
+          const value: unknown = arrayValidation.hardConvert(raw);
+          if (
+            !arrayValidation.isValid(value) ||
+            (field.arrayMetadata?.itemType === 'string' &&
+              value.some((item: unknown) => typeof item !== 'string'))
+          ) {
+            throw new Error('Not a valid array value');
+          }
+          return value;
+        }
+        default:
+          return raw;
+      }
+    },
     createFieldValidator: (field) =>
       createImportFieldValidator(field, translate),
     schemaSource,

package/src/components/ImportButton/ImportStepUpload.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload3385462916";
+var _namespace_ = "ImportStepUpload655566297";
 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":"ImportStepUpload3385462916__root","fileUpload":"ImportStepUpload3385462916__fileUpload"};
+export var classes = {"root":"ImportStepUpload655566297__root","fileUpload":"ImportStepUpload655566297__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_ = "InputOverflow2644503474";
+var _namespace_ = "InputOverflow3197200397";
 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":"InputOverflow2644503474__root"};
+export var classes = {"root":"InputOverflow3197200397__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_ = "LoadingRow3341780150";
+var _namespace_ = "LoadingRow1780868954";
 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":"LoadingRow3341780150__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3341780150__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow1780868954__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow1780868954__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_ = "MaxHeightText262384821";
+var _namespace_ = "MaxHeightText469344627";
 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":"MaxHeightText262384821__root"};
+export var classes = {"root":"MaxHeightText469344627__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_ = "MaxLines3358782424";
+var _namespace_ = "MaxLines1338730924";
 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":"MaxLines3358782424__root"};
+export var classes = {"root":"MaxLines1338730924__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_ = "MultiBulkActionToolbar129776599";
+var _namespace_ = "MultiBulkActionToolbar4263058416";
 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":"MultiBulkActionToolbar129776599__root","leftGroupWrapper":"MultiBulkActionToolbar129776599__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar129776599__selectedCountItem","selectedCountText":"MultiBulkActionToolbar129776599__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar4263058416__root","leftGroupWrapper":"MultiBulkActionToolbar4263058416__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar4263058416__selectedCountItem","selectedCountText":"MultiBulkActionToolbar4263058416__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_ = "NestedTablePlaceholderStatesRow3299232294";
+var _namespace_ = "NestedTablePlaceholderStatesRow3121832507";
 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":"NestedTablePlaceholderStatesRow3299232294__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow3121832507__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};