@getsoren/design-system 4.44.0 → 4.45.1

package/dist/src/components/DataDisplay/Icons/EmptyStateIcon.d.ts

@@ -0,0 +1,2 @@
+declare const EmptyStateIcon: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export default EmptyStateIcon;

package/dist/src/components/DataDisplay/Kanban/types.d.ts

@@ -14,7 +14,7 @@ export declare const defaultKanbanChip: Record<string, KanbanChipFormat>;
 /**
  * Props for configuring the empty state of the Kanban component.
  */
-export interface EmptyStateProps {
+export interface KanbanEmptyStateProps {
     title: string;
     description?: string;
     buttonText?: string;
@@ -127,5 +127,5 @@ export interface KanbanProps {
     /**
      * Optional empty state configuration.
      */
-    emptyState?: ReactElement | EmptyStateProps;
+    emptyState?: ReactElement | KanbanEmptyStateProps;
 }

package/dist/src/components/Feedback/EmptyState/EmptyState.d.ts

@@ -0,0 +1,24 @@
+import { ElementType, ReactNode } from 'react';
+import { ButtonProps } from '../../Inputs/Button';
+export interface EmptyStateProps<RootComponent extends ElementType = "button"> {
+    /** Illustration displayed above the description. Defaults to the empty state illustration. */
+    icon?: ReactNode;
+    /** Main message explaining the empty state */
+    description?: ReactNode;
+    /** Label of the action button. The button is only rendered when provided. */
+    actionLabel?: ReactNode;
+    /**
+     * Props forwarded to the action button. Polymorphic like the Button component:
+     * pass a routing component via `component` (e.g. `{ component: Link, to: "/home" }`).
+     */
+    actionProps?: ButtonProps<RootComponent>;
+    /** Free slot rendered below the action button for fully custom content */
+    children?: ReactNode;
+}
+/**
+ * Centered empty state with an illustration, a description and an optional action button.
+ * The action button accepts any root component, so consumers can plug their router link
+ * without coupling the design system to a routing library.
+ */
+declare const EmptyState: <RootComponent extends ElementType = "button">({ icon, description, actionLabel, actionProps, children, }: EmptyStateProps<RootComponent>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default EmptyState;

package/dist/src/main.d.ts

@@ -39,6 +39,8 @@ export * from './components/Feedback/Dialog/DialogPopper';
 export { default as DialogPopper } from './components/Feedback/Dialog/DialogPopper';
 export * from './components/Feedback/Dialog/DialogValidation/DialogValidation';
 export { default as DialogValidation } from './components/Feedback/Dialog/DialogValidation/DialogValidation';
+export type { EmptyStateProps } from './components/Feedback/EmptyState/EmptyState';
+export { default as EmptyState } from './components/Feedback/EmptyState/EmptyState';
 export * from './components/Feedback/Lightbox';
 export { default as Lightbox } from './components/Feedback/Lightbox';
 export * from './components/Inputs/ActionAppBar';

package/package.json

@@ -2,7 +2,7 @@
   "name": "@getsoren/design-system",
   "description": "Design System React library",
   "sideEffects": false,
-  "version": "4.44.0",
+  "version": "4.45.1",
   "license": "ISC",
   "type": "module",
   "types": "./dist/src/main.d.ts",