@wix/patterns 1.229.0 → 1.231.0

package/dist/esm/components/GridSections/GridSectionsState.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridSectionsState.js","sourceRoot":"","sources":["../../../../src/components/GridSections/GridSectionsState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAwC5D,MAAM,OAAO,iBAAiB;IAM5B,YAAY,MAAqC;QAC/C,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QACpC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;QAC9B,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC;QAC1C,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;QAEtC,cAAc,CAAC,IAAI,EAAE;YACnB,QAAQ,EAAE,QAAQ;YAClB,aAAa,EAAE,UAAU,CAAC,GAAG;SAC9B,CAAC,CAAC;IACL,CAAC;IAED,IAAI,QAAQ;QACV,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;QAE3C,IAAI,CAAC,aAAa,EAAE;YAClB,OAAO,EAAE,CAAC;SACX;QAED,OAAO,MAAM,CAAC,MAAM,CAClB,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;YAClD,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;YACpC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;gBACpB,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG;oBAChB,OAAO;oBACP,KAAK,EAAE;wBACL,KAAK,EAAE,KAAK;wBACZ,MAAM,EAAE,CAAC;qBACV;iBACF,CAAC;aACH;YACD,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAC/B,OAAO,GAAG,CAAC;QACb,CAAC,EAAE,EAAkC,CAAC,CACvC,CAAC;IACJ,CAAC;CACF"}
+{"version":3,"file":"GridSectionsState.js","sourceRoot":"","sources":["../../../../src/components/GridSections/GridSectionsState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAmB5D,MAAM,OAAO,iBAAiB;IAM5B,YAAY,MAAqC;QAC/C,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QACpC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;QAC9B,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC;QAC1C,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;QAEtC,cAAc,CAAC,IAAI,EAAE;YACnB,QAAQ,EAAE,QAAQ;YAClB,aAAa,EAAE,UAAU,CAAC,GAAG;SAC9B,CAAC,CAAC;IACL,CAAC;IAED,IAAI,QAAQ;QACV,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;QAE3C,IAAI,CAAC,aAAa,EAAE;YAClB,OAAO,EAAE,CAAC;SACX;QAED,OAAO,MAAM,CAAC,MAAM,CAClB,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;YAClD,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;YACpC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;gBACpB,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG;oBAChB,OAAO;oBACP,KAAK,EAAE;wBACL,KAAK,EAAE,KAAK;wBACZ,MAAM,EAAE,CAAC;qBACV;iBACF,CAAC;aACH;YACD,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAC/B,OAAO,GAAG,CAAC;QACb,CAAC,EAAE,EAAkC,CAAC,CACvC,CAAC;IACJ,CAAC;CACF"}

package/dist/esm/components/Heading/Heading.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Heading1069407870";
+var _namespace_ = "Heading3634131067";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Heading1069407870__root" };
+export var classes = { "root": "Heading3634131067__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/InputOverflow/InputOverflow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "InputOverflow3770169229";
+var _namespace_ = "InputOverflow1714384689";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "InputOverflow3770169229__root" };
+export var classes = { "root": "InputOverflow1714384689__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Kanban/Card.js

@@ -8,7 +8,7 @@ function _CardComponent({ originalItem, itemIndex, item, stageKey, actionCell, i
             marginRight: '12px',
             marginLeft: '12px',
             overflow: 'visible',
-            width: '222px',
+            width: '246px',
         } },
         React.createElement(ClickableCard, { hasPadding: false, skin: "shadow" },
             React.createElement(Box, { padding: "12px", dataHook: `kanban-card-${stageKey}-${item.key}`, direction: "vertical" },

package/dist/esm/components/Kanban/CardsSkeleton.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Box, SkeletonCircle, SkeletonGroup, SkeletonLine, SkeletonRectangle, } from '@wix/design-system';
+const numberOfCards = 4;
+function CardSkeleton({ index }) {
+    return (React.createElement(Box, { key: index, "data-hook": "kanban-card-skeleton", padding: "12px", borderRadius: "6px", backgroundColor: "white", direction: "vertical", gap: "12px", border: "1px solid #DFE3EB", height: "120px", marginBottom: index !== numberOfCards - 1 ? '0px' : '12px', boxShadow: "0 4px 10px rgba(0, 0, 0, 0.05)", marginLeft: "12px", marginRight: "12px" },
+        React.createElement(SkeletonGroup, { skin: "light", backgroundColor: "white" },
+            React.createElement(Box, { direction: "vertical", gap: "8px", flex: "1" },
+                React.createElement(SkeletonLine, { width: "162px" }),
+                React.createElement(SkeletonLine, { width: "114px" })),
+            React.createElement(Box, { alignContent: "space-between", marginTop: "70px", justifySelf: "end" },
+                React.createElement(Box, { verticalAlign: "middle", gap: "9px" },
+                    React.createElement(SkeletonCircle, { diameter: "18px" }),
+                    React.createElement(SkeletonRectangle, { width: "114px", height: "18px" }))))));
+}
+export function CardsSkeleton({ stageKey }) {
+    return (React.createElement(Box, { direction: "vertical", gap: "12px", dataHook: `kanban-cards-skeleton-${stageKey}` }, Array.from({ length: numberOfCards }, (_, index) => (React.createElement(CardSkeleton, { index: index, key: index })))));
+}
+//# sourceMappingURL=CardsSkeleton.js.map

package/dist/esm/components/Kanban/CardsSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardsSkeleton.js","sourceRoot":"","sources":["../../../../src/components/Kanban/CardsSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,GAAG,EACH,cAAc,EACd,aAAa,EACb,YAAY,EACZ,iBAAiB,GAClB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,aAAa,GAAG,CAAC,CAAC;AAExB,SAAS,YAAY,CAAC,EAAE,KAAK,EAAqB;IAChD,OAAO,CACL,oBAAC,GAAG,IACF,GAAG,EAAE,KAAK,eACA,sBAAsB,EAChC,OAAO,EAAC,MAAM,EACd,YAAY,EAAC,KAAK,EAClB,eAAe,EAAC,OAAO,EACvB,SAAS,EAAC,UAAU,EACpB,GAAG,EAAC,MAAM,EACV,MAAM,EAAC,mBAAmB,EAC1B,MAAM,EAAC,OAAO,EACd,YAAY,EAAE,KAAK,KAAK,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAC1D,SAAS,EAAC,gCAAgC,EAC1C,UAAU,EAAC,MAAM,EACjB,WAAW,EAAC,MAAM;QAElB,oBAAC,aAAa,IAAC,IAAI,EAAC,OAAO,EAAC,eAAe,EAAC,OAAO;YAEjD,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,GAAG;gBAC1C,oBAAC,YAAY,IAAC,KAAK,EAAC,OAAO,GAAG;gBAC9B,oBAAC,YAAY,IAAC,KAAK,EAAC,OAAO,GAAG,CAC1B;YAGN,oBAAC,GAAG,IAAC,YAAY,EAAC,eAAe,EAAC,SAAS,EAAC,MAAM,EAAC,WAAW,EAAC,KAAK;gBAClE,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,GAAG,EAAC,KAAK;oBACnC,oBAAC,cAAc,IAAC,QAAQ,EAAC,MAAM,GAAG;oBAClC,oBAAC,iBAAiB,IAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,GAAG,CAC7C,CACF,CACQ,CACZ,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAwB;IAC9D,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAC,UAAU,EACpB,GAAG,EAAC,MAAM,EACV,QAAQ,EAAE,yBAAyB,QAAQ,EAAE,IAE5C,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACnD,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,GAAI,CAC3C,CAAC,CACE,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/Kanban/Kanban.js

@@ -5,6 +5,7 @@ import { StageComponent } from './Stage';
 import { Box } from '@wix/design-system';
 import { CollectionCard } from '../CollectionCard';
 import { KanbanCardDragAndDrop } from '../KanbanDragAndDropDndKit/KanbanCardDragAndDrop';
+import { StagesSkeleton } from './StagesSkeleton';
 function _Kanban(props) {
     const { state, dataHook } = props;
     const { toolbar } = state;
@@ -25,8 +26,8 @@ function _Kanban(props) {
         React.createElement(Box, { direction: "horizontal", gap: "12px" }, stages.map((stage) => (React.createElement(StageComponent, { dataHook: `kanban-stage-${props.state.stageKey(stage)}`, key: props.state.stageKey(stage), activeStageKey: activeStageKey, stageKey: props.state.stageKey(stage), ...props }))))));
     return (React.createElement(CollectionCard, { errorState: false, state: toolbar, dataHook: dataHook },
         React.createElement(ToolbarCollection, { search: true, sticky: true, state: toolbar },
-            React.createElement(Box, { dataHook: "kanban-test", margin: "24px", overflow: "auto", direction: "vertical" },
-                React.createElement(Box, { dataHook: "kanban-stages", direction: "vertical" }, props.state.isLoading() ? (React.createElement("div", { "data-hook": "kanban-loading" }, "loading stages...")) : (stagesContent))))));
+            React.createElement(Box, { dataHook: "kanban-test", marginTop: "12px", marginBottom: "12px", marginLeft: "18px", overflow: "auto", direction: "vertical" },
+                React.createElement(Box, { dataHook: "kanban-stages", direction: "vertical" }, props.state.isLoadingStages() ? React.createElement(StagesSkeleton, null) : stagesContent)))));
 }
 export const Kanban = observer(_Kanban);
 //# sourceMappingURL=Kanban.js.map

