@wix/patterns 1.228.0 → 1.230.0

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.js

@@ -1,6 +1,142 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.KanbanCardDragAndDrop = void 0;
-const KanbanCardDragAndDrop = exports.KanbanCardDragAndDrop = {};
+exports.KanbanDragAndDropState = exports.KanbanCardDragAndDrop = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _KanbanDragAndDropContext = require("./KanbanDragAndDropContext");
+var _KanbanDraggableCardItem = require("./KanbanDraggableCardItem");
+var _mobx = require("mobx");
+class KanbanDragAndDropState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "kanbanState", void 0);
+    (0, _defineProperty2.default)(this, "activeId", null);
+    (0, _defineProperty2.default)(this, "status", 'start');
+    (0, _defineProperty2.default)(this, "setActiveId", id => {
+      this.activeId = id;
+    });
+    (0, _defineProperty2.default)(this, "handleDragStart", event => {
+      this.status = 'start';
+      this.activeId = event.active.id.toString();
+    });
+    (0, _defineProperty2.default)(this, "handleDragCancel", () => {
+      this.status = 'cancel';
+      this.setActiveId(null);
+    });
+    (0, _defineProperty2.default)(this, "handleDragEnd", event => {
+      var _this$kanbanState$ite;
+      this.status = 'end';
+      const {
+        active,
+        over
+      } = event;
+      this.setActiveId(null);
+      if (!over) {
+        return;
+      }
+      const activeId = active.id.toString();
+      const overId = over.id.toString();
+      const fromStageId = this._findStageByItemId(activeId);
+
+      // Determine target stage - could be stage key directly or extracted from item ID
+      let toStageId;
+      if (this.kanbanState.kanbanStageStates[overId]) {
+        // Dropping on a stage background
+        toStageId = overId;
+      } else {
+        // Dropping on an item - extract stage from item ID
+        toStageId = this._findStageByItemId(overId);
+      }
+
+      // Only return early if we don't have valid source and target stages
+      if (!fromStageId || !toStageId) {
+        return;
+      }
+
+      // PREVENT MOVEMENT WITHIN THE SAME STAGE
+      if (fromStageId === toStageId) {
+        return; // Don't allow reordering within the same stage
+      }
+      const item = this._findItemById(activeId);
+      if (!item) {
+        return;
+      }
+
+      // Create the Kanban drag end event
+      const kanbanDragEndEvent = {
+        item,
+        fromStageId,
+        toStageId
+      };
+      if ((_this$kanbanState$ite = this.kanbanState.items.dragAndDrop) != null && _this$kanbanState$ite.onSubmit) {
+        var _this$kanbanState$ite2;
+        const submitPromise = async () => {
+          return Promise.resolve();
+        };
+        (_this$kanbanState$ite2 = this.kanbanState.items.dragAndDrop) == null || _this$kanbanState$ite2.onSubmit == null || _this$kanbanState$ite2.onSubmit(kanbanDragEndEvent).then(newItem => {
+          this.kanbanState.getStageStateByKey(fromStageId).itemsCollectionState.optimisticActions.deleteOne(item, {
+            submit: submitPromise
+          });
+          this.kanbanState.getStageStateByKey(toStageId).itemsCollectionState.optimisticActions.createOne(newItem, {
+            submit: submitPromise
+          });
+        }).catch(error => {
+          console.error('Error submitting drag and drop event:', error);
+        });
+      }
+    });
+    this.kanbanState = params.kanbanState;
+    (0, _mobx.makeObservable)(this, {
+      handleDragEnd: _mobx.action,
+      setActiveId: _mobx.action,
+      activeId: _mobx.observable,
+      status: _mobx.observable.ref,
+      handleDragStart: _mobx.action,
+      handleDragCancel: _mobx.action
+    });
+  }
+  _parseItemId(combinedId) {
+    // Parse combined ID format: "stageKey-##-itemKey"
+    const [stageKey, itemKey] = combinedId.split('-##-');
+    if (!stageKey || !itemKey) {
+      return null;
+    }
+    return {
+      stageKey,
+      itemKey
+    };
+  }
+  _findItemById(combinedId) {
+    var _stageState$itemsColl;
+    const parsed = this._parseItemId(combinedId);
+    if (!parsed) {
+      return null;
+    }
+    const stageState = this.kanbanState.kanbanStageStates[parsed.stageKey];
+    if (!stageState) {
+      return null;
+    }
+    const item = (_stageState$itemsColl = stageState.itemsCollectionState.getKeyedItem(parsed.itemKey)) == null ? void 0 : _stageState$itemsColl.item;
+    return item || null;
+  }
+  _findStageByItemId(combinedId) {
+    const parsed = this._parseItemId(combinedId);
+    return (parsed == null ? void 0 : parsed.stageKey) || null;
+  }
+  init() {
+    // No initialization needed for native drag and drop
+  }
+  get keyboardCodes() {
+    return {
+      start: ['Space', 'Enter'],
+      cancel: ['Escape'],
+      end: ['Space', 'Enter']
+    };
+  }
+}
+exports.KanbanDragAndDropState = KanbanDragAndDropState;
+const KanbanCardDragAndDrop = exports.KanbanCardDragAndDrop = {
+  KanbanDragAndDropContext: _KanbanDragAndDropContext.KanbanDragAndDropContext,
+  DraggableCard: _KanbanDraggableCardItem.KanbanDraggableCardItem
+};
 //# sourceMappingURL=KanbanCardDragAndDrop.js.map

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.js.map

