@wix/patterns 1.488.0 → 1.490.0

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

@@ -0,0 +1,25 @@
+// @ts-nocheck
+
+
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "EntityPageField1294009975";
+var _style_ = classesRuntime.bind(null, _namespace_);
+
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st: import("@stylable/runtime").STFunction = _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"EntityPageField1294009975__root","row":"EntityPageField1294009975__row"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {}; 
+
+
+
+

package/src/components/EntityPageFields/EntityPageField.tsx

@@ -7,10 +7,12 @@ import type {
 } from '@wix/bex-core';
 import { isReferenceField } from '@wix/bex-core';
 import type { Control } from '@wix/bex-core/form';
+import { useIsMobile } from '../../hooks/useIsMobile';
 import { FieldCell } from '../FieldCell/FieldCell';
 import { EntityPageReferenceField } from './EntityPageReferenceField';
 import { EntityPageReferenceValue } from './EntityPageReferenceValue';
 import { EntityPageCustomField } from './EntityPageCustomField';
+import { st, classes } from './EntityPageField.st.css.js';
 import {
   FormShortText,
   FormLongText,
@@ -106,6 +108,15 @@ const FIELD_INPUTS: Record<
   ADDRESS: FormAddress,
 };
 
+const FIT_CONTENT_FIELD_TYPES: ReadonlySet<PatternsFieldType> = new Set([
+  'COLOR',
+  'REFERENCE',
+  'DATE',
+  'DATETIME',
+  'TIME',
+  'NUMBER',
+]);
+
 export interface EntityPageFieldProps {
   field: Field;
   /** Value only: no input, and not registered in the form. */
@@ -216,8 +227,15 @@ function FieldRow({
   field: Field;
   children: React.ReactNode;
 }) {
+  const isMobile = useIsMobile();
+  const fitContent = !isMobile && FIT_CONTENT_FIELD_TYPES.has(field.type);
+
   return (
-    <Box direction="vertical" gap="SP1" width="100%">
+    <Box
+      direction="vertical"
+      gap="SP1"
+      className={st(classes.row, { fitContent })}
+    >
       {children}
       {field.helpText && (
         <Text

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

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

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

@@ -310,6 +310,11 @@ export function GridUniDriver(base: UniDriver, body: UniDriver) {
     getRenderedItemsCount: () =>
       base.$$('[data-hook="grid-card-item"]').count(),
     gridContainerExists: () => _getInnerElement().exists(),
+    getVirtualizedBodyHeight: async () => {
+      const style = (await _getInnerElement().attr('style')) ?? '';
+      const height = Number(/(?:^|;)\s*height:\s*([\d.]+)px/.exec(style)?.[1]);
+      return !isNaN(height) ? height : 0;
+    },
     getVirtualizedRowsCount: async () => {
       const str = await _getInnerElement().attr('data-count');
       return !isNaN(Number(str)) ? Number(str) : 0;

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading4056142077";
+var _namespace_ = "Heading70148291";
 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":"Heading4056142077__root"};
+export var classes = {"root":"Heading70148291__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_ = "ImportStepUpload4021007671";
+var _namespace_ = "ImportStepUpload1652573664";
 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":"ImportStepUpload4021007671__root","fileUpload":"ImportStepUpload4021007671__fileUpload"};
+export var classes = {"root":"ImportStepUpload1652573664__root","fileUpload":"ImportStepUpload1652573664__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_ = "InputOverflow2505247784";
+var _namespace_ = "InputOverflow2191070141";
 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":"InputOverflow2505247784__root"};
+export var classes = {"root":"InputOverflow2191070141__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_ = "LoadingRow3621201869";
+var _namespace_ = "LoadingRow373515950";
 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":"LoadingRow3621201869__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3621201869__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow373515950__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow373515950__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_ = "MaxHeightText1246016224";
+var _namespace_ = "MaxHeightText1746708834";
 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":"MaxHeightText1246016224__root"};
+export var classes = {"root":"MaxHeightText1746708834__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_ = "MaxLines28702856";
+var _namespace_ = "MaxLines4130075497";
 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":"MaxLines28702856__root"};
+export var classes = {"root":"MaxLines4130075497__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_ = "MultiBulkActionToolbar2902181092";
+var _namespace_ = "MultiBulkActionToolbar1296620202";
 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":"MultiBulkActionToolbar2902181092__root","leftGroupWrapper":"MultiBulkActionToolbar2902181092__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar2902181092__selectedCountItem","selectedCountText":"MultiBulkActionToolbar2902181092__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar1296620202__root","leftGroupWrapper":"MultiBulkActionToolbar1296620202__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1296620202__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1296620202__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_ = "NestedTablePlaceholderStatesRow3925760858";
+var _namespace_ = "NestedTablePlaceholderStatesRow2167059059";
 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":"NestedTablePlaceholderStatesRow3925760858__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow2167059059__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_ = "NestedTableRow866529802";
+var _namespace_ = "NestedTableRow3979174525";
 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":"NestedTableRow866529802__root","firstLevel":"NestedTableRow866529802__firstLevel","placeholder":"NestedTableRow866529802__placeholder","parentHovered":"NestedTableRow866529802__parentHovered"};
+export var classes = {"root":"NestedTableRow3979174525__root","firstLevel":"NestedTableRow3979174525__firstLevel","placeholder":"NestedTableRow3979174525__placeholder","parentHovered":"NestedTableRow3979174525__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

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

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

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

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

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

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep2362062783";
+var _namespace_ = "PickerContentAdditionalStep834158438";
 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":"PickerContentAdditionalStep2362062783__root","titles":"PickerContentAdditionalStep2362062783__titles","suffix":"PickerContentAdditionalStep2362062783__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep834158438__root","titles":"PickerContentAdditionalStep834158438__titles","suffix":"PickerContentAdditionalStep834158438__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

package/src/components/SchemaSource/schemaFieldManagement.ts

@@ -99,6 +99,7 @@ export const schemaFieldManagement = (
       const t = sourceState.container.translate;
       const { fieldModal } = sourceState.source;
       return {
+        showFieldId: fieldModal.showFieldId,
         text: fieldModal.text ?? {
           addTitle: t('cairo.customFields.addCustomField.modal.title'),
           editTitle: t('cairo.customFields.editCustomField.modal.title'),

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SetupWidget1099513909";
+var _namespace_ = "SetupWidget3343471957";
 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":"SetupWidget1099513909__root","row":"SetupWidget1099513909__row","completedCta":"SetupWidget1099513909__completedCta","secondaryCta":"SetupWidget1099513909__secondaryCta","card":"SetupWidget1099513909__card","stepIcon":"SetupWidget1099513909__stepIcon","chevron":"SetupWidget1099513909__chevron","chevronDisabled":"SetupWidget1099513909__chevronDisabled","inProgressLabel":"SetupWidget1099513909__inProgressLabel"};
+export var classes = {"root":"SetupWidget3343471957__root","row":"SetupWidget3343471957__row","completedCta":"SetupWidget3343471957__completedCta","secondaryCta":"SetupWidget3343471957__secondaryCta","card":"SetupWidget3343471957__card","stepIcon":"SetupWidget3343471957__stepIcon","chevron":"SetupWidget3343471957__chevron","chevronDisabled":"SetupWidget3343471957__chevronDisabled","inProgressLabel":"SetupWidget3343471957__inProgressLabel"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard706100567";
+var _namespace_ = "SkeletonCard3552661966";
 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":"SkeletonCard706100567__root","headerLoading":"SkeletonCard706100567__headerLoading"};
+export var classes = {"root":"SkeletonCard3552661966__root","headerLoading":"SkeletonCard3552661966__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

package/src/components/Table/AddFieldColumnHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AddFieldColumnHeader4168196710";
+var _namespace_ = "AddFieldColumnHeader3195699753";
 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":"AddFieldColumnHeader4168196710__root","anchorLayer":"AddFieldColumnHeader4168196710__anchorLayer","popover":"AddFieldColumnHeader4168196710__popover","title":"AddFieldColumnHeader4168196710__title","hoverBridge":"AddFieldColumnHeader4168196710__hoverBridge"};
+export var classes = {"root":"AddFieldColumnHeader3195699753__root","anchorLayer":"AddFieldColumnHeader3195699753__anchorLayer","popover":"AddFieldColumnHeader3195699753__popover","title":"AddFieldColumnHeader3195699753__title","hoverBridge":"AddFieldColumnHeader3195699753__hoverBridge"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Table/NumberCell.st.css.ts

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter950746489";
+var _namespace_ = "TabsFilter1436865992";
 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":"TabsFilter950746489__root","titleBox":"TabsFilter950746489__titleBox"};
+export var classes = {"root":"TabsFilter1436865992__root","titleBox":"TabsFilter1436865992__titleBox"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts

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

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

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

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

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

package/src/components/VirtualGridRepeater/VirtualGridRepeaterBase.tsx

@@ -84,6 +84,7 @@ function _VirtualGridRepeaterBase(props: VirtualGridRepeaterBaseProps) {
   );
 
   useEffect(() => {
+    state.applyEstimatedRowHeight();
     state.gridRef?.resetAfterIndices({
       columnIndex: 0,
       rowIndex: 0,

package/src/components/VirtualGridRepeater/VirtualGridRepeaterState.ts

@@ -11,6 +11,9 @@ export interface ReactWindowGridRef extends VariableSizeGrid {
   _getHorizontalRangeToRender(): number[];
   _getItemStyle(rowIndex: number, columnIndex: number): CSSProperties;
   _getItemStyleCache(...args: any[]): unknown;
+  _instanceProps: {
+    estimatedRowHeight: number;
+  };
 }
 
 export interface VirtualGridRepeaterStateParams {
@@ -59,6 +62,18 @@ export class VirtualGridRepeaterState {
     return Math.ceil(itemsToRenderCount / columnCount);
   }
 
+  // react-window copies the estimatedRowHeight prop only on mount, so later changes are written to the mounted grid.
+  applyEstimatedRowHeight() {
+    const {
+      gridRef,
+      calcGridProps: { estimatedRowHeight },
+    } = this;
+
+    if (gridRef && estimatedRowHeight) {
+      gridRef._instanceProps.estimatedRowHeight = estimatedRowHeight;
+    }
+  }
+
   _itemKeyRecycler = (index: number) => {
     const {
       gridState: { itemKeyRecyclerOverride },

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common560572835";
+var _namespace_ = "common2669482570";
 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":"common560572835__root","column":"common560572835__column","fullHeight":"common560572835__fullHeight"};
+export var classes = {"root":"common2669482570__root","column":"common2669482570__column","fullHeight":"common2669482570__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/CollectionPage/CollectionPageHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader3392449430";
+var _namespace_ = "CollectionPageHeader1956509891";
 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":"CollectionPageHeader3392449430__root","mobileMoreActions":"CollectionPageHeader3392449430__mobileMoreActions"};
+export var classes = {"root":"CollectionPageHeader1956509891__root","mobileMoreActions":"CollectionPageHeader1956509891__mobileMoreActions"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};