@midas-ds/components 17.15.3 → 17.15.5
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/AccordionItem.stories.d.ts +1 -0
- package/accordion/index.js +2 -5
- package/assets/Button.css +1 -1
- package/assets/TextField.css +1 -1
- package/assets/accordion.css +1 -0
- package/assets/badge.css +1 -0
- package/assets/breadcrumbs.css +1 -0
- package/assets/button2.css +1 -0
- package/assets/calendar.css +1 -0
- package/assets/card.css +1 -0
- package/assets/checkbox.css +1 -0
- package/assets/{ColorSchemeSwitch.css → color-scheme-switch.css} +1 -1
- package/assets/combobox.css +1 -0
- package/assets/date-field.css +1 -0
- package/assets/date-picker.css +1 -0
- package/assets/default.css +1 -1
- package/assets/field-error.css +1 -0
- package/assets/file-list.css +1 -0
- package/assets/{FileUpload.css → file-upload.css} +1 -1
- package/assets/grid.css +1 -0
- package/assets/info-banner.css +1 -0
- package/assets/label.css +1 -0
- package/assets/layout.css +1 -0
- package/assets/link-button.css +1 -0
- package/assets/link.css +1 -0
- package/assets/list-box.css +1 -0
- package/assets/logo.css +1 -0
- package/assets/menu.css +1 -0
- package/assets/modal.css +1 -0
- package/assets/popover.css +1 -0
- package/assets/progress-bar.css +1 -0
- package/assets/radio.css +1 -0
- package/assets/search-field.css +1 -0
- package/assets/select.css +1 -0
- package/assets/skeleton.css +1 -0
- package/assets/spinner.css +1 -0
- package/assets/table.css +1 -0
- package/assets/tabs.css +1 -0
- package/assets/{TagGroup.css → tag.css} +1 -1
- package/assets/{Text.css → text.css} +1 -1
- package/assets/time-field.css +1 -0
- package/assets/toast.css +1 -0
- package/assets/toggle-button.css +1 -0
- package/assets/tooltip.css +1 -0
- package/badge/index.js +2 -5
- package/breadcrumbs/index.js +2 -5
- package/button/index.js +2 -6
- package/calendar/index.js +2 -5
- package/card/index.js +2 -12
- package/character-counter/index.js +2 -4
- package/checkbox/index.js +2 -6
- package/chunks/Button.module-0C2ArlRs.js +13 -0
- package/chunks/FeedbackStatusIcon-A1trvSCf.js +54 -0
- package/chunks/TextField.module-CrR3Krxn.js +12 -0
- package/chunks/accordion-KEgnlzYi.js +87 -0
- package/chunks/arrow-right-7yeXXFNV.js +10 -0
- package/chunks/badge-DrCn-5SX.js +22 -0
- package/chunks/breadcrumbs-XTH3axtt.js +23 -0
- package/chunks/button-CFjf-bDe.js +34 -0
- package/chunks/calendar-C0rlcHfr.js +74 -0
- package/chunks/card-CF8iwdg3.js +103 -0
- package/chunks/character-counter-CSoVSrxZ.js +16 -0
- package/chunks/check-BiPE7lAA.js +7 -0
- package/chunks/checkbox-B_41DFjp.js +174 -0
- package/chunks/chevron-down-Buf0eTzo.js +7 -0
- package/chunks/chevron-right-DJ7qKNKG.js +7 -0
- package/chunks/clear-button-Cb4MTvBR.js +17 -0
- package/chunks/clsx-BtlV5Vo3.js +21 -0
- package/chunks/color-scheme-switch-Ce4vL8Yz.js +122 -0
- package/chunks/combobox-BLGIYxNy.js +90 -0
- package/chunks/createLucideIcon-DhIhuN5D.js +39 -0
- package/chunks/date-field-Cy0HGw6v.js +73 -0
- package/chunks/date-picker-ByfWqOZh.js +191 -0
- package/chunks/field-error-DYp2kgFr.js +19 -0
- package/chunks/file-list-DYOuch5G.js +68 -0
- package/chunks/file-upload-CZRTVw5O.js +11 -0
- package/chunks/grid-CUYMbO7c.js +225 -0
- package/chunks/heading-595zCrRS.js +28 -0
- package/chunks/info-Bm2gRija.js +19 -0
- package/chunks/info-banner-hHq0Atii.js +59 -0
- package/chunks/label-uwnwLD3z.js +49 -0
- package/chunks/layout-BzK7P4Xn.js +426 -0
- package/chunks/link-Q46Ny2Po.js +40 -0
- package/chunks/link-button-Cm2B0s4X.js +39 -0
- package/chunks/list-box-Dm2itiZD.js +75 -0
- package/chunks/logo-D7tz-4hp.js +93 -0
- package/chunks/menu-CB6VDQ-u.js +49 -0
- package/chunks/modal-Dr0ythpF.js +66 -0
- package/chunks/popover-DxnYz_IT.js +27 -0
- package/chunks/progress-bar-Dppkp0cT.js +40 -0
- package/chunks/radio-PBrD5BO4.js +43 -0
- package/chunks/search-field-B5RciSq0.js +90 -0
- package/chunks/select-BZ0greL0.js +171 -0
- package/chunks/skeleton-OqKFBcmO.js +36 -0
- package/chunks/spinner-C3WiZYld.js +32 -0
- package/chunks/square-arrow-out-up-right-Bobm4VNc.js +17 -0
- package/chunks/table-BZ7VvZaq.js +150 -0
- package/chunks/tabs-eshGdQJJ.js +52 -0
- package/chunks/tag-CELJrUEQ.js +78 -0
- package/chunks/text-mAeDlv5N.js +23 -0
- package/chunks/textfield-CZSw2R67.js +112 -0
- package/chunks/time-field-DaQfnJQF.js +60 -0
- package/chunks/toast-AYzfHBcQ.js +91 -0
- package/chunks/toggle-button-DlPo9GJW.js +17 -0
- package/chunks/tooltip-BE_r_CBm.js +33 -0
- package/chunks/useLocalizedStringFormatter-bRLuRzVD.js +19 -0
- package/chunks/x-Bs_QW3q8.js +10 -0
- package/clear-button/index.js +2 -4
- package/color-scheme-switch/index.js +2 -4
- package/combobox/index.js +2 -4
- package/date-field/index.js +2 -9
- package/date-picker/index.js +2 -5
- package/field-error/index.js +2 -4
- package/file-list/index.js +2 -5
- package/file-upload/index.js +2 -5
- package/grid/index.js +2 -6
- package/heading/index.js +2 -4
- package/index.js +91 -165
- package/info-banner/index.js +2 -4
- package/label/index.js +2 -4
- package/layout/index.js +2 -8
- package/link/index.js +2 -6
- package/link-button/index.js +2 -6
- package/list-box/index.js +2 -13
- package/logo/index.js +2 -5
- package/menu/index.js +2 -10
- package/modal/index.js +2 -7
- package/package.json +1 -1
- package/popover/index.js +2 -4
- package/progress-bar/index.js +2 -4
- package/radio/index.js +2 -5
- package/search-field/index.js +2 -4
- package/select/index.js +2 -4
- package/skeleton/index.js +2 -4
- package/spinner/index.js +2 -4
- package/table/index.js +2 -9
- package/tabs/index.js +2 -7
- package/tag/index.js +2 -6
- package/text/index.js +2 -4
- package/textfield/index.js +2 -7
- package/time-field/index.js +2 -4
- package/toast/index.js +2 -10
- package/toggle-button/index.js +2 -5
- package/tooltip/index.js +2 -5
- package/assets/AccordionItem.css +0 -1
- package/assets/BadgeContainer.css +0 -1
- package/assets/Breadcrumb.css +0 -1
- package/assets/ButtonGroup.css +0 -1
- package/assets/CardHeader.css +0 -1
- package/assets/Checkbox.css +0 -1
- package/assets/ComboBox.css +0 -1
- package/assets/DateField.css +0 -1
- package/assets/DateInput.css +0 -1
- package/assets/DateRangePicker.css +0 -1
- package/assets/FieldError.css +0 -1
- package/assets/FileListItem.css +0 -1
- package/assets/GridItem.css +0 -1
- package/assets/InfoBanner.css +0 -1
- package/assets/Label.css +0 -1
- package/assets/Layout.css +0 -1
- package/assets/Link.css +0 -1
- package/assets/LinkButton.css +0 -1
- package/assets/ListBox.css +0 -1
- package/assets/ListBoxEmptyState.css +0 -1
- package/assets/Logo.css +0 -1
- package/assets/Modal.css +0 -1
- package/assets/Popover.css +0 -1
- package/assets/ProgressBar.css +0 -1
- package/assets/Radio.css +0 -1
- package/assets/RangeCalendar.css +0 -1
- package/assets/SearchField.css +0 -1
- package/assets/Select.css +0 -1
- package/assets/Separator.css +0 -1
- package/assets/Skeleton.css +0 -1
- package/assets/Spinner.css +0 -1
- package/assets/TabList.css +0 -1
- package/assets/Table.css +0 -1
- package/assets/TimeField.css +0 -1
- package/assets/Toast.css +0 -1
- package/assets/ToggleButtonGroup.css +0 -1
- package/assets/Tooltip.css +0 -1
- package/chunks/AccordionItem-DHhQDd6o.js +0 -129
- package/chunks/BadgeContainer-DyQDrY6S.js +0 -38
- package/chunks/Breadcrumb-Bs836gOn.js +0 -37
- package/chunks/Button-GCROAMSl.js +0 -56
- package/chunks/Button.module-byTN5rhp.js +0 -14
- package/chunks/ButtonGroup-Dr6HOBo2.js +0 -22
- package/chunks/CardHeader-BnwDMzW9.js +0 -184
- package/chunks/CharacterCounter-Dgnv-orm.js +0 -22
- package/chunks/Checkbox-CyamRrFD.js +0 -146
- package/chunks/CheckboxGroup-CmjQm14M.js +0 -84
- package/chunks/ClearButton-DkC8PIMi.js +0 -22
- package/chunks/ColorSchemeSwitch-CjXb7w5A.js +0 -118
- package/chunks/ComboBox-BCfucCKv.js +0 -102
- package/chunks/DateField-CpvZGNHu.js +0 -89
- package/chunks/DateInput-NzWcnB4y.js +0 -29
- package/chunks/DateInputDivider-BHAwPkIR.js +0 -13
- package/chunks/DateRangePicker-BBLNlQ2y.js +0 -202
- package/chunks/FeedbackStatusIcon-X9Bjgeta.js +0 -56
- package/chunks/FieldError-krpMBtie.js +0 -24
- package/chunks/FileListItem-CKF9HPjw.js +0 -69
- package/chunks/FileUpload-D6oyWcDA.js +0 -17
- package/chunks/Grid-C7aRFvmS.js +0 -24
- package/chunks/GridItem-DenBLGXB.js +0 -237
- package/chunks/Heading-nfcRc2QF.js +0 -38
- package/chunks/InfoBanner-CWLvkP6D.js +0 -76
- package/chunks/Label-Cqo7Xz2v.js +0 -67
- package/chunks/Layout-D-nVSBJY.js +0 -493
- package/chunks/Link-CSIZehbN.js +0 -59
- package/chunks/LinkButton-Dzp8ZAPs.js +0 -68
- package/chunks/ListBox-CJhp9Hsb.js +0 -60
- package/chunks/ListBoxEmptyState-BxWWr2D9.js +0 -30
- package/chunks/ListBoxHeader-Cl56gGEe.js +0 -63
- package/chunks/Logo-DDykn5b2.js +0 -150
- package/chunks/Modal-yigospxi.js +0 -78
- package/chunks/Popover-CjEPHe4A.js +0 -34
- package/chunks/ProgressBar-BrWLkY8H.js +0 -53
- package/chunks/Radio-CFolRKKY.js +0 -44
- package/chunks/RangeCalendar-DxLInTav.js +0 -99
- package/chunks/SearchField-BXIDm898.js +0 -121
- package/chunks/Select-BQ109AJG.js +0 -231
- package/chunks/Separator-CDRwpeHz.js +0 -76
- package/chunks/Skeleton-ClvqZoDy.js +0 -88
- package/chunks/Spinner-CfKMn18u.js +0 -43
- package/chunks/TabList-CJSnr6O0.js +0 -87
- package/chunks/Table-CDdv7GeG.js +0 -140
- package/chunks/TagGroup-C-pkXtVn.js +0 -119
- package/chunks/Text-D0r_W4lH.js +0 -36
- package/chunks/TextArea-CNP1Y3jR.js +0 -135
- package/chunks/TextField.module-BDIbEV87.js +0 -12
- package/chunks/TimeField-B3IdCqTf.js +0 -88
- package/chunks/Toast-BFq_0Ue4.js +0 -158
- package/chunks/ToggleButtonGroup-DRnEEi5-.js +0 -29
- package/chunks/Tooltip-BYEaNkZG.js +0 -44
- package/chunks/arrow-right-BVcFGZmy.js +0 -8
- package/chunks/check-Bt2UikoU.js +0 -5
- package/chunks/chevron-down-BBFYYzZq.js +0 -5
- package/chunks/chevron-right-DvXGOiS_.js +0 -5
- package/chunks/clsx-AexbMWKp.js +0 -24
- package/chunks/createLucideIcon-CP-mMPfa.js +0 -75
- package/chunks/info-N5jWZg2A.js +0 -9
- package/chunks/square-arrow-out-up-right-x_I6wdNi.js +0 -9
- package/chunks/useLocalizedStringFormatter-BHvsRxDk.js +0 -25
- package/chunks/x-B9bYxG31.js +0 -8
- /package/assets/{CharacterCounter.css → character-counter.css} +0 -0
- /package/assets/{Heading.css → heading.css} +0 -0
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { t as e } from "./clsx-BtlV5Vo3.js";
|
|
3
|
+
import { t } from "./createLucideIcon-DhIhuN5D.js";
|
|
4
|
+
import { n } from "./checkbox-B_41DFjp.js";
|
|
5
|
+
import { Button as r, Cell as i, Collection as a, Column as o, Row as s, Table as c, TableBody as l, TableHeader as u, useTableOptions as d } from "react-aria-components";
|
|
6
|
+
import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
|
|
7
|
+
import '../assets/table.css';var h = t("arrow-down", [["path", {
|
|
8
|
+
d: "M12 5v14",
|
|
9
|
+
key: "s699le"
|
|
10
|
+
}], ["path", {
|
|
11
|
+
d: "m19 12-7 7-7-7",
|
|
12
|
+
key: "1idqje"
|
|
13
|
+
}]]), g = t("arrow-up-down", [
|
|
14
|
+
["path", {
|
|
15
|
+
d: "m21 16-4 4-4-4",
|
|
16
|
+
key: "f6ql7i"
|
|
17
|
+
}],
|
|
18
|
+
["path", {
|
|
19
|
+
d: "M17 20V4",
|
|
20
|
+
key: "1ejh1v"
|
|
21
|
+
}],
|
|
22
|
+
["path", {
|
|
23
|
+
d: "m3 8 4-4 4 4",
|
|
24
|
+
key: "11wl7u"
|
|
25
|
+
}],
|
|
26
|
+
["path", {
|
|
27
|
+
d: "M7 4v16",
|
|
28
|
+
key: "1glfcx"
|
|
29
|
+
}]
|
|
30
|
+
]), _ = t("arrow-up", [["path", {
|
|
31
|
+
d: "m5 12 7-7 7 7",
|
|
32
|
+
key: "hav0vg"
|
|
33
|
+
}], ["path", {
|
|
34
|
+
d: "M12 19V5",
|
|
35
|
+
key: "x0mq9r"
|
|
36
|
+
}]]), v = t("grip-vertical", [
|
|
37
|
+
["circle", {
|
|
38
|
+
cx: "9",
|
|
39
|
+
cy: "12",
|
|
40
|
+
r: "1",
|
|
41
|
+
key: "1vctgf"
|
|
42
|
+
}],
|
|
43
|
+
["circle", {
|
|
44
|
+
cx: "9",
|
|
45
|
+
cy: "5",
|
|
46
|
+
r: "1",
|
|
47
|
+
key: "hp0tcf"
|
|
48
|
+
}],
|
|
49
|
+
["circle", {
|
|
50
|
+
cx: "9",
|
|
51
|
+
cy: "19",
|
|
52
|
+
r: "1",
|
|
53
|
+
key: "fkjjf6"
|
|
54
|
+
}],
|
|
55
|
+
["circle", {
|
|
56
|
+
cx: "15",
|
|
57
|
+
cy: "12",
|
|
58
|
+
r: "1",
|
|
59
|
+
key: "1tmaij"
|
|
60
|
+
}],
|
|
61
|
+
["circle", {
|
|
62
|
+
cx: "15",
|
|
63
|
+
cy: "5",
|
|
64
|
+
r: "1",
|
|
65
|
+
key: "19l28e"
|
|
66
|
+
}],
|
|
67
|
+
["circle", {
|
|
68
|
+
cx: "15",
|
|
69
|
+
cy: "19",
|
|
70
|
+
r: "1",
|
|
71
|
+
key: "f4zoj3"
|
|
72
|
+
}]
|
|
73
|
+
]), y = {
|
|
74
|
+
table: "_table_1s8du_1",
|
|
75
|
+
tableHeader: "_tableHeader_1s8du_11",
|
|
76
|
+
column: "_column_1s8du_12",
|
|
77
|
+
sortIndicator: "_sortIndicator_1s8du_29",
|
|
78
|
+
sortIconNeutral: "_sortIconNeutral_1s8du_37",
|
|
79
|
+
selection: "_selection_1s8du_56",
|
|
80
|
+
row: "_row_1s8du_62",
|
|
81
|
+
cell: "_cell_1s8du_80",
|
|
82
|
+
narrow: "_narrow_1s8du_97",
|
|
83
|
+
medium: "_medium_1s8du_120",
|
|
84
|
+
striped: "_striped_1s8du_131"
|
|
85
|
+
}, b = ({ size: t = "large", striped: n = !1, className: r, ...i }) => /* @__PURE__ */ p(c, {
|
|
86
|
+
className: e(y.table, r, {
|
|
87
|
+
[y.medium]: t === "medium",
|
|
88
|
+
[y.striped]: n
|
|
89
|
+
}),
|
|
90
|
+
...i
|
|
91
|
+
}), x = ({ columns: t, children: r, className: i }) => {
|
|
92
|
+
let { selectionBehavior: o, selectionMode: s, allowsDragging: c } = d();
|
|
93
|
+
return /* @__PURE__ */ m(u, {
|
|
94
|
+
className: e(i, y.tableHeader),
|
|
95
|
+
children: [
|
|
96
|
+
c && /* @__PURE__ */ p(C, {}),
|
|
97
|
+
o === "toggle" && /* @__PURE__ */ p(C, {
|
|
98
|
+
width: 50,
|
|
99
|
+
children: s === "multiple" && /* @__PURE__ */ p(n, {
|
|
100
|
+
className: y.selection,
|
|
101
|
+
slot: "selection"
|
|
102
|
+
})
|
|
103
|
+
}),
|
|
104
|
+
/* @__PURE__ */ p(a, {
|
|
105
|
+
items: t,
|
|
106
|
+
children: r
|
|
107
|
+
})
|
|
108
|
+
]
|
|
109
|
+
});
|
|
110
|
+
}, S = ({ id: t, columns: i, children: o, className: c, ...l }) => {
|
|
111
|
+
let { selectionBehavior: u, allowsDragging: f } = d();
|
|
112
|
+
return /* @__PURE__ */ m(s, {
|
|
113
|
+
id: t,
|
|
114
|
+
className: e(c, y.row),
|
|
115
|
+
...l,
|
|
116
|
+
children: [
|
|
117
|
+
f && /* @__PURE__ */ p(w, { children: /* @__PURE__ */ p(r, {
|
|
118
|
+
slot: "drag",
|
|
119
|
+
children: /* @__PURE__ */ p(v, { size: 20 })
|
|
120
|
+
}) }),
|
|
121
|
+
u === "toggle" && /* @__PURE__ */ p(w, { children: /* @__PURE__ */ p(n, {
|
|
122
|
+
className: y.selection,
|
|
123
|
+
slot: "selection"
|
|
124
|
+
}) }),
|
|
125
|
+
/* @__PURE__ */ p(a, {
|
|
126
|
+
items: i,
|
|
127
|
+
children: o
|
|
128
|
+
})
|
|
129
|
+
]
|
|
130
|
+
});
|
|
131
|
+
}, C = ({ children: t, className: n, ...r }) => /* @__PURE__ */ p(o, {
|
|
132
|
+
className: e(n, y.column),
|
|
133
|
+
...r,
|
|
134
|
+
children: ({ allowsSorting: e, sortDirection: n }) => /* @__PURE__ */ m(f, { children: [t, e && /* @__PURE__ */ p("span", {
|
|
135
|
+
"aria-hidden": "true",
|
|
136
|
+
className: y.sortIndicator,
|
|
137
|
+
children: n === "ascending" ? /* @__PURE__ */ p(_, { size: 16 }) : n === "descending" ? /* @__PURE__ */ p(h, { size: 16 }) : /* @__PURE__ */ p(g, {
|
|
138
|
+
size: 16,
|
|
139
|
+
className: y.sortIconNeutral
|
|
140
|
+
})
|
|
141
|
+
})] })
|
|
142
|
+
}), w = ({ className: t, ...n }) => /* @__PURE__ */ p(i, {
|
|
143
|
+
className: e(t, y.cell),
|
|
144
|
+
...n
|
|
145
|
+
}), T = ({ className: t, ...n }) => /* @__PURE__ */ p(l, {
|
|
146
|
+
className: e(t, y.tableBody),
|
|
147
|
+
...n
|
|
148
|
+
});
|
|
149
|
+
//#endregion
|
|
150
|
+
export { T as a, b as i, C as n, x as o, S as r, w as t };
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { t as e } from "./clsx-BtlV5Vo3.js";
|
|
3
|
+
import * as t from "react";
|
|
4
|
+
import { createContext as n } from "react";
|
|
5
|
+
import { SelectionIndicator as r, Tab as i, TabList as a, TabPanel as o, Tabs as s, composeRenderProps as c } from "react-aria-components";
|
|
6
|
+
import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
|
|
7
|
+
import '../assets/tabs.css';//#region packages/components/src/tabs/TabsContext.ts
|
|
8
|
+
var f = n({
|
|
9
|
+
variant: "uncontained",
|
|
10
|
+
size: "large"
|
|
11
|
+
}), p = {
|
|
12
|
+
tabs: "_tabs_1jqj8_1",
|
|
13
|
+
tabList: "_tabList_1jqj8_12",
|
|
14
|
+
tab: "_tab_1jqj8_1",
|
|
15
|
+
contained: "_contained_1jqj8_55",
|
|
16
|
+
medium: "_medium_1jqj8_75",
|
|
17
|
+
selectionIndicator: "_selectionIndicator_1jqj8_98",
|
|
18
|
+
tabPanel: "_tabPanel_1jqj8_133"
|
|
19
|
+
}, m = ({ className: t, variant: n = "uncontained", size: r = "large", ...i }) => /* @__PURE__ */ u(f.Provider, {
|
|
20
|
+
value: {
|
|
21
|
+
variant: n,
|
|
22
|
+
size: r
|
|
23
|
+
},
|
|
24
|
+
children: /* @__PURE__ */ u(s, {
|
|
25
|
+
className: e(p.tabs, t),
|
|
26
|
+
...i
|
|
27
|
+
})
|
|
28
|
+
}), h = ({ className: n, ...a }) => {
|
|
29
|
+
let { variant: o, size: s } = t.useContext(f);
|
|
30
|
+
return /* @__PURE__ */ u(i, {
|
|
31
|
+
...a,
|
|
32
|
+
className: e(p.tab, {
|
|
33
|
+
[p.contained]: o === "contained",
|
|
34
|
+
[p.medium]: s === "medium"
|
|
35
|
+
}, n),
|
|
36
|
+
children: c(a.children, (t) => /* @__PURE__ */ d(l, { children: [t, /* @__PURE__ */ u(r, { className: e(p.selectionIndicator, { [p.contained]: o === "contained" }) })] }))
|
|
37
|
+
});
|
|
38
|
+
}, g = ({ className: n, ...r }) => {
|
|
39
|
+
let { variant: i, size: a } = t.useContext(f);
|
|
40
|
+
return /* @__PURE__ */ u(o, {
|
|
41
|
+
className: e(p.tabPanel, {
|
|
42
|
+
[p.contained]: i === "contained",
|
|
43
|
+
[p.medium]: a === "medium"
|
|
44
|
+
}, n),
|
|
45
|
+
...r
|
|
46
|
+
});
|
|
47
|
+
}, _ = ({ className: t, ...n }) => /* @__PURE__ */ u(a, {
|
|
48
|
+
className: e(p.tabList, t),
|
|
49
|
+
...n
|
|
50
|
+
});
|
|
51
|
+
//#endregion
|
|
52
|
+
export { m as i, g as n, h as r, _ as t };
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { t as e } from "./clsx-BtlV5Vo3.js";
|
|
2
|
+
import { t } from "./x-Bs_QW3q8.js";
|
|
3
|
+
import { n } from "./button-CFjf-bDe.js";
|
|
4
|
+
import { Children as r, forwardRef as i, isValidElement as a } from "react";
|
|
5
|
+
import { Tag as o, TagGroup as s, TagGroupContext as c, TagList as l, TagListContext as u, composeRenderProps as d, useContextProps as f } from "react-aria-components";
|
|
6
|
+
import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
|
|
7
|
+
import '../assets/tag.css';var g = {
|
|
8
|
+
button: "_button_14ocl_1",
|
|
9
|
+
tag: "_tag_14ocl_8",
|
|
10
|
+
sky: "_sky_14ocl_21",
|
|
11
|
+
blue: "_blue_14ocl_22",
|
|
12
|
+
mint: "_mint_14ocl_27",
|
|
13
|
+
green: "_green_14ocl_28",
|
|
14
|
+
cream: "_cream_14ocl_33",
|
|
15
|
+
yellow: "_yellow_14ocl_34",
|
|
16
|
+
teal: "_teal_14ocl_39",
|
|
17
|
+
lagoon: "_lagoon_14ocl_44",
|
|
18
|
+
lagoonblue: "_lagoonblue_14ocl_45",
|
|
19
|
+
lavender: "_lavender_14ocl_50",
|
|
20
|
+
purple: "_purple_14ocl_51",
|
|
21
|
+
peach: "_peach_14ocl_56",
|
|
22
|
+
orange: "_orange_14ocl_57",
|
|
23
|
+
pippin: "_pippin_14ocl_62",
|
|
24
|
+
red: "_red_14ocl_63",
|
|
25
|
+
tagText: "_tagText_14ocl_90",
|
|
26
|
+
dismissable: "_dismissable_14ocl_104"
|
|
27
|
+
}, _ = ({ className: r, color: i, dismissable: a = !1, isDismissable: s, type: c, ...l }) => {
|
|
28
|
+
let u = s || s === void 0 && a;
|
|
29
|
+
return /* @__PURE__ */ m(o, {
|
|
30
|
+
className: e(g.tag, u && g.dismissable, {
|
|
31
|
+
[g.sky]: i === "sky",
|
|
32
|
+
[g.blue]: i === "blue" || !i && c === "info",
|
|
33
|
+
[g.mint]: i === "mint",
|
|
34
|
+
[g.green]: i === "green" || !i && c === "success",
|
|
35
|
+
[g.cream]: i === "cream",
|
|
36
|
+
[g.yellow]: i === "yellow" || !i && c === "important",
|
|
37
|
+
[g.teal]: i === "teal",
|
|
38
|
+
[g.lagoon]: i === "lagoon",
|
|
39
|
+
[g.lagoonblue]: i === "lagoonblue",
|
|
40
|
+
[g.lavender]: i === "lavender",
|
|
41
|
+
[g.purple]: i === "purple",
|
|
42
|
+
[g.peach]: i === "peach",
|
|
43
|
+
[g.orange]: i === "orange",
|
|
44
|
+
[g.pippin]: i === "pippin",
|
|
45
|
+
[g.red]: i === "red" || !i && c === "warning"
|
|
46
|
+
}, r),
|
|
47
|
+
...l,
|
|
48
|
+
textValue: l.textValue || (typeof l.children == "string" ? l.children : void 0),
|
|
49
|
+
children: d(l.children, (e) => /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("div", {
|
|
50
|
+
className: g.tagText,
|
|
51
|
+
children: e
|
|
52
|
+
}), u && /* @__PURE__ */ m(n, {
|
|
53
|
+
variant: "icon",
|
|
54
|
+
size: "medium",
|
|
55
|
+
className: g.button,
|
|
56
|
+
slot: "remove",
|
|
57
|
+
children: /* @__PURE__ */ m(t, { size: 20 })
|
|
58
|
+
})] }))
|
|
59
|
+
});
|
|
60
|
+
}, v = { tagList: "_tagList_17pz2_1" }, y = i((t, n) => {
|
|
61
|
+
let [{ className: r, ...i }, a] = f(t, n, u);
|
|
62
|
+
return /* @__PURE__ */ m(l, {
|
|
63
|
+
className: e(r, v.tagList),
|
|
64
|
+
ref: a,
|
|
65
|
+
...i
|
|
66
|
+
});
|
|
67
|
+
}), b = i((t, n) => {
|
|
68
|
+
let [{ className: i, children: o, ...l }, u] = f(t, n, c), d = r.toArray(o).filter(a).find((e) => e.type === y);
|
|
69
|
+
return !d && process.env.NODE_ENV === "development" && console.warn("Using a TagGroup without providing a TagList component is deprecated since v17.0.0, see: https://designsystem.migrationsverket.se/components/tag/"), /* @__PURE__ */ m(s, {
|
|
70
|
+
className: e(i),
|
|
71
|
+
ref: u,
|
|
72
|
+
...l,
|
|
73
|
+
children: d ? o : /* @__PURE__ */ m(y, { children: o })
|
|
74
|
+
});
|
|
75
|
+
});
|
|
76
|
+
b.displayName = "TagGroup";
|
|
77
|
+
//#endregion
|
|
78
|
+
export { y as n, _ as r, b as t };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { t as e } from "./clsx-BtlV5Vo3.js";
|
|
2
|
+
import "react";
|
|
3
|
+
import { Text as t } from "react-aria-components";
|
|
4
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
5
|
+
import '../assets/text.css';var r = {
|
|
6
|
+
body: "_body_g096r_1",
|
|
7
|
+
"body-small": "_body-small_g096r_2",
|
|
8
|
+
description: "_description_g096r_3",
|
|
9
|
+
"description-small": "_description-small_g096r_4",
|
|
10
|
+
bold: "_bold_g096r_24",
|
|
11
|
+
italic: "_italic_g096r_28"
|
|
12
|
+
}, i = "span", a = ({ children: a, className: o, size: s, isExpressive: c = !1, elementType: l = i, ...u }) => /* @__PURE__ */ n(t, {
|
|
13
|
+
className: e(u.slot === "description" ? s === "small" ? r["description-small"] : r.description : s === "small" ? r["body-small"] : r.body, {
|
|
14
|
+
[r.bold]: ["b", "strong"].includes(l),
|
|
15
|
+
[r.italic]: ["i", "em"].includes(l)
|
|
16
|
+
}, o),
|
|
17
|
+
elementType: l || i,
|
|
18
|
+
...c && { "data-expressive": !0 },
|
|
19
|
+
...u,
|
|
20
|
+
children: a
|
|
21
|
+
});
|
|
22
|
+
//#endregion
|
|
23
|
+
export { a as t };
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { n as e, t } from "./clsx-BtlV5Vo3.js";
|
|
3
|
+
import { t as n } from "./useLocalizedStringFormatter-bRLuRzVD.js";
|
|
4
|
+
import { n as r } from "./button-CFjf-bDe.js";
|
|
5
|
+
import { t as i } from "./text-mAeDlv5N.js";
|
|
6
|
+
import { t as a } from "./field-error-DYp2kgFr.js";
|
|
7
|
+
import { t as o } from "./character-counter-CSoVSrxZ.js";
|
|
8
|
+
import { n as s, t as c } from "./label-uwnwLD3z.js";
|
|
9
|
+
import { t as l } from "./TextField.module-CrR3Krxn.js";
|
|
10
|
+
import { forwardRef as u, useState as d } from "react";
|
|
11
|
+
import { Input as f, InputContext as p, TextArea as m, TextField as h, TextFieldContext as g, useContextProps as _ } from "react-aria-components";
|
|
12
|
+
import { jsx as v, jsxs as y } from "react/jsx-runtime";
|
|
13
|
+
//#region packages/components/src/textfield/TextFieldBase.tsx
|
|
14
|
+
var b = u((t, n) => {
|
|
15
|
+
[t] = _(t, n, g);
|
|
16
|
+
let { label: r, description: u, errorMessage: d, showCounter: f, errorPosition: p = "top", size: m = "large", popover: b, children: x } = t;
|
|
17
|
+
return /* @__PURE__ */ y(h, {
|
|
18
|
+
...t,
|
|
19
|
+
className: e(l.textField, { [l.medium]: m === "medium" }),
|
|
20
|
+
children: [
|
|
21
|
+
/* @__PURE__ */ v(s, {
|
|
22
|
+
popover: b,
|
|
23
|
+
children: r && /* @__PURE__ */ v(c, { children: r })
|
|
24
|
+
}),
|
|
25
|
+
u && /* @__PURE__ */ v(i, {
|
|
26
|
+
slot: "description",
|
|
27
|
+
children: u
|
|
28
|
+
}),
|
|
29
|
+
f && /* @__PURE__ */ v(o, { isLonely: !u }),
|
|
30
|
+
p === "top" && /* @__PURE__ */ v(a, {
|
|
31
|
+
"data-testid": "fieldError",
|
|
32
|
+
children: d
|
|
33
|
+
}),
|
|
34
|
+
x,
|
|
35
|
+
p === "bottom" && /* @__PURE__ */ v(a, {
|
|
36
|
+
"data-testid": "fieldError",
|
|
37
|
+
className: l.bottomError,
|
|
38
|
+
children: d
|
|
39
|
+
})
|
|
40
|
+
]
|
|
41
|
+
});
|
|
42
|
+
});
|
|
43
|
+
b.displayName = "TextFieldBase";
|
|
44
|
+
var x = {
|
|
45
|
+
en: {
|
|
46
|
+
hide: "Hide",
|
|
47
|
+
show: "Show",
|
|
48
|
+
showPassword: "Show password"
|
|
49
|
+
},
|
|
50
|
+
sv: {
|
|
51
|
+
hide: "Dölj",
|
|
52
|
+
show: "Visa",
|
|
53
|
+
showPassword: "Visa lösenord"
|
|
54
|
+
}
|
|
55
|
+
}, S = ({ showPassword: e, onToggle: t }) => {
|
|
56
|
+
let i = n(x);
|
|
57
|
+
return /* @__PURE__ */ v(r, {
|
|
58
|
+
"aria-label": i.format("showPassword"),
|
|
59
|
+
"aria-pressed": e,
|
|
60
|
+
variant: "tertiary",
|
|
61
|
+
onPress: t,
|
|
62
|
+
className: l.passwordButton,
|
|
63
|
+
children: e ? i.format("hide") : i.format("show")
|
|
64
|
+
});
|
|
65
|
+
}, C = u(({ skipContext: e = !1, ...n }, r) => {
|
|
66
|
+
let [i, a] = _(n, r, p), o = e ? r : a, s = e ? n : i, c = s.type === "password", [u, m] = d(!1);
|
|
67
|
+
return /* @__PURE__ */ y("div", {
|
|
68
|
+
className: l.wrap,
|
|
69
|
+
children: [/* @__PURE__ */ v(f, {
|
|
70
|
+
...s,
|
|
71
|
+
ref: o,
|
|
72
|
+
type: c && u ? "text" : s.type,
|
|
73
|
+
className: t(l.input, s.className)
|
|
74
|
+
}), c && /* @__PURE__ */ v(S, {
|
|
75
|
+
showPassword: u,
|
|
76
|
+
onToggle: () => m((e) => !e)
|
|
77
|
+
})]
|
|
78
|
+
});
|
|
79
|
+
});
|
|
80
|
+
C.displayName = "Input";
|
|
81
|
+
//#endregion
|
|
82
|
+
//#region packages/components/src/textfield/TextField.tsx
|
|
83
|
+
var w = u(({ className: e, list: n, type: r, min: i, max: a, form: o, ...s }, c) => /* @__PURE__ */ v(b, {
|
|
84
|
+
...s,
|
|
85
|
+
children: /* @__PURE__ */ v(C, {
|
|
86
|
+
className: t(e),
|
|
87
|
+
form: o,
|
|
88
|
+
list: n,
|
|
89
|
+
min: i,
|
|
90
|
+
max: a,
|
|
91
|
+
ref: c,
|
|
92
|
+
type: r,
|
|
93
|
+
skipContext: !0
|
|
94
|
+
})
|
|
95
|
+
}));
|
|
96
|
+
w.displayName = "TextField";
|
|
97
|
+
//#endregion
|
|
98
|
+
//#region packages/components/src/textfield/TextArea.tsx
|
|
99
|
+
var T = u(({ className: e, cols: n, form: r, rows: i, wrap: a, ...o }, s) => /* @__PURE__ */ v(b, {
|
|
100
|
+
...o,
|
|
101
|
+
children: /* @__PURE__ */ v(m, {
|
|
102
|
+
className: t(l.textArea, e),
|
|
103
|
+
cols: n,
|
|
104
|
+
form: r,
|
|
105
|
+
ref: s,
|
|
106
|
+
rows: i,
|
|
107
|
+
wrap: a
|
|
108
|
+
})
|
|
109
|
+
}));
|
|
110
|
+
T.displayName = "TextArea";
|
|
111
|
+
//#endregion
|
|
112
|
+
export { b as i, w as n, C as r, T as t };
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { t as e } from "./clsx-BtlV5Vo3.js";
|
|
2
|
+
import { t } from "./useLocalizedStringFormatter-bRLuRzVD.js";
|
|
3
|
+
import { t as n } from "./text-mAeDlv5N.js";
|
|
4
|
+
import { t as r } from "./field-error-DYp2kgFr.js";
|
|
5
|
+
import { n as i, t as a } from "./label-uwnwLD3z.js";
|
|
6
|
+
import { t as o } from "./clear-button-Cb4MTvBR.js";
|
|
7
|
+
import { n as s, r as c } from "./date-field-Cy0HGw6v.js";
|
|
8
|
+
import * as l from "react";
|
|
9
|
+
import { TimeField as u, TimeFieldStateContext as d } from "react-aria-components";
|
|
10
|
+
import { jsx as f, jsxs as p } from "react/jsx-runtime";
|
|
11
|
+
import { FocusScope as m, useFocusManager as h } from "@react-aria/focus";
|
|
12
|
+
import '../assets/time-field.css';var g = {
|
|
13
|
+
en: { clear: "Clear time" },
|
|
14
|
+
sv: { clear: "Rensa tid" }
|
|
15
|
+
}, _ = {
|
|
16
|
+
timeField: "_timeField_z8d4x_1",
|
|
17
|
+
inputField: "_inputField_z8d4x_7",
|
|
18
|
+
medium: "_medium_z8d4x_38",
|
|
19
|
+
clearButton: "_clearButton_z8d4x_47"
|
|
20
|
+
}, v = ({ isClearable: n, size: r, isDisabled: i, isReadOnly: a }) => {
|
|
21
|
+
let s = t(g), c = l.useContext(d), u = h();
|
|
22
|
+
return n && c?.value != null && !a ? /* @__PURE__ */ f(o, {
|
|
23
|
+
onPress: () => {
|
|
24
|
+
c?.setValue(null), u?.focusFirst();
|
|
25
|
+
},
|
|
26
|
+
size: r,
|
|
27
|
+
isDisabled: i,
|
|
28
|
+
"aria-label": s.format("clear"),
|
|
29
|
+
className: e(_.clearButton, { [_.medium]: r === "medium" })
|
|
30
|
+
}) : null;
|
|
31
|
+
}, y = l.forwardRef(({ className: t, description: o, errorMessage: l, errorPosition: d = "top", label: h, size: g = "large", popover: y, isClearable: b = !1, isReadOnly: x, isDisabled: S, ...C }, w) => /* @__PURE__ */ p(u, {
|
|
32
|
+
...C,
|
|
33
|
+
ref: w,
|
|
34
|
+
isReadOnly: x,
|
|
35
|
+
isDisabled: S,
|
|
36
|
+
className: e(_.timeField, t),
|
|
37
|
+
children: [
|
|
38
|
+
/* @__PURE__ */ f(i, {
|
|
39
|
+
popover: y,
|
|
40
|
+
children: h && /* @__PURE__ */ f(a, { children: h })
|
|
41
|
+
}),
|
|
42
|
+
o && /* @__PURE__ */ f(n, {
|
|
43
|
+
slot: "description",
|
|
44
|
+
children: o
|
|
45
|
+
}),
|
|
46
|
+
d === "top" && /* @__PURE__ */ f(r, { children: l }),
|
|
47
|
+
/* @__PURE__ */ f("div", {
|
|
48
|
+
className: e(_.inputField, { [_.medium]: g === "medium" }),
|
|
49
|
+
children: /* @__PURE__ */ p(m, { children: [/* @__PURE__ */ f(s, { children: (e) => /* @__PURE__ */ f(c, { segment: e }) }), /* @__PURE__ */ f(v, {
|
|
50
|
+
isClearable: b,
|
|
51
|
+
size: g,
|
|
52
|
+
isDisabled: S,
|
|
53
|
+
isReadOnly: x
|
|
54
|
+
})] })
|
|
55
|
+
}),
|
|
56
|
+
d === "bottom" && /* @__PURE__ */ f(r, { children: l })
|
|
57
|
+
]
|
|
58
|
+
}));
|
|
59
|
+
//#endregion
|
|
60
|
+
export { y as t };
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { t as e } from "./clsx-BtlV5Vo3.js";
|
|
3
|
+
import { t } from "./FeedbackStatusIcon-A1trvSCf.js";
|
|
4
|
+
import { t as n } from "./x-Bs_QW3q8.js";
|
|
5
|
+
import { n as r } from "./button-CFjf-bDe.js";
|
|
6
|
+
import i from "react";
|
|
7
|
+
import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
8
|
+
import { useToast as c, useToastRegion as l } from "react-aria";
|
|
9
|
+
import { ToastQueue as u, useToastQueue as d, useToastState as f } from "react-stately";
|
|
10
|
+
import { createPortal as p, flushSync as m } from "react-dom";
|
|
11
|
+
import '../assets/toast.css';var h = {
|
|
12
|
+
toastRegion: "_toastRegion_1vq8s_49",
|
|
13
|
+
toast: "_toast_1vq8s_49",
|
|
14
|
+
success: "_success_1vq8s_98",
|
|
15
|
+
info: "_info_1vq8s_106",
|
|
16
|
+
important: "_important_1vq8s_114",
|
|
17
|
+
warning: "_warning_1vq8s_122",
|
|
18
|
+
icon: "_icon_1vq8s_130",
|
|
19
|
+
toastContent: "_toastContent_1vq8s_144",
|
|
20
|
+
toastMessage: "_toastMessage_1vq8s_151",
|
|
21
|
+
viewTransition: "_viewTransition_1vq8s_157",
|
|
22
|
+
slideInTop: "_slideInTop_1vq8s_1",
|
|
23
|
+
slideInEnd: "_slideInEnd_1vq8s_1",
|
|
24
|
+
slideOutTop: "_slideOutTop_1vq8s_1",
|
|
25
|
+
slideOutEnd: "_slideOutEnd_1vq8s_1"
|
|
26
|
+
}, g = {
|
|
27
|
+
wrapUpdate(e) {
|
|
28
|
+
"startViewTransition" in document ? document.startViewTransition(() => {
|
|
29
|
+
m(e);
|
|
30
|
+
}) : e();
|
|
31
|
+
},
|
|
32
|
+
maxVisibleToasts: 5
|
|
33
|
+
}, _ = new u(g), v = (e) => {
|
|
34
|
+
let t = d(_);
|
|
35
|
+
return t.visibleToasts.length > 0 ? p(/* @__PURE__ */ o(b, {
|
|
36
|
+
...e,
|
|
37
|
+
state: t
|
|
38
|
+
}), document.body) : null;
|
|
39
|
+
}, y = ({ children: e, ...t }) => {
|
|
40
|
+
let n = f(g);
|
|
41
|
+
return /* @__PURE__ */ s(a, { children: [typeof e == "function" ? e(n) : e, n.visibleToasts.length > 0 && /* @__PURE__ */ o(b, {
|
|
42
|
+
...t,
|
|
43
|
+
state: n
|
|
44
|
+
})] });
|
|
45
|
+
};
|
|
46
|
+
function b({ state: t, className: n, ...r }) {
|
|
47
|
+
let a = i.useRef(null), { regionProps: s } = l(r, t, a);
|
|
48
|
+
return /* @__PURE__ */ o("div", {
|
|
49
|
+
...s,
|
|
50
|
+
ref: a,
|
|
51
|
+
className: e(h.toastRegion, n),
|
|
52
|
+
children: t.visibleToasts.map((e) => /* @__PURE__ */ o(x, {
|
|
53
|
+
toast: e,
|
|
54
|
+
state: t
|
|
55
|
+
}, e.key))
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
function x({ state: a, className: l, ...u }) {
|
|
59
|
+
let d = i.useRef(null), { toastProps: f, contentProps: p, titleProps: m, closeButtonProps: g } = c(u, a, d);
|
|
60
|
+
return /* @__PURE__ */ s("div", {
|
|
61
|
+
...f,
|
|
62
|
+
ref: d,
|
|
63
|
+
className: e(h.toast, h[u.toast.content.type], l),
|
|
64
|
+
style: {
|
|
65
|
+
viewTransitionName: u.toast.key,
|
|
66
|
+
viewTransitionClass: h.viewTransition
|
|
67
|
+
},
|
|
68
|
+
children: [/* @__PURE__ */ s("div", {
|
|
69
|
+
...p,
|
|
70
|
+
className: e(h.toastContent, p.className),
|
|
71
|
+
children: [/* @__PURE__ */ o(t, {
|
|
72
|
+
"aria-hidden": !0,
|
|
73
|
+
className: h.icon,
|
|
74
|
+
status: u.toast.content.type
|
|
75
|
+
}), /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
|
|
76
|
+
className: h.toastMessage,
|
|
77
|
+
...m,
|
|
78
|
+
children: u.toast.content.message
|
|
79
|
+
}), u.toast.content.children] })]
|
|
80
|
+
}), /* @__PURE__ */ o(r, {
|
|
81
|
+
variant: "icon",
|
|
82
|
+
...g,
|
|
83
|
+
children: /* @__PURE__ */ o(n, {
|
|
84
|
+
size: 20,
|
|
85
|
+
"aria-hidden": !0
|
|
86
|
+
})
|
|
87
|
+
})]
|
|
88
|
+
});
|
|
89
|
+
}
|
|
90
|
+
//#endregion
|
|
91
|
+
export { _ as a, b as i, x as n, f as o, y as r, v as t };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { t as e } from "./clsx-BtlV5Vo3.js";
|
|
2
|
+
import { t } from "./Button.module-0C2ArlRs.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import { ToggleButton as n, ToggleButtonGroup as r } from "react-aria-components";
|
|
5
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
6
|
+
import '../assets/toggle-button.css';var a = {
|
|
7
|
+
group: "_group_q04hh_1",
|
|
8
|
+
toggleButton: "_toggleButton_q04hh_10"
|
|
9
|
+
}, o = ({ ...r }) => /* @__PURE__ */ i(n, {
|
|
10
|
+
...r,
|
|
11
|
+
className: e(t.button, t.iconBtn, a.toggleButton, r.className)
|
|
12
|
+
}), s = ({ ...t }) => /* @__PURE__ */ i(r, {
|
|
13
|
+
...t,
|
|
14
|
+
className: e(a.group, t.className)
|
|
15
|
+
});
|
|
16
|
+
//#endregion
|
|
17
|
+
export { o as n, s as t };
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { t as e } from "./clsx-BtlV5Vo3.js";
|
|
2
|
+
import "react";
|
|
3
|
+
import { OverlayArrow as t, Tooltip as n, TooltipTrigger as r } from "react-aria-components";
|
|
4
|
+
import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
5
|
+
import '../assets/tooltip.css';var s = {
|
|
6
|
+
tooltip: "_tooltip_exq12_1",
|
|
7
|
+
arrow: "_arrow_exq12_18"
|
|
8
|
+
};
|
|
9
|
+
//#endregion
|
|
10
|
+
//#region packages/components/src/tooltip/Tooltip.tsx
|
|
11
|
+
function c({ children: r, className: c, ...l }) {
|
|
12
|
+
return /* @__PURE__ */ a(n, {
|
|
13
|
+
className: e(s.tooltip, c),
|
|
14
|
+
...l,
|
|
15
|
+
children: (e) => /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(t, {
|
|
16
|
+
className: s.arrow,
|
|
17
|
+
children: /* @__PURE__ */ a("svg", {
|
|
18
|
+
width: 8,
|
|
19
|
+
height: 8,
|
|
20
|
+
viewBox: "0 0 8 8",
|
|
21
|
+
children: /* @__PURE__ */ a("path", { d: "M0 0 L4 4 L8 0" })
|
|
22
|
+
})
|
|
23
|
+
}), typeof r == "function" ? r(e) : r] })
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
function l({ delay: e = 0, ...t }) {
|
|
27
|
+
return /* @__PURE__ */ a(r, {
|
|
28
|
+
delay: e,
|
|
29
|
+
...t
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
//#endregion
|
|
33
|
+
export { l as n, c as t };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { useMemo as e } from "react";
|
|
2
|
+
import { useLocale as t } from "react-aria-components";
|
|
3
|
+
import { LocalizedStringDictionary as n, LocalizedStringFormatter as r } from "@internationalized/string";
|
|
4
|
+
//#region packages/components/src/utils/intl/useLocalizedStringFormatter.ts
|
|
5
|
+
var i = "sv", a = /* @__PURE__ */ new WeakMap();
|
|
6
|
+
function o(e) {
|
|
7
|
+
let t = a.get(e);
|
|
8
|
+
return t || (t = new n(e, i), a.set(e, t)), t;
|
|
9
|
+
}
|
|
10
|
+
function s(e, t) {
|
|
11
|
+
return t && n.getGlobalDictionaryForPackage(t) || o(e);
|
|
12
|
+
}
|
|
13
|
+
function c(n, a) {
|
|
14
|
+
if (!n || typeof n != "object" || !(i in n)) throw Error(`useLocalizedStringFormatter: Default language "${i}" must be defined in dictionary.`);
|
|
15
|
+
let { locale: o } = t(), c = s(n, a);
|
|
16
|
+
return e(() => new r(o, c), [c, o]);
|
|
17
|
+
}
|
|
18
|
+
//#endregion
|
|
19
|
+
export { c as t };
|
package/clear-button/index.js
CHANGED
package/combobox/index.js
CHANGED