@wix/patterns 1.307.0 → 1.316.0

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

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

package/src/components/CollectionViewsDropdown/ManageViewPopover.uni.driver.ts

@@ -1,8 +1,7 @@
 import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
 import {
-  PopoverUniDriver,
-  PopoverMenuUniDriver,
   DropdownLayoutUniDriver,
+  PopoverMenuUniDriver,
 } from '@wix/design-system/dist/testkit/unidriver';
 import { baseUniDriverFactory } from '../../unidriver';
 
@@ -16,11 +15,19 @@ export const ManageViewPopoverUniDriver = (
   const manageViewPopoverDriver = () =>
     PopoverMenuUniDriver(manageViewPopoverDriverBase(), body);
 
-  const getContentElement = async () =>
-    PopoverUniDriver(
-      manageViewPopoverDriverBase(),
-      body,
-    ).getContentElementUniDriver();
+  const getContentElement = async () => {
+    const popoverDriverBase = manageViewPopoverDriverBase();
+
+    const contentDataHook = await popoverDriverBase.attr('data-content-hook');
+
+    if (contentDataHook) {
+      return body.$(`[data-content-element="${contentDataHook}"]`);
+    }
+
+    const baseDataHook = await popoverDriverBase.attr('data-hook');
+
+    return body.$(`[data-hook="${baseDataHook}-content"]`);
+  };
 
   const getDropdownLayoutDriver = async () => {
     const contentElement = await getContentElement();

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

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

package/src/components/CustomColumnsPanel/CustomColumnsPanel.tsx

@@ -88,6 +88,7 @@ export function _CustomColumnsPanel<T, F extends FiltersMap>({
                   dataExtension={collectionDataExtension.dataExtension}
                   onCloseSidePanel={() => sidePanel.close()}
                   dataHook="custom-columns"
+                  actionContainerProps={{ paddingInlineEnd: '12px' }}
                 />
               )}
             <ColumnsList state={state} />

package/src/components/CustomDrawerLayout.tsx

@@ -0,0 +1,82 @@
+import React, { ReactNode } from 'react';
+import { Box, Button, ButtonProps, Heading } from '@wix/design-system';
+
+export interface CustomDrawerLayoutProps {
+  dataHook?: string;
+  title?: ReactNode;
+  children?: ReactNode;
+  primaryButtonText?: ReactNode;
+  secondaryButtonText?: ReactNode;
+  secondaryButtonProps?: Partial<Omit<ButtonProps, 'as'>>;
+  primaryButtonProps?: Partial<Omit<ButtonProps, 'as'>>;
+  primaryButtonOnClick?: () => void;
+  secondaryButtonOnClick?: () => void;
+}
+
+export function CustomDrawerLayout(props: CustomDrawerLayoutProps) {
+  const {
+    dataHook,
+    title,
+    children,
+    primaryButtonText,
+    secondaryButtonText,
+    secondaryButtonProps,
+    primaryButtonProps,
+    primaryButtonOnClick,
+    secondaryButtonOnClick,
+  } = props;
+
+  return (
+    <Box
+      dataHook={dataHook}
+      direction="vertical"
+      padding="SP3"
+      backgroundColor="white"
+      borderRadius="12px"
+    >
+      {title && (
+        <Box
+          direction="vertical"
+          paddingTop="SP1"
+          paddingBottom="SP1"
+          marginBottom="SP4"
+          align="center"
+        >
+          <Heading size="small" textAlign="center">
+            {title}
+          </Heading>
+        </Box>
+      )}
+
+      <Box flex={1} marginBottom="SP4">
+        {children}
+      </Box>
+
+      <Box direction="vertical" gap="SP4">
+        {primaryButtonText && (
+          <Button
+            dataHook="baseModalLayout-primary-button"
+            fullWidth
+            priority="primary"
+            onClick={primaryButtonOnClick}
+            {...(primaryButtonProps as ButtonProps)}
+          >
+            {primaryButtonText}
+          </Button>
+        )}
+
+        {secondaryButtonText && (
+          <Button
+            dataHook="baseModalLayout-secondary-button"
+            fullWidth
+            onClick={secondaryButtonOnClick}
+            priority="secondary"
+            {...(secondaryButtonProps as ButtonProps)}
+          >
+            {secondaryButtonText}
+          </Button>
+        )}
+      </Box>
+    </Box>
+  );
+}

package/src/components/CustomFieldsPanel/CustomFieldPopover.uni.driver.ts

@@ -16,10 +16,7 @@ export function CustomFieldPopoverUniDriver(base: UniDriver, body: UniDriver) {
 
   const getCustomFieldOptionsAt = () => {
     return {
-      open: () =>
-        customFieldPopoverDriver()
-          .getTriggerElement('custom-field-options-trigger')
-          .click(),
+      open: () => customFieldOptionsTrigger().click(),
       clickEdit: () =>
         customFieldPopoverDriver().clickAtChildByDataHook(
           'custom-field-options-edit',

package/src/components/CustomFieldsWidget/CustomFieldsWidgetCommonComponents.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { observer } from 'mobx-react-lite';
 import { usePageContext } from '@wix/bex-core/react';
 import { CustomFieldsWidgetState } from '../../state';
+import { DeleteFieldModal } from '../ArchivedItemsPanel/DeleteFieldModal';
 
 interface CustomFieldsWidgetCommonComponentsProps {
   state: CustomFieldsWidgetState;
@@ -36,6 +37,9 @@ const _CustomFieldsWidgetCommonComponents = ({
       {ArchiveFieldModal && (
         <ArchiveFieldModal state={state.customFieldsPanel.archiveFieldModal} />
       )}
+      {state.dataExtension.deleteFieldModal && (
+        <DeleteFieldModal state={state.dataExtension.deleteFieldModal} />
+      )}
     </>
   );
 };

package/src/components/DisabledTooltip/DisabledTooltipButton.uni.driver.ts

@@ -10,7 +10,7 @@ export function DisabledTooltipButtonUniDriver(
   body: UniDriver,
   { dataHook }: { dataHook: string },
 ) {
-  const buttonBase = () => base.$(`[data-hook="${dataHook}"]`);
+  const buttonBase = () => base.$$(`[data-hook="${dataHook}"]`).get(0);
 
   return {
     ...baseUniDriverFactory(buttonBase()),

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle16300130";
+var _namespace_ = "DragHandle1173897704";
 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":"DragHandle16300130__root"};
+export var classes = {"root":"DragHandle1173897704__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_ = "EntityPagePlain1258597625";
+var _namespace_ = "EntityPagePlain4255131288";
 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":"EntityPagePlain1258597625__root"};
+export var classes = {"root":"EntityPagePlain4255131288__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ExportButton/ExportButton.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { FiltersMap, ModalState } from '@wix/bex-core';
-import { Box, Button, Modal } from '@wix/design-system';
+import { Box, Button, Drawer, Modal } from '@wix/design-system';
 import { UploadExport } from '@wix/wix-ui-icons-common';
 import { observer, Observer } from 'mobx-react-lite';
 import { ExportButtonModalLayout } from './ExportButtonModalLayout';
@@ -8,6 +8,7 @@ import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 import { ExportButtonProps } from './ExportProps';
 import { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';
+import { useIsMobile } from '../../hooks/useIsMobile';
 
 function _ExportButton<T, F extends FiltersMap>(
   props: ExportButtonProps<T, F>,
@@ -39,15 +40,13 @@ function _ExportButton<T, F extends FiltersMap>(
 
   const [state] = useState(() => (table.exportState ??= new ModalState()));
 
+  const isMobile = useIsMobile();
+
   useEffect(() => {
     table.featuredComponents.exportModal.set(
       <Observer>
-        {() => (
-          <Modal
-            onRequestClose={state.requestClose}
-            isOpen={state.isOpen}
-            dataHook="export-modal"
-          >
+        {() => {
+          const child = (
             <ExportButtonModalLayout
               exportModalState={state}
               renderError={renderError}
@@ -66,8 +65,30 @@ function _ExportButton<T, F extends FiltersMap>(
               onProgressModalTitle={onProgressModalTitle}
               exportToCSVMessage={exportToCSVMessage}
             />
-          </Modal>
-        )}
+          );
+
+          if (isMobile) {
+            return (
+              <Drawer
+                dataHook="export-modal"
+                open={state.isOpen}
+                onClose={state.requestClose}
+              >
+                {child}
+              </Drawer>
+            );
+          }
+
+          return (
+            <Modal
+              onRequestClose={state.requestClose}
+              isOpen={state.isOpen}
+              dataHook="export-modal"
+            >
+              {child}
+            </Modal>
+          );
+        }}
       </Observer>,
     );
 

package/src/components/ExportButton/ExportButtonModalLayout.tsx

@@ -10,6 +10,8 @@ import {
   ArrayFieldDelimiter,
 } from '@wix/bex-utils/@wix/ambassador-fedinfra-exportservice-v1-export-async-job/types';
 import { addEventListener } from '@wix/bex-core/util';
+import { useIsMobile } from '../../hooks/useIsMobile';
+import { CustomDrawerLayout } from '../CustomDrawerLayout';
 
 function _ExportButtonModalLayout<T, F extends FiltersMap>(
   props: ExportButtonModalLayoutProps<T, F>,
@@ -34,6 +36,8 @@ function _ExportButtonModalLayout<T, F extends FiltersMap>(
 
   const table = useToolbarCollectionContext<T, F>();
 
+  const isMobile = useIsMobile();
+
   const createExport = useCreateExport<T, F>({
     transformPlatformizedQuery,
     differentQueryEndpointThanCollection,
@@ -85,6 +89,16 @@ function _ExportButtonModalLayout<T, F extends FiltersMap>(
 
   useEffect(() => state.init(), []);
 
+  if (isMobile) {
+    return (
+      <CustomDrawerLayout
+        dataHook="export-modal-layout"
+        {...rest}
+        {...customModalLayoutProps}
+      />
+    );
+  }
+
   return (
     <CustomModalLayout
       width="510px"

package/src/components/ExportButton/ExportModal.tsx

@@ -1,10 +1,11 @@
-import { Modal } from '@wix/design-system';
+import { Drawer, Modal } from '@wix/design-system';
 import React, { useState } from 'react';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 import { FiltersMap, ModalState } from '@wix/bex-core';
 import { ExportButtonModalLayout } from './ExportButtonModalLayout';
 import { observer } from 'mobx-react-lite';
 import { ExportModalProps } from './ExportProps';
+import { useIsMobile } from '../../hooks/useIsMobile';
 
 function _ExportModal<T, F extends FiltersMap>(props: ExportModalProps<T, F>) {
   const table = useToolbarCollectionContext<T, F>();
@@ -13,13 +14,31 @@ function _ExportModal<T, F extends FiltersMap>(props: ExportModalProps<T, F>) {
     () => (table.exportState ??= new ModalState()),
   );
 
+  const isMobile = useIsMobile();
+
+  const child = (
+    <ExportButtonModalLayout {...props} exportModalState={exportModalState} />
+  );
+
+  if (isMobile) {
+    return (
+      <Drawer
+        dataHook="export-modal"
+        open={exportModalState.isOpen}
+        onClose={exportModalState.close}
+      >
+        {child}
+      </Drawer>
+    );
+  }
+
   return (
     <Modal
       onRequestClose={exportModalState.close}
       isOpen={exportModalState.isOpen}
       dataHook="export-modal"
     >
-      <ExportButtonModalLayout {...props} exportModalState={exportModalState} />
+      {child}
     </Modal>
   );
 }

package/src/components/ExportButton/ExportModal.uni.driver.ts

@@ -10,11 +10,12 @@ import {
 
 export function ExportModalUniDriver(base: UniDriver, body: UniDriver) {
   const modalBase = () => body.$('.portal-export-modal');
+  const modalLayoutBase = () => body.$('[data-hook="export-modal-layout"]');
   const footerBase = () =>
-    modalBase().$('[data-hook="export-modal-footer-text"]');
+    modalLayoutBase().$('[data-hook="export-modal-footer-text"]');
 
   const linearProgressBarBase = () =>
-    modalBase().$('[data-hook="export-linear-progress-bar"]');
+    modalLayoutBase().$('[data-hook="export-linear-progress-bar"]');
 
   const getAbsoluteCounter = () =>
     TextUniDriver(
@@ -29,15 +30,15 @@ export function ExportModalUniDriver(base: UniDriver, body: UniDriver) {
     );
 
   const getExportRadioGroup = () =>
-    RadioGroupUniDriver(modalBase().$('[data-hook="export-group"]'), body);
+    RadioGroupUniDriver(
+      modalLayoutBase().$('[data-hook="export-group"]'),
+      body,
+    );
 
   const getModal = () => ModalUniDriver(modalBase(), modalBase());
 
   const getModalLayout = () =>
-    CustomModalLayoutUniDriver(
-      modalBase().$('[data-hook="export-modal-layout"]'),
-      body,
-    );
+    CustomModalLayoutUniDriver(modalLayoutBase(), body);
 
   const getFooterText = async () =>
     (await TextUniDriver(footerBase(), body)).getText();
@@ -47,7 +48,7 @@ export function ExportModalUniDriver(base: UniDriver, body: UniDriver) {
   const getCsvMessageText = async () =>
     (
       await TextUniDriver(
-        modalBase().$('[data-hook="export-csv-message"]'),
+        modalLayoutBase().$('[data-hook="export-csv-message"]'),
         body,
       ).getText()
     ).replace(' ', ' ');
@@ -88,10 +89,10 @@ export function ExportModalUniDriver(base: UniDriver, body: UniDriver) {
     Tests are failing with this Hex valus, so it is replaced here */
     getErrorMessageText: async () =>
       (
-        await modalBase().$('[data-hook="export-error-message"]').text()
+        await modalLayoutBase().$('[data-hook="export-error-message"]').text()
       ).replace('\u00A0', ' '),
     getErrorMessageAction: async () =>
-      modalBase().$('[data-hook="export-error-message-action"]'),
+      modalLayoutBase().$('[data-hook="export-error-message-action"]'),
     /** Get export modal footer text*/
     getFooterText,
     /** Indicates whether footer exists in the export modal */

package/src/components/ExportButton/ExportStepProgress.tsx

@@ -33,7 +33,7 @@ function _ExportStepProgress<T, F extends FiltersMap>({
   }, []);
 
   return (
-    <Box gap="SP1" direction="vertical" paddingTop="SP1">
+    <Box gap="SP1" direction="vertical" width="100%">
       <LinearAbsoluteProgressBar
         value={counter}
         count={absoluteCounter}

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

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

package/src/components/FiltersPanel/FiltersPanelAppliedFiltersSection.tsx

@@ -50,6 +50,7 @@ function _FiltersPanelAppliedFiltersSection<T, F extends FiltersMap>(
                 });
             });
             onClearButtonClicked?.();
+            state.sidePanel.focus.modalElement?.focus();
           }}
           disabled={!nonPersistentCustomFiltersCount}
         >

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

@@ -89,12 +89,11 @@ export function GridUniDriver(base: UniDriver, body: UniDriver) {
     // Popover isn't active until we specifically call it
     await (await getCardGalleryItemByIndex(index)).getSettingsMenu();
 
-    const popoverMenu = PopoverMenuUniDriver(
-      base.$$(`[data-hook="popover"]`).get(index),
-      body,
-    );
+    const popoverBase = base.$$(`[data-hook="popover"]`).get(index);
+
+    const popoverMenu = PopoverMenuUniDriver(popoverBase, body);
 
-    const trigger = popoverMenu.getTriggerElement('popover-trigger');
+    const trigger = popoverBase.$$('[data-hook="popover-trigger"]').get(0);
     const iconButton = IconButtonUniDriver(trigger, base);
 
     return {

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading2798581946";
+var _namespace_ = "Heading1520773593";
 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":"Heading2798581946__root"};
+export var classes = {"root":"Heading1520773593__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_ = "InputOverflow4172157349";
+var _namespace_ = "InputOverflow1469232510";
 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":"InputOverflow4172157349__root"};
+export var classes = {"root":"InputOverflow1469232510__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_ = "LoadingRow65889444";
+var _namespace_ = "LoadingRow3371637707";
 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":"LoadingRow65889444__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow65889444__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3371637707__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3371637707__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_ = "MaxHeightText2774449941";
+var _namespace_ = "MaxHeightText3078503851";
 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":"MaxHeightText2774449941__root"};
+export var classes = {"root":"MaxHeightText3078503851__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_ = "MaxLines1911370039";
+var _namespace_ = "MaxLines3275238463";
 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":"MaxLines1911370039__root"};
+export var classes = {"root":"MaxLines3275238463__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_ = "MultiBulkActionToolbar3298994618";
+var _namespace_ = "MultiBulkActionToolbar1806630142";
 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":"MultiBulkActionToolbar3298994618__root","leftGroupWrapper":"MultiBulkActionToolbar3298994618__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3298994618__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3298994618__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar1806630142__root","leftGroupWrapper":"MultiBulkActionToolbar1806630142__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1806630142__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1806630142__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_ = "NestedTablePlaceholderStatesRow463864497";
+var _namespace_ = "NestedTablePlaceholderStatesRow2357587419";
 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":"NestedTablePlaceholderStatesRow463864497__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow2357587419__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_ = "NestedTableRow2871851455";
+var _namespace_ = "NestedTableRow4089065040";
 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":"NestedTableRow2871851455__root","firstLevel":"NestedTableRow2871851455__firstLevel","placeholder":"NestedTableRow2871851455__placeholder","parentHovered":"NestedTableRow2871851455__parentHovered"};
+export var classes = {"root":"NestedTableRow4089065040__root","firstLevel":"NestedTableRow4089065040__firstLevel","placeholder":"NestedTableRow4089065040__placeholder","parentHovered":"NestedTableRow4089065040__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};