@mittwald/flow-react-components 0.1.0-alpha.410 → 0.1.0-alpha.412

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.1.0-alpha.412](https://github.com/mittwald/flow/compare/0.1.0-alpha.411...0.1.0-alpha.412) (2025-01-31)
+
+**Note:** Version bump only for package @mittwald/flow-react-components
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0-alpha.411](https://github.com/mittwald/flow/compare/0.1.0-alpha.410...0.1.0-alpha.411) (2025-01-31)
+
+### Features
+
+- **ActionGroup:** Support link in action group
+  ([#1136](https://github.com/mittwald/flow/issues/1136))
+  ([49bd5ba](https://github.com/mittwald/flow/commit/49bd5ba87111579fa2e03d67ea4fe01484321e2f))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 # [0.1.0-alpha.410](https://github.com/mittwald/flow/compare/0.1.0-alpha.409...0.1.0-alpha.410) (2025-01-31)
 
 ### Features

package/dist/js/{ActionGroup-_RcPy5Vo.js → ActionGroup-BlCWYd6L.js}

@@ -7,31 +7,31 @@ import "@react-aria/utils";
 import "remeda";
 import { d as n } from "./dynamic-ClpUSmEt.js";
 import e from "clsx";
-import { f as C } from "./flowComponent-B1r5sCmz.js";
-import { TunnelProvider as G } from "@mittwald/react-tunnel";
-import { A as y, g as a } from "./getActionGroupSlot-BHzMGEA7.js";
-const N = "flow--action-group", P = "flow--action-group--primary", x = "flow--action-group--secondary", A = "flow--action-group--abort", b = "flow--action-group--action-group-container", k = "flow--action-group--ignore-breakpoint", v = "flow--action-group--s", B = "flow--action-group--m", t = {
-  actionGroup: N,
+import { f as N } from "./flowComponent-B1r5sCmz.js";
+import { TunnelProvider as C } from "@mittwald/react-tunnel";
+import { A as G, g as a } from "./getActionGroupSlot-BHzMGEA7.js";
+const y = "flow--action-group", P = "flow--action-group--primary", k = "flow--action-group--secondary", x = "flow--action-group--abort", A = "flow--action-group--action-group-container", b = "flow--action-group--ignore-breakpoint", v = "flow--action-group--s", B = "flow--action-group--m", t = {
+  actionGroup: y,
   primary: P,
-  secondary: x,
-  abort: A,
-  actionGroupContainer: b,
-  ignoreBreakpoint: k,
+  secondary: k,
+  abort: x,
+  actionGroupContainer: A,
+  ignoreBreakpoint: b,
   s: v,
   m: B
-}, F = C("ActionGroup", (i) => {
+}, D = N("ActionGroup", (i) => {
   const {
     children: c,
     className: s,
-    refProp: p,
-    ignoreBreakpoint: l,
-    spacing: m = "s",
+    refProp: l,
+    ignoreBreakpoint: m,
+    spacing: p = "s",
     ...u
   } = i, g = e(
     t.actionGroupContainer,
     s,
-    l && t.ignoreBreakpoint,
-    t[m]
+    m && t.ignoreBreakpoint,
+    t[p]
   ), f = {
     Button: {
       slot: n((o) => a(o)),
@@ -43,10 +43,13 @@ const N = "flow--action-group", P = "flow--action-group--primary", x = "flow--ac
     Switch: {
       labelPosition: "leading",
       className: n((o) => e(o.className, o.slot && t[o.slot]))
+    },
+    Link: {
+      className: n((o) => e(o.className, o.slot && t[o.slot]))
     }
   };
-  return /* @__PURE__ */ r.createElement(y, null, /* @__PURE__ */ r.createElement(w, { props: f, mergeInParentContext: !0 }, /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement("div", { ...u, className: g, ref: p }, /* @__PURE__ */ r.createElement("div", { className: t.actionGroup, role: "group" }, c)))));
+  return /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(w, { props: f, mergeInParentContext: !0 }, /* @__PURE__ */ r.createElement(C, null, /* @__PURE__ */ r.createElement("div", { ...u, className: g, ref: l }, /* @__PURE__ */ r.createElement("div", { className: t.actionGroup, role: "group" }, c)))));
 });
 export {
-  F as A
+  D as A
 };

package/dist/js/ActionGroup.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { A as r } from "./ActionGroup-_RcPy5Vo.js";
+import { A as r } from "./ActionGroup-BlCWYd6L.js";
 export {
   r as ActionGroup,
   r as default

package/dist/js/FileCard.js

@@ -9,7 +9,7 @@ import { I as N } from "./Image-zLLa5v_F.js";
 import { T as i } from "./Text-C7Akf24Y.js";
 import y from "clsx";
 import { f as g } from "./flowComponent-B1r5sCmz.js";
-import { L as x } from "./Link-7WUBHpUL.js";
+import { L as x } from "./Link-BqoEwTXH.js";
 import { W as B } from "./Wrap-DGT1h1o3.js";
 import { B as F } from "./Button-BHFXhYtp.js";
 import { I as T } from "./IconClose-njz0vW4D.js";

package/dist/js/{Link-7WUBHpUL.js → Link-BqoEwTXH.js}

@@ -14,22 +14,22 @@ import "@tabler/icons-react";
 import "./Icon-mUEZToWz.js";
 import { I as y, a as I } from "./IconExternalLink-BnfWUW87.js";
 import { useLocalizedStringFormatter as N } from "react-aria";
-const D = "flow--link", F = "flow--link--inline", b = "flow--link--icon", z = "flow--link--dark", v = "flow--link--light", e = {
+const D = "flow--link", F = "flow--link--inline", b = "flow--link--icon", z = "flow--link--dark", S = "flow--link--light", e = {
   link: D,
   inline: F,
   icon: b,
   dark: z,
-  light: v
-}, A = { "de-DE": {
+  light: S
+}, v = { "de-DE": {
   "link.download": "Download",
   "link.external": "Externer Link"
 }, "en-EN": {
   "link.download": "Download",
   "link.external": "External link"
-} }, R = (o) => {
-  const { unstyled: l, target: r, download: i } = o, t = N(A);
+} }, A = (o) => {
+  const { unstyled: l, target: r, download: i } = o, t = N(v);
   return l ? null : i ? /* @__PURE__ */ n.createElement(y, { "aria-label": t.format("link.download") }) : r === "_blank" ? /* @__PURE__ */ n.createElement(I, { "aria-label": t.format("link.external") }) : null;
-}, U = P("Link", (o) => {
+}, V = P("Link", (o) => {
   const {
     children: l,
     className: r,
@@ -39,6 +39,7 @@ const D = "flow--link", F = "flow--link--inline", b = "flow--link--icon", z = "f
     unstyled: m = !1,
     "aria-current": c,
     refProp: k,
+    slot: R,
     ...p
   } = o, { linkComponent: a } = x(h), f = t || (o.href && a ? a : w.Link), d = m ? r : g(e.link, i && e.inline, e[s], r), u = {
     Icon: {
@@ -56,9 +57,9 @@ const D = "flow--link", F = "flow--link--inline", b = "flow--link--icon", z = "f
       className: d,
       ref: k
     },
-    /* @__PURE__ */ n.createElement(L, { props: u }, l, /* @__PURE__ */ n.createElement(R, { ...o }))
+    /* @__PURE__ */ n.createElement(L, { props: u }, l, /* @__PURE__ */ n.createElement(A, { ...o }))
   ));
 });
 export {
-  U as L
+  V as L
 };

package/dist/js/Link.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { L as o } from "./Link-7WUBHpUL.js";
+import { L as o } from "./Link-BqoEwTXH.js";
 export {
   o as Link,
   o as default

package/dist/js/List.js

@@ -51,7 +51,7 @@ import { I as $e } from "./IconSearch-DMgHpqPU.js";
 import { deepFind as Ue, deepForEach as Ke } from "react-children-utilities";
 import { ListLoaderAsyncResource as ze, TypedListLoaderAsyncResource as Oe } from "./List/ListLoaderAsyncResource.js";
 import { a as Vt, e as At, d as Mt, b as kt, T as Bt, c as xt } from "./Table-Cgwv_qa_.js";
-import { A as He } from "./ActionGroup-_RcPy5Vo.js";
+import { A as He } from "./ActionGroup-BlCWYd6L.js";
 const qe = "flow--list--items--item--view", Ge = "flow--list--items--item--view--content", We = "flow--list--items--item--view--title", je = "flow--list--items--item--view--sub-title", Je = "flow--list--items--item--view--avatar", Ye = "flow--list--items--item--view--heading", Qe = "flow--list--items--item--view--text", Xe = "flow--list--items--item--view--top-content", Ze = "flow--list--items--item--view--action", _e = "flow--list--items--item--view--bottom-content", ts = "flow--list--items--item--view--tile", es = "flow--list--items--item--view--avatar-container", ss = "flow--list--items--item--view--badge", h = {
   view: qe,
   content: Ge,

package/dist/js/Markdown.js

@@ -2,7 +2,7 @@
 /* */
 import l, { Children as E, isValidElement as s } from "react";
 import f from "react-markdown";
-import { L as u } from "./Link-7WUBHpUL.js";
+import { L as u } from "./Link-BqoEwTXH.js";
 import { T as m } from "./Text-C7Akf24Y.js";
 import { I as g } from "./InlineCode-6EfCoef4.js";
 import { H as n } from "./Heading-s0GGZftx.js";

package/dist/js/Notification.js

@@ -8,7 +8,7 @@ import "@react-aria/utils";
 import "remeda";
 import { d as h } from "./dynamic-ClpUSmEt.js";
 import { A as k } from "./AlertIcon-B2ca4caj.js";
-import { L as x } from "./Link-7WUBHpUL.js";
+import { L as x } from "./Link-BqoEwTXH.js";
 import { B as C } from "./Button-BHFXhYtp.js";
 import "@tabler/icons-react";
 import "./Icon-mUEZToWz.js";

package/dist/js/types/components/ActionGroup/stories/Default.stories.d.ts

@@ -10,3 +10,4 @@ export declare const WithSecondaryAction: Story;
 export declare const WithExtraSecondaryAction: Story;
 export declare const Mobile: Story;
 export declare const WithSwitch: Story;
+export declare const WithLink: Story;

package/dist/js/types/components/Link/Link.d.ts

@@ -10,6 +10,7 @@ export interface LinkProps extends PropsWithChildren<Omit<Aria.LinkProps, "child
     /** The color of the link. @default "primary" */
     color?: "primary" | "dark" | "light";
     "aria-current"?: string;
+    slot?: string;
 }
 export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<never>>;
 export default Link;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.410",
+  "version": "0.1.0-alpha.412",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -440,7 +440,7 @@
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/date": "^3.6.0",
     "@internationalized/string-compiler": "^3.2.6",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.410",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.412",
     "@mittwald/react-use-promise": "^2.6.0",
     "@react-aria/form": "^3.0.11",
     "@react-aria/utils": "^3.26.0",
@@ -471,7 +471,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^9.2.0",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.410",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.412",
     "@mittwald/react-use-promise": "^2.6.0",
     "@nx/storybook": "^20.1.3",
     "@storybook/addon-a11y": "^8.4.5",
@@ -566,5 +566,5 @@
       }
     }
   },
-  "gitHead": "f8fbb5a515ca8cc7e774cefdb459a7d886f43e73"
+  "gitHead": "42a102d5aa42025b578b2eed1c3a5d743b3bc79b"
 }