@situaction/traq-ui-ste 1.1.17 → 1.1.18
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/components/accordion/Accordion.d.ts +3 -0
- package/dist/components/accordion/Accordion.js +6 -5
- package/dist/components/accordion/item/AccordionItem.d.ts +3 -0
- package/dist/components/accordion/item/AccordionItem.js +34 -30
- package/dist/components/menu/Menu.d.ts +2 -0
- package/dist/components/menu/Menu.js +80 -76
- package/dist/main.d.ts +15 -15
- package/dist/styles/AccordionItem.css +1 -1
- package/dist/styles/Size.css +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { FC, ReactNode } from 'react';
|
|
2
|
+
import { Size } from '../interface';
|
|
2
3
|
|
|
3
4
|
export interface AccordionProps {
|
|
4
5
|
/** An array of accordion items, each containing a header, content, and optional settings. */
|
|
@@ -14,6 +15,8 @@ export interface AccordionProps {
|
|
|
14
15
|
}[];
|
|
15
16
|
/** Accordion style if block type the header and the content are in the same block, if it is tile they are separated into 2 blocks */
|
|
16
17
|
type?: 'block' | 'tile';
|
|
18
|
+
/** Padding size inside the Accordion: small, medium, large */
|
|
19
|
+
paddingHeader?: Size;
|
|
17
20
|
}
|
|
18
21
|
/**
|
|
19
22
|
* Accordion component that displays a list of AccordionItem components.
|
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
import { jsx as c } from "react/jsx-runtime";
|
|
2
2
|
import { AccordionItem as i } from "./item/AccordionItem.js";
|
|
3
|
-
import '../../styles/Accordion.css';const
|
|
4
|
-
accordion:
|
|
5
|
-
},
|
|
3
|
+
import '../../styles/Accordion.css';const a = "_accordion_hz3a1_6", t = {
|
|
4
|
+
accordion: a
|
|
5
|
+
}, p = ({ items: n, type: r = "block", paddingHeader: e }) => /* @__PURE__ */ c("div", { className: t.accordion, children: n.map((o, d) => /* @__PURE__ */ c(
|
|
6
6
|
i,
|
|
7
7
|
{
|
|
8
8
|
header: o.header,
|
|
9
9
|
iconPosition: o.iconPosition ?? "right",
|
|
10
10
|
defaultOpen: o.defaultOpen ?? !1,
|
|
11
11
|
type: r ?? "block",
|
|
12
|
+
paddingHeader: e ?? "m",
|
|
12
13
|
children: o.content
|
|
13
14
|
},
|
|
14
|
-
|
|
15
|
+
d
|
|
15
16
|
)) });
|
|
16
17
|
export {
|
|
17
|
-
|
|
18
|
+
p as Accordion
|
|
18
19
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { FC, ReactNode } from 'react';
|
|
2
|
+
import { Size } from '../../interface';
|
|
2
3
|
|
|
3
4
|
interface AccordionItemProps {
|
|
4
5
|
/** The header content of the accordion item. */
|
|
@@ -11,6 +12,8 @@ interface AccordionItemProps {
|
|
|
11
12
|
defaultOpen?: boolean;
|
|
12
13
|
/** Accordion style if block type the header and the content are in the same block, if it is tile they are separated into 2 blocks */
|
|
13
14
|
type?: 'block' | 'tile';
|
|
15
|
+
/** Padding size inside the Accordion: small, medium, large */
|
|
16
|
+
paddingHeader?: Size;
|
|
14
17
|
}
|
|
15
18
|
/**
|
|
16
19
|
* AccordionItem component represents an individual item in an accordion.
|
|
@@ -1,48 +1,52 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { IconButton as
|
|
4
|
-
import '../../../styles/AccordionItem.css';const
|
|
5
|
-
accordionHeader:
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import { jsxs as o, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { useState as g, useEffect as _ } from "react";
|
|
3
|
+
import { IconButton as a } from "../../icon-button/IconButton.js";
|
|
4
|
+
import '../../../styles/AccordionItem.css';const w = "_accordionHeader_1tsuj_7", p = "_title_1tsuj_31", m = "_fullHeight_1tsuj_36", v = "_block_1tsuj_40", f = "_tile_1tsuj_48", l = {
|
|
5
|
+
accordionHeader: w,
|
|
6
|
+
"padding-s": "_padding-s_1tsuj_15",
|
|
7
|
+
"padding-m": "_padding-m_1tsuj_19",
|
|
8
|
+
"padding-l": "_padding-l_1tsuj_23",
|
|
9
|
+
"padding-xl": "_padding-xl_1tsuj_27",
|
|
10
|
+
title: p,
|
|
8
11
|
fullHeight: m,
|
|
9
|
-
block:
|
|
12
|
+
block: v,
|
|
10
13
|
tile: f
|
|
11
|
-
},
|
|
12
|
-
header:
|
|
13
|
-
children:
|
|
14
|
-
iconPosition:
|
|
15
|
-
defaultOpen:
|
|
16
|
-
type:
|
|
14
|
+
}, k = ({
|
|
15
|
+
header: c,
|
|
16
|
+
children: n,
|
|
17
|
+
iconPosition: d = "right",
|
|
18
|
+
defaultOpen: e = !1,
|
|
19
|
+
type: h = "block",
|
|
20
|
+
paddingHeader: r = "m"
|
|
17
21
|
}) => {
|
|
18
|
-
const [
|
|
19
|
-
return
|
|
20
|
-
|
|
21
|
-
}, [
|
|
22
|
-
/* @__PURE__ */
|
|
23
|
-
|
|
24
|
-
|
|
22
|
+
const [i, s] = g(!1);
|
|
23
|
+
return _(() => {
|
|
24
|
+
e && s(e);
|
|
25
|
+
}, [e]), /* @__PURE__ */ o("div", { className: `${h === "tile" ? l.tile : l.block}`, children: [
|
|
26
|
+
/* @__PURE__ */ o("div", { className: `${l.accordionHeader} ${l[`padding-${r}`]}`, children: [
|
|
27
|
+
d === "left" && /* @__PURE__ */ t(
|
|
28
|
+
a,
|
|
25
29
|
{
|
|
26
30
|
mode: "ghost",
|
|
27
31
|
size: "s",
|
|
28
|
-
onClick: () =>
|
|
29
|
-
children:
|
|
32
|
+
onClick: () => s(!i),
|
|
33
|
+
children: i ? /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "#000000", viewBox: "0 0 256 256", children: /* @__PURE__ */ t("path", { d: "M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z" }) }) : /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "#000000", viewBox: "0 0 256 256", children: /* @__PURE__ */ t("path", { d: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z" }) })
|
|
30
34
|
}
|
|
31
35
|
),
|
|
32
|
-
/* @__PURE__ */ t("div", { className: l.title, children:
|
|
33
|
-
|
|
34
|
-
|
|
36
|
+
/* @__PURE__ */ t("div", { className: l.title, children: c }),
|
|
37
|
+
d === "right" && /* @__PURE__ */ t(
|
|
38
|
+
a,
|
|
35
39
|
{
|
|
36
40
|
mode: "ghost",
|
|
37
41
|
size: "s",
|
|
38
|
-
onClick: () =>
|
|
39
|
-
children:
|
|
42
|
+
onClick: () => s(!i),
|
|
43
|
+
children: i ? /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "#000000", viewBox: "0 0 256 256", children: /* @__PURE__ */ t("path", { d: "M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z" }) }) : /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "#000000", viewBox: "0 0 256 256", children: /* @__PURE__ */ t("path", { d: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z" }) })
|
|
40
44
|
}
|
|
41
45
|
)
|
|
42
46
|
] }),
|
|
43
|
-
|
|
47
|
+
i && n
|
|
44
48
|
] });
|
|
45
49
|
};
|
|
46
50
|
export {
|
|
47
|
-
|
|
51
|
+
k as AccordionItem
|
|
48
52
|
};
|
|
@@ -49,6 +49,8 @@ export interface MenuProps {
|
|
|
49
49
|
isOpen?: (value: boolean) => void;
|
|
50
50
|
/** Whether the menu should be open by default */
|
|
51
51
|
defaultOpen?: boolean;
|
|
52
|
+
/** ID of the menu item selected by default */
|
|
53
|
+
defaultSelectedId?: string;
|
|
52
54
|
}
|
|
53
55
|
/**
|
|
54
56
|
* Menu component renders a vertical navigation bar with collapsible state,
|
|
@@ -1,117 +1,121 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useState as c, useRef as
|
|
3
|
-
import { Button as
|
|
1
|
+
import { jsx as l, jsxs as f } from "react/jsx-runtime";
|
|
2
|
+
import { useState as c, useRef as v, useEffect as M } from "react";
|
|
3
|
+
import { Button as $ } from "../button/Button.js";
|
|
4
4
|
import '../../styles/Size.css';import '../../styles/index.css';import '../../styles/Menu.css';/* empty css */
|
|
5
|
-
import { IconButton as
|
|
6
|
-
import { Icon as
|
|
7
|
-
import { Modal as
|
|
5
|
+
import { IconButton as h } from "../icon-button/IconButton.js";
|
|
6
|
+
import { Icon as b } from "../icon/Icon.js";
|
|
7
|
+
import { Modal as y } from "../modal/Modal.js";
|
|
8
8
|
import "../theme/ThemeContext.js";
|
|
9
9
|
/* empty css */
|
|
10
|
-
const
|
|
11
|
-
fullHeight:
|
|
12
|
-
fullWidth:
|
|
13
|
-
open:
|
|
14
|
-
close:
|
|
15
|
-
menuButton:
|
|
16
|
-
closeIcon:
|
|
17
|
-
label:
|
|
18
|
-
textEllipsis:
|
|
19
|
-
pointer:
|
|
20
|
-
fullImg:
|
|
21
|
-
menuParams:
|
|
22
|
-
line:
|
|
23
|
-
borderRadiusM:
|
|
24
|
-
menuItem:
|
|
25
|
-
flexVerticalBetweenStart:
|
|
26
|
-
flexHorizontalBetween:
|
|
27
|
-
flexVertical:
|
|
28
|
-
flexVerticalBetweenCenter:
|
|
29
|
-
},
|
|
30
|
-
const [o,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
10
|
+
const O = "_fullHeight_ikhx4_15", S = "_fullWidth_ikhx4_18", j = "_open_ikhx4_21", D = "_close_ikhx4_25", q = "_menuButton_ikhx4_29", A = "_closeIcon_ikhx4_37", F = "_label_ikhx4_42", G = "_textEllipsis_ikhx4_46", J = "_pointer_ikhx4_51", K = "_fullImg_ikhx4_54", Q = "_menuParams_ikhx4_60", T = "_line_ikhx4_66", U = "_borderRadiusM_ikhx4_73", X = "_menuItem_ikhx4_77", Y = "_flexVerticalBetweenStart_ikhx4_86", Z = "_flexHorizontalBetween_ikhx4_93", ee = "_flexVertical_ikhx4_86", ne = "_flexVerticalBetweenCenter_ikhx4_107", e = {
|
|
11
|
+
fullHeight: O,
|
|
12
|
+
fullWidth: S,
|
|
13
|
+
open: j,
|
|
14
|
+
close: D,
|
|
15
|
+
menuButton: q,
|
|
16
|
+
closeIcon: A,
|
|
17
|
+
label: F,
|
|
18
|
+
textEllipsis: G,
|
|
19
|
+
pointer: J,
|
|
20
|
+
fullImg: K,
|
|
21
|
+
menuParams: Q,
|
|
22
|
+
line: T,
|
|
23
|
+
borderRadiusM: U,
|
|
24
|
+
menuItem: X,
|
|
25
|
+
flexVerticalBetweenStart: Y,
|
|
26
|
+
flexHorizontalBetween: Z,
|
|
27
|
+
flexVertical: ee,
|
|
28
|
+
flexVerticalBetweenCenter: ne
|
|
29
|
+
}, fe = ({ menuItems: s = [], menuParams: r = [], shortLogo: _, logo: x, isOpen: m, defaultOpen: w = !1, defaultSelectedId: d }) => {
|
|
30
|
+
const [o, p] = c(w ?? !1), [k, g] = c(d ?? (s.length > 0 ? s[0].id : null)), N = v(null), [I, u] = c(!1), [V, B] = c(!1), [H, E] = c(null), [z, R] = c({}), L = v(null);
|
|
31
|
+
M(() => {
|
|
32
|
+
d && g(d);
|
|
33
|
+
}, [d]);
|
|
34
|
+
const C = (n, i) => {
|
|
35
|
+
if (n.stopPropagation(), g(i), s) {
|
|
36
|
+
const t = s.find((a) => a.id === i);
|
|
37
|
+
t == null || t.onClick();
|
|
34
38
|
}
|
|
35
|
-
},
|
|
36
|
-
|
|
37
|
-
},
|
|
39
|
+
}, P = () => {
|
|
40
|
+
p(!o), u(!1);
|
|
41
|
+
}, W = (n) => {
|
|
38
42
|
var i;
|
|
39
43
|
if (r) {
|
|
40
|
-
const
|
|
41
|
-
if (!
|
|
42
|
-
if (
|
|
44
|
+
const t = r.find((a) => a.id === n);
|
|
45
|
+
if (!t) return;
|
|
46
|
+
if (t.content) {
|
|
43
47
|
const a = o ? "200px" : "40px";
|
|
44
|
-
|
|
48
|
+
E(t.content), R({ ...t.position, left: a }), B(!0);
|
|
45
49
|
} else
|
|
46
|
-
(i =
|
|
50
|
+
(i = t.onClick) == null || i.call(t);
|
|
47
51
|
}
|
|
48
52
|
};
|
|
49
|
-
return
|
|
50
|
-
|
|
51
|
-
}, [o]), /* @__PURE__ */
|
|
52
|
-
/* @__PURE__ */
|
|
53
|
-
/* @__PURE__ */
|
|
53
|
+
return M(() => {
|
|
54
|
+
m && m(o);
|
|
55
|
+
}, [o]), /* @__PURE__ */ l("nav", { ref: N, children: /* @__PURE__ */ f("div", { className: `${e.flexVerticalBetweenStart} ${e.fullHeight} ${o ? e.open : e.close}`, children: [
|
|
56
|
+
/* @__PURE__ */ f("div", { className: e.fullWidth, children: [
|
|
57
|
+
/* @__PURE__ */ l(
|
|
54
58
|
"div",
|
|
55
59
|
{
|
|
56
60
|
className: `${e.flexHorizontalBetween} ${e.pointer} ${e.textEllipsis}`,
|
|
57
|
-
onClick: () =>
|
|
58
|
-
children: o ? /* @__PURE__ */
|
|
59
|
-
|
|
60
|
-
/* @__PURE__ */
|
|
61
|
-
] }) : /* @__PURE__ */
|
|
61
|
+
onClick: () => P(),
|
|
62
|
+
children: o ? /* @__PURE__ */ f("div", { className: e.fullImg, children: [
|
|
63
|
+
x && /* @__PURE__ */ l("img", { src: x, alt: "Logo situaction" }),
|
|
64
|
+
/* @__PURE__ */ l(h, { mode: "ghost", size: "menu", children: /* @__PURE__ */ l(b, { icon: "CaretDoubleLeft", size: 16, weight: "duotone" }) })
|
|
65
|
+
] }) : /* @__PURE__ */ l(
|
|
62
66
|
"div",
|
|
63
67
|
{
|
|
64
68
|
className: e.closeIcon,
|
|
65
69
|
onMouseEnter: () => u(!0),
|
|
66
70
|
onMouseLeave: () => u(!1),
|
|
67
|
-
onClick: () =>
|
|
68
|
-
children:
|
|
71
|
+
onClick: () => p(!o),
|
|
72
|
+
children: I || !_ ? /* @__PURE__ */ l(h, { mode: "ghost", size: "menu", children: /* @__PURE__ */ l(b, { icon: "CaretDoubleRight", size: 22, weight: "duotone" }) }) : /* @__PURE__ */ l("img", { src: _, alt: "Logo situaction" })
|
|
69
73
|
}
|
|
70
74
|
)
|
|
71
75
|
}
|
|
72
76
|
),
|
|
73
|
-
/* @__PURE__ */
|
|
74
|
-
|
|
77
|
+
/* @__PURE__ */ l("div", { className: e.menuItem, children: s && s.map((n) => o ? /* @__PURE__ */ l("div", { className: `${e.textEllipsis} ${e.menuButton}`, children: /* @__PURE__ */ l(
|
|
78
|
+
$,
|
|
75
79
|
{
|
|
76
|
-
mode:
|
|
77
|
-
label:
|
|
78
|
-
onClick: (i) =>
|
|
79
|
-
childrenLeft:
|
|
80
|
+
mode: k === n.id ? "secondary" : "ghost",
|
|
81
|
+
label: n.label,
|
|
82
|
+
onClick: (i) => C(i, n.id),
|
|
83
|
+
childrenLeft: n.icon
|
|
80
84
|
}
|
|
81
|
-
) }, `button-${
|
|
82
|
-
|
|
85
|
+
) }, `button-${n.id}`) : /* @__PURE__ */ l("div", { className: e.textEllipsis, children: /* @__PURE__ */ l(
|
|
86
|
+
h,
|
|
83
87
|
{
|
|
84
|
-
mode:
|
|
85
|
-
children:
|
|
86
|
-
onClick: (i) =>
|
|
88
|
+
mode: k === n.id ? "secondary" : "ghost",
|
|
89
|
+
children: n.icon,
|
|
90
|
+
onClick: (i) => C(i, n.id)
|
|
87
91
|
}
|
|
88
|
-
) }, `icon-${
|
|
89
|
-
/* @__PURE__ */
|
|
92
|
+
) }, `icon-${n.id}`)) }),
|
|
93
|
+
/* @__PURE__ */ l("div", { className: e.line })
|
|
90
94
|
] }),
|
|
91
|
-
/* @__PURE__ */
|
|
92
|
-
r && r.map((
|
|
95
|
+
/* @__PURE__ */ f("div", { className: `${e.menuParams} ${e.flexVerticalBetweenCenter}`, children: [
|
|
96
|
+
r && r.map((n) => /* @__PURE__ */ l(
|
|
93
97
|
"div",
|
|
94
98
|
{
|
|
95
99
|
className: `${e.fullWidth} ${e.textEllipsis}`,
|
|
96
|
-
onClick: () =>
|
|
97
|
-
children: o ? /* @__PURE__ */
|
|
100
|
+
onClick: () => W(n.id),
|
|
101
|
+
children: o ? /* @__PURE__ */ l("div", { className: e.menuButton, children: /* @__PURE__ */ l($, { mode: "ghost", label: n.label, childrenLeft: n.icon }, n.id) }) : /* @__PURE__ */ l(h, { mode: "ghost", children: n.icon })
|
|
98
102
|
},
|
|
99
|
-
`param-icon-${
|
|
103
|
+
`param-icon-${n.id}`
|
|
100
104
|
)),
|
|
101
|
-
/* @__PURE__ */
|
|
102
|
-
|
|
105
|
+
/* @__PURE__ */ l(
|
|
106
|
+
y,
|
|
103
107
|
{
|
|
104
|
-
ref:
|
|
108
|
+
ref: L,
|
|
105
109
|
className: e.borderRadiusM,
|
|
106
|
-
open:
|
|
107
|
-
onClose: () =>
|
|
108
|
-
position:
|
|
109
|
-
children:
|
|
110
|
+
open: V,
|
|
111
|
+
onClose: () => B(!1),
|
|
112
|
+
position: z,
|
|
113
|
+
children: H
|
|
110
114
|
}
|
|
111
115
|
)
|
|
112
116
|
] })
|
|
113
117
|
] }) });
|
|
114
118
|
};
|
|
115
119
|
export {
|
|
116
|
-
|
|
120
|
+
fe as Menu
|
|
117
121
|
};
|
package/dist/main.d.ts
CHANGED
|
@@ -6,23 +6,23 @@ export { Tabs } from './components/tabs/Tabs';
|
|
|
6
6
|
export { IconButton } from './components/icon-button/IconButton';
|
|
7
7
|
export { Tag } from './components/tag/Tag';
|
|
8
8
|
export { Title } from './components/title/Title';
|
|
9
|
-
export { TagCounter } from './components/tag-counter/TagCounter
|
|
10
|
-
export { Checkbox } from './components/checkbox/Checkbox
|
|
11
|
-
export { Tooltip } from './components/tooltip/Tooltip
|
|
12
|
-
export { Select } from './components/select/Select
|
|
9
|
+
export { TagCounter } from './components/tag-counter/TagCounter';
|
|
10
|
+
export { Checkbox } from './components/checkbox/Checkbox';
|
|
11
|
+
export { Tooltip } from './components/tooltip/Tooltip';
|
|
12
|
+
export { Select } from './components/select/Select';
|
|
13
13
|
export { Calendar } from './components/calendar/Calendar';
|
|
14
14
|
export { Accordion } from './components/accordion/Accordion';
|
|
15
15
|
export { AccordionItem } from './components/accordion/item/AccordionItem';
|
|
16
16
|
export { Card } from './components/card/Card';
|
|
17
|
-
export { Icon } from './components/icon/Icon
|
|
18
|
-
export { Menu } from './components/menu/Menu
|
|
19
|
-
export { Modal } from './components/modal/Modal
|
|
20
|
-
export { SelectMultiItems } from './components/select-multi-items/SelectMultiItems
|
|
21
|
-
export { SelectFilterInputTags } from './components/select-filter-input-tags/SelectFilterInputTags
|
|
22
|
-
export { ListControls } from './components/list/list-controls/ListControls
|
|
23
|
-
export { NestedList } from './components/list/nested-list/NestedList
|
|
24
|
-
export { NestedListItem } from './components/list/nested-list/item/NestedListItem
|
|
25
|
-
export { Switch } from './components/switch/Switch
|
|
26
|
-
export { SidePanel } from './components/panel/side-panel/SidePanel
|
|
27
|
-
export { SidePanelHeader } from './components/panel/side-panel-header/SidePanelHeader
|
|
17
|
+
export { Icon } from './components/icon/Icon';
|
|
18
|
+
export { Menu } from './components/menu/Menu';
|
|
19
|
+
export { Modal } from './components/modal/Modal';
|
|
20
|
+
export { SelectMultiItems } from './components/select-multi-items/SelectMultiItems';
|
|
21
|
+
export { SelectFilterInputTags } from './components/select-filter-input-tags/SelectFilterInputTags';
|
|
22
|
+
export { ListControls } from './components/list/list-controls/ListControls';
|
|
23
|
+
export { NestedList } from './components/list/nested-list/NestedList';
|
|
24
|
+
export { NestedListItem } from './components/list/nested-list/item/NestedListItem';
|
|
25
|
+
export { Switch } from './components/switch/Switch';
|
|
26
|
+
export { SidePanel } from './components/panel/side-panel/SidePanel';
|
|
27
|
+
export { SidePanelHeader } from './components/panel/side-panel-header/SidePanelHeader';
|
|
28
28
|
export { ThemeProvider, useTheme } from './components/theme/ThemeContext';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.
|
|
1
|
+
@charset "UTF-8";._accordionHeader_1tsuj_7{display:flex;align-items:center;justify-content:space-between;border-radius:.375rem;gap:.375rem}._padding-s_1tsuj_15{padding:var(--spacing-xs-4)}._padding-m_1tsuj_19{padding:var(--spacing-xs-2)}._padding-l_1tsuj_23{padding:var(--spacing-xs)}._padding-xl_1tsuj_27{padding:var(--spacing-s)}._title_1tsuj_31{flex-grow:1;text-align:left}._fullHeight_1tsuj_36{height:100%}._block_1tsuj_40{border:1px solid var(--general-border-window);box-shadow:0 4px 5px 0 var(--shadow-color-minimal);background:var(--background-primary);border-radius:.375rem}._tile_1tsuj_48 ._accordionHeader_1tsuj_7{border-radius:.375rem;background:var(--background-primary);margin-bottom:.375rem;border:1px solid var(--general-border-window)}
|
package/dist/styles/Size.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.padding-xs-7{padding:.125rem}.padding-xs-6{padding:.25rem}.padding-xs-5{padding:.375rem}.padding-xs-4{padding:.5rem}.padding-xs-3{padding:.625rem}.padding-xs-2{padding:.75rem}.padding-xs{padding:.875rem}.padding-s{padding:1rem}.padding-m-1{padding:1.125rem}.padding-m-2{padding:1.25rem}.padding-l{padding:1.5rem}.padding-xl{padding:1.75rem}.padding-xl-2{padding:2rem}.padding-xl-3{padding:2.25rem}.padding-xl-4{padding:2.75rem}.padding-xl-5{padding:3rem}.padding-xl-6{padding:4rem}.padding-h-xs-7{padding:0 .125rem}.padding-h-xs-6{padding:0 .25rem}.padding-h-xs-5{padding:0 .375rem}.padding-h-xs-4{padding:0 .5rem}.padding-h-xs-3{padding:0 .625rem}.padding-h-xs-2{padding:0 .75rem}.padding-h-xs{padding:0 .875rem}.padding-h-s{padding:0 1rem}.padding-h-m-1{padding:0 1.125rem}.padding-h-m-2{padding:0 1.25rem}.padding-h-l{padding:0 1.5rem}.padding-h-xl{padding:0 1.75rem}.padding-h-xl-2{padding:0 2rem}.padding-h-xl-3{padding:0 2.25rem}.padding-h-xl-4{padding:0 2.75rem}.padding-h-xl-5{padding:0 3rem}.padding-h-xl-6{padding:0 4rem}.padding-v-xs-7{padding:.125rem 0}.padding-v-xs-6{padding:.25rem 0}.padding-v-xs-5{padding:.375rem 0}.padding-v-xs-4{padding:.5rem 0}.padding-v-xs-3{padding:.625rem 0}.padding-v-xs-2{padding:.75rem 0}.padding-v-xs{padding:.875rem 0}.padding-v-s{padding:1rem 0}.padding-v-m-1{padding:1.125rem 0}.padding-v-m-2{padding:1.25rem 0}.padding-v-l{padding:1.5rem 0}.padding-v-xl{padding:1.75rem 0}.padding-v-xl-2{padding:2rem 0}.padding-v-xl-3{padding:2.25rem 0}.padding-v-xl-4{padding:2.75rem 0}.padding-v-xl-5{padding:3rem 0}.padding-v-xl-6{padding:4rem 0}.padding-l-xs-7{padding
|
|
1
|
+
.padding-xs-7{padding:.125rem}.padding-xs-6{padding:.25rem}.padding-xs-5{padding:.375rem}.padding-xs-4{padding:.5rem}.padding-xs-3{padding:.625rem}.padding-xs-2{padding:.75rem}.padding-xs{padding:.875rem}.padding-s{padding:1rem}.padding-m-1{padding:1.125rem}.padding-m-2{padding:1.25rem}.padding-l{padding:1.5rem}.padding-xl{padding:1.75rem}.padding-xl-2{padding:2rem}.padding-xl-3{padding:2.25rem}.padding-xl-4{padding:2.75rem}.padding-xl-5{padding:3rem}.padding-xl-6{padding:4rem}.padding-h-xs-7{padding:0 .125rem}.padding-h-xs-6{padding:0 .25rem}.padding-h-xs-5{padding:0 .375rem}.padding-h-xs-4{padding:0 .5rem}.padding-h-xs-3{padding:0 .625rem}.padding-h-xs-2{padding:0 .75rem}.padding-h-xs{padding:0 .875rem}.padding-h-s{padding:0 1rem}.padding-h-m-1{padding:0 1.125rem}.padding-h-m-2{padding:0 1.25rem}.padding-h-l{padding:0 1.5rem}.padding-h-xl{padding:0 1.75rem}.padding-h-xl-2{padding:0 2rem}.padding-h-xl-3{padding:0 2.25rem}.padding-h-xl-4{padding:0 2.75rem}.padding-h-xl-5{padding:0 3rem}.padding-h-xl-6{padding:0 4rem}.padding-v-xs-7{padding:.125rem 0}.padding-v-xs-6{padding:.25rem 0}.padding-v-xs-5{padding:.375rem 0}.padding-v-xs-4{padding:.5rem 0}.padding-v-xs-3{padding:.625rem 0}.padding-v-xs-2{padding:.75rem 0}.padding-v-xs{padding:.875rem 0}.padding-v-s{padding:1rem 0}.padding-v-m-1{padding:1.125rem 0}.padding-v-m-2{padding:1.25rem 0}.padding-v-l{padding:1.5rem 0}.padding-v-xl{padding:1.75rem 0}.padding-v-xl-2{padding:2rem 0}.padding-v-xl-3{padding:2.25rem 0}.padding-v-xl-4{padding:2.75rem 0}.padding-v-xl-5{padding:3rem 0}.padding-v-xl-6{padding:4rem 0}.padding-l-xs-7{padding-left:.125rem}.padding-l-xs-6{padding-left:.25rem}.padding-l-xs-5{padding-left:.375rem}.padding-l-xs-4{padding-left:.5rem}.padding-l-xs-3{padding-left:.625rem}.padding-l-xs-2{padding-left:.75rem}.padding-l-xs{padding-left:.875rem}.padding-l-s{padding-left:1rem}.padding-l-m-1{padding-left:1.125rem}.padding-l-m-2{padding-left:1.25rem}.padding-l-l{padding-left:1.5rem}.padding-l-xl{padding-left:1.75rem}.padding-l-xl-2{padding-left:2rem}.padding-l-xl-3{padding-left:2.25rem}.padding-l-xl-4{padding-left:2.75rem}.padding-l-xl-5{padding-left:3rem}.padding-l-xl-6{padding-left:4rem}.padding-r-xs-7{padding-right:.125rem}.padding-r-xs-6{padding-right:.25rem}.padding-r-xs-5{padding-right:.375rem}.padding-r-xs-4{padding-right:.5rem}.padding-r-xs-3{padding-right:.625rem}.padding-r-xs-2{padding-right:.75rem}.padding-r-xs{padding-right:.875rem}.padding-r-s{padding-right:1rem}.padding-r-m-1{padding-right:1.125rem}.padding-r-m-2{padding-right:1.25rem}.padding-r-l{padding-right:1.5rem}.padding-r-xl{padding-right:1.75rem}.padding-r-xl-2{padding-right:2rem}.padding-r-xl-3{padding-right:2.25rem}.padding-r-xl-4{padding-right:2.75rem}.padding-r-xl-5{padding-right:3rem}.padding-r-xl-6{padding-right:4rem}.padding-top-xs-7{padding-top:.125rem}.padding-top-xs-6{padding-top:.25rem}.padding-top-xs-5{padding-top:.375rem}.padding-top-xs-4{padding-top:.5rem}.padding-top-xs-3{padding-top:.625rem}.padding-top-xs-2{padding-top:.75rem}.padding-top-xs{padding-top:.875rem}.padding-top-s{padding-top:1rem}.padding-top-m-1{padding-top:1.125rem}.padding-top-m-2{padding-top:1.25rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:1.75rem}.padding-top-xl-2{padding-top:2rem}.padding-top-xl-3{padding-top:2.25rem}.padding-top-xl-4{padding-top:2.75rem}.padding-top-xl-5{padding-top:3rem}.padding-top-xl-6{padding-top:4rem}.padding-bottom-xs-7{padding-bottom:.125rem}.padding-bottom-xs-6{padding-bottom:.25rem}.padding-bottom-xs-5{padding-bottom:.375rem}.padding-bottom-xs-4{padding-bottom:.5rem}.padding-bottom-xs-3{padding-bottom:.625rem}.padding-bottom-xs-2{padding-bottom:.75rem}.padding-bottom-xs{padding-bottom:.875rem}.padding-bottom-s{padding-bottom:1rem}.padding-bottom-m-1{padding-bottom:1.125rem}.padding-bottom-m-2{padding-bottom:1.25rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:1.75rem}.padding-bottom-xl-2{padding-bottom:2rem}.padding-bottom-xl-3{padding-bottom:2.25rem}.padding-bottom-xl-4{padding-bottom:2.75rem}.padding-bottom-xl-5{padding-bottom:3rem}.padding-bottom-xl-6{padding-bottom:4rem}.margin-xs-7{margin:.125rem}.margin-xs-6{margin:.25rem}.margin-xs-5{margin:.375rem}.margin-xs-4{margin:.5rem}.margin-xs-3{margin:.625rem}.margin-xs-2{margin:.75rem}.margin-xs{margin:.875rem}.margin-s{margin:1rem}.margin-m-1{margin:1.125rem}.margin-m-2{margin:1.25rem}.margin-l{margin:1.5rem}.margin-xl{margin:1.75rem}.margin-xl-2{margin:2rem}.margin-xl-3{margin:2.25rem}.margin-xl-4{margin:2.75rem}.margin-xl-5{margin:3rem}.margin-xl-6{margin:4rem}.margin-h-xs-7{margin:0 .125rem}.margin-h-xs-6{margin:0 .25rem}.margin-h-xs-5{margin:0 .375rem}.margin-h-xs-4{margin:0 .5rem}.margin-h-xs-3{margin:0 .625rem}.margin-h-xs-2{margin:0 .75rem}.margin-h-xs{margin:0 .875rem}.margin-h-s{margin:0 1rem}.margin-h-m-1{margin:0 1.125rem}.margin-h-m-2{margin:0 1.25rem}.margin-h-l{margin:0 1.5rem}.margin-h-xl{margin:0 1.75rem}.margin-h-xl-2{margin:0 2rem}.margin-h-xl-3{margin:0 2.25rem}.margin-h-xl-4{margin:0 2.75rem}.margin-h-xl-5{margin:0 3rem}.margin-h-xl-6{margin:0 4rem}.margin-v-xs-7{margin:.125rem 0}.margin-v-xs-6{margin:.25rem 0}.margin-v-xs-5{margin:.375rem 0}.margin-v-xs-4{margin:.5rem 0}.margin-v-xs-3{margin:.625rem 0}.margin-v-xs-2{margin:.75rem 0}.margin-v-xs{margin:.875rem 0}.margin-v-s{margin:1rem 0}.margin-v-m-1{margin:1.125rem 0}.margin-v-m-2{margin:1.25rem 0}.margin-v-l{margin:1.5rem 0}.margin-v-xl{margin:1.75rem 0}.margin-v-xl-2{margin:2rem 0}.margin-v-xl-3{margin:2.25rem 0}.margin-v-xl-4{margin:2.75rem 0}.margin-v-xl-5{margin:3rem 0}.margin-v-xl-6{margin:4rem 0}.margin-l-xs-7{margin-left:.125rem}.margin-l-xs-6{margin-left:.25rem}.margin-l-xs-5{margin-left:.375rem}.margin-l-xs-4{margin-left:.5rem}.margin-l-xs-3{margin-left:.625rem}.margin-l-xs-2{margin-left:.75rem}.margin-l-xs{margin-left:.875rem}.margin-l-s{margin-left:1rem}.margin-l-m-1{margin-left:1.125rem}.margin-l-m-2{margin-left:1.25rem}.margin-l-l{margin-left:1.5rem}.margin-l-xl{margin-left:1.75rem}.margin-l-xl-2{margin-left:2rem}.margin-l-xl-3{margin-left:2.25rem}.margin-l-xl-4{margin-left:2.75rem}.margin-l-xl-5{margin-left:3rem}.margin-l-xl-6{margin-left:4rem}.margin-r-xs-7{margin-right:.125rem}.margin-r-xs-6{margin-right:.25rem}.margin-r-xs-5{margin-right:.375rem}.margin-r-xs-4{margin-right:.5rem}.margin-r-xs-3{margin-right:.625rem}.margin-r-xs-2{margin-right:.75rem}.margin-r-xs{margin-right:.875rem}.margin-r-s{margin-right:1rem}.margin-r-m-1{margin-right:1.125rem}.margin-r-m-2{margin-right:1.25rem}.margin-r-l{margin-right:1.5rem}.margin-r-xl{margin-right:1.75rem}.margin-r-xl-2{margin-right:2rem}.margin-r-xl-3{margin-right:2.25rem}.margin-r-xl-4{margin-right:2.75rem}.margin-r-xl-5{margin-right:3rem}.margin-r-xl-6{margin-right:4rem}.margin-top-xs-7{margin-top:.125rem}.margin-top-xs-6{margin-top:.25rem}.margin-top-xs-5{margin-top:.375rem}.margin-top-xs-4{margin-top:.5rem}.margin-top-xs-3{margin-top:.625rem}.margin-top-xs-2{margin-top:.75rem}.margin-top-xs{margin-top:.875rem}.margin-top-s{margin-top:1rem}.margin-top-m-1{margin-top:1.125rem}.margin-top-m-2{margin-top:1.25rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:1.75rem}.margin-top-xl-2{margin-top:2rem}.margin-top-xl-3{margin-top:2.25rem}.margin-top-xl-4{margin-top:2.75rem}.margin-top-xl-5{margin-top:3rem}.margin-top-xl-6{margin-top:4rem}.margin-bottom-xs-7{margin-bottom:.125rem}.margin-bottom-xs-6{margin-bottom:.25rem}.margin-bottom-xs-5{margin-bottom:.375rem}.margin-bottom-xs-4{margin-bottom:.5rem}.margin-bottom-xs-3{margin-bottom:.625rem}.margin-bottom-xs-2{margin-bottom:.75rem}.margin-bottom-xs{margin-bottom:.875rem}.margin-bottom-s{margin-bottom:1rem}.margin-bottom-m-1{margin-bottom:1.125rem}.margin-bottom-m-2{margin-bottom:1.25rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:1.75rem}.margin-bottom-xl-2{margin-bottom:2rem}.margin-bottom-xl-3{margin-bottom:2.25rem}.margin-bottom-xl-4{margin-bottom:2.75rem}.margin-bottom-xl-5{margin-bottom:3rem}.margin-bottom-xl-6{margin-bottom:4rem}.fontSize10{font-size:.625em}.fontSize12{font-size:.75em}.fontSize14{font-size:.875em}.fontSize16{font-size:1em}.fontSize18{font-size:1.125em}.fontSize20{font-size:1.25em}.fontSize22{font-size:1.375em}.fontSize24{font-size:1.5em}.fontSize30{font-size:1.875em}.fontSize32{font-size:2em}.fontSize40{font-size:3em}.fontSize64{font-size:4em}.gap-xs-7{gap:.125rem}.gap-xs-6{gap:.25rem}.gap-xs-5{gap:.375rem}.gap-xs-4{gap:.5rem}.gap-xs-3{gap:.625rem}.gap-xs-2{gap:.75rem}.gap-xs{gap:.875rem}.gap-s{gap:1rem}.gap-m-1{gap:1.125rem}.gap-m-2{gap:1.25rem}.gap-l{gap:1.5rem}.gap-xl{gap:1.75rem}.gap-xl-2{gap:2rem}.gap-xl-3{gap:2.25rem}.gap-xl-4{gap:2.75rem}.gap-xl-5{gap:3rem}.gap-xl-6{gap:4rem}
|