@situaction/traq-ui-ste 1.1.26 → 1.1.27
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/button/Button.js +27 -27
- package/dist/components/checkbox/Checkbox.js +25 -25
- package/dist/components/icon-button/IconButton.js +30 -30
- package/dist/components/input/Input.js +25 -25
- package/dist/components/select/Select.js +43 -43
- package/dist/components/tabs/Tabs.js +33 -33
- package/dist/components/tag-counter/TagCounter.js +7 -7
- package/dist/components/tooltip/Tooltip.js +9 -9
- package/dist/styles/Button.css +1 -1
- package/dist/styles/Checkbox.css +1 -1
- package/dist/styles/IconButton.css +1 -1
- package/dist/styles/Input.css +1 -1
- package/dist/styles/Select.css +1 -1
- package/dist/styles/Tabs.css +1 -1
- package/dist/styles/TagCounter.css +1 -1
- package/dist/styles/ThemeContext.css +1 -1
- package/dist/styles/Tooltip.css +1 -1
- package/package.json +1 -1
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as l, jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import '../../styles/index.css';import '../../styles/Button.css';/* empty css */
|
|
3
|
-
const
|
|
4
|
-
button:
|
|
5
|
-
"button-primary": "_button-
|
|
6
|
-
"button-secondary": "_button-
|
|
7
|
-
"button-tertiary": "_button-
|
|
8
|
-
"button-ghost": "_button-
|
|
9
|
-
"button-text": "_button-
|
|
10
|
-
"button-text-selected": "_button-text-
|
|
11
|
-
"button-error": "_button-
|
|
12
|
-
"button-size-xl": "_button-size-
|
|
13
|
-
"button-size-l": "_button-size-
|
|
14
|
-
"button-size-m": "_button-size-
|
|
15
|
-
"button-size-s": "_button-size-
|
|
16
|
-
"button-size-menu": "_button-size-
|
|
17
|
-
"button-gap-menu": "_button-gap-
|
|
18
|
-
"button-gap-xl": "_button-gap-
|
|
19
|
-
"button-gap-l": "_button-gap-
|
|
20
|
-
"button-gap-m": "_button-gap-
|
|
21
|
-
"button-gap-s": "_button-gap-
|
|
22
|
-
flexHorizontalCenter:
|
|
3
|
+
const i = "_button_mzv5s_30", p = "_flexHorizontalCenter_mzv5s_191", t = {
|
|
4
|
+
button: i,
|
|
5
|
+
"button-primary": "_button-primary_mzv5s_54",
|
|
6
|
+
"button-secondary": "_button-secondary_mzv5s_68",
|
|
7
|
+
"button-tertiary": "_button-tertiary_mzv5s_84",
|
|
8
|
+
"button-ghost": "_button-ghost_mzv5s_100",
|
|
9
|
+
"button-text": "_button-text_mzv5s_116",
|
|
10
|
+
"button-text-selected": "_button-text-selected_mzv5s_129",
|
|
11
|
+
"button-error": "_button-error_mzv5s_135",
|
|
12
|
+
"button-size-xl": "_button-size-xl_mzv5s_148",
|
|
13
|
+
"button-size-l": "_button-size-l_mzv5s_154",
|
|
14
|
+
"button-size-m": "_button-size-m_mzv5s_160",
|
|
15
|
+
"button-size-s": "_button-size-s_mzv5s_166",
|
|
16
|
+
"button-size-menu": "_button-size-menu_mzv5s_172",
|
|
17
|
+
"button-gap-menu": "_button-gap-menu_mzv5s_178",
|
|
18
|
+
"button-gap-xl": "_button-gap-xl_mzv5s_181",
|
|
19
|
+
"button-gap-l": "_button-gap-l_mzv5s_184",
|
|
20
|
+
"button-gap-m": "_button-gap-m_mzv5s_178",
|
|
21
|
+
"button-gap-s": "_button-gap-s_mzv5s_187",
|
|
22
|
+
flexHorizontalCenter: p
|
|
23
23
|
}, c = ({
|
|
24
24
|
mode: o = "primary",
|
|
25
25
|
size: e = "m",
|
|
@@ -28,22 +28,22 @@ const v = "_button_wt8sv_23", w = "_flexHorizontalCenter_wt8sv_184", t = {
|
|
|
28
28
|
selected: r,
|
|
29
29
|
childrenLeft: s,
|
|
30
30
|
childrenRight: _,
|
|
31
|
-
...
|
|
31
|
+
...m
|
|
32
32
|
}) => {
|
|
33
|
-
const
|
|
33
|
+
const a = () => b ? "error" : o, z = [
|
|
34
34
|
t.button,
|
|
35
|
-
t[`button-${
|
|
35
|
+
t[`button-${a()}`],
|
|
36
36
|
t[`button-size-${e}`],
|
|
37
37
|
t[`button-gap-${e}`],
|
|
38
38
|
r && o === "text" && t["button-text-selected"],
|
|
39
39
|
t.flexHorizontalCenter
|
|
40
40
|
].filter(Boolean).join(" ");
|
|
41
|
-
return /* @__PURE__ */
|
|
41
|
+
return /* @__PURE__ */ l(
|
|
42
42
|
"button",
|
|
43
43
|
{
|
|
44
44
|
type: "button",
|
|
45
|
-
className:
|
|
46
|
-
...
|
|
45
|
+
className: z,
|
|
46
|
+
...m,
|
|
47
47
|
children: [
|
|
48
48
|
s && /* @__PURE__ */ n("span", { className: t.flexHorizontalCenter, children: s }),
|
|
49
49
|
/* @__PURE__ */ n("span", { children: u }),
|
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
2
2
|
import { useState as d, useEffect as b } from "react";
|
|
3
|
-
import '../../styles/Checkbox.css';const a = "
|
|
3
|
+
import '../../styles/Checkbox.css';const a = "_checkbox_xotn5_30", r = "_checked_xotn5_37", m = "_disabled_xotn5_43", z = "_noEvents_xotn5_51", e = {
|
|
4
4
|
checkbox: a,
|
|
5
5
|
checked: r,
|
|
6
6
|
disabled: m,
|
|
7
7
|
noEvents: z,
|
|
8
|
-
"checkbox-size-xs": "_checkbox-size-
|
|
9
|
-
"checkbox-size-s": "_checkbox-size-
|
|
10
|
-
"checkbox-size-m": "_checkbox-size-
|
|
11
|
-
"checkbox-size-l": "_checkbox-size-
|
|
12
|
-
"checkbox-size-xl": "_checkbox-size-
|
|
13
|
-
},
|
|
14
|
-
checked:
|
|
15
|
-
icon:
|
|
16
|
-
size:
|
|
17
|
-
disabled:
|
|
18
|
-
onChange:
|
|
8
|
+
"checkbox-size-xs": "_checkbox-size-xs_xotn5_54",
|
|
9
|
+
"checkbox-size-s": "_checkbox-size-s_xotn5_59",
|
|
10
|
+
"checkbox-size-m": "_checkbox-size-m_xotn5_64",
|
|
11
|
+
"checkbox-size-l": "_checkbox-size-l_xotn5_69",
|
|
12
|
+
"checkbox-size-xl": "_checkbox-size-xl_xotn5_74"
|
|
13
|
+
}, w = ({
|
|
14
|
+
checked: s = !1,
|
|
15
|
+
icon: i = /* @__PURE__ */ c("svg", { xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", children: /* @__PURE__ */ c("path", { d: "M2.66667 6.1L0.666667 4L0 4.7L2.66667 7.5L8 1.2L7.33333 0.5L2.66667 6.1Z", fill: "white" }) }),
|
|
16
|
+
size: h = "m",
|
|
17
|
+
disabled: l = !1,
|
|
18
|
+
onChange: t
|
|
19
19
|
}) => {
|
|
20
|
-
const [o,
|
|
20
|
+
const [o, n] = d(s);
|
|
21
21
|
b(() => {
|
|
22
|
-
|
|
23
|
-
}, [
|
|
24
|
-
const
|
|
25
|
-
const
|
|
26
|
-
|
|
22
|
+
n(s);
|
|
23
|
+
}, [s]);
|
|
24
|
+
const _ = () => {
|
|
25
|
+
const x = !o;
|
|
26
|
+
n(x), t && t(x);
|
|
27
27
|
}, k = [
|
|
28
28
|
e.checkbox,
|
|
29
|
-
e[`checkbox-size-${
|
|
29
|
+
e[`checkbox-size-${h}`],
|
|
30
30
|
o && e.checked,
|
|
31
|
-
|
|
31
|
+
l && e.disabled
|
|
32
32
|
].filter(Boolean).join(" ");
|
|
33
|
-
return /* @__PURE__ */
|
|
33
|
+
return /* @__PURE__ */ c(
|
|
34
34
|
"div",
|
|
35
35
|
{
|
|
36
36
|
"data-testid": "checkbox",
|
|
37
37
|
className: k,
|
|
38
|
-
onClick:
|
|
39
|
-
children: o && /* @__PURE__ */
|
|
38
|
+
onClick: _,
|
|
39
|
+
children: o && /* @__PURE__ */ c("div", { className: e.noEvents, children: i })
|
|
40
40
|
}
|
|
41
41
|
);
|
|
42
42
|
};
|
|
43
43
|
export {
|
|
44
|
-
|
|
44
|
+
w as Checkbox
|
|
45
45
|
};
|
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import '../../styles/IconButton.css';const c = "
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import '../../styles/IconButton.css';const c = "_button_kvvl4_30", a = "_flexHorizontalCenter_kvvl4_184", t = {
|
|
3
3
|
button: c,
|
|
4
|
-
"button-round": "_button-
|
|
5
|
-
"button-primary": "_button-
|
|
6
|
-
"button-secondary": "_button-
|
|
7
|
-
"button-tertiary": "_button-
|
|
8
|
-
"button-ghost": "_button-
|
|
9
|
-
"button-icon": "_button-
|
|
10
|
-
"button-icon-selected": "_button-icon-
|
|
11
|
-
"button-error": "_button-
|
|
12
|
-
"button-size-xl": "_button-size-
|
|
13
|
-
"button-size-l": "_button-size-
|
|
14
|
-
"button-size-m": "_button-size-
|
|
15
|
-
"button-size-s": "_button-size-
|
|
16
|
-
"button-size-menu": "_button-size-
|
|
17
|
-
flexHorizontalCenter:
|
|
4
|
+
"button-round": "_button-round_kvvl4_58",
|
|
5
|
+
"button-primary": "_button-primary_kvvl4_61",
|
|
6
|
+
"button-secondary": "_button-secondary_kvvl4_75",
|
|
7
|
+
"button-tertiary": "_button-tertiary_kvvl4_91",
|
|
8
|
+
"button-ghost": "_button-ghost_kvvl4_107",
|
|
9
|
+
"button-icon": "_button-icon_kvvl4_123",
|
|
10
|
+
"button-icon-selected": "_button-icon-selected_kvvl4_135",
|
|
11
|
+
"button-error": "_button-error_kvvl4_144",
|
|
12
|
+
"button-size-xl": "_button-size-xl_kvvl4_157",
|
|
13
|
+
"button-size-l": "_button-size-l_kvvl4_162",
|
|
14
|
+
"button-size-m": "_button-size-m_kvvl4_167",
|
|
15
|
+
"button-size-s": "_button-size-s_kvvl4_172",
|
|
16
|
+
"button-size-menu": "_button-size-menu_kvvl4_177",
|
|
17
|
+
flexHorizontalCenter: a
|
|
18
18
|
}, z = ({
|
|
19
19
|
mode: o = "primary",
|
|
20
20
|
size: n = "m",
|
|
21
|
-
error:
|
|
22
|
-
selected:
|
|
23
|
-
round:
|
|
24
|
-
disabled:
|
|
25
|
-
children:
|
|
26
|
-
onClick:
|
|
21
|
+
error: e,
|
|
22
|
+
selected: _,
|
|
23
|
+
round: u,
|
|
24
|
+
disabled: r,
|
|
25
|
+
children: b,
|
|
26
|
+
onClick: l
|
|
27
27
|
}) => {
|
|
28
|
-
const s = () =>
|
|
28
|
+
const s = () => e ? "error" : o, v = [
|
|
29
29
|
t.button,
|
|
30
30
|
t[`button-${s()}`],
|
|
31
|
-
|
|
31
|
+
u && t["button-round"],
|
|
32
32
|
t[`button-size-${n}`],
|
|
33
|
-
|
|
33
|
+
_ && o === "icon" && t["button-icon-selected"],
|
|
34
34
|
t.flexHorizontalCenter
|
|
35
35
|
].filter(Boolean).join(" ");
|
|
36
|
-
return /* @__PURE__ */
|
|
36
|
+
return /* @__PURE__ */ i(
|
|
37
37
|
"button",
|
|
38
38
|
{
|
|
39
|
-
className:
|
|
40
|
-
onClick:
|
|
41
|
-
disabled:
|
|
42
|
-
children:
|
|
39
|
+
className: v,
|
|
40
|
+
onClick: l,
|
|
41
|
+
disabled: r,
|
|
42
|
+
children: b
|
|
43
43
|
}
|
|
44
44
|
);
|
|
45
45
|
};
|
|
@@ -1,42 +1,42 @@
|
|
|
1
1
|
import { jsxs as a, jsx as t, Fragment as c } from "react/jsx-runtime";
|
|
2
|
-
import { useState as p, useRef as
|
|
3
|
-
import '../../styles/Input.css';const
|
|
4
|
-
"input-style": "_input-
|
|
5
|
-
"input-style-disabled": "_input-style-
|
|
6
|
-
"input-style-focused": "_input-style-
|
|
7
|
-
"input-style-secondary": "_input-style-
|
|
8
|
-
"input-style-ghost": "_input-style-
|
|
9
|
-
"input-style-error": "_input-style-
|
|
10
|
-
"input-container": "_input-
|
|
11
|
-
"input-style-size-xl": "_input-style-size-
|
|
12
|
-
"input-style-size-l": "_input-style-size-
|
|
13
|
-
"input-style-size-m": "_input-style-size-
|
|
14
|
-
"input-style-size-s": "_input-style-size-
|
|
15
|
-
"input-style-radius": "_input-style-
|
|
16
|
-
flexHorizontalBetween:
|
|
2
|
+
import { useState as p, useRef as d } from "react";
|
|
3
|
+
import '../../styles/Input.css';const j = "_flexHorizontalBetween_84wd5_152", N = "_flexHorizontal_84wd5_152", e = {
|
|
4
|
+
"input-style": "_input-style_84wd5_47",
|
|
5
|
+
"input-style-disabled": "_input-style-disabled_84wd5_59",
|
|
6
|
+
"input-style-focused": "_input-style-focused_84wd5_70",
|
|
7
|
+
"input-style-secondary": "_input-style-secondary_84wd5_77",
|
|
8
|
+
"input-style-ghost": "_input-style-ghost_84wd5_91",
|
|
9
|
+
"input-style-error": "_input-style-error_84wd5_94",
|
|
10
|
+
"input-container": "_input-container_84wd5_104",
|
|
11
|
+
"input-style-size-xl": "_input-style-size-xl_84wd5_108",
|
|
12
|
+
"input-style-size-l": "_input-style-size-l_84wd5_118",
|
|
13
|
+
"input-style-size-m": "_input-style-size-m_84wd5_128",
|
|
14
|
+
"input-style-size-s": "_input-style-size-s_84wd5_138",
|
|
15
|
+
"input-style-radius": "_input-style-radius_84wd5_148",
|
|
16
|
+
flexHorizontalBetween: j,
|
|
17
17
|
flexHorizontal: N
|
|
18
18
|
}, R = ({
|
|
19
|
-
sizeStyle:
|
|
19
|
+
sizeStyle: _ = "m",
|
|
20
20
|
labelUnit: l,
|
|
21
21
|
status: n = "default",
|
|
22
22
|
childrenLeft: i,
|
|
23
23
|
childrenRight: o,
|
|
24
|
-
round:
|
|
24
|
+
round: y,
|
|
25
25
|
disabled: u,
|
|
26
|
-
defaultValue:
|
|
27
|
-
...
|
|
26
|
+
defaultValue: f,
|
|
27
|
+
...w
|
|
28
28
|
}) => {
|
|
29
|
-
const [
|
|
30
|
-
x(
|
|
29
|
+
const [z, r] = p(!1), [h, x] = p(f || ""), m = d(null), s = d(null), g = () => r(!0), B = () => r(!1), C = (F) => {
|
|
30
|
+
x(F.target.value);
|
|
31
31
|
}, H = () => {
|
|
32
32
|
s.current && s.current.focus();
|
|
33
33
|
}, S = [
|
|
34
34
|
e["input-style"],
|
|
35
|
-
e[`input-style-size-${
|
|
36
|
-
|
|
35
|
+
e[`input-style-size-${_}`],
|
|
36
|
+
y && e["input-style-radius"],
|
|
37
37
|
e.flexHorizontalBetween
|
|
38
38
|
].filter(Boolean).join(" "), v = [
|
|
39
|
-
|
|
39
|
+
z && e["input-style-focused"],
|
|
40
40
|
u && e["input-style-disabled"],
|
|
41
41
|
n === "secondary" && e["input-style-secondary"],
|
|
42
42
|
n === "ghost" && e["input-style-ghost"]
|
|
@@ -66,7 +66,7 @@ import '../../styles/Input.css';const F = "_flexHorizontalBetween_ez84j_145", N
|
|
|
66
66
|
value: h,
|
|
67
67
|
onChange: C,
|
|
68
68
|
ref: s,
|
|
69
|
-
...
|
|
69
|
+
...w
|
|
70
70
|
}
|
|
71
71
|
) }),
|
|
72
72
|
/* @__PURE__ */ a(c, { children: [
|
|
@@ -1,79 +1,79 @@
|
|
|
1
|
-
import { jsxs as u, jsx as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { Button as
|
|
1
|
+
import { jsxs as u, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { useState as f, useRef as N, useEffect as w } from "react";
|
|
3
|
+
import { Button as _ } from "../button/Button.js";
|
|
4
4
|
import '../../styles/Size.css';import '../../styles/index.css';import '../../styles/Select.css';/* empty css */
|
|
5
|
-
import { IconButton as
|
|
5
|
+
import { IconButton as S } from "../icon-button/IconButton.js";
|
|
6
6
|
import { Icon as i } from "../icon/Icon.js";
|
|
7
|
-
import { Modal as
|
|
7
|
+
import { Modal as g } from "../modal/Modal.js";
|
|
8
8
|
import "../theme/ThemeContext.js";
|
|
9
9
|
/* empty css */
|
|
10
|
-
const
|
|
11
|
-
selectContainer:
|
|
12
|
-
selected:
|
|
13
|
-
children:
|
|
14
|
-
active:
|
|
15
|
-
selectList:
|
|
16
|
-
modal:
|
|
17
|
-
dropdownFadeIn:
|
|
18
|
-
itemLabel:
|
|
19
|
-
}, K = ({ selected: a, size: s = "m", listItem:
|
|
20
|
-
const [n,
|
|
21
|
-
|
|
10
|
+
const R = "_selectContainer_1o5wx_54", y = "_selected_1o5wx_57", z = "_children_1o5wx_61", B = "_active_1o5wx_78", F = "_selectList_1o5wx_82", j = "_modal_1o5wx_91", U = "_dropdownFadeIn_1o5wx_1", $ = "_itemLabel_1o5wx_98", c = {
|
|
11
|
+
selectContainer: R,
|
|
12
|
+
selected: y,
|
|
13
|
+
children: z,
|
|
14
|
+
active: B,
|
|
15
|
+
selectList: F,
|
|
16
|
+
modal: j,
|
|
17
|
+
dropdownFadeIn: U,
|
|
18
|
+
itemLabel: $
|
|
19
|
+
}, K = ({ selected: a, size: s = "m", listItem: h, modeDisplay: r = "all", onSelect: p, positionOverride: d }) => {
|
|
20
|
+
const [n, l] = f(!1), C = N(null), [x, L] = f({ top: "calc(100% + 6px)" }), v = a ?? h[0], [t, b] = f(v);
|
|
21
|
+
w(() => {
|
|
22
22
|
a && b(a);
|
|
23
|
-
}, [a]),
|
|
23
|
+
}, [a]), w(() => {
|
|
24
24
|
d && L(d);
|
|
25
25
|
}, [d]);
|
|
26
|
-
const
|
|
27
|
-
b(e),
|
|
28
|
-
},
|
|
26
|
+
const I = (e) => {
|
|
27
|
+
b(e), l(!1), p && p(e);
|
|
28
|
+
}, k = () => {
|
|
29
29
|
const e = !!t.icon, m = !!t.label;
|
|
30
|
-
return t.icon && r === "icon" && e ? /* @__PURE__ */
|
|
31
|
-
|
|
30
|
+
return t.icon && r === "icon" && e ? /* @__PURE__ */ o(S, { mode: "tertiary", size: s ?? "m", onClick: () => l(!n), children: /* @__PURE__ */ o(i, { icon: t.icon }) }) : t.label && r === "text" && m ? /* @__PURE__ */ o(
|
|
31
|
+
_,
|
|
32
32
|
{
|
|
33
33
|
mode: "tertiary",
|
|
34
34
|
label: t.label,
|
|
35
|
-
childrenRight: /* @__PURE__ */
|
|
35
|
+
childrenRight: /* @__PURE__ */ o(i, { icon: n ? "CaretUp" : "CaretDown", size: 14, weight: "bold" }),
|
|
36
36
|
size: s ?? "m",
|
|
37
|
-
onClick: () =>
|
|
37
|
+
onClick: () => l(!n)
|
|
38
38
|
}
|
|
39
|
-
) : t.label && t.icon && r === "all" && (e || m) ? /* @__PURE__ */
|
|
40
|
-
|
|
39
|
+
) : t.label && t.icon && r === "all" && (e || m) ? /* @__PURE__ */ o(
|
|
40
|
+
_,
|
|
41
41
|
{
|
|
42
42
|
mode: "tertiary",
|
|
43
43
|
label: m ? t.label : "",
|
|
44
44
|
size: s ?? "m",
|
|
45
|
-
childrenLeft: e && /* @__PURE__ */
|
|
46
|
-
childrenRight: /* @__PURE__ */
|
|
47
|
-
onClick: () =>
|
|
45
|
+
childrenLeft: e && /* @__PURE__ */ o(i, { icon: t.icon }),
|
|
46
|
+
childrenRight: /* @__PURE__ */ o(i, { icon: n ? "CaretUp" : "CaretDown", size: 14, weight: "bold" }),
|
|
47
|
+
onClick: () => l(!n)
|
|
48
48
|
}
|
|
49
|
-
) : /* @__PURE__ */
|
|
50
|
-
|
|
49
|
+
) : /* @__PURE__ */ o(
|
|
50
|
+
_,
|
|
51
51
|
{
|
|
52
52
|
mode: "tertiary",
|
|
53
53
|
label: "Sélectionner",
|
|
54
54
|
size: s ?? "m",
|
|
55
|
-
onClick: () =>
|
|
55
|
+
onClick: () => l(!n)
|
|
56
56
|
}
|
|
57
57
|
);
|
|
58
58
|
};
|
|
59
59
|
return /* @__PURE__ */ u("div", { className: c.selectContainer, children: [
|
|
60
|
-
|
|
61
|
-
/* @__PURE__ */
|
|
62
|
-
|
|
60
|
+
k(),
|
|
61
|
+
/* @__PURE__ */ o(
|
|
62
|
+
g,
|
|
63
63
|
{
|
|
64
|
-
ref:
|
|
64
|
+
ref: C,
|
|
65
65
|
open: n,
|
|
66
|
-
onClose: () =>
|
|
66
|
+
onClose: () => l(!1),
|
|
67
67
|
className: c.modal,
|
|
68
|
-
position:
|
|
69
|
-
children: /* @__PURE__ */
|
|
68
|
+
position: x,
|
|
69
|
+
children: /* @__PURE__ */ o("div", { className: c.selectList, children: h.map((e) => /* @__PURE__ */ u(
|
|
70
70
|
"div",
|
|
71
71
|
{
|
|
72
72
|
className: `${c.children} ${e.value === t.value ? c.active : ""}`,
|
|
73
|
-
onClick: () =>
|
|
73
|
+
onClick: () => I(e),
|
|
74
74
|
children: [
|
|
75
|
-
e.icon && /* @__PURE__ */
|
|
76
|
-
e.label && /* @__PURE__ */
|
|
75
|
+
e.icon && /* @__PURE__ */ o(i, { icon: e.icon }),
|
|
76
|
+
e.label && /* @__PURE__ */ o("div", { className: c.itemLabel, children: e.label })
|
|
77
77
|
]
|
|
78
78
|
},
|
|
79
79
|
e.value
|
|
@@ -1,57 +1,57 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as u, useRef as s, useLayoutEffect as
|
|
1
|
+
import { jsxs as $, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { useState as u, useRef as s, useLayoutEffect as C } from "react";
|
|
3
3
|
import '../../styles/index.css';import '../../styles/Tabs.css';/* empty css */
|
|
4
|
-
import { Button as
|
|
5
|
-
import { IconButton as
|
|
6
|
-
const
|
|
7
|
-
"tab-container": "_tab-
|
|
8
|
-
"tab-container-button": "_tab-container-
|
|
9
|
-
"tab-container-icon": "_tab-container-
|
|
10
|
-
"tab-container-text": "_tab-container-
|
|
11
|
-
"tab-items": "_tab-
|
|
12
|
-
"tab-items-button": "_tab-items-
|
|
13
|
-
"tab-full-width": "_tab-full-
|
|
14
|
-
"selected-button": "_selected-
|
|
15
|
-
"selected-text": "_selected-
|
|
16
|
-
underline:
|
|
17
|
-
"flexHorizontal-center": "_flexHorizontal-
|
|
18
|
-
"flexHorizontal-left": "_flexHorizontal-
|
|
19
|
-
"flexHorizontal-right": "_flexHorizontal-
|
|
4
|
+
import { Button as N } from "../button/Button.js";
|
|
5
|
+
import { IconButton as p } from "../icon-button/IconButton.js";
|
|
6
|
+
const w = "_underline_6o3gh_70", n = {
|
|
7
|
+
"tab-container": "_tab-container_6o3gh_30",
|
|
8
|
+
"tab-container-button": "_tab-container-button_6o3gh_34",
|
|
9
|
+
"tab-container-icon": "_tab-container-icon_6o3gh_39",
|
|
10
|
+
"tab-container-text": "_tab-container-text_6o3gh_39",
|
|
11
|
+
"tab-items": "_tab-items_6o3gh_42",
|
|
12
|
+
"tab-items-button": "_tab-items-button_6o3gh_46",
|
|
13
|
+
"tab-full-width": "_tab-full-width_6o3gh_51",
|
|
14
|
+
"selected-button": "_selected-button_6o3gh_57",
|
|
15
|
+
"selected-text": "_selected-text_6o3gh_63",
|
|
16
|
+
underline: w,
|
|
17
|
+
"flexHorizontal-center": "_flexHorizontal-center_6o3gh_78",
|
|
18
|
+
"flexHorizontal-left": "_flexHorizontal-left_6o3gh_84",
|
|
19
|
+
"flexHorizontal-right": "_flexHorizontal-right_6o3gh_90"
|
|
20
20
|
}, A = ({
|
|
21
21
|
listItems: i,
|
|
22
22
|
type: o,
|
|
23
23
|
onTabSelect: f,
|
|
24
24
|
defaultActiveTab: d = 0,
|
|
25
|
-
position:
|
|
26
|
-
fullWidth:
|
|
25
|
+
position: h = "left",
|
|
26
|
+
fullWidth: m = !1
|
|
27
27
|
}) => {
|
|
28
|
-
const [l,
|
|
29
|
-
|
|
30
|
-
},
|
|
28
|
+
const [l, g] = u(d), [x, z] = u({}), c = s(null), v = s(null), _ = s([]), b = (t) => {
|
|
29
|
+
g(t), f(i[t]);
|
|
30
|
+
}, R = (t) => {
|
|
31
31
|
if (c.current && t) {
|
|
32
32
|
const e = t.getBoundingClientRect(), r = c.current.getBoundingClientRect();
|
|
33
|
-
|
|
33
|
+
z({
|
|
34
34
|
left: `${e.left - r.left}px`,
|
|
35
35
|
width: `${e.width}px`
|
|
36
36
|
});
|
|
37
37
|
}
|
|
38
|
-
},
|
|
39
|
-
n[`flexHorizontal-${
|
|
38
|
+
}, H = [
|
|
39
|
+
n[`flexHorizontal-${h}`],
|
|
40
40
|
o === "button" ? n["tab-items-button"] : n["tab-items"]
|
|
41
41
|
].filter(Boolean).join(" ");
|
|
42
|
-
return
|
|
42
|
+
return C(() => {
|
|
43
43
|
const t = _.current[l];
|
|
44
44
|
t && requestAnimationFrame(() => {
|
|
45
|
-
|
|
45
|
+
R(t);
|
|
46
46
|
});
|
|
47
|
-
}, [l, i.length]), /* @__PURE__ */
|
|
48
|
-
/* @__PURE__ */ a("div", { className:
|
|
47
|
+
}, [l, i.length]), /* @__PURE__ */ $("div", { className: `tab ${n["tab-container"]} ${n[`tab-container-${o}`]} ${m && n["tab-full-width"]}`, ref: c, children: [
|
|
48
|
+
/* @__PURE__ */ a("div", { className: H, children: i.map((t, e) => /* @__PURE__ */ a(
|
|
49
49
|
"div",
|
|
50
50
|
{
|
|
51
51
|
ref: (r) => _.current[e] = r,
|
|
52
52
|
className: o === "button" && e === l ? n["selected-button"] : "",
|
|
53
53
|
children: o === "icon" ? /* @__PURE__ */ a(
|
|
54
|
-
|
|
54
|
+
p,
|
|
55
55
|
{
|
|
56
56
|
mode: "icon",
|
|
57
57
|
size: "s",
|
|
@@ -60,7 +60,7 @@ const p = "_underline_1twz4_63", n = {
|
|
|
60
60
|
children: t
|
|
61
61
|
}
|
|
62
62
|
) : /* @__PURE__ */ a("div", { className: e === l ? n["selected-text"] : void 0, children: /* @__PURE__ */ a(
|
|
63
|
-
|
|
63
|
+
N,
|
|
64
64
|
{
|
|
65
65
|
size: "s",
|
|
66
66
|
label: t,
|
|
@@ -72,7 +72,7 @@ const p = "_underline_1twz4_63", n = {
|
|
|
72
72
|
},
|
|
73
73
|
e
|
|
74
74
|
)) }),
|
|
75
|
-
o !== "button" && /* @__PURE__ */ a("div", { ref:
|
|
75
|
+
o !== "button" && /* @__PURE__ */ a("div", { ref: v, className: n.underline, style: x })
|
|
76
76
|
] });
|
|
77
77
|
};
|
|
78
78
|
export {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import '../../styles/TagCounter.css';const t = {
|
|
3
|
-
"tag-counter": "_tag-
|
|
4
|
-
"tag-counter-size-xl": "_tag-counter-size-
|
|
5
|
-
"tag-counter-size-l": "_tag-counter-size-
|
|
6
|
-
"tag-counter-size-m": "_tag-counter-size-
|
|
7
|
-
"tag-counter-size-s": "_tag-counter-size-
|
|
8
|
-
},
|
|
3
|
+
"tag-counter": "_tag-counter_m8zlu_30",
|
|
4
|
+
"tag-counter-size-xl": "_tag-counter-size-xl_m8zlu_41",
|
|
5
|
+
"tag-counter-size-l": "_tag-counter-size-l_m8zlu_48",
|
|
6
|
+
"tag-counter-size-m": "_tag-counter-size-m_m8zlu_55",
|
|
7
|
+
"tag-counter-size-s": "_tag-counter-size-s_m8zlu_62"
|
|
8
|
+
}, u = ({ label: e, size: o = "m" }) => {
|
|
9
9
|
const s = [
|
|
10
10
|
t["tag-counter"],
|
|
11
11
|
t[`tag-counter-size-${o}`]
|
|
@@ -13,5 +13,5 @@ import '../../styles/TagCounter.css';const t = {
|
|
|
13
13
|
return /* @__PURE__ */ n("div", { className: s, children: e });
|
|
14
14
|
};
|
|
15
15
|
export {
|
|
16
|
-
|
|
16
|
+
u as TagCounter
|
|
17
17
|
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsxs as g, jsx as d } from "react/jsx-runtime";
|
|
2
|
-
import { useState as
|
|
3
|
-
import '../../styles/Tooltip.css';const
|
|
4
|
-
"tooltip-container": "_tooltip-
|
|
5
|
-
tooltip:
|
|
6
|
-
}, _ = ({ children: l, content:
|
|
7
|
-
const [p, o] =
|
|
2
|
+
import { useState as h } from "react";
|
|
3
|
+
import '../../styles/Tooltip.css';const y = "_tooltip_7qhvn_30", s = {
|
|
4
|
+
"tooltip-container": "_tooltip-container_7qhvn_30",
|
|
5
|
+
tooltip: y
|
|
6
|
+
}, _ = ({ children: l, content: n, position: a = "top", gap: i = "xs-5", padding: r = "xs-5" }) => {
|
|
7
|
+
const [p, o] = h(!1), c = [
|
|
8
8
|
s.tooltip,
|
|
9
9
|
"labelMedium",
|
|
10
10
|
"fontWeight-600"
|
|
11
11
|
].filter(Boolean).join(" "), m = {
|
|
12
|
-
"--dynamic-gap": `var(--spacing-${
|
|
12
|
+
"--dynamic-gap": `var(--spacing-${i})`,
|
|
13
13
|
"--dynamic-padding": `var(--spacing-${r})`
|
|
14
14
|
}, f = () => {
|
|
15
15
|
const t = "calc(100% + var(--dynamic-gap))", e = {
|
|
@@ -22,7 +22,7 @@ import '../../styles/Tooltip.css';const b = "_tooltip_18mam_23", s = {
|
|
|
22
22
|
left: { top: "50%", right: t, transform: "translateY(-50%)" },
|
|
23
23
|
right: { top: "50%", left: t, transform: "translateY(-50%)" }
|
|
24
24
|
};
|
|
25
|
-
return { ...e[
|
|
25
|
+
return { ...e[a] || e.top };
|
|
26
26
|
};
|
|
27
27
|
return /* @__PURE__ */ g(
|
|
28
28
|
"div",
|
|
@@ -33,7 +33,7 @@ import '../../styles/Tooltip.css';const b = "_tooltip_18mam_23", s = {
|
|
|
33
33
|
onMouseLeave: () => o(!1),
|
|
34
34
|
children: [
|
|
35
35
|
l,
|
|
36
|
-
p && /* @__PURE__ */ d("div", { className: c, style: f(), children:
|
|
36
|
+
p && /* @__PURE__ */ d("div", { className: c, style: f(), children: n })
|
|
37
37
|
]
|
|
38
38
|
}
|
|
39
39
|
);
|
package/dist/styles/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_mzv5s_30{font-family:var(--font-family);font-weight:500;font-style:normal;line-height:1.25rem;border:0;cursor:pointer;width:fit-content}._button_mzv5s_30:focus-visible{outline:2px solid var(--button-focus-mode);outline-offset:2px}._button_mzv5s_30:disabled{background:var(--button-primary-disabled-background);color:var(--button-primary-disabled-text);border:1px solid var(--button-primary-disabled-border);cursor:initial;pointer-events:none}._button_mzv5s_30:disabled *{fill:var(--button-primary-disabled-text)}._button-primary_mzv5s_54{color:var(--button-primary-default-text);background:var(--button-primary-default-background)}._button-primary_mzv5s_54:hover{background:var(--button-primary-hover-background)}._button-primary_mzv5s_54:active{background:var(--button-primary-pressed-background);outline:none}._button-primary_mzv5s_54 *{fill:var(--button-primary-default-text)}._button-secondary_mzv5s_68{color:var(--button-secondary-default-text);border:1px solid var(--button-secondary-default-border);background:var(--button-secondary-default-background)}._button-secondary_mzv5s_68:hover{border:1px solid var(--button-secondary-hover-border);background:var(--button-secondary-hover-background)}._button-secondary_mzv5s_68:active{border:1px solid var(--button-secondary-pressed-border);background:var(--button-secondary-pressed-background)}._button-secondary_mzv5s_68 *{fill:var(--button-secondary-default-text)}._button-tertiary_mzv5s_84{color:var(--button-tertiary-default-text);background-color:transparent;border:1px solid var(--button-tertiary-default-border)}._button-tertiary_mzv5s_84:hover{border:1px solid var(--button-tertiary-hover-border);background:var(--button-tertiary-hover-background)}._button-tertiary_mzv5s_84:active{border:1px solid var(--button-tertiary-pressed-border);background:var(--button-tertiary-pressed-background)}._button-tertiary_mzv5s_84 *{fill:var(--button-tertiary-default-text)}._button-ghost_mzv5s_100{color:var(--button-ghost-default-text);background-color:transparent}._button-ghost_mzv5s_100:hover{background:var(--button-ghost-hover-background)}._button-ghost_mzv5s_100:active{background-color:var(--button-ghost-pressed-background)}._button-ghost_mzv5s_100:disabled{border:none}._button-ghost_mzv5s_100 *{fill:var(--button-ghost-default-text)}._button-text_mzv5s_116{color:var(--text-button-inactive-text);background-color:transparent;padding:0!important}._button-text_mzv5s_116:hover{color:var(--text-button-inactive-hover-text)}._button-text_mzv5s_116:disabled{border:none;background-color:transparent;color:var(--text-button-disabled-text)}._button-text-selected_mzv5s_129,._button-text-selected_mzv5s_129:hover{color:var(--text-button-active-text)}._button-error_mzv5s_135{color:var(--button-destructive-default-text);background:var(--button-destructive-default-background)}._button-error_mzv5s_135:hover{background:var(--button-destructive-hover-background)}._button-error_mzv5s_135:active{background:var(--button-destructive-pressed-background)}._button-error_mzv5s_135 *{fill:var(--button-destructive-default-text)}._button-size-xl_mzv5s_148{padding:1rem 2rem;font-size:1.125em;line-height:28px;border-radius:8px}._button-size-l_mzv5s_154{padding:.75rem 1.5rem;font-size:1em;line-height:24px;border-radius:8px}._button-size-m_mzv5s_160{padding:.5rem 1rem;font-size:.875em;line-height:22px;border-radius:4px}._button-size-s_mzv5s_166{padding:.375rem .75rem;font-size:.875em;line-height:16px;border-radius:4px}._button-size-menu_mzv5s_172{padding:.5rem;font-size:1em;line-height:24px;border-radius:4px}._button-gap-menu_mzv5s_178{gap:.5rem}._button-gap-xl_mzv5s_181{gap:12px}._button-gap-l_mzv5s_184{gap:8px}._button-gap-m_mzv5s_178,._button-gap-s_mzv5s_187{gap:4px}._flexHorizontalCenter_mzv5s_191{display:flex;justify-content:center;align-items:center;flex-direction:row}
|
package/dist/styles/Checkbox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._checkbox_xotn5_30{cursor:pointer;display:flex;align-items:center;justify-content:center;border:1px solid var(--checkbox-default-uncoched-default-stroke)}._checkbox_xotn5_30._checked_xotn5_37{background-color:var(--checkbox-default-coched-default-background)}._checkbox_xotn5_30._checked_xotn5_37 *{fill:var(--checkbox-default-coched-default-coche)}._checkbox_xotn5_30._disabled_xotn5_43{border:1px solid var(--checkbox-disabled-uncoched-default-hover-stroke);pointer-events:none}._checkbox_xotn5_30._disabled_xotn5_43._checked_xotn5_37{border:1px solid transparent;background-color:var(--checkbox-disabled-coched-default-hover-background)}._checkbox_xotn5_30 ._noEvents_xotn5_51{pointer-events:none}._checkbox-size-xs_xotn5_54{width:8px;height:8px;border-radius:.125rem}._checkbox-size-s_xotn5_59{width:10px;height:10px;border-radius:.063rem}._checkbox-size-m_xotn5_64{width:12px;height:12px;border-radius:.125rem}._checkbox-size-l_xotn5_69{width:14px;height:14px;border-radius:.125rem}._checkbox-size-xl_xotn5_74{width:16px;height:16px;border-radius:.125rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_kvvl4_30{font-family:var(--font-family);font-weight:500;border:0;cursor:pointer;line-height:1;display:inline-flex;justify-content:center;align-items:center;min-width:12px;min-height:12px;aspect-ratio:1/1}._button_kvvl4_30:focus-visible{outline:2px solid var(--button-focus-mode);outline-offset:2px}._button_kvvl4_30:disabled{background:var(--button-primary-disabled-background);color:var(--button-primary-disabled-text);border:1px solid var(--button-primary-disabled-border);cursor:initial;pointer-events:none}._button_kvvl4_30:disabled *{fill:var(--button-primary-disabled-text)}._button-round_kvvl4_58._button_kvvl4_30{border-radius:50%}._button-primary_kvvl4_61{color:var(--button-primary-default-text);background:var(--button-primary-default-background)}._button-primary_kvvl4_61:hover{background:var(--button-primary-hover-background)}._button-primary_kvvl4_61:active{background:var(--button-primary-pressed-background);outline:none}._button-primary_kvvl4_61 *{fill:var(--button-primary-default-text)}._button-secondary_kvvl4_75{color:var(--button-secondary-default-text);border:1px solid var(--button-secondary-default-border);background:var(--button-secondary-default-background)}._button-secondary_kvvl4_75:hover{border:1px solid var(--button-secondary-hover-border);background:var(--button-secondary-hover-background)}._button-secondary_kvvl4_75:active{border:1px solid var(--button-secondary-pressed-border);background:var(--button-secondary-pressed-background)}._button-secondary_kvvl4_75 *{fill:var(--button-secondary-default-text)}._button-tertiary_kvvl4_91{color:var(--button-tertiary-default-text);background-color:transparent;border:1px solid var(--button-tertiary-default-border)}._button-tertiary_kvvl4_91:hover{border:1px solid var(--button-tertiary-hover-border);background:var(--button-tertiary-hover-background)}._button-tertiary_kvvl4_91:active{border:1px solid var(--button-tertiary-pressed-border);background:var(--button-tertiary-pressed-background)}._button-tertiary_kvvl4_91 *{fill:var(--button-tertiary-default-text)}._button-ghost_kvvl4_107{color:var(--button-ghost-default-text);background-color:transparent}._button-ghost_kvvl4_107:hover{background:var(--button-ghost-hover-background)}._button-ghost_kvvl4_107:active{background-color:var(--button-ghost-pressed-background)}._button-ghost_kvvl4_107:disabled{border:none}._button-ghost_kvvl4_107 *{fill:var(--button-ghost-default-text)}._button-icon_kvvl4_123{fill:var(--text-button-inactive-text);background-color:transparent}._button-icon_kvvl4_123:hover{fill:var(--text-button-inactive-hover-text)}._button-icon_kvvl4_123:disabled{border:none;background-color:transparent;fill:var(--text-button-disabled-text)}._button-icon-selected_kvvl4_135,._button-icon-selected_kvvl4_135:hover{fill:var(--text-button-active-text)}._button-icon_kvvl4_123 svg{fill:inherit}._button-error_kvvl4_144{fill:var(--button-destructive-default-text);background:var(--button-destructive-default-background)}._button-error_kvvl4_144:hover{background:var(--button-destructive-hover-background)}._button-error_kvvl4_144:active{background:var(--button-destructive-pressed-background)}._button-error_kvvl4_144 *{fill:var(--button-destructive-default-text)}._button-size-xl_kvvl4_157{border-radius:.5rem;padding:1rem;font-size:1.125em}._button-size-l_kvvl4_162{border-radius:.5rem;padding:.75rem;font-size:1em}._button-size-m_kvvl4_167{border-radius:.25rem;padding:.5rem;font-size:.875em}._button-size-s_kvvl4_172{border-radius:.25rem;padding:.375rem;font-size:.875em}._button-size-menu_kvvl4_177{padding:.5rem;font-size:1em;line-height:24px;border-radius:4px}._flexHorizontalCenter_kvvl4_184{display:flex;justify-content:center;align-items:center;flex-direction:row}
|
package/dist/styles/Input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
input{font-family:Urbanist,sans-serif;border:none;background-color:transparent;width:100%}input:focus{outline:none;box-shadow:none;border-color:transparent}input::placeholder{font-family:Urbanist,sans-serif;color:var(--input-primary-default-text)}._input-
|
|
1
|
+
input{font-family:Urbanist,sans-serif;border:none;background-color:transparent;width:100%}input:focus{outline:none;box-shadow:none;border-color:transparent}input::placeholder{font-family:Urbanist,sans-serif;color:var(--input-primary-default-text)}._input-style_84wd5_47{font-family:Urbanist,sans-serif;border:1px solid var(--input-primary-default-border);color:var(--input-primary-default-text)}._input-style_84wd5_47 input{color:var(--input-primary-actived-text)}._input-style_84wd5_47 *{fill:var(--input-primary-default-icons)}._input-style-disabled_84wd5_59{background-color:#0000000d;border-color:var(--input-primary-disabled-border);pointer-events:none}._input-style-disabled_84wd5_59 input{color:var(--input-primary-disabled-text)}._input-style-disabled_84wd5_59 *{fill:var(--input-primary-disabled-icons)}._input-style-focused_84wd5_70{color:var(--input-primary-actived-text);border-color:var(--input-primary-actived-border)}._input-style-focused_84wd5_70 *{fill:var(--icon-selector-button-default-icon)}._input-style-secondary_84wd5_77{color:var(--input-secondary-default-text);border:1px solid var(--input-secondary-default-border);background:var(--input-secondary-default-background)}._input-style-secondary_84wd5_77 input{color:var(--input-primary-actived-text)}._input-style-secondary_84wd5_77 input::placeholder{color:var(--input-secondary-default-text)}._input-style-secondary_84wd5_77 *{fill:var(--input-secondary-default-icons)}._input-style-ghost_84wd5_91{border:none}._input-style-error_84wd5_94{border-color:var(--input-primary-error-border);color:var(--input-primary-error-text)}._input-style-error_84wd5_94 input::placeholder{color:var(--input-primary-error-text)}._input-style-error_84wd5_94 *{fill:var(--input-primary-error-icons)}._input-style_84wd5_47 ._input-container_84wd5_104{position:relative;width:100%}._input-style-size-xl_84wd5_108{padding:1rem;font-size:1.125em;line-height:28px;border-radius:8px;gap:.625rem}._input-style-size-xl_84wd5_108 input{line-height:28px}._input-style-size-l_84wd5_118{padding:.75rem;font-size:1em;line-height:24px;border-radius:8px;gap:.5rem}._input-style-size-l_84wd5_118 input{line-height:24px}._input-style-size-m_84wd5_128{padding:.5rem;font-size:.875em;line-height:20px;border-radius:4px;gap:.375rem}._input-style-size-m_84wd5_128 input{line-height:20px}._input-style-size-s_84wd5_138{padding:.375rem;font-size:.875em;line-height:16px;border-radius:4px;gap:.25rem}._input-style-size-s_84wd5_138 input{line-height:16px}._input-style-radius_84wd5_148{border-radius:50px}._flexHorizontalBetween_84wd5_152{display:flex;justify-content:space-between;align-items:center;flex-direction:row}._flexHorizontal_84wd5_152{display:flex;justify-content:flex-start;align-items:center;flex-direction:row}
|
package/dist/styles/Select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._selectContainer_1o5wx_54{position:relative}._selectContainer_1o5wx_54 ._selected_1o5wx_57{background:var(--button-tertiary-pressed-background);border-radius:var(--spacing-xs-6)}._selectContainer_1o5wx_54 ._children_1o5wx_61{padding:var(--spacing-xs-6) var(--spacing-xs-5);box-sizing:border-box;width:100%;gap:.5rem;cursor:pointer;font-style:normal;line-height:1.25rem;display:flex;justify-content:flex-start;align-items:center;flex-direction:row}._selectContainer_1o5wx_54 ._children_1o5wx_61:hover{background:var(--dropdown-line-background-hover);border-radius:var(--spacing-xs-6)}._selectContainer_1o5wx_54 ._children_1o5wx_61._active_1o5wx_78{background:var(--button-tertiary-pressed-background);border-radius:var(--spacing-xs-6)}._selectContainer_1o5wx_54 ._selectList_1o5wx_82{max-height:200px;overflow-y:auto;gap:.125rem;display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column}._selectContainer_1o5wx_54 ._modal_1o5wx_91{box-shadow:0 4px 4px 0 var(--shadow-color-lowest);border-radius:4px;padding:.25rem;animation:_dropdownFadeIn_1o5wx_1 .2s ease-out;transform-origin:top left}._selectContainer_1o5wx_54 ._itemLabel_1o5wx_98{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes _dropdownFadeIn_1o5wx_1{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
|
package/dist/styles/Tabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._tab-
|
|
1
|
+
._tab-container_6o3gh_30{position:relative;line-height:1.25rem}._tab-container-button_6o3gh_34{border-radius:.375rem;border:1px solid var(--tabs-button-border);background:var(--tabs-button-background)}._tab-container-icon_6o3gh_39,._tab-container-text_6o3gh_39{border-bottom:1px solid var(--tabs-line-border)}._tab-items_6o3gh_42{gap:2.25rem;padding:.625rem .125rem}._tab-items-button_6o3gh_46{gap:.25rem;padding:.125rem}._tab-full-width_6o3gh_51{width:100%;display:flex;justify-content:center}._selected-button_6o3gh_57{border:1px solid var(--button-tertiary-default-border);background:var(--tabs-button-background-button);border-radius:.25rem}._selected-text_6o3gh_63>button{font-weight:600!important}._selected-text_6o3gh_63>button:hover{background-color:transparent!important}._underline_6o3gh_70{position:absolute;bottom:0;height:2px;background-color:var(--tabs-cell-active-border);transition:all .3s ease}._flexHorizontal-center_6o3gh_78{display:flex;justify-content:center;align-items:center;flex-direction:row}._flexHorizontal-left_6o3gh_84{display:flex;justify-content:flex-start;align-items:center;flex-direction:row}._flexHorizontal-right_6o3gh_90{display:flex;justify-content:flex-end;align-items:center;flex-direction:row}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._tag-
|
|
1
|
+
._tag-counter_m8zlu_30{color:var(--tags-filter-def-hov-press-text);background:var(--tags-filter-def-hov-press-background);width:fit-content;display:flex;justify-content:center;align-items:center;padding:.25rem;box-sizing:border-box}._tag-counter-size-xl_m8zlu_41{border-radius:.25rem;font-size:1.125em;line-height:1.75rem;min-width:1.75rem;height:1.75rem}._tag-counter-size-l_m8zlu_48{border-radius:.25rem;font-size:1em;line-height:1.5rem;min-width:1.5rem;height:1.5rem}._tag-counter-size-m_m8zlu_55{border-radius:.125rem;font-size:.875em;line-height:1.25rem;min-width:1.25rem;height:1.25rem}._tag-counter-size-s_m8zlu_62{border-radius:.125rem;font-size:.75em;line-height:1rem;min-width:1rem;height:1rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--color-light-05: rgba(255, 255, 255, .05);--color-light-10: rgba(255, 255, 255, .1);--color-light-20: rgba(255, 255, 255, .2);--color-light-30: rgba(255, 255, 255, .3);--color-light-40: rgba(255, 255, 255, .4);--color-light-50: rgba(255, 255, 255, .5);--color-light-60: rgba(255, 255, 255, .6);--color-light-70: rgba(255, 255, 255, .7);--color-light-80: rgba(255, 255, 255, .8);--color-light-90: rgba(255, 255, 255, .9);--color-light-100: #FFF;--color-dark-05: rgba(15, 15, 15, .05);--color-dark-10: rgba(15, 15, 15, .1);--color-dark-20: rgba(15, 15, 15, .2);--color-dark-30: rgba(15, 15, 15, .3);--color-dark-40: rgba(15, 15, 15, .4);--color-dark-50: rgba(15, 15, 15, .5);--color-dark-60: rgba(15, 15, 15, .6);--color-dark-70: rgba(15, 15, 15, .7);--color-dark-80: rgba(15, 15, 15, .8);--color-dark-90: rgba(15, 15, 15, .9);--color-dark-100: #09090B;--color-
|
|
1
|
+
:root{--color-light-05: rgba(255, 255, 255, .05);--color-light-10: rgba(255, 255, 255, .1);--color-light-20: rgba(255, 255, 255, .2);--color-light-30: rgba(255, 255, 255, .3);--color-light-40: rgba(255, 255, 255, .4);--color-light-50: rgba(255, 255, 255, .5);--color-light-60: rgba(255, 255, 255, .6);--color-light-70: rgba(255, 255, 255, .7);--color-light-80: rgba(255, 255, 255, .8);--color-light-90: rgba(255, 255, 255, .9);--color-light-100: #FFF;--color-dark-05: rgba(15, 15, 15, .05);--color-dark-10: rgba(15, 15, 15, .1);--color-dark-20: rgba(15, 15, 15, .2);--color-dark-30: rgba(15, 15, 15, .3);--color-dark-40: rgba(15, 15, 15, .4);--color-dark-50: rgba(15, 15, 15, .5);--color-dark-60: rgba(15, 15, 15, .6);--color-dark-70: rgba(15, 15, 15, .7);--color-dark-80: rgba(15, 15, 15, .8);--color-dark-90: rgba(15, 15, 15, .9);--color-dark-100: #09090B;--color-gray-50: #FAFAFA;--color-gray-100: #E7E7E7;--color-gray-200: #D1D1D1;--color-gray-300: #B0B0B0;--color-gray-400: #888888;--color-gray-500: #6D6D6D;--color-gray-600: #5D5D5D;--color-gray-700: #4F4F4F;--color-gray-800: #454545;--color-gray-900: #3D3D3D;--color-gray-950: #0F0F0F;--color-blue-grey-50: #F4F6F7;--color-blue-grey-100: #E3E8EA;--color-blue-grey-200: #CAD3D7;--color-blue-grey-300: #A5B4BB;--color-blue-grey-400: #788D98;--color-blue-grey-500: #55626C;--color-blue-grey-600: #49565F;--color-blue-grey-700: #445058;--color-blue-grey-800: #3A4047;--color-blue-grey-900: #2B3137;--color-blue-grey-950: #24292E;--color-blue-50: #F5F8FE;--color-blue-100: #EFF4FD;--color-blue-200: #EAF0FC;--color-blue-300: #E0E9FA;--color-blue-400: #D5E1F8;--color-blue-500: #CBDAF7;--color-blue-600: #C0D2F5;--color-blue-700: #B6CBF4;--color-blue-800: #ABC3F1;--color-blue-900: #A1BCF0;--color-blue-950: #24292E;--color-blue-sky-50: #F5F8FE;--color-blue-sky-100: #EFF4FD;--color-blue-sky-200: #EAF0FC;--color-blue-sky-300: #E0E9FA;--color-blue-sky-400: #D5E1F8;--color-blue-sky-500: #CBDAF7;--color-blue-sky-600: #C0D2F5;--color-blue-sky-700: #B6CBF4;--color-blue-sky-800: #ABC3F1;--color-blue-sky-900: #A1BCF0;--color-blue-sky-950: #96B4EE;--color-blue-dark-50: #294266;--color-blue-dark-100: #354E76;--color-blue-dark-200: #415B84;--color-blue-dark-300: #4D6893;--color-blue-dark-400: #5A75A3;--color-blue-dark-500: #6681B2;--color-blue-dark-600: #728EC1;--color-blue-dark-700: #728EC1;--color-blue-dark-800: #ABC3F1;--color-blue-dark-900: #A1BCF0;--color-blue-dark-950: #96B4EE;--color-blue-situaction-50: #EFF8FF;--color-blue-situaction-100: #DFF1FF;--color-blue-situaction-200: #C3E9FD;--color-blue-situaction-300: #7ED3FB;--color-blue-situaction-400: #31B7FF;--color-blue-situaction-500: #069DEF;--color-blue-situaction-600: #007DCE;--color-blue-situaction-700: #02548A;--color-blue-situaction-800: #1F416D;--color-blue-situaction-900: #1D3557;--color-blue-situaction-950: #14243D;--color-purple-50: #F1F2FC;--color-purple-100: #E6E7F9;--color-purple-200: #D1D3F4;--color-purple-300: #B5B6EC;--color-purple-400: #9A96E3;--color-purple-500: #887DD7;--color-purple-600: #6E59C5;--color-purple-700: #6652B0;--color-purple-800: #53458E;--color-purple-900: #463D72;--color-purple-950: #2A2442;--color-pink-50: #FBF4F8;--color-pink-100: #F8EBF3;--color-pink-200: #F2D8E9;--color-pink-300: #E9B8D6;--color-pink-400: #DB8BBB;--color-pink-500: #CC68A0;--color-pink-600: #B84A83;--color-pink-700: #9D3869;--color-pink-800: #833158;--color-pink-900: #6E2D4C;--color-pink-950: #42152A;--color-gold-50: #FDFAE9;--color-gold-100: #FAF0B9;--color-gold-200: #F8E490;--color-gold-300: #F4CF50;--color-gold-400: #EEB721;--color-gold-500: #DE9F14;--color-gold-600: #C07A0E;--color-gold-700: #99570F;--color-gold-800: #7F4614;--color-gold-900: #6C3917;--color-gold-950: #3F1C09;--color-brown-50: #FDF9ED;--color-brown-100: #F6E4B6;--color-brown-200: #F2D897;--color-brown-300: #ECBD5F;--color-brown-400: #E6A637;--color-brown-500: #DF8620;--color-brown-600: #C7681A;--color-brown-700: #A44919;--color-brown-800: #853A19;--color-brown-900: #6C3019;--color-brown-950: #3E1709;--color-emerald-50: #F2F7F3;--color-emerald-100: #DFECE0;--color-emerald-200: #C1D9C5;--color-emerald-300: #98BDA0;--color-emerald-400: #71A07D;--color-emerald-500: #4A7F59;--color-emerald-600: #376445;--color-emerald-700: #2C5038;--color-emerald-800: #25402F;--color-emerald-900: #1F3527;--color-emerald-950: #111D15;--color-red-50: #FFF1F1;--color-red-100: #FFDFDF;--color-red-200: #FFC5C5;--color-red-300: #FF9D9D;--color-red-400: #FF6464;--color-red-500: #FF4747;--color-red-600: #ED1515;--color-red-700: #C80D0D;--color-red-800: #A50F0F;--color-red-900: #881414;--color-red-950: #4B0404;--color-green-50: #F1FCF3;--color-green-100: #DFF9E3;--color-green-200: #C1F1C8;--color-green-300: #91E49E;--color-green-400: #45C85A;--color-green-500: #33B449;--color-green-600: #259437;--color-green-700: #20752F;--color-green-800: #1E5D29;--color-green-900: #1B4C24;--color-green-950: #092A10;--color-sable-100: #F8F6F0;--color-sable-200: #E8E4DA;--color-sable-300: #DED8CA;--color-sable-400: #C8BDA9;--color-sable-500: #B29F85;--color-sable-600: #A28B6D;--color-sable-700: #957A61;--color-sable-800: #7C6452;--color-sable-900: #53443B;--color-sable-950: #2C231E;--color-blue-trans-50: rgba(150, 180, 238, .05);--color-blue-trans-100: rgba(150, 180, 238, .1);--color-blue-trans-200: rgba(150, 180, 238, .2);--color-blue-trans-300: rgba(150, 180, 238, .3);--color-blue-trans-400: rgba(150, 180, 238, .4);--color-blue-trans-500: rgba(150, 180, 238, .5);--color-blue-trans-600: rgba(150, 180, 238, .6);--color-blue-trans-700: rgba(150, 180, 238, .7);--color-blue-trans-800: rgba(150, 180, 238, .8);--color-blue-trans-900: rgba(150, 180, 238, .8);--color-blue-trans-950: #96B4EE;--color-purple-dark-50: #F7F7F8;--color-purple-dark-100: #EDEDF1;--color-purple-dark-200: #D7D7E0;--color-purple-dark-300: #B4B4C5;--color-purple-dark-400: #8B8DA5;--color-purple-dark-500: #6D6F8A;--color-purple-dark-600: #505168;--color-purple-dark-700: #47475D;--color-purple-dark-800: #3E3F4E;--color-purple-dark-900: #2F2B37;--color-purple-dark-950: #28242E;--color-sable-trans-100: rgba(209, 195, 160, 1);--color-sable-trans-90: rgba(209, 195, 160, .9);--color-sable-trans-80: rgba(209, 195, 160, .8);--color-sable-trans-70: rgba(209, 195, 160, .7);--color-sable-trans-60: rgba(209, 195, 160, .6);--color-sable-trans-50: rgba(209, 195, 160, .5);--color-sable-trans-40: rgba(209, 195, 160, .4);--color-sable-trans-30: rgba(209, 195, 160, .3);--color-sable-trans-20: rgba(209, 195, 160, .2);--color-sable-trans-10: rgba(209, 195, 160, .1);--color-sable-trans-5: rgba(209, 195, 160, .05);--color-sable-trans-0: rgba(209, 195, 160, 0);--color-gray-trans-100: rgba(175, 175, 173, 1);--color-gray-trans-90: rgba(175, 175, 173, .9);--color-gray-trans-80: rgba(175, 175, 173, .8);--color-gray-trans-70: rgba(175, 175, 173, .7);--color-gray-trans-60: rgba(175, 175, 173, .6);--color-gray-trans-50: rgba(175, 175, 173, .5);--color-gray-trans-40: rgba(175, 175, 173, .4);--color-gray-trans-30: rgba(175, 175, 173, .3);--color-gray-trans-20: rgba(175, 175, 173, .2);--color-gray-trans-10: rgba(175, 175, 173, .1);--color-gray-trans-5: rgba(175, 175, 173, .05);--color-gray-trans-0: rgba(175, 175, 173, 0);--color-purple-trans-100: rgba(115, 116, 153, 1);--color-purple-trans-90: rgba(115, 116, 153, .9);--color-purple-trans-80: rgba(115, 116, 153, .8);--color-purple-trans-70: rgba(115, 116, 153, .7);--color-purple-trans-60: rgba(115, 116, 153, .6);--color-purple-trans-50: rgba(115, 116, 153, .5);--color-purple-trans-40: rgba(115, 116, 153, .4);--color-purple-trans-30: rgba(115, 116, 153, .3);--color-purple-trans-20: rgba(115, 116, 153, .2);--color-purple-trans-10: rgba(115, 116, 153, .1);--color-purple-trans-5: rgba(115, 116, 153, .05);--color-purple-trans-0: rgba(115, 116, 153, 0);--color-zinc-50: #FAFAFA;--color-zinc-100: #F4F4F5;--color-zinc-200: #E4E4E7;--color-zinc-300: #D4D4D8;--color-zinc-400: #9F9FA9;--color-zinc-500: #71717B;--color-zinc-600: #52525C;--color-zinc-700: #3F3F47;--color-zinc-800: #27272A;--color-zinc-900: #18181B;--color-zinc-950: #09090B;--color-slate-50: #F8FAFC;--color-slate-100: #F1F5F9;--color-slate-200: #E2E8F0;--color-slate-300: #CAD5E2;--color-slate-400: #90A1B9;--color-slate-500: #62748E;--color-slate-600: #45556C;--color-slate-700: #314158;--color-slate-800: #1D293D;--color-slate-900: #0F172B;--color-slate-950: #020618;--spacing-xs-7: .125rem;--spacing-xs-6: .25rem;--spacing-xs-5: .375rem;--spacing-xs-4: .5rem;--spacing-xs-3: .625rem;--spacing-xs-2: .75rem;--spacing-xs: .875rem;--spacing-s: 1rem;--spacing-m-1: 1.125rem;--spacing-m-2: 1.25rem;--spacing-l: 1.5rem;--spacing-xl: 1.75rem;--spacing-xl-2: 2rem;--spacing-xl-3: 2.25rem;--spacing-xl-4: 2.75rem;--spacing-xl-5: 3rem;--spacing-xl-6: 4rem}
|
package/dist/styles/Tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._tooltip-
|
|
1
|
+
._tooltip-container_7qhvn_30{position:relative;width:auto;height:auto;display:flex;justify-content:center;align-items:center;cursor:pointer}._tooltip-container_7qhvn_30 ._tooltip_7qhvn_30{position:absolute;padding:var(--dynamic-padding);border:1px solid var(--general-border-window);border-radius:.5rem;font-size:12px;white-space:nowrap;z-index:10;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s;background-color:var(--background-tooltip);box-shadow:0 4px 5px 0 var(--shadow-color-minimal);color:var(--general-text-icons)}._tooltip-container_7qhvn_30:hover ._tooltip_7qhvn_30{opacity:1;visibility:visible}
|