@midas-ds/components 16.4.2 → 16.4.3

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 16.4.3 (2026-01-20)
+
+### 🚀 Features
+
+- **test-utils:** add tool for common test utils ([eb2df9b414](https://github.com/migrationsverket/midas/commit/eb2df9b414))
+
+### 🩹 Fixes
+
+- **components, accordion:** rename types ([2f9f64de2f](https://github.com/migrationsverket/midas/commit/2f9f64de2f))
+
+### 🧪 Tests updated
+
+- **components:** update failing tests after data change ([ec21833a37](https://github.com/migrationsverket/midas/commit/ec21833a37))
+
 ## 16.4.2 (2026-01-19)
 
 ### 🩹 Fixes

package/accordion/Accordion.d.ts

@@ -1,7 +1,7 @@
 import { DisclosureGroupProps } from 'react-aria-components';
 import { Size } from '../common/types';
 import * as React from 'react';
-export interface MidasAccordion extends DisclosureGroupProps {
+export interface AccordionProps extends DisclosureGroupProps {
     children?: React.ReactNode;
     isDisabled?: boolean;
     isContained?: boolean;
@@ -10,7 +10,11 @@ export interface MidasAccordion extends DisclosureGroupProps {
      **/
     size?: Size;
 }
+/**
+ * @deprecated since v 16.4.1 please use AccordionProps instead
+ */
+export type MidasAccordion = AccordionProps;
 /**
  * Accordions help reduce visual clutter on a page by organizing content into collapsible sections.
  */
-export declare const Accordion: React.FC<MidasAccordion>;
+export declare const Accordion: React.FC<AccordionProps>;

package/accordion/Accordion.stories.d.ts

@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { Accordion } from '.';
 type Story = StoryObj<typeof Accordion>;
 declare const _default: {
-    component: React.FC<import('./Accordion').MidasAccordion>;
+    component: React.FC<import('./Accordion').AccordionProps>;
     subcomponents: {
         AccordionItem: React.ComponentType<unknown>;
     };

package/accordion/AccordionItem.d.ts

@@ -3,7 +3,7 @@ import { HeadingProps } from '../heading';
 import { FeedbackStatus, Size } from '../common/types';
 import { FeedbackStatusIconProps } from '../common/FeedbackStatusIcon';
 import * as React from 'react';
-interface MidasAccordionItem extends Omit<DisclosureProps, 'children'> {
+export interface AccordionItemProps extends Omit<DisclosureProps, 'children'> {
     /** The text displayed in the collapsed state. If a ReactNode is provided, a heading will not be automatically added, and you must provide one yourself. */
     title?: string | React.ReactNode;
     children?: React.ReactNode;
@@ -26,5 +26,4 @@ interface MidasAccordionItem extends Omit<DisclosureProps, 'children'> {
      */
     iconAriaLabel?: FeedbackStatusIconProps['aria-label'];
 }
-export declare const AccordionItem: React.FC<MidasAccordionItem>;
-export {};
+export declare const AccordionItem: React.FC<AccordionItemProps>;

package/accordion/AccordionItem.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react-vite';
+import { AccordionItem } from './AccordionItem';
+type Story = StoryObj<typeof AccordionItem>;
+declare const _default: {
+    component: import('react').FC<import('./AccordionItem').AccordionItemProps>;
+    title: string;
+    tags: string[];
+    args: {
+        title: string;
+        children: string;
+        size: "large";
+    };
+};
+export default _default;
+export declare const Default: Story;
+export declare const Contained: Story;
+export declare const Success: Story;
+export declare const Info: Story;
+export declare const Warning: Story;
+export declare const Important: Story;
+export declare const Disabled: Story;
+export declare const StatusDisabled: Story;

package/accordion/index.d.ts

@@ -1,3 +1,3 @@
 export * from './Accordion';
 export type { MidasAccordion } from './Accordion';
-export { AccordionItem } from './AccordionItem';
+export * from './AccordionItem';

package/accordion/index.js

@@ -1,4 +1,4 @@
-import { a as r, A as a } from "../chunks/AccordionItem-Cu5L1c1h.js";
+import { A as r, a } from "../chunks/AccordionItem-DnWNOVQg.js";
 export {
   r as Accordion,
   a as AccordionItem

package/chunks/{AccordionItem-Cu5L1c1h.js → AccordionItem-DnWNOVQg.js}

@@ -123,6 +123,6 @@ import '../assets/AccordionItem.css';const D = "_root_17bdp_1", M = "_contained_
   );
 };
 export {
-  ot as A,
-  et as a
+  et as A,
+  ot as a
 };

package/combobox/ComboBox.stories.d.ts

@@ -1,13 +1,9 @@
 import { StoryObj } from '@storybook/react-vite';
-import { optionsWithSections } from '../utils/tests';
+import { options, optionsWithSections } from '../../../../tools/test-utils/src/index.ts';
 import { ComboBox } from './ComboBox';
 type Item = (typeof options)[0];
 type Section = (typeof optionsWithSections)[0];
 type Story<T extends object = Item> = StoryObj<typeof ComboBox<T>>;
-declare const options: {
-    id: number;
-    name: string;
-}[];
 declare const _default: {
     component: typeof ComboBox;
     title: string;
@@ -26,7 +22,7 @@ declare const _default: {
         };
     };
     render: (args: import('./ComboBox').ComboBoxProps<{
-        id: number;
+        id: import('react-aria').Key;
         name: string;
     }>) => import("react/jsx-runtime").JSX.Element;
 };

package/index.js

@@ -1,4 +1,4 @@
-import { a as r, A as e } from "./chunks/AccordionItem-Cu5L1c1h.js";
+import { A as r, a as e } from "./chunks/AccordionItem-DnWNOVQg.js";
 import { B as s, a as p } from "./chunks/BadgeContainer-CKVsfTlF.js";
 import { B as m } from "./chunks/Breadcrumbs-By2bMbQd.js";
 import { B as f } from "./chunks/Button-BYrLbzir.js";

package/legacy-select/LegacySelect.stories.d.ts

@@ -13,8 +13,8 @@ declare const _default: {
         isSelectableAll: false;
         label: string;
         options: {
+            id: import('react-aria').Key;
             name: string;
-            id: string;
         }[];
         placeholder: string;
         selectionMode: "single";

package/package.json

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

package/select/Select.stories.d.ts

@@ -1,5 +1,6 @@
 import { StoryObj } from '@storybook/react-vite';
-import { options, optionsWithSections } from '../utils/tests';
+import { options, optionsWithSections } from '../../../../tools/test-utils/src/index.ts';
+import { Key } from 'react-aria-components';
 import { Select, SelectionMode } from './Select';
 type Story<T extends object = Item, M extends SelectionMode = 'single'> = StoryObj<typeof Select<T, M>>;
 type Item = (typeof options)[0];
@@ -10,16 +11,16 @@ declare const _default: {
     tags: string[];
     args: {
         children: (item: {
+            id: Key;
             name: string;
-            id: string;
         }) => import("react/jsx-runtime").JSX.Element;
         description: string;
         isDisabled: false;
         isSelectableAll: false;
         label: string;
         items: {
+            id: Key;
             name: string;
-            id: string;
         }[];
         placeholder: string;
         selectionMode: "single";

package/combobox/utils.d.ts

@@ -1,12 +0,0 @@
-export declare function generateMockOptions(count: number): {
-    id: number;
-    name: string;
-}[];
-export declare const optionsWithSections: {
-    name: string;
-    id: number;
-    children: {
-        name: string;
-        id: number;
-    }[];
-}[];

package/legacy-select/utils.d.ts

@@ -1,11 +0,0 @@
-export declare const options: {
-    name: string;
-    id: string;
-}[];
-export declare const optionsWithSections: {
-    name: string;
-    children: {
-        name: string;
-        id: string;
-    }[];
-}[];

package/utils/tests.d.ts

@@ -1,17 +0,0 @@
-export declare const options: {
-    name: string;
-    id: string;
-}[];
-export declare const mockedNow: import('@internationalized/date').CalendarDate;
-export declare function generateMockOptions(count: number): {
-    id: number;
-    name: string;
-}[];
-export declare const optionsWithSections: {
-    name: string;
-    id: number;
-    children: {
-        name: string;
-        id: number;
-    }[];
-}[];