@wix/patterns 1.414.0 → 1.415.0

package/src/components/EditableTable/cellTypes/datetime/index.ts

@@ -0,0 +1,49 @@
+import { defineCellType } from '../../types';
+import { DateTimeView } from './View';
+import { DateTimeEdit } from './Edit';
+import { DateTimeEditWrapper } from './DateTimeEditWrapper';
+import { toValidDate } from './helpers';
+
+export { DateTimeView, DateTimeEdit };
+
+/**
+ * DateTime — 2-in-1 cell type. Single `Date | null` rendered as two halves
+ * (date | time) with a vertical divider. Each half has its own focus + edit
+ * lifecycle, but only one sub-cell is in edit mode at a time.
+ *
+ * Serialized via ISO 8601 (`toISOString`) — round-trips both date and time
+ * components without timezone surprises in storage. The cell is never in a
+ * "date set, time null" state; an empty time-of-day after a date pick
+ * defaults to 00:00:00.
+ */
+export const dateTimeCellType = defineCellType<Date | null>({
+  type: 'datetime',
+  ViewComponent: DateTimeView,
+  EditComponent: DateTimeEdit,
+  EditWrapper: DateTimeEditWrapper,
+  serialize: (value) => {
+    const date = toValidDate(value);
+    return date ? date.toISOString() : '';
+  },
+  deserialize: (raw) => {
+    if (!raw) {
+      return null;
+    }
+    const date = toValidDate(raw);
+    if (!date) {
+      throw new Error(`Invalid datetime value: "${raw}"`);
+    }
+    return date;
+  },
+  validate: (value) => {
+    if (value == null) {
+      return null;
+    }
+    return toValidDate(value) ? null : 'Invalid date/time';
+  },
+  editable: true,
+  clearable: true,
+  // Forward typed character into the date half (entry default is 'date').
+  // The Edit component opens the calendar and forwards the key.
+  onTypeToEdit: () => ({}),
+});

package/src/components/EditableTable/cellTypes/datetime/mergeDateTime.ts

@@ -0,0 +1,35 @@
+import { isValidDate } from './helpers';
+
+/**
+ * Take the date-part from `newDate` and the time-of-day from `prev`. When
+ * `prev` is null/invalid the merged time-of-day defaults to midnight.
+ */
+export function mergeDate(prev: Date | null, newDate: Date): Date {
+  const next = new Date(newDate);
+  if (isValidDate(prev)) {
+    next.setHours(
+      prev.getHours(),
+      prev.getMinutes(),
+      prev.getSeconds(),
+      prev.getMilliseconds(),
+    );
+  } else {
+    next.setHours(0, 0, 0, 0);
+  }
+  return next;
+}
+
+/**
+ * Take the time-of-day from `newTime` and the date-part from `prev`. When
+ * `prev` is null/invalid the merged date-part defaults to today.
+ */
+export function mergeTime(prev: Date | null, newTime: Date): Date {
+  const base = isValidDate(prev) ? new Date(prev) : new Date();
+  base.setHours(
+    newTime.getHours(),
+    newTime.getMinutes(),
+    newTime.getSeconds(),
+    newTime.getMilliseconds(),
+  );
+  return base;
+}

package/src/components/EditableTable/cellTypes/datetime/subCellContext.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+
+export type SubCell = 'date' | 'time';
+
+interface SubCellClickTracker {
+  /** Read the last clicked sub-cell. Cleared (returns null) after read. */
+  consume: () => SubCell | null;
+  /** Record which sub-cell the user just mousedowned on. */
+  record: (sub: SubCell) => void;
+}
+
+const NOOP_TRACKER: SubCellClickTracker = {
+  consume: () => null,
+  record: () => {},
+};
+
+export const SubCellClickContext =
+  React.createContext<SubCellClickTracker>(NOOP_TRACKER);
+
+export const useSubCellClickTracker = (): SubCellClickTracker =>
+  React.useContext(SubCellClickContext);

