@wix/patterns 1.445.0 → 1.446.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit619452332";
+var _namespace_ = "Edit871404938";
 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":"Edit619452332__root","wrapper":"Edit619452332__wrapper","overlay":"Edit619452332__overlay"};
+export var classes = {"root":"Edit871404938__root","wrapper":"Edit871404938__wrapper","overlay":"Edit871404938__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_ = "Edit208230424";
+var _namespace_ = "Edit2546142657";
 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":"Edit208230424__root","urlInput":"Edit208230424__urlInput"};
+export var classes = {"root":"Edit2546142657__root","urlInput":"Edit2546142657__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_ = "View420760888";
+var _namespace_ = "View3403835407";
 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":"View420760888__root","textView":"View420760888__textView","urlText":"View420760888__urlText","suffix":"View420760888__suffix"};
+export var classes = {"root":"View3403835407__root","textView":"View3403835407__textView","urlText":"View3403835407__urlText","suffix":"View3403835407__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EmptyStateBase7412392";
+var _namespace_ = "EmptyStateBase3800901673";
 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":"EmptyStateBase7412392__root"};
+export var classes = {"root":"EmptyStateBase3800901673__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_ = "EntityPagePlain1660982067";
+var _namespace_ = "EntityPagePlain2201780053";
 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":"EntityPagePlain1660982067__root"};
+export var classes = {"root":"EntityPagePlain2201780053__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EntityPageFields/EntityPageCustomField.tsx

@@ -2,6 +2,7 @@ import React, { useCallback, useRef } from 'react';
 import { Box, FormField } from '@wix/design-system';
 import type { Field, FieldTypeDefinition, Focusable } from '@wix/bex-core';
 import { useController, type Control } from '@wix/bex-core/form';
+import { fieldRefHandle } from '@wix/patterns-fields';
 import { toValidationRules } from '../../state/buildEditableFieldColumns';
 
 export interface EntityPageCustomFieldProps {
@@ -21,14 +22,6 @@ export interface EntityPageCustomFieldProps {
 const FOCUSABLE =
   'input, textarea, select, button, [contenteditable], [tabindex]:not([tabindex="-1"])';
 
-// The contract asks a form component for a Focusable, the same as a cell's
-// inputRef. A component that hands back a real input also satisfies the rest of
-// what react-hook-form may call, so read those opportunistically.
-type FormControl = Focusable &
-  Partial<
-    Pick<HTMLInputElement, 'select' | 'setCustomValidity' | 'reportValidity'>
-  >;
-
 // Owns the react-hook-form wiring for a custom field type, so a definition's
 // form component never touches the form: it gets value/onChange and renders
 // only the input. Registration here (not in the component) also guarantees the
@@ -67,29 +60,23 @@ export function EntityPageCustomField({
       if (!element) {
         return;
       }
-      registerRef({
-        focus: () => {
-          const consumer = consumerRef.current;
-          if (consumer?.focus) {
-            consumer.focus();
-            return;
+      // The component's own control when it filled inputRef, otherwise
+      // whatever is focusable inside the wrapper. Resolved in one place so the
+      // focus path and the calls behind it cannot disagree.
+      const control = () =>
+        consumerRef.current ?? element.querySelector<HTMLElement>(FOCUSABLE);
+
+      registerRef(
+        fieldRefHandle(() => {
+          // Without a control from the component the field may be off screen
+          // with nothing to focus, so move to it before trying.
+          if (!consumerRef.current) {
+            // Not implemented in jsdom.
+            element.scrollIntoView?.({ block: 'center' });
           }
-          // Not implemented in jsdom.
-          element.scrollIntoView?.({ block: 'center' });
-          element.querySelector<HTMLElement>(FOCUSABLE)?.focus();
-        },
-        // react-hook-form wraps whatever is registered and calls these through
-        // unconditionally, so they have to exist here or setFocus and native
-        // validation throw on the way to the control.
-        select: () => (consumerRef.current as FormControl | null)?.select?.(),
-        setCustomValidity: (message: string) =>
-          (consumerRef.current as FormControl | null)?.setCustomValidity?.(
-            message,
-          ),
-        reportValidity: () =>
-          (consumerRef.current as FormControl | null)?.reportValidity?.() ??
-          true,
-      });
+          control()?.focus?.();
+        }, control),
+      );
     },
     [registerRef],
   );

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

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

package/src/components/Grid/useGridItemActions.tsx

@@ -18,6 +18,7 @@ import {
 } from '../CollectionItemActions/CollectionItemActionsHelper';
 import { getDefaultActionCellProps } from '../CollectionItemActions/getDefaultActionCellProps';
 import { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 
 interface ActionCell<T, F extends FiltersMap> {
   actionCell: GridCardItemProps<T, F>['actionCell'];
@@ -66,6 +67,7 @@ export function useGridItemActions<T, F extends FiltersMap>(
   const extensionMenuItems = useExtensionMenuItems({
     containerId: actions.containerId,
   });
+  const isBmHarmonyTheme = useBmHarmonyTheme();
 
   const secondaryActionCellPropsWithBI = createSecondaryActionCellPropWithBi({
     toolbarBIReporter: actionCell.gridState.toolbar.toolbarBIReporter,
@@ -129,9 +131,9 @@ export function useGridItemActions<T, F extends FiltersMap>(
               actionCell.gridState._dnd ? (e) => e.stopPropagation() : undefined
             }
             onMouseLeave={close}
-            skin={actionCell.imagePlacement === 'top' ? 'light' : 'standard'}
+            {...(actionCell.imagePlacement === 'top' && { skin: 'light' })}
             size="small"
-            priority="secondary"
+            priority={isBmHarmonyTheme ? 'tertiary' : 'secondary'}
           >
             <More />
           </IconButton>

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading386952903";
+var _namespace_ = "Heading2491838071";
 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":"Heading386952903__root"};
+export var classes = {"root":"Heading2491838071__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_ = "ImportStepUpload1582844632";
+var _namespace_ = "ImportStepUpload2976789225";
 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":"ImportStepUpload1582844632__root","fileUpload":"ImportStepUpload1582844632__fileUpload"};
+export var classes = {"root":"ImportStepUpload2976789225__root","fileUpload":"ImportStepUpload2976789225__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_ = "InputOverflow212485012";
+var _namespace_ = "InputOverflow1255096655";
 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":"InputOverflow212485012__root"};
+export var classes = {"root":"InputOverflow1255096655__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_ = "LoadingRow3889172829";
+var _namespace_ = "LoadingRow1595536176";
 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":"LoadingRow3889172829__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3889172829__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow1595536176__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow1595536176__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_ = "MaxHeightText883485478";
+var _namespace_ = "MaxHeightText3926941562";
 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":"MaxHeightText883485478__root"};
+export var classes = {"root":"MaxHeightText3926941562__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_ = "MaxLines407219590";
+var _namespace_ = "MaxLines396791620";
 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":"MaxLines407219590__root"};
+export var classes = {"root":"MaxLines396791620__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -1,5 +1,6 @@
 import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
 import {
+  DropdownLayoutUniDriver,
   PopoverMenuUniDriver,
   TooltipUniDriver,
 } from '@wix/design-system/dist/testkit/unidriver';
@@ -41,6 +42,18 @@ export const MoreActionsUniDriver = (base: UniDriver, body: UniDriver) => {
     /** Gets children count */
     childrenCount: () => moreActionsPopoverDriver(dataHook).childrenCount(),
 
+    /** Indicates whether a menu item uses the small text size */
+    isItemTextSizeSmall: async (index: number) => {
+      const contentElement = await moreActionsPopoverDriver(
+        dataHook,
+      ).getContentElement();
+      const className = await DropdownLayoutUniDriver(
+        contentElement.$('[data-hook="dropdown-base-dropdownlayout"]'),
+        body,
+      ).getListItemAttribute(index, 'class');
+      return /---size-\d+-small(?:\s|$)/.test(className);
+    },
+
     getTooltip: () => {
       return TooltipUniDriver(
         base.$('[data-hook="more-actions-tooltip"]'),

package/src/components/MoreActions/MoreActionsBase.tsx

@@ -7,6 +7,7 @@ import {
 } from '@wix/bex-core/react';
 import { observer } from 'mobx-react-lite';
 import { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 import { ExtensionMenuItem } from '../../state';
 import { usePageButtonBiParams } from '../usePageButtonBiParams';
 import { useExploreAppsState } from './useExploreAppsState';
@@ -36,6 +37,7 @@ function _MoreActionsBase(params: MoreActionsBaseProps) {
     biAdditionalInfo,
   } = params;
   const { pageType, location } = usePageButtonBiParams();
+  const isBmHarmonyTheme = useBmHarmonyTheme();
   const state = useExtensionMenuItems({ containerId, containerProps });
   const container = useWixPatternsContainer();
   const pageState = useCollectionPageContext();
@@ -159,7 +161,7 @@ function _MoreActionsBase(params: MoreActionsBaseProps) {
           );
         }}
         minWidth={240}
-        textSize="medium"
+        textSize={isBmHarmonyTheme ? 'small' : 'medium'}
         triggerElement={triggerElement}
         appendTo="parent"
         zIndex={1101}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar302415624";
+var _namespace_ = "MultiBulkActionToolbar402961466";
 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":"MultiBulkActionToolbar302415624__root","leftGroupWrapper":"MultiBulkActionToolbar302415624__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar302415624__selectedCountItem","selectedCountText":"MultiBulkActionToolbar302415624__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar402961466__root","leftGroupWrapper":"MultiBulkActionToolbar402961466__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar402961466__selectedCountItem","selectedCountText":"MultiBulkActionToolbar402961466__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_ = "NestedTablePlaceholderStatesRow1482393073";
+var _namespace_ = "NestedTablePlaceholderStatesRow2094836156";
 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":"NestedTablePlaceholderStatesRow1482393073__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow2094836156__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_ = "NestedTableRow397408975";
+var _namespace_ = "NestedTableRow822259815";
 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":"NestedTableRow397408975__root","firstLevel":"NestedTableRow397408975__firstLevel","placeholder":"NestedTableRow397408975__placeholder","parentHovered":"NestedTableRow397408975__parentHovered"};
+export var classes = {"root":"NestedTableRow822259815__root","firstLevel":"NestedTableRow822259815__firstLevel","placeholder":"NestedTableRow822259815__placeholder","parentHovered":"NestedTableRow822259815__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_ = "MultipleDragOverlayEffect1122287837";
+var _namespace_ = "MultipleDragOverlayEffect2886295854";
 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":"MultipleDragOverlayEffect1122287837__root"};
+export var classes = {"root":"MultipleDragOverlayEffect2886295854__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_ = "NestedTableDragAndDropRow3935211421";
+var _namespace_ = "NestedTableDragAndDropRow4086293915";
 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":"NestedTableDragAndDropRow3935211421__root"};
+export var classes = {"root":"NestedTableDragAndDropRow4086293915__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_ = "PickerContent4235159373";
+var _namespace_ = "PickerContent3531268449";
 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":"PickerContent4235159373__root"};
+export var classes = {"root":"PickerContent3531268449__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_ = "PickerContentAdditionalStep364555487";
+var _namespace_ = "PickerContentAdditionalStep3632670883";
 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":"PickerContentAdditionalStep364555487__root","titles":"PickerContentAdditionalStep364555487__titles","suffix":"PickerContentAdditionalStep364555487__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep3632670883__root","titles":"PickerContentAdditionalStep3632670883__titles","suffix":"PickerContentAdditionalStep3632670883__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_ = "PickerTableListItem3124724981";
+var _namespace_ = "PickerTableListItem3728010085";
 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":"PickerTableListItem3124724981__root"};
+export var classes = {"root":"PickerTableListItem3728010085__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent2293720042";
+var _namespace_ = "ScrollableContent1373143193";
 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":"ScrollableContent2293720042__root"};
+export var classes = {"root":"ScrollableContent1373143193__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_ = "SetupWidget1751783782";
+var _namespace_ = "SetupWidget3665684925";
 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":"SetupWidget1751783782__root","row":"SetupWidget1751783782__row","completedCta":"SetupWidget1751783782__completedCta","secondaryCta":"SetupWidget1751783782__secondaryCta","card":"SetupWidget1751783782__card","stepIcon":"SetupWidget1751783782__stepIcon","chevron":"SetupWidget1751783782__chevron","chevronDisabled":"SetupWidget1751783782__chevronDisabled","inProgressLabel":"SetupWidget1751783782__inProgressLabel"};
+export var classes = {"root":"SetupWidget3665684925__root","row":"SetupWidget3665684925__row","completedCta":"SetupWidget3665684925__completedCta","secondaryCta":"SetupWidget3665684925__secondaryCta","card":"SetupWidget3665684925__card","stepIcon":"SetupWidget3665684925__stepIcon","chevron":"SetupWidget3665684925__chevron","chevronDisabled":"SetupWidget3665684925__chevronDisabled","inProgressLabel":"SetupWidget3665684925__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_ = "SkeletonCard3743223440";
+var _namespace_ = "SkeletonCard2218983688";
 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":"SkeletonCard3743223440__root","headerLoading":"SkeletonCard3743223440__headerLoading"};
+export var classes = {"root":"SkeletonCard2218983688__root","headerLoading":"SkeletonCard2218983688__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_ = "SlidingModal2468710087";
+var _namespace_ = "SlidingModal4019528586";
 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":"SlidingModal2468710087__root"};
+export var classes = {"root":"SlidingModal4019528586__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_ = "AddFieldColumnHeader3783145171";
+var _namespace_ = "AddFieldColumnHeader861083648";
 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":"AddFieldColumnHeader3783145171__root","title":"AddFieldColumnHeader3783145171__title","hoverBridge":"AddFieldColumnHeader3783145171__hoverBridge"};
+export var classes = {"root":"AddFieldColumnHeader861083648__root","title":"AddFieldColumnHeader861083648__title","hoverBridge":"AddFieldColumnHeader861083648__hoverBridge"};
 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_ = "TabsFilter924897";
+var _namespace_ = "TabsFilter3516597653";
 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":"TabsFilter924897__root","title":"TabsFilter924897__title"};
+export var classes = {"root":"TabsFilter3516597653__root","title":"TabsFilter3516597653__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};