quirk-ui 0.0.7 → 0.0.8
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/dist/assets/index33.css +1 -1
- package/dist/assets/index34.css +1 -1
- package/dist/assets/index35.css +1 -1
- package/dist/assets/index36.css +1 -1
- package/dist/assets/index37.css +1 -1
- package/dist/assets/index38.css +1 -1
- package/dist/assets/index39.css +1 -1
- package/dist/assets/index40.css +1 -1
- package/dist/assets/index41.css +1 -1
- package/dist/assets/index42.css +1 -1
- package/dist/assets/index43.css +1 -1
- package/dist/assets/index44.css +1 -1
- package/dist/assets/index45.css +1 -1
- package/dist/assets/index46.css +1 -1
- package/dist/assets/index47.css +1 -0
- package/dist/components/Accordion/Accordion.test.js +2 -2
- package/dist/components/Alert/Alert.test.js +2 -2
- package/dist/components/Avatar/Avatar.test.js +2 -2
- package/dist/components/Badge/Badge.test.js +2 -2
- package/dist/components/Box/Box.test.js +2 -2
- package/dist/components/Breadcrumbs/Breadcrumbs.test.js +44 -0
- package/dist/components/Breadcrumbs/index.js +33 -0
- package/dist/components/Button/Button.test.js +2 -2
- package/dist/components/ButtonGroup/ButtonGroup.test.js +2 -2
- package/dist/components/Calendar/Calendar.test.js +3 -3
- package/dist/components/Calendar/index.js +1 -1
- package/dist/components/Card/Card.test.js +2 -2
- package/dist/components/Carousel/Carousel.test.js +2 -2
- package/dist/components/Checkbox/Checkbox.test.js +2 -2
- package/dist/components/Checkbox/index.js +1 -1
- package/dist/components/Container/Container.test.js +2 -2
- package/dist/components/DatePicker/DatePicker.test.js +3 -3
- package/dist/components/DatePicker/index.js +2 -2
- package/dist/components/Divider/Divider.test.js +2 -2
- package/dist/components/Drawer/Drawer.test.js +2 -2
- package/dist/components/Fieldset/Fieldset.test.js +2 -2
- package/dist/components/Fieldset/index.js +1 -1
- package/dist/components/FileUpload/FileUpload.test.js +2 -2
- package/dist/components/FileUpload/index.js +1 -1
- package/dist/components/FloatingActionButton/FloatingActionButton.test.js +2 -2
- package/dist/components/Form/Form.test.js +2 -2
- package/dist/components/Form/index.js +1 -1
- package/dist/components/Grid/Grid.test.js +2 -2
- package/dist/components/Heading/Heading.test.js +2 -2
- package/dist/components/IconButton/IconButton.test.js +2 -2
- package/dist/components/Input/Input.test.js +2 -2
- package/dist/components/Input/index.js +1 -1
- package/dist/components/Label/Label.test.js +2 -2
- package/dist/components/Label/index.js +1 -1
- package/dist/components/Link/Link.test.js +3 -3
- package/dist/components/Link/index.js +1 -1
- package/dist/components/List/List.test.js +1 -1
- package/dist/components/Modal/Modal.test.js +1 -1
- package/dist/components/MultiSelect/MultiSelect.test.js +2 -2
- package/dist/components/MultiSelect/index.js +1 -1
- package/dist/components/NavBar/NavBar.test.js +1 -1
- package/dist/components/NavBar/index.js +34 -34
- package/dist/components/Notification/Notification.test.js +1 -1
- package/dist/components/NotificationContainer/NotificationContainer.test.js +1 -1
- package/dist/components/ProgressBar/ProgressBar.test.js +1 -1
- package/dist/components/Radio/Radio.test.js +2 -2
- package/dist/components/Radio/index.js +1 -1
- package/dist/components/Range/Range.test.js +2 -2
- package/dist/components/Range/index.js +1 -1
- package/dist/components/Select/Select.test.js +2 -2
- package/dist/components/Select/index.js +1 -1
- package/dist/components/Skeleton/Skeleton.test.js +1 -1
- package/dist/components/Spacer/Spacer.test.js +2 -2
- package/dist/components/Spinner/Spinner.test.js +1 -1
- package/dist/components/Stack/Stack.test.js +2 -2
- package/dist/components/Switch/Switch.test.js +2 -2
- package/dist/components/Table/Table.test.js +2 -2
- package/dist/components/Tabs/Tabs.test.js +2 -2
- package/dist/components/Text/Text.test.js +2 -2
- package/dist/components/Textarea/Textarea.test.js +2 -2
- package/dist/components/Tooltip/Tooltip.test.js +2 -2
- package/dist/{index-BXkubhGb.js → index-B6OfCZTv.js} +1 -1
- package/dist/{index-Bgo8MuTU.js → index-CQnr_MAI.js} +1 -1
- package/dist/{index-RF23qrF-.js → index-Cgpo7Zt_.js} +1 -1
- package/dist/lib/components/Breadcrumbs/Breadcrumbs.test.d.ts +0 -0
- package/dist/lib/components/Breadcrumbs/index.d.ts +12 -0
- package/dist/lib/main.d.ts +1 -0
- package/dist/main.js +31 -29
- package/dist/utils/NotificationManager/NotificationManager.test.js +1 -1
- package/dist/vi.B-PuvDzu-uHQO4Rlx.js +47316 -0
- package/package.json +3 -3
- package/dist/assets/index.css.d.ts +0 -1
- package/dist/assets/index10.css.d.ts +0 -9
- package/dist/assets/index11.css.d.ts +0 -7
- package/dist/assets/index12.css.d.ts +0 -13
- package/dist/assets/index13.css.d.ts +0 -8
- package/dist/assets/index14.css.d.ts +0 -13
- package/dist/assets/index15.css.d.ts +0 -10
- package/dist/assets/index16.css.d.ts +0 -5
- package/dist/assets/index17.css.d.ts +0 -11
- package/dist/assets/index18.css.d.ts +0 -31
- package/dist/assets/index19.css.d.ts +0 -7
- package/dist/assets/index2.css.d.ts +0 -11
- package/dist/assets/index20.css.d.ts +0 -6
- package/dist/assets/index21.css.d.ts +0 -19
- package/dist/assets/index22.css.d.ts +0 -14
- package/dist/assets/index23.css.d.ts +0 -13
- package/dist/assets/index24.css.d.ts +0 -10
- package/dist/assets/index25.css.d.ts +0 -13
- package/dist/assets/index26.css.d.ts +0 -12
- package/dist/assets/index27.css.d.ts +0 -14
- package/dist/assets/index28.css.d.ts +0 -5
- package/dist/assets/index29.css.d.ts +0 -12
- package/dist/assets/index3.css.d.ts +0 -7
- package/dist/assets/index30.css.d.ts +0 -15
- package/dist/assets/index31.css.d.ts +0 -12
- package/dist/assets/index32.css.d.ts +0 -14
- package/dist/assets/index33.css.d.ts +0 -5
- package/dist/assets/index34.css.d.ts +0 -8
- package/dist/assets/index35.css.d.ts +0 -6
- package/dist/assets/index36.css.d.ts +0 -7
- package/dist/assets/index37.css.d.ts +0 -7
- package/dist/assets/index38.css.d.ts +0 -6
- package/dist/assets/index39.css.d.ts +0 -6
- package/dist/assets/index4.css.d.ts +0 -9
- package/dist/assets/index40.css.d.ts +0 -7
- package/dist/assets/index41.css.d.ts +0 -10
- package/dist/assets/index42.css.d.ts +0 -9
- package/dist/assets/index43.css.d.ts +0 -20
- package/dist/assets/index44.css.d.ts +0 -21
- package/dist/assets/index45.css.d.ts +0 -9
- package/dist/assets/index46.css.d.ts +0 -12
- package/dist/assets/index5.css.d.ts +0 -8
- package/dist/assets/index6.css.d.ts +0 -8
- package/dist/assets/index7.css.d.ts +0 -21
- package/dist/assets/index8.css.d.ts +0 -14
- package/dist/assets/index9.css.d.ts +0 -11
- package/dist/vi.B-PuvDzu-a048kFcX.js +0 -41965
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _e } from "react/jsx-runtime";
|
|
2
2
|
import en from "react";
|
|
3
|
-
import { c as H, d as tn, i as nn, r as Ge, g as Pe, s as Ae, v as rn } from "../../vi.B-PuvDzu-
|
|
3
|
+
import { c as H, d as tn, i as nn, r as Ge, g as Pe, s as Ae, v as rn } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
|
|
4
4
|
import { MultiSelect as Xe } from "./index.js";
|
|
5
|
-
import "../../index-
|
|
5
|
+
import "../../index-CQnr_MAI.js";
|
|
6
6
|
function a(e, t, n) {
|
|
7
7
|
return e.namespaceURI && e.namespaceURI !== "http://www.w3.org/1999/xhtml" || (t = Array.isArray(t) ? t : [
|
|
8
8
|
t
|
|
@@ -2,7 +2,7 @@ import { jsxs as d, jsx as l } from "react/jsx-runtime";
|
|
|
2
2
|
import "react";
|
|
3
3
|
import "../Tabs/index.js";
|
|
4
4
|
import { Label as h } from "../Label/index.js";
|
|
5
|
-
import '../../assets/
|
|
5
|
+
import '../../assets/index40.css';const w = "_wrapper_a587t_1", x = "_select_a587t_7", p = {
|
|
6
6
|
wrapper: w,
|
|
7
7
|
select: x
|
|
8
8
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { d as b, i as r, r as i, g as t, s as a, f as s, w as l } from "../../vi.B-PuvDzu-
|
|
2
|
+
import { d as b, i as r, r as i, g as t, s as a, f as s, w as l } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
|
|
3
3
|
import { Navbar as n } from "./index.js";
|
|
4
4
|
const c = [
|
|
5
5
|
{ label: "Home", href: "/" },
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useState as f, useRef as
|
|
3
|
-
import { X as
|
|
1
|
+
import { jsx as s, jsxs as d } from "react/jsx-runtime";
|
|
2
|
+
import { useState as f, useRef as T, useCallback as m, useEffect as y } from "react";
|
|
3
|
+
import { X as z } from "../../x-CnsEH4Ox.js";
|
|
4
4
|
import { c as I } from "../../createLucideIcon-C8GTh_Qx.js";
|
|
5
5
|
import { C as O } from "../../chevron-down-DSUzBz9F.js";
|
|
6
|
-
import '../../assets/
|
|
6
|
+
import '../../assets/index44.css';/**
|
|
7
7
|
* @license lucide-react v0.488.0 - ISC
|
|
8
8
|
*
|
|
9
9
|
* This source code is licensed under the ISC license.
|
|
@@ -13,7 +13,7 @@ const W = [
|
|
|
13
13
|
["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }],
|
|
14
14
|
["line", { x1: "4", x2: "20", y1: "6", y2: "6", key: "1owob3" }],
|
|
15
15
|
["line", { x1: "4", x2: "20", y1: "18", y2: "18", key: "yk5zj1" }]
|
|
16
|
-
], j = I("menu", W), M = "
|
|
16
|
+
], j = I("menu", W), M = "_navbar_1b9s5_5", R = "_sticky_1b9s5_19", S = "_container_1b9s5_25", P = "_logo_1b9s5_35", D = "_menuToggle_1b9s5_41", X = "_nav_1b9s5_5", q = "_linkWrapper_1b9s5_57", A = "_linkItem_1b9s5_63", B = "_sublinkToggle_1b9s5_71", F = "_link_1b9s5_57", G = "_sublinks_1b9s5_101", H = "_show_1b9s5_124", J = "_chevron_1b9s5_131", K = "_open_1b9s5_135", Q = "_parent_1b9s5_177", e = {
|
|
17
17
|
navbar: M,
|
|
18
18
|
sticky: R,
|
|
19
19
|
container: S,
|
|
@@ -31,36 +31,36 @@ const W = [
|
|
|
31
31
|
parent: Q
|
|
32
32
|
};
|
|
33
33
|
function ne({
|
|
34
|
-
logo:
|
|
35
|
-
items:
|
|
36
|
-
isSticky:
|
|
37
|
-
className:
|
|
34
|
+
logo: w,
|
|
35
|
+
items: $,
|
|
36
|
+
isSticky: x = !1,
|
|
37
|
+
className: N
|
|
38
38
|
}) {
|
|
39
|
-
const [l, _] = f(!1), [
|
|
40
|
-
_((
|
|
41
|
-
},
|
|
42
|
-
r((a) => a ===
|
|
43
|
-
},
|
|
44
|
-
i.current && !i.current.contains(
|
|
45
|
-
}, []),
|
|
39
|
+
const [l, _] = f(!1), [C, r] = f(null), i = T(null), E = () => {
|
|
40
|
+
_((o) => !o);
|
|
41
|
+
}, L = (o) => {
|
|
42
|
+
r((a) => a === o ? null : o);
|
|
43
|
+
}, b = m((o) => {
|
|
44
|
+
i.current && !i.current.contains(o.target) && r(null);
|
|
45
|
+
}, []), v = m(() => {
|
|
46
46
|
r(null);
|
|
47
|
-
}, []),
|
|
47
|
+
}, []), p = m(() => {
|
|
48
48
|
window.innerWidth > 768 && (_(!1), r(null), document.body.style.overflow = "");
|
|
49
49
|
}, []);
|
|
50
|
-
|
|
51
|
-
window.removeEventListener("resize",
|
|
52
|
-
}), []),
|
|
50
|
+
y(() => (window.addEventListener("resize", p), document.addEventListener("click", b), window.addEventListener("scroll", v), () => {
|
|
51
|
+
window.removeEventListener("resize", p), document.removeEventListener("click", b), window.removeEventListener("scroll", v);
|
|
52
|
+
}), []), y(() => (document.body.style.overflow = l ? "hidden" : "", () => {
|
|
53
53
|
document.body.style.overflow = "";
|
|
54
54
|
}), [l]);
|
|
55
|
-
const h = (
|
|
55
|
+
const h = (o, a = "") => o.map((n) => {
|
|
56
56
|
var g;
|
|
57
|
-
const t = `${a}/${n.label}`, c =
|
|
57
|
+
const t = `${a}/${n.label}`, c = C === t, u = (g = n.sublinks) == null ? void 0 : g.length;
|
|
58
58
|
return /* @__PURE__ */ d(
|
|
59
59
|
"div",
|
|
60
60
|
{
|
|
61
61
|
className: `${e.linkWrapper} ${a ? "" : e.parent}`,
|
|
62
62
|
children: [
|
|
63
|
-
/* @__PURE__ */
|
|
63
|
+
/* @__PURE__ */ s("div", { className: e.linkItem, children: n.href ? /* @__PURE__ */ s(
|
|
64
64
|
"a",
|
|
65
65
|
{
|
|
66
66
|
href: n.href,
|
|
@@ -80,14 +80,14 @@ function ne({
|
|
|
80
80
|
"aria-haspopup": u ? "true" : void 0,
|
|
81
81
|
"aria-expanded": c,
|
|
82
82
|
className: `${e.sublinkToggle} ${c ? e.open : ""}`,
|
|
83
|
-
onClick: () =>
|
|
83
|
+
onClick: () => L(t),
|
|
84
84
|
children: [
|
|
85
85
|
n.label,
|
|
86
|
-
u && /* @__PURE__ */
|
|
86
|
+
u && /* @__PURE__ */ s(O, { size: 21, className: e.chevron })
|
|
87
87
|
]
|
|
88
88
|
}
|
|
89
89
|
) }),
|
|
90
|
-
u && /* @__PURE__ */
|
|
90
|
+
u && /* @__PURE__ */ s(
|
|
91
91
|
"div",
|
|
92
92
|
{
|
|
93
93
|
className: `${e.sublinks} ${c ? e.show : ""}`,
|
|
@@ -101,33 +101,33 @@ function ne({
|
|
|
101
101
|
t
|
|
102
102
|
);
|
|
103
103
|
});
|
|
104
|
-
return /* @__PURE__ */
|
|
104
|
+
return /* @__PURE__ */ s(
|
|
105
105
|
"header",
|
|
106
106
|
{
|
|
107
107
|
ref: i,
|
|
108
|
-
className: `${e.navbar} ${
|
|
108
|
+
className: `${e.navbar} ${x ? e.sticky : ""} ${N ?? ""}`,
|
|
109
109
|
role: "navigation",
|
|
110
110
|
"aria-label": "Main navigation",
|
|
111
111
|
children: /* @__PURE__ */ d("div", { className: e.container, children: [
|
|
112
|
-
/* @__PURE__ */
|
|
113
|
-
/* @__PURE__ */
|
|
112
|
+
/* @__PURE__ */ s("div", { className: e.logo, children: w }),
|
|
113
|
+
/* @__PURE__ */ s(
|
|
114
114
|
"button",
|
|
115
115
|
{
|
|
116
116
|
className: e.menuToggle,
|
|
117
|
-
onClick:
|
|
117
|
+
onClick: E,
|
|
118
118
|
"aria-label": l ? "Close menu" : "Open menu",
|
|
119
119
|
"aria-expanded": l,
|
|
120
120
|
"aria-controls": "main-menu",
|
|
121
|
-
children: l ? /* @__PURE__ */
|
|
121
|
+
children: l ? /* @__PURE__ */ s(z, { size: 24 }) : /* @__PURE__ */ s(j, { size: 24 })
|
|
122
122
|
}
|
|
123
123
|
),
|
|
124
|
-
/* @__PURE__ */
|
|
124
|
+
/* @__PURE__ */ s(
|
|
125
125
|
"nav",
|
|
126
126
|
{
|
|
127
127
|
className: `${e.nav} ${l ? e.open : ""}`,
|
|
128
128
|
id: "main-menu",
|
|
129
129
|
role: "menubar",
|
|
130
|
-
children: h(
|
|
130
|
+
children: h($)
|
|
131
131
|
}
|
|
132
132
|
)
|
|
133
133
|
] })
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { d as l, i, r as a, v as s, g as o, s as r, f as m } from "../../vi.B-PuvDzu-
|
|
2
|
+
import { d as l, i, r as a, v as s, g as o, s as r, f as m } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
|
|
3
3
|
import { Notification as n } from "./index.js";
|
|
4
4
|
l("Notification", () => {
|
|
5
5
|
i("renders with the correct message", () => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { d as r, i as n, r as s, s as t, g as o } from "../../vi.B-PuvDzu-
|
|
2
|
+
import { d as r, i as n, r as s, s as t, g as o } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
|
|
3
3
|
import { NotificationContainer as a } from "./index.js";
|
|
4
4
|
r("NotificationContainer", () => {
|
|
5
5
|
const i = [
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { d as p, i as t, r as o, s as a, g as e } from "../../vi.B-PuvDzu-
|
|
2
|
+
import { d as p, i as t, r as o, s as a, g as e } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
|
|
3
3
|
import { ProgressBar as g } from "./index.js";
|
|
4
4
|
p("ProgressBar", () => {
|
|
5
5
|
t("renders the progress bar with the correct progress", () => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { d as s, i, r as n, g as o, s as t, v as l } from "../../vi.B-PuvDzu-
|
|
2
|
+
import { d as s, i, r as n, g as o, s as t, v as l } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
|
|
3
3
|
import { Radio as r } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-CQnr_MAI.js";
|
|
5
5
|
s("Radio", () => {
|
|
6
6
|
i("renders correctly", () => {
|
|
7
7
|
n(
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as n, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { Label as _ } from "../Label/index.js";
|
|
3
|
-
import '../../assets/
|
|
3
|
+
import '../../assets/index37.css';const m = "_wrapper_1p7l5_1", d = "_radio_1p7l5_7", f = "_label_1p7l5_29", a = {
|
|
4
4
|
wrapper: m,
|
|
5
5
|
radio: d,
|
|
6
6
|
label: f
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { d as i, i as l, r as n, g as e, s as a, v as m, f as g } from "../../vi.B-PuvDzu-
|
|
2
|
+
import { d as i, i as l, r as n, g as e, s as a, v as m, f as g } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
|
|
3
3
|
import { Range as s } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-CQnr_MAI.js";
|
|
5
5
|
i("Range", () => {
|
|
6
6
|
l("renders with a label and value", () => {
|
|
7
7
|
n(
|
|
@@ -2,7 +2,7 @@ import { jsxs as d, jsx as e } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState as M, useEffect as $ } from "react";
|
|
3
3
|
import "../Tabs/index.js";
|
|
4
4
|
import { Label as I } from "../Label/index.js";
|
|
5
|
-
import '../../assets/
|
|
5
|
+
import '../../assets/index42.css';const j = "_wrapper_7toxm_1", y = "_trackContainer_7toxm_7", E = "_track_7toxm_7", S = "_value_7toxm_44", b = "_error_7toxm_52", F = "_errorMessage_7toxm_56", s = {
|
|
6
6
|
wrapper: j,
|
|
7
7
|
trackContainer: y,
|
|
8
8
|
track: E,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
-
import { d as r, i as n, r as s, g as o, s as a, v as b, f as m } from "../../vi.B-PuvDzu-
|
|
2
|
+
import { d as r, i as n, r as s, g as o, s as a, v as b, f as m } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
|
|
3
3
|
import { Select as c } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-CQnr_MAI.js";
|
|
5
5
|
r("Select", () => {
|
|
6
6
|
const t = [
|
|
7
7
|
{ label: "Option A", value: "a" },
|
|
@@ -2,7 +2,7 @@ import { jsxs as n, jsx as l } from "react/jsx-runtime";
|
|
|
2
2
|
import "react";
|
|
3
3
|
import "../Tabs/index.js";
|
|
4
4
|
import { Label as d } from "../Label/index.js";
|
|
5
|
-
import '../../assets/
|
|
5
|
+
import '../../assets/index39.css';const _ = "_wrapper_3s7ns_1", f = "_select_3s7ns_7", a = {
|
|
6
6
|
wrapper: _,
|
|
7
7
|
select: f
|
|
8
8
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { d as n, i as r, r as i, s as a, g as t } from "../../vi.B-PuvDzu-
|
|
2
|
+
import { d as n, i as r, r as i, s as a, g as t } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
|
|
3
3
|
import { Skeleton as s } from "./index.js";
|
|
4
4
|
n("Skeleton", () => {
|
|
5
5
|
r("render a default rectangle skeleton", () => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { d as i, i as e, r as a, g as t } from "../../vi.B-PuvDzu-
|
|
2
|
+
import { d as i, i as e, r as a, g as t } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
|
|
3
3
|
import { Spacer as c } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-CQnr_MAI.js";
|
|
5
5
|
i("Spacer", () => {
|
|
6
6
|
e("renders with default props", () => {
|
|
7
7
|
const { container: s } = a(/* @__PURE__ */ r(c, {}));
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { d as l, i as r, r as t, s as o, g as a } from "../../vi.B-PuvDzu-
|
|
2
|
+
import { d as l, i as r, r as t, s as o, g as a } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
|
|
3
3
|
import { Spinner as c } from "./index.js";
|
|
4
4
|
l("Spinner", () => {
|
|
5
5
|
r("renders with 10 prongs", () => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { d as l, i as s, r as n, g as t, s as d } from "../../vi.B-PuvDzu-
|
|
2
|
+
import { d as l, i as s, r as n, g as t, s as d } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
|
|
3
3
|
import { Stack as a } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-CQnr_MAI.js";
|
|
5
5
|
l("Stack", () => {
|
|
6
6
|
s("renders children", () => {
|
|
7
7
|
n(
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { d as i, i as a, r as s, g as n, s as c, v as h, f as g } from "../../vi.B-PuvDzu-
|
|
2
|
+
import { d as i, i as a, r as s, g as n, s as c, v as h, f as g } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
|
|
3
3
|
import { Switch as l } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-CQnr_MAI.js";
|
|
5
5
|
i("Switch", () => {
|
|
6
6
|
a("renders with label", () => {
|
|
7
7
|
s(
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { d as g, i as n, r as a, g as e, s as t, v as i, f as h } from "../../vi.B-PuvDzu-
|
|
2
|
+
import { d as g, i as n, r as a, g as e, s as t, v as i, f as h } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
|
|
3
3
|
import { Table as c } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-CQnr_MAI.js";
|
|
5
5
|
const s = [
|
|
6
6
|
{ name: "Alice", age: 30 },
|
|
7
7
|
{ name: "Bob", age: 33 }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as l, jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import { d as h, i as o, g as t, s as e, f as r, r as c } from "../../vi.B-PuvDzu-
|
|
2
|
+
import { d as h, i as o, g as t, s as e, f as r, r as c } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
|
|
3
3
|
import { Tabs as a } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-CQnr_MAI.js";
|
|
5
5
|
h("Tabs", () => {
|
|
6
6
|
const i = () => {
|
|
7
7
|
c(
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as s, jsxs as l } from "react/jsx-runtime";
|
|
2
|
-
import { d as u, i as r, r as a, s as n, g as e, b as m } from "../../vi.B-PuvDzu-
|
|
2
|
+
import { d as u, i as r, r as a, s as n, g as e, b as m } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
|
|
3
3
|
import { Text as i } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-CQnr_MAI.js";
|
|
5
5
|
u("Text", () => {
|
|
6
6
|
r("renders default paragraph text", () => {
|
|
7
7
|
a(/* @__PURE__ */ s(i, { children: "Hello world" }));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { d as x, i as o, r as n, g as t, s as a, v as i, f as d } from "../../vi.B-PuvDzu-
|
|
2
|
+
import { d as x, i as o, r as n, g as t, s as a, v as i, f as d } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
|
|
3
3
|
import { Textarea as s } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-CQnr_MAI.js";
|
|
5
5
|
x("Textarea", () => {
|
|
6
6
|
o("renders correctly", () => {
|
|
7
7
|
n(/* @__PURE__ */ r(s, { id: "textarea1", name: "testText", label: "Your message" })), t(a.getByRole("textbox")).toBeInTheDocument(), t(a.getByLabelText("Your message")).toBeInTheDocument();
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { d as a, i, r as s, g as n, s as o, f as c } from "../../vi.B-PuvDzu-
|
|
2
|
+
import { d as a, i, r as s, g as n, s as o, f as c } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
|
|
3
3
|
import { Tooltip as r } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-CQnr_MAI.js";
|
|
5
5
|
a("Tooltip", () => {
|
|
6
6
|
i("renders children correctly", () => {
|
|
7
7
|
s(
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _, jsxs as Se, Fragment as ke } from "react/jsx-runtime";
|
|
2
2
|
import * as s from "react";
|
|
3
|
-
import './assets/
|
|
3
|
+
import './assets/index46.css';const Pe = "_link_98em4_1", Le = "_muted_98em4_13", $e = "_underline_98em4_17", Ie = "_icon_98em4_21", N = {
|
|
4
4
|
link: Pe,
|
|
5
5
|
default: "_default_98em4_9",
|
|
6
6
|
muted: Le,
|
|
@@ -3,7 +3,7 @@ import { useState as $ } from "react";
|
|
|
3
3
|
import { IconButton as q } from "./components/IconButton/index.js";
|
|
4
4
|
import "./components/Tabs/index.js";
|
|
5
5
|
import { A as J, a as U } from "./arrow-right-CnuUc2oD.js";
|
|
6
|
-
import './assets/
|
|
6
|
+
import './assets/index47.css';const R = 6048e5, K = 864e5, H = Symbol.for("constructDateFrom");
|
|
7
7
|
function y(t, e) {
|
|
8
8
|
return typeof t == "function" ? t(e) : t && typeof t == "object" && H in t ? t[H](e) : t instanceof Date ? new t.constructor(e) : new Date(e);
|
|
9
9
|
}
|
|
File without changes
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type Crumb = {
|
|
3
|
+
label: string;
|
|
4
|
+
href?: string;
|
|
5
|
+
};
|
|
6
|
+
type BreadcrumbProps = {
|
|
7
|
+
items: Crumb[];
|
|
8
|
+
separator?: React.ReactNode;
|
|
9
|
+
renderLink?: (href: string, children: React.ReactNode) => React.ReactNode;
|
|
10
|
+
};
|
|
11
|
+
export declare function Breadcrumbs({ items, separator, renderLink, }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export default Breadcrumbs;
|
package/dist/lib/main.d.ts
CHANGED
|
@@ -32,6 +32,7 @@ export { Carousel } from './components/Carousel';
|
|
|
32
32
|
export { Navbar } from './components/NavBar';
|
|
33
33
|
export { Drawer } from './components/Drawer';
|
|
34
34
|
export { Tabs } from './components/Tabs';
|
|
35
|
+
export { Breadcrumbs } from './components/Breadcrumbs';
|
|
35
36
|
export { Form } from './components/Form';
|
|
36
37
|
export { Label } from './components/Label';
|
|
37
38
|
export { Input } from './components/Input';
|
package/dist/main.js
CHANGED
|
@@ -3,8 +3,8 @@ import { FloatingActionButton as p } from "./components/FloatingActionButton/ind
|
|
|
3
3
|
import { Button as f } from "./components/Button/index.js";
|
|
4
4
|
import { IconButton as a } from "./components/IconButton/index.js";
|
|
5
5
|
import { Heading as n } from "./components/Heading/index.js";
|
|
6
|
-
import { Text as
|
|
7
|
-
import { L as u } from "./index-
|
|
6
|
+
import { Text as l } from "./components/Text/index.js";
|
|
7
|
+
import { L as u } from "./index-B6OfCZTv.js";
|
|
8
8
|
import { Grid as B } from "./components/Grid/index.js";
|
|
9
9
|
import { Container as b } from "./components/Container/index.js";
|
|
10
10
|
import { Stack as k } from "./components/Stack/index.js";
|
|
@@ -29,62 +29,64 @@ import { Carousel as to } from "./components/Carousel/index.js";
|
|
|
29
29
|
import { Navbar as po } from "./components/NavBar/index.js";
|
|
30
30
|
import { Drawer as fo } from "./components/Drawer/index.js";
|
|
31
31
|
import { Tabs as ao } from "./components/Tabs/index.js";
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
32
|
+
import { Breadcrumbs as no } from "./components/Breadcrumbs/index.js";
|
|
33
|
+
import { Form as lo } from "./components/Form/index.js";
|
|
34
|
+
import { Label as so } from "./components/Label/index.js";
|
|
35
|
+
import { Input as So } from "./components/Input/index.js";
|
|
36
|
+
import { Fieldset as go } from "./components/Fieldset/index.js";
|
|
37
|
+
import { Radio as Co } from "./components/Radio/index.js";
|
|
38
|
+
import { Checkbox as Ao } from "./components/Checkbox/index.js";
|
|
39
|
+
import { Textarea as Lo } from "./components/Textarea/index.js";
|
|
40
|
+
import { Select as Do } from "./components/Select/index.js";
|
|
41
|
+
import { Switch as ho } from "./components/Switch/index.js";
|
|
42
|
+
import { MultiSelect as Go } from "./components/MultiSelect/index.js";
|
|
43
|
+
import { DatePicker as Mo } from "./components/DatePicker/index.js";
|
|
44
|
+
import { Range as Ro } from "./components/Range/index.js";
|
|
45
|
+
import { FileUpload as Uo } from "./components/FileUpload/index.js";
|
|
45
46
|
export {
|
|
46
47
|
E as Accordion,
|
|
47
48
|
K as Alert,
|
|
48
49
|
P as Avatar,
|
|
49
50
|
H as Badge,
|
|
50
51
|
T as Box,
|
|
52
|
+
no as Breadcrumbs,
|
|
51
53
|
f as Button,
|
|
52
54
|
t as ButtonGroup,
|
|
53
55
|
I as Card,
|
|
54
56
|
to as Carousel,
|
|
55
|
-
|
|
57
|
+
Ao as Checkbox,
|
|
56
58
|
b as Container,
|
|
57
|
-
|
|
59
|
+
Mo as DatePicker,
|
|
58
60
|
v as Divider,
|
|
59
61
|
fo as Drawer,
|
|
60
|
-
|
|
61
|
-
|
|
62
|
+
go as Fieldset,
|
|
63
|
+
Uo as FileUpload,
|
|
62
64
|
p as FloatingActionButton,
|
|
63
|
-
|
|
65
|
+
lo as Form,
|
|
64
66
|
B as Grid,
|
|
65
67
|
n as Heading,
|
|
66
68
|
a as IconButton,
|
|
67
|
-
|
|
68
|
-
|
|
69
|
+
So as Input,
|
|
70
|
+
so as Label,
|
|
69
71
|
u as Link,
|
|
70
72
|
w as List,
|
|
71
73
|
y as Modal,
|
|
72
|
-
|
|
74
|
+
Go as MultiSelect,
|
|
73
75
|
po as Navbar,
|
|
74
76
|
Q as Notification,
|
|
75
77
|
W as NotificationContainer,
|
|
76
78
|
Y as ProgressBar,
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
79
|
+
Co as Radio,
|
|
80
|
+
Ro as Range,
|
|
81
|
+
Do as Select,
|
|
80
82
|
oo as Skeleton,
|
|
81
83
|
F as Spacer,
|
|
82
84
|
_ as Spinner,
|
|
83
85
|
k as Stack,
|
|
84
|
-
|
|
86
|
+
ho as Switch,
|
|
85
87
|
N as Table,
|
|
86
88
|
ao as Tabs,
|
|
87
|
-
|
|
88
|
-
|
|
89
|
+
l as Text,
|
|
90
|
+
Lo as Textarea,
|
|
89
91
|
j as Tooltip
|
|
90
92
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { d as h, i as n, r as a, g as o, s as i, f, v as c, a as T } from "../../vi.B-PuvDzu-
|
|
2
|
+
import { d as h, i as n, r as a, g as o, s as i, f, v as c, a as T } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
|
|
3
3
|
import { NotificationManager as s, useNotifications as m } from "./index.js";
|
|
4
4
|
const r = () => {
|
|
5
5
|
const { showNotification: e } = m();
|