@@ -1 +1 @@
-{"version":3,"names":["KanbanCardDragAndDrop","exports"],"sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.ts"],"sourcesContent":["export const KanbanCardDragAndDrop = {};\n"],"mappings":";;;;AAAO,MAAMA,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_KanbanDragAndDropContext","require","_KanbanDraggableCardItem","_mobx","KanbanDragAndDropState","constructor","params","_defineProperty2","default","id","activeId","event","status","active","toString","setActiveId","_this$kanbanState$ite","over","overId","fromStageId","_findStageByItemId","toStageId","kanbanState","kanbanStageStates","item","_findItemById","kanbanDragEndEvent","items","dragAndDrop","onSubmit","_this$kanbanState$ite2","submitPromise","Promise","resolve","then","newItem","getStageStateByKey","itemsCollectionState","optimisticActions","deleteOne","submit","createOne","catch","error","console","makeObservable","handleDragEnd","action","observable","ref","handleDragStart","handleDragCancel","_parseItemId","combinedId","stageKey","itemKey","split","_stageState$itemsColl","parsed","stageState","getKeyedItem","init","keyboardCodes","start","cancel","end","exports","KanbanCardDragAndDrop","KanbanDragAndDropContext","DraggableCard","KanbanDraggableCardItem"],"sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.ts"],"sourcesContent":["import { KanbanDragAndDropContext } from './KanbanDragAndDropContext';\nimport { KanbanDraggableCardItem } from './KanbanDraggableCardItem';\n\nimport { KanbanState } from '../../state/KanbanState/KanbanState';\nimport { KanbanDragEndItemEvent } from '../../state/KanbanState/KanbanDragEndEvent';\nimport { FiltersMap } from '@wix/bex-core';\nimport { action, makeObservable, observable } from 'mobx';\nimport {\n  DragStartEvent,\n  DragEndEvent,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\n\nexport interface KanbanDragAndDropStateParams<T, S, F extends FiltersMap> {\n  kanbanState: KanbanState<T, S, F>;\n}\n\nexport class KanbanDragAndDropState<T, S, F extends FiltersMap> {\n  readonly kanbanState: KanbanState<T, S, F>;\n  activeId: string | null = null;\n  status: 'start' | 'over' | 'end' | 'cancel' = 'start';\n\n  constructor(params: KanbanDragAndDropStateParams<T, S, F>) {\n    this.kanbanState = params.kanbanState;\n\n    makeObservable(this, {\n      handleDragEnd: action,\n      setActiveId: action,\n      activeId: observable,\n      status: observable.ref,\n      handleDragStart: action,\n      handleDragCancel: action,\n    });\n  }\n\n  setActiveId = (id: string | null) => {\n    this.activeId = id;\n  };\n\n  private _parseItemId(\n    combinedId: string,\n  ): { stageKey: string; itemKey: string } | null {\n    // Parse combined ID format: \"stageKey-##-itemKey\"\n    const [stageKey, itemKey] = combinedId.split('-##-');\n    if (!stageKey || !itemKey) {\n      return null;\n    }\n    return { stageKey, itemKey };\n  }\n\n  private _findItemById(combinedId: string): T | null {\n    const parsed = this._parseItemId(combinedId);\n    if (!parsed) {\n      return null;\n    }\n\n    const stageState = this.kanbanState.kanbanStageStates[parsed.stageKey];\n    if (!stageState) {\n      return null;\n    }\n\n    const item = stageState.itemsCollectionState.getKeyedItem(\n      parsed.itemKey,\n    )?.item;\n    return item || null;\n  }\n\n  private _findStageByItemId(combinedId: string): string | null {\n    const parsed = this._parseItemId(combinedId);\n    return parsed?.stageKey || null;\n  }\n\n  handleDragStart = (event: DragStartEvent) => {\n    this.status = 'start';\n    this.activeId = event.active.id.toString();\n  };\n\n  handleDragCancel = () => {\n    this.status = 'cancel';\n    this.setActiveId(null);\n  };\n\n  handleDragEnd = (event: DragEndEvent) => {\n    this.status = 'end';\n    const { active, over } = event;\n    this.setActiveId(null);\n\n    if (!over) {\n      return;\n    }\n\n    const activeId = active.id.toString();\n    const overId = over.id.toString();\n\n    const fromStageId = this._findStageByItemId(activeId);\n\n    // Determine target stage - could be stage key directly or extracted from item ID\n    let toStageId: string | null;\n    if (this.kanbanState.kanbanStageStates[overId]) {\n      // Dropping on a stage background\n      toStageId = overId;\n    } else {\n      // Dropping on an item - extract stage from item ID\n      toStageId = this._findStageByItemId(overId);\n    }\n\n    // Only return early if we don't have valid source and target stages\n    if (!fromStageId || !toStageId) {\n      return;\n    }\n\n    // PREVENT MOVEMENT WITHIN THE SAME STAGE\n    if (fromStageId === toStageId) {\n      return; // Don't allow reordering within the same stage\n    }\n\n    const item = this._findItemById(activeId);\n    if (!item) {\n      return;\n    }\n\n    // Create the Kanban drag end event\n    const kanbanDragEndEvent: KanbanDragEndItemEvent<T> = {\n      item,\n      fromStageId,\n      toStageId,\n    };\n\n    if (this.kanbanState.items.dragAndDrop?.onSubmit) {\n      const submitPromise = async () => {\n        return Promise.resolve();\n      };\n\n      this.kanbanState.items.dragAndDrop\n        ?.onSubmit?.(kanbanDragEndEvent)\n        .then((newItem: T) => {\n          this.kanbanState\n            .getStageStateByKey(fromStageId)\n            .itemsCollectionState.optimisticActions.deleteOne(item, {\n              submit: submitPromise,\n            });\n          this.kanbanState\n            .getStageStateByKey(toStageId!)\n            .itemsCollectionState.optimisticActions.createOne(newItem, {\n              submit: submitPromise,\n            });\n        })\n        .catch((error) => {\n          console.error('Error submitting drag and drop event:', error);\n        });\n    }\n  };\n\n  init() {\n    // No initialization needed for native drag and drop\n  }\n\n  get keyboardCodes() {\n    return {\n      start: ['Space', 'Enter'],\n      cancel: ['Escape'],\n      end: ['Space', 'Enter'],\n    };\n  }\n}\n\nexport const KanbanCardDragAndDrop = {\n  KanbanDragAndDropContext,\n  DraggableCard: KanbanDraggableCardItem,\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDragAndDropContext.js

@@ -0,0 +1,75 @@
+"use strict";
+
+exports.__esModule = true;
+exports.KanbanDragAndDropContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _core = require("@wix/wix-style-react-incubator/dnd-kit/core");
+var _modifiers = require("@wix/wix-style-react-incubator/dnd-kit/modifiers");
+var _mobxReactLite = require("mobx-react-lite");
+var _react2 = require("@wix/bex-core/react");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDragAndDropContext.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _KanbanDragAndDropContext(props) {
+  const {
+    state: kanbanState,
+    children
+  } = props;
+  const {
+    modalsContainerRef
+  } = (0, _react2.usePageContext)();
+  const dragAndDropState = kanbanState.dragAndDropState;
+  const pointerSensor = (0, _core.useSensor)(_core.PointerSensor, {
+    activationConstraint: {
+      distance: 3
+    }
+  });
+  const keyboardSensor = (0, _core.useSensor)(_core.KeyboardSensor, {
+    keyboardCodes: kanbanState.dragAndDropState.keyboardCodes,
+    coordinateGetter: () => ({
+      x: 0,
+      y: 25
+    })
+  });
+  const sensors = (0, _core.useSensors)(...(process.env.NODE_ENV === 'test' ? [] : [pointerSensor, keyboardSensor]));
+  (0, _react.useEffect)(() => dragAndDropState.init(), [dragAndDropState]);
+  const handleDragStart = event => {
+    dragAndDropState.handleDragStart(event);
+  };
+  const handleDragOver = () => {};
+  const handleDragEnd = event => {
+    dragAndDropState.handleDragEnd(event);
+  };
+  const handleDragCancel = () => {
+    dragAndDropState.handleDragCancel();
+  };
+  return /*#__PURE__*/_react.default.createElement(_core.DndContext, {
+    sensors: sensors,
+    accessibility: {
+      container: modalsContainerRef.current,
+      announcements: {
+        onDragStart: () => 'Item picked up for dragging',
+        onDragOver: () => 'Item moved over droppable area',
+        onDragEnd: () => 'Item dropped',
+        onDragCancel: () => 'Dragging cancelled'
+      },
+      screenReaderInstructions: {
+        draggable: 'To pick up a draggable item, press the space bar.'
+      },
+      restoreFocus: false
+    },
+    collisionDetection: _core.closestCenter,
+    modifiers: [_modifiers.restrictToWindowEdges],
+    onDragStart: handleDragStart,
+    onDragOver: handleDragOver,
+    onDragEnd: handleDragEnd,
+    onDragCancel: handleDragCancel,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 66,
+      columnNumber: 5
+    }
+  }, children);
+}
+const KanbanDragAndDropContext = exports.KanbanDragAndDropContext = (0, _mobxReactLite.observer)(_KanbanDragAndDropContext);
+//# sourceMappingURL=KanbanDragAndDropContext.js.map

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDragAndDropContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_modifiers","_mobxReactLite","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_KanbanDragAndDropContext","props","state","kanbanState","children","modalsContainerRef","usePageContext","dragAndDropState","pointerSensor","useSensor","PointerSensor","activationConstraint","distance","keyboardSensor","KeyboardSensor","keyboardCodes","coordinateGetter","x","y","sensors","useSensors","process","env","NODE_ENV","useEffect","init","handleDragStart","event","handleDragOver","handleDragEnd","handleDragCancel","createElement","DndContext","accessibility","container","current","announcements","onDragStart","onDragOver","onDragEnd","onDragCancel","screenReaderInstructions","draggable","restoreFocus","collisionDetection","closestCenter","modifiers","restrictToWindowEdges","__self","__source","fileName","lineNumber","columnNumber","KanbanDragAndDropContext","exports","observer"],"sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanDragAndDropContext.tsx"],"sourcesContent":["import React, { ReactNode, useEffect } from 'react';\nimport {\n  closestCenter,\n  DndContext,\n  DragEndEvent,\n  DragStartEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { restrictToWindowEdges } from '@wix/wix-style-react-incubator/dnd-kit/modifiers';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { KanbanState } from '../../state/KanbanState/KanbanState';\n\nimport { usePageContext } from '@wix/bex-core/react';\n\nexport interface KanbanDragAndDropContextProps<T, S, F extends FiltersMap> {\n  state: KanbanState<T, S, F>;\n  children?: ReactNode;\n  stageId: string;\n}\n\nfunction _KanbanDragAndDropContext<T, S, F extends FiltersMap>(\n  props: KanbanDragAndDropContextProps<T, S, F>,\n) {\n  const { state: kanbanState, children } = props;\n\n  const { modalsContainerRef } = usePageContext();\n\n  const dragAndDropState = kanbanState.dragAndDropState;\n\n  const pointerSensor = useSensor(PointerSensor, {\n    activationConstraint: {\n      distance: 3,\n    },\n  });\n\n  const keyboardSensor = useSensor(KeyboardSensor, {\n    keyboardCodes: kanbanState.dragAndDropState.keyboardCodes,\n    coordinateGetter: () => ({ x: 0, y: 25 }),\n  });\n\n  const sensors = useSensors(\n    ...(process.env.NODE_ENV === 'test' ? [] : [pointerSensor, keyboardSensor]),\n  );\n\n  useEffect(() => dragAndDropState.init(), [dragAndDropState]);\n\n  const handleDragStart = (event: DragStartEvent) => {\n    dragAndDropState.handleDragStart(event);\n  };\n\n  const handleDragOver = () => {};\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    dragAndDropState.handleDragEnd(event);\n  };\n\n  const handleDragCancel = () => {\n    dragAndDropState.handleDragCancel();\n  };\n\n  return (\n    <DndContext\n      sensors={sensors}\n      accessibility={{\n        container: modalsContainerRef.current as HTMLElement | undefined,\n        announcements: {\n          onDragStart: () => 'Item picked up for dragging',\n          onDragOver: () => 'Item moved over droppable area',\n          onDragEnd: () => 'Item dropped',\n          onDragCancel: () => 'Dragging cancelled',\n        },\n        screenReaderInstructions: {\n          draggable: 'To pick up a draggable item, press the space bar.',\n        },\n        restoreFocus: false,\n      }}\n      collisionDetection={closestCenter}\n      modifiers={[restrictToWindowEdges]}\n      onDragStart={handleDragStart}\n      onDragOver={handleDragOver}\n      onDragEnd={handleDragEnd}\n      onDragCancel={handleDragCancel}\n    >\n      {children}\n    </DndContext>\n  );\n}\n\nexport const KanbanDragAndDropContext = observer(_KanbanDragAndDropContext);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.js

