@wix/patterns 1.487.0 → 1.489.0

package/src/components/EditableTable/useClearFocusOnBlur.ts

@@ -3,7 +3,7 @@ import type { FiltersMap } from '@wix/bex-core';
 import type { CellInteractionState } from '../../state/EditableTable/CellInteractionState';
 
 /**
- * Clears cell focus when the user clicks outside the table container.
+ * Clears cell focus when focus moves to a non-cell control or outside the table.
  *
  * Skips clearFocus() while isEditing=true so that portaled editors (date
  * picker, select dropdown, media manager) can take focus without causing the
@@ -15,6 +15,7 @@ export function useClearFocusOnBlur<T, F extends FiltersMap>(
   cellInteraction: CellInteractionState<T, F>,
 ) {
   const blurFrameId = useRef(0);
+  const focusFromCell = useRef(false);
 
   useEffect(() => {
     return () => cancelAnimationFrame(blurFrameId.current);
@@ -23,16 +24,27 @@ export function useClearFocusOnBlur<T, F extends FiltersMap>(
   const onCellFocus = useCallback(() => {
     // Focus from a cell's portaled controls also bubbles through that cell.
     cancelAnimationFrame(blurFrameId.current);
+    focusFromCell.current = true;
   }, []);
 
   const onFocus = useCallback(
     (e: React.FocusEvent<HTMLDivElement>) => {
+      const fromCell = focusFromCell.current;
+      focusFromCell.current = false;
       // Portaled panels also bubble focus events through the table's React tree.
-      if (e.currentTarget.contains(e.target)) {
-        onCellFocus();
+      if (!e.currentTarget.contains(e.target)) {
+        return;
+      }
+      cancelAnimationFrame(blurFrameId.current);
+      if (
+        !fromCell &&
+        e.target !== e.currentTarget &&
+        !cellInteraction.isEditing
+      ) {
+        cellInteraction.clearFocus();
       }
     },
-    [onCellFocus],
+    [cellInteraction],
   );
 
   const onBlur = useCallback(

package/src/components/EditableTable/useKeyboardNavigation.ts

@@ -14,6 +14,17 @@ export function useKeyboardNavigation<T, F extends FiltersMap>(
         return;
       }
 
+      // The wrapper also contains the toolbar; its controls own their keys.
+      const target = e.target;
+      if (
+        target instanceof Node &&
+        e.currentTarget.contains(target) &&
+        target !== e.currentTarget &&
+        !cellInteraction.focusedCellElement?.contains(target)
+      ) {
+        return;
+      }
+
       // Don't intercept keys when editing (let the editor handle them)
       if (isEditing) {
         if (e.key === 'Escape') {

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EmptyStateBase656853121";
+var _namespace_ = "EmptyStateBase1180215919";
 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":"EmptyStateBase656853121__root"};
+export var classes = {"root":"EmptyStateBase1180215919__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_ = "EntityPagePlain3759557725";
+var _namespace_ = "EntityPagePlain2937287753";
 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":"EntityPagePlain3759557725__root"};
+export var classes = {"root":"EntityPagePlain2937287753__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -0,0 +1,10 @@
+.row {
+  -st-states: fitContent;
+  width: 100%;
+  max-width: 100%;
+}
+
+.row:fitContent {
+  width: min-content;
+  min-width: min(300px, 100%);
+}

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

@@ -0,0 +1,25 @@
+// @ts-nocheck
+
+
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "EntityPageField1863354397";
+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":"EntityPageField1863354397__root","row":"EntityPageField1863354397__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_ = "Fade1770349337";
+var _namespace_ = "Fade384913750";
 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":"Fade1770349337__root"};
+export var classes = {"root":"Fade384913750__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/FieldActions/FieldActions.tsx

@@ -1,8 +1,9 @@
-import React, { type ReactNode } from 'react';
+import React, { type ComponentProps, type ReactNode } from 'react';
 import {
   SortAscendingSmall,
   SortDescendingSmall,
   ContentFilterSmall,
+  FilterSmall,
   HiddenSmall,
   DeleteSmall,
   EditSmall,
@@ -15,6 +16,14 @@ import { cairoCtaClicked } from '@wix/bex-core/bi';
 import type { ReportBI, Translate, TranslationsKeys } from '@wix/bex-core';
 import type { HeaderAction, FieldActionsMenuConfig } from './headerActionTypes';
 import { MENU_DATA_HOOKS } from './fieldTypeActions';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
+
+const FilterActionIcon = (props: ComponentProps<typeof FilterSmall>) =>
+  useBmHarmonyTheme() ? (
+    <FilterSmall {...props} />
+  ) : (
+    <ContentFilterSmall {...props} />
+  );
 
 export type FieldActionKey =
   | 'editField'
@@ -89,7 +98,7 @@ export const FIELD_ACTIONS: Record<FieldActionKey, FieldActionDef> = {
     label: 'Filter',
     dataHook: 'field-action-filter',
     ctaName: 'Filter',
-    icon: <ContentFilterSmall />,
+    icon: <FilterActionIcon />,
   },
   archive: {
     label: 'Archive',

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_ = "Heading3462255574";
+var _namespace_ = "Heading2278022898";
 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":"Heading3462255574__root"};
+export var classes = {"root":"Heading2278022898__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_ = "ImportStepUpload2101281800";
+var _namespace_ = "ImportStepUpload3094355711";
 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":"ImportStepUpload2101281800__root","fileUpload":"ImportStepUpload2101281800__fileUpload"};
+export var classes = {"root":"ImportStepUpload3094355711__root","fileUpload":"ImportStepUpload3094355711__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_ = "InputOverflow2248902607";
+var _namespace_ = "InputOverflow3161180254";
 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":"InputOverflow2248902607__root"};
+export var classes = {"root":"InputOverflow3161180254__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_ = "LoadingRow3893066163";
+var _namespace_ = "LoadingRow1993998855";
 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":"LoadingRow3893066163__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3893066163__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow1993998855__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow1993998855__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_ = "MaxHeightText2356253105";
+var _namespace_ = "MaxHeightText3809366621";
 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":"MaxHeightText2356253105__root"};
+export var classes = {"root":"MaxHeightText3809366621__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_ = "MaxLines606070879";
+var _namespace_ = "MaxLines1849081974";
 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":"MaxLines606070879__root"};
+export var classes = {"root":"MaxLines1849081974__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_ = "MultiBulkActionToolbar1677630063";
+var _namespace_ = "MultiBulkActionToolbar21172203";
 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":"MultiBulkActionToolbar1677630063__root","leftGroupWrapper":"MultiBulkActionToolbar1677630063__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1677630063__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1677630063__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar21172203__root","leftGroupWrapper":"MultiBulkActionToolbar21172203__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar21172203__selectedCountItem","selectedCountText":"MultiBulkActionToolbar21172203__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_ = "NestedTablePlaceholderStatesRow2348037792";
+var _namespace_ = "NestedTablePlaceholderStatesRow1066952737";
 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":"NestedTablePlaceholderStatesRow2348037792__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow1066952737__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_ = "NestedTableRow126686359";
+var _namespace_ = "NestedTableRow3874444528";
 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":"NestedTableRow126686359__root","firstLevel":"NestedTableRow126686359__firstLevel","placeholder":"NestedTableRow126686359__placeholder","parentHovered":"NestedTableRow126686359__parentHovered"};
+export var classes = {"root":"NestedTableRow3874444528__root","firstLevel":"NestedTableRow3874444528__firstLevel","placeholder":"NestedTableRow3874444528__placeholder","parentHovered":"NestedTableRow3874444528__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_ = "MultipleDragOverlayEffect781156099";
+var _namespace_ = "MultipleDragOverlayEffect663084329";
 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":"MultipleDragOverlayEffect781156099__root"};
+export var classes = {"root":"MultipleDragOverlayEffect663084329__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_ = "NestedTableDragAndDropRow1314655904";
+var _namespace_ = "NestedTableDragAndDropRow2207488032";
 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":"NestedTableDragAndDropRow1314655904__root"};
+export var classes = {"root":"NestedTableDragAndDropRow2207488032__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_ = "PickerContent897261569";
+var _namespace_ = "PickerContent2953581256";
 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":"PickerContent897261569__root"};
+export var classes = {"root":"PickerContent2953581256__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_ = "PickerContentAdditionalStep855646970";
+var _namespace_ = "PickerContentAdditionalStep1212820561";
 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":"PickerContentAdditionalStep855646970__root","titles":"PickerContentAdditionalStep855646970__titles","suffix":"PickerContentAdditionalStep855646970__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1212820561__root","titles":"PickerContentAdditionalStep1212820561__titles","suffix":"PickerContentAdditionalStep1212820561__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_ = "PickerTableListItem1053670603";
+var _namespace_ = "PickerTableListItem1490365995";
 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":"PickerTableListItem1053670603__root"};
+export var classes = {"root":"PickerTableListItem1490365995__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_ = "ScrollableContent3886533252";
+var _namespace_ = "ScrollableContent1847254971";
 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":"ScrollableContent3886533252__root"};
+export var classes = {"root":"ScrollableContent1847254971__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_ = "SetupWidget3466095077";
+var _namespace_ = "SetupWidget3545239579";
 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":"SetupWidget3466095077__root","row":"SetupWidget3466095077__row","completedCta":"SetupWidget3466095077__completedCta","secondaryCta":"SetupWidget3466095077__secondaryCta","card":"SetupWidget3466095077__card","stepIcon":"SetupWidget3466095077__stepIcon","chevron":"SetupWidget3466095077__chevron","chevronDisabled":"SetupWidget3466095077__chevronDisabled","inProgressLabel":"SetupWidget3466095077__inProgressLabel"};
+export var classes = {"root":"SetupWidget3545239579__root","row":"SetupWidget3545239579__row","completedCta":"SetupWidget3545239579__completedCta","secondaryCta":"SetupWidget3545239579__secondaryCta","card":"SetupWidget3545239579__card","stepIcon":"SetupWidget3545239579__stepIcon","chevron":"SetupWidget3545239579__chevron","chevronDisabled":"SetupWidget3545239579__chevronDisabled","inProgressLabel":"SetupWidget3545239579__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_ = "SkeletonCard4240415242";
+var _namespace_ = "SkeletonCard251690363";
 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":"SkeletonCard4240415242__root","headerLoading":"SkeletonCard4240415242__headerLoading"};
+export var classes = {"root":"SkeletonCard251690363__root","headerLoading":"SkeletonCard251690363__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_ = "SlidingModal2940725729";
+var _namespace_ = "SlidingModal2906014629";
 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":"SlidingModal2940725729__root"};
+export var classes = {"root":"SlidingModal2906014629__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_ = "AddFieldColumnHeader3322376690";
+var _namespace_ = "AddFieldColumnHeader660788591";
 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":"AddFieldColumnHeader3322376690__root","anchorLayer":"AddFieldColumnHeader3322376690__anchorLayer","popover":"AddFieldColumnHeader3322376690__popover","title":"AddFieldColumnHeader3322376690__title","hoverBridge":"AddFieldColumnHeader3322376690__hoverBridge"};
+export var classes = {"root":"AddFieldColumnHeader660788591__root","anchorLayer":"AddFieldColumnHeader660788591__anchorLayer","popover":"AddFieldColumnHeader660788591__popover","title":"AddFieldColumnHeader660788591__title","hoverBridge":"AddFieldColumnHeader660788591__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_ = "NumberCell2978180245";
+var _namespace_ = "NumberCell3535629880";
 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":"NumberCell2978180245__root"};
+export var classes = {"root":"NumberCell3535629880__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};