@ikatec/nebula-react 1.10.1-beta.1 → 1.11.0-beta.1

package/dist/index.d.mts

@@ -692,7 +692,6 @@ interface KanbanRenderCardContext<TCard extends KanbanBoardCard = KanbanBoardCar
     columnIndex: number;
     index: number;
     isDragging: boolean;
-    isOverlay: boolean;
 }
 interface KanbanRenderColumnContext<TCard extends KanbanBoardCard = KanbanBoardCard, TColumnMeta extends Record<string, unknown> = Record<string, unknown>> {
     column: KanbanBoardColumn<TCard, TColumnMeta>;
@@ -767,7 +766,6 @@ declare const KanbanColumnTitle: React$1.ForwardRefExoticComponent<React$1.HTMLA
 declare const KanbanColumnFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 interface KanbanCardProps extends HTMLAttributes<HTMLDivElement> {
     isDragging?: boolean;
-    isOverlay?: boolean;
 }
 declare const KanbanCard: React$1.ForwardRefExoticComponent<KanbanCardProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const KanbanColumnDragHandle: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;

package/dist/index.d.ts

@@ -692,7 +692,6 @@ interface KanbanRenderCardContext<TCard extends KanbanBoardCard = KanbanBoardCar
     columnIndex: number;
     index: number;
     isDragging: boolean;
-    isOverlay: boolean;
 }
 interface KanbanRenderColumnContext<TCard extends KanbanBoardCard = KanbanBoardCard, TColumnMeta extends Record<string, unknown> = Record<string, unknown>> {
     column: KanbanBoardColumn<TCard, TColumnMeta>;
@@ -767,7 +766,6 @@ declare const KanbanColumnTitle: React$1.ForwardRefExoticComponent<React$1.HTMLA
 declare const KanbanColumnFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 interface KanbanCardProps extends HTMLAttributes<HTMLDivElement> {
     isDragging?: boolean;
-    isOverlay?: boolean;
 }
 declare const KanbanCard: React$1.ForwardRefExoticComponent<KanbanCardProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const KanbanColumnDragHandle: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;

package/dist/index.js

@@ -6034,15 +6034,14 @@ var KanbanColumnFooter = React25__namespace.forwardRef(({ className, ...props },
 });
 KanbanColumnFooter.displayName = "KanbanColumnFooter";
 var KanbanCard = React25__namespace.forwardRef(
-  ({ className, isDragging, isOverlay, ...props }, ref) => {
+  ({ className, isDragging, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         ref,
         className: cn(
-          "group relative rounded-2xl border border-box-border/80 bg-box-background-primary px-5 py-4 text-left transition-all duration-150 hover:-translate-y-[1px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-button-primary-border-focus",
-          isDragging && "ring-2 ring-button-primary-border-focus",
-          isOverlay && "ring-4 ring-button-primary-border-focus/60",
+          "group relative rounded-2xl border border-box-border/80 bg-box-background-primary px-5 py-4 text-left transition-all duration-150 hover:!translate-y-[1px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-button-primary-border-focus",
+          isDragging && "ring-1 ring-kanban-border-hover",
           className
         ),
         ...props
@@ -6254,8 +6253,7 @@ function KanbanSortableCard({
     column,
     columnIndex,
     index: cardIndex,
-    isDragging,
-    isOverlay: false
+    isDragging
   });
   const resolvedCardId = cardId ?? getCardId(card);
   const isActiveCard = activeCardId === resolvedCardId;
@@ -6288,7 +6286,7 @@ function KanbanSortableCard({
             children: cardContent
           }
         ),
-        showManualPreview ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds pointer-events-none absolute inset-0 rounded-2xl border-2 border-dashed border-button-primary-border-focus bg-button-primary-border-focus/10" }) : null
+        showManualPreview ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds pointer-events-none absolute inset-0 rounded-2xl bg-kanban-background-moving" }) : null
       ]
     }
   );
@@ -6365,6 +6363,7 @@ var KanbanColumnBodyBase = React25__namespace.forwardRef(KanbanColumnBodyInner);
 KanbanColumnBodyBase.displayName = "KanbanColumnBody";
 var KanbanColumnBody = KanbanColumnBodyBase;
 var KANBAN_COLUMN_BASE_CLASSNAME = "flex h-full w-full min-w-[360px] max-w-[360px] flex-col rounded-2xl box-content border bg-table-background transition-[box-shadow,transform,background-color]";
+var KANBAN_COLUMN_DROP_TARGET_CLASSNAME = "ring-1 ring-kanban-border-hover";
 function KanbanSortableColumn({
   column,
   columnIndex,
@@ -6451,8 +6450,8 @@ function KanbanSortableColumn({
     KANBAN_COLUMN_BASE_CLASSNAME,
     isDragging && "translate-y-[1px]",
     column.canDrag === false && "cursor-default",
-    isManualTarget && isManualOrdering && "ring-2 ring-button-primary-border-focus ring-offset-2 ring-offset-transparent",
-    isExternalTarget && !isManualOrdering && "ring-2 ring-button-primary-border-focus ring-offset-2 ring-offset-transparent",
+    isManualTarget && isManualOrdering && KANBAN_COLUMN_DROP_TARGET_CLASSNAME,
+    isExternalTarget && !isManualOrdering && KANBAN_COLUMN_DROP_TARGET_CLASSNAME,
     className
   );
   return /* @__PURE__ */ jsxRuntime.jsx(KanbanColumnContext.Provider, { value: columnContextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -6533,8 +6532,7 @@ function renderCardOverlay({
     column,
     columnIndex: columns.indexOf(column),
     index: column.cards.findIndex((card) => card.id === activeCard.card.id),
-    isDragging: true,
-    isOverlay: true
+    isDragging: true
   });
 }
 function renderColumnOverlay({
@@ -6583,8 +6581,7 @@ function renderColumnOverlay({
             column,
             columnIndex: columnContext.columnIndex,
             index,
-            isDragging: false,
-            isOverlay: true
+            isDragging: false
           })
         ) }),
         column.footer || renderColumnFooter ? renderColumnFooter ? renderColumnFooter(columnContext) : /* @__PURE__ */ jsxRuntime.jsx(KanbanColumnFooter, { children: column.footer }) : null
@@ -7064,7 +7061,7 @@ function KanbanBoard({
               "div",
               {
                 className: cn(
-                  "relative flex h-full w-full gap-4 overflow-x-auto p-1",
+                  "relative flex h-full w-full gap-6 overflow-x-auto p-1",
                   className
                 ),
                 children: sanitizedColumns.map((column, index) => {

package/dist/index.mjs

@@ -5991,15 +5991,14 @@ var KanbanColumnFooter = React25.forwardRef(({ className, ...props }, ref) => {
 });
 KanbanColumnFooter.displayName = "KanbanColumnFooter";
 var KanbanCard = React25.forwardRef(
-  ({ className, isDragging, isOverlay, ...props }, ref) => {
+  ({ className, isDragging, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
       {
         ref,
         className: cn(
-          "group relative rounded-2xl border border-box-border/80 bg-box-background-primary px-5 py-4 text-left transition-all duration-150 hover:-translate-y-[1px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-button-primary-border-focus",
-          isDragging && "ring-2 ring-button-primary-border-focus",
-          isOverlay && "ring-4 ring-button-primary-border-focus/60",
+          "group relative rounded-2xl border border-box-border/80 bg-box-background-primary px-5 py-4 text-left transition-all duration-150 hover:!translate-y-[1px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-button-primary-border-focus",
+          isDragging && "ring-1 ring-kanban-border-hover",
           className
         ),
         ...props
@@ -6211,8 +6210,7 @@ function KanbanSortableCard({
     column,
     columnIndex,
     index: cardIndex,
-    isDragging,
-    isOverlay: false
+    isDragging
   });
   const resolvedCardId = cardId ?? getCardId(card);
   const isActiveCard = activeCardId === resolvedCardId;
@@ -6245,7 +6243,7 @@ function KanbanSortableCard({
             children: cardContent
           }
         ),
-        showManualPreview ? /* @__PURE__ */ jsx("div", { className: "nebula-ds pointer-events-none absolute inset-0 rounded-2xl border-2 border-dashed border-button-primary-border-focus bg-button-primary-border-focus/10" }) : null
+        showManualPreview ? /* @__PURE__ */ jsx("div", { className: "nebula-ds pointer-events-none absolute inset-0 rounded-2xl bg-kanban-background-moving" }) : null
       ]
     }
   );
@@ -6322,6 +6320,7 @@ var KanbanColumnBodyBase = React25.forwardRef(KanbanColumnBodyInner);
 KanbanColumnBodyBase.displayName = "KanbanColumnBody";
 var KanbanColumnBody = KanbanColumnBodyBase;
 var KANBAN_COLUMN_BASE_CLASSNAME = "flex h-full w-full min-w-[360px] max-w-[360px] flex-col rounded-2xl box-content border bg-table-background transition-[box-shadow,transform,background-color]";
+var KANBAN_COLUMN_DROP_TARGET_CLASSNAME = "ring-1 ring-kanban-border-hover";
 function KanbanSortableColumn({
   column,
   columnIndex,
@@ -6408,8 +6407,8 @@ function KanbanSortableColumn({
     KANBAN_COLUMN_BASE_CLASSNAME,
     isDragging && "translate-y-[1px]",
     column.canDrag === false && "cursor-default",
-    isManualTarget && isManualOrdering && "ring-2 ring-button-primary-border-focus ring-offset-2 ring-offset-transparent",
-    isExternalTarget && !isManualOrdering && "ring-2 ring-button-primary-border-focus ring-offset-2 ring-offset-transparent",
+    isManualTarget && isManualOrdering && KANBAN_COLUMN_DROP_TARGET_CLASSNAME,
+    isExternalTarget && !isManualOrdering && KANBAN_COLUMN_DROP_TARGET_CLASSNAME,
     className
   );
   return /* @__PURE__ */ jsx(KanbanColumnContext.Provider, { value: columnContextValue, children: /* @__PURE__ */ jsxs(
@@ -6490,8 +6489,7 @@ function renderCardOverlay({
     column,
     columnIndex: columns.indexOf(column),
     index: column.cards.findIndex((card) => card.id === activeCard.card.id),
-    isDragging: true,
-    isOverlay: true
+    isDragging: true
   });
 }
 function renderColumnOverlay({
@@ -6540,8 +6538,7 @@ function renderColumnOverlay({
             column,
             columnIndex: columnContext.columnIndex,
             index,
-            isDragging: false,
-            isOverlay: true
+            isDragging: false
           })
         ) }),
         column.footer || renderColumnFooter ? renderColumnFooter ? renderColumnFooter(columnContext) : /* @__PURE__ */ jsx(KanbanColumnFooter, { children: column.footer }) : null
@@ -7021,7 +7018,7 @@ function KanbanBoard({
               "div",
               {
                 className: cn(
-                  "relative flex h-full w-full gap-4 overflow-x-auto p-1",
+                  "relative flex h-full w-full gap-6 overflow-x-auto p-1",
                   className
                 ),
                 children: sanitizedColumns.map((column, index) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikatec/nebula-react",
-  "version": "1.10.1-beta.1",
+  "version": "1.11.0-beta.1",
   "description": "React components for Nebula Design System",
   "publishConfig": {
     "access": "public"