@midas-ds/components 17.15.6 → 17.15.7

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 17.15.7 (2026-07-02)
+
+### 🩹 Fixes
+
+- **components,link:** add visually hidden label for new-tab and download icons ([afebdc4e492](https://github.com/migrationsverket/midas/commit/afebdc4e492))
+
 ## 17.15.6 (2026-07-02)
 
 ### 🧪 Tests updated

package/chunks/link-CZNuhFX6.js

@@ -0,0 +1,59 @@
+'use client';
+import { t as e } from "./clsx-BtlV5Vo3.js";
+import { t } from "./createLucideIcon-DhIhuN5D.js";
+import { t as n } from "./square-arrow-out-up-right-Bobm4VNc.js";
+import { t as r } from "./arrow-right-7yeXXFNV.js";
+import { t as i } from "./useLocalizedStringFormatter-bRLuRzVD.js";
+import { Link as a, RouterProvider as o } from "react-aria-components";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { VisuallyHidden as u } from "react-aria";
+import '../assets/link.css';var d = t("arrow-down-to-line", [
+	["path", {
+		d: "M12 17V3",
+		key: "1cwfxf"
+	}],
+	["path", {
+		d: "m6 11 6 6 6-6",
+		key: "12ii2o"
+	}],
+	["path", {
+		d: "M19 21H5",
+		key: "150jfl"
+	}]
+]), f = {
+	link: "_link_duep2_1",
+	icon: "_icon_duep2_53",
+	standalone: "_standalone_duep2_57",
+	stretched: "_stretched_duep2_76"
+}, p = {
+	en: {
+		opensInNewTab: "Opens in new tab",
+		downloadsFile: "Downloads file"
+	},
+	sv: {
+		opensInNewTab: "Öppnas i ny flik",
+		downloadsFile: "Hämtar fil"
+	}
+}, m = ({ children: t, standalone: o, target: m, stretched: g, download: _, icon: v, className: y, as: b, ...x }) => {
+	let S = b || a, C = i(p), w = v ? { icon: v } : _ ? {
+		icon: d,
+		label: C.format("downloadsFile")
+	} : m === "_blank" ? {
+		icon: n,
+		label: C.format("opensInNewTab")
+	} : o ? { icon: r } : null;
+	return /* @__PURE__ */ l(S, {
+		className: e(f.link, o && f.standalone, g && f.stretched, y),
+		...x,
+		target: m,
+		download: _,
+		children: [t, w ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(h, {
+			className: f.icon,
+			icon: w.icon,
+			size: 16,
+			"aria-hidden": !0
+		}), w.label && /* @__PURE__ */ c(u, { children: w.label })] }) : null]
+	});
+}, h = ({ icon: e, ...t }) => /* @__PURE__ */ c(e, { ...t });
+//#endregion
+export { o as n, m as t };

package/chunks/link-button-ZsK6UGko.js

