@uva-glass/component-library 1.44.0 → 1.45.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/FeedbackBox.css +1 -0
- package/dist/assets/ModalDialog.css +1 -1
- package/dist/components/FeedbackBox/FeedbackBox.d.ts +8 -0
- package/dist/components/FeedbackBox/FeedbackBox.js +31 -0
- package/dist/components/FeedbackBox/FeedbackBox.js.map +1 -0
- package/dist/components/FeedbackBox/FeedbackBox.stories.d.ts +5 -0
- package/dist/components/FeedbackBox/FeedbackBox.stories.js +17 -0
- package/dist/components/FeedbackBox/FeedbackBox.stories.js.map +1 -0
- package/dist/components/FeedbackBox/index.d.ts +1 -0
- package/dist/components/FeedbackBox/index.js +5 -0
- package/dist/components/FeedbackBox/index.js.map +1 -0
- package/dist/components/ModalDialog/ModalDialog.js +34 -34
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +61 -59
- package/dist/components/index.js.map +1 -1
- package/dist/index.js +61 -59
- package/dist/index.js.map +1 -1
- package/package.json +10 -10
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._feedback-box_1th4y_1{background-color:var(--color-white);display:flex;gap:.5rem;padding:.75rem 1rem .75rem .5rem}._feedback-box_1th4y_1>svg{flex-shrink:0;height:1rem;margin-top:.25rem;width:1rem}._feedback-box__success_1th4y_15{background-color:var(--color-mint-cream)}._feedback-box__warning_1th4y_19{background-color:var(--color-natural-wood)}._feedback-box__error_1th4y_23{background-color:var(--color-amour)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._modal-
|
|
1
|
+
._modal-dialog_rtimw_1{--modal-dialog-padding: 1.5rem;--modal-dialog-padding-mobile: 1.25rem;background:var(--color-white);box-shadow:0 2px 2px #0000000f,0 4px 3px #00000012;display:flex;flex-direction:column;height:100dvh;position:relative;width:100vw}._modal-dialog--padded_rtimw_18{padding:0}._modal-dialog__content_rtimw_22{display:flex;flex-direction:column;height:100svh;justify-content:space-between;overflow:hidden;overflow-y:auto;padding:0 var(--modal-dialog-padding-mobile);width:100%}._modal-dialog__children_rtimw_33{padding-bottom:var(--modal-dialog-padding-mobile)}._modal-dialog__title_rtimw_37{font-size:var(--font-size-m);line-height:var(--line-height-m);margin:0 var(--modal-dialog-padding-mobile) 0 0;padding:var(--modal-dialog-padding-mobile)}._modal-dialog--confirm_rtimw_44{padding:var(--modal-dialog-padding-mobile) 0 0}._modal-dialog__buttons_rtimw_48{background-color:var(--color-white);bottom:0;display:flex;flex-direction:column;gap:.75rem;justify-content:flex-start;margin:0 calc(-1 * var(--modal-dialog-padding-mobile));padding:var(--modal-dialog-padding-mobile);position:sticky;right:0}._modal-dialog__buttons--border_rtimw_61{border-top:1px solid var(--color-pattens-blue)}._modal-dialog__buttons_rtimw_48:before{background:linear-gradient(to top,#0000004d,#0000);bottom:100%;content:"";height:10px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .4s ease-out}._modal-dialog__buttons--shadow_rtimw_78:before{opacity:1}._modal-dialog__close_rtimw_82{position:absolute;right:var(--modal-dialog-padding-mobile);top:var(--modal-dialog-padding-mobile)}@media (min-width: 28rem) and (min-height: 28rem){._modal-dialog_rtimw_1{height:unset;max-height:100svh;max-width:100vw;width:30rem}._modal-dialog--padded_rtimw_18{width:34.25rem}._modal-dialog--slim_rtimw_100{width:27.5rem}._modal-dialog--wide_rtimw_104{width:36rem}._modal-dialog__title_rtimw_37{margin-right:var(--modal-dialog-padding);padding:var(--modal-dialog-padding)}._modal-dialog__content_rtimw_22{height:unset;padding:0 var(--modal-dialog-padding)}._modal-dialog--content-with-buttons_rtimw_118{margin-bottom:5.75rem}._modal-dialog__children_rtimw_33{padding-bottom:var(--modal-dialog-padding)}._modal-dialog--confirm_rtimw_44{padding:var(--modal-dialog-padding) 0 0}._modal-dialog__buttons_rtimw_48{margin:unset;padding:var(--modal-dialog-padding);position:absolute;width:inherit}._modal-dialog__close_rtimw_82{position:absolute;right:var(--modal-dialog-padding);top:var(--modal-dialog-padding)}}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
type FeedbackLevel = 'success' | 'warning' | 'error';
|
|
2
|
+
export interface FeedbackBoxProps {
|
|
3
|
+
id?: string;
|
|
4
|
+
level: FeedbackLevel;
|
|
5
|
+
feedback: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const FeedbackBox: ({ id, level, feedback }: FeedbackBoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { jsxs as r, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { c as a } from "../../clsx-OuTLNxxd.js";
|
|
3
|
+
import { Icon as b } from "../Icon/Icon.js";
|
|
4
|
+
import '../../assets/FeedbackBox.css';const c = {
|
|
5
|
+
"feedback-box": "_feedback-box_1th4y_1",
|
|
6
|
+
"feedback-box__success": "_feedback-box__success_1th4y_15",
|
|
7
|
+
"feedback-box__warning": "_feedback-box__warning_1th4y_19",
|
|
8
|
+
"feedback-box__error": "_feedback-box__error_1th4y_23"
|
|
9
|
+
}, n = {
|
|
10
|
+
success: "CheckCircle",
|
|
11
|
+
warning: "ExclamationTriangleMini",
|
|
12
|
+
error: "ExclamationCircle"
|
|
13
|
+
}, f = ({ id: _, level: e, feedback: o }) => /* @__PURE__ */ r(
|
|
14
|
+
"div",
|
|
15
|
+
{
|
|
16
|
+
className: a(c["feedback-box"], {
|
|
17
|
+
[c["feedback-box__success"]]: e === "success",
|
|
18
|
+
[c["feedback-box__warning"]]: e === "warning",
|
|
19
|
+
[c["feedback-box__error"]]: e === "error"
|
|
20
|
+
}),
|
|
21
|
+
id: _,
|
|
22
|
+
children: [
|
|
23
|
+
/* @__PURE__ */ s(b, { name: n[e], size: 16 }),
|
|
24
|
+
o
|
|
25
|
+
]
|
|
26
|
+
}
|
|
27
|
+
);
|
|
28
|
+
export {
|
|
29
|
+
f as FeedbackBox
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=FeedbackBox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeedbackBox.js","sources":["../../../src/components/FeedbackBox/FeedbackBox.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { IconProps } from 'components/Icon';\n\nimport styles from './FeedbackBox.module.css';\n\nimport { Icon } from 'components/Icon';\n\ntype FeedbackLevel = 'success' | 'warning' | 'error';\n\nconst LEVEL_ICON_MAP: Record<FeedbackLevel, IconProps['name']> = {\n success: 'CheckCircle',\n warning: 'ExclamationTriangleMini',\n error: 'ExclamationCircle',\n};\n\nexport interface FeedbackBoxProps {\n id?: string;\n level: FeedbackLevel;\n feedback: string;\n}\n\nexport const FeedbackBox = ({ id, level, feedback }: FeedbackBoxProps) => (\n <div\n className={clsx(styles['feedback-box'], {\n [styles['feedback-box__success']]: level === 'success',\n [styles['feedback-box__warning']]: level === 'warning',\n [styles['feedback-box__error']]: level === 'error',\n })}\n id={id}\n >\n <Icon name={LEVEL_ICON_MAP[level]} size={16} />\n {feedback}\n </div>\n);\n"],"names":["LEVEL_ICON_MAP","FeedbackBox","id","level","feedback","jsxs","clsx","styles","jsx","Icon"],"mappings":";;;;;;;;GAUMA,IAA2D;AAAA,EAC/D,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT,GAQaC,IAAc,CAAC,EAAE,IAAAC,GAAI,OAAAC,GAAO,UAAAC,EACvC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,cAAc,GAAG;AAAA,MACtC,CAACA,EAAO,uBAAuB,CAAC,GAAGJ,MAAU;AAAA,MAC7C,CAACI,EAAO,uBAAuB,CAAC,GAAGJ,MAAU;AAAA,MAC7C,CAACI,EAAO,qBAAqB,CAAC,GAAGJ,MAAU;AAAA,IAAA,CAC5C;AAAA,IACD,IAAAD;AAAA,IAEA,UAAA;AAAA,MAAA,gBAAAM,EAACC,KAAK,MAAMT,EAAeG,CAAK,GAAG,MAAM,IAAI;AAAA,MAC5CC;AAAA,IAAA;AAAA,EAAA;AACH;"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { FeedbackBoxProps } from './FeedbackBox';
|
|
3
|
+
declare const _default: Meta<FeedbackBoxProps>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const FeedbackBoxExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FeedbackBoxProps>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { FeedbackBox as o } from "./FeedbackBox.js";
|
|
3
|
+
import { Container as a } from "../storyComponents/Container/Container.js";
|
|
4
|
+
const m = {
|
|
5
|
+
title: "Molecules/FeedbackBox",
|
|
6
|
+
component: o
|
|
7
|
+
}, c = (t) => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o, { ...t }) }), d = c.bind({});
|
|
8
|
+
d.args = {
|
|
9
|
+
id: "gba0d2d4",
|
|
10
|
+
level: "success",
|
|
11
|
+
feedback: "Example FeedbackBox text"
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
d as FeedbackBoxExample,
|
|
15
|
+
m as default
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=FeedbackBox.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeedbackBox.stories.js","sources":["../../../src/components/FeedbackBox/FeedbackBox.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { FeedbackBoxProps } from './FeedbackBox';\n\nimport { FeedbackBox } from './FeedbackBox';\n\nimport { Container } from 'components/storyComponents/Container';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Molecules/FeedbackBox',\n component: FeedbackBox,\n} as Meta<FeedbackBoxProps>;\n\nconst Template: StoryFn<FeedbackBoxProps> = (args) => (\n <Container>\n <FeedbackBox {...args} />\n </Container>\n);\n\nexport const FeedbackBoxExample = Template.bind({});\nFeedbackBoxExample.args = {\n id: 'gba0d2d4',\n level: 'success',\n feedback: 'Example FeedbackBox text',\n};\n"],"names":["FeedbackBox_stories","FeedbackBox","Template","args","jsx","Container","FeedbackBoxExample"],"mappings":";;;AAQA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAAsC,CAACC,MAC3C,gBAAAC,EAACC,KACC,UAAC,gBAAAD,EAAAH,GAAA,EAAa,GAAGE,EAAM,CAAA,EACzB,CAAA,GAGWG,IAAqBJ,EAAS,KAAK,EAAE;AAClDI,EAAmB,OAAO;AAAA,EACxB,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,UAAU;AACZ;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './FeedbackBox';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as i, Fragment as v, jsxs as c } from "react/jsx-runtime";
|
|
2
2
|
import { useDialog as G } from "@react-aria/dialog";
|
|
3
3
|
import { FocusScope as J } from "@react-aria/focus";
|
|
4
4
|
import { useModal as Q, useOverlay as W, usePreventScroll as X, OverlayContainer as Y } from "@react-aria/overlays";
|
|
5
|
-
import { c as
|
|
5
|
+
import { c as t } from "../../clsx-OuTLNxxd.js";
|
|
6
6
|
import { useRef as S, useState as T, useEffect as Z } from "react";
|
|
7
7
|
import { Backdrop as $ } from "../Backdrop/Backdrop.js";
|
|
8
8
|
import { OverlayCloseButton as oo } from "../OverlayCloseButton/OverlayCloseButton.js";
|
|
9
9
|
import { Spinner as lo } from "../Spinner/Spinner.js";
|
|
10
10
|
import '../../assets/ModalDialog.css';const o = {
|
|
11
|
-
"modal-dialog": "_modal-
|
|
12
|
-
"modal-dialog--padded": "_modal-dialog--
|
|
13
|
-
"modal-dialog__content": "_modal-
|
|
14
|
-
"modal-dialog__children": "_modal-
|
|
15
|
-
"modal-dialog__title": "_modal-
|
|
16
|
-
"modal-dialog--confirm": "_modal-dialog--
|
|
17
|
-
"modal-dialog__buttons": "_modal-
|
|
18
|
-
"modal-dialog__buttons--border": "_modal-dialog__buttons--
|
|
19
|
-
"modal-dialog__buttons--shadow": "_modal-dialog__buttons--
|
|
20
|
-
"modal-dialog__close": "_modal-
|
|
21
|
-
"modal-dialog--slim": "_modal-dialog--
|
|
22
|
-
"modal-dialog--wide": "_modal-dialog--
|
|
23
|
-
"modal-dialog--content-with-buttons": "_modal-dialog--content-with-
|
|
11
|
+
"modal-dialog": "_modal-dialog_rtimw_1",
|
|
12
|
+
"modal-dialog--padded": "_modal-dialog--padded_rtimw_18",
|
|
13
|
+
"modal-dialog__content": "_modal-dialog__content_rtimw_22",
|
|
14
|
+
"modal-dialog__children": "_modal-dialog__children_rtimw_33",
|
|
15
|
+
"modal-dialog__title": "_modal-dialog__title_rtimw_37",
|
|
16
|
+
"modal-dialog--confirm": "_modal-dialog--confirm_rtimw_44",
|
|
17
|
+
"modal-dialog__buttons": "_modal-dialog__buttons_rtimw_48",
|
|
18
|
+
"modal-dialog__buttons--border": "_modal-dialog__buttons--border_rtimw_61",
|
|
19
|
+
"modal-dialog__buttons--shadow": "_modal-dialog__buttons--shadow_rtimw_78",
|
|
20
|
+
"modal-dialog__close": "_modal-dialog__close_rtimw_82",
|
|
21
|
+
"modal-dialog--slim": "_modal-dialog--slim_rtimw_100",
|
|
22
|
+
"modal-dialog--wide": "_modal-dialog--wide_rtimw_104",
|
|
23
|
+
"modal-dialog--content-with-buttons": "_modal-dialog--content-with-buttons_rtimw_118"
|
|
24
24
|
};
|
|
25
25
|
function _o(y) {
|
|
26
26
|
const {
|
|
27
|
-
buttons:
|
|
27
|
+
buttons: d,
|
|
28
28
|
children: x,
|
|
29
29
|
isDismissable: _ = !0,
|
|
30
30
|
isKeyboardDismissDisabled: B = !_,
|
|
31
31
|
isLoading: D,
|
|
32
32
|
spinnerAriaValueText: P = "Loading",
|
|
33
33
|
closeButtonAriaValueText: C = "Close",
|
|
34
|
-
isOpen:
|
|
34
|
+
isOpen: a,
|
|
35
35
|
noValidate: E = !1,
|
|
36
36
|
onClose: g,
|
|
37
37
|
onSubmit: L,
|
|
@@ -43,11 +43,11 @@ function _o(y) {
|
|
|
43
43
|
slim: F,
|
|
44
44
|
wide: H,
|
|
45
45
|
noButtonBorder: f = !1
|
|
46
|
-
} = y, m = S(null), p = S(null), [O, V] = T(!1), [k, z] = T(!1), { dialogProps: A, titleProps: I } = G({ role: N }, m), { modalProps: M } = Q({ isDisabled: !
|
|
47
|
-
{ isDismissable: _, isKeyboardDismissDisabled: B, isOpen:
|
|
46
|
+
} = y, m = S(null), p = S(null), [O, V] = T(!1), [k, z] = T(!1), { dialogProps: A, titleProps: I } = G({ role: N }, m), { modalProps: M } = Q({ isDisabled: !a }), { overlayProps: R, underlayProps: j } = W(
|
|
47
|
+
{ isDismissable: _, isKeyboardDismissDisabled: B, isOpen: a, onClose: g },
|
|
48
48
|
m
|
|
49
49
|
);
|
|
50
|
-
X({ isDisabled: !
|
|
50
|
+
X({ isDisabled: !a }), Z(() => {
|
|
51
51
|
const l = p.current;
|
|
52
52
|
function h() {
|
|
53
53
|
if (l) {
|
|
@@ -55,27 +55,27 @@ function _o(y) {
|
|
|
55
55
|
V(w > b), z(q + b >= w);
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
|
-
function
|
|
58
|
+
function e() {
|
|
59
59
|
h();
|
|
60
60
|
}
|
|
61
|
-
l && (l.addEventListener("scroll",
|
|
61
|
+
l && (l.addEventListener("scroll", e), window.addEventListener("resize", e));
|
|
62
62
|
const U = setTimeout(() => {
|
|
63
63
|
h();
|
|
64
64
|
}, 0);
|
|
65
65
|
return () => {
|
|
66
|
-
l && l.removeEventListener("scroll",
|
|
66
|
+
l && l.removeEventListener("scroll", e), window.removeEventListener("resize", e), clearTimeout(U);
|
|
67
67
|
};
|
|
68
|
-
}, [
|
|
68
|
+
}, [a, s]);
|
|
69
69
|
function K(l) {
|
|
70
70
|
l.stopPropagation();
|
|
71
71
|
}
|
|
72
|
-
return
|
|
72
|
+
return a ? /* @__PURE__ */ i(Y, { children: /* @__PURE__ */ i($, { ...j, children: D ? /* @__PURE__ */ i(lo, { ariaValueText: P }) : /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(J, { autoFocus: !0, contain: !0, restoreFocus: !0, children: /* @__PURE__ */ c(
|
|
73
73
|
"div",
|
|
74
74
|
{
|
|
75
75
|
...A,
|
|
76
76
|
...M,
|
|
77
77
|
...R,
|
|
78
|
-
className:
|
|
78
|
+
className: t(o["modal-dialog"], {
|
|
79
79
|
[o["modal-dialog--confirm"]]: n === "confirm",
|
|
80
80
|
[o["modal-dialog--padded"]]: u,
|
|
81
81
|
[o["modal-dialog--slim"]]: F,
|
|
@@ -86,9 +86,9 @@ function _o(y) {
|
|
|
86
86
|
ref: m,
|
|
87
87
|
children: [
|
|
88
88
|
(r || s) && n === "dialog" && /* @__PURE__ */ c(v, { children: [
|
|
89
|
-
r && /* @__PURE__ */
|
|
89
|
+
r && /* @__PURE__ */ i("h1", { ...I, className: o["modal-dialog__title"], children: r }),
|
|
90
90
|
s,
|
|
91
|
-
n === "dialog" && /* @__PURE__ */
|
|
91
|
+
n === "dialog" && /* @__PURE__ */ i("span", { className: o["modal-dialog__close"], children: /* @__PURE__ */ i(
|
|
92
92
|
oo,
|
|
93
93
|
{
|
|
94
94
|
"aria-label": C,
|
|
@@ -100,22 +100,22 @@ function _o(y) {
|
|
|
100
100
|
/* @__PURE__ */ c(
|
|
101
101
|
"form",
|
|
102
102
|
{
|
|
103
|
-
className:
|
|
104
|
-
[o["modal-dialog--content-with-buttons"]]:
|
|
103
|
+
className: t(o["modal-dialog__content"], {
|
|
104
|
+
[o["modal-dialog--content-with-buttons"]]: d
|
|
105
105
|
}),
|
|
106
106
|
onSubmit: L,
|
|
107
107
|
noValidate: E,
|
|
108
108
|
ref: p,
|
|
109
109
|
children: [
|
|
110
|
-
/* @__PURE__ */
|
|
111
|
-
|
|
110
|
+
/* @__PURE__ */ i("div", { className: t({ [o["modal-dialog__children"]]: !f }), children: x }),
|
|
111
|
+
d && /* @__PURE__ */ i(
|
|
112
112
|
"div",
|
|
113
113
|
{
|
|
114
|
-
className:
|
|
114
|
+
className: t(o["modal-dialog__buttons"], {
|
|
115
115
|
[o["modal-dialog__buttons--border"]]: !f,
|
|
116
116
|
[o["modal-dialog__buttons--shadow"]]: O && !k
|
|
117
117
|
}),
|
|
118
|
-
children:
|
|
118
|
+
children: d
|
|
119
119
|
}
|
|
120
120
|
)
|
|
121
121
|
]
|
package/dist/components/index.js
CHANGED
|
@@ -1,80 +1,82 @@
|
|
|
1
1
|
import { Accordion as t } from "./Accordion/Accordion.js";
|
|
2
2
|
import { ActionList as p } from "./ActionList/ActionList.js";
|
|
3
|
-
import { AppStatusBar as
|
|
3
|
+
import { AppStatusBar as x } from "./AppStatusBar/AppStatusBar.js";
|
|
4
4
|
import { Attention as i } from "./Attention/Attention.js";
|
|
5
5
|
import { Backdrop as n } from "./Backdrop/Backdrop.js";
|
|
6
6
|
import { Button as u } from "./Button/Button.js";
|
|
7
|
-
import { ButtonGroup as
|
|
8
|
-
import { Card as
|
|
7
|
+
import { ButtonGroup as d } from "./ButtonGroup/ButtonGroup.js";
|
|
8
|
+
import { Card as B } from "./Card/Card.js";
|
|
9
9
|
import { Checkbox as M } from "./Checkbox/Checkbox.js";
|
|
10
|
-
import { Drawer as
|
|
10
|
+
import { Drawer as L } from "./Drawer/Drawer.js";
|
|
11
11
|
import { EmptyStateDataDisplay as I } from "./EmptyStateDataDisplay/EmptyStateDataDisplay.js";
|
|
12
|
+
import { FeedbackBox as k } from "./FeedbackBox/FeedbackBox.js";
|
|
12
13
|
import { FieldHint as C } from "./FieldHint/FieldHint.js";
|
|
13
|
-
import { Fieldset as
|
|
14
|
-
import { FormField as
|
|
15
|
-
import { GridRow as
|
|
16
|
-
import { HorizontalList as
|
|
17
|
-
import { Icon as
|
|
18
|
-
import { IconButton as
|
|
19
|
-
import { InfoMessage as
|
|
20
|
-
import { Input as
|
|
21
|
-
import { InputField as
|
|
22
|
-
import { Label as
|
|
23
|
-
import { MenuButton as
|
|
24
|
-
import { MenuLink as
|
|
25
|
-
import { MetaDataList as
|
|
26
|
-
import { ModalDialog as
|
|
27
|
-
import { M as
|
|
28
|
-
import { OverlayCloseButton as
|
|
29
|
-
import { Periods as
|
|
30
|
-
import { ProgrammeCard as
|
|
31
|
-
import { RadioButton as
|
|
32
|
-
import { Repeater as
|
|
33
|
-
import { SectionNotification as
|
|
34
|
-
import { SelectListbox as
|
|
35
|
-
import { SelectProvider as
|
|
36
|
-
import { Spinner as
|
|
37
|
-
import { StatusPill as
|
|
14
|
+
import { Fieldset as g } from "./Fieldset/Fieldset.js";
|
|
15
|
+
import { FormField as R } from "./FormField/FormField.js";
|
|
16
|
+
import { GridRow as w } from "./GridRow/GridRow.js";
|
|
17
|
+
import { HorizontalList as H } from "./HorizontalList/HorizontalList.js";
|
|
18
|
+
import { Icon as z } from "./Icon/Icon.js";
|
|
19
|
+
import { IconButton as N } from "./IconButton/IconButton.js";
|
|
20
|
+
import { InfoMessage as T } from "./InfoMessage/InfoMessage.js";
|
|
21
|
+
import { Input as q } from "./Input/Input.js";
|
|
22
|
+
import { InputField as K } from "./InputField/InputField.js";
|
|
23
|
+
import { Label as U } from "./Label/Label.js";
|
|
24
|
+
import { MenuButton as W } from "./MenuButton/MenuButton.js";
|
|
25
|
+
import { MenuLink as Y } from "./MenuLink/MenuLink.js";
|
|
26
|
+
import { MetaDataList as _ } from "./MetaDataList/MetaDataList.js";
|
|
27
|
+
import { ModalDialog as oo } from "./ModalDialog/ModalDialog.js";
|
|
28
|
+
import { M as to } from "../MultiSelect-B9JaIPXs.js";
|
|
29
|
+
import { OverlayCloseButton as po } from "./OverlayCloseButton/OverlayCloseButton.js";
|
|
30
|
+
import { Periods as xo } from "./Periods/Periods.js";
|
|
31
|
+
import { ProgrammeCard as io } from "./ProgrammeCard/ProgrammeCard.js";
|
|
32
|
+
import { RadioButton as no } from "./RadioButton/RadioButton.js";
|
|
33
|
+
import { Repeater as uo } from "./Repeater/Repeater.js";
|
|
34
|
+
import { SectionNotification as so } from "./SectionNotification/SectionNotification.js";
|
|
35
|
+
import { SelectListbox as So } from "./SelectListbox/SelectListbox.js";
|
|
36
|
+
import { SelectProvider as Fo, useSelect as Lo } from "./SelectListbox/SelectProvider.js";
|
|
37
|
+
import { Spinner as Io } from "./Spinner/Spinner.js";
|
|
38
|
+
import { StatusPill as ko } from "./StatusPill/StatusPill.js";
|
|
38
39
|
import { Tooltip as Co } from "./Tooltip/Tooltip.js";
|
|
39
40
|
export {
|
|
40
41
|
t as Accordion,
|
|
41
42
|
p as ActionList,
|
|
42
|
-
|
|
43
|
+
x as AppStatusBar,
|
|
43
44
|
i as Attention,
|
|
44
45
|
n as Backdrop,
|
|
45
46
|
u as Button,
|
|
46
|
-
|
|
47
|
-
|
|
47
|
+
d as ButtonGroup,
|
|
48
|
+
B as Card,
|
|
48
49
|
M as Checkbox,
|
|
49
|
-
|
|
50
|
+
L as Drawer,
|
|
50
51
|
I as EmptyStateDataDisplay,
|
|
52
|
+
k as FeedbackBox,
|
|
51
53
|
C as FieldHint,
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
54
|
+
g as Fieldset,
|
|
55
|
+
R as FormField,
|
|
56
|
+
w as GridRow,
|
|
57
|
+
H as HorizontalList,
|
|
58
|
+
z as Icon,
|
|
59
|
+
N as IconButton,
|
|
60
|
+
T as InfoMessage,
|
|
61
|
+
q as Input,
|
|
62
|
+
K as InputField,
|
|
63
|
+
U as Label,
|
|
64
|
+
W as MenuButton,
|
|
65
|
+
Y as MenuLink,
|
|
66
|
+
_ as MetaDataList,
|
|
67
|
+
oo as ModalDialog,
|
|
68
|
+
to as MultiSelect,
|
|
69
|
+
po as OverlayCloseButton,
|
|
70
|
+
xo as Periods,
|
|
71
|
+
io as ProgrammeCard,
|
|
72
|
+
no as RadioButton,
|
|
73
|
+
uo as Repeater,
|
|
74
|
+
so as SectionNotification,
|
|
75
|
+
So as SelectListbox,
|
|
76
|
+
Fo as SelectProvider,
|
|
77
|
+
Io as Spinner,
|
|
78
|
+
ko as StatusPill,
|
|
77
79
|
Co as Tooltip,
|
|
78
|
-
|
|
80
|
+
Lo as useSelect
|
|
79
81
|
};
|
|
80
82
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.js
CHANGED
|
@@ -1,80 +1,82 @@
|
|
|
1
1
|
import { Accordion as t } from "./components/Accordion/Accordion.js";
|
|
2
2
|
import { ActionList as p } from "./components/ActionList/ActionList.js";
|
|
3
|
-
import { AppStatusBar as
|
|
3
|
+
import { AppStatusBar as x } from "./components/AppStatusBar/AppStatusBar.js";
|
|
4
4
|
import { Attention as i } from "./components/Attention/Attention.js";
|
|
5
5
|
import { Backdrop as n } from "./components/Backdrop/Backdrop.js";
|
|
6
6
|
import { Button as u } from "./components/Button/Button.js";
|
|
7
|
-
import { ButtonGroup as
|
|
8
|
-
import { Card as
|
|
7
|
+
import { ButtonGroup as d } from "./components/ButtonGroup/ButtonGroup.js";
|
|
8
|
+
import { Card as B } from "./components/Card/Card.js";
|
|
9
9
|
import { Checkbox as M } from "./components/Checkbox/Checkbox.js";
|
|
10
|
-
import { Drawer as
|
|
10
|
+
import { Drawer as L } from "./components/Drawer/Drawer.js";
|
|
11
11
|
import { EmptyStateDataDisplay as I } from "./components/EmptyStateDataDisplay/EmptyStateDataDisplay.js";
|
|
12
|
+
import { FeedbackBox as k } from "./components/FeedbackBox/FeedbackBox.js";
|
|
12
13
|
import { FieldHint as C } from "./components/FieldHint/FieldHint.js";
|
|
13
|
-
import { Fieldset as
|
|
14
|
-
import { FormField as
|
|
15
|
-
import { GridRow as
|
|
16
|
-
import { HorizontalList as
|
|
17
|
-
import { Icon as
|
|
18
|
-
import { IconButton as
|
|
19
|
-
import { InfoMessage as
|
|
20
|
-
import { Input as
|
|
21
|
-
import { InputField as
|
|
22
|
-
import { Label as
|
|
23
|
-
import { MenuButton as
|
|
24
|
-
import { MenuLink as
|
|
25
|
-
import { MetaDataList as
|
|
26
|
-
import { ModalDialog as
|
|
27
|
-
import { M as
|
|
28
|
-
import { OverlayCloseButton as
|
|
29
|
-
import { Periods as
|
|
30
|
-
import { ProgrammeCard as
|
|
31
|
-
import { RadioButton as
|
|
32
|
-
import { Repeater as
|
|
33
|
-
import { SectionNotification as
|
|
34
|
-
import { SelectListbox as
|
|
35
|
-
import { SelectProvider as
|
|
36
|
-
import { Spinner as
|
|
37
|
-
import { StatusPill as
|
|
14
|
+
import { Fieldset as g } from "./components/Fieldset/Fieldset.js";
|
|
15
|
+
import { FormField as R } from "./components/FormField/FormField.js";
|
|
16
|
+
import { GridRow as w } from "./components/GridRow/GridRow.js";
|
|
17
|
+
import { HorizontalList as H } from "./components/HorizontalList/HorizontalList.js";
|
|
18
|
+
import { Icon as z } from "./components/Icon/Icon.js";
|
|
19
|
+
import { IconButton as N } from "./components/IconButton/IconButton.js";
|
|
20
|
+
import { InfoMessage as T } from "./components/InfoMessage/InfoMessage.js";
|
|
21
|
+
import { Input as q } from "./components/Input/Input.js";
|
|
22
|
+
import { InputField as K } from "./components/InputField/InputField.js";
|
|
23
|
+
import { Label as U } from "./components/Label/Label.js";
|
|
24
|
+
import { MenuButton as W } from "./components/MenuButton/MenuButton.js";
|
|
25
|
+
import { MenuLink as Y } from "./components/MenuLink/MenuLink.js";
|
|
26
|
+
import { MetaDataList as _ } from "./components/MetaDataList/MetaDataList.js";
|
|
27
|
+
import { ModalDialog as oo } from "./components/ModalDialog/ModalDialog.js";
|
|
28
|
+
import { M as to } from "./MultiSelect-B9JaIPXs.js";
|
|
29
|
+
import { OverlayCloseButton as po } from "./components/OverlayCloseButton/OverlayCloseButton.js";
|
|
30
|
+
import { Periods as xo } from "./components/Periods/Periods.js";
|
|
31
|
+
import { ProgrammeCard as io } from "./components/ProgrammeCard/ProgrammeCard.js";
|
|
32
|
+
import { RadioButton as no } from "./components/RadioButton/RadioButton.js";
|
|
33
|
+
import { Repeater as uo } from "./components/Repeater/Repeater.js";
|
|
34
|
+
import { SectionNotification as so } from "./components/SectionNotification/SectionNotification.js";
|
|
35
|
+
import { SelectListbox as So } from "./components/SelectListbox/SelectListbox.js";
|
|
36
|
+
import { SelectProvider as Fo, useSelect as Lo } from "./components/SelectListbox/SelectProvider.js";
|
|
37
|
+
import { Spinner as Io } from "./components/Spinner/Spinner.js";
|
|
38
|
+
import { StatusPill as ko } from "./components/StatusPill/StatusPill.js";
|
|
38
39
|
import { Tooltip as Co } from "./components/Tooltip/Tooltip.js";
|
|
39
40
|
export {
|
|
40
41
|
t as Accordion,
|
|
41
42
|
p as ActionList,
|
|
42
|
-
|
|
43
|
+
x as AppStatusBar,
|
|
43
44
|
i as Attention,
|
|
44
45
|
n as Backdrop,
|
|
45
46
|
u as Button,
|
|
46
|
-
|
|
47
|
-
|
|
47
|
+
d as ButtonGroup,
|
|
48
|
+
B as Card,
|
|
48
49
|
M as Checkbox,
|
|
49
|
-
|
|
50
|
+
L as Drawer,
|
|
50
51
|
I as EmptyStateDataDisplay,
|
|
52
|
+
k as FeedbackBox,
|
|
51
53
|
C as FieldHint,
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
54
|
+
g as Fieldset,
|
|
55
|
+
R as FormField,
|
|
56
|
+
w as GridRow,
|
|
57
|
+
H as HorizontalList,
|
|
58
|
+
z as Icon,
|
|
59
|
+
N as IconButton,
|
|
60
|
+
T as InfoMessage,
|
|
61
|
+
q as Input,
|
|
62
|
+
K as InputField,
|
|
63
|
+
U as Label,
|
|
64
|
+
W as MenuButton,
|
|
65
|
+
Y as MenuLink,
|
|
66
|
+
_ as MetaDataList,
|
|
67
|
+
oo as ModalDialog,
|
|
68
|
+
to as MultiSelect,
|
|
69
|
+
po as OverlayCloseButton,
|
|
70
|
+
xo as Periods,
|
|
71
|
+
io as ProgrammeCard,
|
|
72
|
+
no as RadioButton,
|
|
73
|
+
uo as Repeater,
|
|
74
|
+
so as SectionNotification,
|
|
75
|
+
So as SelectListbox,
|
|
76
|
+
Fo as SelectProvider,
|
|
77
|
+
Io as Spinner,
|
|
78
|
+
ko as StatusPill,
|
|
77
79
|
Co as Tooltip,
|
|
78
|
-
|
|
80
|
+
Lo as useSelect
|
|
79
81
|
};
|
|
80
82
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@uva-glass/component-library",
|
|
3
3
|
"author": "Team Glass - Frontend vrienden",
|
|
4
4
|
"private": false,
|
|
5
|
-
"version": "1.
|
|
5
|
+
"version": "1.45.1",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "dist/index.js",
|
|
8
8
|
"types": "dist/index.d.ts",
|
|
@@ -39,8 +39,8 @@
|
|
|
39
39
|
"react-dom": "^18.3.1"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
|
-
"@commitlint/cli": "^19.4.
|
|
43
|
-
"@commitlint/config-conventional": "^19.
|
|
42
|
+
"@commitlint/cli": "^19.4.1",
|
|
43
|
+
"@commitlint/config-conventional": "^19.4.1",
|
|
44
44
|
"@react-aria/button": "^3.9.8",
|
|
45
45
|
"@react-aria/dialog": "^3.5.17",
|
|
46
46
|
"@react-aria/overlays": "^3.23.2",
|
|
@@ -56,8 +56,8 @@
|
|
|
56
56
|
"@storybook/react": "^8.2.9",
|
|
57
57
|
"@storybook/react-vite": "^8.2.9",
|
|
58
58
|
"@storybook/test": "^8.2.9",
|
|
59
|
-
"@types/node": "^20.16.
|
|
60
|
-
"@types/react": "^18.3.
|
|
59
|
+
"@types/node": "^20.16.2",
|
|
60
|
+
"@types/react": "^18.3.4",
|
|
61
61
|
"@types/react-dom": "^18.3.0",
|
|
62
62
|
"@uva-glass/eslint-config": "^1.3.1",
|
|
63
63
|
"@uva-glass/stylelint-config": "^1.1.0",
|
|
@@ -68,26 +68,26 @@
|
|
|
68
68
|
"eslint-plugin-prettier": "^5.2.1",
|
|
69
69
|
"eslint-plugin-react": "^7.35.0",
|
|
70
70
|
"eslint-plugin-react-hooks": "^4.6.2",
|
|
71
|
-
"eslint-plugin-react-refresh": "^0.4.
|
|
71
|
+
"eslint-plugin-react-refresh": "^0.4.11",
|
|
72
72
|
"eslint-plugin-storybook": "^0.8.0",
|
|
73
73
|
"glob": "^11.0.0",
|
|
74
74
|
"jest": "^29.7.0",
|
|
75
75
|
"jest-environment-jsdom": "^29.7.0",
|
|
76
76
|
"jest-junit": "^16.0.0",
|
|
77
|
-
"jsdom": "^
|
|
77
|
+
"jsdom": "^25.0.0",
|
|
78
78
|
"npm-run-all2": "^6.2.2",
|
|
79
79
|
"react": "^18.3.1",
|
|
80
80
|
"react-dom": "^18.3.1",
|
|
81
81
|
"react-router-dom": "^6.26.1",
|
|
82
82
|
"semantic-release": "^24.1.0",
|
|
83
83
|
"storybook": "^8.2.9",
|
|
84
|
-
"style-dictionary": "^4.0
|
|
85
|
-
"stylelint": "^16.
|
|
84
|
+
"style-dictionary": "^4.1.0",
|
|
85
|
+
"stylelint": "^16.9.0",
|
|
86
86
|
"stylelint-config-recommended": "^14.0.1",
|
|
87
87
|
"stylelint-config-standard": "^36.0.1",
|
|
88
88
|
"stylelint-order": "^6.0.4",
|
|
89
89
|
"typescript": "^5.5.4",
|
|
90
|
-
"vite": "^5.4.
|
|
90
|
+
"vite": "^5.4.2",
|
|
91
91
|
"vite-plugin-dts": "^4.0.3",
|
|
92
92
|
"vite-plugin-lib-inject-css": "^2.1.1",
|
|
93
93
|
"vite-plugin-svgr": "^4.2.0",
|