@usefidel/design-system 0.25.0 → 0.25.1

package/dist/fidel.manifest.json

@@ -10,6 +10,6 @@
     "webapp.css"
   ],
   "storybookUrl": null,
-  "packageVersion": "0.25.0",
-  "resolvedSha": "97eaaeb357d9ad85f568bf58605633cbff66dc78"
+  "packageVersion": "0.25.1",
+  "resolvedSha": "2a60ecf8472c4876519b50b31956e94901b4a5ab"
 }

package/dist/index.cjs

@@ -1320,15 +1320,18 @@ function Pagination({ page, pageCount, onPageChange, total, pageSize, variant =
 
 // src/components/EmptyState/EmptyState.tsx
 var import_jsx_runtime20 = require("react/jsx-runtime");
-function EmptyState({ illustration, title, description, action, footer, size = "default", className, ...rest }) {
+function EmptyState({ illustration, title, description, action, secondaryAction, footer, size = "default", className, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: ["fds-empty", size === "compact" ? "fds-empty--compact" : "", className].filter(Boolean).join(" "), ...rest, children: [
     illustration != null && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "fds-empty__illustration", children: illustration }),
     /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "fds-empty__text", children: [
       /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h2", { className: "fds-empty__title", children: title }),
       description != null && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "fds-empty__description", children: description })
     ] }),
-    (action != null || footer != null) && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "fds-empty__actions", children: [
-      action,
+    (action != null || secondaryAction != null || footer != null) && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "fds-empty__actions", children: [
+      (action != null || secondaryAction != null) && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "fds-empty__buttons", children: [
+        action,
+        secondaryAction
+      ] }),
       footer != null && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "fds-empty__footer", children: footer })
     ] })
   ] });

package/dist/index.css

@@ -2047,6 +2047,12 @@
   align-items: center;
   gap: var(--spacing-6, 24px);
 }
+.fds-empty__buttons {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: var(--spacing-2, 8px);
+}
 .fds-empty__footer {
   display: flex;
   flex-wrap: wrap;

package/dist/index.d.cts

@@ -566,6 +566,8 @@ interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>
     description?: ReactNode;
     /** Primary action, usually a Button. */
     action?: ReactNode;
+    /** Second button, shown on the same row after the primary one. */
+    secondaryAction?: ReactNode;
     /** Secondary line under the action, e.g. a help link. */
     footer?: ReactNode;
     /** `compact` for an empty list inside a card or table: smaller title and
@@ -577,7 +579,7 @@ interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>
  * action and footer, for a list or page with nothing in it yet. Measured from
  * Figma "✅Project" Empty State Container (node 231:59661).
  */
-declare function EmptyState({ illustration, title, description, action, footer, size, className, ...rest }: EmptyStateProps): react.JSX.Element;
+declare function EmptyState({ illustration, title, description, action, secondaryAction, footer, size, className, ...rest }: EmptyStateProps): react.JSX.Element;
 /**
  * Two tilted cards with a search badge: "nothing found yet". Drawn from the
  * Figma "Stacked Cards" layers (node 80:49887), 240×160.

package/dist/index.d.ts

@@ -566,6 +566,8 @@ interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>
     description?: ReactNode;
     /** Primary action, usually a Button. */
     action?: ReactNode;
+    /** Second button, shown on the same row after the primary one. */
+    secondaryAction?: ReactNode;
     /** Secondary line under the action, e.g. a help link. */
     footer?: ReactNode;
     /** `compact` for an empty list inside a card or table: smaller title and
@@ -577,7 +579,7 @@ interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>
  * action and footer, for a list or page with nothing in it yet. Measured from
  * Figma "✅Project" Empty State Container (node 231:59661).
  */
-declare function EmptyState({ illustration, title, description, action, footer, size, className, ...rest }: EmptyStateProps): react.JSX.Element;
+declare function EmptyState({ illustration, title, description, action, secondaryAction, footer, size, className, ...rest }: EmptyStateProps): react.JSX.Element;
 /**
  * Two tilted cards with a search badge: "nothing found yet". Drawn from the
  * Figma "Stacked Cards" layers (node 80:49887), 240×160.

package/dist/index.js

@@ -1248,15 +1248,18 @@ function Pagination({ page, pageCount, onPageChange, total, pageSize, variant =
 
 // src/components/EmptyState/EmptyState.tsx
 import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
-function EmptyState({ illustration, title, description, action, footer, size = "default", className, ...rest }) {
+function EmptyState({ illustration, title, description, action, secondaryAction, footer, size = "default", className, ...rest }) {
   return /* @__PURE__ */ jsxs18("div", { className: ["fds-empty", size === "compact" ? "fds-empty--compact" : "", className].filter(Boolean).join(" "), ...rest, children: [
     illustration != null && /* @__PURE__ */ jsx20("div", { className: "fds-empty__illustration", children: illustration }),
     /* @__PURE__ */ jsxs18("div", { className: "fds-empty__text", children: [
       /* @__PURE__ */ jsx20("h2", { className: "fds-empty__title", children: title }),
       description != null && /* @__PURE__ */ jsx20("p", { className: "fds-empty__description", children: description })
     ] }),
-    (action != null || footer != null) && /* @__PURE__ */ jsxs18("div", { className: "fds-empty__actions", children: [
-      action,
+    (action != null || secondaryAction != null || footer != null) && /* @__PURE__ */ jsxs18("div", { className: "fds-empty__actions", children: [
+      (action != null || secondaryAction != null) && /* @__PURE__ */ jsxs18("div", { className: "fds-empty__buttons", children: [
+        action,
+        secondaryAction
+      ] }),
       footer != null && /* @__PURE__ */ jsx20("div", { className: "fds-empty__footer", children: footer })
     ] })
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usefidel/design-system",
-  "version": "0.25.0",
+  "version": "0.25.1",
   "description": "Fidel brand design tokens + React component library — DTCG token source of truth, generated per-surface CSS + Tailwind-v4 parser-compatibility output, and on-brand React components (Button, MismatchCard, DiffSection).",
   "type": "module",
   "main": "./dist/index.cjs",