@uva-glass/component-library 3.47.0 → 3.47.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
|
-
._expandable-info-
|
|
1
|
+
._expandable-info-panel_wrapper_syv2k_1{display:flex;flex-direction:column;width:100%}._expandable-info-panel_header_syv2k_7{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-bottom:.5rem;width:100%}._expandable-info-panel_trigger_syv2k_16{align-items:center;appearance:none;background-color:transparent;border:none;border-radius:.25rem;display:flex;font:inherit;font-size:var(--font-size-default);gap:.5rem;height:2.75rem;margin-bottom:0;outline:none;padding:.5rem;position:relative;width:fit-content;cursor:pointer}._expandable-info-panel_trigger_syv2k_16:focus-visible{outline:.125rem dotted var(--new-color-navy-600);outline-offset:.125rem;text-decoration:underline}._expandable-info-panel_trigger_syv2k_16:hover{background-color:var(--new-color-grey-200);text-decoration:underline}._expandable-info-panel_trigger--active_syv2k_46{background-color:var(--new-color-navy-200);border-radius:.25rem .25rem 0 0}._expandable-info-panel_trigger--active_syv2k_46:after{background-color:var(--new-color-navy-200);content:"";display:block;height:.5rem;left:0;position:absolute;right:0;top:100%;z-index:-1}._expandable-info-panel_trigger--active_syv2k_46:hover,._expandable-info-panel_trigger--active_syv2k_46:hover:after{background-color:var(--new-color-navy-300)}._expandable-info-panel_content-wrapper_syv2k_68{align-items:start;background-color:var(--new-color-navy-200);display:grid;gap:1rem;grid-template-columns:1.5rem 1fr;padding:1.5rem}._expandable-info-panel_content-with-note-container_syv2k_77{display:flex;gap:.5rem;justify-content:space-between}._expandable-info-panel_note_syv2k_83{background-color:var(--new-color-navy-100);padding:1rem;min-width:15.875rem;max-width:15.875rem}
|
|
@@ -1,57 +1,57 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as i, jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { useState as x, useId as b } from "react";
|
|
3
|
-
import { c as
|
|
4
|
-
import { Icon as
|
|
3
|
+
import { c as v } from "../../clsx-OuTLNxxd.js";
|
|
4
|
+
import { Icon as l } from "../Icon/Icon.js";
|
|
5
5
|
import '../../assets/ExpandableInfoPanel.css';const n = {
|
|
6
|
-
"expandable-info-panel_wrapper": "_expandable-info-
|
|
7
|
-
"expandable-info-panel_header": "_expandable-info-
|
|
8
|
-
"expandable-info-panel_trigger": "_expandable-info-
|
|
9
|
-
"expandable-info-panel_trigger--active": "_expandable-info-panel_trigger--
|
|
10
|
-
"expandable-info-panel_content-wrapper": "_expandable-info-panel_content-
|
|
11
|
-
"expandable-info-panel_content-with-note-container": "_expandable-info-panel_content-with-note-
|
|
12
|
-
"expandable-info-panel_note": "_expandable-info-
|
|
13
|
-
},
|
|
14
|
-
triggerLabel:
|
|
6
|
+
"expandable-info-panel_wrapper": "_expandable-info-panel_wrapper_syv2k_1",
|
|
7
|
+
"expandable-info-panel_header": "_expandable-info-panel_header_syv2k_7",
|
|
8
|
+
"expandable-info-panel_trigger": "_expandable-info-panel_trigger_syv2k_16",
|
|
9
|
+
"expandable-info-panel_trigger--active": "_expandable-info-panel_trigger--active_syv2k_46",
|
|
10
|
+
"expandable-info-panel_content-wrapper": "_expandable-info-panel_content-wrapper_syv2k_68",
|
|
11
|
+
"expandable-info-panel_content-with-note-container": "_expandable-info-panel_content-with-note-container_syv2k_77",
|
|
12
|
+
"expandable-info-panel_note": "_expandable-info-panel_note_syv2k_83"
|
|
13
|
+
}, y = ({
|
|
14
|
+
triggerLabel: p,
|
|
15
15
|
mainHeader: d,
|
|
16
16
|
collapseLabel: _ = "",
|
|
17
|
-
expandLabel:
|
|
18
|
-
content:
|
|
17
|
+
expandLabel: s = "",
|
|
18
|
+
content: o,
|
|
19
19
|
note: r = "",
|
|
20
|
-
defaultOpen:
|
|
20
|
+
defaultOpen: c = !1
|
|
21
21
|
}) => {
|
|
22
|
-
const [e, f] = x(
|
|
23
|
-
return /* @__PURE__ */
|
|
24
|
-
/* @__PURE__ */
|
|
22
|
+
const [e, f] = x(c), t = b();
|
|
23
|
+
return /* @__PURE__ */ i("div", { className: n["expandable-info-panel_wrapper"], children: [
|
|
24
|
+
/* @__PURE__ */ i("div", { className: n["expandable-info-panel_header"], children: [
|
|
25
25
|
d,
|
|
26
|
-
/* @__PURE__ */
|
|
26
|
+
/* @__PURE__ */ i(
|
|
27
27
|
"button",
|
|
28
28
|
{
|
|
29
|
-
className:
|
|
29
|
+
className: v(n["expandable-info-panel_trigger"], {
|
|
30
30
|
[n["expandable-info-panel_trigger--active"]]: e
|
|
31
31
|
}),
|
|
32
32
|
type: "button",
|
|
33
33
|
"aria-expanded": e,
|
|
34
34
|
"aria-controls": t,
|
|
35
|
-
"aria-label": `${
|
|
35
|
+
"aria-label": `${p} - ${e ? _ : s}`,
|
|
36
36
|
onClick: () => f(!e),
|
|
37
37
|
children: [
|
|
38
|
-
/* @__PURE__ */ a(
|
|
39
|
-
|
|
40
|
-
/* @__PURE__ */ a(
|
|
38
|
+
/* @__PURE__ */ a(l, { name: e ? "SquareInfoSolid" : "SquareInfo", size: 24 }),
|
|
39
|
+
p,
|
|
40
|
+
/* @__PURE__ */ a(l, { name: e ? "CheveronUp" : "CheveronDown", size: 16 })
|
|
41
41
|
]
|
|
42
42
|
}
|
|
43
43
|
)
|
|
44
44
|
] }),
|
|
45
|
-
e && /* @__PURE__ */
|
|
46
|
-
/* @__PURE__ */ a(
|
|
47
|
-
r ? /* @__PURE__ */
|
|
48
|
-
/* @__PURE__ */ a("div", { children:
|
|
45
|
+
e && /* @__PURE__ */ i("div", { id: t, className: n["expandable-info-panel_content-wrapper"], children: [
|
|
46
|
+
/* @__PURE__ */ a(l, { name: "SquareInfo", size: 24 }),
|
|
47
|
+
r ? /* @__PURE__ */ i("div", { className: n["expandable-info-panel_content-with-note-container"], children: [
|
|
48
|
+
/* @__PURE__ */ a("div", { children: o }),
|
|
49
49
|
/* @__PURE__ */ a("div", { className: n["expandable-info-panel_note"], children: r })
|
|
50
|
-
] }) : /* @__PURE__ */ a("div", { children:
|
|
50
|
+
] }) : /* @__PURE__ */ a("div", { children: o })
|
|
51
51
|
] })
|
|
52
52
|
] });
|
|
53
53
|
};
|
|
54
54
|
export {
|
|
55
|
-
|
|
55
|
+
y as ExpandableInfoPanel
|
|
56
56
|
};
|
|
57
57
|
//# sourceMappingURL=ExpandableInfoPanel.js.map
|