@midas-ds/components 17.15.6 → 17.16.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 17.16.0 (2026-07-03)
+
+### 🚀 Features
+
+- **components,icons:** add ContrastFilled custom icon ([29e29ef5f05](https://github.com/migrationsverket/midas/commit/29e29ef5f05))
+
+## 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/icons-Dw_ZbztW.js

@@ -0,0 +1,30 @@
+'use client';
+import { forwardRef as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region packages/components/src/icons/ContrastFilled.tsx
+var r = e(({ size: e = 24, color: r = "currentColor", strokeWidth: i = 2, className: a, ...o }, s) => /* @__PURE__ */ n("svg", {
+	ref: s,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: e,
+	height: e,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: r,
+	strokeWidth: i,
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	className: a,
+	...o,
+	children: [/* @__PURE__ */ t("circle", {
+		cx: "12",
+		cy: "12",
+		r: "10"
+	}), /* @__PURE__ */ t("path", {
+		d: "M12 2a10 10 0 0 1 0 20Z",
+		fill: r,
+		stroke: "none"
+	})]
+}));
+r.displayName = "ContrastFilled";
+//#endregion
+export { r as t };

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/icons/ContrastFilled.d.ts

@@ -0,0 +1,2 @@
+import { LucideProps } from 'lucide-react';
+export declare const ContrastFilled: import('react').ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;

package/icons/index.d.ts

@@ -0,0 +1 @@
+export { ContrastFilled } from './ContrastFilled';

package/icons/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/icons-Dw_ZbztW.js";
+export { e as ContrastFilled };

package/index.d.ts

@@ -39,6 +39,7 @@ export * from './time-field';
 export * from './toast';
 export * from './toggle-button';
 export * from './tooltip';
+export * from './icons';
 export * from './list-box';
 export * from './menu';
 export { useLocalizedStringFormatter } from './utils/intl';

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";
@@ -43,10 +43,11 @@ import { i as Ae, n as je, r as Me, t as Ne } from "./chunks/tabs-eshGdQJJ.js";
 import { i as Pe, n as Fe, r as Ie, t as Le } from "./chunks/textfield-CZSw2R67.js";
 import { t as Re } from "./chunks/time-field-DaQfnJQF.js";
 import { a as ze, i as Be, n as Ve, o as He, r as Ue, t as We } from "./chunks/toast-AYzfHBcQ.js";
-import { a as Ge, i as Ke, n as qe, o as Je, r as Ye, t as Xe } from "./chunks/menu-CB6VDQ-u.js";
+import { t as Ge } from "./chunks/icons-Dw_ZbztW.js";
+import { a as Ke, i as qe, n as Je, o as Ye, r as Xe, t as Ze } from "./chunks/menu-CB6VDQ-u.js";
 //#endregion
 //#region packages/components/src/version.ts
-var Ze = {
+var Qe = {
 	name: "@midas-ds/components",
 	author: { name: "Migrationsverket" },
 	keywords: [
@@ -58,7 +59,7 @@ var Ze = {
 	description: "Midas Components",
 	homepage: "https://designsystem.migrationsverket.se/",
 	license: "CC0-1.0",
-	version: "17.15.6",
+	version: "17.16.0",
 	module: "./index.js",
 	type: "module",
 	main: "./index.js",
@@ -89,4 +90,4 @@ var Ze = {
 	}
 }.version;
 //#endregion
-export { e as Accordion, t as AccordionItem, j as Badge, M as BadgeContainer, P as Breadcrumb, N as Breadcrumbs, O as Button, k as ButtonGroup, y as Calendar, U as Card, z as CardActionArea, L as CardActions, V as CardBody, H as CardContent, G as CardHeader, W as CardImage, R as CardLink, B as CardTitle, h as Cell, K as CharacterCounter, S as Checkbox, C as CheckboxGroup, x as ColorSchemeSwitch, f as Column, ee as ComboBox, le as DateField, ue as DateInput, fe as DateInputDivider, _ as DatePicker, v as DateRangePicker, de as DateSegment, Z as DialogTrigger, me as DropZone, I as FieldError, T as FileList, E as FileListItem, pe as FileTrigger, We as GlobalToastRegion, he as Grid, ge as GridItem, s as Header, A as Heading, _e as InfoBanner, Ie as Input, q as Label, c as Layout, l as Link, g as LinkButton, ne as ListBox, se as ListBoxButton, ce as ListBoxEmptyState, ie as ListBoxHeader, ae as ListBoxItem, oe as ListBoxLoadMoreItem, te as ListBoxPopover, re as ListBoxSection, xe as Logo, be as LogoContext, Ge as Menu, Ke as MenuItem, Ye as MenuPopover, qe as MenuSection, Je as MenuTrigger, Y as Modal, X as ModalOverlay, o as Navbar, J as Popover, Se as ProgressBar, we as Radio, Ce as RadioGroup, b as RangeCalendar, m as Row, w as SearchField, Te as Select, Xe as Separator, a as Sidebar, i as SidebarLink, ke as Skeleton, r as Spinner, Me as Tab, Ne as TabList, je as TabPanel, d as Table, u as TableBody, p as TableHeader, Ae as Tabs, De as Tag, Oe as TagGroup, Ee as TagList, F as Text, Le as TextArea, Fe as TextField, Pe as TextFieldBase, Re as TimeField, Ve as Toast, Ue as ToastProvider, Be as ToastRegion, Q as ToggleButton, $ as ToggleButtonGroup, ye as Tooltip, ve as TooltipTrigger, Ze as VERSION, n as clsx, ze as toastQueue, D as useLocalizedStringFormatter, He as useToastState };
+export { e as Accordion, t as AccordionItem, j as Badge, M as BadgeContainer, P as Breadcrumb, N as Breadcrumbs, O as Button, k as ButtonGroup, y as Calendar, U as Card, z as CardActionArea, L as CardActions, V as CardBody, H as CardContent, G as CardHeader, W as CardImage, R as CardLink, B as CardTitle, h as Cell, K as CharacterCounter, S as Checkbox, C as CheckboxGroup, x as ColorSchemeSwitch, f as Column, ee as ComboBox, Ge as ContrastFilled, le as DateField, ue as DateInput, fe as DateInputDivider, _ as DatePicker, v as DateRangePicker, de as DateSegment, Z as DialogTrigger, me as DropZone, I as FieldError, T as FileList, E as FileListItem, pe as FileTrigger, We as GlobalToastRegion, he as Grid, ge as GridItem, s as Header, A as Heading, _e as InfoBanner, Ie as Input, q as Label, c as Layout, l as Link, g as LinkButton, ne as ListBox, se as ListBoxButton, ce as ListBoxEmptyState, ie as ListBoxHeader, ae as ListBoxItem, oe as ListBoxLoadMoreItem, te as ListBoxPopover, re as ListBoxSection, xe as Logo, be as LogoContext, Ke as Menu, qe as MenuItem, Xe as MenuPopover, Je as MenuSection, Ye as MenuTrigger, Y as Modal, X as ModalOverlay, o as Navbar, J as Popover, Se as ProgressBar, we as Radio, Ce as RadioGroup, b as RangeCalendar, m as Row, w as SearchField, Te as Select, Ze as Separator, a as Sidebar, i as SidebarLink, ke as Skeleton, r as Spinner, Me as Tab, Ne as TabList, je as TabPanel, d as Table, u as TableBody, p as TableHeader, Ae as Tabs, De as Tag, Oe as TagGroup, Ee as TagList, F as Text, Le as TextArea, Fe as TextField, Pe as TextFieldBase, Re as TimeField, Ve as Toast, Ue as ToastProvider, Be as ToastRegion, Q as ToggleButton, $ as ToggleButtonGroup, ye as Tooltip, ve as TooltipTrigger, Qe as VERSION, n as clsx, ze as toastQueue, D as useLocalizedStringFormatter, He as useToastState };

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.16.0",
   "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 };