@midas-ds/components 16.4.0 → 16.4.2

package/label/Label.stories.d.ts

@@ -0,0 +1,10 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Label } from './Label';
+type Story = StoryObj<typeof Label>;
+declare const _default: {
+    component: import('react').FC<import('react-aria-components').LabelProps>;
+    title: string;
+    tags: string[];
+};
+export default _default;
+export declare const Primary: Story;

package/layout/Layout.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Layout } from './Layout';
+declare const meta: Meta<typeof Layout>;
+export default meta;
+type Story = StoryObj<typeof Layout>;
+export declare const Primary: Story;
+export declare const External: Story;
+export declare const OnlyHeader: Story;
+export declare const Navbar: Story;

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

@@ -0,0 +1,27 @@
+import { StoryObj } from '@storybook/react-vite';
+import { LegacySelect } from '.';
+type Story = StoryObj<typeof LegacySelect>;
+declare const _default: {
+    component: import('react').ForwardRefExoticComponent<Omit<import('./types').SelectProps, "children" | "items"> & {
+        options: import('..').ListBoxOption[];
+    } & import('react').RefAttributes<HTMLButtonElement>>;
+    title: string;
+    tags: string[];
+    args: {
+        description: string;
+        isDisabled: false;
+        isSelectableAll: false;
+        label: string;
+        options: {
+            name: string;
+            id: string;
+        }[];
+        placeholder: string;
+        selectionMode: "single";
+        showTags: false;
+        errorPosition: "top";
+        size: "large";
+    };
+};
+export default _default;
+export declare const Primary: Story;

package/link/Link.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Link } from './Link';
+declare const meta: Meta<typeof Link>;
+export default meta;
+type Story = StoryObj<typeof Link>;
+export declare const Primary: Story;
+export declare const PrimaryDisabled: Story;
+export declare const ExternalLink: Story;
+export declare const DownloadLink: Story;
+export declare const Standalone: Story;
+export declare const StandaloneDisabled: Story;
+export declare const ExternalLinkStandalone: Story;
+export declare const DownloadLinkStandalone: Story;
+export declare const CustomIcon: Story;

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

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { LinkButton } from './LinkButton';
+declare const meta: Meta<typeof LinkButton>;
+export default meta;
+type Story = StoryObj<typeof LinkButton>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Tertiary: Story;
+export declare const Previous: Story;
+export declare const Disabled: Story;
+export declare const AppLink: Story;
+export declare const Danger: Story;

package/logo/Logo.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Logo } from './Logo';
+declare const meta: Meta<typeof Logo>;
+export default meta;
+type Story = StoryObj<typeof Logo>;
+export declare const Primary: Story;
+export declare const Monochrome: Story;

package/menu/Menu.stories.d.ts

@@ -0,0 +1,34 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Menu } from './Menu';
+interface Item {
+    id: string | number;
+    name: string;
+    children?: Item[];
+    [prop: string]: unknown;
+}
+type Story = StoryObj<typeof Menu<Item>>;
+declare const _default: {
+    title: string;
+    component: <T extends import('./Menu').MenuItemObject>({ className, size, ...rest }: import('./Menu').MenuProps<T>) => import("react/jsx-runtime").JSX.Element;
+    subcomponents: {
+        MenuItem: <T extends import('./Menu').MenuItemObject>(props: import('./MenuItem').MenuItemProps<T>) => import("react/jsx-runtime").JSX.Element;
+    };
+    render: (args: import('./Menu').MenuProps<import('./Menu').MenuItemObject>) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        children: (item: import('./Menu').MenuItemObject) => import("react/jsx-runtime").JSX.Element;
+        items: {
+            id: number;
+            name: string;
+        }[];
+    };
+};
+export default _default;
+export declare const Primary: Story;
+export declare const ControlledSingleSelection: Story;
+export declare const ControlledMultipleSelection: Story;
+export declare const Sections: Story;
+export declare const Separators: Story;
+export declare const TextSlots: Story;
+export declare const MultiSelectWithDescriptions: Story;
+export declare const DisabledItems: Story;
+export declare const SubMenus: Story;

package/modal/Dialog.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Modal } from './Dialog';
+type Story = StoryObj<typeof Modal>;
+declare const _default: Meta<typeof Modal>;
+export default _default;
+export declare const Default: Story;
+export declare const NotDismissable: Story;
+/**
+ * For special cases when modal should not be closable without taking further action
+ */
+export declare const HiddenCloseButton: Story;
+export declare const EmptyTitle: Story;
+export declare const Scrollable: Story;
+export declare const DS1282: Story;
+export declare const LongTitle: Story;

