@wix/patterns 1.306.0 → 1.308.0

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

@@ -1,39 +1,43 @@
 import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
 import { SidePanelUniDriver } from '@wix/design-system/dist/testkit/unidriver';
 
-export function ArchivedItemsPanelUniDriver(base: UniDriver, body: UniDriver) {
+export function ArchivedItemsPanelUniDriver(
+  base: UniDriver,
+  body: UniDriver,
+  dataHook: string = 'custom-columns',
+) {
   // Main container with overlay
   const containerBase = () =>
-    base.$('[data-hook="archived-items-panel-container"]');
+    base.$(`[data-hook="${dataHook}-archived-items-panel-container"]`);
 
   // The SidePanel inside the container - use the design system driver
   const panelBase = () =>
-    containerBase().$('[data-hook="archived-items-panel"]');
+    containerBase().$(`[data-hook="${dataHook}-archived-items-panel"]`);
   const panel = () => SidePanelUniDriver(panelBase(), body);
 
-  const list = () => panelBase().$('[data-hook="archived-items-list"]');
+  const list = () => panelBase().$(`[data-hook="${dataHook}-archived-items-list"]`);
 
   // Get all TableListItem elements (archived items) - direct children divs
   // Must use full selector path, not chained
   const getArchivedPanelItems = () =>
-    panelBase().$$('[data-hook="archived-items-list"] > div');
+    panelBase().$$(`[data-hook="${dataHook}-archived-items-list"] > div`);
 
   const getItemByIdBase = (id: string) =>
-    list().$(`[data-hook="archived-item-${id}"]`);
+    list().$(`[data-hook="${dataHook}-archived-item-${id}"]`);
 
   const getItemMenuBase = (id: string) =>
-    panelBase().$(`[data-hook="archived-item-options-${id}"]`);
+    panelBase().$(`[data-hook="${dataHook}-archived-item-options-${id}"]`);
 
   const getItemMenuTrigger = (id: string) =>
-    getItemMenuBase(id).$('[data-hook="archived-item-options-trigger"]');
+    getItemMenuBase(id).$(`[data-hook="${dataHook}-archived-item-options-trigger"]`);
 
   // Note: The 'Restore' and 'Delete' buttons appear in the body via PopoverMenu when an item's menu is opened.
   // Thus clickItemMenuTrigger must be invoked before so only the buttons on the relevant item's menu can be clicked
   const getItemRestoreButton = () =>
-    body.$('[data-hook="archived-item-options-restore"]');
+    body.$(`[data-hook="${dataHook}-archived-item-options-restore"]`);
 
   const getItemDeleteButton = () =>
-    body.$('[data-hook="archived-item-options-delete"]');
+    body.$(`[data-hook="${dataHook}-archived-item-options-delete"]`);
 
   return {
     getContainer: () => containerBase(),
@@ -46,7 +50,7 @@ export function ArchivedItemsPanelUniDriver(base: UniDriver, body: UniDriver) {
     clickCloseButton: () => panel().clickClose(),
     getItemsCount: () => getArchivedPanelItems().count(),
     getItemText: (id: string) =>
-      getItemByIdBase(id).$('[data-hook="archived-item-label"]').text(),
+      getItemByIdBase(id).$(`[data-hook="${dataHook}-archived-item-label"]`).text(),
     clickItemMenuTrigger: (id: string) => getItemMenuTrigger(id).click(),
     clickRestore: () => getItemRestoreButton().click(),
     clickDelete: () => getItemDeleteButton().click(),

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Collapse1016757042";
+var _namespace_ = "Collapse3981266577";
 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":"Collapse1016757042__root","exit":"Collapse1016757042__exit"};
+export var classes = {"root":"Collapse3981266577__root","exit":"Collapse3981266577__exit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionPageNew/CollectionPage.st.css.ts

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

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar1031518840";
+var _namespace_ = "CollectionToolbar1834786979";
 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":"CollectionToolbar1031518840__root","left":"CollectionToolbar1031518840__left","right":"CollectionToolbar1031518840__right","fullWidth":"CollectionToolbar1031518840__fullWidth"};
+export var classes = {"root":"CollectionToolbar1834786979__root","left":"CollectionToolbar1834786979__left","right":"CollectionToolbar1834786979__right","fullWidth":"CollectionToolbar1834786979__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -34,10 +34,10 @@ export const CollectionToolbarUniDriver = (
       index,
     );
 
-  const searchDriver = SearchUniDriver(
-    base.$('[data-hook="collection-search"]'),
-    body,
-  );
+  const searchDriver = {
+    ...SearchUniDriver(base.$('[data-hook="collection-search"]'), body),
+    click: () => base.$('[data-hook="collection-search"]').click(),
+  };
 
   const filtersPanel = FiltersPanelUniDriver(body, body);
 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter2087584984";
+var _namespace_ = "SearchOrCustomFilter1027938767";
 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":"SearchOrCustomFilter2087584984__root","search":"SearchOrCustomFilter2087584984__search","searchMobile":"SearchOrCustomFilter2087584984__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter1027938767__root","search":"SearchOrCustomFilter1027938767__search","searchMobile":"SearchOrCustomFilter1027938767__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_ = "AutoCompleteReadonly1088001653";
+var _namespace_ = "AutoCompleteReadonly149958630";
 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":"AutoCompleteReadonly1088001653__root"};
+export var classes = {"root":"AutoCompleteReadonly149958630__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_ = "ViewsDropdown2194350599";
+var _namespace_ = "ViewsDropdown388446974";
 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":"ViewsDropdown2194350599__root"};
+export var classes = {"root":"ViewsDropdown388446974__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CustomColumnsPanel/CustomColumnsPanel.tsx

@@ -84,7 +84,11 @@ export function _CustomColumnsPanel<T, F extends FiltersMap>({
             {collectionDataExtension?.dataExtension?.shouldDisplayArchive &&
               collectionDataExtension?.DataExtension
                 ?.CustomColumnsArchivedItemsCTAButton && (
-                <collectionDataExtension.DataExtension.CustomColumnsArchivedItemsCTAButton />
+                <collectionDataExtension.DataExtension.CustomColumnsArchivedItemsCTAButton
+                  dataExtension={collectionDataExtension.dataExtension}
+                  onCloseSidePanel={() => sidePanel.close()}
+                  dataHook="custom-columns"
+                />
               )}
             <ColumnsList state={state} />
           </>

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

@@ -87,9 +87,10 @@ export function CustomColumnsPanelUniDriver(base: UniDriver, body: UniDriver) {
 
   // Archived items functionality
   const getArchivedItemsButton = () =>
-    base.$('[data-hook="archived-items-button"]');
+    base.$('[data-hook="custom-columns-archived-items-button"]');
 
-  const getArchivedPanel = () => ArchivedItemsPanelUniDriver(base, body);
+  const getArchivedPanel = () =>
+    ArchivedItemsPanelUniDriver(base, body, 'custom-columns');
 
   return {
     exists: () => panelBase().exists(),

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/CustomFieldsPanel/CustomFieldsPanel.tsx

@@ -10,6 +10,7 @@ import { AddCustomFieldCTAButton } from './AddCustomFieldCTAButton';
 import { cairoFiltersPanelUsed } from '@wix/bex-core/bi';
 import { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';
 import { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';
+import { DataExtension } from '../DataExtension/DataExtension';
 
 export interface CustomFieldsPanelProps {
   state: CustomFieldsPanelState;
@@ -20,7 +21,6 @@ export function _CustomFieldsPanel({ state }: CustomFieldsPanelProps) {
   const origin = 'Custom fields panel';
 
   const entered = useRafRender();
-
   if (!entered) {
     return null;
   }
@@ -48,6 +48,13 @@ export function _CustomFieldsPanel({ state }: CustomFieldsPanelProps) {
         overflowY
         dataHook="custom-fields-panel-scroll-container"
       >
+        {state.dataExtension?.shouldDisplayArchive && (
+          <DataExtension.CustomColumnsArchivedItemsCTAButton
+            dataExtension={state.dataExtension}
+            onCloseSidePanel={() => state.closeSidePanel?.()}
+            dataHook="custom-fields"
+          />
+        )}
         <CustomFieldsList state={state} />
       </ScrollableContent>
 

package/src/components/CustomFieldsWidget/types.ts

@@ -45,6 +45,7 @@ export type CustomFieldsWidgetProps = {
   filterable?: boolean;
   containsPii?: boolean;
   defaultPermissions?: DefaultPermissionsConfig;
+  enableArchive?: boolean;
 
   /**
    * The theme of the widget - "card" (default) or "inline"

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_ = "DragHandle2587922099";
+var _namespace_ = "DragHandle4004062389";
 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":"DragHandle2587922099__root"};
+export var classes = {"root":"DragHandle4004062389__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_ = "EntityPagePlain1663004230";
+var _namespace_ = "EntityPagePlain487832312";
 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":"EntityPagePlain1663004230__root"};
+export var classes = {"root":"EntityPagePlain487832312__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_ = "Fade2669200486";
+var _namespace_ = "Fade3377844725";
 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":"Fade2669200486__root"};
+export var classes = {"root":"Fade3377844725__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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_ = "Heading991438456";
+var _namespace_ = "Heading1047250066";
 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":"Heading991438456__root"};
+export var classes = {"root":"Heading1047250066__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_ = "InputOverflow2037453751";
+var _namespace_ = "InputOverflow4035773023";
 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":"InputOverflow2037453751__root"};
+export var classes = {"root":"InputOverflow4035773023__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_ = "LoadingRow1975300858";
+var _namespace_ = "LoadingRow375204560";
 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":"LoadingRow1975300858__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1975300858__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow375204560__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow375204560__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_ = "MaxHeightText45919511";
+var _namespace_ = "MaxHeightText3590077997";
 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":"MaxHeightText45919511__root"};
+export var classes = {"root":"MaxHeightText3590077997__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_ = "MaxLines4239592132";
+var _namespace_ = "MaxLines977625515";
 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":"MaxLines4239592132__root"};
+export var classes = {"root":"MaxLines977625515__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_ = "MultiBulkActionToolbar1106469075";
+var _namespace_ = "MultiBulkActionToolbar3384938799";
 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":"MultiBulkActionToolbar1106469075__root","leftGroupWrapper":"MultiBulkActionToolbar1106469075__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1106469075__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1106469075__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar3384938799__root","leftGroupWrapper":"MultiBulkActionToolbar3384938799__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3384938799__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3384938799__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_ = "NestedTablePlaceholderStatesRow2511293419";
+var _namespace_ = "NestedTablePlaceholderStatesRow4269702703";
 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":"NestedTablePlaceholderStatesRow2511293419__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow4269702703__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_ = "NestedTableRow3790901977";
+var _namespace_ = "NestedTableRow2773824342";
 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":"NestedTableRow3790901977__root","firstLevel":"NestedTableRow3790901977__firstLevel","placeholder":"NestedTableRow3790901977__placeholder","parentHovered":"NestedTableRow3790901977__parentHovered"};
+export var classes = {"root":"NestedTableRow2773824342__root","firstLevel":"NestedTableRow2773824342__firstLevel","placeholder":"NestedTableRow2773824342__placeholder","parentHovered":"NestedTableRow2773824342__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_ = "MultipleDragOverlayEffect275666098";
+var _namespace_ = "MultipleDragOverlayEffect3250565435";
 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":"MultipleDragOverlayEffect275666098__root"};
+export var classes = {"root":"MultipleDragOverlayEffect3250565435__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_ = "NestedTableDragAndDropRow3512225345";
+var _namespace_ = "NestedTableDragAndDropRow3732860894";
 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":"NestedTableDragAndDropRow3512225345__root"};
+export var classes = {"root":"NestedTableDragAndDropRow3732860894__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};