package/src/components/EditableTable/cellTypes/email/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3123290408";
+var _namespace_ = "Edit551041898";
 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":"Edit3123290408__root","emailInput":"Edit3123290408__emailInput"};
+export var classes = {"root":"Edit551041898__root","emailInput":"Edit551041898__emailInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/email/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View1834123324";
+var _namespace_ = "View1120631057";
 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":"View1834123324__root"};
+export var classes = {"root":"View1120631057__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/index.ts

@@ -4,6 +4,7 @@ import { numberCellType } from './number';
 import { booleanCellType } from './boolean';
 import { dateCellType } from './date';
 import { timeCellType } from './time';
+import { dateTimeCellType } from './datetime';
 import { urlCellType } from './url';
 import { emailCellType } from './email';
 import { colorCellType } from './color';
@@ -25,6 +26,7 @@ export {
   booleanCellType,
   dateCellType,
   timeCellType,
+  dateTimeCellType,
   urlCellType,
   emailCellType,
   colorCellType,
@@ -48,6 +50,7 @@ export const builtInCellTypes: CellType[] = [
   booleanCellType,
   dateCellType,
   timeCellType,
+  dateTimeCellType,
   urlCellType,
   emailCellType,
   colorCellType,

package/src/components/EditableTable/cellTypes/number/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2307432173";
+var _namespace_ = "Edit3997170827";
 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":"Edit2307432173__root","numberInput":"Edit2307432173__numberInput"};
+export var classes = {"root":"Edit3997170827__root","numberInput":"Edit3997170827__numberInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/number/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View1217882159";
+var _namespace_ = "View3717091114";
 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":"View1217882159__root","textView":"View1217882159__textView"};
+export var classes = {"root":"View3717091114__root","textView":"View3717091114__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/object/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit4161391252";
+var _namespace_ = "Edit1884076868";
 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":"Edit4161391252__root","jsonInput":"Edit4161391252__jsonInput"};
+export var classes = {"root":"Edit1884076868__root","jsonInput":"Edit1884076868__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/object/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View200481584";
+var _namespace_ = "View4108766999";
 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":"View200481584__root"};
+export var classes = {"root":"View4108766999__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/select/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3392131003";
+var _namespace_ = "Edit1063584883";
 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":"Edit3392131003__root","selectInput":"Edit3392131003__selectInput"};
+export var classes = {"root":"Edit1063584883__root","selectInput":"Edit1063584883__selectInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/text/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit4233377183";
+var _namespace_ = "Edit2539786971";
 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":"Edit4233377183__root","editWrapper":"Edit4233377183__editWrapper","inputArea":"Edit4233377183__inputArea"};
+export var classes = {"root":"Edit2539786971__root","editWrapper":"Edit2539786971__editWrapper","inputArea":"Edit2539786971__inputArea"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/text/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View4000102319";
+var _namespace_ = "View109019798";
 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":"View4000102319__root"};
+export var classes = {"root":"View109019798__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/time/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit434433941";
+var _namespace_ = "Edit3891897524";
 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":"Edit434433941__root","wrapper":"Edit434433941__wrapper","overlay":"Edit434433941__overlay"};
+export var classes = {"root":"Edit3891897524__root","wrapper":"Edit3891897524__wrapper","overlay":"Edit3891897524__overlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/time/Edit.tsx

@@ -48,7 +48,11 @@ export const TimeEdit: React.FC<CellEditProps<Time | null>> = ({
         value={value}
         onChange={onChange}
         onCommit={onCommit}
-        inputRef={inputRef}
+        inputRef={
+          inputRef as React.MutableRefObject<
+            HTMLInputElement | null | undefined
+          >
+        }
         dataHook="time-edit"
       />
       {maskInitialEmpty && value != null && (

package/src/components/EditableTable/cellTypes/url/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit327718618";
+var _namespace_ = "Edit3618082279";
 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":"Edit327718618__root","urlInput":"Edit327718618__urlInput"};
+export var classes = {"root":"Edit3618082279__root","urlInput":"Edit3618082279__urlInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/url/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View4135267169";
+var _namespace_ = "View1464552216";
 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":"View4135267169__root","textView":"View4135267169__textView","urlText":"View4135267169__urlText","suffix":"View4135267169__suffix"};
+export var classes = {"root":"View1464552216__root","textView":"View1464552216__textView","urlText":"View1464552216__urlText","suffix":"View1464552216__suffix"};
 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_ = "EntityPagePlain3203605956";
+var _namespace_ = "EntityPagePlain583315663";
 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":"EntityPagePlain3203605956__root"};
+export var classes = {"root":"EntityPagePlain583315663__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_ = "Fade528154580";
+var _namespace_ = "Fade68256681";
 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":"Fade528154580__root"};
+export var classes = {"root":"Fade68256681__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_ = "Heading2239779507";
+var _namespace_ = "Heading1825965899";
 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":"Heading2239779507__root"};
+export var classes = {"root":"Heading1825965899__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ImportButton/ImportStepUpload.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload3468394352";
+var _namespace_ = "ImportStepUpload2707926533";
 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":"ImportStepUpload3468394352__root","fileUpload":"ImportStepUpload3468394352__fileUpload"};
+export var classes = {"root":"ImportStepUpload2707926533__root","fileUpload":"ImportStepUpload2707926533__fileUpload"};
 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_ = "InputOverflow2442740308";
+var _namespace_ = "InputOverflow321109859";
 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":"InputOverflow2442740308__root"};
+export var classes = {"root":"InputOverflow321109859__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_ = "LoadingRow4002301247";
+var _namespace_ = "LoadingRow2597706729";
 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":"LoadingRow4002301247__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow4002301247__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow2597706729__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow2597706729__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_ = "MaxHeightText72133003";
+var _namespace_ = "MaxHeightText1358108207";
 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":"MaxHeightText72133003__root"};
+export var classes = {"root":"MaxHeightText1358108207__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_ = "MaxLines818580089";
+var _namespace_ = "MaxLines3201845425";
 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":"MaxLines818580089__root"};
+export var classes = {"root":"MaxLines3201845425__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_ = "MultiBulkActionToolbar1438861077";
+var _namespace_ = "MultiBulkActionToolbar2262240796";
 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":"MultiBulkActionToolbar1438861077__root","leftGroupWrapper":"MultiBulkActionToolbar1438861077__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1438861077__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1438861077__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar2262240796__root","leftGroupWrapper":"MultiBulkActionToolbar2262240796__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar2262240796__selectedCountItem","selectedCountText":"MultiBulkActionToolbar2262240796__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_ = "NestedTablePlaceholderStatesRow1958190618";
+var _namespace_ = "NestedTablePlaceholderStatesRow950851298";
 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":"NestedTablePlaceholderStatesRow1958190618__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow950851298__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_ = "NestedTableRow2071601668";
+var _namespace_ = "NestedTableRow1953079660";
 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":"NestedTableRow2071601668__root","firstLevel":"NestedTableRow2071601668__firstLevel","placeholder":"NestedTableRow2071601668__placeholder","parentHovered":"NestedTableRow2071601668__parentHovered"};
+export var classes = {"root":"NestedTableRow1953079660__root","firstLevel":"NestedTableRow1953079660__firstLevel","placeholder":"NestedTableRow1953079660__placeholder","parentHovered":"NestedTableRow1953079660__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_ = "MultipleDragOverlayEffect4076075877";
+var _namespace_ = "MultipleDragOverlayEffect954955633";
 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":"MultipleDragOverlayEffect4076075877__root"};
+export var classes = {"root":"MultipleDragOverlayEffect954955633__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_ = "NestedTableDragAndDropRow533081746";
+var _namespace_ = "NestedTableDragAndDropRow2342687242";
 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":"NestedTableDragAndDropRow533081746__root"};
+export var classes = {"root":"NestedTableDragAndDropRow2342687242__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_ = "PickerContent4022431999";
+var _namespace_ = "PickerContent1991971225";
 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":"PickerContent4022431999__root"};
+export var classes = {"root":"PickerContent1991971225__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};