@wix/patterns 1.305.0 → 1.307.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_ = "CardContainer2642374751";
+var _namespace_ = "CardContainer1979640463";
 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":"CardContainer2642374751__root"};
+export var classes = {"root":"CardContainer1979640463__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_ = "Collapse1975067361";
+var _namespace_ = "Collapse2915694036";
 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":"Collapse1975067361__root","exit":"Collapse1975067361__exit"};
+export var classes = {"root":"Collapse2915694036__root","exit":"Collapse2915694036__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_ = "CollectionPage2433113590";
+var _namespace_ = "CollectionPage1837741647";
 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":"CollectionPage2433113590__root"};
+export var classes = {"root":"CollectionPage1837741647__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_ = "CollectionTable1283076406";
+var _namespace_ = "CollectionTable3038880748";
 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":"CollectionTable1283076406__root"};
+export var classes = {"root":"CollectionTable3038880748__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_ = "CollectionToolbar3370939631";
+var _namespace_ = "CollectionToolbar859968085";
 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":"CollectionToolbar3370939631__root","left":"CollectionToolbar3370939631__left","right":"CollectionToolbar3370939631__right","fullWidth":"CollectionToolbar3370939631__fullWidth"};
+export var classes = {"root":"CollectionToolbar859968085__root","left":"CollectionToolbar859968085__left","right":"CollectionToolbar859968085__right","fullWidth":"CollectionToolbar859968085__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_ = "SearchOrCustomFilter637606844";
+var _namespace_ = "SearchOrCustomFilter636387621";
 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":"SearchOrCustomFilter637606844__root","search":"SearchOrCustomFilter637606844__search","searchMobile":"SearchOrCustomFilter637606844__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter636387621__root","search":"SearchOrCustomFilter636387621__search","searchMobile":"SearchOrCustomFilter636387621__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_ = "AutoCompleteReadonly1853349818";
+var _namespace_ = "AutoCompleteReadonly177950537";
 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":"AutoCompleteReadonly1853349818__root"};
+export var classes = {"root":"AutoCompleteReadonly177950537__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_ = "ViewsDropdown1774648500";
+var _namespace_ = "ViewsDropdown1095654914";
 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":"ViewsDropdown1774648500__root"};
+export var classes = {"root":"ViewsDropdown1095654914__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/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/DragHandle/DragHandle.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle3134827324";
+var _namespace_ = "DragHandle16300130";
 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":"DragHandle3134827324__root"};
+export var classes = {"root":"DragHandle16300130__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_ = "EntityPagePlain3429121159";
+var _namespace_ = "EntityPagePlain1258597625";
 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":"EntityPagePlain3429121159__root"};
+export var classes = {"root":"EntityPagePlain1258597625__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_ = "Fade1215131929";
+var _namespace_ = "Fade2913493731";
 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":"Fade1215131929__root"};
+export var classes = {"root":"Fade2913493731__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading686287508";
+var _namespace_ = "Heading2798581946";
 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":"Heading686287508__root"};
+export var classes = {"root":"Heading2798581946__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_ = "InputOverflow1016720825";
+var _namespace_ = "InputOverflow4172157349";
 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":"InputOverflow1016720825__root"};
+export var classes = {"root":"InputOverflow4172157349__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_ = "LoadingRow3458347974";
+var _namespace_ = "LoadingRow65889444";
 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":"LoadingRow3458347974__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3458347974__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow65889444__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow65889444__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_ = "MaxHeightText2289730746";
+var _namespace_ = "MaxHeightText2774449941";
 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":"MaxHeightText2289730746__root"};
+export var classes = {"root":"MaxHeightText2774449941__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_ = "MaxLines3985679003";
+var _namespace_ = "MaxLines1911370039";
 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":"MaxLines3985679003__root"};
+export var classes = {"root":"MaxLines1911370039__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -2,3 +2,22 @@
   min-width: 0;
 }
 
+.leftGroupWrapper {
+  overflow: hidden;
+  padding-right: 12px; /* SP3 */
+  min-width: 0;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.selectedCountItem {
+  min-width: 0;
+  flex-shrink: 1;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.selectedCountText {
+  display: block;
+  width: 100%;
+}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar2085610696";
+var _namespace_ = "MultiBulkActionToolbar3298994618";
 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":"MultiBulkActionToolbar2085610696__root"};
+export var classes = {"root":"MultiBulkActionToolbar3298994618__root","leftGroupWrapper":"MultiBulkActionToolbar3298994618__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3298994618__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3298994618__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.tsx

@@ -3,6 +3,7 @@ import {
   Divider,
   PopoverMenuProps,
   TableToolbar,
+  Text,
   TextButton,
 } from '@wix/design-system';
 import React, { cloneElement, useEffect, useState } from 'react';
@@ -265,9 +266,9 @@ function _MultiBulkActionToolbar(props: MultiBulkActionToolbarProps) {
         dataHook="bulk-action-toolbar"
       >
         <TableToolbar.ItemGroup position="start" className={st(classes.root)}>
-          <TableToolbar.Item>
-            <TableToolbar.SelectedCount dataHook="selected-count">
-              <span style={{ whiteSpace: 'nowrap' }}>
+          <Box direction="horizontal" className={st(classes.leftGroupWrapper)}>
+            <TableToolbar.Item className={st(classes.selectedCountItem)}>
+              <Text ellipsis size="small" weight="thin" dataHook="selected-count" className={st(classes.selectedCountText)}>
                 {maxSelection !== undefined
                   ? t('cairo.bulkActions.max.selection', {
                       max: maxSelection,
@@ -284,27 +285,27 @@ function _MultiBulkActionToolbar(props: MultiBulkActionToolbarProps) {
                   : t('cairo.bulkSelected', {
                       num: selectedCountOrTotal,
                     })}
-              </span>
-            </TableToolbar.SelectedCount>
-          </TableToolbar.Item>
-
-          {collection.result.supportTotal && (
-            <TableToolbar.Item>
-              <TextButton
-                dataHook="select-all"
-                size="small"
-                onClick={() =>
-                  bulk.toggleSelectAll({ location: 'TableToolbar CTA' })
-                }
-              >
-                {bulk.hasClickableRows
-                  ? t('cairo.selectAll')
-                  : t('cairo.deselectAll')}
-              </TextButton>
+              </Text>
             </TableToolbar.Item>
-          )}
 
-          {!isMobile && <BulkActionButtonsDesktop />}
+            {collection.result.supportTotal && (
+              <TableToolbar.Item>
+                <TextButton
+                  dataHook="select-all"
+                  size="small"
+                  onClick={() =>
+                    bulk.toggleSelectAll({ location: 'TableToolbar CTA' })
+                  }
+                >
+                  {bulk.hasClickableRows
+                    ? t('cairo.selectAll')
+                    : t('cairo.deselectAll')}
+                </TextButton>
+              </TableToolbar.Item>
+            )}
+
+            {!isMobile && <BulkActionButtonsDesktop />}
+          </Box>
         </TableToolbar.ItemGroup>
 
         {isMobile && (

package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow4038975435";
+var _namespace_ = "NestedTablePlaceholderStatesRow463864497";
 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":"NestedTablePlaceholderStatesRow4038975435__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow463864497__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_ = "NestedTableRow2675403157";
+var _namespace_ = "NestedTableRow2871851455";
 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":"NestedTableRow2675403157__root","firstLevel":"NestedTableRow2675403157__firstLevel","placeholder":"NestedTableRow2675403157__placeholder","parentHovered":"NestedTableRow2675403157__parentHovered"};
+export var classes = {"root":"NestedTableRow2871851455__root","firstLevel":"NestedTableRow2871851455__firstLevel","placeholder":"NestedTableRow2871851455__placeholder","parentHovered":"NestedTableRow2871851455__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_ = "MultipleDragOverlayEffect3077153788";
+var _namespace_ = "MultipleDragOverlayEffect1732618558";
 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":"MultipleDragOverlayEffect3077153788__root"};
+export var classes = {"root":"MultipleDragOverlayEffect1732618558__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_ = "NestedTableDragAndDropRow396513697";
+var _namespace_ = "NestedTableDragAndDropRow3498633286";
 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":"NestedTableDragAndDropRow396513697__root"};
+export var classes = {"root":"NestedTableDragAndDropRow3498633286__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_ = "PickerContent184429675";
+var _namespace_ = "PickerContent3366107491";
 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":"PickerContent184429675__root"};
+export var classes = {"root":"PickerContent3366107491__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};