@wix/patterns 1.382.0 → 1.385.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_ = "Edit3206222942";
+var _namespace_ = "Edit2675310422";
 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":"Edit3206222942__root","numberInput":"Edit3206222942__numberInput"};
+export var classes = {"root":"Edit2675310422__root","numberInput":"Edit2675310422__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_ = "View20194621";
+var _namespace_ = "View2223431657";
 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":"View20194621__root","textView":"View20194621__textView"};
+export var classes = {"root":"View2223431657__root","textView":"View2223431657__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_ = "Edit806260352";
+var _namespace_ = "Edit423654692";
 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":"Edit806260352__root","jsonInput":"Edit806260352__jsonInput"};
+export var classes = {"root":"Edit423654692__root","jsonInput":"Edit423654692__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_ = "View1508038017";
+var _namespace_ = "View3579413394";
 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":"View1508038017__root"};
+export var classes = {"root":"View3579413394__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
 
 import type { RichContent } from '@wix/ricos';
-import { CellRichContentInput } from '@wix/patterns-fields/form-rich-content-input';
+import { CellRichContentInput } from '@wix/patterns-fields/cell-rich-content-input';
 
 import type { CellEditProps } from '../../types';
 import { RichContentView } from './View';
@@ -14,7 +14,9 @@ export const RichContentEdit: React.FC<CellEditProps<unknown>> = ({
   editTrigger,
 }) => {
   const initialTypedKey =
-    editTrigger && typeof editTrigger === 'object' && editTrigger.kind === 'type'
+    editTrigger &&
+    typeof editTrigger === 'object' &&
+    editTrigger.kind === 'type'
       ? editTrigger.key
       : undefined;
 

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

@@ -1,10 +1,7 @@
 import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
 import { baseUniDriverFactory } from '../../../../unidriver';
 
-export function RichContentViewUniDriver(
-  base: UniDriver,
-  _body: UniDriver,
-) {
+export function RichContentViewUniDriver(base: UniDriver, _body: UniDriver) {
   return {
     ...baseUniDriverFactory(base),
     /** Returns the plain-text content shown in the cell */

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

@@ -0,0 +1,39 @@
+import React from 'react';
+
+import { CellRichTextInput } from '@wix/patterns-fields';
+
+import type { RichTextCellTypeConfig } from '../../../../state/EditableTable/types';
+import type { CellEditProps } from '../../types';
+import { RichTextView } from './View';
+
+export const RichTextEdit: React.FC<CellEditProps<string>> = ({
+  value,
+  onChange,
+  onCommit,
+  editTrigger,
+  typeConfig,
+}) => {
+  const initialTypedKey =
+    editTrigger &&
+    typeof editTrigger === 'object' &&
+    editTrigger.kind === 'type'
+      ? editTrigger.key
+      : undefined;
+
+  const { textStyle } =
+    (typeConfig as RichTextCellTypeConfig | undefined) ?? {};
+
+  return (
+    <>
+      {/* Show plain-text view underneath while the popover is open */}
+      <RichTextView value={value} />
+      <CellRichTextInput
+        value={value}
+        onChange={onChange}
+        initialTypedKey={initialTypedKey}
+        onCommit={onCommit}
+        textStyle={textStyle}
+      />
+    </>
+  );
+};

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

@@ -0,0 +1,10 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function RichTextEditUniDriver(base: UniDriver, _body: UniDriver) {
+  return {
+    ...baseUniDriverFactory(base),
+    /** Returns true when the rich text editor popover is present in the DOM */
+    isPopoverOpen: () => base.$('[data-hook="rich-text"]').exists(),
+  };
+}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+
+import { CellRichTextView } from '@wix/patterns-fields';
+
+import type { CellViewProps } from '../../types';
+import { CellViewLayout } from '../CellViewLayout';
+
+export const RichTextView: React.FC<CellViewProps<string>> = ({ value }) => (
+  <CellViewLayout>
+    <CellRichTextView value={value} />
+  </CellViewLayout>
+);

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

@@ -0,0 +1,10 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function RichTextViewUniDriver(base: UniDriver, _body: UniDriver) {
+  return {
+    ...baseUniDriverFactory(base),
+    /** Returns the plain-text content shown in the cell */
+    getValue: () => base.text(),
+  };
+}

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

@@ -0,0 +1,40 @@
+import React from 'react';
+import { Loader } from '@wix/design-system';
+
+import { HTMLToText } from '@wix/patterns-fields';
+
+import type { CellEditProps } from '../../types';
+import { defineCellType } from '../../types';
+import { RichTextView } from './View';
+
+const LazyRichTextEdit = React.lazy(() =>
+  import(/* webpackChunkName: "EditableTableRichTextEdit" */ './Edit').then(
+    (m) => ({ default: m.RichTextEdit }),
+  ),
+);
+
+const RichTextEdit = (props: CellEditProps<string>) => (
+  <React.Suspense fallback={<Loader size="tiny" />}>
+    <LazyRichTextEdit {...props} />
+  </React.Suspense>
+);
+
+export const richTextCellType = defineCellType<string>({
+  type: 'richText',
+  ViewComponent: RichTextView,
+  EditComponent: RichTextEdit,
+
+  /** Serialize to single-line plain text for TSV clipboard. */
+  serialize: (value) => {
+    if (!value) return '';
+    return HTMLToText(value, { singleLine: true }).trim();
+  },
+
+  /** Deserialize a pasted plain-text string back to a minimal HTML paragraph. */
+  deserialize: (raw) => (raw ? `<p>${raw}</p>` : ''),
+
+  editable: true,
+  clearable: false,
+
+  onTypeToEdit: () => ({}),
+});

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2161837763";
+var _namespace_ = "Edit1875718792";
 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":"Edit2161837763__root","selectInput":"Edit2161837763__selectInput"};
+export var classes = {"root":"Edit1875718792__root","selectInput":"Edit1875718792__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_ = "Edit3763924154";
+var _namespace_ = "Edit2819143298";
 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":"Edit3763924154__root","editWrapper":"Edit3763924154__editWrapper","inputArea":"Edit3763924154__inputArea"};
+export var classes = {"root":"Edit2819143298__root","editWrapper":"Edit2819143298__editWrapper","inputArea":"Edit2819143298__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_ = "View2681922497";
+var _namespace_ = "View3592412434";
 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":"View2681922497__root"};
+export var classes = {"root":"View3592412434__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_ = "Edit3985082075";
+var _namespace_ = "Edit1290691174";
 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":"Edit3985082075__root","urlInput":"Edit3985082075__urlInput"};
+export var classes = {"root":"Edit1290691174__root","urlInput":"Edit1290691174__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_ = "View2128952715";
+var _namespace_ = "View883440419";
 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":"View2128952715__root","textView":"View2128952715__textView","urlText":"View2128952715__urlText","suffix":"View2128952715__suffix"};
+export var classes = {"root":"View883440419__root","textView":"View883440419__textView","urlText":"View883440419__urlText","suffix":"View883440419__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -0,0 +1,35 @@
+import React, { useCallback, useRef } from 'react';
+import { CellVideoEdit } from '@wix/patterns-fields';
+import type { CellEditProps } from '../../types';
+
+export const VideoEdit: React.FC<CellEditProps<string | null>> = ({
+  value,
+  onChange,
+  onCommit,
+  onCancel,
+  onStartEdit,
+  inputRef,
+}) => {
+  const wrapperRef = useRef<HTMLDivElement | null>(null);
+  const requestCellFocus = useCallback(() => {
+    const cell = wrapperRef.current?.closest(
+      '[role="gridcell"]',
+    ) as HTMLElement | null;
+    cell?.focus({ preventScroll: true });
+  }, []);
+
+  return (
+    <div ref={wrapperRef} style={{ width: '100%', height: '100%' }}>
+      <CellVideoEdit
+        value={value}
+        onChange={onChange}
+        onCommit={onCommit}
+        onCancel={onCancel}
+        onStartEdit={onStartEdit}
+        inputRef={inputRef}
+        onRequestCellFocus={requestCellFocus}
+        dataHook="video-edit"
+      />
+    </div>
+  );
+};

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

@@ -0,0 +1,14 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function VideoEditUniDriver(base: UniDriver, _body: UniDriver) {
+  return {
+    ...baseUniDriverFactory(base),
+    hasAddButton: () => base.$('[data-hook="video-edit-add-button"]').exists(),
+    hasThumbnail: () => base.$('[data-hook="video-edit-thumbnail"]').exists(),
+    hasMoreButton: () =>
+      base.$('[data-hook="video-edit-more-button"]').exists(),
+    isLoading: () =>
+      base.$('[data-hook="video-edit"] [data-hook="loader"]').exists(),
+  };
+}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ImageView as FieldsImageView } from '@wix/patterns-fields';
+import type { CellViewProps } from '../../types';
+
+export const VideoView: React.FC<CellViewProps<string | null>> = ({
+  value,
+}) => <FieldsImageView value={value} dataHook="video-view" />;

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

@@ -0,0 +1,13 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function VideoViewUniDriver(base: UniDriver, _body: UniDriver) {
+  return {
+    ...baseUniDriverFactory(base),
+    hasThumbnail: () => base.$('[data-hook="image-thumbnail"]').exists(),
+    isEmpty: async () => {
+      const thumbnail = base.$('[data-hook="image-thumbnail"]');
+      return (await thumbnail.attr('data-empty')) === 'true';
+    },
+  };
+}

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

@@ -0,0 +1,18 @@
+import { defineCellType } from '../../types';
+import { VideoView } from './View';
+import { VideoEdit } from './Edit';
+
+export { VideoView, VideoEdit };
+
+export const videoCellType = defineCellType<string | null>({
+  type: 'video',
+  ViewComponent: VideoView,
+  EditComponent: VideoEdit,
+  serialize: (value) => value ?? '',
+  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/useBuiltInHeaderActions.tsx

@@ -4,6 +4,7 @@ import {
   SortDescendingSmall,
   ContentFilterSmall,
   HiddenSmall,
+  DeleteSmall,
 } from '@wix/wix-ui-icons-common';
 import type { FiltersMap } from '@wix/bex-core';
 import type { EditableTableState } from '../../state/EditableTable';
@@ -18,6 +19,8 @@ export function useBuiltInHeaderActions<T, F extends FiltersMap>(
 ): Record<string, ReactNode> {
   const { toolbar } = state;
   const { customColumnsState, panels, toolbarFiltersState } = toolbar;
+  const { handlers: fieldActionHandlers, permissions: fieldActionPermissions } =
+    state.fieldActions;
 
   return useMemo(() => {
     if (disabled) {
@@ -73,6 +76,21 @@ export function useBuiltInHeaderActions<T, F extends FiltersMap>(
         }
       }
 
+      // Group 4: Delete (schema mutation — isolated, last)
+      if (
+        fieldActionHandlers?.deleteField &&
+        !fieldActionPermissions?.deleteDisabled
+      ) {
+        groups.push([
+          {
+            label: 'Delete',
+            icon: <DeleteSmall />,
+            skin: 'destructive',
+            onClick: () => state.fieldActions.confirmDelete(col.id),
+          },
+        ]);
+      }
+
       if (groups.length > 0) {
         result[col.id] = (
           <HeaderActionsPopover
@@ -92,5 +110,7 @@ export function useBuiltInHeaderActions<T, F extends FiltersMap>(
     panels,
     toolbarFiltersState,
     disabled,
+    fieldActionHandlers,
+    fieldActionPermissions,
   ]);
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain1614994405";
+var _namespace_ = "EntityPagePlain304236719";
 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":"EntityPagePlain1614994405__root"};
+export var classes = {"root":"EntityPagePlain304236719__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_ = "Fade1137348213";
+var _namespace_ = "Fade2195398804";
 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":"Fade1137348213__root"};
+export var classes = {"root":"Fade2195398804__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_ = "Heading3205261200";
+var _namespace_ = "Heading3124568521";
 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":"Heading3205261200__root"};
+export var classes = {"root":"Heading3124568521__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_ = "ImportStepUpload3893888237";
+var _namespace_ = "ImportStepUpload2296702810";
 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":"ImportStepUpload3893888237__root","fileUpload":"ImportStepUpload3893888237__fileUpload"};
+export var classes = {"root":"ImportStepUpload2296702810__root","fileUpload":"ImportStepUpload2296702810__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_ = "InputOverflow2191033557";
+var _namespace_ = "InputOverflow2297903710";
 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":"InputOverflow2191033557__root"};
+export var classes = {"root":"InputOverflow2297903710__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_ = "LoadingRow1265418662";
+var _namespace_ = "LoadingRow2049894941";
 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":"LoadingRow1265418662__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1265418662__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow2049894941__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow2049894941__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_ = "MaxHeightText2681650250";
+var _namespace_ = "MaxHeightText1340995377";
 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":"MaxHeightText2681650250__root"};
+export var classes = {"root":"MaxHeightText1340995377__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_ = "MaxLines570999849";
+var _namespace_ = "MaxLines3911774545";
 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":"MaxLines570999849__root"};
+export var classes = {"root":"MaxLines3911774545__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};