@midas-ds/components 17.9.0 → 17.10.0

package/CHANGELOG.md

@@ -1,3 +1,32 @@
+## 17.10.0 (2026-03-19)
+
+### 🚀 Features
+
+- **components,file-list:** localize delete button aria-label ([30410e821d](https://github.com/migrationsverket/midas/commit/30410e821d))
+- **components,docs:** add FileList component ([dae5f056c2](https://github.com/migrationsverket/midas/commit/dae5f056c2))
+- **components,color-scheme-switch:** deprecate defaultValue in favor of defaultScheme ([1c48d0b7f1](https://github.com/migrationsverket/midas/commit/1c48d0b7f1))
+
+### 🩹 Fixes
+
+- **components,file-list:** remove id prop from FileListItem ([688bb0b04a](https://github.com/migrationsverket/midas/commit/688bb0b04a))
+- **components,file-list:** don't forward id to li element ([214378b006](https://github.com/migrationsverket/midas/commit/214378b006))
+- **components,file-list:** correct font size and weight tokens for file name and size ([0ae7b21451](https://github.com/migrationsverket/midas/commit/0ae7b21451))
+- **components,color-scheme-switch:** show focus ring on selected button ([b112b5f823](https://github.com/migrationsverket/midas/commit/b112b5f823))
+
+### 🏭 Refactoring
+
+- **components,docs,file-list:** replace GridList with plain list ([6046308cb3](https://github.com/migrationsverket/midas/commit/6046308cb3))
+
+### 🔧 Maintenance
+
+- **components,docs,file-list:** remove leftover id props from docs, spec and playground ([4439e37443](https://github.com/migrationsverket/midas/commit/4439e37443))
+- **components,file-list:** remove id prop from stories ([0fb0bba495](https://github.com/migrationsverket/midas/commit/0fb0bba495))
+- **components,file-list:** fix trailing blank line in css ([39b8525728](https://github.com/migrationsverket/midas/commit/39b8525728))
+- **components,file-list:** fix empty interface lint error ([405d702ee9](https://github.com/migrationsverket/midas/commit/405d702ee9))
+- **components,file-list:** fix lint errors ([d175b49ea4](https://github.com/migrationsverket/midas/commit/d175b49ea4))
+- **components,color-scheme-switch:** fix button sizing and selected state styles ([fe5b1dc132](https://github.com/migrationsverket/midas/commit/fe5b1dc132))
+- **components,color-scheme-switch:** replace hardcoded padding with space token ([3f29552fe2](https://github.com/migrationsverket/midas/commit/3f29552fe2))
+
 ## 17.9.0 (2026-03-19)
 
 ### 🚀 Features

package/assets/ColorSchemeSwitch.css

@@ -1 +1 @@
-._button_1dy1i_1{padding:.685rem}
+._button_1r8vq_1{padding:calc(var(--midas-space-60) - 1px);position:relative}._button_1r8vq_1[data-selected]:not([data-focus-visible]){box-shadow:none}._button_1r8vq_1[data-focus-visible]{box-shadow:var(--midas-state-focus)}._selectionIndicator_1r8vq_14{background-color:var(--midas-border-color-tertiary);bottom:0;height:2px;left:0;position:absolute;right:0;transition:translate var(--midas-transition-duration-fast) ease}

package/assets/FileListItem.css

@@ -0,0 +1 @@
+._fileList_1jd3b_1{display:flex;flex-direction:column;gap:var(--midas-space-small);list-style:none;margin:0;padding:0}._fileListItem_1jd3b_10{align-items:center;background-color:var(--midas-layer-01-base);box-sizing:border-box;display:flex;font-family:var(--midas-typography-font-family);height:var(--midas-size-control);padding-inline-start:var(--midas-space-medium)}._fileInfo_1jd3b_20{align-items:baseline;display:flex;flex:1;gap:var(--midas-space-small);min-width:0}._fileName_1jd3b_28{color:var(--midas-text-primary);font-size:var(--midas-typography-font-size-30);font-weight:var(--midas-typography-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._fileSize_1jd3b_37{color:var(--midas-text-secondary);flex-shrink:0;font-size:var(--midas-typography-font-size-30)}._deleteButton_1jd3b_43{color:var(--midas-icon-primary);flex-shrink:0}

package/chunks/ColorSchemeSwitch-Bp3PSGkA.js

@@ -0,0 +1,113 @@
+'use client';
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import * as h from "react";
+import { VisuallyHidden as r } from "react-aria";
+import { SelectionIndicator as l } from "react-aria-components";
+import { a as k, T as i } from "./ToggleButtonGroup-DRnEEi5-.js";
+import { c as d } from "./createLucideIcon-CP-mMPfa.js";
+import { u as f } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/ColorSchemeSwitch.css';const M = [
+  [
+    "path",
+    {
+      d: "M18 5a2 2 0 0 1 2 2v8.526a2 2 0 0 0 .212.897l1.068 2.127a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45l1.068-2.127A2 2 0 0 0 4 15.526V7a2 2 0 0 1 2-2z",
+      key: "1pdavp"
+    }
+  ],
+  ["path", { d: "M20.054 15.987H3.946", key: "14rxg9" }]
+], S = d("laptop", M);
+const _ = [
+  [
+    "path",
+    {
+      d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
+      key: "kfwtm"
+    }
+  ]
+], N = d("moon", _);
+const v = [
+  ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
+  ["path", { d: "M12 2v2", key: "tus03m" }],
+  ["path", { d: "M12 20v2", key: "1lh1kg" }],
+  ["path", { d: "m4.93 4.93 1.41 1.41", key: "149t6j" }],
+  ["path", { d: "m17.66 17.66 1.41 1.41", key: "ptbguv" }],
+  ["path", { d: "M2 12h2", key: "1t8f8n" }],
+  ["path", { d: "M20 12h2", key: "1q8mjw" }],
+  ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
+  ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
+], I = d("sun", v), b = "_button_1r8vq_1", j = "_selectionIndicator_1r8vq_14", t = {
+  button: b,
+  selectionIndicator: j
+}, w = { darkMode: "Dark Mode", lightMode: "Light Mode", system: "System Setting" }, x = { darkMode: "Mörkt läge", lightMode: "Ljust läge", system: "Systeminställning" }, L = {
+  en: w,
+  sv: x
+}, $ = ({
+  selector: c = ":root",
+  defaultScheme: p = "light dark",
+  defaultValue: y,
+  className: g
+}) => {
+  const [n, u] = h.useState(
+    y ?? /* @__PURE__ */ new Set([p])
+  );
+  h.useEffect(() => {
+    const o = document.querySelector(c);
+    if (o) {
+      const m = Array.from(n).join(" ");
+      o.style.removeProperty("color-scheme"), m === "light dark" ? delete o.dataset.colorScheme : o.dataset.colorScheme = m;
+    } else
+      console.warn(`No element found for selector: "${c}"`);
+  }, [n, c]);
+  const a = f(L);
+  return /* @__PURE__ */ s(
+    k,
+    {
+      selectionMode: "single",
+      selectedKeys: n,
+      onSelectionChange: u,
+      disallowEmptySelection: !0,
+      className: g,
+      children: [
+        /* @__PURE__ */ s(
+          i,
+          {
+            id: "light dark",
+            className: t.button,
+            children: [
+              /* @__PURE__ */ e(S, {}),
+              /* @__PURE__ */ e(r, { children: a.format("system") }),
+              /* @__PURE__ */ e(l, { className: t.selectionIndicator })
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(
+          i,
+          {
+            id: "light",
+            className: t.button,
+            children: [
+              /* @__PURE__ */ e(I, {}),
+              /* @__PURE__ */ e(r, { children: a.format("lightMode") }),
+              /* @__PURE__ */ e(l, { className: t.selectionIndicator })
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(
+          i,
+          {
+            id: "dark",
+            className: t.button,
+            children: [
+              /* @__PURE__ */ e(N, {}),
+              /* @__PURE__ */ e(r, { children: a.format("darkMode") }),
+              /* @__PURE__ */ e(l, { className: t.selectionIndicator })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  $ as C
+};

package/chunks/FileListItem-CKF9HPjw.js

@@ -0,0 +1,69 @@
+'use client';
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { c as l } from "./clsx-AexbMWKp.js";
+import { B as c } from "./Button-GCROAMSl.js";
+import { c as m } from "./createLucideIcon-CP-mMPfa.js";
+import { u as f } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/FileListItem.css';const d = [
+  ["path", { d: "M10 11v6", key: "nco0om" }],
+  ["path", { d: "M14 11v6", key: "outv1u" }],
+  ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
+], _ = m("trash-2", d), h = "_fileList_1jd3b_1", p = "_fileListItem_1jd3b_10", u = "_fileInfo_1jd3b_20", L = "_fileName_1jd3b_28", v = "_fileSize_1jd3b_37", j = "_deleteButton_1jd3b_43", e = {
+  fileList: h,
+  fileListItem: p,
+  fileInfo: u,
+  fileName: L,
+  fileSize: v,
+  deleteButton: j
+}, M = ({ className: s, children: i, ...o }) => /* @__PURE__ */ t(
+  "ul",
+  {
+    ...o,
+    className: l(e.fileList, s),
+    children: i
+  }
+), I = { removeFile: "Remove" }, N = { removeFile: "Ta bort" }, b = {
+  en: I,
+  sv: N
+}, x = ({
+  fileName: s,
+  fileSize: i,
+  onDelete: o,
+  className: n
+}) => {
+  const r = f(b);
+  return /* @__PURE__ */ a(
+    "li",
+    {
+      className: l(e.fileListItem, n),
+      children: [
+        /* @__PURE__ */ a("span", { className: e.fileInfo, children: [
+          /* @__PURE__ */ t("span", { className: e.fileName, children: s }),
+          i && /* @__PURE__ */ t("span", { className: e.fileSize, children: i })
+        ] }),
+        o && /* @__PURE__ */ t(
+          c,
+          {
+            variant: "icon",
+            onPress: o,
+            "aria-label": `${r.format("removeFile")} ${s}`,
+            className: e.deleteButton,
+            children: /* @__PURE__ */ t(
+              _,
+              {
+                size: 20,
+                "aria-hidden": !0
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  M as F,
+  x as a
+};

package/color-scheme-switch/ColorSchemeSwitch.d.ts

@@ -1,14 +1,18 @@
 import * as React from 'react';
+export type ColorScheme = 'light' | 'dark' | 'light dark';
 export interface ColorSchemeSwitchProps {
-    /** Choose what element that should be affected by the scheme switch.
-     * @default :root
+    /** The CSS selector for the element to apply the color scheme to.
+     * @default ':root'
      */
     selector?: string;
-    /** Set the default value for the color scheme. Default is "light dark" meaning follow system settings
-     *
-     * @default new Set(['light dark'])
+    /** The default color scheme. Use `'light dark'` to follow the system setting.
+     * @default 'light dark'
      */
-    defaultValue?: Set<'light' | 'dark' | 'light dark'>;
+    defaultScheme?: ColorScheme;
+    /**
+     * @deprecated since v17.9.0 Use `defaultScheme` instead.
+     */
+    defaultValue?: Set<ColorScheme>;
     className?: string;
 }
 export declare const ColorSchemeSwitch: React.FC<ColorSchemeSwitchProps>;

package/color-scheme-switch/index.js

@@ -1,4 +1,4 @@
-import { C as r } from "../chunks/ColorSchemeSwitch-gD9pFu9h.js";
+import { C as r } from "../chunks/ColorSchemeSwitch-Bp3PSGkA.js";
 export {
   r as ColorSchemeSwitch
 };

package/file-list/FileList.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export type FileListProps = HTMLAttributes<HTMLUListElement>;
+export declare const FileList: ({ className, children, ...props }: FileListProps) => import("react/jsx-runtime").JSX.Element;

package/file-list/FileList.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react-vite';
+import { FileList } from './FileList';
+type Story = StoryObj<typeof FileList>;
+declare const _default: {
+    component: ({ className, children, ...props }: import('./FileList').FileListProps) => import("react/jsx-runtime").JSX.Element;
+    subcomponents: {
+        FileListItem: ({ fileName, fileSize, onDelete, className, }: import('./FileListItem').FileListItemProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    title: string;
+    tags: string[];
+    args: {
+        'aria-label': string;
+    };
+    render: (args: import('./FileList').FileListProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const Default: Story;
+export declare const WithoutFileSize: Story;
+export declare const Empty: Story;

package/file-list/FileListItem.d.ts

@@ -0,0 +1,7 @@
+export interface FileListItemProps {
+    fileName: string;
+    fileSize?: string;
+    onDelete?: () => void;
+    className?: string;
+}
+export declare const FileListItem: ({ fileName, fileSize, onDelete, className, }: FileListItemProps) => import("react/jsx-runtime").JSX.Element;

package/file-list/index.d.ts

@@ -0,0 +1,4 @@
+export { FileList } from './FileList';
+export type { FileListProps } from './FileList';
+export { FileListItem } from './FileListItem';
+export type { FileListItemProps } from './FileListItem';

package/file-list/index.js

@@ -0,0 +1,5 @@
+import { F as s, a as t } from "../chunks/FileListItem-CKF9HPjw.js";
+export {
+  s as FileList,
+  t as FileListItem
+};

package/file-list/intl/translations.json.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+  "en": {
+    "removeFile": "Remove"
+  },
+  "sv": {
+    "removeFile": "Ta bort"
+  }
+}
+;
+
+export default _default;

package/index.d.ts

@@ -12,6 +12,7 @@ export * from './common/types';
 export * from './date-field';
 export * from './date-picker';
 export * from './field-error';
+export * from './file-list';
 export * from './file-upload';
 export * from './grid';
 export * from './heading';

package/index.js

@@ -1,55 +1,56 @@
 'use client';
 import { A as s, a as p } from "./chunks/AccordionItem-DHhQDd6o.js";
 import { B as m, a as i } from "./chunks/BadgeContainer-CKVsfTlF.js";
-import { B as f, a as d } from "./chunks/Breadcrumb-Bs836gOn.js";
-import { B as c } from "./chunks/Button-GCROAMSl.js";
-import { B as l } from "./chunks/ButtonGroup-Dr6HOBo2.js";
-import { C, R as L } from "./chunks/RangeCalendar-DL6cCjH3.js";
-import { C as b, a as S, b as D, c as I, d as R, e as G, f as P } from "./chunks/Card-CVwiT9zm.js";
-import { C as v } from "./chunks/CharacterCounter-Dgnv-orm.js";
+import { B as n, a as d } from "./chunks/Breadcrumb-Bs836gOn.js";
+import { B as l } from "./chunks/Button-GCROAMSl.js";
+import { B as g } from "./chunks/ButtonGroup-Dr6HOBo2.js";
+import { C as L, R as C } from "./chunks/RangeCalendar-DL6cCjH3.js";
+import { C as b, a as S, b as I, c as D, d as F, e as R, f as G } from "./chunks/Card-CVwiT9zm.js";
+import { C as k } from "./chunks/CharacterCounter-Dgnv-orm.js";
 import { C as M } from "./chunks/Checkbox-DSW-_Qpm.js";
 import { C as h } from "./chunks/CheckboxGroup-DteJIgnR.js";
-import { C as y } from "./chunks/ColorSchemeSwitch-gD9pFu9h.js";
+import { C as y } from "./chunks/ColorSchemeSwitch-Bp3PSGkA.js";
 import { C as N } from "./chunks/ComboBox-BEUfJ6IN.js";
 import { D as z } from "./chunks/DateField-Bwis4G2o.js";
 import { D as Q, a as V, b as Z } from "./chunks/DateInputDivider-DwopMIb9.js";
 import { D as q, a as J } from "./chunks/DateRangePicker-5E41DzGI.js";
 import { F as U } from "./chunks/FieldError-krpMBtie.js";
-import { D as X, F as Y } from "./chunks/FileUpload-Cu8DCSjX.js";
-import { G as $ } from "./chunks/Grid-CettmpaZ.js";
-import { G as ao } from "./chunks/GridItem-z7zclNdT.js";
-import { H as eo } from "./chunks/Heading-nfcRc2QF.js";
-import { I as so } from "./chunks/InfoBanner-CWLvkP6D.js";
-import { L as xo } from "./chunks/Label-Cg0aAlnt.js";
-import { H as io, L as no, N as fo, S as To, a as co } from "./chunks/Layout-BLP0HVR-.js";
-import { L as lo } from "./chunks/Link-CyY3-8M8.js";
-import { L as Co } from "./chunks/LinkButton-DWKAbxXF.js";
-import { L as Bo, a as bo } from "./chunks/Logo-DDykn5b2.js";
-import { M as Do } from "./chunks/Dialog-BSWBlyJI.js";
-import { P as Ro } from "./chunks/Popover-CjEPHe4A.js";
-import { P as Po } from "./chunks/ProgressBar-CBz_dIOH.js";
-import { R as vo, a as Fo } from "./chunks/Radio-CRHdSthr.js";
-import { S as Ao } from "./chunks/SearchField-VIMb28RB.js";
-import { S as Ho } from "./chunks/Select-C01v_D--.js";
-import { S as Eo } from "./chunks/Skeleton-tiP1Syzf.js";
-import { S as wo } from "./chunks/Spinner-CfKMn18u.js";
-import { C as Oo, a as Qo, R as Vo, T as Zo, b as jo, c as qo } from "./chunks/Table-BpVSZ3aM.js";
-import { T as Ko, a as Uo, b as Wo, c as Xo } from "./chunks/TabList-CJSnr6O0.js";
-import { T as _o, a as $o, b as oa } from "./chunks/TagGroup-DPFh8qHR.js";
-import { T as ra } from "./chunks/Text-D0r_W4lH.js";
-import { I as ta, T as sa, a as pa, b as xa } from "./chunks/TextArea-C7l7_Kof.js";
-import { G as ia, T as na, a as fa, b as da, t as Ta } from "./chunks/Toast-BFq_0Ue4.js";
-import { T as ga, a as la } from "./chunks/ToggleButtonGroup-DRnEEi5-.js";
-import { T as Ca, a as La } from "./chunks/Tooltip-BYEaNkZG.js";
-import { L as ba } from "./chunks/ListBox-CRtyHPj1.js";
-import { L as Da, a as Ia, b as Ra, c as Ga, d as Pa } from "./chunks/ListBoxHeader-DIxY1gOH.js";
-import { L as va, a as Fa } from "./chunks/ListBoxEmptyState-D6Jvy1WT.js";
-import { M as Aa, a as ha, b as Ha, c as ya, S as Ea } from "./chunks/Separator-CDRwpeHz.js";
-import { c as wa } from "./chunks/clsx-AexbMWKp.js";
-import { DialogTrigger as Oa, MenuTrigger as Qa, RouterProvider as Va } from "react-aria-components";
-import { u as ja } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
-import { useToastState as Ja } from "react-stately";
-const o = "17.9.0", a = {
+import { F as X, a as Y } from "./chunks/FileListItem-CKF9HPjw.js";
+import { D as $, F as oo } from "./chunks/FileUpload-Cu8DCSjX.js";
+import { G as ro } from "./chunks/Grid-CettmpaZ.js";
+import { G as to } from "./chunks/GridItem-z7zclNdT.js";
+import { H as po } from "./chunks/Heading-nfcRc2QF.js";
+import { I as mo } from "./chunks/InfoBanner-CWLvkP6D.js";
+import { L as fo } from "./chunks/Label-Cg0aAlnt.js";
+import { H as To, L as lo, N as co, S as go, a as uo } from "./chunks/Layout-BLP0HVR-.js";
+import { L as Co } from "./chunks/Link-CyY3-8M8.js";
+import { L as bo } from "./chunks/LinkButton-DWKAbxXF.js";
+import { L as Io, a as Do } from "./chunks/Logo-DDykn5b2.js";
+import { M as Ro } from "./chunks/Dialog-BSWBlyJI.js";
+import { P as Po } from "./chunks/Popover-CjEPHe4A.js";
+import { P as vo } from "./chunks/ProgressBar-CBz_dIOH.js";
+import { R as Ao, a as ho } from "./chunks/Radio-CRHdSthr.js";
+import { S as yo } from "./chunks/SearchField-VIMb28RB.js";
+import { S as No } from "./chunks/Select-C01v_D--.js";
+import { S as zo } from "./chunks/Skeleton-tiP1Syzf.js";
+import { S as Qo } from "./chunks/Spinner-CfKMn18u.js";
+import { C as Zo, a as jo, R as qo, T as Jo, b as Ko, c as Uo } from "./chunks/Table-BpVSZ3aM.js";
+import { T as Xo, a as Yo, b as _o, c as $o } from "./chunks/TabList-CJSnr6O0.js";
+import { T as aa, a as ra, b as ea } from "./chunks/TagGroup-DPFh8qHR.js";
+import { T as sa } from "./chunks/Text-D0r_W4lH.js";
+import { I as xa, T as ma, a as ia, b as fa } from "./chunks/TextArea-C7l7_Kof.js";
+import { G as da, T as Ta, a as la, b as ca, t as ga } from "./chunks/Toast-BFq_0Ue4.js";
+import { T as La, a as Ca } from "./chunks/ToggleButtonGroup-DRnEEi5-.js";
+import { T as ba, a as Sa } from "./chunks/Tooltip-BYEaNkZG.js";
+import { L as Da } from "./chunks/ListBox-CRtyHPj1.js";
+import { L as Ra, a as Ga, b as Pa, c as ka, d as va } from "./chunks/ListBoxHeader-DIxY1gOH.js";
+import { L as Aa, a as ha } from "./chunks/ListBoxEmptyState-D6Jvy1WT.js";
+import { M as ya, a as Ea, b as Na, c as wa, S as za } from "./chunks/Separator-CDRwpeHz.js";
+import { c as Qa } from "./chunks/clsx-AexbMWKp.js";
+import { DialogTrigger as Za, MenuTrigger as ja, RouterProvider as qa } from "react-aria-components";
+import { u as Ka } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
+import { useToastState as Wa } from "react-stately";
+const o = "17.10.0", a = {
   version: o
 }, r = a.version;
 export {
@@ -57,24 +58,24 @@ export {
   p as AccordionItem,
   m as Badge,
   i as BadgeContainer,
-  f as Breadcrumb,
+  n as Breadcrumb,
   d as Breadcrumbs,
-  c as Button,
-  l as ButtonGroup,
-  C as Calendar,
+  l as Button,
+  g as ButtonGroup,
+  L as Calendar,
   b as Card,
   S as CardActionArea,
-  D as CardActions,
-  I as CardContent,
-  R as CardImage,
-  G as CardLink,
-  P as CardTitle,
-  Oo as Cell,
-  v as CharacterCounter,
+  I as CardActions,
+  D as CardContent,
+  F as CardImage,
+  R as CardLink,
+  G as CardTitle,
+  Zo as Cell,
+  k as CharacterCounter,
   M as Checkbox,
   h as CheckboxGroup,
   y as ColorSchemeSwitch,
-  Qo as Column,
+  jo as Column,
   N as ComboBox,
   z as DateField,
   Q as DateInput,
@@ -82,76 +83,78 @@ export {
   q as DatePicker,
   J as DateRangePicker,
   Z as DateSegment,
-  Oa as DialogTrigger,
-  X as DropZone,
+  Za as DialogTrigger,
+  $ as DropZone,
   U as FieldError,
-  Y as FileTrigger,
-  ia as GlobalToastRegion,
-  $ as Grid,
-  ao as GridItem,
-  io as Header,
-  eo as Heading,
-  so as InfoBanner,
-  ta as Input,
-  xo as Label,
-  no as Layout,
-  lo as Link,
-  Co as LinkButton,
-  ba as ListBox,
-  Da as ListBoxButton,
-  va as ListBoxEmptyState,
-  Ia as ListBoxHeader,
-  Ra as ListBoxItem,
-  Ga as ListBoxLoadMoreItem,
-  Fa as ListBoxPopover,
-  Pa as ListBoxSection,
-  Bo as Logo,
-  bo as LogoContext,
-  Aa as Menu,
-  ha as MenuItem,
-  Ha as MenuPopover,
-  ya as MenuSection,
-  Qa as MenuTrigger,
-  Do as Modal,
-  fo as Navbar,
-  Ro as Popover,
-  Po as ProgressBar,
-  vo as Radio,
-  Fo as RadioGroup,
-  L as RangeCalendar,
-  Va as RouterProvider,
-  Vo as Row,
-  Ao as SearchField,
-  Ho as Select,
-  Ea as Separator,
-  To as Sidebar,
-  co as SidebarLink,
-  Eo as Skeleton,
-  wo as Spinner,
-  Ko as Tab,
-  Uo as TabList,
-  Wo as TabPanel,
-  Zo as Table,
-  jo as TableBody,
-  qo as TableHeader,
-  Xo as Tabs,
-  _o as Tag,
-  $o as TagGroup,
-  oa as TagList,
-  ra as Text,
-  sa as TextArea,
-  pa as TextField,
-  xa as TextFieldBase,
-  na as Toast,
-  fa as ToastProvider,
-  da as ToastRegion,
-  ga as ToggleButton,
-  la as ToggleButtonGroup,
-  Ca as Tooltip,
-  La as TooltipTrigger,
+  X as FileList,
+  Y as FileListItem,
+  oo as FileTrigger,
+  da as GlobalToastRegion,
+  ro as Grid,
+  to as GridItem,
+  To as Header,
+  po as Heading,
+  mo as InfoBanner,
+  xa as Input,
+  fo as Label,
+  lo as Layout,
+  Co as Link,
+  bo as LinkButton,
+  Da as ListBox,
+  Ra as ListBoxButton,
+  Aa as ListBoxEmptyState,
+  Ga as ListBoxHeader,
+  Pa as ListBoxItem,
+  ka as ListBoxLoadMoreItem,
+  ha as ListBoxPopover,
+  va as ListBoxSection,
+  Io as Logo,
+  Do as LogoContext,
+  ya as Menu,
+  Ea as MenuItem,
+  Na as MenuPopover,
+  wa as MenuSection,
+  ja as MenuTrigger,
+  Ro as Modal,
+  co as Navbar,
+  Po as Popover,
+  vo as ProgressBar,
+  Ao as Radio,
+  ho as RadioGroup,
+  C as RangeCalendar,
+  qa as RouterProvider,
+  qo as Row,
+  yo as SearchField,
+  No as Select,
+  za as Separator,
+  go as Sidebar,
+  uo as SidebarLink,
+  zo as Skeleton,
+  Qo as Spinner,
+  Xo as Tab,
+  Yo as TabList,
+  _o as TabPanel,
+  Jo as Table,
+  Ko as TableBody,
+  Uo as TableHeader,
+  $o as Tabs,
+  aa as Tag,
+  ra as TagGroup,
+  ea as TagList,
+  sa as Text,
+  ma as TextArea,
+  ia as TextField,
+  fa as TextFieldBase,
+  Ta as Toast,
+  la as ToastProvider,
+  ca as ToastRegion,
+  La as ToggleButton,
+  Ca as ToggleButtonGroup,
+  ba as Tooltip,
+  Sa as TooltipTrigger,
   r as VERSION,
-  wa as clsx,
-  Ta as toastQueue,
-  ja as useLocalizedStringFormatter,
-  Ja as useToastState
+  Qa as clsx,
+  ga as toastQueue,
+  Ka as useLocalizedStringFormatter,
+  Wa as useToastState
 };

package/package.json

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

package/chunks/ColorSchemeSwitch-gD9pFu9h.js

@@ -1,105 +0,0 @@
-'use client';
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import * as m from "react";
-import { VisuallyHidden as c } from "react-aria";
-import { a as g, T as r } from "./ToggleButtonGroup-DRnEEi5-.js";
-import { c as l } from "./createLucideIcon-CP-mMPfa.js";
-import { u } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/ColorSchemeSwitch.css';const k = [
-  [
-    "path",
-    {
-      d: "M18 5a2 2 0 0 1 2 2v8.526a2 2 0 0 0 .212.897l1.068 2.127a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45l1.068-2.127A2 2 0 0 0 4 15.526V7a2 2 0 0 1 2-2z",
-      key: "1pdavp"
-    }
-  ],
-  ["path", { d: "M20.054 15.987H3.946", key: "14rxg9" }]
-], f = l("laptop", k);
-const M = [
-  [
-    "path",
-    {
-      d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
-      key: "kfwtm"
-    }
-  ]
-], S = l("moon", M);
-const _ = [
-  ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
-  ["path", { d: "M12 2v2", key: "tus03m" }],
-  ["path", { d: "M12 20v2", key: "1lh1kg" }],
-  ["path", { d: "m4.93 4.93 1.41 1.41", key: "149t6j" }],
-  ["path", { d: "m17.66 17.66 1.41 1.41", key: "ptbguv" }],
-  ["path", { d: "M2 12h2", key: "1t8f8n" }],
-  ["path", { d: "M20 12h2", key: "1q8mjw" }],
-  ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
-  ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
-], b = l("sun", _), v = "_button_1dy1i_1", d = {
-  button: v
-}, N = { darkMode: "Dark Mode", lightMode: "Light Mode", system: "System Setting" }, j = { darkMode: "Mörkt läge", lightMode: "Ljust läge", system: "Systeminställning" }, w = {
-  en: N,
-  sv: j
-}, H = ({
-  selector: s = ":root",
-  defaultValue: h = /* @__PURE__ */ new Set(["light dark"]),
-  className: p
-}) => {
-  const [n, y] = m.useState(h);
-  m.useEffect(() => {
-    const t = document.querySelector(s);
-    if (t) {
-      const i = Array.from(n).join(" ");
-      t.style.removeProperty("color-scheme"), i === "light dark" ? delete t.dataset.colorScheme : t.dataset.colorScheme = i;
-    } else
-      console.warn(`No element found for selector: "${s}"`);
-  }, [n, s]);
-  const a = u(w);
-  return /* @__PURE__ */ o(
-    g,
-    {
-      selectionMode: "single",
-      selectedKeys: n,
-      onSelectionChange: y,
-      disallowEmptySelection: !0,
-      className: p,
-      children: [
-        /* @__PURE__ */ o(
-          r,
-          {
-            id: "light dark",
-            className: d.button,
-            children: [
-              /* @__PURE__ */ e(f, {}),
-              /* @__PURE__ */ e(c, { children: a.format("system") })
-            ]
-          }
-        ),
-        /* @__PURE__ */ o(
-          r,
-          {
-            id: "light",
-            className: d.button,
-            children: [
-              /* @__PURE__ */ e(b, {}),
-              /* @__PURE__ */ e(c, { children: a.format("lightMode") })
-            ]
-          }
-        ),
-        /* @__PURE__ */ o(
-          r,
-          {
-            id: "dark",
-            className: d.button,
-            children: [
-              /* @__PURE__ */ e(S, {}),
-              /* @__PURE__ */ e(c, { children: a.format("darkMode") })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  H as C
-};