@@ -0,0 +1,121 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.KanbanDraggableCardItem = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _core = require("@wix/wix-style-react-incubator/dnd-kit/core");
+var _mobx = require("mobx");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _KanbanDraggableCardItem(props) {
+  const {
+    children: CardComponent,
+    id,
+    cardProps,
+    state
+  } = props;
+  const dragHandleRef = (0, _react.useRef)(null);
+
+  // Use useDraggable instead of useSortable since we only support cross-stage movement
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform,
+    isDragging,
+    setActivatorNodeRef
+  } = (0, _core.useDraggable)({
+    id
+  });
+  const ariaDescribedBy = `draggable-kanban-card-description-${id}`;
+  const stateDragAndDrop = state.dragAndDropState;
+  const dragHandleProps = {
+    ...attributes,
+    ...listeners,
+    ref: e => {
+      setActivatorNodeRef(e);
+      dragHandleRef.current = e;
+    },
+    'aria-describedby': ariaDescribedBy,
+    onClick: e => e.stopPropagation(),
+    ...(process.env.NODE_ENV === 'test' && {
+      onPointerDown: (0, _mobx.action)(() => {
+        stateDragAndDrop.handleDragStart({
+          active: {
+            id
+          }
+        });
+      })
+    }),
+    style: {
+      pointerEvents: 'auto'
+    }
+  };
+  const dragStyle = {
+    // Apply transform for drag feedback
+    transform: transform ? `translate3d(${transform.x}px, ${transform.y}px, 0)` : undefined,
+    opacity: isDragging ? 0.8 : 1,
+    // Allow pointer events to pass through to parent droppable when not dragging
+    pointerEvents: isDragging ? 'auto' : 'none',
+    // Ensure dragged card appears above all other elements including stages
+    zIndex: isDragging ? 1000 : 'auto',
+    position: isDragging ? 'fixed' : 'static',
+    marginTop: isDragging ? '-100px' : undefined
+  };
+  const containerStyle = {
+    position: 'relative'
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: containerStyle,
+    "data-hook": "kanban-card-item-events",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 75,
+      columnNumber: 5
+    }
+  }, isDragging && /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: '129px',
+      width: '246px',
+      backgroundColor: '#E5E6E9',
+      borderRadius: '8px',
+      pointerEvents: 'none'
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 78,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    ref: setNodeRef,
+    style: dragStyle,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 92,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, dragHandleProps, {
+    "data-hook": `kanban-card-drag-item-${id}`,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 93,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/_react.default.createElement(CardComponent, (0, _extends2.default)({}, cardProps, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 94,
+      columnNumber: 11
+    }
+  })))));
+}
+const KanbanDraggableCardItem = exports.KanbanDraggableCardItem = (0, _mobxReactLite.observer)(_KanbanDraggableCardItem);
+//# sourceMappingURL=KanbanDraggableCardItem.js.map

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_core","_mobx","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_KanbanDraggableCardItem","props","children","CardComponent","id","cardProps","state","dragHandleRef","useRef","attributes","listeners","setNodeRef","transform","isDragging","setActivatorNodeRef","useDraggable","ariaDescribedBy","stateDragAndDrop","dragAndDropState","dragHandleProps","ref","current","onClick","stopPropagation","process","env","NODE_ENV","onPointerDown","action","handleDragStart","active","style","pointerEvents","dragStyle","x","y","undefined","opacity","zIndex","position","marginTop","containerStyle","createElement","__self","__source","fileName","lineNumber","columnNumber","height","width","backgroundColor","borderRadius","_extends2","KanbanDraggableCardItem","exports","observer"],"sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { KanbanCardProps } from '../Kanban/Card';\nimport { useDraggable } from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { KanbanState } from '../../state/KanbanState';\nimport { action } from 'mobx';\n\nexport interface KanbanDraggableCardItemProps<T, S, F extends FiltersMap> {\n  children: React.ComponentType<KanbanCardProps<T, S, F>>;\n  id: string;\n  cardProps: KanbanCardProps<T, S, F>;\n  state: KanbanState<T, S, F>;\n}\n\nfunction _KanbanDraggableCardItem<T, S, F extends FiltersMap>(\n  props: KanbanDraggableCardItemProps<T, S, F>,\n) {\n  const { children: CardComponent, id, cardProps, state } = props;\n\n  const dragHandleRef = useRef<HTMLElement | null>(null);\n\n  // Use useDraggable instead of useSortable since we only support cross-stage movement\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    isDragging,\n    setActivatorNodeRef,\n  } = useDraggable({\n    id,\n  });\n\n  const ariaDescribedBy = `draggable-kanban-card-description-${id}`;\n  const stateDragAndDrop = state.dragAndDropState;\n\n  const dragHandleProps = {\n    ...attributes,\n    ...listeners,\n    ref: (e: HTMLElement | null) => {\n      setActivatorNodeRef(e);\n      dragHandleRef.current = e;\n    },\n    'aria-describedby': ariaDescribedBy,\n    onClick: (e: React.MouseEvent) => e.stopPropagation(),\n    ...(process.env.NODE_ENV === 'test' && {\n      onPointerDown: action(() => {\n        stateDragAndDrop.handleDragStart({ active: { id } } as any);\n      }),\n    }),\n\n    style: { pointerEvents: 'auto' } as React.CSSProperties,\n  };\n\n  const dragStyle: React.CSSProperties = {\n    // Apply transform for drag feedback\n    transform: transform\n      ? `translate3d(${transform.x}px, ${transform.y}px, 0)`\n      : undefined,\n    opacity: isDragging ? 0.8 : 1,\n    // Allow pointer events to pass through to parent droppable when not dragging\n    pointerEvents: isDragging ? 'auto' : 'none',\n    // Ensure dragged card appears above all other elements including stages\n    zIndex: isDragging ? 1000 : 'auto',\n    position: isDragging ? 'fixed' : 'static',\n    marginTop: isDragging ? '-100px' : undefined,\n  };\n\n  const containerStyle: React.CSSProperties = {\n    position: 'relative',\n  };\n\n  return (\n    <div style={containerStyle} data-hook=\"kanban-card-item-events\">\n      {/* Show static placeholder mask when dragging regular cards */}\n      {isDragging && (\n        <div\n          style={{\n            height: '129px',\n            width: '246px',\n            backgroundColor: '#E5E6E9',\n            borderRadius: '8px',\n            pointerEvents: 'none',\n          }}\n        >\n          {/* Empty placeholder - no text, just a silver box */}\n        </div>\n      )}\n\n      {/* Draggable card content */}\n      <div ref={setNodeRef} style={dragStyle}>\n        <div {...dragHandleProps} data-hook={`kanban-card-drag-item-${id}`}>\n          <CardComponent {...cardProps} />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport const KanbanDraggableCardItem = observer(_KanbanDraggableCardItem);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAH,OAAA;AAA8B,IAAAI,YAAA;AAAA,SAAAL,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAS9B,SAASkB,wBAAwBA,CAC/BC,KAA4C,EAC5C;EACA,MAAM;IAAEC,QAAQ,EAAEC,aAAa;IAAEC,EAAE;IAAEC,SAAS;IAAEC;EAAM,CAAC,GAAGL,KAAK;EAE/D,MAAMM,aAAa,GAAG,IAAAC,aAAM,EAAqB,IAAI,CAAC;;EAEtD;EACA,MAAM;IACJC,UAAU;IACVC,SAAS;IACTC,UAAU;IACVC,SAAS;IACTC,UAAU;IACVC;EACF,CAAC,GAAG,IAAAC,kBAAY,EAAC;IACfX;EACF,CAAC,CAAC;EAEF,MAAMY,eAAe,GAAG,qCAAqCZ,EAAE,EAAE;EACjE,MAAMa,gBAAgB,GAAGX,KAAK,CAACY,gBAAgB;EAE/C,MAAMC,eAAe,GAAG;IACtB,GAAGV,UAAU;IACb,GAAGC,SAAS;IACZU,GAAG,EAAGvC,CAAqB,IAAK;MAC9BiC,mBAAmB,CAACjC,CAAC,CAAC;MACtB0B,aAAa,CAACc,OAAO,GAAGxC,CAAC;IAC3B,CAAC;IACD,kBAAkB,EAAEmC,eAAe;IACnCM,OAAO,EAAGzC,CAAmB,IAAKA,CAAC,CAAC0C,eAAe,CAAC,CAAC;IACrD,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,IAAI;MACrCC,aAAa,EAAE,IAAAC,YAAM,EAAC,MAAM;QAC1BX,gBAAgB,CAACY,eAAe,CAAC;UAAEC,MAAM,EAAE;YAAE1B;UAAG;QAAE,CAAQ,CAAC;MAC7D,CAAC;IACH,CAAC,CAAC;IAEF2B,KAAK,EAAE;MAAEC,aAAa,EAAE;IAAO;EACjC,CAAC;EAED,MAAMC,SAA8B,GAAG;IACrC;IACArB,SAAS,EAAEA,SAAS,GAChB,eAAeA,SAAS,CAACsB,CAAC,OAAOtB,SAAS,CAACuB,CAAC,QAAQ,GACpDC,SAAS;IACbC,OAAO,EAAExB,UAAU,GAAG,GAAG,GAAG,CAAC;IAC7B;IACAmB,aAAa,EAAEnB,UAAU,GAAG,MAAM,GAAG,MAAM;IAC3C;IACAyB,MAAM,EAAEzB,UAAU,GAAG,IAAI,GAAG,MAAM;IAClC0B,QAAQ,EAAE1B,UAAU,GAAG,OAAO,GAAG,QAAQ;IACzC2B,SAAS,EAAE3B,UAAU,GAAG,QAAQ,GAAGuB;EACrC,CAAC;EAED,MAAMK,cAAmC,GAAG;IAC1CF,QAAQ,EAAE;EACZ,CAAC;EAED,oBACEjE,MAAA,CAAAiB,OAAA,CAAAmD,aAAA;IAAKX,KAAK,EAAEU,cAAe;IAAC,aAAU,yBAAyB;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE5DlC,UAAU,iBACTvC,MAAA,CAAAiB,OAAA,CAAAmD,aAAA;IACEX,KAAK,EAAE;MACLiB,MAAM,EAAE,OAAO;MACfC,KAAK,EAAE,OAAO;MACdC,eAAe,EAAE,SAAS;MAC1BC,YAAY,EAAE,KAAK;MACnBnB,aAAa,EAAE;IACjB,CAAE;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAGC,CACN,eAGDzE,MAAA,CAAAiB,OAAA,CAAAmD,aAAA;IAAKtB,GAAG,EAAET,UAAW;IAACoB,KAAK,EAAEE,SAAU;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrCzE,MAAA,CAAAiB,OAAA,CAAAmD,aAAA,YAAAU,SAAA,CAAA7D,OAAA,MAAS4B,eAAe;IAAE,aAAW,yBAAyBf,EAAE,EAAG;IAAAuC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACjEzE,MAAA,CAAAiB,OAAA,CAAAmD,aAAA,CAACvC,aAAa,MAAAiD,SAAA,CAAA7D,OAAA,MAAKc,SAAS;IAAAsC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAC5B,CACF,CACF,CAAC;AAEV;AAEO,MAAMM,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,uBAAQ,EAACvD,wBAAwB,CAAC","ignoreList":[]}

package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "LoadingRow941976095";
+var _namespace_ = "LoadingRow1844243995";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "LoadingRow941976095__root"
+  "root": "LoadingRow1844243995__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow941976095__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow1844243995__gradientSwoosh"
 };
 var layers = exports.layers = {};
 var containers = exports.containers = {};