package/package.json

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

package/popover/Popover.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Popover } from './Popover';
+import { DialogTrigger } from 'react-aria-components';
+type Story = StoryObj<typeof Popover>;
+declare const _default: {
+    component: typeof Popover;
+    subcomponents: {
+        DialogTrigger: typeof DialogTrigger;
+    };
+    title: string;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Primary: Story;
+export declare const Placement: Story;

package/progress-bar/ProgressBar.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react-vite';
+import { ProgressBar } from './ProgressBar';
+type Story = StoryObj<typeof ProgressBar>;
+declare const _default: {
+    component: import('react').FC<import('./ProgressBar').ProgressBarProps>;
+    title: string;
+    tags: string[];
+    args: {
+        isIndeterminate: false;
+    };
+};
+export default _default;
+export declare const Primary: Story;
+export declare const WithoutLabels: Story;
+export declare const IsIndeterminate: Story;

package/radio/Radio.stories.d.ts

@@ -0,0 +1,53 @@
+import { StoryObj } from '@storybook/react-vite';
+import { RadioGroup } from './Radio';
+declare const _default: {
+    title: string;
+    component: import('react').FC<import('./Radio').MVDSRadioGroupProps>;
+    subcomponents: {
+        Radio: ({ className, ...rest }: import('react-aria-components').RadioProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    tags: string[];
+    args: {
+        label: string;
+        description: string;
+        errorMessage: string;
+        errorPosition: "top";
+    };
+    argTypes: {
+        children: {
+            table: {
+                disable: true;
+            };
+        };
+        label: {
+            type: "string";
+            control: {
+                type: "text";
+            };
+        };
+        isDisabled: {
+            type: "boolean";
+            options: boolean[];
+            control: {
+                type: "radio";
+            };
+        };
+        isInvalid: {
+            type: "boolean";
+            options: boolean[];
+            control: {
+                type: "radio";
+            };
+        };
+    };
+};
+export default _default;
+type Story = StoryObj<typeof RadioGroup>;
+export declare const Primary: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+export declare const OneItemDisabled: Story;
+export declare const Invalid: Story;
+export declare const Required: Story;
+export declare const CustomValidation: Story;
+export declare const Horizontal: Story;

package/search-field/SearchField.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react-vite';
+import { SearchField } from './SearchField';
+type Story = StoryObj<typeof SearchField>;
+declare const _default: {
+    component: import('react').FC<import('./SearchField').SearchFieldProps>;
+    title: string;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        buttonText: string;
+        errorPosition: "top";
+        className: string;
+        size: "large";
+    };
+};
+export default _default;
+export declare const Primary: Story;
+export declare const CustomValidation: Story;
+export declare const Invalid: Story;
+export declare const Disabled: Story;

package/select/Select.stories.d.ts

@@ -0,0 +1,45 @@
+import { StoryObj } from '@storybook/react-vite';
+import { options, optionsWithSections } from '../utils/tests';
+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];
+type Section = (typeof optionsWithSections)[0];
+declare const _default: {
+    component: typeof Select;
+    title: string;
+    tags: string[];
+    args: {
+        children: (item: {
+            name: string;
+            id: string;
+        }) => import("react/jsx-runtime").JSX.Element;
+        description: string;
+        isDisabled: false;
+        isSelectableAll: false;
+        label: string;
+        items: {
+            name: string;
+            id: string;
+        }[];
+        placeholder: string;
+        selectionMode: "single";
+        showTags: false;
+        errorPosition: "top";
+        size: "large";
+    };
+};
+export default _default;
+export declare const StaticItems: Story;
+export declare const Primary: Story;
+export declare const DefaultValue: Story<Item, 'multiple'>;
+export declare const AllKeysSelected: Story<Item, 'multiple'>;
+export declare const Disabled: Story;
+export declare const DisabledOption: Story;
+export declare const Invalid: Story;
+export declare const WithTags: Story<Item, 'multiple'>;
+export declare const SelectAllEnabled: Story<Item, 'multiple'>;
+export declare const DS872: Story;
+export declare const StaticSections: Story;
+export declare const DynamicSections: Story<Section>;
+export declare const RequiredSingleSelect: Story;
+export declare const LongWords: Story;

package/skeleton/Skeleton.Form.stories.d.ts

@@ -0,0 +1,20 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Skeleton } from './Skeleton';
+type Story = StoryObj<typeof Skeleton>;
+declare const _default: {
+    component: import('react').FC<import('./Skeleton').SkeletonProps>;
+    title: string;
+    tags: string[];
+    args: {
+        variant: "form";
+        width: string;
+    };
+    render: (args: import('./Skeleton').SkeletonProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const Large: Story;
+export declare const Medium: Story;
+export declare const NoAnimation: Story;
+export declare const OnLayer01: Story;
+export declare const Multiple: Story;
+export declare const Comparison: Story;

package/skeleton/Skeleton.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Skeleton } from './Skeleton';
+type Story = StoryObj<typeof Skeleton>;
+declare const _default: Meta<typeof Skeleton>;
+export default _default;
+export declare const Rectangle: Story;
+export declare const Circle: Story;
+export declare const NoAnimation: Story;
+export declare const IsOnLayer01: Story;
+export declare const DS1191: Story;

package/spinner/Spinner.stories.d.ts

@@ -0,0 +1,20 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Spinner } from './Spinner';
+type Story = StoryObj<typeof Spinner>;
+declare const _default: {
+    component: import('react').FC<import('./Spinner').SpinnerProps>;
+    title: string;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        small: false;
+        className: string;
+    };
+};
+export default _default;
+export declare const Primary: Story;
+export declare const Small: Story;
+export declare const InButton: Story;
+export declare const UserSelectColor: Story;

