@situaction/traq-ui-ste 1.2.12 → 1.2.15
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/X.es-BEJ-zMPl.mjs +146 -0
- package/dist/components/button/Button.js +36 -36
- package/dist/components/buttonControledScroll/ButtonControlledScroll.js +43 -23
- package/dist/components/calendar/Calendar.js +268 -272
- package/dist/components/drag-and-drop/DragAndDrop.d.ts +31 -0
- package/dist/components/drag-and-drop/DragAndDrop.js +143 -0
- package/dist/components/icon/Icon.js +23729 -46405
- package/dist/components/icon-button/IconButton.js +27 -27
- package/dist/components/input/Input.js +49 -49
- package/dist/components/loading/Loading.d.ts +38 -0
- package/dist/components/loading/Loading.js +87 -0
- package/dist/components/menu/Menu.js +60 -63
- package/dist/components/panel/side-panel/SidePanel.js +18 -19
- package/dist/components/select/Select.js +67 -69
- package/dist/components/select-filter-input-tags/SelectFilterInputTags.js +8 -9
- package/dist/components/select-multi-items/SelectMultiItems.js +18 -18
- package/dist/components/tabs/Tabs.d.ts +2 -2
- package/dist/components/tabs/Tabs.js +82 -88
- package/dist/components/tag/Tag.js +25 -25
- package/dist/components/theme/variables_dark.d.ts +11 -0
- package/dist/components/theme/variables_dark.js +12 -1
- package/dist/components/theme/variables_light.d.ts +11 -0
- package/dist/components/theme/variables_light.js +12 -1
- package/dist/components/toast/Toast.js +38 -38
- package/dist/main.d.ts +2 -0
- package/dist/main.js +29 -25
- package/dist/styles/Button.css +1 -1
- package/dist/styles/ButtonControlledScroll.css +1 -1
- package/dist/styles/Calendar.css +1 -1
- package/dist/styles/DragAndDrop.css +1 -0
- package/dist/styles/IconButton.css +1 -1
- package/dist/styles/Input.css +1 -1
- package/dist/styles/Loading.css +1 -0
- package/dist/styles/Tag.css +1 -1
- package/dist/styles/Toast.css +1 -1
- package/package.json +1 -1
- package/dist/X-Bd1VjKAF.mjs +0 -190
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useEffect as
|
|
3
|
-
import '../../styles/Tag.css';const
|
|
4
|
-
tag:
|
|
1
|
+
import { jsxs as g, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect as c } from "react";
|
|
3
|
+
import '../../styles/Tag.css';const d = "_tag_qjzpb_6", u = "_icon_qjzpb_15", b = "_label_qjzpb_70", p = "_flexHorizontalCenter_qjzpb_74", x = "_flexHorizontal_qjzpb_74", t = {
|
|
4
|
+
tag: d,
|
|
5
5
|
icon: u,
|
|
6
|
-
"tag-children": "_tag-
|
|
7
|
-
"tag-size-xl": "_tag-size-
|
|
8
|
-
"tag-size-xl-round": "_tag-size-xl-
|
|
9
|
-
"tag-size-l": "_tag-size-
|
|
10
|
-
"tag-size-l-round": "_tag-size-l-
|
|
11
|
-
"tag-size-m": "_tag-size-
|
|
12
|
-
"tag-size-m-round": "_tag-size-m-
|
|
13
|
-
"tag-size-s": "_tag-size-
|
|
14
|
-
"tag-size-s-round": "_tag-size-s-
|
|
15
|
-
label:
|
|
16
|
-
flexHorizontalCenter:
|
|
6
|
+
"tag-children": "_tag-children_qjzpb_20",
|
|
7
|
+
"tag-size-xl": "_tag-size-xl_qjzpb_30",
|
|
8
|
+
"tag-size-xl-round": "_tag-size-xl-round_qjzpb_34",
|
|
9
|
+
"tag-size-l": "_tag-size-l_qjzpb_40",
|
|
10
|
+
"tag-size-l-round": "_tag-size-l-round_qjzpb_44",
|
|
11
|
+
"tag-size-m": "_tag-size-m_qjzpb_50",
|
|
12
|
+
"tag-size-m-round": "_tag-size-m-round_qjzpb_54",
|
|
13
|
+
"tag-size-s": "_tag-size-s_qjzpb_60",
|
|
14
|
+
"tag-size-s-round": "_tag-size-s-round_qjzpb_64",
|
|
15
|
+
label: b,
|
|
16
|
+
flexHorizontalCenter: p,
|
|
17
17
|
flexHorizontal: x
|
|
18
18
|
}, s = ["light", "dark", "gray", "blue-gray", "blue", "blue-situaction", "purple", "pink", "gold", "brown", "emerald"], f = ({
|
|
19
19
|
label: n,
|
|
20
20
|
color: e,
|
|
21
|
-
deletable:
|
|
22
|
-
size:
|
|
21
|
+
deletable: r = !1,
|
|
22
|
+
size: o = "m",
|
|
23
23
|
children: i,
|
|
24
|
-
onClick:
|
|
24
|
+
onClick: l
|
|
25
25
|
}) => {
|
|
26
|
-
|
|
26
|
+
c(() => {
|
|
27
27
|
e && !s.includes(e) && console.warn(`Warning: The color "${e}" is not a valid option. Expected one of: ${s.join(", ")}.`);
|
|
28
28
|
}, [e]);
|
|
29
29
|
const _ = [
|
|
30
30
|
t.tag,
|
|
31
|
-
i && !n && t[`tag-size-${
|
|
32
|
-
t[`tag-size-${
|
|
31
|
+
i && !n && t[`tag-size-${o}-round`],
|
|
32
|
+
t[`tag-size-${o}`],
|
|
33
33
|
t.flexHorizontalCenter
|
|
34
|
-
].join(" "),
|
|
34
|
+
].join(" "), z = {
|
|
35
35
|
"--dynamic-background": e && s.includes(e) ? `var(--color-${e}-200)` : "var(--color-blue-situaction-200)",
|
|
36
36
|
"--dynamic-color-text": e && s.includes(e) ? `var(--color-${e}-950)` : "var(--color-blue-situaction-950)"
|
|
37
37
|
};
|
|
38
|
-
return /* @__PURE__ */
|
|
38
|
+
return /* @__PURE__ */ g(
|
|
39
39
|
"div",
|
|
40
40
|
{
|
|
41
41
|
className: _,
|
|
42
|
-
style:
|
|
42
|
+
style: z,
|
|
43
43
|
children: [
|
|
44
44
|
i && /* @__PURE__ */ a("div", { className: `${t.flexHorizontalCenter} ${t["tag-children"]}`, children: i }),
|
|
45
45
|
n && /* @__PURE__ */ a("label", { className: `${t.flexHorizontal} ${t.label}`, children: n }),
|
|
46
|
-
|
|
46
|
+
r && /* @__PURE__ */ a("div", { className: t.icon, onClick: () => l == null ? void 0 : l(), children: /* @__PURE__ */ a(
|
|
47
47
|
"svg",
|
|
48
48
|
{
|
|
49
49
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -222,4 +222,15 @@ export declare const variables_dark: {
|
|
|
222
222
|
'--archive-background-tab': string;
|
|
223
223
|
'--archive-border': string;
|
|
224
224
|
'--archive-icon-text-tab': string;
|
|
225
|
+
'--calendar-cell-base-disabled-num': string;
|
|
226
|
+
'--calendar-cell-base-disabled-background': string;
|
|
227
|
+
'--drag-n-drop-background-active': string;
|
|
228
|
+
'--drag-n-drop-title-icon': string;
|
|
229
|
+
'--drag-n-drop-subtitle': string;
|
|
230
|
+
'--spinner-background-stroke': string;
|
|
231
|
+
'--spinner-background': string;
|
|
232
|
+
'--spinner-icons': string;
|
|
233
|
+
'--carrousel-0-gradient': string;
|
|
234
|
+
'--carrousel-100-gradient': string;
|
|
235
|
+
'--carrousel-card-img-title': string;
|
|
225
236
|
};
|
|
@@ -221,7 +221,18 @@ const r = {
|
|
|
221
221
|
"--switch-default-on-background": "var(--color-light-100)",
|
|
222
222
|
"--archive-background-tab": "var(--color-purple-dark-100)",
|
|
223
223
|
"--archive-border": "var(--color-purple-dark-100)",
|
|
224
|
-
"--archive-icon-text-tab": "var(--color-purple-dark-950)"
|
|
224
|
+
"--archive-icon-text-tab": "var(--color-purple-dark-950)",
|
|
225
|
+
"--calendar-cell-base-disabled-num": "var(--color-light-30)",
|
|
226
|
+
"--calendar-cell-base-disabled-background": "var(--color-purple-trans-20)",
|
|
227
|
+
"--drag-n-drop-background-active": "var(--color-light-5)",
|
|
228
|
+
"--drag-n-drop-title-icon": "var(--general-text-icons)",
|
|
229
|
+
"--drag-n-drop-subtitle": "var(--color-light-50)",
|
|
230
|
+
"--spinner-background-stroke": "var(--color-purple-trans-60)",
|
|
231
|
+
"--spinner-background": "var(--color-purple-trans-60)",
|
|
232
|
+
"--spinner-icons": "var(--general-text-icons)",
|
|
233
|
+
"--carrousel-0-gradient": "#2F2B37",
|
|
234
|
+
"--carrousel-100-gradient": "var(--background-primary)",
|
|
235
|
+
"--carrousel-card-img-title": "var(--color-gray-trans-100)"
|
|
225
236
|
};
|
|
226
237
|
export {
|
|
227
238
|
r as variables_dark
|
|
@@ -222,4 +222,15 @@ export declare const variables_light: {
|
|
|
222
222
|
'--archive-background-tab': string;
|
|
223
223
|
'--archive-border': string;
|
|
224
224
|
'--archive-icon-text-tab': string;
|
|
225
|
+
'--calendar-cell-base-disabled-num': string;
|
|
226
|
+
'--calendar-cell-base-disabled-background': string;
|
|
227
|
+
'--drag-n-drop-background-active': string;
|
|
228
|
+
'--drag-n-drop-title-icon': string;
|
|
229
|
+
'--drag-n-drop-subtitle': string;
|
|
230
|
+
'--spinner-background-stroke': string;
|
|
231
|
+
'--spinner-background': string;
|
|
232
|
+
'--spinner-icons': string;
|
|
233
|
+
'--carrousel-0-gradient': string;
|
|
234
|
+
'--carrousel-100-gradient': string;
|
|
235
|
+
'--carrousel-card-img-title': string;
|
|
225
236
|
};
|
|
@@ -221,7 +221,18 @@ const r = {
|
|
|
221
221
|
"--switch-default-on-background": "var(--color-purple-dark-950)",
|
|
222
222
|
"--archive-background-tab": "var(--color-purple-dark-950)",
|
|
223
223
|
"--archive-border": "var(--color-purple-dark-950)",
|
|
224
|
-
"--archive-icon-text-tab": "var(--color-light-100)"
|
|
224
|
+
"--archive-icon-text-tab": "var(--color-light-100)",
|
|
225
|
+
"--calendar-cell-base-disabled-num": "var(--color-gray-trans-50)",
|
|
226
|
+
"--calendar-cell-base-disabled-background": "var(--color-gray-trans-20)",
|
|
227
|
+
"--drag-n-drop-background-active": "var(--color-sable-trans-10)",
|
|
228
|
+
"--drag-n-drop-title-icon": "var(--general-text-icons)",
|
|
229
|
+
"--drag-n-drop-subtitle": "var(--color-dark-50)",
|
|
230
|
+
"--spinner-background-stroke": "var(--color-sable-trans-60)",
|
|
231
|
+
"--spinner-background": "var(--color-sable-trans-60)",
|
|
232
|
+
"--spinner-icons": "var(--color-purple-dark-900)",
|
|
233
|
+
"--carrousel-0-gradient": "#FFFFFF",
|
|
234
|
+
"--carrousel-100-gradient": "var(--background-primary)",
|
|
235
|
+
"--carrousel-card-img-title": "var(--color-gray-trans-100)"
|
|
225
236
|
};
|
|
226
237
|
export {
|
|
227
238
|
r as variables_light
|
|
@@ -1,62 +1,62 @@
|
|
|
1
1
|
import { jsxs as n, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { useState as
|
|
3
|
-
import { Icon as
|
|
4
|
-
import { IconButton as
|
|
5
|
-
import '../../styles/Toast.css';const
|
|
6
|
-
toast:
|
|
7
|
-
"toast-header": "_toast-
|
|
8
|
-
"toast-title-container": "_toast-title-
|
|
9
|
-
"toast-title": "_toast-
|
|
10
|
-
"toast-content": "_toast-
|
|
11
|
-
base:
|
|
12
|
-
success:
|
|
2
|
+
import { useState as u, useEffect as h } from "react";
|
|
3
|
+
import { Icon as j } from "../icon/Icon.js";
|
|
4
|
+
import { IconButton as x } from "../icon-button/IconButton.js";
|
|
5
|
+
import '../../styles/Toast.css';const C = "_toast_1ygaj_30", I = "_base_1ygaj_69", z = "_success_1ygaj_73", k = "_error_1ygaj_77", w = "_closing_1ygaj_104", t = {
|
|
6
|
+
toast: C,
|
|
7
|
+
"toast-header": "_toast-header_1ygaj_49",
|
|
8
|
+
"toast-title-container": "_toast-title-container_1ygaj_55",
|
|
9
|
+
"toast-title": "_toast-title_1ygaj_55",
|
|
10
|
+
"toast-content": "_toast-content_1ygaj_65",
|
|
11
|
+
base: I,
|
|
12
|
+
success: z,
|
|
13
13
|
error: k,
|
|
14
|
-
"bottom-right": "_bottom-
|
|
15
|
-
"bottom-left": "_bottom-
|
|
16
|
-
"top-right": "_top-
|
|
17
|
-
"top-left": "_top-
|
|
18
|
-
closing:
|
|
19
|
-
},
|
|
14
|
+
"bottom-right": "_bottom-right_1ygaj_84",
|
|
15
|
+
"bottom-left": "_bottom-left_1ygaj_89",
|
|
16
|
+
"top-right": "_top-right_1ygaj_94",
|
|
17
|
+
"top-left": "_top-left_1ygaj_99",
|
|
18
|
+
closing: w
|
|
19
|
+
}, W = ({
|
|
20
20
|
title: d,
|
|
21
|
-
icon:
|
|
21
|
+
icon: y,
|
|
22
22
|
children: l,
|
|
23
|
-
closable:
|
|
24
|
-
error:
|
|
25
|
-
success:
|
|
23
|
+
closable: a = !0,
|
|
24
|
+
error: i = !1,
|
|
25
|
+
success: r = !1,
|
|
26
26
|
autoCloseDelay: _ = 3e3,
|
|
27
27
|
open: s = !0,
|
|
28
|
-
position:
|
|
28
|
+
position: b = "bottom-right",
|
|
29
29
|
// ✅ Valeur par défaut
|
|
30
|
-
onClose:
|
|
30
|
+
onClose: g
|
|
31
31
|
}) => {
|
|
32
|
-
const [
|
|
32
|
+
const [v, f] = u(s), [p, m] = u(!1);
|
|
33
33
|
let o = "";
|
|
34
|
-
|
|
35
|
-
const
|
|
36
|
-
|
|
37
|
-
|
|
34
|
+
i ? o = t.error : r ? o = t.success : o = t.base;
|
|
35
|
+
const N = i ? "Warning" : r ? "CheckCircle" : "Info", T = i ? "var(--color-error-500)" : r ? "var(--color-succes-500)" : "var(--general-text-icons)", c = () => {
|
|
36
|
+
m(!0), setTimeout(() => {
|
|
37
|
+
f(!1), g && g();
|
|
38
38
|
}, 300);
|
|
39
39
|
};
|
|
40
40
|
return h(() => {
|
|
41
|
-
s ? (
|
|
41
|
+
s ? (f(!0), m(!1)) : c();
|
|
42
42
|
}, [s]), h(() => {
|
|
43
|
-
if (!
|
|
44
|
-
const
|
|
45
|
-
|
|
43
|
+
if (!a && s) {
|
|
44
|
+
const $ = setTimeout(() => {
|
|
45
|
+
c();
|
|
46
46
|
}, _);
|
|
47
|
-
return () => clearTimeout(
|
|
47
|
+
return () => clearTimeout($);
|
|
48
48
|
}
|
|
49
|
-
}, [
|
|
49
|
+
}, [a, _, s]), v ? /* @__PURE__ */ n(
|
|
50
50
|
"div",
|
|
51
51
|
{
|
|
52
|
-
className: `${t.toast} ${o} ${
|
|
52
|
+
className: `${t.toast} ${o} ${p ? t.closing : ""} ${t[b]}`,
|
|
53
53
|
children: [
|
|
54
54
|
/* @__PURE__ */ n("div", { className: t["toast-header"], children: [
|
|
55
55
|
/* @__PURE__ */ n("div", { className: t["toast-title-container"], children: [
|
|
56
|
-
/* @__PURE__ */ e(
|
|
56
|
+
/* @__PURE__ */ e(j, { icon: y || N, size: 24, color: T }),
|
|
57
57
|
/* @__PURE__ */ e("span", { className: t["toast-title"], children: d })
|
|
58
58
|
] }),
|
|
59
|
-
|
|
59
|
+
a && /* @__PURE__ */ e(x, { mode: "ghost", size: "s", onClick: c, children: /* @__PURE__ */ e(j, { icon: "X", size: 16, weight: "regular" }) })
|
|
60
60
|
] }),
|
|
61
61
|
l && /* @__PURE__ */ e("div", { className: `${t["toast-content"]}`, children: l })
|
|
62
62
|
]
|
|
@@ -64,5 +64,5 @@ import '../../styles/Toast.css';const I = "_toast_10w18_30", z = "_base_10w18_69
|
|
|
64
64
|
) : null;
|
|
65
65
|
};
|
|
66
66
|
export {
|
|
67
|
-
|
|
67
|
+
W as Toast
|
|
68
68
|
};
|
package/dist/main.d.ts
CHANGED
|
@@ -29,4 +29,6 @@ export { InputLabel } from './components/input-label/InputLabel';
|
|
|
29
29
|
export { EditableField } from './components/editable-field/EditableField';
|
|
30
30
|
export { EditableSelect } from './components/editable-select/EditableSelect';
|
|
31
31
|
export { Toast } from './components/toast/Toast';
|
|
32
|
+
export { DragAndDrop } from './components/drag-and-drop/DragAndDrop';
|
|
33
|
+
export { Loading } from './components/loading/Loading';
|
|
32
34
|
export { ThemeProvider, useTheme } from './components/theme/ThemeContext';
|
package/dist/main.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { Button as t } from "./components/button/Button.js";
|
|
2
2
|
import { ButtonControlledScroll as p } from "./components/buttonControledScroll/ButtonControlledScroll.js";
|
|
3
3
|
import { Input as f } from "./components/input/Input.js";
|
|
4
|
-
import { Tabs as
|
|
4
|
+
import { Tabs as n } from "./components/tabs/Tabs.js";
|
|
5
5
|
import { IconButton as a } from "./components/icon-button/IconButton.js";
|
|
6
6
|
import { Tag as c } from "./components/tag/Tag.js";
|
|
7
7
|
import { Title as u } from "./components/title/Title.js";
|
|
8
8
|
import { TagCounter as I } from "./components/tag-counter/TagCounter.js";
|
|
9
9
|
import { Checkbox as C } from "./components/checkbox/Checkbox.js";
|
|
10
|
-
import { Tooltip as
|
|
11
|
-
import { Select as
|
|
12
|
-
import { Calendar as
|
|
13
|
-
import { Accordion as
|
|
14
|
-
import { AccordionItem as
|
|
15
|
-
import { Card as
|
|
16
|
-
import { Icon as
|
|
17
|
-
import { Menu as
|
|
18
|
-
import { Modal as
|
|
19
|
-
import { SelectMultiItems as
|
|
10
|
+
import { Tooltip as g } from "./components/tooltip/Tooltip.js";
|
|
11
|
+
import { Select as h } from "./components/select/Select.js";
|
|
12
|
+
import { Calendar as B } from "./components/calendar/Calendar.js";
|
|
13
|
+
import { Accordion as P } from "./components/accordion/Accordion.js";
|
|
14
|
+
import { AccordionItem as E } from "./components/accordion/item/AccordionItem.js";
|
|
15
|
+
import { Card as N } from "./components/card/Card.js";
|
|
16
|
+
import { Icon as v } from "./components/icon/Icon.js";
|
|
17
|
+
import { Menu as H } from "./components/menu/Menu.js";
|
|
18
|
+
import { Modal as q } from "./components/modal/Modal.js";
|
|
19
|
+
import { SelectMultiItems as z } from "./components/select-multi-items/SelectMultiItems.js";
|
|
20
20
|
import { SelectFilterInputTags as J } from "./components/select-filter-input-tags/SelectFilterInputTags.js";
|
|
21
21
|
import { ListControls as O } from "./components/list/list-controls/ListControls.js";
|
|
22
22
|
import { NestedList as R } from "./components/list/nested-list/NestedList.js";
|
|
@@ -28,39 +28,43 @@ import { InputLabel as ro } from "./components/input-label/InputLabel.js";
|
|
|
28
28
|
import { EditableField as to } from "./components/editable-field/EditableField.js";
|
|
29
29
|
import { EditableSelect as po } from "./components/editable-select/EditableSelect.js";
|
|
30
30
|
import { Toast as fo } from "./components/toast/Toast.js";
|
|
31
|
-
import {
|
|
31
|
+
import { DragAndDrop as no } from "./components/drag-and-drop/DragAndDrop.js";
|
|
32
|
+
import { Loading as ao } from "./components/loading/Loading.js";
|
|
33
|
+
import { ThemeProvider as so, useTheme as uo } from "./components/theme/ThemeContext.js";
|
|
32
34
|
import './styles/Size.css';/* empty css */
|
|
33
35
|
export {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
+
P as Accordion,
|
|
37
|
+
E as AccordionItem,
|
|
36
38
|
t as Button,
|
|
37
39
|
p as ButtonControlledScroll,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
+
B as Calendar,
|
|
41
|
+
N as Card,
|
|
40
42
|
C as Checkbox,
|
|
43
|
+
no as DragAndDrop,
|
|
41
44
|
to as EditableField,
|
|
42
45
|
po as EditableSelect,
|
|
43
|
-
|
|
46
|
+
v as Icon,
|
|
44
47
|
a as IconButton,
|
|
45
48
|
f as Input,
|
|
46
49
|
ro as InputLabel,
|
|
47
50
|
O as ListControls,
|
|
48
|
-
|
|
49
|
-
|
|
51
|
+
ao as Loading,
|
|
52
|
+
H as Menu,
|
|
53
|
+
q as Modal,
|
|
50
54
|
R as NestedList,
|
|
51
55
|
V as NestedListItem,
|
|
52
|
-
|
|
56
|
+
h as Select,
|
|
53
57
|
J as SelectFilterInputTags,
|
|
54
|
-
|
|
58
|
+
z as SelectMultiItems,
|
|
55
59
|
Z as SidePanel,
|
|
56
60
|
$ as SidePanelHeader,
|
|
57
61
|
X as Switch,
|
|
58
|
-
|
|
62
|
+
n as Tabs,
|
|
59
63
|
c as Tag,
|
|
60
64
|
I as TagCounter,
|
|
61
|
-
|
|
65
|
+
so as ThemeProvider,
|
|
62
66
|
u as Title,
|
|
63
67
|
fo as Toast,
|
|
64
|
-
|
|
65
|
-
|
|
68
|
+
g as Tooltip,
|
|
69
|
+
uo as useTheme
|
|
66
70
|
};
|
package/dist/styles/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@font-face{font-family:Urbanist-Thin;src:url(../fonts/Urbanist-Thin.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Urbanist-Extra-Light;src:url(../fonts/Urbanist-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Urbanist-Light;src:url(../fonts/Urbanist-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Urbanist-Regular;src:url(../fonts/Urbanist-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Urbanist;src:url(../fonts/Urbanist-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Urbanist-Back;src:url(../fonts/Urbanist-Black.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Urbanist-Semi-Bold;src:url(../fonts/Urbanist-SemiBold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Urbanist-Bold;src:url(../fonts/Urbanist-Bold.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Urbanist-Extra-Bold;src:url(../fonts/Urbanist-ExtraBold.ttf) format("truetype");font-weight:900;font-style:normal}:root,body{font-family:Urbanist,sans-serif;line-height:1;width:100vw;height:100vh}h1{font-size:1.875em;font-style:normal;font-weight:700;line-height:2.25rem}h2{font-size:1.5em;font-style:normal;font-weight:700;line-height:2rem;margin:0}h3{font-size:1.25em;font-style:normal;font-weight:700;line-height:1.75rem;margin:0}h4{font-size:1.125em;font-style:normal;font-weight:700;line-height:1.75rem;margin:0}h5{font-size:1em;font-style:normal;font-weight:700;line-height:1.5rem;margin:0}h6{font-size:.875em;font-style:normal;font-weight:700;line-height:1.25rem;margin:0}.textExtraLarge{font-size:1.25em;font-style:normal;line-height:2rem}.textLarge{font-size:1.125em;font-style:normal;line-height:1.75rem}.textMedium{font-size:1em;font-style:normal;line-height:1.5rem}.textSmall{font-size:.875em;font-style:normal;line-height:1.25rem}.textSmaller{font-size:.75em;font-style:normal;line-height:1rem}.labelExtraLarge{font-size:1.25em;font-style:normal;line-height:normal;letter-spacing:1.2px}.labelLarge{font-size:1.125em;font-style:normal;line-height:normal;letter-spacing:1.08px}.labelMedium{font-size:1em;font-style:normal;line-height:normal;letter-spacing:.96px}.labelSmall{font-size:.875em;font-style:normal;line-height:normal;letter-spacing:.84px}.labelSmaller{font-size:.75em;font-style:normal;line-height:normal;letter-spacing:.72px}.labelSmallest{font-size:.625em;font-style:normal;line-height:normal;letter-spacing:.6px}.fontWeight-100{font-weight:100}.fontWeight-200{font-weight:200}.fontWeight-300{font-weight:300}.fontWeight-400{font-weight:400}.fontWeight-500{font-weight:500}.fontWeight-600{font-weight:600}.fontWeight-700{font-weight:700}.fontWeight-800{font-weight:800}.fontWeight-900{font-weight:900}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-background);border-radius:.5rem;transition:all .3s ease;margin:.625rem;background-clip:padding-box}::-webkit-scrollbar:hover{cursor:pointer}::-webkit-scrollbar-corner{background:var(--scrollbar-background)}.
|
|
1
|
+
@font-face{font-family:Urbanist-Thin;src:url(../fonts/Urbanist-Thin.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Urbanist-Extra-Light;src:url(../fonts/Urbanist-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Urbanist-Light;src:url(../fonts/Urbanist-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Urbanist-Regular;src:url(../fonts/Urbanist-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Urbanist;src:url(../fonts/Urbanist-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Urbanist-Back;src:url(../fonts/Urbanist-Black.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Urbanist-Semi-Bold;src:url(../fonts/Urbanist-SemiBold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Urbanist-Bold;src:url(../fonts/Urbanist-Bold.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Urbanist-Extra-Bold;src:url(../fonts/Urbanist-ExtraBold.ttf) format("truetype");font-weight:900;font-style:normal}:root,body{font-family:Urbanist,sans-serif;line-height:1;width:100vw;height:100vh}h1{font-size:1.875em;font-style:normal;font-weight:700;line-height:2.25rem}h2{font-size:1.5em;font-style:normal;font-weight:700;line-height:2rem;margin:0}h3{font-size:1.25em;font-style:normal;font-weight:700;line-height:1.75rem;margin:0}h4{font-size:1.125em;font-style:normal;font-weight:700;line-height:1.75rem;margin:0}h5{font-size:1em;font-style:normal;font-weight:700;line-height:1.5rem;margin:0}h6{font-size:.875em;font-style:normal;font-weight:700;line-height:1.25rem;margin:0}.textExtraLarge{font-size:1.25em;font-style:normal;line-height:2rem}.textLarge{font-size:1.125em;font-style:normal;line-height:1.75rem}.textMedium{font-size:1em;font-style:normal;line-height:1.5rem}.textSmall{font-size:.875em;font-style:normal;line-height:1.25rem}.textSmaller{font-size:.75em;font-style:normal;line-height:1rem}.labelExtraLarge{font-size:1.25em;font-style:normal;line-height:normal;letter-spacing:1.2px}.labelLarge{font-size:1.125em;font-style:normal;line-height:normal;letter-spacing:1.08px}.labelMedium{font-size:1em;font-style:normal;line-height:normal;letter-spacing:.96px}.labelSmall{font-size:.875em;font-style:normal;line-height:normal;letter-spacing:.84px}.labelSmaller{font-size:.75em;font-style:normal;line-height:normal;letter-spacing:.72px}.labelSmallest{font-size:.625em;font-style:normal;line-height:normal;letter-spacing:.6px}.fontWeight-100{font-weight:100}.fontWeight-200{font-weight:200}.fontWeight-300{font-weight:300}.fontWeight-400{font-weight:400}.fontWeight-500{font-weight:500}.fontWeight-600{font-weight:600}.fontWeight-700{font-weight:700}.fontWeight-800{font-weight:800}.fontWeight-900{font-weight:900}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-background);border-radius:.5rem;transition:all .3s ease;margin:.625rem;background-clip:padding-box}::-webkit-scrollbar:hover{cursor:pointer}::-webkit-scrollbar-corner{background:var(--scrollbar-background)}._button_11huw_30{font-family:var(--font-family);font-weight:500;font-style:normal;line-height:1.25rem;border:0;cursor:pointer;width:fit-content}._button_11huw_30:focus-visible{outline:2px solid var(--button-focus-mode);outline-offset:2px}._button_11huw_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_11huw_30:disabled *{fill:var(--button-primary-disabled-text)}._button-primary_11huw_53{color:var(--button-primary-default-text);background:var(--button-primary-default-background)}._button-primary_11huw_53:hover{background:var(--button-primary-hover-background)}._button-primary_11huw_53:active{background:var(--button-primary-pressed-background);outline:none}._button-primary_11huw_53 *{fill:var(--button-primary-default-text)}._button-secondary_11huw_67{color:var(--button-secondary-default-text);border:1px solid var(--button-secondary-default-border);background:var(--button-secondary-default-background)}._button-secondary_11huw_67:hover{border:1px solid var(--button-secondary-hover-border);background:var(--button-secondary-hover-background)}._button-secondary_11huw_67:active{border:1px solid var(--button-secondary-pressed-border);background:var(--button-secondary-pressed-background)}._button-secondary_11huw_67 *{fill:var(--button-secondary-default-text)}._button-tertiary_11huw_83{color:var(--button-tertiary-default-text);background-color:transparent;border:1px solid var(--button-tertiary-default-border)}._button-tertiary_11huw_83:hover{border:1px solid var(--button-tertiary-hover-border);background:var(--button-tertiary-hover-background)}._button-tertiary_11huw_83:active{border:1px solid var(--button-tertiary-pressed-border);background:var(--button-tertiary-pressed-background)}._button-tertiary_11huw_83 *{fill:var(--button-tertiary-default-text)}._button-ghost_11huw_99{color:var(--button-ghost-default-text);background-color:transparent;border:1px solid transparent}._button-ghost_11huw_99:hover{background:var(--button-ghost-hover-background)}._button-ghost_11huw_99:active{background-color:var(--button-ghost-pressed-background)}._button-ghost_11huw_99:disabled{border:none}._button-ghost_11huw_99 *{fill:var(--button-ghost-default-text)}._button-text_11huw_116{color:var(--text-button-inactive-text);background-color:transparent;padding:0!important}._button-text_11huw_116:hover{color:var(--text-button-inactive-hover-text)}._button-text_11huw_116:disabled{border:none;background-color:transparent;color:var(--text-button-disabled-text)}._button-text-selected_11huw_129,._button-text-selected_11huw_129:hover{color:var(--text-button-active-text)}._button-error_11huw_135{color:var(--button-destructive-default-text);background:var(--button-destructive-default-background)}._button-error_11huw_135:hover{background:var(--button-destructive-hover-background)}._button-error_11huw_135:active{background:var(--button-destructive-pressed-background)}._button-error_11huw_135 *{fill:var(--button-destructive-default-text)}._button-size-xl_11huw_151{padding:1rem 2rem;font-size:1.125em;line-height:28px;border-radius:8px}._button-size-l_11huw_157{padding:.75rem 1.5rem;font-size:1em;line-height:24px;border-radius:8px}._button-size-m_11huw_163{padding:.5rem 1rem;font-size:.875em;line-height:20px;border-radius:4px}._button-size-s_11huw_169{padding:.375rem .75rem;font-size:.875em;line-height:20px;border-radius:4px}._button-size-menu_11huw_175{padding:.5rem;font-size:1em;line-height:24px;border-radius:4px}._button-gap-menu_11huw_181{gap:.5rem}._button-gap-xl_11huw_184{gap:12px}._button-gap-l_11huw_187{gap:8px}._button-gap-m_11huw_181,._button-gap-s_11huw_190{gap:4px}._fullWidth_11huw_194{width:100%}._flexHorizontalCenter_11huw_198{display:flex;justify-content:center;align-items:center;flex-direction:row}._flexHorizontalBetween_11huw_205{display:flex;justify-content:space-between;align-items:center;flex-direction:row}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._wrapper_1fnz9_6{position:relative;display:flex;align-items:center;width:100%;box-sizing:border-box;-webkit-user-select:none;user-select:none;padding:var(--spacing-xs-5) 0}._wrapper_1fnz9_6 label{-webkit-user-select:none;user-select:none}._wrapper_1fnz9_6 ._container_1fnz9_18{display:flex;overflow-x:auto;width:100%;scroll-behavior:smooth}._wrapper_1fnz9_6 ._container_1fnz9_18::-webkit-scrollbar{display:none}._wrapper_1fnz9_6 ._btn_1fnz9_27{transition:.3s;display:flex;justify-content:center;align-items:center;width:30px;height:30px;padding:.375rem;border-radius:50%;border:1px solid var(--button-tertiary-default-border);background-color:var(--background-primary);position:absolute;cursor:pointer}._wrapper_1fnz9_6 ._btn_1fnz9_27 *{fill:var(--button-secondary-default-text)}._wrapper_1fnz9_6 ._btn_1fnz9_27 *{z-index:2}._wrapper_1fnz9_6 ._grab_1fnz9_47{cursor:grab;scroll-behavior:initial}._wrapper_1fnz9_6 ._grabbing_1fnz9_51{cursor:grabbing}._wrapper_1fnz9_6 ._btn_1fnz9_27:hover{background-color:var(--background-tooltip)}._wrapper_1fnz9_6 ._btnLeft_1fnz9_57{left:0;top:50%;transform:translateY(-50%)}._wrapper_1fnz9_6 ._btnRight_1fnz9_62{right:0;top:50%;transform:translateY(-50%)}
|
package/dist/styles/Calendar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._calendar_1i5hy_6{border:1px solid var(--general-border-window);background:var(--dropdown-window-background);border-radius:.375rem;box-shadow:0 4px 16px 0 var(--shadow-color-low);padding:.375rem;box-sizing:border-box;width:280px}._calendar_1i5hy_6 ._relative_1i5hy_15{position:relative}._calendar_1i5hy_6 ._dropDownCtn_1i5hy_18{position:relative;width:120px;display:flex;justify-content:center;align-items:center}._calendar_1i5hy_6 ._dropDownCtn_1i5hy_18 button{width:120px}._calendar_1i5hy_6 ._calendarHeader_1i5hy_28{display:flex;justify-content:center;align-items:center;margin-bottom:12px;gap:.25rem}._calendar_1i5hy_6 ._calendarHeader_1i5hy_28 span{font-weight:700}._calendar_1i5hy_6 ._calendarWeekdays_1i5hy_38,._calendar_1i5hy_6 ._calendarGrid_1i5hy_39{display:grid;grid-template-columns:repeat(7,1fr);gap:.125rem}._calendar_1i5hy_6 ._calendarWeekdays_1i5hy_38{color:var(--calendar-cell-base-inactiv-num);font-size:.75em;font-weight:600}._calendar_1i5hy_6 ._calendarDay_1i5hy_49,._calendar_1i5hy_6 ._calendarWeekdays_1i5hy_38 div{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}._calendar_1i5hy_6 ._calendarDay_1i5hy_49{border-radius:.25rem;cursor:pointer;color:var(--calendar-cell-base-default-num)}._calendar_1i5hy_6 ._calendarDay_1i5hy_49._today_1i5hy_64{border:1px solid var(--calendar-cell-tooday-default-border)}._calendar_1i5hy_6 ._calendarDay_1i5hy_49._selected_1i5hy_67{background:var(--calendar-cell-active-background);color:var(--calendar-cell-active-num)}._calendar_1i5hy_6 ._calendarDay_1i5hy_49._selected_1i5hy_67:hover{background:var(--calendar-cell-active-background)}._calendar_1i5hy_6 ._calendarDay_1i5hy_49._disabled_1i5hy_74{color:var(--calendar-cell-base-inactiv-num);pointer-events:none}._calendar_1i5hy_6 ._calendarDay_1i5hy_49:hover{background:var(--calendar-cell-base-hover-background)}._calendar_1i5hy_6 ._calendarDay_1i5hy_49._inRange_1i5hy_81{background-color:var(--calendar-cell-base-hover-background)}._calendar_1i5hy_6 ._dropdown_1i5hy_84{position:absolute;top:36px;min-width:110px;border:1px solid var(--general-border-window);background:var(--dropdown-window-background);border-radius:.25rem;box-shadow:0 8px 36px 0 var(--shadow-color-medium);z-index:10;padding:.25rem;max-height:130px}._calendar_1i5hy_6 ._yearList_1i5hy_96{max-height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:.125rem}._calendar_1i5hy_6 ._yearItem_1i5hy_103{padding:.25rem .375rem;cursor:pointer;border-radius:.125rem}._calendar_1i5hy_6 ._yearItem_1i5hy_103:hover{background:var(--dropdown-line-background-hover)}._calendar_1i5hy_6 ._loading_1i5hy_111{text-align:center;font-size:.75em;color:var(--calendar-cell-base-default-num)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._dropzone_jj8g2_30{width:100%;padding:1.125rem;border:2px dashed var(--general-border-window);border-radius:.375rem;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:flex;align-items:center;justify-content:center;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}._dropzone_jj8g2_30:focus-visible{outline:none}._dropzoneActive_jj8g2_48{background:var(--drag-n-drop-background-active);border-color:var(--general-border-window)}._input_jj8g2_53{display:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_olxwb_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_olxwb_30:focus-visible{outline:2px solid var(--button-focus-mode);outline-offset:2px}._button_olxwb_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_olxwb_30:disabled *{fill:var(--button-primary-disabled-text)}._button-round_olxwb_57._button_olxwb_30{border-radius:50%}._button-primary_olxwb_60{color:var(--button-primary-default-text);background:var(--button-primary-default-background)}._button-primary_olxwb_60:hover{background:var(--button-primary-hover-background)}._button-primary_olxwb_60:active{background:var(--button-primary-pressed-background);outline:none}._button-primary_olxwb_60 *{fill:var(--button-primary-default-text)}._button-secondary_olxwb_74{color:var(--button-secondary-default-text);border:1px solid var(--button-secondary-default-border);background:var(--button-secondary-default-background)}._button-secondary_olxwb_74:hover{border:1px solid var(--button-secondary-hover-border);background:var(--button-secondary-hover-background)}._button-secondary_olxwb_74:active{border:1px solid var(--button-secondary-pressed-border);background:var(--button-secondary-pressed-background)}._button-secondary_olxwb_74 *{fill:var(--button-secondary-default-text)}._button-tertiary_olxwb_90{color:var(--button-tertiary-default-text);background-color:transparent;border:1px solid var(--button-tertiary-default-border)}._button-tertiary_olxwb_90:hover{border:1px solid var(--button-tertiary-hover-border);background:var(--button-tertiary-hover-background)}._button-tertiary_olxwb_90:active{border:1px solid var(--button-tertiary-pressed-border);background:var(--button-tertiary-pressed-background)}._button-tertiary_olxwb_90 *{fill:var(--button-tertiary-default-text)}._button-ghost_olxwb_106{color:var(--button-ghost-default-text);background-color:transparent;border:1px solid transparent}._button-ghost_olxwb_106:hover{background:var(--button-ghost-hover-background)}._button-ghost_olxwb_106:active{background-color:var(--button-ghost-pressed-background)}._button-ghost_olxwb_106:disabled{border:none}._button-ghost_olxwb_106 *{fill:var(--button-ghost-default-text)}._button-icon_olxwb_123{fill:var(--text-button-inactive-text);background-color:transparent}._button-icon_olxwb_123:hover{fill:var(--text-button-inactive-hover-text)}._button-icon_olxwb_123:disabled{border:none;background-color:transparent;fill:var(--text-button-disabled-text)}._button-icon-selected_olxwb_135,._button-icon-selected_olxwb_135:hover{fill:var(--text-button-active-text)}._button-icon_olxwb_123 svg{fill:inherit}._button-error_olxwb_144{fill:var(--button-destructive-default-text);background:var(--button-destructive-default-background)}._button-error_olxwb_144:hover{background:var(--button-destructive-hover-background)}._button-error_olxwb_144:active{background:var(--button-destructive-pressed-background)}._button-error_olxwb_144 *{fill:var(--button-destructive-default-text)}._button-size-xl_olxwb_160{border-radius:.5rem;padding:1rem;font-size:1.125em}._button-size-l_olxwb_165{border-radius:.5rem;padding:.75rem;font-size:1em}._button-size-m_olxwb_170{border-radius:.25rem;padding:.5rem;font-size:.875em}._button-size-s_olxwb_175{border-radius:.25rem;padding:.375rem;font-size:.875em}._button-size-menu_olxwb_180{padding:.5rem;font-size:1em;line-height:24px;border-radius:4px}._flexHorizontalCenter_olxwb_187{display:flex;justify-content:center;align-items:center;flex-direction:row}
|
package/dist/styles/Input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._input-
|
|
1
|
+
._input-style_1ch0x_30{font-family:Urbanist,sans-serif;border:1px solid var(--input-primary-default-border);color:var(--input-primary-default-text)}._input-style_1ch0x_30 input{font:inherit;color:var(--input-primary-actived-text);background-color:transparent;border:none;width:100%}._input-style_1ch0x_30 input:focus{outline:none;box-shadow:none;border-color:transparent}._input-style_1ch0x_30 input::placeholder{font:inherit;color:var(--input-primary-default-text)}._input-style_1ch0x_30 input:-webkit-autofill{box-shadow:0 0 0 1000px transparent inset!important;-webkit-text-fill-color:inherit!important;background-color:transparent!important}._input-style_1ch0x_30 *{fill:var(--input-primary-default-icons)}._input-style-disabled_1ch0x_59{background-color:#0000000d;border-color:var(--input-primary-disabled-border);pointer-events:none}._input-style-disabled_1ch0x_59 input{color:var(--input-primary-disabled-text)}._input-style-disabled_1ch0x_59 *{fill:var(--input-primary-disabled-icons)}._input-style-focused_1ch0x_70{color:var(--input-primary-actived-text);border-color:var(--input-primary-actived-border)}._input-style-focused_1ch0x_70 *{fill:var(--icon-selector-button-default-icon)}._input-style-secondary_1ch0x_77{color:var(--input-secondary-default-text);border:1px solid var(--input-secondary-default-border);background:var(--input-secondary-default-background)}._input-style-secondary_1ch0x_77 input{color:var(--input-primary-actived-text)}._input-style-secondary_1ch0x_77 input::placeholder{color:var(--input-secondary-default-text)}._input-style-secondary_1ch0x_77 *{fill:var(--input-secondary-default-icons)}._input-style-ghost_1ch0x_91{border:none}._input-style-error_1ch0x_94{border-color:var(--input-primary-error-border);color:var(--input-primary-error-text)}._input-style-error_1ch0x_94 input::placeholder{color:var(--input-primary-error-text)}._input-style-error_1ch0x_94 *{fill:var(--input-primary-error-icons)}._input-style_1ch0x_30 ._input-container_1ch0x_104{position:relative;width:100%}._input-style-size-xl_1ch0x_111{padding:1rem;font-size:1.125em;line-height:28px;border-radius:8px;gap:.625rem}._input-style-size-l_1ch0x_118{padding:.75rem;font-size:1em;line-height:24px;border-radius:8px;gap:.5rem}._input-style-size-m_1ch0x_125{padding:.5rem;font-size:.875em;line-height:20px;border-radius:4px;gap:.375rem}._input-style-size-s_1ch0x_132{padding:.375rem;font-size:.875em;line-height:20px;border-radius:4px;gap:.25rem}._input-style-radius_1ch0x_139{border-radius:50px}._fullWidth_1ch0x_143{width:100%}._flexHorizontalBetween_1ch0x_147{display:flex;justify-content:space-between;align-items:center;flex-direction:row}._flexHorizontal_1ch0x_147{display:flex;justify-content:flex-start;align-items:center;flex-direction:row}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._size_s_ljbi5_30{--sz: 1rem;--stroke: 2px}._size_m_ljbi5_35{--sz: 1.5rem;--stroke: 2px}._size_l_ljbi5_40{--sz: 2rem;--stroke: 3px}._size_xl_ljbi5_45{--sz: 2.75rem;--stroke: 4px}._root_ljbi5_50{--ring-bg: var(--spinner-background-stroke);--ring-fg: var(--spinner-icons);--fill: var(--spinner-background-stroke);width:var(--sz);height:var(--sz);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;box-sizing:border-box;border:var(--stroke) solid transparent;color:var(--ring-fg);transition:background .12s ease,border-color .12s ease}._idle_ljbi5_72{border-color:var(--ring-bg)}._spinner_ljbi5_76{border-color:var(--ring-bg);border-top-color:var(--ring-fg);animation:_spin_ljbi5_76 .9s linear infinite}._complete_ljbi5_82{border-color:var(--ring-fg)}._iconCheck_ljbi5_86,._iconX_ljbi5_87{align-items:center;justify-content:center}._iconCheck_ljbi5_86{display:inline-flex}._iconX_ljbi5_87{display:none}._hovered_ljbi5_108{background:var(--fill)!important;border-color:transparent}._spinner_ljbi5_76._hovered_ljbi5_108{border-top-color:transparent;animation:none}._hovered_ljbi5_108 ._iconCheck_ljbi5_86{display:none!important}._hovered_ljbi5_108 ._iconX_ljbi5_87{display:inline-flex!important}._clearable_ljbi5_129{cursor:pointer;transition:background .12s ease,border-color .12s ease;background:transparent}._clearable_ljbi5_129:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f640}@keyframes _spin_ljbi5_76{to{transform:rotate(360deg)}}._flexHorizontalCenter_ljbi5_146{display:flex;justify-content:center;align-items:center;flex-direction:row}
|
package/dist/styles/Tag.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tag_qjzpb_6{color:var(--dynamic-color-text);background-color:var(--dynamic-background);border-radius:50px;line-height:normal;gap:.25rem;font-weight:600;letter-spacing:.84px}._tag_qjzpb_6 ._icon_qjzpb_15{display:flex;cursor:pointer;fill:var(--dynamic-color-text)!important}._tag-children_qjzpb_20{color:var(--dynamic-color-text);border-radius:50px;min-width:16px;min-height:16px;aspect-ratio:1/1}._tag-size-xl_qjzpb_30{padding:.5rem .75rem;font-size:1.125em}._tag-size-xl-round_qjzpb_34{padding:.5rem;min-width:12px;min-height:12px;aspect-ratio:1/1}._tag-size-l_qjzpb_40{padding:.375rem .625rem;font-size:1em}._tag-size-l-round_qjzpb_44{padding:.375rem;min-width:12px;min-height:12px;aspect-ratio:1/1}._tag-size-m_qjzpb_50{padding:.25rem .5rem;font-size:.875em}._tag-size-m-round_qjzpb_54{padding:.25rem;min-width:12px;min-height:12px;aspect-ratio:1/1}._tag-size-s_qjzpb_60{padding:.1875rem .5rem;font-size:.75em}._tag-size-s-round_qjzpb_64{padding:.125rem;min-width:12px;min-height:12px;aspect-ratio:1/1}._tag_qjzpb_6 ._label_qjzpb_70{white-space:nowrap}._flexHorizontalCenter_qjzpb_74{display:flex;justify-content:center;align-items:center;flex-direction:row}._flexHorizontal_qjzpb_74{display:flex;justify-content:flex-start;align-items:center;flex-direction:row}
|
package/dist/styles/Toast.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._toast_1ygaj_30{padding:.625rem;display:inline-flex;flex-direction:column;justify-content:start;align-items:start;border-radius:.25rem;border:1px solid var(--general-border-window);background:var(--background-primary);box-shadow:0 4px 4px 0 var(--shadow-color-lowest);width:auto;max-width:80vw;min-width:200px;opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease;position:fixed;z-index:9999}._toast-header_1ygaj_49{display:flex;justify-content:space-between;align-items:center;width:100%}._toast-title-container_1ygaj_55{display:flex;align-items:center;gap:8px}._toast-title_1ygaj_55{font-size:1em;font-style:normal;font-weight:700}._toast-content_1ygaj_65{padding-left:2rem}._base_1ygaj_69 ._toast-title_1ygaj_55{color:var(--general-text-icons)}._success_1ygaj_73 ._toast-title_1ygaj_55{color:var(--color-succes-500)}._error_1ygaj_77 ._toast-title_1ygaj_55{color:var(--color-error-500)}._error_1ygaj_77{border-color:var(--color-error-500)}._bottom-right_1ygaj_84{bottom:1.25rem;right:1.25rem}._bottom-left_1ygaj_89{bottom:1.25rem;left:1.25rem}._top-right_1ygaj_94{top:1.25rem;right:1.25rem}._top-left_1ygaj_99{top:1.25rem;left:1.25rem}._closing_1ygaj_104{opacity:0;transform:translateY(10px)}
|