@@ -0,0 +1,52 @@
+'use client';
+import { t as e } from "./clsx-BtlV5Vo3.js";
+import { t } from "./createLucideIcon-DhIhuN5D.js";
+import { t as n } from "./square-arrow-out-up-right-Bobm4VNc.js";
+import { t as r } from "./arrow-right-7yeXXFNV.js";
+import { t as i } from "./useLocalizedStringFormatter-bRLuRzVD.js";
+import "react";
+import { Link as a, RouterProvider as o } from "react-aria-components";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { VisuallyHidden as l } from "react-aria";
+import '../assets/link-button.css';var u = t("arrow-left", [["path", {
+	d: "m12 19-7-7 7-7",
+	key: "1l729n"
+}], ["path", {
+	d: "M19 12H5",
+	key: "x3x0zl"
+}]]), d = {
+	linkButton: "_linkButton_1k5w6_1",
+	secondary: "_secondary_1k5w6_58",
+	icon: "_icon_1k5w6_63",
+	tertiary: "_tertiary_1k5w6_102",
+	danger: "_danger_1k5w6_130",
+	iconBtn: "_iconBtn_1k5w6_149",
+	medium: "_medium_1k5w6_173",
+	iconLeft: "_iconLeft_1k5w6_178",
+	fullwidth: "_fullwidth_1k5w6_182",
+	button: "_button_1k5w6_192"
+}, f = {
+	en: { opensInNewTab: "Opens in new tab" },
+	sv: { opensInNewTab: "Öppnas i ny flik" }
+}, p = ({ children: t, variant: o, fullwidth: p, icon: h, iconPlacement: g, className: _, as: v, size: y = "large", ...b }) => {
+	let x = v || a, S = i(f), C = h ? { icon: h } : b.target === "_blank" ? {
+		icon: n,
+		label: S.format("opensInNewTab")
+	} : g === "left" ? { icon: u } : { icon: r };
+	return /* @__PURE__ */ c(x, {
+		className: e(d.linkButton, o === "primary" && d.primary, o === "secondary" && d.secondary, o === "tertiary" && d.tertiary, o === "danger" && d.danger, o === "icon" && d.iconBtn, y === "medium" && d.medium, p && d.fullwidth, g === "left" && d.iconLeft, _),
+		...b,
+		children: [
+			t,
+			/* @__PURE__ */ s(m, {
+				className: d.icon,
+				icon: C.icon,
+				size: 20,
+				"aria-hidden": !0
+			}),
+			C.label && /* @__PURE__ */ s(l, { children: C.label })
+		]
+	});
+}, m = ({ icon: e, ...t }) => /* @__PURE__ */ s(e, { ...t });
+//#endregion
+export { o as n, p as t };

package/index.js

@@ -4,9 +4,9 @@ import { n as e, t } from "./chunks/accordion-KEgnlzYi.js";
 import { t as n } from "./chunks/clsx-BtlV5Vo3.js";
 import { t as r } from "./chunks/spinner-C3WiZYld.js";
 import { a as i, i as a, n as o, r as s, t as c } from "./chunks/layout-BzK7P4Xn.js";
-import { t as l } from "./chunks/link-Q46Ny2Po.js";
+import { t as l } from "./chunks/link-CZNuhFX6.js";
 import { a as u, i as d, n as f, o as p, r as m, t as h } from "./chunks/table-BZ7VvZaq.js";
-import { t as g } from "./chunks/link-button-Cm2B0s4X.js";
+import { t as g } from "./chunks/link-button-ZsK6UGko.js";
 import { n as _, t as v } from "./chunks/date-picker-ByfWqOZh.js";
 import { n as y, t as b } from "./chunks/calendar-C0rlcHfr.js";
 import { t as x } from "./chunks/color-scheme-switch-Ce4vL8Yz.js";
@@ -58,7 +58,7 @@ var Ze = {
 	description: "Midas Components",
 	homepage: "https://designsystem.migrationsverket.se/",
 	license: "CC0-1.0",
-	version: "17.15.6",
+	version: "17.15.7",
 	module: "./index.js",
 	type: "module",
 	main: "./index.js",

package/link/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/link-Q46Ny2Po.js";
+import { n as e, t } from "../chunks/link-CZNuhFX6.js";
 export { t as Link, e as RouterProvider };

package/link/intl/translations.json.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+  "en": {
+    "opensInNewTab": "Opens in new tab",
+    "downloadsFile": "Downloads file"
+  },
+  "sv": {
+    "opensInNewTab": "Öppnas i ny flik",
+    "downloadsFile": "Hämtar fil"
+  }
+}
+;
+
+export default _default;

package/link-button/LinkButton.stories.d.ts

@@ -10,3 +10,4 @@ export declare const Previous: Story;
 export declare const Disabled: Story;
 export declare const AppLink: Story;
 export declare const Danger: Story;
+export declare const NewTab: Story;

package/link-button/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/link-button-Cm2B0s4X.js";
+import { n as e, t } from "../chunks/link-button-ZsK6UGko.js";
 export { t as LinkButton, e as RouterProvider };

package/link-button/intl/translations.json.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+  "en": {
+    "opensInNewTab": "Opens in new tab"
+  },
+  "sv": {
+    "opensInNewTab": "Öppnas i ny flik"
+  }
+}
+;
+
+export default _default;

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "17.15.6",
+  "version": "17.15.7",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",

