@midas-ds/components 17.30.0 → 17.30.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/accordion/index.js +1 -1
- package/badge/index.js +1 -1
- package/breadcrumbs/index.js +1 -1
- package/button/index.js +1 -1
- package/calendar/index.js +1 -1
- package/card/index.js +1 -1
- package/checkbox/index.js +1 -1
- package/chunks/{accordion-BzmYSOS3.js → accordion-DlVM6IKH.js} +3 -3
- package/chunks/{badge-BfK6XrlL.js → badge-C4bXJmhn.js} +1 -1
- package/chunks/{breadcrumbs-DV0ZJc62.js → breadcrumbs-BGnyY3bO.js} +1 -1
- package/chunks/{button-C-WkFek9.js → button-dpe6hXmI.js} +2 -2
- package/chunks/{calendar-Bt1FLxqr.js → calendar-BnT8aqrk.js} +46 -45
- package/chunks/{card-CdH2UMUW.js → card-C0S9Kyi2.js} +3 -3
- package/chunks/{checkbox-DiFQy3MS.js → checkbox-B1RWLsu9.js} +4 -4
- package/chunks/{clear-button-Bv0YGBNG.js → clear-button-DWtOkhCH.js} +1 -1
- package/chunks/clsx-DAqHMl_k.js +7 -0
- package/chunks/{color-scheme-switch-0axiBsna.js → color-scheme-switch-DVyIszaD.js} +4 -4
- package/chunks/{combobox-DkZbA3o4.js → combobox-BLAVO2ax.js} +5 -5
- package/chunks/{date-field-CPpWZqws.js → date-field-D5QLfSD_.js} +5 -5
- package/chunks/date-picker-BWSHiwIN.js +142 -0
- package/chunks/{drop-zone-DH3ZyHsr.js → drop-zone-DNhEbH4w.js} +1 -1
- package/chunks/{field-error-LtNtEKDp.js → field-error-BHoPnRe4.js} +2 -2
- package/chunks/{file-list-D8Zc1aYS.js → file-list-Ntos8dkG.js} +4 -4
- package/chunks/{grid-Cn_8RSvj.js → grid-BR68fpvW.js} +1 -1
- package/chunks/{heading-BEl_z-5T.js → heading-DcOjYrUM.js} +1 -1
- package/chunks/{info-banner-BVKtmVKN.js → info-banner-DXjPEG69.js} +2 -2
- package/chunks/{label-Dw5p84T2.js → label-pGlER0ro.js} +4 -4
- package/chunks/{layout-CUAjEEuH.js → layout-Bue2Lkbc.js} +6 -6
- package/chunks/{link-DHu1cTmz.js → link-B76JDA2N.js} +1 -1
- package/chunks/{link-button-DYg_0p4Y.js → link-button-BeXxC22w.js} +1 -1
- package/chunks/{list-box-DmEoMvX1.js → list-box-BzBJX0nP.js} +3 -3
- package/chunks/{logo-DyZ2pXt7.js → logo-DSJ1bUJZ.js} +1 -1
- package/chunks/{menu-CP0Xvmx0.js → menu-DbQ98noD.js} +1 -1
- package/chunks/{modal-B_uSoXZM.js → modal-C8rs1jfL.js} +3 -3
- package/chunks/{popover-DGcogqbS.js → popover-B82BcP5n.js} +1 -1
- package/chunks/{progress-bar-BfFxpqUv.js → progress-bar-S6GNHQRZ.js} +2 -2
- package/chunks/{radio-_z6ObjYx.js → radio-uAtTm38S.js} +4 -4
- package/chunks/{search-field-Cp_HHDl4.js → search-field-Bx3JApAJ.js} +5 -5
- package/chunks/{select-Wy6NakdH.js → select-CuKVJ1x9.js} +44 -43
- package/chunks/{skeleton-B_BPRPJy.js → skeleton-R_3dS7Ro.js} +1 -1
- package/chunks/{spinner-COGZlDJB.js → spinner-CIjfJeGm.js} +1 -1
- package/chunks/{stack-LF3ExhH9.js → stack-BAHKom_Q.js} +1 -1
- package/chunks/{table-O_Y45Sb7.js → table-DDTeIVh8.js} +2 -2
- package/chunks/{tabs-Co09VWvC.js → tabs-owuRVJ3N.js} +1 -1
- package/chunks/{tag-RjuYlFZI.js → tag-BEawJnJm.js} +2 -2
- package/chunks/{text-DwmZ-ew8.js → text-DnvD4Cjc.js} +1 -1
- package/chunks/textfield-G6u6RJD5.js +113 -0
- package/chunks/{time-field-Cnp-dYhm.js → time-field-Mm1iDLzS.js} +6 -6
- package/chunks/{toast-Dg3fVjSS.js → toast-DZuvVRD_.js} +2 -2
- package/chunks/{toggle-button-CIvsOXQf.js → toggle-button-DD_bXanH.js} +1 -1
- package/chunks/{tooltip-BkesIUIF.js → tooltip-1GBTeMrm.js} +1 -1
- package/clear-button/index.js +1 -1
- package/color-scheme-switch/index.js +1 -1
- package/combobox/index.js +1 -1
- package/date-field/index.js +1 -1
- package/date-picker/index.js +1 -1
- package/drop-zone/index.js +1 -1
- package/field-error/index.js +1 -1
- package/file-list/index.js +1 -1
- package/grid/index.js +1 -1
- package/heading/index.js +1 -1
- package/index.js +45 -44
- package/info-banner/index.js +1 -1
- package/label/index.js +1 -1
- package/layout/Layout.d.ts +1 -2
- package/layout/context/LayoutContext.d.ts +7 -1
- package/layout/index.js +1 -1
- package/link/index.js +1 -1
- package/link-button/index.js +1 -1
- package/list-box/index.js +1 -1
- package/logo/index.js +1 -1
- package/menu/index.js +1 -1
- package/modal/index.js +1 -1
- package/package.json +2 -1
- package/popover/index.js +1 -1
- package/progress-bar/index.js +1 -1
- package/radio/index.js +1 -1
- package/search-field/index.js +1 -1
- package/select/index.js +1 -1
- package/skeleton/index.js +1 -1
- package/spinner/index.js +1 -1
- package/stack/index.js +1 -1
- package/table/index.js +1 -1
- package/tabs/index.js +1 -1
- package/tag/index.js +1 -1
- package/text/index.js +1 -1
- package/textfield/index.js +1 -1
- package/time-field/index.js +1 -1
- package/toast/index.js +1 -1
- package/toggle-button/index.js +1 -1
- package/tooltip/index.js +1 -1
- package/accordion/Accordion.stories.d.ts +0 -23
- package/accordion/AccordionItem.stories.d.ts +0 -25
- package/badge/Badge.stories.d.ts +0 -17
- package/breadcrumbs/Breadcrumbs.stories.d.ts +0 -25
- package/button/Button.stories.d.ts +0 -25
- package/button/ButtonGroup.stories.d.ts +0 -15
- package/calendar/Calendar.stories.d.ts +0 -17
- package/calendar/RangeCalendar.stories.d.ts +0 -15
- package/card/Card.stories.d.ts +0 -19
- package/checkbox/Checkbox.stories.d.ts +0 -30
- package/checkbox/CheckboxGroup.stories.d.ts +0 -31
- package/chunks/clsx-Di52oYUU.js +0 -23
- package/chunks/date-picker-DQ7vCG5-.js +0 -142
- package/chunks/textfield-Bu0Hg2pJ.js +0 -112
- package/color-scheme-switch/ColorSchemeSwitch.stories.d.ts +0 -7
- package/color-scheme-switch/ColorSchemeSwitchMenu.stories.d.ts +0 -8
- package/combobox/ComboBox.stories.d.ts +0 -43
- package/date-field/DateField.stories.d.ts +0 -15
- package/date-picker/DatePicker.stories.d.ts +0 -17
- package/date-picker/DateRangePicker.stories.d.ts +0 -39
- package/drop-zone/DropZone.stories.d.ts +0 -16
- package/file-list/FileList.stories.d.ts +0 -31
- package/grid/Grid.stories.d.ts +0 -28
- package/heading/Heading.stories.d.ts +0 -30
- package/info-banner/InfoBanner.stories.d.ts +0 -16
- package/label/Label.stories.d.ts +0 -10
- package/layout/Layout.stories.d.ts +0 -9
- package/link/Link.stories.d.ts +0 -14
- package/link-button/LinkButton.stories.d.ts +0 -13
- package/list-box/ListBox.stories.d.ts +0 -24
- package/logo/Logo.stories.d.ts +0 -7
- package/menu/Menu.stories.d.ts +0 -35
- package/modal/Modal.stories.d.ts +0 -15
- package/popover/Popover.stories.d.ts +0 -18
- package/progress-bar/ProgressBar.stories.d.ts +0 -18
- package/radio/Radio.stories.d.ts +0 -110
- package/radio/RadioGroup.stories.d.ts +0 -27
- package/search-field/SearchField.stories.d.ts +0 -34
- package/select/Select.stories.d.ts +0 -53
- package/skeleton/Skeleton.Form.stories.d.ts +0 -20
- package/skeleton/Skeleton.stories.d.ts +0 -10
- package/spinner/Spinner.stories.d.ts +0 -20
- package/stack/Stack.stories.d.ts +0 -24
- package/table/Table.stories.d.ts +0 -39
- package/tabs/Tabs.stories.d.ts +0 -31
- package/tag/Tag.stories.d.ts +0 -17
- package/text/Text.stories.d.ts +0 -10
- package/textfield/TextArea.stories.d.ts +0 -365
- package/textfield/TextField.stories.d.ts +0 -39
- package/time-field/TimeField.stories.d.ts +0 -37
- package/toast/Toast.stories.d.ts +0 -24
- package/tooltip/Tooltip.stories.d.ts +0 -26
package/link/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../chunks/link-
|
|
1
|
+
import { n as e, t } from "../chunks/link-B76JDA2N.js";
|
|
2
2
|
export { t as Link, e as RouterProvider };
|
package/link-button/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../chunks/link-button-
|
|
1
|
+
import { n as e, t } from "../chunks/link-button-BeXxC22w.js";
|
|
2
2
|
export { t as LinkButton, e as RouterProvider };
|
package/list-box/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../chunks/list-box-
|
|
1
|
+
import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../chunks/list-box-BzBJX0nP.js";
|
|
2
2
|
export { t as ListBox, o as ListBoxButton, s as ListBoxEmptyState, r as ListBoxHeader, i as ListBoxItem, a as ListBoxLoadMoreItem, e as ListBoxPopover, n as ListBoxSection };
|
package/logo/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../chunks/logo-
|
|
1
|
+
import { n as e, t } from "../chunks/logo-DSJ1bUJZ.js";
|
|
2
2
|
export { t as Logo, e as LogoContext };
|
package/menu/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/menu-
|
|
1
|
+
import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/menu-DbQ98noD.js";
|
|
2
2
|
export { e as Menu, t as MenuItem, i as MenuPopover, n as MenuSection, r as MenuTrigger, a as Separator };
|
package/modal/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, r as t, t as n } from "../chunks/modal-
|
|
1
|
+
import { n as e, r as t, t as n } from "../chunks/modal-C8rs1jfL.js";
|
|
2
2
|
export { n as DialogTrigger, e as Modal, t as ModalOverlay };
|
package/package.json
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"description": "Midas Components",
|
|
15
15
|
"homepage": "https://designsystem.migrationsverket.se/",
|
|
16
16
|
"license": "CC0-1.0",
|
|
17
|
-
"version": "17.30.
|
|
17
|
+
"version": "17.30.1",
|
|
18
18
|
"module": "./index.js",
|
|
19
19
|
"type": "module",
|
|
20
20
|
"main": "./index.js",
|
|
@@ -45,6 +45,7 @@
|
|
|
45
45
|
"@midas-ds/theme": "3.17.7",
|
|
46
46
|
"@react-stately/utils": "3.12.1",
|
|
47
47
|
"lucide-react": ">=0.563.0 <2.0.0",
|
|
48
|
+
"clsx": "^2.1.1",
|
|
48
49
|
"react-aria-components": "1.21.1",
|
|
49
50
|
"react-aria": "3.52.1",
|
|
50
51
|
"react-stately": "3.50.0"
|
package/popover/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/popover-
|
|
1
|
+
import { t as e } from "../chunks/popover-B82BcP5n.js";
|
|
2
2
|
export { e as Popover };
|
package/progress-bar/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/progress-bar-
|
|
1
|
+
import { t as e } from "../chunks/progress-bar-S6GNHQRZ.js";
|
|
2
2
|
export { e as ProgressBar };
|
package/radio/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as e, n as t, r as n, t as r } from "../chunks/radio-
|
|
1
|
+
import { i as e, n as t, r as n, t as r } from "../chunks/radio-uAtTm38S.js";
|
|
2
2
|
export { t as Radio, n as RadioButton, e as RadioField, r as RadioGroup };
|
package/search-field/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/search-field-
|
|
1
|
+
import { t as e } from "../chunks/search-field-Bx3JApAJ.js";
|
|
2
2
|
export { e as SearchField };
|
package/select/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../chunks/select-
|
|
1
|
+
import { n as e, t } from "../chunks/select-CuKVJ1x9.js";
|
|
2
2
|
export { t as Select, e as SelectTrigger };
|
package/skeleton/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/skeleton-
|
|
1
|
+
import { t as e } from "../chunks/skeleton-R_3dS7Ro.js";
|
|
2
2
|
export { e as Skeleton };
|
package/spinner/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/spinner-
|
|
1
|
+
import { t as e } from "../chunks/spinner-CIjfJeGm.js";
|
|
2
2
|
export { e as Spinner };
|
package/stack/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/stack-
|
|
1
|
+
import { t as e } from "../chunks/stack-BAHKom_Q.js";
|
|
2
2
|
export { e as Stack };
|
package/table/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/table-
|
|
1
|
+
import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/table-DDTeIVh8.js";
|
|
2
2
|
export { a as Cell, n as Column, i as Row, t as Table, e as TableBody, r as TableHeader };
|
package/tabs/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as e, n as t, r as n, t as r } from "../chunks/tabs-
|
|
1
|
+
import { i as e, n as t, r as n, t as r } from "../chunks/tabs-owuRVJ3N.js";
|
|
2
2
|
export { n as Tab, r as TabList, t as TabPanel, e as Tabs };
|
package/tag/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, r as t, t as n } from "../chunks/tag-
|
|
1
|
+
import { n as e, r as t, t as n } from "../chunks/tag-BEawJnJm.js";
|
|
2
2
|
export { t as Tag, n as TagGroup, e as TagList };
|
package/text/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/text-
|
|
1
|
+
import { t as e } from "../chunks/text-DnvD4Cjc.js";
|
|
2
2
|
export { e as Text };
|
package/textfield/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as e, n as t, r as n, t as r } from "../chunks/textfield-
|
|
1
|
+
import { i as e, n as t, r as n, t as r } from "../chunks/textfield-G6u6RJD5.js";
|
|
2
2
|
export { n as Input, r as TextArea, t as TextField, e as TextFieldBase };
|
package/time-field/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/time-field-
|
|
1
|
+
import { t as e } from "../chunks/time-field-Mm1iDLzS.js";
|
|
2
2
|
export { e as TimeField };
|
package/toast/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/toast-
|
|
1
|
+
import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/toast-DZuvVRD_.js";
|
|
2
2
|
export { a as GlobalToastRegion, n as Toast, i as ToastProvider, t as ToastRegion, e as toastQueue, r as useToastState };
|
package/toggle-button/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../chunks/toggle-button-
|
|
1
|
+
import { n as e, t } from "../chunks/toggle-button-DD_bXanH.js";
|
|
2
2
|
export { e as ToggleButton, t as ToggleButtonGroup };
|
package/tooltip/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../chunks/tooltip-
|
|
1
|
+
import { n as e, t } from "../chunks/tooltip-1GBTeMrm.js";
|
|
2
2
|
export { t as Tooltip, e as TooltipTrigger };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
3
|
-
import { Accordion } from '.';
|
|
4
|
-
type Story = StoryObj<typeof Accordion>;
|
|
5
|
-
declare const _default: {
|
|
6
|
-
component: React.FC<import('./Accordion').AccordionProps>;
|
|
7
|
-
subcomponents: {
|
|
8
|
-
AccordionItem: React.ComponentType<unknown>;
|
|
9
|
-
};
|
|
10
|
-
title: string;
|
|
11
|
-
tags: string[];
|
|
12
|
-
args: {
|
|
13
|
-
size: "large";
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
export default _default;
|
|
17
|
-
export declare const Default: Story;
|
|
18
|
-
export declare const Contained: Story;
|
|
19
|
-
export declare const AllowsMultipleExpanded: Story;
|
|
20
|
-
export declare const DefaultExpandedKeys: Story;
|
|
21
|
-
export declare const CustomTriggerElements: Story;
|
|
22
|
-
export declare const DynamicContent: Story;
|
|
23
|
-
export declare const DS1060: Story;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { AccordionItem } from './AccordionItem';
|
|
3
|
-
type Story = StoryObj<typeof AccordionItem>;
|
|
4
|
-
declare const _default: {
|
|
5
|
-
component: ({ title, children, className, headingLevel, type, hasBackground, size, isContained: isContainedFromProp, iconAriaLabel, ...props }: import('./AccordionItem').AccordionItemProps) => import('react').JSX.Element;
|
|
6
|
-
title: string;
|
|
7
|
-
tags: string[];
|
|
8
|
-
args: {
|
|
9
|
-
title: string;
|
|
10
|
-
children: string;
|
|
11
|
-
size: "large";
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
export default _default;
|
|
15
|
-
export declare const Default: Story;
|
|
16
|
-
export declare const Contained: Story;
|
|
17
|
-
export declare const Success: Story;
|
|
18
|
-
export declare const Info: Story;
|
|
19
|
-
export declare const Warning: Story;
|
|
20
|
-
export declare const Important: Story;
|
|
21
|
-
export declare const TypeWithoutContained: Story;
|
|
22
|
-
export declare const Disabled: Story;
|
|
23
|
-
export declare const StatusDisabled: Story;
|
|
24
|
-
export declare const HasBackground: Story;
|
|
25
|
-
export declare const NoBackground: Story;
|
package/badge/Badge.stories.d.ts
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Badge } from './Badge';
|
|
3
|
-
type Story = StoryObj<typeof Badge>;
|
|
4
|
-
declare const _default: {
|
|
5
|
-
component: import('react').FC<import('react').HTMLAttributes<HTMLSpanElement>>;
|
|
6
|
-
title: string;
|
|
7
|
-
tags: string[];
|
|
8
|
-
parameters: {
|
|
9
|
-
layout: string;
|
|
10
|
-
};
|
|
11
|
-
args: {};
|
|
12
|
-
render: (args: import('react').HTMLAttributes<HTMLSpanElement>) => import('react').JSX.Element;
|
|
13
|
-
};
|
|
14
|
-
export default _default;
|
|
15
|
-
export declare const NoLabel: Story;
|
|
16
|
-
export declare const WithLabel: Story;
|
|
17
|
-
export declare const LongLabel: Story;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Breadcrumbs } from './Breadcrumbs';
|
|
3
|
-
type Item = {
|
|
4
|
-
title: string;
|
|
5
|
-
href: string;
|
|
6
|
-
};
|
|
7
|
-
type Story = StoryObj<typeof Breadcrumbs<Item>>;
|
|
8
|
-
declare const _default: {
|
|
9
|
-
component: <T extends object>({ className, ...rest }: import('./Breadcrumbs').BreadcrumbsProps<T>) => import('react').JSX.Element;
|
|
10
|
-
subcomponents: {
|
|
11
|
-
Breadcrumb: ({ className, children, ...rest }: import('./Breadcrumb').BreadcrumbProps) => import('react').JSX.Element;
|
|
12
|
-
Link: <C extends React.ElementType = (props: import('react-aria-components').LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null>({ children, standalone, target, stretched, download, icon: customIcon, className, as, ...rest }: import('..').LinkProps<C>) => import('react').JSX.Element;
|
|
13
|
-
};
|
|
14
|
-
title: string;
|
|
15
|
-
tags: string[];
|
|
16
|
-
args: {
|
|
17
|
-
items: {
|
|
18
|
-
title: string;
|
|
19
|
-
href: string;
|
|
20
|
-
}[];
|
|
21
|
-
children: (item: Item) => import('react').JSX.Element;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
export default _default;
|
|
25
|
-
export declare const Primary: Story;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Button } from './Button';
|
|
3
|
-
declare const meta: Meta<typeof Button>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Button>;
|
|
6
|
-
export declare const Primary: Story;
|
|
7
|
-
export declare const Secondary: Story;
|
|
8
|
-
export declare const TertiaryWithIcon: Story;
|
|
9
|
-
export declare const PrimaryDisabled: Story;
|
|
10
|
-
export declare const SecondaryDisabled: Story;
|
|
11
|
-
export declare const PrimaryFullwidth: {
|
|
12
|
-
args: {
|
|
13
|
-
children: string;
|
|
14
|
-
fullwidth: boolean;
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
export declare const Icon: {
|
|
18
|
-
args: {
|
|
19
|
-
children: undefined;
|
|
20
|
-
icon: import('lucide-react').LucideIcon;
|
|
21
|
-
variant: string;
|
|
22
|
-
'aria-label': string;
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
export declare const Danger: Story;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { ButtonGroup } from './ButtonGroup';
|
|
3
|
-
type Story = StoryObj<typeof ButtonGroup>;
|
|
4
|
-
declare const _default: {
|
|
5
|
-
component: import('react').FC<import('react').HTMLAttributes<HTMLDivElement>>;
|
|
6
|
-
title: string;
|
|
7
|
-
tags: string[];
|
|
8
|
-
parameters: {
|
|
9
|
-
layout: string;
|
|
10
|
-
};
|
|
11
|
-
args: {};
|
|
12
|
-
argTypes: {};
|
|
13
|
-
};
|
|
14
|
-
export default _default;
|
|
15
|
-
export declare const Primary: Story;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Calendar } from './Calendar';
|
|
3
|
-
type Story = StoryObj<typeof Calendar<'single'>>;
|
|
4
|
-
declare const _default: {
|
|
5
|
-
component: <M extends import('react-stately/useCalendarState').CalendarSelectionMode = "single">({ className, errorMessage, showMonthYearPicker, ...rest }: import('./Calendar').CalendarProps<M>) => import('react').JSX.Element;
|
|
6
|
-
render: (args: import('./Calendar').CalendarProps<"single">) => import('react').JSX.Element;
|
|
7
|
-
title: string;
|
|
8
|
-
tags: string[];
|
|
9
|
-
};
|
|
10
|
-
export default _default;
|
|
11
|
-
export declare const Primary: Story;
|
|
12
|
-
export declare const Disabled: Story;
|
|
13
|
-
export declare const ReadOnly: Story;
|
|
14
|
-
export declare const Invalid: Story;
|
|
15
|
-
export declare const UnavailableWeekends: Story;
|
|
16
|
-
export declare const WithMonthYearPicker: Story;
|
|
17
|
-
export declare const MultiSelect: StoryObj<typeof Calendar<'multiple'>>;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { RangeCalendar } from './RangeCalendar';
|
|
3
|
-
type Story = StoryObj<typeof RangeCalendar>;
|
|
4
|
-
declare const _default: {
|
|
5
|
-
component: ({ className, errorMessage, showMonthYearPicker, commitBehavior, ...rest }: import('./RangeCalendar').RangeCalendarProps) => import('react').JSX.Element;
|
|
6
|
-
title: string;
|
|
7
|
-
tags: string[];
|
|
8
|
-
};
|
|
9
|
-
export default _default;
|
|
10
|
-
export declare const Primary: Story;
|
|
11
|
-
export declare const SelectedDates: Story;
|
|
12
|
-
export declare const Disabled: Story;
|
|
13
|
-
export declare const ReadOnly: Story;
|
|
14
|
-
export declare const WithMonthYearPicker: Story;
|
|
15
|
-
export declare const MaxRangeDuration: Story;
|
package/card/Card.stories.d.ts
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Card } from './Card';
|
|
3
|
-
declare const meta: Meta<typeof Card>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Card>;
|
|
6
|
-
export declare const Example: Story;
|
|
7
|
-
export declare const WithHeaderAndBody: Story;
|
|
8
|
-
export declare const WithHeaderImageAndBody: Story;
|
|
9
|
-
export declare const WithImageHeaderAndBody: Story;
|
|
10
|
-
export declare const WithCustomBody: Story;
|
|
11
|
-
export declare const CardWithImageAndAction: Story;
|
|
12
|
-
export declare const LegacyExample: Story;
|
|
13
|
-
export declare const LegacyWithActions: Story;
|
|
14
|
-
export declare const LegacyWithPrimaryAction: Story;
|
|
15
|
-
export declare const LegacyWithLink: Story;
|
|
16
|
-
export declare const LegacyWithCustomLink: Story;
|
|
17
|
-
export declare const LegacyWithImage: Story;
|
|
18
|
-
export declare const WithFormFields: Story;
|
|
19
|
-
export declare const LegacyWithContainedImage: Story;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Checkbox } from './Checkbox';
|
|
3
|
-
type Story = StoryObj<typeof Checkbox>;
|
|
4
|
-
declare const _default: {
|
|
5
|
-
component: import('react').ForwardRefExoticComponent<import('./Checkbox').CheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
|
|
6
|
-
title: string;
|
|
7
|
-
tags: string[];
|
|
8
|
-
parameters: {
|
|
9
|
-
layout: string;
|
|
10
|
-
};
|
|
11
|
-
args: {
|
|
12
|
-
isDisabled: false;
|
|
13
|
-
isIndeterminate: false;
|
|
14
|
-
isInvalid: false;
|
|
15
|
-
isReadOnly: false;
|
|
16
|
-
isRequired: false;
|
|
17
|
-
value: string;
|
|
18
|
-
children: string;
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
export default _default;
|
|
22
|
-
export declare const Primary: Story;
|
|
23
|
-
export declare const Disabled: Story;
|
|
24
|
-
export declare const ReadOnly: Story;
|
|
25
|
-
export declare const Invalid: Story;
|
|
26
|
-
export declare const Indeterminate: Story;
|
|
27
|
-
export declare const Selected: Story;
|
|
28
|
-
export declare const WithDescription: Story;
|
|
29
|
-
export declare const WithErrorMessage: Story;
|
|
30
|
-
export declare const Required: Story;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { CheckboxGroup } from './CheckboxGroup';
|
|
3
|
-
type Story = StoryObj<typeof CheckboxGroup>;
|
|
4
|
-
declare const _default: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: ({ label, description, errorMessage, errorPosition, popover, showSelectAll, selectAllLabel, className, children, ...props }: import('./CheckboxGroup').CheckboxGroupProps) => import('react').JSX.Element;
|
|
7
|
-
parameters: {
|
|
8
|
-
layout: string;
|
|
9
|
-
};
|
|
10
|
-
args: {
|
|
11
|
-
isInvalid: false;
|
|
12
|
-
isDisabled: false;
|
|
13
|
-
isRequired: false;
|
|
14
|
-
isReadOnly: false;
|
|
15
|
-
label: string;
|
|
16
|
-
description: string;
|
|
17
|
-
errorMessage: string;
|
|
18
|
-
errorPosition: "top";
|
|
19
|
-
children: import('react').JSX.Element[];
|
|
20
|
-
};
|
|
21
|
-
tags: string[];
|
|
22
|
-
};
|
|
23
|
-
export default _default;
|
|
24
|
-
export declare const Primary: Story;
|
|
25
|
-
export declare const ShowSelectAll: Story;
|
|
26
|
-
export declare const SelectAllInteraction: Story;
|
|
27
|
-
export declare const SelectAllWithPreselectedDisabledItem: Story;
|
|
28
|
-
export declare const Disabled: Story;
|
|
29
|
-
export declare const ReadOnly: Story;
|
|
30
|
-
export declare const Invalid: Story;
|
|
31
|
-
export declare const WithHelpPopover: Story;
|
package/chunks/clsx-Di52oYUU.js
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
//#region ../../node_modules/clsx/dist/clsx.mjs
|
|
2
|
-
function e(t) {
|
|
3
|
-
var n, r, i = "";
|
|
4
|
-
if (typeof t == "string" || typeof t == "number") i += t;
|
|
5
|
-
else if (typeof t == "object") {
|
|
6
|
-
if (Array.isArray(t)) {
|
|
7
|
-
var a = t.length;
|
|
8
|
-
for (n = 0; n < a; n++) t[n] && (r = e(t[n])) && (i && (i += " "), i += r);
|
|
9
|
-
} else for (r in t) t[r] && (i && (i += " "), i += r);
|
|
10
|
-
}
|
|
11
|
-
return i;
|
|
12
|
-
}
|
|
13
|
-
function t() {
|
|
14
|
-
for (var t, n, r = 0, i = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (n = e(t)) && (i && (i += " "), i += n);
|
|
15
|
-
return i;
|
|
16
|
-
}
|
|
17
|
-
//#endregion
|
|
18
|
-
//#region src/utils/clsx.ts
|
|
19
|
-
function n(...e) {
|
|
20
|
-
return e.some((e) => typeof e == "function") ? (n) => t(e.map((e) => typeof e == "function" ? e(n) : e)) : t(e);
|
|
21
|
-
}
|
|
22
|
-
//#endregion
|
|
23
|
-
export { t as n, n as t };
|
|
@@ -1,142 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { n as e } from "./clsx-Di52oYUU.js";
|
|
3
|
-
import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
|
|
4
|
-
import { n } from "./button-C-WkFek9.js";
|
|
5
|
-
import { n as r, t as i } from "./calendar-Bt1FLxqr.js";
|
|
6
|
-
import { n as a, t as o } from "./label-Dw5p84T2.js";
|
|
7
|
-
import { t as s } from "./text-DwmZ-ew8.js";
|
|
8
|
-
import { t as c } from "./field-error-LtNtEKDp.js";
|
|
9
|
-
import { t as l } from "./clear-button-Bv0YGBNG.js";
|
|
10
|
-
import { n as u, r as d, t as f } from "./date-field-CPpWZqws.js";
|
|
11
|
-
import * as p from "react";
|
|
12
|
-
import { DatePicker as m, DatePickerStateContext as h, DateRangePicker as g, DateRangePickerStateContext as _, Group as v, Popover as y } from "react-aria-components";
|
|
13
|
-
import { jsx as b, jsxs as x } from "react/jsx-runtime";
|
|
14
|
-
import { CalendarDays as S } from "lucide-react";
|
|
15
|
-
import { FocusScope as C, useFocusManager as w } from "react-aria";
|
|
16
|
-
import '../assets/date-picker.css';var T = {
|
|
17
|
-
en: {
|
|
18
|
-
clear: "Clear date",
|
|
19
|
-
"open-calendar": "Open calendar"
|
|
20
|
-
},
|
|
21
|
-
sv: {
|
|
22
|
-
clear: "Rensa datum",
|
|
23
|
-
"open-calendar": "Öppna kalender"
|
|
24
|
-
}
|
|
25
|
-
}, E = {
|
|
26
|
-
datePicker: "_datePicker_14wog_1",
|
|
27
|
-
inputField: "_inputField_14wog_8",
|
|
28
|
-
medium: "_medium_14wog_24",
|
|
29
|
-
readOnly: "_readOnly_14wog_47",
|
|
30
|
-
buttonGroup: "_buttonGroup_14wog_52",
|
|
31
|
-
iconButton: "_iconButton_14wog_58",
|
|
32
|
-
popover: "_popover_14wog_81 _dropdownAnimation_1ljkv_4"
|
|
33
|
-
}, D = (e) => !!e && !!e.value && Object.prototype.hasOwnProperty.call(e.value, "start"), O = ({ isClearable: n, isDisabled: r, isReadOnly: i, size: a }) => {
|
|
34
|
-
let o = p.useContext(h), s = p.useContext(_), c = t(T), u = w(), d = s ?? o, f = D(d) ? !!d.value.start && d.value.end : !!d?.value;
|
|
35
|
-
return n && f && !i ? /* @__PURE__ */ b(l, {
|
|
36
|
-
onPress: () => {
|
|
37
|
-
d?.setValue(null), u?.focusFirst();
|
|
38
|
-
},
|
|
39
|
-
size: a,
|
|
40
|
-
isDisabled: r,
|
|
41
|
-
"aria-label": c.format("clear"),
|
|
42
|
-
className: e(E.iconButton, { [E.medium]: a === "medium" })
|
|
43
|
-
}) : null;
|
|
44
|
-
}, k = ({ children: r, isDisabled: i, isInvalid: a, isReadOnly: o, size: s = "large", isClearable: c = !1 }) => {
|
|
45
|
-
let l = t(T);
|
|
46
|
-
return /* @__PURE__ */ b(v, {
|
|
47
|
-
className: e(E.inputField, {
|
|
48
|
-
[E.medium]: s === "medium",
|
|
49
|
-
[E.readOnly]: o
|
|
50
|
-
}),
|
|
51
|
-
children: /* @__PURE__ */ x(C, { children: [r, /* @__PURE__ */ x("div", {
|
|
52
|
-
className: E.buttonGroup,
|
|
53
|
-
children: [/* @__PURE__ */ b(O, {
|
|
54
|
-
isClearable: c,
|
|
55
|
-
isDisabled: i,
|
|
56
|
-
isReadOnly: o,
|
|
57
|
-
size: s
|
|
58
|
-
}), /* @__PURE__ */ b(n, {
|
|
59
|
-
variant: "icon",
|
|
60
|
-
"aria-label": l.format("open-calendar"),
|
|
61
|
-
className: e(E.iconButton, {
|
|
62
|
-
[E.medium]: s === "medium",
|
|
63
|
-
[E.readOnly]: o
|
|
64
|
-
}),
|
|
65
|
-
"data-invalid": a || void 0,
|
|
66
|
-
size: s,
|
|
67
|
-
children: /* @__PURE__ */ b(S, {
|
|
68
|
-
"aria-hidden": !0,
|
|
69
|
-
size: 20
|
|
70
|
-
})
|
|
71
|
-
})]
|
|
72
|
-
})] })
|
|
73
|
-
});
|
|
74
|
-
}, A = ({ children: e }) => /* @__PURE__ */ b(y, {
|
|
75
|
-
className: E.popover,
|
|
76
|
-
children: e
|
|
77
|
-
}), j = p.forwardRef(({ className: t, description: n, errorMessage: i, errorPosition: l = "top", label: f, popover: p, isClearable: h = !1, isReadOnly: g, isDisabled: _, size: v, ...y }, S) => /* @__PURE__ */ x(m, {
|
|
78
|
-
className: e(E.datePicker, t),
|
|
79
|
-
isReadOnly: g,
|
|
80
|
-
isDisabled: _,
|
|
81
|
-
ref: S,
|
|
82
|
-
...y,
|
|
83
|
-
children: [
|
|
84
|
-
/* @__PURE__ */ b(a, {
|
|
85
|
-
popover: p,
|
|
86
|
-
children: f && /* @__PURE__ */ b(o, { children: f })
|
|
87
|
-
}),
|
|
88
|
-
n && /* @__PURE__ */ b(s, {
|
|
89
|
-
slot: "description",
|
|
90
|
-
children: n
|
|
91
|
-
}),
|
|
92
|
-
l === "top" && /* @__PURE__ */ b(c, { children: i }),
|
|
93
|
-
/* @__PURE__ */ b(k, {
|
|
94
|
-
isClearable: h,
|
|
95
|
-
isReadOnly: g,
|
|
96
|
-
isDisabled: _,
|
|
97
|
-
size: v,
|
|
98
|
-
...y,
|
|
99
|
-
children: /* @__PURE__ */ b(u, { children: (e) => /* @__PURE__ */ b(d, { segment: e }) })
|
|
100
|
-
}),
|
|
101
|
-
l === "bottom" && /* @__PURE__ */ b(c, { children: i }),
|
|
102
|
-
/* @__PURE__ */ b(A, { children: /* @__PURE__ */ b(r, {}) })
|
|
103
|
-
]
|
|
104
|
-
})), M = ({ className: t, description: n, errorMessage: r, errorPosition: l = "top", label: p, popover: m, isClearable: h = !1, isReadOnly: _, isDisabled: v, size: y, ...S }) => /* @__PURE__ */ x(g, {
|
|
105
|
-
className: e(E.datePicker, t),
|
|
106
|
-
isReadOnly: _,
|
|
107
|
-
isDisabled: v,
|
|
108
|
-
...S,
|
|
109
|
-
children: [
|
|
110
|
-
/* @__PURE__ */ b(a, {
|
|
111
|
-
popover: m,
|
|
112
|
-
children: p && /* @__PURE__ */ b(o, { children: p })
|
|
113
|
-
}),
|
|
114
|
-
n && /* @__PURE__ */ b(s, {
|
|
115
|
-
slot: "description",
|
|
116
|
-
children: n
|
|
117
|
-
}),
|
|
118
|
-
l === "top" && /* @__PURE__ */ b(c, { children: r }),
|
|
119
|
-
/* @__PURE__ */ x(k, {
|
|
120
|
-
isClearable: h,
|
|
121
|
-
isReadOnly: _,
|
|
122
|
-
isDisabled: v,
|
|
123
|
-
size: y,
|
|
124
|
-
...S,
|
|
125
|
-
children: [
|
|
126
|
-
/* @__PURE__ */ b(u, {
|
|
127
|
-
slot: "start",
|
|
128
|
-
children: (e) => /* @__PURE__ */ b(d, { segment: e })
|
|
129
|
-
}),
|
|
130
|
-
/* @__PURE__ */ b(f, {}),
|
|
131
|
-
/* @__PURE__ */ b(u, {
|
|
132
|
-
slot: "end",
|
|
133
|
-
children: (e) => /* @__PURE__ */ b(d, { segment: e })
|
|
134
|
-
})
|
|
135
|
-
]
|
|
136
|
-
}),
|
|
137
|
-
l === "bottom" && /* @__PURE__ */ b(c, { children: r }),
|
|
138
|
-
/* @__PURE__ */ b(A, { children: /* @__PURE__ */ b(i, {}) })
|
|
139
|
-
]
|
|
140
|
-
});
|
|
141
|
-
//#endregion
|
|
142
|
-
export { j as n, M as t };
|