package/table/Table.stories.d.ts

@@ -0,0 +1,31 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Table } from './Table';
+type Story = StoryObj<typeof Table>;
+declare const _default: {
+    component: ({ size, striped, className, ...rest }: import('./Table').TableProps) => import("react/jsx-runtime").JSX.Element;
+    subcomponents: {
+        TableHeader: <T extends object>({ columns, children, className, }: import('react-aria-components').TableHeaderProps<T>) => import("react/jsx-runtime").JSX.Element;
+        Column: ({ children, className, ...rest }: import('react-aria-components').ColumnProps) => import("react/jsx-runtime").JSX.Element;
+        TableBody: <T extends object>({ className, ...rest }: import('react-aria-components').TableBodyProps<T>) => import("react/jsx-runtime").JSX.Element;
+        Row: <T extends object>({ id, columns, children, className, ...rest }: import('react-aria-components').RowProps<T>) => import("react/jsx-runtime").JSX.Element;
+        Cell: ({ className, ...rest }: import('react-aria-components').CellProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    title: string;
+    tags: string[];
+    args: {
+        'aria-label': string;
+        selectionMode: "multiple";
+    };
+    argTypes: {
+        size: {
+            control: false;
+        };
+    };
+    render: (args: import('./Table').TableProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const Primary: Story;
+export declare const Striped: Story;
+export declare const Virtualized: Story;
+export declare const StripedWithLink: Story;
+export declare const Sorting: Story;

package/tabs/Tabs.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as React } from 'react';
+import { Tabs } from './Tabs';
+type Story = StoryObj<typeof Tabs>;
+declare const _default: {
+    component: React.FC<import('./Tabs').TabsProps>;
+    title: string;
+    tags: string[];
+    args: {
+        orientation: "horizontal";
+        variant: "uncontained";
+    };
+    render: (args: import('./Tabs').TabsProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const Primary: Story;
+export declare const Contained: Story;
+export declare const Vertical: Story;
+export declare const DisabledTabs: Story;
+export declare const DefaultSelectedKey: Story;
+export declare const Controlled: Story;
+export declare const MoreItemsThanChildren: Story;

package/tag/Tag.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Tag } from './Tag';
+type Story = StoryObj<typeof Tag>;
+declare const _default: Meta<typeof Tag>;
+export default _default;
+export declare const Primary: Story;
+export declare const Status: Story;
+export declare const Disabled: Story;

package/text/Text.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Text } from './Text';
+type Story = StoryObj<typeof Text>;
+declare const meta: Meta<typeof Text>;
+export declare const Default: Story;
+export declare const BodySmall: Story;
+export declare const Description: Story;
+export declare const DescriptionSmall: Story;
+export declare const Expressive: Story;
+export declare const Body01: Story;
+export declare const Body02: Story;
+export default meta;