@midas-ds/components 17.30.0 → 17.30.1

package/chunks/textfield-Bu0Hg2pJ.js

@@ -1,112 +0,0 @@
-'use client';
-import { n as e, t } from "./clsx-Di52oYUU.js";
-import { t as n } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { n as r } from "./button-C-WkFek9.js";
-import { n as i, t as a } from "./label-Dw5p84T2.js";
-import { t as o } from "./text-DwmZ-ew8.js";
-import { t as s } from "./field-error-LtNtEKDp.js";
-import { t as c } from "./character-counter-CSoVSrxZ.js";
-import { t as l } from "./TextField.module-BLGiCC4q.js";
-import { forwardRef as u, useState as d } from "react";
-import { Input as f, InputContext as p, TextArea as m, TextField as h, TextFieldContext as g, useContextProps as _ } from "react-aria-components";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-//#region src/textfield/TextFieldBase.tsx
-var b = u((t, n) => {
-	[t] = _(t, n, g);
-	let { label: r, description: u, errorMessage: d, showCounter: f, errorPosition: p = "top", size: m = "large", popover: b, children: x } = t;
-	return /* @__PURE__ */ y(h, {
-		...t,
-		className: e(l.textField, { [l.medium]: m === "medium" }),
-		children: [
-			/* @__PURE__ */ v(i, {
-				popover: b,
-				children: r && /* @__PURE__ */ v(a, { children: r })
-			}),
-			u && /* @__PURE__ */ v(o, {
-				slot: "description",
-				children: u
-			}),
-			f && /* @__PURE__ */ v(c, { isLonely: !u }),
-			p === "top" && /* @__PURE__ */ v(s, {
-				"data-testid": "fieldError",
-				children: d
-			}),
-			x,
-			p === "bottom" && /* @__PURE__ */ v(s, {
-				"data-testid": "fieldError",
-				className: l.bottomError,
-				children: d
-			})
-		]
-	});
-});
-b.displayName = "TextFieldBase";
-var x = {
-	en: {
-		hide: "Hide",
-		show: "Show",
-		showPassword: "Show password"
-	},
-	sv: {
-		hide: "Dölj",
-		show: "Visa",
-		showPassword: "Visa lösenord"
-	}
-}, S = ({ showPassword: e, onToggle: t }) => {
-	let i = n(x);
-	return /* @__PURE__ */ v(r, {
-		"aria-label": i.format("showPassword"),
-		"aria-pressed": e,
-		variant: "tertiary",
-		onPress: t,
-		className: l.passwordButton,
-		children: e ? i.format("hide") : i.format("show")
-	});
-}, C = u(({ skipContext: e = !1, ...n }, r) => {
-	let [i, a] = _(n, r, p), o = e ? r : a, s = e ? n : i, c = s.type === "password", [u, m] = d(!1);
-	return /* @__PURE__ */ y("div", {
-		className: l.wrap,
-		children: [/* @__PURE__ */ v(f, {
-			...s,
-			ref: o,
-			type: c && u ? "text" : s.type,
-			className: t(l.input, s.className)
-		}), c && /* @__PURE__ */ v(S, {
-			showPassword: u,
-			onToggle: () => m((e) => !e)
-		})]
-	});
-});
-C.displayName = "Input";
-//#endregion
-//#region src/textfield/TextField.tsx
-var w = u(({ className: e, list: n, type: r, min: i, max: a, form: o, ...s }, c) => /* @__PURE__ */ v(b, {
-	...s,
-	children: /* @__PURE__ */ v(C, {
-		className: t(e),
-		form: o,
-		list: n,
-		min: i,
-		max: a,
-		ref: c,
-		type: r,
-		skipContext: !0
-	})
-}));
-w.displayName = "TextField";
-//#endregion
-//#region src/textfield/TextArea.tsx
-var T = u(({ className: e, cols: n, form: r, rows: i, wrap: a, ...o }, s) => /* @__PURE__ */ v(b, {
-	...o,
-	children: /* @__PURE__ */ v(m, {
-		className: t(l.textArea, e),
-		cols: n,
-		form: r,
-		ref: s,
-		rows: i,
-		wrap: a
-	})
-}));
-T.displayName = "TextArea";
-//#endregion
-export { b as i, w as n, C as r, T as t };

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

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

package/color-scheme-switch/ColorSchemeSwitchMenu.stories.d.ts

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

package/combobox/ComboBox.stories.d.ts

