@midas-ds/components 16.8.5 → 17.0.0
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 +16 -0
- package/accordion/Accordion.d.ts +0 -4
- package/accordion/AccordionContext.d.ts +2 -2
- package/accordion/index.d.ts +0 -1
- package/assets/Text.css +1 -1
- package/breadcrumbs/Breadcrumbs.d.ts +0 -6
- package/breadcrumbs/index.js +1 -1
- package/calendar/index.js +1 -1
- package/checkbox/index.js +1 -1
- package/chunks/Breadcrumb-CHldDcyz.js +37 -0
- package/chunks/{CheckboxGroup-DSXCj_ho.js → CheckboxGroup-DooCBqUG.js} +2 -2
- package/chunks/ComboBox-XaJDIr5h.js +101 -0
- package/chunks/{DateField-zdUv4ooW.js → DateField-6CclHfL2.js} +2 -2
- package/chunks/{DateRangePicker-D6lnN0ox.js → DateRangePicker-CZcp89W6.js} +3 -3
- package/chunks/{FieldError-C_3uLAGY.js → FieldError-BMTrvSof.js} +1 -1
- package/chunks/ListBoxHeader-CL9bFH22.js +63 -0
- package/chunks/ListBoxPopover-DOmhA5xx.js +20 -0
- package/chunks/{Radio-Bp-JwJid.js → Radio-CAIyBgBp.js} +2 -2
- package/chunks/{RangeCalendar-h9wkh43W.js → RangeCalendar-DIMxoHhy.js} +1 -1
- package/chunks/{SearchField-Dcs9LjKo.js → SearchField-aUMEFhOO.js} +1 -1
- package/chunks/{Select-w2o-VyrP.js → Select-CzmgPK8V.js} +2 -2
- package/chunks/Text-BuXvuoqM.js +36 -0
- package/chunks/{TextArea-Bb7H-w23.js → TextArea-B3Z4fA1e.js} +2 -2
- package/combobox/ComboBox.d.ts +1 -11
- package/combobox/index.d.ts +1 -1
- package/combobox/index.js +2 -4
- package/date-field/index.js +1 -1
- package/date-picker/index.js +1 -1
- package/field-error/index.js +1 -1
- package/index.d.ts +0 -1
- package/index.js +125 -129
- package/list-box/ListBoxSection.d.ts +3 -11
- package/list-box/index.d.ts +0 -1
- package/list-box/index.js +8 -8
- package/menu/Menu.d.ts +0 -7
- package/package.json +2 -2
- package/radio/index.js +1 -1
- package/search-field/index.js +1 -1
- package/select/index.js +1 -1
- package/text/Text.d.ts +0 -8
- package/text/Text.stories.d.ts +0 -2
- package/text/index.js +1 -1
- package/textfield/TextArea.stories.d.ts +4 -4
- package/textfield/index.js +1 -1
- package/tooltip/Tooltip.d.ts +1 -5
- package/tooltip/Tooltip.stories.d.ts +2 -2
- package/tooltip/index.d.ts +0 -1
- package/assets/Select2.css +0 -1
- package/chunks/Breadcrumb-W7qQSxd-.js +0 -70
- package/chunks/ComboBox-B7T13rzp.js +0 -109
- package/chunks/ListBoxLoadMoreItem-ufPaJaNS.js +0 -41
- package/chunks/ListBoxSection-C4y3K7T5.js +0 -49
- package/chunks/Select-BYz3DdXs.js +0 -576
- package/chunks/Text-Bxww8mmL.js +0 -39
- package/legacy-select/HiddenMultiSelect.d.ts +0 -48
- package/legacy-select/LegacySelect.stories.d.ts +0 -27
- package/legacy-select/MultiSelectValueTag.d.ts +0 -11
- package/legacy-select/Select.d.ts +0 -8
- package/legacy-select/SelectFieldError.d.ts +0 -8
- package/legacy-select/SelectListBox.d.ts +0 -8
- package/legacy-select/SelectTrigger.d.ts +0 -10
- package/legacy-select/index.d.ts +0 -2
- package/legacy-select/index.js +0 -4
- package/legacy-select/intl/translations.json.d.ts +0 -17
- package/legacy-select/types.d.ts +0 -179
- package/legacy-select/useMultiSelect.d.ts +0 -5
- package/legacy-select/useMultiSelectListState.d.ts +0 -3
- package/legacy-select/useMultiSelectState.d.ts +0 -3
- package/list-box/types.d.ts +0 -29
package/index.js
CHANGED
|
@@ -1,56 +1,55 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { A as s, a as p } from "./chunks/AccordionItem-CSvARy63.js";
|
|
3
3
|
import { B as m, a as i } from "./chunks/BadgeContainer-CKVsfTlF.js";
|
|
4
|
-
import { B as n, a as d } from "./chunks/Breadcrumb-
|
|
4
|
+
import { B as n, a as d } from "./chunks/Breadcrumb-CHldDcyz.js";
|
|
5
5
|
import { B as c } from "./chunks/Button-CaLOUTDO.js";
|
|
6
6
|
import { B as u } from "./chunks/ButtonGroup-Dr6HOBo2.js";
|
|
7
|
-
import { C, R as
|
|
8
|
-
import { C as L, a as S, b as
|
|
7
|
+
import { C, R as B } from "./chunks/RangeCalendar-DIMxoHhy.js";
|
|
8
|
+
import { C as L, a as S, b as D, c as I, d as R, e as G, f as P } from "./chunks/Card-DMSnokPn.js";
|
|
9
9
|
import { C as v } from "./chunks/CharacterCounter-Dgnv-orm.js";
|
|
10
10
|
import { C as M } from "./chunks/Checkbox-CRLj7_Ox.js";
|
|
11
|
-
import { C as h } from "./chunks/CheckboxGroup-
|
|
12
|
-
import { C as
|
|
13
|
-
import { C as
|
|
14
|
-
import { D as
|
|
15
|
-
import { D as
|
|
16
|
-
import { D as
|
|
17
|
-
import { F as
|
|
18
|
-
import { D as
|
|
19
|
-
import { G as
|
|
20
|
-
import { G as
|
|
21
|
-
import { H as
|
|
22
|
-
import { I as
|
|
23
|
-
import { L as
|
|
24
|
-
import { H as
|
|
25
|
-
import { L as
|
|
26
|
-
import { L as
|
|
27
|
-
import { L as
|
|
28
|
-
import { M as
|
|
29
|
-
import { P as
|
|
30
|
-
import { P as
|
|
31
|
-
import { R as
|
|
32
|
-
import { S as
|
|
33
|
-
import { S as
|
|
34
|
-
import { S as
|
|
35
|
-
import { S as
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import { T as
|
|
39
|
-
import { T as
|
|
40
|
-
import { T as ta } from "./chunks/
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import { T as
|
|
44
|
-
import {
|
|
45
|
-
import { L as Ia } from "./chunks/
|
|
46
|
-
import { L as
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
|
|
53
|
-
const o = "16.8.5", a = {
|
|
11
|
+
import { C as h } from "./chunks/CheckboxGroup-DooCBqUG.js";
|
|
12
|
+
import { C as N } from "./chunks/ColorSchemeSwitch-DOQ0yjtt.js";
|
|
13
|
+
import { C as y } from "./chunks/ComboBox-XaJDIr5h.js";
|
|
14
|
+
import { D as z } from "./chunks/DateField-6CclHfL2.js";
|
|
15
|
+
import { D as Q, a as V, b as Z } from "./chunks/DateInputDivider-DwopMIb9.js";
|
|
16
|
+
import { D as q, a as J } from "./chunks/DateRangePicker-CZcp89W6.js";
|
|
17
|
+
import { F as U } from "./chunks/FieldError-BMTrvSof.js";
|
|
18
|
+
import { D as X, F as Y } from "./chunks/FileUpload-Cu8DCSjX.js";
|
|
19
|
+
import { G as $ } from "./chunks/Grid-CettmpaZ.js";
|
|
20
|
+
import { G as ao } from "./chunks/GridItem-z7zclNdT.js";
|
|
21
|
+
import { H as eo } from "./chunks/Heading-D8tNNJkt.js";
|
|
22
|
+
import { I as so } from "./chunks/InfoBanner-C4HnaXQO.js";
|
|
23
|
+
import { L as xo } from "./chunks/Label-6GZmmff9.js";
|
|
24
|
+
import { H as io, L as fo, N as no, S as To, a as co } from "./chunks/Layout-CFhqS9ej.js";
|
|
25
|
+
import { L as uo } from "./chunks/Link-rqGQvFQq.js";
|
|
26
|
+
import { L as Co } from "./chunks/LinkButton-B1zayj7k.js";
|
|
27
|
+
import { L as bo } from "./chunks/Logo-CCxPAmgw.js";
|
|
28
|
+
import { M as So } from "./chunks/Dialog-BHxDzbf8.js";
|
|
29
|
+
import { P as Io } from "./chunks/Popover-BcEtFiU1.js";
|
|
30
|
+
import { P as Go } from "./chunks/ProgressBar-Dg0JMQ71.js";
|
|
31
|
+
import { R as ko, a as vo } from "./chunks/Radio-CAIyBgBp.js";
|
|
32
|
+
import { S as Mo } from "./chunks/SearchField-aUMEFhOO.js";
|
|
33
|
+
import { S as ho } from "./chunks/Select-CzmgPK8V.js";
|
|
34
|
+
import { S as No } from "./chunks/Skeleton-DqIHQLQl.js";
|
|
35
|
+
import { S as yo } from "./chunks/Spinner-CfKMn18u.js";
|
|
36
|
+
import { C as zo, a as Oo, R as Qo, T as Vo, b as Zo, c as jo } from "./chunks/Table-UbdCFrkS.js";
|
|
37
|
+
import { T as Jo, a as Ko, b as Uo, c as Wo } from "./chunks/TabList-BaR443mu.js";
|
|
38
|
+
import { T as Yo, a as _o } from "./chunks/Tag-C7VZ0T0o.js";
|
|
39
|
+
import { T as oa } from "./chunks/Text-BuXvuoqM.js";
|
|
40
|
+
import { I as ra, T as ea, a as ta, b as sa } from "./chunks/TextArea-B3Z4fA1e.js";
|
|
41
|
+
import { G as xa, T as ma, a as ia, b as fa, t as na } from "./chunks/Toast-UPM-1ipu.js";
|
|
42
|
+
import { T as Ta, a as ca } from "./chunks/ToggleButtonGroup-CXKTrLbb.js";
|
|
43
|
+
import { T as ua, a as ga } from "./chunks/Tooltip-rDmOkGmX.js";
|
|
44
|
+
import { L as Ba } from "./chunks/ListBox-D5BBeZWL.js";
|
|
45
|
+
import { L as La, a as Sa, b as Da, c as Ia, d as Ra } from "./chunks/ListBoxHeader-CL9bFH22.js";
|
|
46
|
+
import { L as Pa } from "./chunks/ListBoxPopover-DOmhA5xx.js";
|
|
47
|
+
import { M as va, a as Fa, b as Ma, c as Aa, S as ha } from "./chunks/Separator-XIzn8lsq.js";
|
|
48
|
+
import { c as Na } from "./chunks/clsx-AexbMWKp.js";
|
|
49
|
+
import { DialogTrigger as ya, MenuTrigger as Ea, RouterProvider as za } from "react-aria-components";
|
|
50
|
+
import { u as Qa } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
|
|
51
|
+
import { useToastState as Za } from "react-stately";
|
|
52
|
+
const o = "17.0.0", a = {
|
|
54
53
|
version: o
|
|
55
54
|
}, r = a.version;
|
|
56
55
|
export {
|
|
@@ -65,94 +64,91 @@ export {
|
|
|
65
64
|
C as Calendar,
|
|
66
65
|
L as Card,
|
|
67
66
|
S as CardActionArea,
|
|
68
|
-
|
|
69
|
-
|
|
67
|
+
D as CardActions,
|
|
68
|
+
I as CardContent,
|
|
70
69
|
R as CardImage,
|
|
71
70
|
G as CardLink,
|
|
72
71
|
P as CardTitle,
|
|
73
|
-
|
|
72
|
+
zo as Cell,
|
|
74
73
|
v as CharacterCounter,
|
|
75
74
|
M as Checkbox,
|
|
76
75
|
h as CheckboxGroup,
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
$ as
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
eo as
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
xo as
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
ga as
|
|
150
|
-
Ca as ToggleButtonGroup,
|
|
151
|
-
Ba as Tooltip,
|
|
152
|
-
La as TooltipTrigger,
|
|
76
|
+
N as ColorSchemeSwitch,
|
|
77
|
+
Oo as Column,
|
|
78
|
+
y as ComboBox,
|
|
79
|
+
z as DateField,
|
|
80
|
+
Q as DateInput,
|
|
81
|
+
V as DateInputDivider,
|
|
82
|
+
q as DatePicker,
|
|
83
|
+
J as DateRangePicker,
|
|
84
|
+
Z as DateSegment,
|
|
85
|
+
ya as DialogTrigger,
|
|
86
|
+
X as DropZone,
|
|
87
|
+
U as FieldError,
|
|
88
|
+
Y as FileTrigger,
|
|
89
|
+
xa as GlobalToastRegion,
|
|
90
|
+
$ as Grid,
|
|
91
|
+
ao as GridItem,
|
|
92
|
+
io as Header,
|
|
93
|
+
eo as Heading,
|
|
94
|
+
so as InfoBanner,
|
|
95
|
+
ra as Input,
|
|
96
|
+
xo as Label,
|
|
97
|
+
fo as Layout,
|
|
98
|
+
uo as Link,
|
|
99
|
+
Co as LinkButton,
|
|
100
|
+
Ba as ListBox,
|
|
101
|
+
La as ListBoxButton,
|
|
102
|
+
Sa as ListBoxHeader,
|
|
103
|
+
Da as ListBoxItem,
|
|
104
|
+
Ia as ListBoxLoadMoreItem,
|
|
105
|
+
Pa as ListBoxPopover,
|
|
106
|
+
Ra as ListBoxSection,
|
|
107
|
+
bo as Logo,
|
|
108
|
+
va as Menu,
|
|
109
|
+
Fa as MenuItem,
|
|
110
|
+
Ma as MenuPopover,
|
|
111
|
+
Aa as MenuSection,
|
|
112
|
+
Ea as MenuTrigger,
|
|
113
|
+
So as Modal,
|
|
114
|
+
no as Navbar,
|
|
115
|
+
Io as Popover,
|
|
116
|
+
Go as ProgressBar,
|
|
117
|
+
ko as Radio,
|
|
118
|
+
vo as RadioGroup,
|
|
119
|
+
B as RangeCalendar,
|
|
120
|
+
za as RouterProvider,
|
|
121
|
+
Qo as Row,
|
|
122
|
+
Mo as SearchField,
|
|
123
|
+
ho as Select,
|
|
124
|
+
ha as Separator,
|
|
125
|
+
To as Sidebar,
|
|
126
|
+
co as SidebarLink,
|
|
127
|
+
No as Skeleton,
|
|
128
|
+
yo as Spinner,
|
|
129
|
+
Jo as Tab,
|
|
130
|
+
Ko as TabList,
|
|
131
|
+
Uo as TabPanel,
|
|
132
|
+
Vo as Table,
|
|
133
|
+
Zo as TableBody,
|
|
134
|
+
jo as TableHeader,
|
|
135
|
+
Wo as Tabs,
|
|
136
|
+
Yo as Tag,
|
|
137
|
+
_o as TagGroup,
|
|
138
|
+
oa as Text,
|
|
139
|
+
ea as TextArea,
|
|
140
|
+
ta as TextField,
|
|
141
|
+
sa as TextFieldBase,
|
|
142
|
+
ma as Toast,
|
|
143
|
+
ia as ToastProvider,
|
|
144
|
+
fa as ToastRegion,
|
|
145
|
+
Ta as ToggleButton,
|
|
146
|
+
ca as ToggleButtonGroup,
|
|
147
|
+
ua as Tooltip,
|
|
148
|
+
ga as TooltipTrigger,
|
|
153
149
|
r as VERSION,
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
150
|
+
Na as clsx,
|
|
151
|
+
na as toastQueue,
|
|
152
|
+
Qa as useLocalizedStringFormatter,
|
|
153
|
+
Za as useToastState
|
|
158
154
|
};
|
|
@@ -1,11 +1,3 @@
|
|
|
1
|
-
import { ListBoxSectionProps
|
|
2
|
-
|
|
3
|
-
export
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated since v15.2.0 please remove as soon as we drop ComboBoxSection.
|
|
6
|
-
* Also consider using only AriaListBoxSectionProps, the custom children is just for the use of ListBoxHeader.
|
|
7
|
-
*/
|
|
8
|
-
name?: React.ReactNode;
|
|
9
|
-
children?: React.ReactNode;
|
|
10
|
-
}
|
|
11
|
-
export declare const ListBoxSection: <T extends object>({ children, name, ...rest }: ListBoxSectionProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { ListBoxSectionProps } from 'react-aria-components';
|
|
2
|
+
export type { ListBoxSectionProps };
|
|
3
|
+
export declare const ListBoxSection: <T extends object>(props: ListBoxSectionProps<T>) => import("react/jsx-runtime").JSX.Element;
|
package/list-box/index.d.ts
CHANGED
package/list-box/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { L as s } from "../chunks/ListBox-D5BBeZWL.js";
|
|
2
|
-
import { L, a as e } from "../chunks/
|
|
3
|
-
import { L as
|
|
2
|
+
import { L as a, a as e, b as x, c as r, d as i } from "../chunks/ListBoxHeader-CL9bFH22.js";
|
|
3
|
+
import { L as m } from "../chunks/ListBoxPopover-DOmhA5xx.js";
|
|
4
4
|
export {
|
|
5
5
|
s as ListBox,
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
a as ListBoxButton,
|
|
7
|
+
e as ListBoxHeader,
|
|
8
|
+
x as ListBoxItem,
|
|
9
|
+
r as ListBoxLoadMoreItem,
|
|
10
|
+
m as ListBoxPopover,
|
|
11
|
+
i as ListBoxSection
|
|
12
12
|
};
|
package/menu/Menu.d.ts
CHANGED
|
@@ -1,13 +1,6 @@
|
|
|
1
1
|
import { MenuTrigger, MenuTriggerProps, MenuProps as AriaMenuProps } from 'react-aria-components';
|
|
2
2
|
import { Size } from '../common/types';
|
|
3
|
-
import { ExcludeKeysFrom } from '../utils/types';
|
|
4
3
|
export { MenuTrigger, type MenuTriggerProps };
|
|
5
|
-
/**
|
|
6
|
-
* @deprecated Links are not enforced in menus.
|
|
7
|
-
*/
|
|
8
|
-
export type MenuItemObject = ExcludeKeysFrom<{
|
|
9
|
-
[prop: string]: unknown;
|
|
10
|
-
}, 'href'>;
|
|
11
4
|
export interface MenuProps<T> extends AriaMenuProps<T> {
|
|
12
5
|
/** Component size (large: height 40px, medium: height 32px)
|
|
13
6
|
* @default 'large'
|
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
|
+
"version": "17.0.0",
|
|
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.8",
|
|
45
45
|
"react-aria-components": "1.14.0"
|
|
46
46
|
}
|
|
47
47
|
}
|
package/radio/index.js
CHANGED
package/search-field/index.js
CHANGED
package/select/index.js
CHANGED
package/text/Text.d.ts
CHANGED
|
@@ -1,20 +1,12 @@
|
|
|
1
1
|
import { TextProps as AriaTextProps } from 'react-aria-components';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
export type TextSize = 'small';
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated since v15.0.0 Use size prop instead. Only kept for backwards compatibility with body-01 and body-02.
|
|
6
|
-
*/
|
|
7
|
-
export type TextVariant = 'body-01' | 'body-02';
|
|
8
4
|
export interface TextProps extends AriaTextProps {
|
|
9
5
|
/**
|
|
10
6
|
* The size of the text. When omitted, uses the default size.
|
|
11
7
|
* The style type (body vs description) is derived from the slot prop.
|
|
12
8
|
*/
|
|
13
9
|
size?: TextSize;
|
|
14
|
-
/**
|
|
15
|
-
* @deprecated since v15.0.0 Use size prop instead. Only body-01 and body-02 are supported for backwards compatibility.
|
|
16
|
-
*/
|
|
17
|
-
variant?: TextVariant;
|
|
18
10
|
/**
|
|
19
11
|
* Use the external/expressive look
|
|
20
12
|
*/
|
package/text/Text.stories.d.ts
CHANGED
|
@@ -7,6 +7,4 @@ export declare const BodySmall: Story;
|
|
|
7
7
|
export declare const Description: Story;
|
|
8
8
|
export declare const DescriptionSmall: Story;
|
|
9
9
|
export declare const Expressive: Story;
|
|
10
|
-
export declare const Body01: Story;
|
|
11
|
-
export declare const Body02: Story;
|
|
12
10
|
export default meta;
|
package/text/index.js
CHANGED
|
@@ -137,14 +137,14 @@ export declare const Disabled: {
|
|
|
137
137
|
autoCorrect?: string;
|
|
138
138
|
popover?: import('..').InfoPopoverProps;
|
|
139
139
|
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
|
|
140
|
-
label?: string;
|
|
141
|
-
autoComplete?: string;
|
|
142
|
-
maxLength?: number;
|
|
143
|
-
minLength?: number;
|
|
144
140
|
isReadOnly?: boolean;
|
|
145
141
|
errorMessage?: string | ((validation: import('react-aria-components').ValidationResult) => string);
|
|
146
142
|
isInvalid?: boolean;
|
|
147
143
|
description?: string;
|
|
144
|
+
label?: string;
|
|
145
|
+
autoComplete?: string;
|
|
146
|
+
maxLength?: number;
|
|
147
|
+
minLength?: number;
|
|
148
148
|
isRequired?: boolean;
|
|
149
149
|
validationBehavior?: "native" | "aria";
|
|
150
150
|
validate?: ((value: string) => import('@react-types/shared').ValidationError | true | null | undefined) | undefined;
|
package/textfield/index.js
CHANGED
package/tooltip/Tooltip.d.ts
CHANGED
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
import { TooltipProps, TooltipTriggerComponentProps } from 'react-aria-components';
|
|
2
2
|
export type { TooltipProps };
|
|
3
|
-
|
|
4
|
-
* @deprecated since v16.0.0 please use TooltipProps instead
|
|
5
|
-
*/
|
|
6
|
-
export type MidasTooltipProps = TooltipProps;
|
|
7
|
-
export declare function Tooltip({ children, className, ...props }: MidasTooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function Tooltip({ children, className, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
8
4
|
export declare function TooltipTrigger({ delay, ...props }: TooltipTriggerComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import {
|
|
2
|
+
import { TooltipProps, Tooltip } from './Tooltip';
|
|
3
3
|
type Story = StoryObj<typeof Tooltip>;
|
|
4
4
|
declare const _default: {
|
|
5
5
|
component: typeof Tooltip;
|
|
@@ -17,7 +17,7 @@ declare const _default: {
|
|
|
17
17
|
args: {
|
|
18
18
|
children: string;
|
|
19
19
|
};
|
|
20
|
-
render: (args:
|
|
20
|
+
render: (args: TooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
21
|
};
|
|
22
22
|
export default _default;
|
|
23
23
|
export declare const Primary: Story;
|
package/tooltip/index.d.ts
CHANGED
package/assets/Select2.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._wrapper_odqg7_1{color:var(--midas-text-primary);display:flex;flex-direction:column;font-family:var(--midas-typography-font-family)}._wrapper_odqg7_1[data-disabled]{color:var(--midas-text-disabled)}._trigger_odqg7_12{align-items:center;background-color:var(--midas-field-01-base);border:none;border-bottom:1px solid var(--midas-border-color-primary);border-radius:0;color:var(--midas-text-primary);display:flex;font-size:var(--midas-typography-font-size-30);justify-content:flex-end;min-height:var(--midas-size-150);padding-left:var(--midas-size-70);padding-right:var(--midas-size-70)}._trigger_odqg7_12._medium_odqg7_26{min-height:var(--midas-size-130)}._trigger_odqg7_12:focus-visible{outline:none;box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._trigger_odqg7_12:focus-visible{outline:3px solid highlight;outline-offset:2px}}._trigger_odqg7_12:hover{background-color:var(--midas-field-01-hover);cursor:pointer}._trigger_odqg7_12[data-disabled]{cursor:not-allowed;background:var(--midas-field-disabled);color:var(--midas-text-disabled);border-color:var(--midas-border-color-disabled)}._trigger_odqg7_12[data-invalid]:not(:focus-visible){border:none;box-shadow:var(--midas-state-invalid)}@media(forced-colors:active){._trigger_odqg7_12[data-invalid]:not(:focus-visible){border:5px solid Highlight!important}}._trigger_odqg7_12[data-open] ._icon_odqg7_62 svg{transform:rotate(180deg)}._tagGroup_odqg7_68{margin-top:var(--midas-size-40)}._icon_odqg7_62{display:flex;align-items:center;transition:transform .3s ease;flex:1 0 auto;justify-content:flex-end}._icon_odqg7_62 svg{transition:transform .3s ease}._listBoxItemCheckmark_odqg7_84{margin-left:auto;align-self:center}._triggerContainer_odqg7_89{display:flex;flex-direction:column;position:relative}._selectValueTag_odqg7_95{font-family:var(--midas-typography-font-family);background-color:var(--midas-button-background-primary-base);color:var(--midas-text-on-color);border-radius:1.25rem;font-size:.875rem;min-height:1.75rem;display:flex;justify-content:center;align-items:center;padding:0 .5rem;position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}._selectValueTag_odqg7_95:has(._clearButton_odqg7_111){padding-right:0}._selectValueTag_odqg7_95[data-disabled]{pointer-events:none;background-color:var(--midas-field-disabled);color:var(--midas-text-disabled);border-color:var(--midas-border-color-disabled)}._truncate_odqg7_123{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._clearButton_odqg7_111{padding:.375rem;margin:0 0 0 .5rem;display:flex;border-radius:100%;background-color:var(--midas-button-background-primary-base);color:var(--midas-text-on-color);border:none}._clearButton_odqg7_111:hover{cursor:pointer;background-color:var(--midas-button-background-primary-hover)}._clearButton_odqg7_111:disabled{pointer-events:none;color:var(--midas-text-disabled);background-color:var(--midas-button-background-disabled)}._clearButton_odqg7_111:focus-visible{outline:none;box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._clearButton_odqg7_111:focus-visible{outline:3px solid highlight;outline-offset:2px}}._checkboxContainer_odqg7_160{display:flex;align-items:center;padding-right:.5rem}._selectAll_odqg7_166{width:calc(100% - var(--midas-size-80) * 2);background-color:var(--midas-layer-01-base);color:var(--midas-text-primary);display:flex;font-family:var(--midas-typography-font-family);line-height:1;margin-bottom:2px!important;padding:var(--midas-size-80);transition:background-color 60ms}._selectAll_odqg7_166:hover:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer;transition-delay:60ms}._selectAll_odqg7_166[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._selectAll_odqg7_166[data-selected]{background-color:var(--midas-layer-01-selected-hover)}._selectAll_odqg7_166[data-selected]:hover:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover);transition-delay:60ms}._selectAll_odqg7_166[data-focused]{outline:none;box-shadow:none}@media(forced-colors:active){._selectAll_odqg7_166[data-focused]{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important;outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1)}}._selectAll_odqg7_166[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._selectAll_odqg7_166[data-hovered] div{border-color:var(--midas-border-color-primary)}@media(forced-colors:active){[data-invalid] ._trigger_odqg7_12{border:5px solid Highlight!important}._selectValueTag_odqg7_95{border:ButtonBorder solid}._trigger_odqg7_12,._clearButton_odqg7_111{border:Highlight 1px solid}}@media(prefers-reduced-motion){._icon_odqg7_62,._icon_odqg7_62 svg,._selectAll_odqg7_166{transition:none}}
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import { jsx as a, jsxs as f, Fragment as h } from "react/jsx-runtime";
|
|
2
|
-
import { Breadcrumbs as o, Breadcrumb as m } from "react-aria-components";
|
|
3
|
-
import { c } from "./clsx-AexbMWKp.js";
|
|
4
|
-
import { L as p } from "./Link-rqGQvFQq.js";
|
|
5
|
-
import '../assets/Breadcrumb.css';const b = "_container_zw1qy_1", B = "_separator_zw1qy_20", i = {
|
|
6
|
-
container: b,
|
|
7
|
-
separator: B
|
|
8
|
-
};
|
|
9
|
-
function y(e) {
|
|
10
|
-
if (!("items" in e) || !Array.isArray(e.items) || e.children != null && typeof e.children == "function")
|
|
11
|
-
return !1;
|
|
12
|
-
const r = e.items[0];
|
|
13
|
-
return r != null && "href" in r && "title" in r;
|
|
14
|
-
}
|
|
15
|
-
const L = ({
|
|
16
|
-
className: e,
|
|
17
|
-
...r
|
|
18
|
-
}) => {
|
|
19
|
-
if (y(r)) {
|
|
20
|
-
process.env.NODE_ENV !== "production" && console.warn(
|
|
21
|
-
"[Midas] Breadcrumbs: The `items` prop with {href, title} objects is deprecated. Use the compound <Breadcrumbs> + <Breadcrumb> API instead."
|
|
22
|
-
);
|
|
23
|
-
const { items: t, ...n } = r;
|
|
24
|
-
return /* @__PURE__ */ a(
|
|
25
|
-
o,
|
|
26
|
-
{
|
|
27
|
-
className: c(i.container, e),
|
|
28
|
-
...n,
|
|
29
|
-
children: t.map(
|
|
30
|
-
({ title: s, href: u, isDisabled: d }, l) => /* @__PURE__ */ a(m, { children: /* @__PURE__ */ a(
|
|
31
|
-
p,
|
|
32
|
-
{
|
|
33
|
-
href: u,
|
|
34
|
-
isDisabled: d,
|
|
35
|
-
children: s
|
|
36
|
-
}
|
|
37
|
-
) }, s.toLocaleLowerCase() + l)
|
|
38
|
-
)
|
|
39
|
-
}
|
|
40
|
-
);
|
|
41
|
-
}
|
|
42
|
-
return /* @__PURE__ */ a(
|
|
43
|
-
o,
|
|
44
|
-
{
|
|
45
|
-
className: c(i.container, e),
|
|
46
|
-
...r
|
|
47
|
-
}
|
|
48
|
-
);
|
|
49
|
-
}, j = ({
|
|
50
|
-
className: e,
|
|
51
|
-
children: r,
|
|
52
|
-
...t
|
|
53
|
-
}) => /* @__PURE__ */ a(
|
|
54
|
-
m,
|
|
55
|
-
{
|
|
56
|
-
className: c(e),
|
|
57
|
-
...t,
|
|
58
|
-
children: (n) => {
|
|
59
|
-
const s = !n.isCurrent;
|
|
60
|
-
return /* @__PURE__ */ f(h, { children: [
|
|
61
|
-
typeof r == "function" ? r(n) : r,
|
|
62
|
-
s ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: i.separator, children: "/" }) : null
|
|
63
|
-
] });
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
);
|
|
67
|
-
export {
|
|
68
|
-
j as B,
|
|
69
|
-
L as a
|
|
70
|
-
};
|