@wix/patterns 1.477.0 → 1.479.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1600468042";
+var _namespace_ = "Edit1304335115";
 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":"Edit1600468042__root","numberInput":"Edit1600468042__numberInput"};
+export var classes = {"root":"Edit1304335115__root","numberInput":"Edit1304335115__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_ = "View1002099887";
+var _namespace_ = "View3096171468";
 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":"View1002099887__root","textView":"View1002099887__textView"};
+export var classes = {"root":"View3096171468__root","textView":"View3096171468__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_ = "Edit3959908439";
+var _namespace_ = "Edit2463058583";
 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":"Edit3959908439__root","jsonInput":"Edit3959908439__jsonInput"};
+export var classes = {"root":"Edit2463058583__root","jsonInput":"Edit2463058583__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_ = "View1121471793";
+var _namespace_ = "View184069691";
 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":"View1121471793__root"};
+export var classes = {"root":"View184069691__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_ = "Edit1553685187";
+var _namespace_ = "Edit722411838";
 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":"Edit1553685187__root","selectInput":"Edit1553685187__selectInput"};
+export var classes = {"root":"Edit722411838__root","selectInput":"Edit722411838__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_ = "Edit3733797273";
+var _namespace_ = "Edit3133363930";
 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":"Edit3733797273__root","editWrapper":"Edit3733797273__editWrapper","inputArea":"Edit3733797273__inputArea"};
+export var classes = {"root":"Edit3133363930__root","editWrapper":"Edit3133363930__editWrapper","inputArea":"Edit3133363930__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_ = "View946200415";
+var _namespace_ = "View3823743752";
 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":"View946200415__root"};
+export var classes = {"root":"View3823743752__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_ = "Edit2947994912";
+var _namespace_ = "Edit2156452178";
 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":"Edit2947994912__root","wrapper":"Edit2947994912__wrapper","overlay":"Edit2947994912__overlay"};
+export var classes = {"root":"Edit2156452178__root","wrapper":"Edit2156452178__wrapper","overlay":"Edit2156452178__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_ = "Edit1329285447";
+var _namespace_ = "Edit404231811";
 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":"Edit1329285447__root","urlInput":"Edit1329285447__urlInput"};
+export var classes = {"root":"Edit404231811__root","urlInput":"Edit404231811__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_ = "View2470847174";
+var _namespace_ = "View1127138054";
 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":"View2470847174__root","textView":"View2470847174__textView","urlText":"View2470847174__urlText","suffix":"View2470847174__suffix"};
+export var classes = {"root":"View1127138054__root","textView":"View1127138054__textView","urlText":"View1127138054__urlText","suffix":"View1127138054__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/useAddRow.ts

@@ -23,14 +23,20 @@ export function useAddRow<T, F extends FiltersMap>(
   state: EditableTableState<T, F>,
 ) {
   const handleAddItem = useCallback(() => {
+    if (state.isAddItemDisabled()) {
+      return;
+    }
     state.onAddItemClick('Card CTA');
 
     const lastRowKey = state.keyedItems[state.keyedItems.length - 1]?.key;
     startEditingNewRow(state, state.addItem(lastRowKey));
   }, [state]);
 
+  const addItemDisabledReason = state.addItemDisabledReason();
+
   const showAddItemRow =
-    !state.addItemDisabled && state.collection.initTask.status.isSuccess;
+    (!state.isAddItemDisabled() || !!addItemDisabledReason) &&
+    state.collection.initTask.status.isSuccess;
 
-  return { showAddItemRow, handleAddItem };
+  return { showAddItemRow, addItemDisabledReason, handleAddItem };
 }

package/src/components/EditableTable/useEditableTableContextMenu.ts

@@ -13,6 +13,7 @@ const isInsidePaddedRect = (e: MouseEvent, rect: DOMRect, padding: number) =>
 
 export function useEditableTableContextMenu<T, F extends FiltersMap>(
   cellInteraction: CellInteractionState<T, F>,
+  onOpenChange: (isOpened: boolean, cell: Cell) => void,
 ) {
   const [position, setPosition] = useState<{ x: number; y: number } | null>(
     null,
@@ -49,6 +50,18 @@ export function useEditableTableContextMenu<T, F extends FiltersMap>(
     cellElRef.current = null;
   }, []);
 
+  // Open and close are reported from the cell that the menu is anchored to.
+  // The cleanup also reports a close when the table unmounts with the menu open.
+  useEffect(() => {
+    if (!cell) {
+      return;
+    }
+    onOpenChange(true, cell);
+    return () => {
+      onOpenChange(false, cell);
+    };
+  }, [cell, onOpenChange]);
+
   useEffect(() => {
     if (!position) {
       return;

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EmptyStateBase2060802551";
+var _namespace_ = "EmptyStateBase1160846046";
 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":"EmptyStateBase2060802551__root"};
+export var classes = {"root":"EmptyStateBase1160846046__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_ = "EntityPagePlain2082051304";
+var _namespace_ = "EntityPagePlain2050096784";
 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":"EntityPagePlain2082051304__root"};
+export var classes = {"root":"EntityPagePlain2050096784__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_ = "Fade3243125242";
+var _namespace_ = "Fade3686196112";
 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":"Fade3243125242__root"};
+export var classes = {"root":"Fade3686196112__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/FieldActions/HeaderActionsPopover.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useCallback, useRef } from 'react';
+import React, { useState, useCallback, useEffect, useRef } from 'react';
 import { PopoverMenu, IconButton, Tooltip } from '@wix/design-system';
 import { MoreSmall } from '@wix/wix-ui-icons-common/lazy';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
@@ -10,18 +10,32 @@ export interface HeaderActionsPopoverProps {
   actions: HeaderAction[][];
   dataHook?: string;
   className?: string;
+  onOpenChange?: (isOpened: boolean) => void;
 }
 
 export function HeaderActionsPopover({
   actions,
   dataHook,
   className,
+  onOpenChange,
 }: HeaderActionsPopoverProps) {
   const { translate: t } = useWixPatternsContainer();
   const [menuOpen, setMenuOpen] = useState(false);
   const [popoverKey, setPopoverKey] = useState(0);
   const wrapperRef = useRef<HTMLDivElement>(null);
 
+  // Report from `menuOpen` so a repeated `onHide` does not send another close.
+  // The cleanup also reports a close when the menu unmounts while it is open.
+  useEffect(() => {
+    if (!menuOpen) {
+      return;
+    }
+    onOpenChange?.(true);
+    return () => {
+      onOpenChange?.(false);
+    };
+  }, [menuOpen, onOpenChange]);
+
   const closePopover = useCallback(() => {
     setMenuOpen(false);
     setPopoverKey((k) => k + 1);

package/src/components/Grid/Grid.tsx

@@ -56,7 +56,7 @@ interface GridBaseProps<T, F extends FiltersMap>
   /**
    * Creates [grid sections](./?path=/story/features-display-grid-sections--grid-sections) that group data based on the values of a specific field.
    * @external
-   * @overrideType [SectionsProp](./?path=/story/common-types--sectionsprop)
+   * @overrideType [SectionsProp](./?path=/story/common-types--gridsectionsprop)
    */
   sections?: {
     GridSections: typeof GridSectionsContent;

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

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

package/src/components/ImportButton/ImportButton.tsx

@@ -13,6 +13,7 @@ import { ImportButtonProps } from './ImportProps';
 import { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';
 import { useIsMobile } from '../../hooks/useIsMobile';
 import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
+import { DisabledTooltip } from '../DisabledTooltip';
 
 function _ImportButton<T, F extends FiltersMap>(props: ImportButtonProps) {
   const { toolbarType = 'default', config, renderFieldEditor } = props;
@@ -82,20 +83,29 @@ function _ImportButton<T, F extends FiltersMap>(props: ImportButtonProps) {
           dataHook="import-button"
           onClick={state.open}
           icon={importIcon}
+          disabled={props.disabled}
+          disabledReason={props.disabledReason}
         >
           {t('cairo.import.import')}
         </ResponsiveButton>
       ) : (
-        <Button
-          priority="secondary"
-          size="small"
-          ellipsis
-          prefixIcon={importIcon}
-          dataHook="import-button"
-          onClick={state.open}
+        <DisabledTooltip
+          content={props.disabledReason}
+          disabled={!props.disabledReason}
+          dataHook="import-button-disabled-tooltip"
         >
-          {t('cairo.import.import')}
-        </Button>
+          <Button
+            priority="secondary"
+            size="small"
+            ellipsis
+            prefixIcon={importIcon}
+            dataHook="import-button"
+            onClick={state.open}
+            disabled={props.disabled}
+          >
+            {t('cairo.import.import')}
+          </Button>
+        </DisabledTooltip>
       )}
     </div>
   );

package/src/components/ImportButton/ImportButton.uni.driver.ts

@@ -1,6 +1,7 @@
 import { ButtonUniDriver } from '@wix/design-system/dist/testkit/unidriver';
 import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
 import ImportModalUniDriver from './ImportModal.uni.driver';
+import { DisabledTooltipButtonUniDriver } from '../DisabledTooltip/DisabledTooltipButton.uni.driver';
 
 export function ImportButtonUniDriver(base: UniDriver, body: UniDriver) {
   const getButton = () => ButtonUniDriver(base, body);
@@ -12,6 +13,11 @@ export function ImportButtonUniDriver(base: UniDriver, body: UniDriver) {
     click: () => getButton().click(),
     /** Indicates whether import button exists in the table toolbar */
     exists: () => getButton().exists(),
+    isDisabled: () => getButton().isButtonDisabled(),
+    getDisabledTooltipText: () =>
+      DisabledTooltipButtonUniDriver(body, body, {
+        dataHook: 'import-button',
+      }).getTooltipText(),
   };
 }
 

package/src/components/ImportButton/ImportProps.tsx

@@ -37,6 +37,8 @@ export type ImportButtonProps = ImportButtonParams & {
    * `Button`.
    */
   toolbarType?: ImportButtonToolbarType;
+  disabled?: boolean;
+  disabledReason?: ReactNode;
 };
 
 export type ImportModalProps = ImportButtonParams;

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload1134753481";
+var _namespace_ = "ImportStepUpload1421746579";
 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":"ImportStepUpload1134753481__root","fileUpload":"ImportStepUpload1134753481__fileUpload"};
+export var classes = {"root":"ImportStepUpload1421746579__root","fileUpload":"ImportStepUpload1421746579__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_ = "InputOverflow2283377371";
+var _namespace_ = "InputOverflow3152898785";
 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":"InputOverflow2283377371__root"};
+export var classes = {"root":"InputOverflow3152898785__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/LayoutSwitch/LayoutSwitch.tsx

@@ -7,6 +7,9 @@ import type { EditableTableProps } from '../EditableTable';
 import { InitialLoader } from '../InitialLoader';
 import { LayoutSwitchButton } from '../LayoutSwitchButton';
 import type { ILayoutSwitchState } from '../../state/ILayoutSwitchState';
+import type { ToolbarCollectionState } from '../../state';
+import type { TableColumn } from '../../model';
+import { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';
 
 const LazyEditableTable = React.lazy(() =>
   import('../EditableTable').then((m) => ({
@@ -28,6 +31,40 @@ export interface LayoutSwitchProps<T, F extends FiltersMap> {
   spreadsheetProps?: Omit<EditableTableProps<T, F>, 'tableGridSwitchButton'>;
 }
 
+// Grid syncs no columns of its own, so while it is shown the shared toolbar
+// takes the table's columns. Without them, multi-level sorting has nothing to
+// offer when grid is the first layout. Mirrors useColumnsSyncProps, which does
+// the same for the table.
+function useTableColumnsWhileGridShown<T, F extends FiltersMap>({
+  toolbar,
+  isGridShown,
+  tableColumns,
+}: {
+  toolbar: ToolbarCollectionState<T, F>;
+  isGridShown: boolean;
+  tableColumns?: TableColumn<T>[];
+}) {
+  const router = useWixPatternsRouter();
+  const fieldsSource = toolbar.collectionFieldsSource;
+  const areSourceColumnsLoaded =
+    !fieldsSource || fieldsSource.initTask.status.isSuccess;
+
+  useEffect(() => {
+    if (!isGridShown || !tableColumns) {
+      return;
+    }
+
+    toolbar.setNewColumns(tableColumns);
+
+    // Under a schema source tableColumns holds only the extras, so the stale
+    // check runs against the merged columns, and only once the source fields
+    // are among them. A state restored from the router cache keeps its sort.
+    if (areSourceColumnsLoaded && !router?.isUsingCache) {
+      toolbar._adjustSortWithNewColumns(toolbar.columns);
+    }
+  }, [isGridShown, tableColumns, areSourceColumnsLoaded]);
+}
+
 function _LayoutSwitch<T, F extends FiltersMap>({
   state,
   importButton,
@@ -59,6 +96,12 @@ function _LayoutSwitch<T, F extends FiltersMap>({
 
   useEffect(() => state.init(), []);
 
+  useTableColumnsWhileGridShown({
+    toolbar,
+    isGridShown: viewTypeState.viewType === 'grid',
+    tableColumns: tableProps?.columns,
+  });
+
   // If the stored viewType is not among the available options (e.g. 'grid' was
   // persisted but gridProps is not provided), persist the correction so the next
   // load starts from a valid value. changeViewType also updates dataCapsule.

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow4180691115";
+var _namespace_ = "LoadingRow1378746736";
 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":"LoadingRow4180691115__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow4180691115__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow1378746736__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow1378746736__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_ = "MaxHeightText434511058";
+var _namespace_ = "MaxHeightText3365263644";
 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":"MaxHeightText434511058__root"};
+export var classes = {"root":"MaxHeightText3365263644__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_ = "MaxLines2003289030";
+var _namespace_ = "MaxLines138609149";
 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":"MaxLines2003289030__root"};
+export var classes = {"root":"MaxLines138609149__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};