package/dist/esm/components/Kanban/Kanban.js.map

@@ -1 +1 @@
-{"version":3,"file":"Kanban.js","sourceRoot":"","sources":["../../../../src/components/Kanban/Kanban.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAoB,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kDAAkD,CAAC;AAMzF,SAAS,OAAO,CAA6B,KAA2B;IACtE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAElC,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACrB,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;IAC5B,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAEzB,2CAA2C;IAC3C,MAAM,QAAQ,GAAG,KAAK,CAAC,gBAAgB,CAAC,QAAQ,CAAC;IACjD,MAAM,cAAc,GAAG,QAAQ;QAC7B,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,IAAI;QACzD,CAAC,CAAC,IAAI,CAAC;IAET,qEAAqE;IACrE,MAAM,EAAE,wBAAwB,EAAE,GAAG,qBAAqB,CAAC;IAC3D,MAAM,aAAa,GAAG,CACpB,oBAAC,wBAAwB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,KAAK;QACnD,oBAAC,GAAG,IAAC,SAAS,EAAC,YAAY,EAAC,GAAG,EAAC,MAAM,IACnC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAQ,EAAE,EAAE,CAAC,CACxB,oBAAC,cAAc,IACb,QAAQ,EAAE,gBAAgB,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,EACvD,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAChC,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KACjC,KAAK,GACT,CACH,CAAC,CACE,CACmB,CAC5B,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,IAAC,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ;QACnE,oBAAC,iBAAiB,IAAC,MAAM,EAAE,IAAI,EAAE,MAAM,QAAC,KAAK,EAAE,OAAO;YACpD,oBAAC,GAAG,IACF,QAAQ,EAAC,aAAa,EACtB,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,MAAM,EACf,SAAS,EAAC,UAAU;gBAEpB,oBAAC,GAAG,IAAC,QAAQ,EAAC,eAAe,EAAC,SAAS,EAAC,UAAU,IAC/C,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CACzB,0CAAe,gBAAgB,wBAAwB,CACxD,CAAC,CAAC,CAAC,CACF,aAAa,CACd,CACG,CACF,CACY,CACL,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC"}
+{"version":3,"file":"Kanban.js","sourceRoot":"","sources":["../../../../src/components/Kanban/Kanban.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Kanban/Kanban.uni.driver.js

@@ -1,6 +1,6 @@
 import { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';
 import { baseUniDriverFactory } from '../../unidriver/baseUniDriverFactory';
-import { ButtonUniDriver, CounterBadgeUniDriver, IconButtonUniDriver, MessageModalLayoutUniDriver, PopoverMenuUniDriver, TextUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { AddItemUniDriver, BoxUniDriver, ButtonUniDriver, CounterBadgeUniDriver, IconButtonUniDriver, MessageModalLayoutUniDriver, PopoverMenuUniDriver, TextUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
 import { DragAndDropUniDriver } from '../DragAndDrop/DragAndDrop.uni.driver';
 export function KanbanUniDriver(base, body) {
     const toolbarBase = () => base.$('[data-hook="collection-toolbar"]');
@@ -26,7 +26,9 @@ export function KanbanUniDriver(base, body) {
     return {
         ...baseUniDriverFactory(base),
         toolbar: () => toolbar(),
-        isKanbanLoading: () => base.$('[data-hook="kanban-loading"]').exists(),
+        enterSearchText: (text) => toolbar().enterSearchText(text),
+        clearSearchText: () => toolbar().clearSearchText(),
+        isKanbanLoading: () => base.$('[data-hook="kanban-stages-skeleton"]').exists(),
         stages: {
             count: () => base.$$('[data-hook^="kanban-stage-container"]').count(),
             stageTitle: (stageId) => {
@@ -67,6 +69,18 @@ export function KanbanUniDriver(base, body) {
                     }
                 }
             },
+            stageSummaryBadge: (stageId) => {
+                const counterBadge = CounterBadgeUniDriver(base.$(`[data-hook^="kanban-stage-title-total-${stageId}"]`), body);
+                return {
+                    ...counterBadge,
+                    exists: () => counterBadge.exists(),
+                    totalItems: () => counterBadge.getContentText(),
+                };
+            },
+            addCardButton: (stageKey) => AddItemUniDriver(base.$(`[data-hook="kanban-stage-add-card-${stageKey}"]`), body),
+            stagesSkeleton: () => BoxUniDriver(base.$('[data-hook="kanban-stages-skeleton"]'), body),
+            noResultsBox: (stageKey) => BoxUniDriver(base.$(`[data-hook="kanban-stage-no-results-${stageKey}"]`), body),
+            cardsSkeleton: (stageKey) => BoxUniDriver(base.$(`[data-hook="kanban-cards-skeleton-${stageKey}"]`), body),
         },
         cards: {
             count: (stageKey) => base.$$(`[data-hook^="kanban-card-${stageKey}-"]`).count(),

package/dist/esm/components/Kanban/Kanban.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"file":"Kanban.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/Kanban/Kanban.uni.driver.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Kanban.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/Kanban/Kanban.uni.driver.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/Kanban/Stage.js

@@ -6,6 +6,8 @@ import { KanbanCardDragAndDrop } from '../KanbanDragAndDropDndKit/KanbanCardDrag
 import { ItemActionsState } from '../../state';
 import { useDroppable } from '@wix/wix-style-react-incubator/dnd-kit/core';
 import { action } from 'mobx';
+import { CardsSkeleton } from './CardsSkeleton';
+import { useEffect } from 'react';
 function _StageComponent({ dataHook, state, stageSummary, activeStageKey, stageKey, ...props }) {
     const stageState = state.kanbanStageStates[stageKey];
     const handleScroll = (e) => {
@@ -16,7 +18,12 @@ function _StageComponent({ dataHook, state, stageSummary, activeStageKey, stageK
             stageState.fetchMore();
         }
     };
-    const { result: { keyedItems }, } = stageState.itemsCollectionState;
+    const { result: { keyedItems }, status, } = stageState.itemsCollectionState;
+    useEffect(() => {
+        if (stageState.hasError) {
+            stageState.showErrorToast(status.error);
+        }
+    }, [stageState.hasError]);
     // Make the stage droppable
     const { isOver, setNodeRef: setDroppableRef } = useDroppable({
         id: stageState.stageKey,
@@ -48,16 +55,19 @@ function _StageComponent({ dataHook, state, stageSummary, activeStageKey, stageK
         });
     }, [keyedItems, keyedItems.length]);
     const { DraggableCard } = KanbanCardDragAndDrop;
+    const isInSearchMode = state.isInSearchMode();
+    const isStageLoading = stageState.isLoading();
+    const isChangingFiltersValue = state.getIsChangingFiltersValue();
+    const shouldShowStageSummary = !isChangingFiltersValue && !isStageLoading;
     return (React.createElement("div", { ref: setDroppableRef, "data-hook": `kanban-stage-container-${stageState.stageKey}`, style: {
             width: '270px',
-            backgroundColor: isOver && !isDndSourceStage ? '#9C9EA6' : '#F4F7FF',
+            backgroundColor: isOver && !isDndSourceStage ? '#D6E6FE' : '#F4F7FF',
             borderRadius: '8px',
             display: 'flex',
             flexDirection: 'column',
-            transition: 'background-color 0.2s ease',
             border: isOver && !isDndSourceStage
-                ? '2px dashed #2196F3'
-                : '2px solid transparent',
+                ? '1px dashed #80B1FF'
+                : '1px solid transparent',
         }, ...(process.env.NODE_ENV === 'test' && {
             onPointerUp: action(() => {
                 if (state.dragAndDropState.activeId) {
@@ -68,18 +78,21 @@ function _StageComponent({ dataHook, state, stageSummary, activeStageKey, stageK
                 }
             }),
         }) },
-        React.createElement(Box, { width: "246px", direction: "vertical" },
+        React.createElement(Box, { width: "270px", direction: "vertical" },
             React.createElement("div", { "data-hook": dataHook },
                 React.createElement(Box, { direction: "vertical", padding: "12px" },
                     React.createElement(Box, { marginBottom: "24px", direction: "vertical", padding: "12px 6px 0 6px", borderRadius: "8px" },
-                        React.createElement(Box, { gap: "6px" },
-                            React.createElement(Text, { size: "small", weight: "bold", dataHook: `kanban-stage-title-${stageState.stageKey}` }, stageState.stageName),
-                            React.createElement(CounterBadge, { dataHook: `kanban-stage-title-total-${stageState.stageKey}`, skin: "light", truncate: false }, stageState.totalItems())),
-                        React.createElement(Box, null, stageSummary?.({ stage: stageState.stage }))),
-                    React.createElement(Box, null,
-                        React.createElement(AddItem, { size: "tiny", removePadding: true },
-                            React.createElement(Box, { paddingTop: "9px", paddingBottom: "9px" }, "Add Card")))),
-                stageState.isLoading() ? (React.createElement("div", null, "loading cards...")) : (React.createElement(Box, { paddingBottom: "12px", direction: "vertical" },
+                        React.createElement(Box, null,
+                            React.createElement(Box, { paddingRight: "6px" },
+                                React.createElement(Text, { size: "small", weight: "bold", dataHook: `kanban-stage-title-${stageState.stageKey}`, ellipsis: true }, stageState.stageName)),
+                            shouldShowStageSummary ? (React.createElement(CounterBadge, { dataHook: `kanban-stage-title-total-${stageState.stageKey}`, skin: "light", truncate: false }, stageState.totalItems())) : null),
+                        React.createElement(Box, { gap: "0.2em" },
+                            React.createElement(Text, { size: "tiny", weight: "thin" }, "Total:"),
+                            shouldShowStageSummary ? (React.createElement(Text, { size: "tiny", weight: "thin" }, stageSummary?.({ stage: stageState.stage }))) : null)),
+                    shouldShowStageSummary ? (React.createElement(Box, { paddingBottom: "12px" },
+                        React.createElement(AddItem, { size: "tiny", removePadding: true, dataHook: `kanban-stage-add-card-${stageState.stageKey}` },
+                            React.createElement(Box, { paddingTop: "9px", paddingBottom: "9px" }, "Add Card")))) : null),
+                state.isRefetching || isStageLoading || isChangingFiltersValue ? (React.createElement(CardsSkeleton, { stageKey: stageState.stageKey })) : (React.createElement(Box, { paddingBottom: "12px", direction: "vertical" },
                     React.createElement("div", { "data-hook": `kanban-stage-cards-container-${stageState.stageKey}`, style: {
                             overflow: 'auto',
                             height: '100%',
@@ -88,8 +101,12 @@ function _StageComponent({ dataHook, state, stageSummary, activeStageKey, stageK
                             display: 'flex',
                             flexDirection: 'column',
                             gap: '12px',
+                            alignItems: 'center',
+                            overflowX: 'hidden',
+                            scrollbarWidth: 'thin',
+                            scrollbarColor: '#CFD1DC transparent',
                         }, onScroll: handleScroll },
-                        items?.map((item) => (React.createElement(DraggableCard, { key: `${item.stageKey}-##-${item.item.key}`, id: `${item.stageKey}-##-${item.item.key}`, state: state, cardProps: {
+                        isInSearchMode && items.length === 0 ? (React.createElement(Box, { flex: "1", verticalAlign: "middle", dataHook: `kanban-stage-no-results-${stageState.stageKey}` }, props.noResultsState)) : (items?.map((item) => (React.createElement(DraggableCard, { key: `${item.stageKey}-##-${item.item.key}`, id: `${item.stageKey}-##-${item.item.key}`, state: state, cardProps: {
                                 keyedItem: item.keyedItem,
                                 originalItem: item.keyedItem.item,
                                 itemIndex: item.itemIndex,
@@ -99,7 +116,7 @@ function _StageComponent({ dataHook, state, stageSummary, activeStageKey, stageK
                                 itemActionsState: item.itemActionsState,
                                 dataExtension: props.dataExtension,
                                 tags: props.tags,
-                            } }, CardComponent))),
+                            } }, CardComponent)))),
                         stageState.itemsCollectionState.status.isLoading && (React.createElement("div", { className: "text-sm text-center text-gray-500" }, "Loading more...")))))))));
 }
 export const StageComponent = observer(_StageComponent);

package/dist/esm/components/Kanban/Stage.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stage.js","sourceRoot":"","sources":["../../../../src/components/Kanban/Stage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Stage.js","sourceRoot":"","sources":["../../../../src/components/Kanban/Stage.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Kanban/StagesSkeleton.js

@@ -0,0 +1,17 @@
+import { Box, SkeletonGroup, SkeletonLine } from '@wix/design-system';
+import React from 'react';
+// @ts-expect-error
+import styles from './StagesSkeleton.scss';
+const numberOfStages = 6;
+function StageSkeleton({ index }) {
+    return (React.createElement(Box, { key: index, width: "270px", dataHook: "kanban-stage-skeleton", backgroundColor: "#E5E6E9", borderRadius: "8px", padding: "12px", direction: "vertical", height: "calc(100vh - 300px)" },
+        React.createElement(Box, { width: "246px" },
+            React.createElement(SkeletonGroup, { skin: "dark", backgroundColor: "#E5E6E9" },
+                React.createElement(Box, { direction: "vertical", gap: "12px" },
+                    React.createElement(SkeletonLine, { className: styles.skeletonLine, width: "185px", marginBottom: "5px" }),
+                    React.createElement(SkeletonLine, { className: styles.skeletonLine, width: "104px" }))))));
+}
+export function StagesSkeleton() {
+    return (React.createElement(Box, { direction: "horizontal", gap: "12px", dataHook: "kanban-stages-skeleton" }, Array.from({ length: numberOfStages }, (_, index) => (React.createElement(StageSkeleton, { index: index, key: index })))));
+}
+//# sourceMappingURL=StagesSkeleton.js.map

package/dist/esm/components/Kanban/StagesSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StagesSkeleton.js","sourceRoot":"","sources":["../../../../src/components/Kanban/StagesSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,mBAAmB;AACnB,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,MAAM,cAAc,GAAG,CAAC,CAAC;AAEzB,SAAS,aAAa,CAAC,EAAE,KAAK,EAAqB;IACjD,OAAO,CACL,oBAAC,GAAG,IACF,GAAG,EAAE,KAAK,EACV,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,uBAAuB,EAChC,eAAe,EAAC,SAAS,EACzB,YAAY,EAAC,KAAK,EAClB,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,UAAU,EACpB,MAAM,EAAC,qBAAqB;QAE5B,oBAAC,GAAG,IAAC,KAAK,EAAC,OAAO;YAChB,oBAAC,aAAa,IAAC,IAAI,EAAC,MAAM,EAAC,eAAe,EAAC,SAAS;gBAClD,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,MAAM;oBAClC,oBAAC,YAAY,IACX,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,KAAK,EAAC,OAAO,EACb,YAAY,EAAC,KAAK,GAClB;oBACF,oBAAC,YAAY,IAAC,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,KAAK,EAAC,OAAO,GAAG,CAC1D,CACQ,CACZ,CACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,YAAY,EAAC,GAAG,EAAC,MAAM,EAAC,QAAQ,EAAC,wBAAwB,IACrE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACpD,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,GAAI,CAC5C,CAAC,CACE,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/Kanban/StagesSkeleton.scss

@@ -0,0 +1,10 @@
+.skeleton-line {
+  background-color: white;
+  border-radius: 12px;
+  width: 185px;
+  height: 12px;
+}
+
+.skeleton-line:last-child {
+  width: 105px;
+}

package/dist/esm/components/Kanban/useCardActions.js

@@ -36,7 +36,7 @@ export function useCardActions({ actionCell, originalItem, itemIndex, itemAction
     let secondaryActions = null;
     if (secondaryActionCellPropsWithBI &&
         secondaryActionCellPropsWithBI.length > 0) {
-        secondaryActions = (React.createElement(PopoverMenu, { ...actionCellConfig.popoverMenuProps, ...getDefaultActionCellProps(), dataHook: `kanban-card-more-actions-${stageKey}-${cardKey}`, triggerElement: ({ toggle, close }) => (React.createElement(IconButton, { dataHook: `kanban-card-more-actions-trigger-${stageKey}-${cardKey}`, onClick: (e) => {
+        secondaryActions = (React.createElement(PopoverMenu, { ...actionCellConfig.popoverMenuProps, ...getDefaultActionCellProps(), maxWidth: "260px", dataHook: `kanban-card-more-actions-${stageKey}-${cardKey}`, triggerElement: ({ toggle, close }) => (React.createElement(IconButton, { dataHook: `kanban-card-more-actions-trigger-${stageKey}-${cardKey}`, onClick: (e) => {
                     e.stopPropagation();
                     toggle();
                     reportOnPopoverMenuShow(toolbarBIReporter, actionCellConfig, itemActionsState.keyedItem);

package/dist/esm/components/Kanban/useCardActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCardActions.js","sourceRoot":"","sources":["../../../../src/components/Kanban/useCardActions.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"useCardActions.js","sourceRoot":"","sources":["../../../../src/components/Kanban/useCardActions.tsx"],"names":[],"mappings":"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"}

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

@@ -16,7 +16,7 @@ export class KanbanDragAndDropState {
             this.status = 'cancel';
             this.setActiveId(null);
         };
-        this.handleDragEnd = (event) => {
+        this.handleDragEnd = async (event) => {
             this.status = 'end';
             const { active, over } = event;
             this.setActiveId(null);
@@ -55,26 +55,19 @@ export class KanbanDragAndDropState {
                 toStageId,
             };
             if (this.kanbanState.items.dragAndDrop?.onSubmit) {
-                const submitPromise = async () => {
-                    return Promise.resolve();
+                const originalItem = item;
+                const updateItem = {
+                    ...item,
+                    [this.kanbanState.items.stageField]: toStageId,
                 };
-                this.kanbanState.items.dragAndDrop
-                    ?.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);
-                });
+                try {
+                    this.kanbanState.moveItemBetweenStages(updateItem, fromStageId, toStageId);
+                    await this.kanbanState.items.dragAndDrop?.onSubmit?.(kanbanDragEndEvent);
+                }
+                catch (error) {
+                    this.kanbanState.showErrorToast(error);
+                    this.kanbanState.moveItemBetweenStages(originalItem, toStageId, fromStageId);
+                }
             }
         };
         this.kanbanState = params.kanbanState;

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

@@ -1 +1 @@
-{"version":3,"file":"KanbanCardDragAndDrop.js","sourceRoot":"","sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"KanbanCardDragAndDrop.js","sourceRoot":"","sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.ts"],"names":[],"mappings":"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"}

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

@@ -45,11 +45,9 @@ function _KanbanDraggableCardItem(props) {
     };
     return (React.createElement("div", { style: containerStyle, "data-hook": "kanban-card-item-events" },
         isDragging && (React.createElement("div", { style: {
-                height: '104px',
-                width: '198px',
-                padding: '12px',
-                marginLeft: '12px',
-                backgroundColor: '#E5E6E9',
+                height: '129px',
+                width: '246px',
+                backgroundColor: '#D6E6FE',
                 borderRadius: '8px',
                 pointerEvents: 'none',
             } })),

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

@@ -1 +1 @@
-{"version":3,"file":"KanbanDraggableCardItem.js","sourceRoot":"","sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"KanbanDraggableCardItem.js","sourceRoot":"","sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.tsx"],"names":[],"mappings":"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"}

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

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "LoadingRow2869296123";
+var _namespace_ = "LoadingRow1379802632";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "LoadingRow2869296123__root" };
-export var keyframes = { "gradientSwoosh": "LoadingRow2869296123__gradientSwoosh" };
+export var classes = { "root": "LoadingRow1379802632__root" };
+export var keyframes = { "gradientSwoosh": "LoadingRow1379802632__gradientSwoosh" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxHeightText1658499099";
+var _namespace_ = "MaxHeightText1535554536";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MaxHeightText1658499099__root" };
+export var classes = { "root": "MaxHeightText1535554536__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxLines910183065";
+var _namespace_ = "MaxLines84696292";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MaxLines910183065__root" };
+export var classes = { "root": "MaxLines84696292__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"MaxLines.st.css.js","sourceRoot":"","sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yBAAyB,EAAC,CAAC;AACxD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"MaxLines.st.css.js","sourceRoot":"","sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kBAAkB,CAAC;AACrC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,wBAAwB,EAAC,CAAC;AACvD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultiBulkActionToolbar4118551431";
+var _namespace_ = "MultiBulkActionToolbar3403576012";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MultiBulkActionToolbar4118551431__root" };
+export var classes = { "root": "MultiBulkActionToolbar3403576012__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTablePlaceholderStatesRow302806167";
+var _namespace_ = "NestedTablePlaceholderStatesRow871935612";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTablePlaceholderStatesRow302806167__root" };
+export var classes = { "root": "NestedTablePlaceholderStatesRow871935612__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableRow2803282709";
+var _namespace_ = "NestedTableRow3923245335";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTableRow2803282709__root", "firstLevel": "NestedTableRow2803282709__firstLevel", "placeholder": "NestedTableRow2803282709__placeholder", "parentHovered": "NestedTableRow2803282709__parentHovered" };
+export var classes = { "root": "NestedTableRow3923245335__root", "firstLevel": "NestedTableRow3923245335__firstLevel", "placeholder": "NestedTableRow3923245335__placeholder", "parentHovered": "NestedTableRow3923245335__parentHovered" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultipleDragOverlayEffect380559074";
+var _namespace_ = "MultipleDragOverlayEffect3950300445";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MultipleDragOverlayEffect380559074__root" };
+export var classes = { "root": "MultipleDragOverlayEffect3950300445__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultipleDragOverlayEffect.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oCAAoC,CAAC;AACvD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0CAA0C,EAAC,CAAC;AACzE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"MultipleDragOverlayEffect.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qCAAqC,CAAC;AACxD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2CAA2C,EAAC,CAAC;AAC1E,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}