@midas-ds/components 16.6.2 → 16.6.4
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 +25 -0
- package/accordion/index.js +1 -1
- package/assets/Dialog.css +1 -1
- package/assets/ProgressBar.css +1 -1
- package/assets/Skeleton.css +1 -1
- package/assets/Spinner.css +1 -1
- package/assets/Toast.css +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 +2 -2
- package/chunks/{AccordionItem-BvJQhuYO.js → AccordionItem-CSvARy63.js} +3 -3
- package/chunks/{Breadcrumbs-By2bMbQd.js → Breadcrumbs-DFwP6lAP.js} +1 -1
- package/chunks/{Button-BGu-SRi7.js → Button-CaLOUTDO.js} +1 -1
- package/chunks/{Card-ia98VoKL.js → Card-DMSnokPn.js} +7 -7
- package/chunks/Checkbox-CRLj7_Ox.js +146 -0
- package/chunks/{CheckboxGroup-KqlchsTK.js → CheckboxGroup-DSXCj_ho.js} +2 -2
- package/chunks/{ClearButton-Dtkd_M_7.js → ClearButton-DPm_d7SL.js} +2 -2
- package/chunks/{ColorSchemeSwitch-CaqrCGTA.js → ColorSchemeSwitch-DOQ0yjtt.js} +1 -1
- package/chunks/{ComboBox-C-pAiys0.js → ComboBox-B7T13rzp.js} +3 -3
- package/chunks/{DateField-Scz9gaJl.js → DateField-zdUv4ooW.js} +3 -3
- package/chunks/{DateInputDivider-CkTB5q5k.js → DateInputDivider-DwopMIb9.js} +3 -3
- package/chunks/{DateRangePicker-DQfV97yu.js → DateRangePicker-D6lnN0ox.js} +6 -6
- package/chunks/{Dialog-DRpxD3Gh.js → Dialog-BHxDzbf8.js} +2 -2
- package/chunks/{FeedbackStatusIcon-YJaUAfjp.js → FeedbackStatusIcon-X9Bjgeta.js} +3 -3
- package/chunks/{FileUpload-h1PxqQmb.js → FileUpload-Cu8DCSjX.js} +3 -3
- package/chunks/{InfoBanner-DEwlyEud.js → InfoBanner-C4HnaXQO.js} +3 -3
- package/chunks/{Label-xWKvOuML.js → Label-6GZmmff9.js} +2 -2
- package/chunks/{Layout-MPNSphLF.js → Layout-C2-vyEKy.js} +4 -4
- package/chunks/Link-rqGQvFQq.js +58 -0
- package/chunks/LinkButton-B1zayj7k.js +67 -0
- package/chunks/{ListBoxLoadMoreItem-CygpsU3W.js → ListBoxLoadMoreItem-ufPaJaNS.js} +1 -1
- package/chunks/{ListBoxSection-MZB_5DdD.js → ListBoxSection-C4y3K7T5.js} +4 -4
- package/chunks/{Logo-CsWcKqIg.js → Logo-CCxPAmgw.js} +45 -39
- package/chunks/{ProgressBar-KQdaaME2.js → ProgressBar-Dg0JMQ71.js} +1 -1
- package/chunks/{Radio-BD-ICPhb.js → Radio-Bp-JwJid.js} +1 -1
- package/chunks/{RangeCalendar-CW38S2L8.js → RangeCalendar-h9wkh43W.js} +3 -3
- package/chunks/{SearchField-44UKmB8Z.js → SearchField-Dcs9LjKo.js} +3 -3
- package/chunks/{Select-BJlDjYWX.js → Select-BYz3DdXs.js} +14 -14
- package/chunks/{Select-Cz3Y8abd.js → Select-w2o-VyrP.js} +6 -6
- package/chunks/{Separator-BcnQEA9f.js → Separator-XIzn8lsq.js} +2 -2
- package/chunks/{Spinner-tvJ7rPiT.js → Spinner-CfKMn18u.js} +1 -1
- package/chunks/{TabList-D2XV5ixe.js → TabList-BaR443mu.js} +3 -3
- package/chunks/{Table-BgsgXhC_.js → Table-UbdCFrkS.js} +12 -12
- package/chunks/{Tag-CZrQBEgv.js → Tag-C7VZ0T0o.js} +2 -2
- package/chunks/{TextArea-Dudj2zg4.js → TextArea-Ceo3ziOi.js} +4 -4
- package/chunks/Toast-D7PXIDa9.js +157 -0
- package/chunks/{arrow-right-DNeP8Eqv.js → arrow-right-BVcFGZmy.js} +1 -1
- package/chunks/{check-BxlvVsvD.js → check-Bt2UikoU.js} +1 -1
- package/chunks/{chevron-down-DgT-uSF9.js → chevron-down-BBFYYzZq.js} +1 -1
- package/chunks/{chevron-right-GpyqdYK4.js → chevron-right-DvXGOiS_.js} +1 -1
- package/chunks/{createLucideIcon-D4r5Phnh.js → createLucideIcon-CP-mMPfa.js} +15 -10
- package/chunks/{info-kdfED7Wh.js → info-N5jWZg2A.js} +1 -1
- package/chunks/{square-arrow-out-up-right-XMqOAsOL.js → square-arrow-out-up-right-x_I6wdNi.js} +1 -1
- package/chunks/{x-BXShoIAM.js → x-B9bYxG31.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 +2 -2
- package/date-picker/index.js +1 -1
- package/file-upload/index.js +1 -1
- package/index.js +40 -40
- package/info-banner/index.js +1 -1
- package/label/index.js +1 -1
- package/layout/index.js +1 -1
- package/legacy-select/index.js +1 -1
- package/link/Link.d.ts +1 -1
- package/link/index.js +1 -1
- package/link-button/LinkButton.d.ts +3 -3
- package/link-button/index.js +1 -1
- package/list-box/index.js +2 -2
- package/logo/Logo.d.ts +1 -1
- package/logo/index.js +1 -1
- package/menu/index.js +1 -1
- package/modal/index.js +1 -1
- package/package.json +2 -2
- 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/spinner/index.js +1 -1
- package/table/index.js +1 -1
- package/tabs/index.js +1 -1
- package/tag/index.js +1 -1
- package/textfield/TextArea.stories.d.ts +9 -9
- package/textfield/index.js +1 -1
- package/toast/index.js +1 -1
- package/chunks/Checkbox-BTAfwDxU.js +0 -130
- package/chunks/Link-yTNUNv3C.js +0 -54
- package/chunks/LinkButton-3nAekUJ4.js +0 -63
- package/chunks/Toast-DGvPi4rb.js +0 -157
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import { forwardRef as l, createElement as n } from "react";
|
|
2
|
-
const
|
|
2
|
+
const u = (...t) => t.filter((e, r, o) => !!e && e.trim() !== "" && o.indexOf(e) === r).join(" ").trim();
|
|
3
|
+
const w = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
|
|
4
|
+
const f = (t) => t.replace(
|
|
3
5
|
/^([A-Z])|[\s-_]+(\w)/g,
|
|
4
6
|
(e, r, o) => o ? o.toUpperCase() : r.toLowerCase()
|
|
5
|
-
)
|
|
6
|
-
|
|
7
|
+
);
|
|
8
|
+
const i = (t) => {
|
|
9
|
+
const e = f(t);
|
|
7
10
|
return e.charAt(0).toUpperCase() + e.slice(1);
|
|
8
|
-
}, u = (...t) => t.filter((e, r, o) => !!e && e.trim() !== "" && o.indexOf(e) === r).join(" ").trim(), f = (t) => {
|
|
9
|
-
for (const e in t)
|
|
10
|
-
if (e.startsWith("aria-") || e === "role" || e === "title")
|
|
11
|
-
return !0;
|
|
12
11
|
};
|
|
13
|
-
var
|
|
12
|
+
var h = {
|
|
14
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
15
14
|
width: 24,
|
|
16
15
|
height: 24,
|
|
@@ -21,6 +20,12 @@ var g = {
|
|
|
21
20
|
strokeLinecap: "round",
|
|
22
21
|
strokeLinejoin: "round"
|
|
23
22
|
};
|
|
23
|
+
const g = (t) => {
|
|
24
|
+
for (const e in t)
|
|
25
|
+
if (e.startsWith("aria-") || e === "role" || e === "title")
|
|
26
|
+
return !0;
|
|
27
|
+
return !1;
|
|
28
|
+
};
|
|
24
29
|
const A = l(
|
|
25
30
|
({
|
|
26
31
|
color: t = "currentColor",
|
|
@@ -35,13 +40,13 @@ const A = l(
|
|
|
35
40
|
"svg",
|
|
36
41
|
{
|
|
37
42
|
ref: m,
|
|
38
|
-
...
|
|
43
|
+
...h,
|
|
39
44
|
width: e,
|
|
40
45
|
height: e,
|
|
41
46
|
stroke: t,
|
|
42
47
|
strokeWidth: o ? Number(r) * 24 / Number(e) : r,
|
|
43
48
|
className: u("lucide", s),
|
|
44
|
-
...!a && !
|
|
49
|
+
...!a && !g(c) && { "aria-hidden": "true" },
|
|
45
50
|
...c
|
|
46
51
|
},
|
|
47
52
|
[
|
package/clear-button/index.js
CHANGED
package/combobox/index.js
CHANGED
package/date-field/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { D as t } from "../chunks/DateField-
|
|
2
|
-
import {
|
|
1
|
+
import { D as t } from "../chunks/DateField-zdUv4ooW.js";
|
|
2
|
+
import { D as r, a as o, b as p } from "../chunks/DateInputDivider-DwopMIb9.js";
|
|
3
3
|
export {
|
|
4
4
|
t as DateField,
|
|
5
5
|
r as DateInput,
|
package/date-picker/index.js
CHANGED
package/file-upload/index.js
CHANGED
package/index.js
CHANGED
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
import { A as r, a as e } from "./chunks/AccordionItem-
|
|
1
|
+
import { A as r, a as e } from "./chunks/AccordionItem-CSvARy63.js";
|
|
2
2
|
import { B as s, a as p } from "./chunks/BadgeContainer-CKVsfTlF.js";
|
|
3
|
-
import { B as m } from "./chunks/Breadcrumbs-
|
|
4
|
-
import { B as f } from "./chunks/Button-
|
|
3
|
+
import { B as m } from "./chunks/Breadcrumbs-DFwP6lAP.js";
|
|
4
|
+
import { B as f } from "./chunks/Button-CaLOUTDO.js";
|
|
5
5
|
import { B as d } from "./chunks/ButtonGroup-Dr6HOBo2.js";
|
|
6
|
-
import { C as l, R as u } from "./chunks/RangeCalendar-
|
|
7
|
-
import { C as g,
|
|
6
|
+
import { C as l, R as u } from "./chunks/RangeCalendar-h9wkh43W.js";
|
|
7
|
+
import { C as g, a as b, b as c, c as B, d as L, e as S, f as D } from "./chunks/Card-DMSnokPn.js";
|
|
8
8
|
import { C as G } from "./chunks/CharacterCounter-R6vh7AE5.js";
|
|
9
|
-
import { C as R } from "./chunks/Checkbox-
|
|
10
|
-
import { C as F } from "./chunks/CheckboxGroup-
|
|
11
|
-
import { C as v } from "./chunks/ColorSchemeSwitch-
|
|
12
|
-
import { C as h, a as H, b as y } from "./chunks/ComboBox-
|
|
13
|
-
import { D as N } from "./chunks/DateField-
|
|
14
|
-
import {
|
|
15
|
-
import { D as q, a as J } from "./chunks/DateRangePicker-
|
|
9
|
+
import { C as R } from "./chunks/Checkbox-CRLj7_Ox.js";
|
|
10
|
+
import { C as F } from "./chunks/CheckboxGroup-DSXCj_ho.js";
|
|
11
|
+
import { C as v } from "./chunks/ColorSchemeSwitch-DOQ0yjtt.js";
|
|
12
|
+
import { C as h, a as H, b as y } from "./chunks/ComboBox-B7T13rzp.js";
|
|
13
|
+
import { D as N } from "./chunks/DateField-zdUv4ooW.js";
|
|
14
|
+
import { D as E, a as Q, b as Z } from "./chunks/DateInputDivider-DwopMIb9.js";
|
|
15
|
+
import { D as q, a as J } from "./chunks/DateRangePicker-D6lnN0ox.js";
|
|
16
16
|
import { F as O } from "./chunks/FieldError-C_3uLAGY.js";
|
|
17
|
-
import { D as V, F as W } from "./chunks/FileUpload-
|
|
17
|
+
import { D as V, F as W } from "./chunks/FileUpload-Cu8DCSjX.js";
|
|
18
18
|
import { G as Y } from "./chunks/Grid-CettmpaZ.js";
|
|
19
19
|
import { G as $ } from "./chunks/GridItem-z7zclNdT.js";
|
|
20
20
|
import { H as ao } from "./chunks/Heading-D8tNNJkt.js";
|
|
21
|
-
import { I as eo } from "./chunks/InfoBanner-
|
|
22
|
-
import { L as so } from "./chunks/Label-
|
|
23
|
-
import { H as xo, L as mo, N as io, S as fo, a as no } from "./chunks/Layout-
|
|
24
|
-
import { L as lo } from "./chunks/Link-
|
|
25
|
-
import { L as Co } from "./chunks/LinkButton-
|
|
26
|
-
import { L as bo } from "./chunks/Logo-
|
|
27
|
-
import { M as Bo } from "./chunks/Dialog-
|
|
21
|
+
import { I as eo } from "./chunks/InfoBanner-C4HnaXQO.js";
|
|
22
|
+
import { L as so } from "./chunks/Label-6GZmmff9.js";
|
|
23
|
+
import { H as xo, L as mo, N as io, S as fo, a as no } from "./chunks/Layout-C2-vyEKy.js";
|
|
24
|
+
import { L as lo } from "./chunks/Link-rqGQvFQq.js";
|
|
25
|
+
import { L as Co } from "./chunks/LinkButton-B1zayj7k.js";
|
|
26
|
+
import { L as bo } from "./chunks/Logo-CCxPAmgw.js";
|
|
27
|
+
import { M as Bo } from "./chunks/Dialog-BHxDzbf8.js";
|
|
28
28
|
import { P as So } from "./chunks/Popover-BcEtFiU1.js";
|
|
29
|
-
import { P as Io } from "./chunks/ProgressBar-
|
|
30
|
-
import { R as Po, a as Ro } from "./chunks/Radio-
|
|
31
|
-
import { S as Fo } from "./chunks/SearchField-
|
|
32
|
-
import { S as vo } from "./chunks/Select-
|
|
33
|
-
import { S as ho } from "./chunks/Select-
|
|
29
|
+
import { P as Io } from "./chunks/ProgressBar-Dg0JMQ71.js";
|
|
30
|
+
import { R as Po, a as Ro } from "./chunks/Radio-Bp-JwJid.js";
|
|
31
|
+
import { S as Fo } from "./chunks/SearchField-Dcs9LjKo.js";
|
|
32
|
+
import { S as vo } from "./chunks/Select-w2o-VyrP.js";
|
|
33
|
+
import { S as ho } from "./chunks/Select-BYz3DdXs.js";
|
|
34
34
|
import { S as yo } from "./chunks/Skeleton-DqIHQLQl.js";
|
|
35
|
-
import { S as No } from "./chunks/Spinner-
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import { T as Yo, a as _o } from "./chunks/Tag-
|
|
35
|
+
import { S as No } from "./chunks/Spinner-CfKMn18u.js";
|
|
36
|
+
import { C as Eo, a as Qo, R as Zo, T as jo, b as qo, c as Jo } from "./chunks/Table-UbdCFrkS.js";
|
|
37
|
+
import { T as Oo, a as Uo, b as Vo, c as Wo } from "./chunks/TabList-BaR443mu.js";
|
|
38
|
+
import { T as Yo, a as _o } from "./chunks/Tag-C7VZ0T0o.js";
|
|
39
39
|
import { T as oa } from "./chunks/Text-Bxww8mmL.js";
|
|
40
|
-
import { I as ra,
|
|
41
|
-
import { G as xa,
|
|
40
|
+
import { I as ra, T as ea, a as ta, b as sa } from "./chunks/TextArea-Ceo3ziOi.js";
|
|
41
|
+
import { G as xa, T as ma, a as ia, b as fa, t as na } from "./chunks/Toast-D7PXIDa9.js";
|
|
42
42
|
import { T as Ta, a as la } from "./chunks/ToggleButtonGroup-CXKTrLbb.js";
|
|
43
43
|
import { T as Ca, a as ga } from "./chunks/Tooltip-rDmOkGmX.js";
|
|
44
44
|
import { L as ca } from "./chunks/ListBox-D5BBeZWL.js";
|
|
45
|
-
import { L as La, a as Sa } from "./chunks/ListBoxLoadMoreItem-
|
|
46
|
-
import {
|
|
47
|
-
import { M as Fa, a as Ma, b as va, c as Aa, S as ha } from "./chunks/Separator-
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
45
|
+
import { L as La, a as Sa } from "./chunks/ListBoxLoadMoreItem-ufPaJaNS.js";
|
|
46
|
+
import { L as Ia, a as Ga, b as Pa, c as Ra } from "./chunks/ListBoxSection-C4y3K7T5.js";
|
|
47
|
+
import { M as Fa, a as Ma, b as va, c as Aa, S as ha } from "./chunks/Separator-XIzn8lsq.js";
|
|
48
|
+
import { DialogTrigger as ya, MenuTrigger as wa, RouterProvider as Na } from "react-aria-components";
|
|
49
|
+
import { u as Ea } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
|
|
50
50
|
import { useToastState as Za } from "react-stately";
|
|
51
51
|
export {
|
|
52
52
|
r as Accordion,
|
|
@@ -79,7 +79,7 @@ export {
|
|
|
79
79
|
q as DatePicker,
|
|
80
80
|
J as DateRangePicker,
|
|
81
81
|
Z as DateSegment,
|
|
82
|
-
|
|
82
|
+
ya as DialogTrigger,
|
|
83
83
|
V as DropZone,
|
|
84
84
|
O as FieldError,
|
|
85
85
|
W as FileTrigger,
|
|
@@ -107,7 +107,7 @@ export {
|
|
|
107
107
|
Ma as MenuItem,
|
|
108
108
|
va as MenuPopover,
|
|
109
109
|
Aa as MenuSection,
|
|
110
|
-
|
|
110
|
+
wa as MenuTrigger,
|
|
111
111
|
Bo as Modal,
|
|
112
112
|
io as Navbar,
|
|
113
113
|
So as Popover,
|
|
@@ -115,7 +115,7 @@ export {
|
|
|
115
115
|
Po as Radio,
|
|
116
116
|
Ro as RadioGroup,
|
|
117
117
|
u as RangeCalendar,
|
|
118
|
-
|
|
118
|
+
Na as RouterProvider,
|
|
119
119
|
Zo as Row,
|
|
120
120
|
Fo as SearchField,
|
|
121
121
|
vo as Select,
|
|
@@ -145,6 +145,6 @@ export {
|
|
|
145
145
|
Ca as Tooltip,
|
|
146
146
|
ga as TooltipTrigger,
|
|
147
147
|
na as toastQueue,
|
|
148
|
-
|
|
148
|
+
Ea as useLocalizedStringFormatter,
|
|
149
149
|
Za as useToastState
|
|
150
150
|
};
|
package/info-banner/index.js
CHANGED
package/label/index.js
CHANGED
package/layout/index.js
CHANGED
package/legacy-select/index.js
CHANGED
package/link/Link.d.ts
CHANGED
|
@@ -15,5 +15,5 @@ export interface LinkComponentProps<C extends React.ElementType> {
|
|
|
15
15
|
as?: C;
|
|
16
16
|
}
|
|
17
17
|
export type LinkProps<C extends React.ElementType> = LinkComponentProps<C> & Omit<React.ComponentProps<C>, keyof LinkComponentProps<C>>;
|
|
18
|
-
export declare const Link: <C extends React.ElementType = typeof AriaLink>({ children, standalone, target, stretched, download, icon:
|
|
18
|
+
export declare const Link: <C extends React.ElementType = typeof AriaLink>({ children, standalone, target, stretched, download, icon: customIcon, className, as, ...rest }: LinkProps<C>) => import("react/jsx-runtime").JSX.Element;
|
|
19
19
|
export { RouterProvider };
|
package/link/index.js
CHANGED
|
@@ -18,11 +18,11 @@ export interface LinkButtonComponentProps<C extends React.ElementType> {
|
|
|
18
18
|
fullwidth?: boolean;
|
|
19
19
|
/** Display the icon on the left or right side of the button text */
|
|
20
20
|
iconPlacement?: 'left' | 'right';
|
|
21
|
-
/**
|
|
21
|
+
/** Replace the icon with an icon from lucide-react
|
|
22
22
|
*
|
|
23
23
|
* @see {@link https://lucide.dev/icons/|Lucide}
|
|
24
24
|
*/
|
|
25
|
-
icon?: LucideIcon;
|
|
25
|
+
icon?: LucideIcon;
|
|
26
26
|
className?: string;
|
|
27
27
|
/** Replace base component with any Client Side Routing link instead.
|
|
28
28
|
* @see {@link https://designsystem.migrationsverket.se/dev/client-side-routing/|Client side routing}
|
|
@@ -37,5 +37,5 @@ export type LinkButtonProps<C extends React.ElementType> = LinkButtonComponentPr
|
|
|
37
37
|
/**
|
|
38
38
|
* A link to be used when a user expects a button but web technologies force us to use a a-tag
|
|
39
39
|
* */
|
|
40
|
-
export declare const LinkButton: <C extends React.ElementType = typeof AriaLink>({ children, variant, fullwidth, icon:
|
|
40
|
+
export declare const LinkButton: <C extends React.ElementType = typeof AriaLink>({ children, variant, fullwidth, icon: customIcon, iconPlacement, className, as, size, ...rest }: LinkButtonProps<C>) => import("react/jsx-runtime").JSX.Element;
|
|
41
41
|
export { RouterProvider };
|
package/link-button/index.js
CHANGED
package/list-box/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { L as s } from "../chunks/ListBox-D5BBeZWL.js";
|
|
2
|
-
import { L, a as e } from "../chunks/ListBoxLoadMoreItem-
|
|
3
|
-
import {
|
|
2
|
+
import { L, a as e } from "../chunks/ListBoxLoadMoreItem-ufPaJaNS.js";
|
|
3
|
+
import { L as r, a as i, b as B, c as m } from "../chunks/ListBoxSection-C4y3K7T5.js";
|
|
4
4
|
export {
|
|
5
5
|
s as ListBox,
|
|
6
6
|
L as ListBoxButton,
|
package/logo/Logo.d.ts
CHANGED
|
@@ -11,4 +11,4 @@ export interface LogoProps extends React.DetailedHTMLProps<React.HTMLAttributes<
|
|
|
11
11
|
/** There must be whitespace around the logo. By disabling our built in padding you must add at least an equal amount yourself. */
|
|
12
12
|
padding?: boolean;
|
|
13
13
|
}
|
|
14
|
-
export declare const Logo:
|
|
14
|
+
export declare const Logo: ({ primary, size, padding, className, ...rest }: LogoProps) => import("react/jsx-runtime").JSX.Element;
|
package/logo/index.js
CHANGED
package/menu/index.js
CHANGED
package/modal/index.js
CHANGED
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": "16.6.
|
|
17
|
+
"version": "16.6.4",
|
|
18
18
|
"module": "./index.js",
|
|
19
19
|
"type": "module",
|
|
20
20
|
"main": "./index.js",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"./*": "./*/index.js"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@midas-ds/theme": "3.10.
|
|
44
|
+
"@midas-ds/theme": "3.10.3",
|
|
45
45
|
"react-aria-components": "1.14.0"
|
|
46
46
|
}
|
|
47
47
|
}
|
package/progress-bar/index.js
CHANGED
package/radio/index.js
CHANGED
package/search-field/index.js
CHANGED
package/select/index.js
CHANGED
package/spinner/index.js
CHANGED
package/table/index.js
CHANGED
package/tabs/index.js
CHANGED
package/tag/index.js
CHANGED
|
@@ -214,15 +214,15 @@ export declare const Disabled: {
|
|
|
214
214
|
onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLTextAreaElement> | undefined;
|
|
215
215
|
onFocusCapture?: import('react').FocusEventHandler<HTMLTextAreaElement> | undefined;
|
|
216
216
|
onBlurCapture?: import('react').FocusEventHandler<HTMLTextAreaElement> | undefined;
|
|
217
|
-
onChangeCapture?: import('react').
|
|
218
|
-
onBeforeInputCapture?: import('react').
|
|
219
|
-
onInputCapture?: import('react').
|
|
220
|
-
onReset?: import('react').
|
|
221
|
-
onResetCapture?: import('react').
|
|
222
|
-
onSubmit?: import('react').
|
|
223
|
-
onSubmitCapture?: import('react').
|
|
224
|
-
onInvalid?: import('react').
|
|
225
|
-
onInvalidCapture?: import('react').
|
|
217
|
+
onChangeCapture?: import('react').ChangeEventHandler<HTMLTextAreaElement, Element> | undefined;
|
|
218
|
+
onBeforeInputCapture?: import('react').InputEventHandler<HTMLTextAreaElement> | undefined;
|
|
219
|
+
onInputCapture?: import('react').InputEventHandler<HTMLTextAreaElement> | undefined;
|
|
220
|
+
onReset?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
221
|
+
onResetCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
222
|
+
onSubmit?: import('react').SubmitEventHandler<HTMLTextAreaElement> | undefined;
|
|
223
|
+
onSubmitCapture?: import('react').SubmitEventHandler<HTMLTextAreaElement> | undefined;
|
|
224
|
+
onInvalid?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
225
|
+
onInvalidCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
226
226
|
onLoad?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
227
227
|
onLoadCapture?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
|
228
228
|
onError?: import('react').ReactEventHandler<HTMLTextAreaElement> | undefined;
|
package/textfield/index.js
CHANGED
package/toast/index.js
CHANGED
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
import { jsxs as C, jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import f, { forwardRef as l, useContext as R, useRef as _ } from "react";
|
|
3
|
-
import { mergeProps as h, VisuallyHidden as I, useCheckboxGroupItem as y, useCheckbox as P, useHover as g, usePress as G, useFocusRing as N } from "react-aria";
|
|
4
|
-
import { useContextProps as z, CheckboxContext as B, useSlottedContext as S, FormContext as F } from "react-aria-components";
|
|
5
|
-
import { a as x } from "./clsx-AexbMWKp.js";
|
|
6
|
-
import { variables as m } from "@midas-ds/theme";
|
|
7
|
-
import { c as L } from "./createLucideIcon-D4r5Phnh.js";
|
|
8
|
-
import { C as D } from "./check-BxlvVsvD.js";
|
|
9
|
-
import { useToggleState as H } from "@react-stately/toggle";
|
|
10
|
-
import '../assets/Checkbox.css';const O = [["path", { d: "M5 12h14", key: "1ays0h" }]], j = L("minus", O), q = f.createContext(null), A = "_checkboxInner_tzrii_1", M = "_checkbox_tzrii_1", V = "_checkboxGroup_tzrii_143", w = "_checkboxList_tzrii_154", b = {
|
|
11
|
-
checkboxInner: A,
|
|
12
|
-
checkbox: M,
|
|
13
|
-
checkboxGroup: V,
|
|
14
|
-
checkboxList: w
|
|
15
|
-
}, u = l(
|
|
16
|
-
(e, o) => {
|
|
17
|
-
const { hoverProps: i, isHovered: c } = e.hoverResult, { pressProps: s, isPressed: n } = e.pressResult, { isFocused: a, isFocusVisible: r, focusProps: d } = e.focusRingAria;
|
|
18
|
-
return /* @__PURE__ */ C(
|
|
19
|
-
"label",
|
|
20
|
-
{
|
|
21
|
-
ref: o,
|
|
22
|
-
...h(i, s, e.labelProps),
|
|
23
|
-
slot: e.slot || void 0,
|
|
24
|
-
className: x(b.checkbox, e.className),
|
|
25
|
-
"data-hovered": c || void 0,
|
|
26
|
-
"data-selected": e.isSelected || void 0,
|
|
27
|
-
"data-indeterminate": e.isIndeterminate || void 0,
|
|
28
|
-
"data-pressed": n || void 0,
|
|
29
|
-
"data-disabled": e.isDisabled || void 0,
|
|
30
|
-
"data-readonly": e.isReadOnly || void 0,
|
|
31
|
-
"data-invalid": e.isInvalid || void 0,
|
|
32
|
-
"data-focused": a || void 0,
|
|
33
|
-
"data-focus-visible": r || void 0,
|
|
34
|
-
"data-required": e.isRequired || void 0,
|
|
35
|
-
children: [
|
|
36
|
-
/* @__PURE__ */ t("div", { className: x(b.checkboxInner), children: e.isIndeterminate ? /* @__PURE__ */ t(
|
|
37
|
-
j,
|
|
38
|
-
{
|
|
39
|
-
size: 14,
|
|
40
|
-
color: m.iconOnColor
|
|
41
|
-
}
|
|
42
|
-
) : /* @__PURE__ */ t(
|
|
43
|
-
D,
|
|
44
|
-
{
|
|
45
|
-
size: 14,
|
|
46
|
-
color: m.iconOnColor
|
|
47
|
-
}
|
|
48
|
-
) }),
|
|
49
|
-
/* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(
|
|
50
|
-
"input",
|
|
51
|
-
{
|
|
52
|
-
...h(e.inputProps, d),
|
|
53
|
-
ref: e.inputRef
|
|
54
|
-
}
|
|
55
|
-
) }),
|
|
56
|
-
e.children
|
|
57
|
-
]
|
|
58
|
-
}
|
|
59
|
-
);
|
|
60
|
-
}
|
|
61
|
-
);
|
|
62
|
-
u.displayName = "CheckboxInner";
|
|
63
|
-
const v = l((e, o) => {
|
|
64
|
-
const i = y(
|
|
65
|
-
{
|
|
66
|
-
...e,
|
|
67
|
-
value: e.value || ""
|
|
68
|
-
},
|
|
69
|
-
e.state,
|
|
70
|
-
e.inputRef
|
|
71
|
-
);
|
|
72
|
-
return /* @__PURE__ */ t(
|
|
73
|
-
u,
|
|
74
|
-
{
|
|
75
|
-
...e,
|
|
76
|
-
...i,
|
|
77
|
-
ref: o
|
|
78
|
-
}
|
|
79
|
-
);
|
|
80
|
-
});
|
|
81
|
-
v.displayName = "CheckBoxGroupItem";
|
|
82
|
-
const k = l((e, o) => {
|
|
83
|
-
const i = P(e, H(e), e.inputRef);
|
|
84
|
-
return /* @__PURE__ */ t(
|
|
85
|
-
u,
|
|
86
|
-
{
|
|
87
|
-
...e,
|
|
88
|
-
...i,
|
|
89
|
-
ref: o
|
|
90
|
-
}
|
|
91
|
-
);
|
|
92
|
-
});
|
|
93
|
-
k.displayName = "SingleCheckbox";
|
|
94
|
-
const T = l(
|
|
95
|
-
(e, o) => {
|
|
96
|
-
[e, o] = z(e, o, B);
|
|
97
|
-
const i = S(F), c = e.validationBehavior ?? i?.validationBehavior ?? "native", s = R(q), n = _(null), a = g(e), r = G({
|
|
98
|
-
ref: o,
|
|
99
|
-
isDisabled: e.isDisabled
|
|
100
|
-
}), d = N();
|
|
101
|
-
return s ? /* @__PURE__ */ t(
|
|
102
|
-
v,
|
|
103
|
-
{
|
|
104
|
-
...e,
|
|
105
|
-
state: s,
|
|
106
|
-
inputRef: n,
|
|
107
|
-
hoverResult: a,
|
|
108
|
-
pressResult: r,
|
|
109
|
-
focusRingAria: d,
|
|
110
|
-
validationBehavior: c
|
|
111
|
-
}
|
|
112
|
-
) : /* @__PURE__ */ t(
|
|
113
|
-
k,
|
|
114
|
-
{
|
|
115
|
-
...e,
|
|
116
|
-
inputRef: n,
|
|
117
|
-
hoverResult: a,
|
|
118
|
-
pressResult: r,
|
|
119
|
-
focusRingAria: d,
|
|
120
|
-
validationBehavior: c
|
|
121
|
-
}
|
|
122
|
-
);
|
|
123
|
-
}
|
|
124
|
-
);
|
|
125
|
-
T.displayName = "Checkbox";
|
|
126
|
-
export {
|
|
127
|
-
T as C,
|
|
128
|
-
q as a,
|
|
129
|
-
b as s
|
|
130
|
-
};
|