@@ -1,43 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { options, optionsWithSections } from '@midas-ds/test-utils';
-import { default as React } from 'react';
-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 _default: {
-    component: typeof ComboBox;
-    title: string;
-    tags: string[];
-    args: {
-        label: string;
-        placeholder: string;
-        description: string;
-        errorMessage: string;
-        errorPosition: "top";
-        size: "large";
-    };
-    argTypes: {
-        placeholder: {
-            control: "text";
-        };
-    };
-    render: (args: import('./ComboBox').ComboBoxProps<{
-        id: import('react-aria-components').Key;
-        name: string;
-    }>) => React.JSX.Element;
-};
-export default _default;
-export declare const Primary: Story;
-export declare const Invalid: Story;
-export declare const DS1253: Story;
-export declare const MediumSizeInvalid: Story;
-export declare const Disabled: Story;
-export declare const ReadOnly: Story;
-export declare const Required: Story;
-export declare const Sectioned: Story<Section>;
-export declare const NotVirtualized: Story<Section>;
-export declare const PerformanceTest: Story;
-export declare const AsynchronousLoadingWithEmptyMessage: Story;
-export declare const InfiniteScroll: Story;
-export declare const WithHelpPopover: Story;

package/date-field/DateField.stories.d.ts

@@ -1,15 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { DateField } from './DateField';
-type Story = StoryObj<typeof DateField>;
-declare const _default: Meta<typeof DateField>;
-export default _default;
-/** Don't put format in description, it changes with browser language settings! */
-export declare const Primary: Story;
-export declare const Invalid: Story;
-export declare const Disabled: Story;
-export declare const ReadOnly: Story;
-/** When using uncontrolled value */
-export declare const WithDefaultValue: Story;
-export declare const DisabledWithDefaultValue: Story;
-export declare const WithClearButton: Story;
-export declare const WithHelpPopover: Story;

package/date-picker/DatePicker.stories.d.ts

@@ -1,17 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { CalendarDate } from '@internationalized/date';
-import { DatePicker } from './DatePicker';
-declare const meta: Meta<typeof DatePicker<CalendarDate>>;
-export default meta;
-type Story = StoryObj<typeof DatePicker<CalendarDate>>;
-export declare const Primary: Story;
-export declare const WithTime: Story;
-export declare const Disabled: Story;
-export declare const DisabledWithDefaultValue: Story;
-export declare const ReadOnly: Story;
-export declare const Invalid: Story;
-export declare const Required: Story;
-export declare const CustomValiation: Story;
-export declare const ControlledState: Story;
-export declare const WithClearButton: Story;
-export declare const WithHelpPopover: Story;

package/date-picker/DateRangePicker.stories.d.ts

@@ -1,39 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { DateRangePicker } from './DateRangePicker';
-type Story = StoryObj<typeof DateRangePicker>;
-declare const _default: {
-    component: import('react').FC<import('./DateRangePicker').DateRangePickerProps>;
-    title: string;
-    tags: string[];
-    parameters: {
-        a11y: {
-            config: {
-                rules: {
-                    id: string;
-                    selector: string;
-                    enabled: boolean;
-                }[];
-            };
-            options: {
-                rules: {
-                    'color-contrast': {
-                        enabled: boolean;
-                    };
-                };
-            };
-        };
-    };
-    args: {
-        label: string;
-        description: string;
-        errorMessage: string;
-        errorPosition: "top";
-    };
-};
-export default _default;
-export declare const Primary: Story;
-export declare const Disabled: Story;
-export declare const ReadOnly: Story;
-export declare const Invalid: Story;
-export declare const WithClearButton: Story;
-export declare const MaxRangeDuration: Story;

package/drop-zone/DropZone.stories.d.ts

@@ -1,16 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { DropZone } from './DropZone';
-declare const meta: Meta<typeof DropZone>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithUploadButton: Story;
-export declare const WithFieldLabel: Story;
-export declare const Invalid: Story;
-export declare const RejectsWrongFileType: Story;
-export declare const RejectsTypeBeforeDrop: Story;
-export declare const Disabled: Story;
-interface DropZoneTestContainerProps {
-    onSelect: (files: File[]) => void;
-}
-export declare const WithFileTrigger: StoryObj<DropZoneTestContainerProps>;

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

@@ -1,31 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { default as React } from 'react';
-import { FileList } from './FileList';
-type Story = StoryObj<typeof FileList>;
-declare const _default: {
-    component: ({ className, children, ...props }: import('./FileList').FileListProps) => React.JSX.Element;
-    subcomponents: {
-        FileListItem: ({ fileName, fileSize, status, progress, errorMessage, onCancel, onDelete, className, }: import('./FileListItem').FileListItemProps) => React.JSX.Element;
-    };
-    title: string;
-    tags: string[];
-    args: {
-        'aria-label': string;
-    };
-    render: (args: import('./FileList').FileListProps) => React.JSX.Element;
-};
-export default _default;
-export declare const Default: Story;
-export declare const WithoutFileSize: Story;
-export declare const Empty: Story;
-export declare const Uploading: Story;
-export declare const UploadingDeterminate: Story;
-export declare const Success: Story;
-export declare const Error: Story;
-export declare const MixedStates: Story;
-export declare const AnimatedCompletion: StoryObj;
-export declare const AnimatedFailure: StoryObj;
-interface FocusTestContainerProps {
-    initialFiles: string[];
-}
-export declare const FocusManagementTest: StoryObj<FocusTestContainerProps>;

