@wix/patterns 1.383.0 → 1.387.0

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3947072120";
+var _namespace_ = "Edit3615457965";
 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":"Edit3947072120__root","booleanEdit":"Edit3947072120__booleanEdit"};
+export var classes = {"root":"Edit3615457965__root","booleanEdit":"Edit3615457965__booleanEdit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3297492583";
+var _namespace_ = "View3415268382";
 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":"View3297492583__root","booleanView":"View3297492583__booleanView"};
+export var classes = {"root":"View3415268382__root","booleanView":"View3415268382__booleanView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3940684260";
+var _namespace_ = "Edit2107511674";
 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":"Edit3940684260__root","dateInput":"Edit3940684260__dateInput"};
+export var classes = {"root":"Edit2107511674__root","dateInput":"Edit2107511674__dateInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3553603124";
+var _namespace_ = "Edit1408306505";
 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":"Edit3553603124__root","emailInput":"Edit3553603124__emailInput"};
+export var classes = {"root":"Edit1408306505__root","emailInput":"Edit1408306505__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_ = "View3742314741";
+var _namespace_ = "View3600357910";
 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":"View3742314741__root"};
+export var classes = {"root":"View3600357910__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -10,6 +10,7 @@ import { imageCellType } from './image';
 import { richContentCellType } from './richContent';
 import { videoCellType } from './video';
 import { richTextCellType } from './richText';
+import { mediaGalleryCellType } from './mediaGallery';
 
 export {
   textCellType,
@@ -23,6 +24,7 @@ export {
   richContentCellType,
   videoCellType,
   richTextCellType,
+  mediaGalleryCellType,
 };
 
 /** All built-in cell types */
@@ -38,4 +40,5 @@ export const builtInCellTypes: CellType[] = [
   richContentCellType,
   videoCellType,
   richTextCellType,
+  mediaGalleryCellType,
 ];

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

@@ -0,0 +1,27 @@
+import React, { useCallback } from 'react';
+import { CellMediaGalleryEdit } from '@wix/patterns-fields';
+import type { WixCodeGalleryItem } from '@wix/patterns-fields/auto-field-types';
+import type { CellEditProps } from '../../types';
+
+export const MediaGalleryEdit: React.FC<
+  CellEditProps<WixCodeGalleryItem[] | null>
+> = ({ value, onChange, onCommit, onCancel, onStartEdit, inputRef }) => {
+  const handleChange = useCallback(
+    (items: WixCodeGalleryItem[] | null) => onChange(items),
+    [onChange],
+  );
+
+  return (
+    <CellMediaGalleryEdit
+      value={value}
+      onChange={handleChange}
+      onCommit={onCommit}
+      onCancel={onCancel}
+      onStartEdit={onStartEdit}
+      inputRef={inputRef}
+      dataHook="media-gallery-edit"
+    />
+  );
+};
+
+export default MediaGalleryEdit;

package/src/components/EditableTable/cellTypes/mediaGallery/Edit.uni.driver.ts

@@ -0,0 +1,16 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function MediaGalleryEditUniDriver(base: UniDriver, _body: UniDriver) {
+  return {
+    ...baseUniDriverFactory(base),
+    hasAddButton: () =>
+      base.$('[data-hook="gallery-edit-add-button"]').exists(),
+    hasMoreButton: () =>
+      base.$('[data-hook="gallery-edit-more-button"]').exists(),
+    hasAvatarGroup: () =>
+      base
+        .$('[data-hook="media-gallery-edit"] [data-hook="avatar-item"]')
+        .exists(),
+  };
+}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { CellMediaGalleryView } from '@wix/patterns-fields';
+import type { WixCodeGalleryItem } from '@wix/patterns-fields/auto-field-types';
+import type { CellViewProps } from '../../types';
+
+export const MediaGalleryView: React.FC<
+  CellViewProps<WixCodeGalleryItem[] | null>
+> = ({ value }) => (
+  <CellMediaGalleryView data={value} dataHook="media-gallery-view" />
+);

package/src/components/EditableTable/cellTypes/mediaGallery/View.uni.driver.ts

@@ -0,0 +1,19 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function MediaGalleryViewUniDriver(base: UniDriver, _body: UniDriver) {
+  return {
+    ...baseUniDriverFactory(base),
+    hasAvatarGroup: () =>
+      base
+        .$('[data-hook="media-gallery-view"] [data-hook="avatar-item"]')
+        .exists(),
+    isEmpty: async () => {
+      const count = await base
+        .$('[data-hook="media-gallery-view"]')
+        .$$('[data-hook="avatar-item"]')
+        .count();
+      return count === 0;
+    },
+  };
+}

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

@@ -0,0 +1,38 @@
+import React from 'react';
+import { Loader } from '@wix/design-system';
+import type { WixCodeGalleryItem } from '@wix/patterns-fields/auto-field-types';
+import { defineCellType } from '../../types';
+import type { CellEditProps } from '../../types';
+import { MediaGalleryView } from './View';
+
+const mediaGalleryEditFactory = () =>
+  import(/* webpackChunkName: "EditableTableMediaGalleryEdit" */ './Edit');
+
+if (process.env.STORYBOOK_VISUAL_E2E !== 'true') {
+  mediaGalleryEditFactory();
+}
+
+const LazyMediaGalleryEdit = React.lazy(mediaGalleryEditFactory);
+
+const MediaGalleryEdit = (
+  props: CellEditProps<WixCodeGalleryItem[] | null>,
+) => (
+  <React.Suspense fallback={<Loader size="tiny" />}>
+    <LazyMediaGalleryEdit {...props} />
+  </React.Suspense>
+);
+
+export const mediaGalleryCellType = defineCellType<WixCodeGalleryItem[] | null>(
+  {
+    type: 'mediaGallery',
+    ViewComponent: MediaGalleryView,
+    EditComponent: MediaGalleryEdit,
+    serialize: (value) => (value ?? []).map((item) => item.src).join(', '),
+    clearable: true,
+    showEditWhenFocused: true,
+    // Returning undefined blocks all key presses from starting type-to-edit, but
+    // the presence of the function sets the :typeToEdit CSS modifier which keeps
+    // the selection borders visible while the cell is in edit mode (double border).
+    onTypeToEdit: () => undefined,
+  },
+);

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2017827502";
+var _namespace_ = "Edit116111444";
 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":"Edit2017827502__root","numberInput":"Edit2017827502__numberInput"};
+export var classes = {"root":"Edit116111444__root","numberInput":"Edit116111444__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_ = "View3054859381";
+var _namespace_ = "View1858866971";
 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":"View3054859381__root","textView":"View3054859381__textView"};
+export var classes = {"root":"View1858866971__root","textView":"View1858866971__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_ = "Edit63798164";
+var _namespace_ = "Edit527273855";
 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":"Edit63798164__root","jsonInput":"Edit63798164__jsonInput"};
+export var classes = {"root":"Edit527273855__root","jsonInput":"Edit527273855__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_ = "View149659449";
+var _namespace_ = "View2467241104";
 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":"View149659449__root"};
+export var classes = {"root":"View2467241104__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_ = "Edit418146851";
+var _namespace_ = "Edit1946452762";
 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":"Edit418146851__root","selectInput":"Edit418146851__selectInput"};
+export var classes = {"root":"Edit1946452762__root","selectInput":"Edit1946452762__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_ = "Edit1604167401";
+var _namespace_ = "Edit444568143";
 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":"Edit1604167401__root","editWrapper":"Edit1604167401__editWrapper","inputArea":"Edit1604167401__inputArea"};
+export var classes = {"root":"Edit444568143__root","editWrapper":"Edit444568143__editWrapper","inputArea":"Edit444568143__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_ = "View1834934438";
+var _namespace_ = "View335321206";
 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":"View1834934438__root"};
+export var classes = {"root":"View335321206__root"};
 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_ = "Edit909677896";
+var _namespace_ = "Edit560649002";
 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":"Edit909677896__root","urlInput":"Edit909677896__urlInput"};
+export var classes = {"root":"Edit560649002__root","urlInput":"Edit560649002__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_ = "View2739012257";
+var _namespace_ = "View3802501682";
 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":"View2739012257__root","textView":"View2739012257__textView","urlText":"View2739012257__urlText","suffix":"View2739012257__suffix"};
+export var classes = {"root":"View3802501682__root","textView":"View3802501682__textView","urlText":"View3802501682__urlText","suffix":"View3802501682__suffix"};
 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_ = "EntityPagePlain3648740532";
+var _namespace_ = "EntityPagePlain681429844";
 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":"EntityPagePlain3648740532__root"};
+export var classes = {"root":"EntityPagePlain681429844__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Fade2798601334";
+var _namespace_ = "Fade4043886153";
 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":"Fade2798601334__root"};
+export var classes = {"root":"Fade4043886153__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_ = "Heading4283394978";
+var _namespace_ = "Heading3062876130";
 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":"Heading4283394978__root"};
+export var classes = {"root":"Heading3062876130__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_ = "ImportStepUpload1956915583";
+var _namespace_ = "ImportStepUpload3828955019";
 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":"ImportStepUpload1956915583__root","fileUpload":"ImportStepUpload1956915583__fileUpload"};
+export var classes = {"root":"ImportStepUpload3828955019__root","fileUpload":"ImportStepUpload3828955019__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_ = "InputOverflow1386444251";
+var _namespace_ = "InputOverflow1147860988";
 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":"InputOverflow1386444251__root"};
+export var classes = {"root":"InputOverflow1147860988__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_ = "LoadingRow2729170404";
+var _namespace_ = "LoadingRow3732638543";
 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":"LoadingRow2729170404__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow2729170404__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3732638543__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3732638543__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_ = "MaxHeightText2113493883";
+var _namespace_ = "MaxHeightText2833716073";
 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":"MaxHeightText2113493883__root"};
+export var classes = {"root":"MaxHeightText2833716073__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_ = "MaxLines1510031160";
+var _namespace_ = "MaxLines2918359679";
 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":"MaxLines1510031160__root"};
+export var classes = {"root":"MaxLines2918359679__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_ = "MultiBulkActionToolbar4183797324";
+var _namespace_ = "MultiBulkActionToolbar4201128667";
 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":"MultiBulkActionToolbar4183797324__root","leftGroupWrapper":"MultiBulkActionToolbar4183797324__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar4183797324__selectedCountItem","selectedCountText":"MultiBulkActionToolbar4183797324__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar4201128667__root","leftGroupWrapper":"MultiBulkActionToolbar4201128667__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar4201128667__selectedCountItem","selectedCountText":"MultiBulkActionToolbar4201128667__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_ = "NestedTablePlaceholderStatesRow2460991905";
+var _namespace_ = "NestedTablePlaceholderStatesRow3795561005";
 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":"NestedTablePlaceholderStatesRow2460991905__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow3795561005__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_ = "NestedTableRow854086528";
+var _namespace_ = "NestedTableRow4145297049";
 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":"NestedTableRow854086528__root","firstLevel":"NestedTableRow854086528__firstLevel","placeholder":"NestedTableRow854086528__placeholder","parentHovered":"NestedTableRow854086528__parentHovered"};
+export var classes = {"root":"NestedTableRow4145297049__root","firstLevel":"NestedTableRow4145297049__firstLevel","placeholder":"NestedTableRow4145297049__placeholder","parentHovered":"NestedTableRow4145297049__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};