@uva-glass/component-library 1.45.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.
|
@@ -1 +1 @@
|
|
|
1
|
-
._feedback-
|
|
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)}}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import { jsxs as r, jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import { c as a } from "../../clsx-OuTLNxxd.js";
|
|
3
3
|
import { Icon as b } from "../Icon/Icon.js";
|
|
4
|
-
import '../../assets/FeedbackBox.css';const
|
|
5
|
-
"feedback-box": "_feedback-
|
|
6
|
-
"feedback-box__success": "_feedback-
|
|
7
|
-
"feedback-box__warning": "_feedback-
|
|
8
|
-
"feedback-box__error": "_feedback-
|
|
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
9
|
}, n = {
|
|
10
10
|
success: "CheckCircle",
|
|
11
11
|
warning: "ExclamationTriangleMini",
|
|
12
12
|
error: "ExclamationCircle"
|
|
13
|
-
}, f = ({ id: _, level:
|
|
13
|
+
}, f = ({ id: _, level: e, feedback: o }) => /* @__PURE__ */ r(
|
|
14
14
|
"div",
|
|
15
15
|
{
|
|
16
|
-
className: a(
|
|
17
|
-
[
|
|
18
|
-
[
|
|
19
|
-
[
|
|
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
20
|
}),
|
|
21
21
|
id: _,
|
|
22
22
|
children: [
|
|
23
|
-
/* @__PURE__ */ s(b, { name: n[
|
|
23
|
+
/* @__PURE__ */ s(b, { name: n[e], size: 16 }),
|
|
24
24
|
o
|
|
25
25
|
]
|
|
26
26
|
}
|
|
@@ -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/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.45.
|
|
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,7 +56,7 @@
|
|
|
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.
|
|
59
|
+
"@types/node": "^20.16.2",
|
|
60
60
|
"@types/react": "^18.3.4",
|
|
61
61
|
"@types/react-dom": "^18.3.0",
|
|
62
62
|
"@uva-glass/eslint-config": "^1.3.1",
|
|
@@ -68,21 +68,21 @@
|
|
|
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",
|