package/grid/Grid.stories.d.ts

@@ -1,28 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { Grid } from './Grid';
-type Story = StoryObj<typeof Grid>;
-declare const _default: {
-    component: import('react').FC<import('./Grid').GridProps>;
-    subcomponents: {
-        GridItem: import('react').FC<import('./GridItem').GridItemProps>;
-    };
-    title: string;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-    argTypes: {
-        isContained: {
-            control: {
-                type: "boolean";
-            };
-        };
-        removeMargins: {
-            control: {
-                type: "boolean";
-            };
-        };
-    };
-};
-export default _default;
-export declare const Primary: Story;

package/heading/Heading.stories.d.ts

@@ -1,30 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { Heading } from './Heading';
-type Story = StoryObj<typeof Heading>;
-declare const _default: {
-    component: import('react').FC<import('./Heading').HeadingProps>;
-    title: string;
-    tags: string[];
-    args: {
-        isExpressive: false;
-        enableMargins: false;
-    };
-    argTypes: {
-        level: {
-            control: {
-                max: number;
-                min: number;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Heading1: Story;
-export declare const ExpressiveHeading1: Story;
-export declare const Heading2: Story;
-export declare const ExpressiveHeading2: Story;
-export declare const Heading3: Story;
-export declare const ExpressiveHeading3: Story;
-export declare const ExpressiveHeading4: Story;
-export declare const ExpressiveHeading5: Story;
-export declare const ChangeSemanticElement: Story;

package/info-banner/InfoBanner.stories.d.ts

@@ -1,16 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { default as React } from 'react';
-import { InfoBanner } from './InfoBanner';
-type Story = StoryObj<typeof InfoBanner>;
-declare const _default: {
-    component: React.FC<import('./InfoBanner').InfoBannerProps>;
-    title: string;
-    tags: string[];
-};
-export default _default;
-export declare const Success: Story;
-export declare const Warning: Story;
-export declare const Info: Story;
-export declare const Important: Story;
-export declare const Dismissable: Story;
-export declare const Controlled: Story;

package/label/Label.stories.d.ts

@@ -1,10 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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/link/Link.stories.d.ts

@@ -1,14 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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;
-export declare const NewTab: Story;

package/list-box/ListBox.stories.d.ts

@@ -1,24 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { Fruit, optionsWithSections } from '@midas-ds/test-utils';
-import { ListBox } from './ListBox';
-type Story<T extends object = Fruit> = StoryObj<typeof ListBox<T>>;
-declare const _default: {
-    component: <T extends object>({ className, children, virtualized, size, ...rest }: import('./ListBox').ListBoxProps<T>) => import('react').JSX.Element;
-    subcomponents: {
-        ListBoxItem: <T extends object>({ children, className, textValue, ...rest }: import('react-aria-components').ListBoxItemProps<T>) => import('react').JSX.Element;
-    };
-    tags: string[];
-    title: string;
-    parameters: {
-        layout: string;
-    };
-    args: {
-        'aria-label': string;
-        children: (item: Fruit) => import('react').JSX.Element;
-        items: Fruit[];
-    };
-};
-export default _default;
-export declare const SelectionModeSingle: Story;
-export declare const Sectioned: Story<(typeof optionsWithSections)[0]>;
-export declare const NotVirtualized: Story;

package/logo/Logo.stories.d.ts

@@ -1,7 +0,0 @@
-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

@@ -1,35 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { default as React } from 'react';
-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 object>({ className, size, ...rest }: import('./Menu').MenuProps<T>) => React.JSX.Element;
-    subcomponents: {
-        MenuItem: <T extends object>(props: import('./MenuItem').MenuItemProps<T>) => React.JSX.Element;
-    };
-    render: (args: import('./Menu').MenuProps<object>) => React.JSX.Element;
-    args: {
-        children: (item: object) => React.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/Modal.stories.d.ts

@@ -1,15 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { Modal } from './Modal';
-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/popover/Popover.stories.d.ts

@@ -1,18 +0,0 @@
-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: import('react').ForwardRefExoticComponent<import('./Popover').PopoverProps & import('react').RefAttributes<HTMLElement>>;
-    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

@@ -1,18 +0,0 @@
-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;
-export declare const Circular: Story;
-export declare const CircularSmall: Story;
-export declare const CircularIndeterminate: Story;