@midas-ds/components 10.0.0 → 10.1.1

package/CHANGELOG.md

@@ -1,3 +1,74 @@
+## 10.1.1 (2025-06-09)
+
+### 🩹 Fixes
+
+- **combobox:** remove label element in ListBoxSection ([#631](https://github.com/migrationsverket/midas/pull/631))
+- **link:** better icon logic on links, support for external and download ([#617](https://github.com/migrationsverket/midas/pull/617))
+- **date-picker:** fix height issue with button in field ([#623](https://github.com/migrationsverket/midas/pull/623))
+- **link-button:** add support for medium size ([#618](https://github.com/migrationsverket/midas/pull/618))
+- replace invalid token --blue-140 ([#620](https://github.com/migrationsverket/midas/pull/620))
+- **combobox:** virtualize the listbox ([14745432fc](https://github.com/migrationsverket/midas/commit/14745432fc))
+
+### 💅 Refactors
+
+- **combobox:** add explicit id prop to sections ([57b0df3264](https://github.com/migrationsverket/midas/commit/57b0df3264))
+- **select:** merge select and combobox list item types ([ed6bbf4d50](https://github.com/migrationsverket/midas/commit/ed6bbf4d50))
+- **select:** separate code ([01926124ee](https://github.com/migrationsverket/midas/commit/01926124ee))
+- **select:** move list item class to list box ([a3a3a6f2e1](https://github.com/migrationsverket/midas/commit/a3a3a6f2e1))
+- **combobox:** extract shared listbox components ([bfe30e237e](https://github.com/migrationsverket/midas/commit/bfe30e237e))
+
+### 📖 Documentation changes
+
+- remove broken anchor ([e2dd1e0766](https://github.com/migrationsverket/midas/commit/e2dd1e0766))
+- **release-notes:** add release notes for 10.1.0 ([a912e097bc](https://github.com/migrationsverket/midas/commit/a912e097bc))
+
+### 🔧 Maintenance
+
+- **docs:** update docusaurus ([64d69a5239](https://github.com/migrationsverket/midas/commit/64d69a5239))
+- update test files with changed props ([fd165fa775](https://github.com/migrationsverket/midas/commit/fd165fa775))
+- **deps-dev:** bump next in the npm_and_yarn group across 1 directory ([2b6d2af5e7](https://github.com/migrationsverket/midas/commit/2b6d2af5e7))
+- **deps:** bump tar-fs in the npm_and_yarn group across 1 directory ([f3b185c8e6](https://github.com/migrationsverket/midas/commit/f3b185c8e6))
+- test chromatic build ([8613c3cded](https://github.com/migrationsverket/midas/commit/8613c3cded))
+- **link-button:** remove the story icon from the storybook ([251945d26f](https://github.com/migrationsverket/midas/commit/251945d26f))
+
+## 10.1.0 (2025-05-23)
+
+### 🚀 Features
+
+- **select:** allow for option id to be string or number ([b9f31bac6b](https://github.com/migrationsverket/midas/commit/b9f31bac6b))
+- **select:** use midas checkbox ([94c2cdb61d](https://github.com/migrationsverket/midas/commit/94c2cdb61d))
+- **accordion:** add variant `hasBackground` ([2b429a73b3](https://github.com/migrationsverket/midas/commit/2b429a73b3))
+- **accordion:** add new variant `hasBackground` ([1022bcc58a](https://github.com/migrationsverket/midas/commit/1022bcc58a))
+- **tag:** add dark mode style ([408be2acb7](https://github.com/migrationsverket/midas/commit/408be2acb7))
+- **tag:** add new prop ([82a0998769](https://github.com/migrationsverket/midas/commit/82a0998769))
+
+### 🩹 Fixes
+
+- **link-button:** add disabled styling ([143f708127](https://github.com/migrationsverket/midas/commit/143f708127))
+- **radio:** remove interactions with radiogroup items outside the label and button ([0b9f197971](https://github.com/migrationsverket/midas/commit/0b9f197971))
+- **skeleton:** dont overwrite className and style props ([155a8ff437](https://github.com/migrationsverket/midas/commit/155a8ff437))
+- **select:** virtualize the scroll box ([523b138e17](https://github.com/migrationsverket/midas/commit/523b138e17))
+- **tag:** fix the hover and fix the disabled style ([3a21642715](https://github.com/migrationsverket/midas/commit/3a21642715))
+- **tag:** unset border to make button the right width/height ([769cfa8ec5](https://github.com/migrationsverket/midas/commit/769cfa8ec5))
+- **tag:** change token on button hover and pressed ([0f2ff1c422](https://github.com/migrationsverket/midas/commit/0f2ff1c422))
+- **tag:** fix the missing nesting selector ([87ac33ab1c](https://github.com/migrationsverket/midas/commit/87ac33ab1c))
+
+### 💅 Refactors
+
+- **tag:** move render function to meta data ([48d9f9b126](https://github.com/migrationsverket/midas/commit/48d9f9b126))
+
+### 📖 Documentation changes
+
+- control size globally in storybook + new dark mode control ([#596](https://github.com/migrationsverket/midas/pull/596))
+
+### 🔧 Maintenance
+
+- **deps:** update RAC ([20da285b9e](https://github.com/migrationsverket/midas/commit/20da285b9e))
+- extend commitlint conventional commits config ([4daa47926d](https://github.com/migrationsverket/midas/commit/4daa47926d))
+- update eslint rule to handle major versions > 9 ([ba85178773](https://github.com/migrationsverket/midas/commit/ba85178773))
+- **changelog:** group and display more commit types in changelog ([d86d18ae94](https://github.com/migrationsverket/midas/commit/d86d18ae94))
+- change react import statement ([efe3c867f0](https://github.com/migrationsverket/midas/commit/efe3c867f0))
+
 # 10.0.0 (2025-05-20)
 
 ### 🚀 Features

package/accordion/AccordionItem.d.ts

@@ -9,6 +9,11 @@ interface MidasAccordionItem extends Omit<DisclosureProps, 'children'> {
     headingLevel?: HeadingProps['elementType'];
     /** Display an accordion item in different status states */
     type?: 'default' | 'success' | 'warning';
+    /**
+     * Adds a background element to the content, set to false for a transparent look
+     * @default true
+     **/
+    hasBackground?: boolean;
 }
 export declare const AccordionItem: React.FC<MidasAccordionItem>;
 export {};

package/card/Card.d.ts

@@ -19,6 +19,9 @@ export interface MidasCardImage {
 }
 interface MidasCardLink<C extends React.ElementType> {
     children: React.ReactNode;
+    /** Replace base component with any Client Side Routing link instead.
+     * @see {@link https://designsystem.migrationsverket.se/dev/client-side-routing/|Client side routing}
+     */
     as?: C;
 }
 export type MidasCardLinkProps<C extends React.ElementType> = MidasCardLink<C> & Omit<React.ComponentProps<C>, keyof MidasCardLink<C>>;

package/combobox/ComboBox.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
 import { ComboBoxProps as AriaComboBoxProps, ListBoxItemProps, ValidationResult } from 'react-aria-components';
-import { Item, Section } from './types';
 import { Size } from '../common/types';
-export interface ComboBoxProps<T extends object> extends Omit<AriaComboBoxProps<T>, 'children'> {
+import { ListBoxOption, ListBoxItemElement, ListBoxSectionElement } from '../list-box';
+export interface ComboBoxProps<T extends ListBoxOption> extends Omit<AriaComboBoxProps<T>, 'children'> {
     label?: string;
     description?: string;
     errorMessage?: string | ((validation: ValidationResult) => string);
@@ -15,6 +15,10 @@ export interface ComboBoxProps<T extends object> extends Omit<AriaComboBoxProps<
      * */
     size?: Size;
 }
-export declare function ComboBox<T extends object>({ label, description, errorMessage, children, items, className, errorPosition, size, ...props }: ComboBoxProps<T>): import("react/jsx-runtime").JSX.Element;
-export declare function ComboBoxItem(props: ListBoxItemProps): import("react/jsx-runtime").JSX.Element;
-export declare function ComboBoxSelection(props: Section<Item>): import("react/jsx-runtime").JSX.Element;
+export declare function ComboBox<T extends ListBoxOption>({ label, description, errorMessage, children, items, className, errorPosition, size, ...props }: ComboBoxProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ComboBoxItem<T extends ListBoxItemElement>(props: ListBoxItemProps<T>): import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated since v.10.1.0 please use `ComboBoxSection` instead
+ */
+export declare function ComboBoxSelection<T extends ListBoxSectionElement>(props: T): import("react/jsx-runtime").JSX.Element;
+export declare function ComboBoxSection<T extends ListBoxSectionElement>(props: T): import("react/jsx-runtime").JSX.Element;

package/combobox/index.d.ts

@@ -1,2 +1,2 @@
-export { ComboBox, ComboBoxItem, ComboBoxSelection } from './ComboBox';
+export { ComboBox, ComboBoxItem, ComboBoxSelection, ComboBoxSection, } from './ComboBox';
 export type { Section, Item } from './types';

package/combobox/types.d.ts

@@ -1,7 +1,13 @@
+/**
+ * @deprecated since v.10.1.0 please use `ListBoxItemElement` instead
+ */
 export type Item = {
     id: number;
     name: string;
 };
+/**
+ * @deprecated since v10.1.0 please use `ListBoxSectionElement` instead
+ */
 export type Section<T> = Item & {
     children?: Iterable<T>;
 };

package/combobox/utils.d.ts

@@ -1,10 +1,3 @@
-import { Item } from './types';
-export declare function generateMockOptions(count: number): Iterable<Item>;
-export declare const optionsWithSections: {
-    name: string;
-    id: number;
-    children: {
-        name: string;
-        id: number;
-    }[];
-}[];
+import { ListBoxItemElement, ListBoxSectionElement } from '../list-box';
+export declare function generateMockOptions(count: number): ListBoxItemElement[];
+export declare const optionsWithSections: ListBoxSectionElement[];