@wix/patterns 1.478.0 → 1.480.0

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2722305770";
+var _namespace_ = "Edit1962257121";
 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":"Edit2722305770__root","addressInput":"Edit2722305770__addressInput"};
+export var classes = {"root":"Edit1962257121__root","addressInput":"Edit1962257121__addressInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit357726622";
+var _namespace_ = "Edit4264936297";
 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":"Edit357726622__root","jsonInput":"Edit357726622__jsonInput"};
+export var classes = {"root":"Edit4264936297__root","jsonInput":"Edit4264936297__jsonInput"};
 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_ = "Edit2609320197";
+var _namespace_ = "Edit2305842550";
 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":"Edit2609320197__root","booleanEdit":"Edit2609320197__booleanEdit"};
+export var classes = {"root":"Edit2305842550__root","booleanEdit":"Edit2305842550__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_ = "View722233277";
+var _namespace_ = "View1575924361";
 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":"View722233277__root","booleanView":"View722233277__booleanView"};
+export var classes = {"root":"View1575924361__root","booleanView":"View1575924361__booleanView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3886572474";
+var _namespace_ = "Edit2265207584";
 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":"Edit3886572474__root"};
+export var classes = {"root":"Edit2265207584__root"};
 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_ = "Edit3624563720";
+var _namespace_ = "Edit680134571";
 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":"Edit3624563720__root","dateInput":"Edit3624563720__dateInput"};
+export var classes = {"root":"Edit680134571__root","dateInput":"Edit680134571__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_ = "View3669448249";
+var _namespace_ = "View2685516161";
 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":"View3669448249__root"};
+export var classes = {"root":"View2685516161__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2438624960";
+var _namespace_ = "Edit3062184052";
 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":"Edit2438624960__root","half":"Edit2438624960__half","dateHalf":"Edit2438624960__dateHalf Edit2438624960__half","timeHalf":"Edit2438624960__timeHalf Edit2438624960__half","divider":"Edit2438624960__divider","passiveText":"Edit2438624960__passiveText","placeholderText":"Edit2438624960__placeholderText Edit2438624960__passiveText"};
+export var classes = {"root":"Edit3062184052__root","half":"Edit3062184052__half","dateHalf":"Edit3062184052__dateHalf Edit3062184052__half","timeHalf":"Edit3062184052__timeHalf Edit3062184052__half","divider":"Edit3062184052__divider","passiveText":"Edit3062184052__passiveText","placeholderText":"Edit3062184052__placeholderText Edit3062184052__passiveText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3661061794";
+var _namespace_ = "View612183954";
 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":"View3661061794__root","leaf":"View3661061794__leaf","datePart":"View3661061794__datePart View3661061794__leaf","timePart":"View3661061794__timePart View3661061794__leaf","placeholder":"View3661061794__placeholder View3661061794__leaf","divider":"View3661061794__divider"};
+export var classes = {"root":"View612183954__root","leaf":"View612183954__leaf","datePart":"View612183954__datePart View612183954__leaf","timePart":"View612183954__timePart View612183954__leaf","placeholder":"View612183954__placeholder View612183954__leaf","divider":"View612183954__divider"};
 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_ = "Edit724469922";
+var _namespace_ = "Edit2311684223";
 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":"Edit724469922__root","emailInput":"Edit724469922__emailInput"};
+export var classes = {"root":"Edit2311684223__root","emailInput":"Edit2311684223__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_ = "View2415997443";
+var _namespace_ = "View625904045";
 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":"View2415997443__root"};
+export var classes = {"root":"View625904045__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit7950938";
+var _namespace_ = "Edit3329408817";
 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":"Edit7950938__root","numberInput":"Edit7950938__numberInput"};
+export var classes = {"root":"Edit3329408817__root","numberInput":"Edit3329408817__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_ = "View3961498259";
+var _namespace_ = "View1911097068";
 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":"View3961498259__root","textView":"View3961498259__textView"};
+export var classes = {"root":"View1911097068__root","textView":"View1911097068__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_ = "Edit58382595";
+var _namespace_ = "Edit3863363173";
 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":"Edit58382595__root","jsonInput":"Edit58382595__jsonInput"};
+export var classes = {"root":"Edit3863363173__root","jsonInput":"Edit3863363173__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_ = "View3755779564";
+var _namespace_ = "View702044422";
 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":"View3755779564__root"};
+export var classes = {"root":"View702044422__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_ = "Edit3543350856";
+var _namespace_ = "Edit1285713997";
 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":"Edit3543350856__root","selectInput":"Edit3543350856__selectInput"};
+export var classes = {"root":"Edit1285713997__root","selectInput":"Edit1285713997__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_ = "Edit4280840684";
+var _namespace_ = "Edit2829224628";
 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":"Edit4280840684__root","editWrapper":"Edit4280840684__editWrapper","inputArea":"Edit4280840684__inputArea"};
+export var classes = {"root":"Edit2829224628__root","editWrapper":"Edit2829224628__editWrapper","inputArea":"Edit2829224628__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_ = "View2174248763";
+var _namespace_ = "View3790671902";
 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":"View2174248763__root"};
+export var classes = {"root":"View3790671902__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_ = "Edit3797187847";
+var _namespace_ = "Edit101690587";
 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":"Edit3797187847__root","wrapper":"Edit3797187847__wrapper","overlay":"Edit3797187847__overlay"};
+export var classes = {"root":"Edit101690587__root","wrapper":"Edit101690587__wrapper","overlay":"Edit101690587__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_ = "Edit378691195";
+var _namespace_ = "Edit1496408529";
 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":"Edit378691195__root","urlInput":"Edit378691195__urlInput"};
+export var classes = {"root":"Edit1496408529__root","urlInput":"Edit1496408529__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_ = "View2801638895";
+var _namespace_ = "View102358572";
 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":"View2801638895__root","textView":"View2801638895__textView","urlText":"View2801638895__urlText","suffix":"View2801638895__suffix"};
+export var classes = {"root":"View102358572__root","textView":"View102358572__textView","urlText":"View102358572__urlText","suffix":"View102358572__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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_ = "EmptyStateBase887233244";
+var _namespace_ = "EmptyStateBase1448918574";
 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":"EmptyStateBase887233244__root"};
+export var classes = {"root":"EmptyStateBase1448918574__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_ = "EntityPagePlain2068132960";
+var _namespace_ = "EntityPagePlain3293418886";
 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":"EntityPagePlain2068132960__root"};
+export var classes = {"root":"EntityPagePlain3293418886__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_ = "Fade606946213";
+var _namespace_ = "Fade1288758040";
 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":"Fade606946213__root"};
+export var classes = {"root":"Fade1288758040__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_ = "Heading1247508333";
+var _namespace_ = "Heading3752481639";
 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":"Heading1247508333__root"};
+export var classes = {"root":"Heading3752481639__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_ = "ImportStepUpload3017035245";
+var _namespace_ = "ImportStepUpload1828701032";
 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":"ImportStepUpload3017035245__root","fileUpload":"ImportStepUpload3017035245__fileUpload"};
+export var classes = {"root":"ImportStepUpload1828701032__root","fileUpload":"ImportStepUpload1828701032__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_ = "InputOverflow569595353";
+var _namespace_ = "InputOverflow3895210399";
 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":"InputOverflow569595353__root"};
+export var classes = {"root":"InputOverflow3895210399__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_ = "LoadingRow4090891165";
+var _namespace_ = "LoadingRow3071512975";
 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":"LoadingRow4090891165__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow4090891165__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3071512975__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3071512975__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_ = "MaxHeightText879506298";
+var _namespace_ = "MaxHeightText3153275981";
 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":"MaxHeightText879506298__root"};
+export var classes = {"root":"MaxHeightText3153275981__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};