package/chunks/link-Q46Ny2Po.js

@@ -1,40 +0,0 @@
-'use client';
-import { t as e } from "./clsx-BtlV5Vo3.js";
-import { t } from "./createLucideIcon-DhIhuN5D.js";
-import { t as n } from "./square-arrow-out-up-right-Bobm4VNc.js";
-import { t as r } from "./arrow-right-7yeXXFNV.js";
-import { Link as i, RouterProvider as a } from "react-aria-components";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import '../assets/link.css';var l = t("arrow-down-to-line", [
-	["path", {
-		d: "M12 17V3",
-		key: "1cwfxf"
-	}],
-	["path", {
-		d: "m6 11 6 6 6-6",
-		key: "12ii2o"
-	}],
-	["path", {
-		d: "M19 21H5",
-		key: "150jfl"
-	}]
-]), u = {
-	link: "_link_duep2_1",
-	icon: "_icon_duep2_53",
-	standalone: "_standalone_duep2_57",
-	stretched: "_stretched_duep2_76"
-}, d = ({ children: t, standalone: a, target: d, stretched: p, download: m, icon: h, className: g, as: _, ...v }) => {
-	let y = _ || i, b = h || (m ? l : d === "_blank" ? n : a ? r : null);
-	return /* @__PURE__ */ s(y, {
-		className: e(u.link, a && u.standalone, p && u.stretched, g),
-		...v,
-		target: d,
-		children: /* @__PURE__ */ c(o, { children: [t, b ? /* @__PURE__ */ s(f, {
-			className: u.icon,
-			icon: b,
-			size: 16
-		}) : null] })
-	});
-}, f = ({ icon: e, ...t }) => /* @__PURE__ */ s(e, { ...t });
-//#endregion
-export { a as n, d as t };

package/chunks/link-button-Cm2B0s4X.js

@@ -1,39 +0,0 @@
-'use client';
-import { t as e } from "./clsx-BtlV5Vo3.js";
-import { t } from "./createLucideIcon-DhIhuN5D.js";
-import { t as n } from "./square-arrow-out-up-right-Bobm4VNc.js";
-import { t as r } from "./arrow-right-7yeXXFNV.js";
-import "react";
-import { Link as i, RouterProvider as a } from "react-aria-components";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import '../assets/link-button.css';var c = t("arrow-left", [["path", {
-	d: "m12 19-7-7 7-7",
-	key: "1l729n"
-}], ["path", {
-	d: "M19 12H5",
-	key: "x3x0zl"
-}]]), l = {
-	linkButton: "_linkButton_1k5w6_1",
-	secondary: "_secondary_1k5w6_58",
-	icon: "_icon_1k5w6_63",
-	tertiary: "_tertiary_1k5w6_102",
-	danger: "_danger_1k5w6_130",
-	iconBtn: "_iconBtn_1k5w6_149",
-	medium: "_medium_1k5w6_173",
-	iconLeft: "_iconLeft_1k5w6_178",
-	fullwidth: "_fullwidth_1k5w6_182",
-	button: "_button_1k5w6_192"
-}, u = ({ children: t, variant: a, fullwidth: u, icon: f, iconPlacement: p, className: m, as: h, size: g = "large", ..._ }) => {
-	let v = h || i, y = f || (_.target === "_blank" ? n : p === "left" ? c : r);
-	return /* @__PURE__ */ s(v, {
-		className: e(l.linkButton, a === "primary" && l.primary, a === "secondary" && l.secondary, a === "tertiary" && l.tertiary, a === "danger" && l.danger, a === "icon" && l.iconBtn, g === "medium" && l.medium, u && l.fullwidth, p === "left" && l.iconLeft, m),
-		..._,
-		children: [t, /* @__PURE__ */ o(d, {
-			className: l.icon,
-			icon: y,
-			size: 20
-		})]
-	});
-}, d = ({ icon: e, ...t }) => /* @__PURE__ */ o(e, { ...t });
-//#endregion
-export { a as n, u as t };