@wix/patterns 1.306.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_ = "CardContainer2303820301";
+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":"CardContainer2303820301__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_ = "Collapse1016757042";
+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":"Collapse1016757042__root","exit":"Collapse1016757042__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_ = "CollectionPage1267527888";
+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":"CollectionPage1267527888__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_ = "CollectionTable2350162219";
+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":"CollectionTable2350162219__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_ = "CollectionToolbar1031518840";
+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":"CollectionToolbar1031518840__root","left":"CollectionToolbar1031518840__left","right":"CollectionToolbar1031518840__right","fullWidth":"CollectionToolbar1031518840__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_ = "SearchOrCustomFilter2087584984";
+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":"SearchOrCustomFilter2087584984__root","search":"SearchOrCustomFilter2087584984__search","searchMobile":"SearchOrCustomFilter2087584984__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_ = "AutoCompleteReadonly1088001653";
+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":"AutoCompleteReadonly1088001653__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_ = "ViewsDropdown2194350599";
+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":"ViewsDropdown2194350599__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_ = "DragHandle2587922099";
+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":"DragHandle2587922099__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_ = "EntityPagePlain1663004230";
+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":"EntityPagePlain1663004230__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_ = "Fade2669200486";
+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":"Fade2669200486__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_ = "Heading991438456";
+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":"Heading991438456__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_ = "InputOverflow2037453751";
+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":"InputOverflow2037453751__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_ = "LoadingRow1975300858";
+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":"LoadingRow1975300858__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1975300858__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_ = "MaxHeightText45919511";
+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":"MaxHeightText45919511__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_ = "MaxLines4239592132";
+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":"MaxLines4239592132__root"};
+export var classes = {"root":"MaxLines1911370039__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_ = "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":"MultiBulkActionToolbar1106469075__root","leftGroupWrapper":"MultiBulkActionToolbar1106469075__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1106469075__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1106469075__selectedCountText"};
+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/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow2511293419";
+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":"NestedTablePlaceholderStatesRow2511293419__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_ = "NestedTableRow3790901977";
+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":"NestedTableRow3790901977__root","firstLevel":"NestedTableRow3790901977__firstLevel","placeholder":"NestedTableRow3790901977__placeholder","parentHovered":"NestedTableRow3790901977__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_ = "MultipleDragOverlayEffect275666098";
+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":"MultipleDragOverlayEffect275666098__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_ = "NestedTableDragAndDropRow3512225345";
+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":"NestedTableDragAndDropRow3512225345__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_ = "PickerContent3158229350";
+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":"PickerContent3158229350__root"};
+export var classes = {"root":"PickerContent3366107491__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_ = "PickerContentAdditionalStep1951201848";
+var _namespace_ = "PickerContentAdditionalStep1248135679";
 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":"PickerContentAdditionalStep1951201848__root","titles":"PickerContentAdditionalStep1951201848__titles","suffix":"PickerContentAdditionalStep1951201848__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1248135679__root","titles":"PickerContentAdditionalStep1248135679__titles","suffix":"PickerContentAdditionalStep1248135679__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerTableListItem1601093908";
+var _namespace_ = "PickerTableListItem1287110513";
 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":"PickerTableListItem1601093908__root"};
+export var classes = {"root":"PickerTableListItem1287110513__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_ = "ScrollableContent1669532860";
+var _namespace_ = "ScrollableContent4123272871";
 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":"ScrollableContent1669532860__root"};
+export var classes = {"root":"ScrollableContent4123272871__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_ = "SkeletonCard3295257123";
+var _namespace_ = "SkeletonCard847847600";
 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":"SkeletonCard3295257123__root","headerLoading":"SkeletonCard3295257123__headerLoading"};
+export var classes = {"root":"SkeletonCard847847600__root","headerLoading":"SkeletonCard847847600__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_ = "SlidingModal2991292953";
+var _namespace_ = "SlidingModal2119512318";
 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":"SlidingModal2991292953__root"};
+export var classes = {"root":"SlidingModal2119512318__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};