package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow941976095\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"LoadingRow941976095__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow941976095__gradientSwoosh\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qBAAqB;AACvC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA2B,CAAC;AAClD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAqC,CAAC;AACxE,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow1844243995\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"LoadingRow1844243995__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow1844243995__gradientSwoosh\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MaxHeightText3829307974";
+var _namespace_ = "MaxHeightText1500268932";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "MaxHeightText3829307974__root"
+  "root": "MaxHeightText1500268932__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText3829307974\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MaxHeightText3829307974__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText1500268932\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MaxHeightText1500268932__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/MaxLines/MaxLines.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MaxLines1901136821";
+var _namespace_ = "MaxLines2655113587";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "MaxLines1901136821__root"
+  "root": "MaxLines2655113587__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MaxLines/MaxLines.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines1901136821\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MaxLines1901136821__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines2655113587\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MaxLines2655113587__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MultiBulkActionToolbar1468375284";
+var _namespace_ = "MultiBulkActionToolbar692472361";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "MultiBulkActionToolbar1468375284__root"
+  "root": "MultiBulkActionToolbar692472361__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar1468375284\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MultiBulkActionToolbar1468375284__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kCAAkC;AACpD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAwC,CAAC;AAC/D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar692472361\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MultiBulkActionToolbar692472361__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,iCAAiC;AACnD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAuC,CAAC;AAC9D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "NestedTablePlaceholderStatesRow2133643592";
+var _namespace_ = "NestedTablePlaceholderStatesRow4170013255";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "NestedTablePlaceholderStatesRow2133643592__root"
+  "root": "NestedTablePlaceholderStatesRow4170013255__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTablePlaceholderStatesRow2133643592\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"NestedTablePlaceholderStatesRow2133643592__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2CAA2C;AAC7D,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiD,CAAC;AACxE,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTablePlaceholderStatesRow4170013255\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"NestedTablePlaceholderStatesRow4170013255__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2CAA2C;AAC7D,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiD,CAAC;AACxE,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "NestedTableRow2529761479";
+var _namespace_ = "NestedTableRow4006079430";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "NestedTableRow2529761479__root",
-  "firstLevel": "NestedTableRow2529761479__firstLevel",
-  "placeholder": "NestedTableRow2529761479__placeholder",
-  "parentHovered": "NestedTableRow2529761479__parentHovered"
+  "root": "NestedTableRow4006079430__root",
+  "firstLevel": "NestedTableRow4006079430__firstLevel",
+  "placeholder": "NestedTableRow4006079430__placeholder",
+  "parentHovered": "NestedTableRow4006079430__parentHovered"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow2529761479\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"NestedTableRow2529761479__root\",\"firstLevel\":\"NestedTableRow2529761479__firstLevel\",\"placeholder\":\"NestedTableRow2529761479__placeholder\",\"parentHovered\":\"NestedTableRow2529761479__parentHovered\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,YAAY,EAAC,sCAAsC;EAAC,aAAa,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAAyC,CAAC;AAC3N,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow4006079430\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"NestedTableRow4006079430__root\",\"firstLevel\":\"NestedTableRow4006079430__firstLevel\",\"placeholder\":\"NestedTableRow4006079430__placeholder\",\"parentHovered\":\"NestedTableRow4006079430__parentHovered\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,YAAY,EAAC,sCAAsC;EAAC,aAAa,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAAyC,CAAC;AAC3N,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MultipleDragOverlayEffect3180582414";
+var _namespace_ = "MultipleDragOverlayEffect1548623882";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "MultipleDragOverlayEffect3180582414__root"
+  "root": "MultipleDragOverlayEffect1548623882__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};