@wix/patterns 1.282.0 → 1.284.0

package/src/components/CollectionTable/CollectionTableWSRTable.tsx

@@ -176,6 +176,10 @@ function _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(
     (!table.showLoadingState || !showTitleBar) &&
     (hideTitleBar || !showTitleBar);
 
+  const actionCellColumn = columns.find(
+    (column) => column.key === 'cairo-action-cell',
+  );
+
   const tableColumns = isMobile
     ? [
         {
@@ -188,6 +192,7 @@ function _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(
             </Box>
           ),
         },
+        ...(actionCellColumn ? [actionCellColumn] : []),
       ]
     : columns;
 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar4040748353";
+var _namespace_ = "CollectionToolbar2557870050";
 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":"CollectionToolbar4040748353__root","left":"CollectionToolbar4040748353__left","right":"CollectionToolbar4040748353__right","fullWidth":"CollectionToolbar4040748353__fullWidth"};
+export var classes = {"root":"CollectionToolbar2557870050__root","left":"CollectionToolbar2557870050__left","right":"CollectionToolbar2557870050__right","fullWidth":"CollectionToolbar2557870050__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter997006993";
+var _namespace_ = "SearchOrCustomFilter2225133622";
 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":"SearchOrCustomFilter997006993__root","search":"SearchOrCustomFilter997006993__search","searchMobile":"SearchOrCustomFilter997006993__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter2225133622__root","search":"SearchOrCustomFilter2225133622__search","searchMobile":"SearchOrCustomFilter2225133622__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts

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

package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle2680024589";
+var _namespace_ = "DragHandle2296843790";
 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":"DragHandle2680024589__root"};
+export var classes = {"root":"DragHandle2296843790__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_ = "EntityPagePlain3021178661";
+var _namespace_ = "EntityPagePlain44069723";
 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":"EntityPagePlain3021178661__root"};
+export var classes = {"root":"EntityPagePlain44069723__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_ = "Fade1767536362";
+var _namespace_ = "Fade3377805644";
 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":"Fade1767536362__root"};
+export var classes = {"root":"Fade3377805644__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Grid/useGridItemActions.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { FiltersMap, KeyedItem } from '@wix/bex-core';
 import { GridCardItemProps } from './GridCardItem';
 import { GridBaseState, ItemActionsState } from '../../state';
-import { ActionCellProps } from '../ActionCell';
+import { ActionCellProps, TableActionCellPrimaryAction } from '../ActionCell';
 import {
   CardGalleryItemProps,
   IconButton,
@@ -77,7 +77,7 @@ export function useGridItemActions<T, F extends FiltersMap>(
     actionCell.gridState.toolbar.toolbarBIReporter,
     actions,
     actionCell.keyedItem,
-  );
+  ) as TableActionCellPrimaryAction;
 
   if (primaryActionCellPropsWithBI) {
     primaryAction = {

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading1383475214";
+var _namespace_ = "Heading267357093";
 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":"Heading1383475214__root"};
+export var classes = {"root":"Heading267357093__root"};
 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_ = "InputOverflow1770508773";
+var _namespace_ = "InputOverflow93407402";
 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":"InputOverflow1770508773__root"};
+export var classes = {"root":"InputOverflow93407402__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Kanban/CardActions.tsx

@@ -6,6 +6,7 @@ import { useCardActions } from './useCardActions';
 import { KanbanCardProps } from './Card';
 import { MessageActionModal } from '../ActionModal';
 import { DisabledTooltip } from '../DisabledTooltip';
+import { TableActionCellPrimaryAction } from '../ActionCell';
 
 type CardActionsProps<T, S, F extends FiltersMap> = Pick<
   KanbanCardProps<T, S, F>,
@@ -27,15 +28,18 @@ function _CardActions<T, S, F extends FiltersMap>({
   item,
   state,
 }: CardActionsProps<T, S, F>) {
-  const { secondaryActions, primaryActionProps } = useCardActions({
-    actionCell,
-    originalItem,
-    itemIndex,
-    itemActionsState,
-    stageKey,
-    cardKey: item.key,
-    state,
-  });
+  const { secondaryActions, primaryActionProps: _primaryActionProps } =
+    useCardActions({
+      actionCell,
+      originalItem,
+      itemIndex,
+      itemActionsState,
+      stageKey,
+      cardKey: item.key,
+      state,
+    });
+  const primaryActionProps =
+    _primaryActionProps as TableActionCellPrimaryAction;
 
   return (
     <>

package/src/components/Kanban/KanbanCardActionsHelper.ts

@@ -109,7 +109,7 @@ export const createKanbanPrimaryActionCellPropsWithBI = <
   const stageIndex = state.getStageIndexByKey(stageId);
   const stageName = state.getStageNameByKey(stageId);
 
-  if (primaryAction) {
+  if (primaryAction && !Array.isArray(primaryAction)) {
     const onClick = action(() => {
       state.kanbanStateBIReporter.reportCardCTAClicked({
         itemId: keyedItem.id,

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow3029212842";
+var _namespace_ = "LoadingRow4069909050";
 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":"LoadingRow3029212842__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3029212842__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow4069909050__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow4069909050__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_ = "MaxHeightText352790855";
+var _namespace_ = "MaxHeightText2796451498";
 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":"MaxHeightText352790855__root"};
+export var classes = {"root":"MaxHeightText2796451498__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_ = "MaxLines950311130";
+var _namespace_ = "MaxLines303919276";
 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":"MaxLines950311130__root"};
+export var classes = {"root":"MaxLines303919276__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_ = "MultiBulkActionToolbar4220623650";
+var _namespace_ = "MultiBulkActionToolbar3414469576";
 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":"MultiBulkActionToolbar4220623650__root"};
+export var classes = {"root":"MultiBulkActionToolbar3414469576__root"};
 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_ = "NestedTablePlaceholderStatesRow775845285";
+var _namespace_ = "NestedTablePlaceholderStatesRow930298248";
 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":"NestedTablePlaceholderStatesRow775845285__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow930298248__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_ = "NestedTableRow3641775232";
+var _namespace_ = "NestedTableRow639090589";
 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":"NestedTableRow3641775232__root","firstLevel":"NestedTableRow3641775232__firstLevel","placeholder":"NestedTableRow3641775232__placeholder","parentHovered":"NestedTableRow3641775232__parentHovered"};
+export var classes = {"root":"NestedTableRow639090589__root","firstLevel":"NestedTableRow639090589__firstLevel","placeholder":"NestedTableRow639090589__placeholder","parentHovered":"NestedTableRow639090589__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_ = "MultipleDragOverlayEffect2212524863";
+var _namespace_ = "MultipleDragOverlayEffect4159934568";
 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":"MultipleDragOverlayEffect2212524863__root"};
+export var classes = {"root":"MultipleDragOverlayEffect4159934568__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_ = "NestedTableDragAndDropRow984956868";
+var _namespace_ = "NestedTableDragAndDropRow1848556553";
 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":"NestedTableDragAndDropRow984956868__root"};
+export var classes = {"root":"NestedTableDragAndDropRow1848556553__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PageWrapper/PageWrapperBase.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode, useEffect, useMemo, useState } from 'react';
+import React, { ReactNode, useMemo, useState } from 'react';
 import { useReactive } from '@wix/bex-utils/react';
 import {
   PageContextProvider,
@@ -20,9 +20,10 @@ export function PageWrapperBase(props: PageWrapperBaseProps) {
   const sidePanelOpen = useReactive(_sidePanelOpen);
   const { environment } = useWixPatternsContainer();
 
-  useEffect(() => {
-    return state.init();
-  }, [state]);
+  // CAIRO-3582: modify mobile detection to use user agent
+  // useEffect(() => {
+  //   return state.init();
+  // }, [state]);
 
   const pageAndModalsRootStyle = useMemo(
     () => ({

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

@@ -75,6 +75,7 @@ export function PickerUniDriver(base: UniDriver, body: UniDriver) {
       return checked.filter(Boolean).length;
     },
     isSelectorCheckedAt: selectorList.isSelectorCheckedAt,
+    isListItemDisabledAt: (i: number) => selectorDriverAt(i).isDisabled(),
     waitListItemAt: async (i: number, timeout?: number) =>
       waitFor(() => selectorDriverAt(i).exists(), timeout),
     getTableListItemAt: (i: number) => tableListItemDriverAt(i),
@@ -97,6 +98,7 @@ export function PickerUniDriver(base: UniDriver, body: UniDriver) {
       getSelectors().get(i).$('[data-hook="selector-subtitle"]').text(),
     getExtraNodeElementAt: (i: number) => selectorDriverAt(i).getExtraNode(),
     getImageElementAt: (i: number) => selectorDriverAt(i).getImage(),
+    getToggleTooltipTextAt: (i: number) => selectorDriverAt(i).getTooltipText(),
     floatingNotificationExists: () => getFloatingNotification().exists(),
     getFloatingNotificationText: () => getFloatingNotification().getText(),
     getEmptyState,

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent1430439400";
+var _namespace_ = "PickerContent1530551351";
 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":"PickerContent1430439400__root"};
+export var classes = {"root":"PickerContent1530551351__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_ = "PickerContentAdditionalStep1026964937";
+var _namespace_ = "PickerContentAdditionalStep1839617539";
 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":"PickerContentAdditionalStep1026964937__root","titles":"PickerContentAdditionalStep1026964937__titles","suffix":"PickerContentAdditionalStep1026964937__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1839617539__root","titles":"PickerContentAdditionalStep1839617539__titles","suffix":"PickerContentAdditionalStep1839617539__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -110,6 +110,13 @@ export function PickerModalUniDriver(
      * @returns {Promise<boolean>}
      */
     isSelectorCheckedAt: (index: number) => picker().isSelectorCheckedAt(index),
+    /**
+     * Checks whether the item at the passed index is disabled.
+     * @param {number} index Item index
+     * @returns {Promise<boolean>}
+     */
+    isListItemDisabledAt: (index: number) =>
+      picker().isListItemDisabledAt(index),
     /**
      * Wait for a item to be added to the list
      * @param index
@@ -140,6 +147,12 @@ export function PickerModalUniDriver(
      */
     getExtraNodeElementAt: (index: number) =>
       picker().getExtraNodeElementAt(index),
+    /**
+     * Get the tooltip toggle text of a list item
+     * @param index
+     */
+    getToggleTooltipTextAt: (index: number) =>
+      picker().getToggleTooltipTextAt(index),
     /**
      * Indicates whether the initial loader of the modal is shown
      */

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerTableListItem4283028305";
+var _namespace_ = "PickerTableListItem2919378850";
 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":"PickerTableListItem4283028305__root"};
+export var classes = {"root":"PickerTableListItem2919378850__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_ = "ScrollableContent3191075584";
+var _namespace_ = "ScrollableContent3148344206";
 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":"ScrollableContent3191075584__root"};
+export var classes = {"root":"ScrollableContent3148344206__root"};
 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_ = "SkeletonCard601437578";
+var _namespace_ = "SkeletonCard3580578791";
 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":"SkeletonCard601437578__root","headerLoading":"SkeletonCard601437578__headerLoading"};
+export var classes = {"root":"SkeletonCard3580578791__root","headerLoading":"SkeletonCard3580578791__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_ = "SlidingModal3346888524";
+var _namespace_ = "SlidingModal3930660502";
 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":"SlidingModal3346888524__root"};
+export var classes = {"root":"SlidingModal3930660502__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -44,7 +44,10 @@ export function TableGridSwitchFoldersUniDriver(
      * Gets collection summary bar
      */
     getSummaryBar,
-  };
+    // Casting to 'any' to avoid overly complex inferred type error (TS7056).
+    // The return type is too large for TypeScript to serialize, so we simplify it here.
+    // This cast does not affect runtime behavior.
+  } as any;
 }
 
 export default TableGridSwitchFoldersUniDriver;

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter2810476643";
+var _namespace_ = "TabsFilter3132067899";
 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":"TabsFilter2810476643__root","title":"TabsFilter2810476643__title"};
+export var classes = {"root":"TabsFilter3132067899__root","title":"TabsFilter3132067899__title"};
 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_ = "ManageTagsModal2903736930";
+var _namespace_ = "ManageTagsModal3117927177";
 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":"ManageTagsModal2903736930__root"};
+export var classes = {"root":"ManageTagsModal3117927177__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};