@pismo/marola 0.0.1-alpha.5 → 0.0.1-alpha.7
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/README.md +13 -2
- package/dist/{Button-D--uN90N.js → Button-B1umG8kJ.js} +3 -3
- package/dist/ClickAwayListener-BKznXF1d.js +106 -0
- package/dist/Dialog.module-CGVM5V_D.js +15 -0
- package/dist/Portal-BcdMtRGF.js +73 -0
- package/dist/{Tabs.module-BKlNuSPH.js → Tabs.module-BA-PC7fA.js} +13 -13
- package/dist/_commonjsHelpers-CT_km90n.js +30 -0
- package/dist/assets/Advice.css +1 -0
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Checkbox.css +1 -0
- package/dist/assets/Dialog.css +1 -1
- package/dist/assets/IconButton.css +1 -1
- package/dist/assets/Input.css +1 -0
- package/dist/assets/Pagination.css +1 -1
- package/dist/assets/Skeleton.css +1 -0
- package/dist/assets/Snackbar.css +1 -0
- package/dist/assets/SortTooltip.css +1 -0
- package/dist/assets/Stepper.css +1 -0
- package/dist/assets/Table.css +1 -0
- package/dist/assets/Tabs.css +1 -1
- package/dist/assets/Toggle.css +1 -0
- package/dist/assets/Tooltip.css +1 -0
- package/dist/assets/Typography.css +1 -1
- package/dist/assets/{main.css → global.css} +1 -1
- package/dist/components/Advice/Advice.d.ts +16 -0
- package/dist/components/Advice/Advice.js +25 -0
- package/dist/components/Button/Button.d.ts +9 -1
- package/dist/components/Button/Button.js +54 -38
- package/dist/components/Button/Button.stories.d.ts +60 -0
- package/dist/components/Button/Button.stories.js +40 -0
- package/dist/components/Checkbox/Checkbox.d.ts +17 -0
- package/dist/components/Checkbox/Checkbox.js +48 -0
- package/dist/components/Dialog/Actions.js +1 -1
- package/dist/components/Dialog/Backdrop.d.ts +1 -1
- package/dist/components/Dialog/Backdrop.js +1 -1
- package/dist/components/Dialog/CloseIconButton.js +12 -124
- package/dist/components/Dialog/Dialog.d.ts +3 -2
- package/dist/components/Dialog/Dialog.js +418 -20072
- package/dist/components/Dialog/Dialog.stories.d.ts +343 -0
- package/dist/components/Dialog/Dialog.stories.js +59 -0
- package/dist/components/Dialog/Title.js +1 -1
- package/dist/components/Icon/Icon.d.ts +18 -0
- package/dist/components/Icon/Icon.js +95 -0
- package/dist/components/IconButton/IconButton.d.ts +3 -3
- package/dist/components/IconButton/IconButton.js +54 -65
- package/dist/components/Input/Input.d.ts +44 -0
- package/dist/components/Input/Input.js +497 -0
- package/dist/components/Input/Input.stories.d.ts +43 -0
- package/dist/components/Input/Input.stories.js +106 -0
- package/dist/components/LoadingSpinner/LoadingSpinner.d.ts +2 -0
- package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts +14 -0
- package/dist/components/LoadingSpinner/LoadingSpinner.stories.js +38 -0
- package/dist/components/PageHeader/PageHeader.d.ts +25 -15
- package/dist/components/PageHeader/PageHeader.js +32 -50
- package/dist/components/PageHeader/PageHeader.stories.d.ts +43 -0
- package/dist/components/PageHeader/PageHeader.stories.js +49 -0
- package/dist/components/Pagination/Pagination.d.ts +1 -1
- package/dist/components/Pagination/Pagination.js +47 -47
- package/dist/components/Skeleton/Skeleton.d.ts +18 -0
- package/dist/components/Skeleton/Skeleton.js +26 -0
- package/dist/components/Snackbar/Snackbar.d.ts +13 -0
- package/dist/components/Snackbar/Snackbar.js +622 -0
- package/dist/components/SortTooltip/SortTooltip.d.ts +26 -0
- package/dist/components/SortTooltip/SortTooltip.js +67 -1
- package/dist/components/Stepper/Stepper.d.ts +16 -0
- package/dist/components/Stepper/Stepper.js +33 -0
- package/dist/components/Table/Table.d.ts +39 -0
- package/dist/components/Table/Table.js +122 -1
- package/dist/components/Table/TableContext.d.ts +19 -0
- package/dist/components/Table/TableContext.js +21 -1
- package/dist/components/Tabs/Tab.d.ts +1 -1
- package/dist/components/Tabs/Tab.js +5 -5
- package/dist/components/Tabs/TabPanel.d.ts +1 -1
- package/dist/components/Tabs/TabPanel.js +4 -4
- package/dist/components/Tabs/Tabs.d.ts +1 -1
- package/dist/components/Tabs/Tabs.js +3 -3
- package/dist/components/Toggle/Toggle.d.ts +14 -0
- package/dist/components/Toggle/Toggle.js +256 -0
- package/dist/components/Tooltip/Tooltip.d.ts +17 -0
- package/dist/components/Tooltip/Tooltip.js +1366 -1
- package/dist/components/Typography/Typography.d.ts +14 -5
- package/dist/components/Typography/Typography.js +76 -59
- package/dist/components/Typography/Typography.stories.d.ts +31 -0
- package/dist/components/Typography/Typography.stories.js +30 -0
- package/dist/components/Typography/typography.test.d.ts +1 -0
- package/dist/components/Typography/typography.test.js +11357 -0
- package/dist/index-BNWbc5Kh.js +19628 -0
- package/dist/{index-BvA1HyDs.js → index-CqjC7P5Y.js} +91 -95
- package/dist/magic-string.es-O_8lTkE3.js +738 -0
- package/dist/main.d.ts +16 -7
- package/dist/main.js +50 -28
- package/dist/objectWithoutPropertiesLoose-D7Cp0Pg_.js +26 -0
- package/dist/test-utils/assertStyles.d.ts +1 -0
- package/dist/test-utils/assertStyles.js +11 -0
- package/dist/types/helpers.d.ts +8 -0
- package/dist/useButton-Bc8IAgyk.js +106 -0
- package/dist/{useCompoundItem-wTwXbURC.js → useCompoundItem-CTYi5M_E.js} +1 -1
- package/dist/useIsFocusVisible-BH4IAdcw.js +69 -0
- package/dist/useTimeout-DxF9kiZL.js +36 -0
- package/dist/utils/styleStrings.d.ts +6 -0
- package/dist/utils/styleStrings.js +10 -0
- package/dist/utils/styleStrings.test.d.ts +1 -0
- package/dist/utils/styleStrings.test.js +41 -0
- package/dist/vi.Y_w82WR8-Df0JUamG.js +9860 -0
- package/package.json +30 -9
- package/dist/Dialog.module-BKWFakxu.js +0 -15
- package/dist/objectWithoutPropertiesLoose-ClNcje2_.js +0 -22
- package/dist/useButton-abQpo0za.js +0 -187
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Marola - component library
|
|
2
2
|
|
|
3
|
-

|
|
4
4
|
|
|
5
5
|
### Commands
|
|
6
6
|
|
|
@@ -9,7 +9,14 @@ changes
|
|
|
9
9
|
|
|
10
10
|
`yarn build` - builds the components ready for publish
|
|
11
11
|
|
|
12
|
-
`yarn test` -
|
|
12
|
+
`yarn test` - calls off to yarn test:unit
|
|
13
|
+
|
|
14
|
+
`yarn test:unit` - runs vitest for unit tests
|
|
15
|
+
|
|
16
|
+
`yarn test:unit:visual` - runs vitest for unit tests in a browser, then when tests are run it will show the output in
|
|
17
|
+
browser
|
|
18
|
+
|
|
19
|
+
`yarn test:unit:watch` - runs vitest and watches for any change and reruns
|
|
13
20
|
|
|
14
21
|
`yarn lint` - performs an eslint across the project code and reports any problems in the terminal
|
|
15
22
|
|
|
@@ -17,6 +24,10 @@ changes
|
|
|
17
24
|
|
|
18
25
|
`yarn publish` - runs a prePublish build (the `build` command) then publishes the contents of the `dist` directory
|
|
19
26
|
|
|
27
|
+
`yarn storybook` - start storybook
|
|
28
|
+
|
|
29
|
+
`yarn build-storybook` - build storybook static files
|
|
30
|
+
|
|
20
31
|
### Tips
|
|
21
32
|
|
|
22
33
|
#### Node version
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { _ as T, a as i } from "./objectWithoutPropertiesLoose-
|
|
1
|
+
import { _ as T, a as i } from "./objectWithoutPropertiesLoose-D7Cp0Pg_.js";
|
|
2
2
|
import * as c from "react";
|
|
3
|
-
import { g as _, a as x,
|
|
3
|
+
import { g as _, a as x, b as B, P as o, c as O, d as D } from "./index-CqjC7P5Y.js";
|
|
4
4
|
import { jsx as F } from "react/jsx-runtime";
|
|
5
|
-
import { u as S } from "./useButton-
|
|
5
|
+
import { u as S } from "./useButton-Bc8IAgyk.js";
|
|
6
6
|
const m = "Button";
|
|
7
7
|
function U(s) {
|
|
8
8
|
return _(m, s);
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import * as t from "react";
|
|
2
|
+
import { u as C, P as f } from "./index-CqjC7P5Y.js";
|
|
3
|
+
import { jsx as w } from "react/jsx-runtime";
|
|
4
|
+
import { u as L, o as h, e as b, a as g } from "./index-BNWbc5Kh.js";
|
|
5
|
+
function T(c) {
|
|
6
|
+
return c.substring(2).toLowerCase();
|
|
7
|
+
}
|
|
8
|
+
function D(c, s) {
|
|
9
|
+
return s.documentElement.clientWidth < c.clientX || s.documentElement.clientHeight < c.clientY;
|
|
10
|
+
}
|
|
11
|
+
function v(c) {
|
|
12
|
+
const {
|
|
13
|
+
children: s,
|
|
14
|
+
disableReactTree: y = !1,
|
|
15
|
+
mouseEvent: i = "onClick",
|
|
16
|
+
onClickAway: P,
|
|
17
|
+
touchEvent: u = "onTouchEnd"
|
|
18
|
+
} = c, l = t.useRef(!1), o = t.useRef(null), d = t.useRef(!1), p = t.useRef(!1);
|
|
19
|
+
t.useEffect(() => (setTimeout(() => {
|
|
20
|
+
d.current = !0;
|
|
21
|
+
}, 0), () => {
|
|
22
|
+
d.current = !1;
|
|
23
|
+
}), []);
|
|
24
|
+
const k = C(
|
|
25
|
+
// @ts-expect-error TODO upstream fix
|
|
26
|
+
s.ref,
|
|
27
|
+
o
|
|
28
|
+
), a = L((e) => {
|
|
29
|
+
const n = p.current;
|
|
30
|
+
p.current = !1;
|
|
31
|
+
const r = h(o.current);
|
|
32
|
+
if (!d.current || !o.current || "clientX" in e && D(e, r))
|
|
33
|
+
return;
|
|
34
|
+
if (l.current) {
|
|
35
|
+
l.current = !1;
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
38
|
+
let E;
|
|
39
|
+
e.composedPath ? E = e.composedPath().indexOf(o.current) > -1 : E = !r.documentElement.contains(
|
|
40
|
+
// @ts-expect-error returns `false` as intended when not dispatched from a Node
|
|
41
|
+
e.target
|
|
42
|
+
) || o.current.contains(
|
|
43
|
+
// @ts-expect-error returns `false` as intended when not dispatched from a Node
|
|
44
|
+
e.target
|
|
45
|
+
), !E && (y || !n) && P(e);
|
|
46
|
+
}), R = (e) => (n) => {
|
|
47
|
+
p.current = !0;
|
|
48
|
+
const r = s.props[e];
|
|
49
|
+
r && r(n);
|
|
50
|
+
}, m = {
|
|
51
|
+
ref: k
|
|
52
|
+
};
|
|
53
|
+
return u !== !1 && (m[u] = R(u)), t.useEffect(() => {
|
|
54
|
+
if (u !== !1) {
|
|
55
|
+
const e = T(u), n = h(o.current), r = () => {
|
|
56
|
+
l.current = !0;
|
|
57
|
+
};
|
|
58
|
+
return n.addEventListener(e, a), n.addEventListener("touchmove", r), () => {
|
|
59
|
+
n.removeEventListener(e, a), n.removeEventListener("touchmove", r);
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
}, [a, u]), i !== !1 && (m[i] = R(i)), t.useEffect(() => {
|
|
63
|
+
if (i !== !1) {
|
|
64
|
+
const e = T(i), n = h(o.current);
|
|
65
|
+
return n.addEventListener(e, a), () => {
|
|
66
|
+
n.removeEventListener(e, a);
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
}, [a, i]), /* @__PURE__ */ w(t.Fragment, {
|
|
70
|
+
children: /* @__PURE__ */ t.cloneElement(s, m)
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
process.env.NODE_ENV !== "production" && (v.propTypes = {
|
|
74
|
+
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
75
|
+
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
76
|
+
// │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
|
|
77
|
+
// └─────────────────────────────────────────────────────────────────────┘
|
|
78
|
+
/**
|
|
79
|
+
* The wrapped element.
|
|
80
|
+
*/
|
|
81
|
+
children: b.isRequired,
|
|
82
|
+
/**
|
|
83
|
+
* If `true`, the React tree is ignored and only the DOM tree is considered.
|
|
84
|
+
* This prop changes how portaled elements are handled.
|
|
85
|
+
* @default false
|
|
86
|
+
*/
|
|
87
|
+
disableReactTree: f.bool,
|
|
88
|
+
/**
|
|
89
|
+
* The mouse event to listen to. You can disable the listener by providing `false`.
|
|
90
|
+
* @default 'onClick'
|
|
91
|
+
*/
|
|
92
|
+
mouseEvent: f.oneOf(["onClick", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", !1]),
|
|
93
|
+
/**
|
|
94
|
+
* Callback fired when a "click away" event is detected.
|
|
95
|
+
*/
|
|
96
|
+
onClickAway: f.func.isRequired,
|
|
97
|
+
/**
|
|
98
|
+
* The touch event to listen to. You can disable the listener by providing `false`.
|
|
99
|
+
* @default 'onTouchEnd'
|
|
100
|
+
*/
|
|
101
|
+
touchEvent: f.oneOf(["onTouchEnd", "onTouchStart", !1])
|
|
102
|
+
});
|
|
103
|
+
process.env.NODE_ENV !== "production" && (v.propTypes = g(v.propTypes));
|
|
104
|
+
export {
|
|
105
|
+
v as C
|
|
106
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import './assets/Dialog.css';
|
|
2
|
+
const _ = "_dialog_1o2te_1", o = "_dialog__backdrop_1o2te_11", i = "_dialog__panel_1o2te_19", l = "_dialog__title_1o2te_35", t = "_dialog__subtitle_1o2te_42", a = "_dialog__divider_1o2te_51", d = "_dialog__actions_1o2te_64", e = {
|
|
3
|
+
dialog: _,
|
|
4
|
+
dialog__backdrop: o,
|
|
5
|
+
dialog__panel: i,
|
|
6
|
+
dialog__title: l,
|
|
7
|
+
"dialog__title--small": "_dialog__title--small_1o2te_39",
|
|
8
|
+
dialog__subtitle: t,
|
|
9
|
+
dialog__divider: a,
|
|
10
|
+
"dialog__close-icon": "_dialog__close-icon_1o2te_55",
|
|
11
|
+
dialog__actions: d
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
e as s
|
|
15
|
+
};
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import * as o from "react";
|
|
2
|
+
import { r as P, a as y } from "./index-BNWbc5Kh.js";
|
|
3
|
+
import { u as T, s as a, P as i } from "./index-CqjC7P5Y.js";
|
|
4
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
5
|
+
import { u as f } from "./useEnhancedEffect-CJGo-L3B.js";
|
|
6
|
+
function N(t, l, s, n, u) {
|
|
7
|
+
if (process.env.NODE_ENV === "production")
|
|
8
|
+
return null;
|
|
9
|
+
const e = t[l], r = u || l;
|
|
10
|
+
return e == null ? null : e && e.nodeType !== 1 ? new Error(`Invalid ${n} \`${r}\` supplied to \`${s}\`. Expected an HTMLElement.`) : null;
|
|
11
|
+
}
|
|
12
|
+
function h(t) {
|
|
13
|
+
return typeof t == "function" ? t() : t;
|
|
14
|
+
}
|
|
15
|
+
const p = /* @__PURE__ */ o.forwardRef(function(l, s) {
|
|
16
|
+
const {
|
|
17
|
+
children: n,
|
|
18
|
+
container: u,
|
|
19
|
+
disablePortal: e = !1
|
|
20
|
+
} = l, [r, d] = o.useState(null), m = T(/* @__PURE__ */ o.isValidElement(n) ? n.ref : null, s);
|
|
21
|
+
if (f(() => {
|
|
22
|
+
e || d(h(u) || document.body);
|
|
23
|
+
}, [u, e]), f(() => {
|
|
24
|
+
if (r && !e)
|
|
25
|
+
return a(s, r), () => {
|
|
26
|
+
a(s, null);
|
|
27
|
+
};
|
|
28
|
+
}, [s, r, e]), e) {
|
|
29
|
+
if (/* @__PURE__ */ o.isValidElement(n)) {
|
|
30
|
+
const E = {
|
|
31
|
+
ref: m
|
|
32
|
+
};
|
|
33
|
+
return /* @__PURE__ */ o.cloneElement(n, E);
|
|
34
|
+
}
|
|
35
|
+
return /* @__PURE__ */ c(o.Fragment, {
|
|
36
|
+
children: n
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
return /* @__PURE__ */ c(o.Fragment, {
|
|
40
|
+
children: r && /* @__PURE__ */ P.createPortal(n, r)
|
|
41
|
+
});
|
|
42
|
+
});
|
|
43
|
+
process.env.NODE_ENV !== "production" && (p.propTypes = {
|
|
44
|
+
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
45
|
+
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
46
|
+
// │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
|
|
47
|
+
// └─────────────────────────────────────────────────────────────────────┘
|
|
48
|
+
/**
|
|
49
|
+
* The children to render into the `container`.
|
|
50
|
+
*/
|
|
51
|
+
children: i.node,
|
|
52
|
+
/**
|
|
53
|
+
* An HTML element or function that returns one.
|
|
54
|
+
* The `container` will have the portal children appended to it.
|
|
55
|
+
*
|
|
56
|
+
* You can also provide a callback, which is called in a React layout effect.
|
|
57
|
+
* This lets you set the container from a ref, and also makes server-side rendering possible.
|
|
58
|
+
*
|
|
59
|
+
* By default, it uses the body of the top-level document object,
|
|
60
|
+
* so it's simply `document.body` most of the time.
|
|
61
|
+
*/
|
|
62
|
+
container: i.oneOfType([N, i.func]),
|
|
63
|
+
/**
|
|
64
|
+
* The `children` will be under the DOM hierarchy of the parent component.
|
|
65
|
+
* @default false
|
|
66
|
+
*/
|
|
67
|
+
disablePortal: i.bool
|
|
68
|
+
});
|
|
69
|
+
process.env.NODE_ENV !== "production" && (p.propTypes = y(p.propTypes));
|
|
70
|
+
export {
|
|
71
|
+
N as H,
|
|
72
|
+
p as P
|
|
73
|
+
};
|
|
@@ -15,7 +15,7 @@ function C(e) {
|
|
|
15
15
|
return u === null || r === null || u === r ? 0 : u.compareDocumentPosition(r) & Node.DOCUMENT_POSITION_PRECEDING ? 1 : -1;
|
|
16
16
|
}), new Map(c.map((t) => [t.key, t.subitem]));
|
|
17
17
|
}
|
|
18
|
-
function
|
|
18
|
+
function N() {
|
|
19
19
|
const [e, c] = n.useState(/* @__PURE__ */ new Map()), t = n.useRef(/* @__PURE__ */ new Set()), a = n.useCallback(function(o) {
|
|
20
20
|
t.current.delete(o), c((b) => {
|
|
21
21
|
const s = new Map(b);
|
|
@@ -42,25 +42,25 @@ function I() {
|
|
|
42
42
|
subitems: r
|
|
43
43
|
};
|
|
44
44
|
}
|
|
45
|
-
const
|
|
46
|
-
process.env.NODE_ENV !== "production" && (
|
|
47
|
-
function
|
|
48
|
-
const e = n.useContext(
|
|
45
|
+
const l = /* @__PURE__ */ n.createContext(null);
|
|
46
|
+
process.env.NODE_ENV !== "production" && (l.displayName = "TabsContext");
|
|
47
|
+
function I() {
|
|
48
|
+
const e = n.useContext(l);
|
|
49
49
|
if (e == null)
|
|
50
50
|
throw new Error("No TabsContext provided");
|
|
51
51
|
return e;
|
|
52
52
|
}
|
|
53
|
-
const f = "
|
|
53
|
+
const f = "_tabs_18ymz_1", x = "_tabs__tab_18ymz_5", w = {
|
|
54
54
|
tabs: f,
|
|
55
55
|
tabs__tab: x,
|
|
56
|
-
"tabs__tab--disabled": "_tabs__tab--
|
|
57
|
-
"tabs__tab--selected": "_tabs__tab--
|
|
58
|
-
"tabs__tab-panel": "_tabs__tab-
|
|
56
|
+
"tabs__tab--disabled": "_tabs__tab--disabled_18ymz_22",
|
|
57
|
+
"tabs__tab--selected": "_tabs__tab--selected_18ymz_31",
|
|
58
|
+
"tabs__tab-panel": "_tabs__tab-panel_18ymz_35"
|
|
59
59
|
};
|
|
60
60
|
export {
|
|
61
61
|
p as C,
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
62
|
+
l as T,
|
|
63
|
+
N as a,
|
|
64
|
+
w as s,
|
|
65
|
+
I as u
|
|
66
66
|
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
var u = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
|
|
2
|
+
function f(e) {
|
|
3
|
+
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
4
|
+
}
|
|
5
|
+
function l(e) {
|
|
6
|
+
if (e.__esModule)
|
|
7
|
+
return e;
|
|
8
|
+
var r = e.default;
|
|
9
|
+
if (typeof r == "function") {
|
|
10
|
+
var t = function o() {
|
|
11
|
+
return this instanceof o ? Reflect.construct(r, arguments, this.constructor) : r.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
t.prototype = r.prototype;
|
|
14
|
+
} else
|
|
15
|
+
t = {};
|
|
16
|
+
return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(o) {
|
|
17
|
+
var n = Object.getOwnPropertyDescriptor(e, o);
|
|
18
|
+
Object.defineProperty(t, o, n.get ? n : {
|
|
19
|
+
enumerable: !0,
|
|
20
|
+
get: function() {
|
|
21
|
+
return e[o];
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
}), t;
|
|
25
|
+
}
|
|
26
|
+
export {
|
|
27
|
+
l as a,
|
|
28
|
+
u as c,
|
|
29
|
+
f as g
|
|
30
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._advice_1yug7_1{display:flex;flex-direction:column;align-items:center;padding:2rem}._advice_1yug7_1 ._content_1yug7_7,._advice_1yug7_1 p{margin:0;font-size:1.5rem;font-weight:700;color:var(--gray-75)}
|
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._h1_2qr61_1{font-size:var(--heading-font-size-xl);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-xl);margin:0}._h1--bold_2qr61_7{font-weight:var(--typography-heading-bold)}._h2_2qr61_11{font-size:var(--heading-font-size-l);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-l);margin:0}._h2--bold_2qr61_17{font-weight:var(--typography-heading-bold)}._h3_2qr61_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_2qr61_27{font-weight:var(--typography-heading-bold)}._h4_2qr61_31{font-size:var(--heading-font-size-s);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-s);margin:0}._h4--bold_2qr61_37{font-weight:var(--typography-heading-bold)}._body_2qr61_41{font-size:var(--body-font-size);font-weight:var(--body-weight);line-height:var(--body-line-height)}._body--large_2qr61_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_2qr61_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_2qr61_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_2qr61_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_2qr61_62{font-weight:var(--body-bold)}._body--strikethrough_2qr61_65{text-decoration:line-through}._body--underlined_2qr61_68{text-decoration:underline}._body--strikethrough-underlined_2qr61_71{text-decoration:underline line-through}._quote_2qr61_75{font-size:var(--quote-font-size);font-weight:var(--quote-font-weight);line-height:var(--quote-line-height)}._quote--large_2qr61_80{font-size:var(--quote-font-size-large);font-weight:var(--quote-font-weight-large);line-height:var(--quote-line-height-large)}._quote--bold_2qr61_85{font-weight:var(--body-bold)}._quote--strikethrough_2qr61_88{text-decoration:line-through}._quote--underlined_2qr61_91{text-decoration:underline}._quote--strikethrough-underlined_2qr61_94{text-decoration:underline line-through}._form__input_2qr61_98{font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height)}._form__hint_2qr61_103{font-size:var(--form-hint-font-size);font-weight:var(--form-hint-font-weight);line-height:var(--form-hint-line-height)}._form__label_2qr61_108{font-size:var(--form-label-font-size);font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}._form__dropdown_2qr61_113{font-size:var(--form-dropdown-font-size);font-weight:var(--form-dropdown-font-weight);line-height:var(--form-dropdown-line-height)}._form--bold_2qr61_118{font-weight:var(--body-bold)}._form--strikethrough_2qr61_121{text-decoration:line-through}._form--underlined_2qr61_124{text-decoration:underline}._form--strikethrough-underlined_2qr61_127{text-decoration:underline line-through}._table__header_2qr61_131{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_2qr61_136{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_2qr61_141{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._table--bold_2qr61_146{font-weight:var(--body-bold)}._table--strikethrough_2qr61_149{text-decoration:line-through}._table--underlined_2qr61_152{text-decoration:underline}._table--strikethrough-underlined_2qr61_155{text-decoration:underline line-through}._button_2qr61_159{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);font-family:Lato,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}._button--bold_2qr61_165{font-weight:var(--body-bold)}._button--strikethrough_2qr61_168{text-decoration:line-through}._button--underlined_2qr61_171{text-decoration:underline}._button--strikethrough-underlined_2qr61_174{text-decoration:underline line-through}._button_2qr61_159{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);padding:10px 35px;cursor:pointer;border:none;border-radius:100px}._button_2qr61_159:focus-visible{outline:none}._button--primary_2qr61_190{color:var(--white-100);background-color:var(--accent)}._button--primary_2qr61_190:hover{background-color:var(--accent-dark)}._button--primary_2qr61_190:focus{color:var(--black-100);background-color:var(--accent-lighter)}._button--primary_2qr61_190:active{background-color:var(--accent-light)}._button--primary_2qr61_190:disabled{color:var(--gray-50);cursor:default;background-color:var(--black-10)}._button--secondary_2qr61_209{color:var(--accent);background-color:var(--white-100)}._button--secondary_2qr61_209:hover{background-color:var(--gray-5)}._button--secondary_2qr61_209:focus{color:var(--black-100)}._button--secondary_2qr61_209:active{color:var(--accent-light)}._button--secondary_2qr61_209:disabled{color:var(--gray-50);cursor:default}._button--quick_2qr61_226{padding:8px 16px;color:var(--accent);background-color:rgb(var(--accent-rgb) .05);border-radius:6px}._button--quick_2qr61_226:hover{color:var(--accent-dark);background-color:rgb(var(--accent-rgb) .1)}._button--quick_2qr61_226:active{color:var(--accent-light)}._button--quick_2qr61_226:focus{color:var(--black-100);background-color:initial;outline:2px solid var(--black-100)}._button--quick_2qr61_226:disabled{color:var(--gray-50);cursor:default;background-color:var(--black-10)}._button__loading-container_2qr61_249{display:flex;gap:8px;align-items:center}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._checkbox-wrapper_14khe_1{display:flex;gap:var(--spacing);align-items:center;cursor:pointer}._checkbox-wrapper_14khe_1 input[type=checkbox]{display:none}._checkbox-wrapper_14khe_1 ._checkmark_14khe_10{display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-50);border-radius:var(--border-radius-soft);--small: 1;--normal: 1.5}._checkbox-wrapper_14khe_1 ._checkmark_14khe_10:not(--checked){transition:var(--transition-soft)}._checkbox-wrapper_14khe_1 ._checkmark--checked_14khe_22{transition:var(--transition-soft)}._checkbox-wrapper_14khe_1 ._checkmark--checked_14khe_22._checkmark--light-theme_14khe_25{border:1px solid var(--accent-light)}._checkbox-wrapper_14khe_1 ._checkmark--checked_14khe_22._checkmark--light-theme_14khe_25 svg path,._checkbox-wrapper_14khe_1 ._checkmark--checked_14khe_22._checkmark--light-theme_14khe_25 svg rect{fill:var(--accent)}._checkbox-wrapper_14khe_1 ._checkmark--checked_14khe_22._checkmark--accent-theme_14khe_32{background:var(--accent);border:1px solid var(--accent)}._checkbox-wrapper_14khe_1 ._checkmark--checked_14khe_22._checkmark--accent-theme_14khe_32 svg rect{fill:var(--white-100)}._checkbox-wrapper_14khe_1 ._checkmark--small-size_14khe_39{width:calc(var(--small) * 1rem);height:calc(var(--small) * 1rem)}._checkbox-wrapper_14khe_1 ._checkmark--small-size_14khe_39 svg{transform:scale(calc(var(--small) / var(--normal)))}._checkbox-wrapper_14khe_1 ._checkmark--normal-size_14khe_46{width:calc(var(--normal) * 1rem);height:calc(var(--normal) * 1rem)}
|
package/dist/assets/Dialog.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._dialog_1o2te_1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;-webkit-box-align:center;-webkit-box-pack:center}._dialog__backdrop_1o2te_11{position:fixed;z-index:-1;width:100%;height:100%;background-color:rgb(var(--black-100-rgb) .05);-webkit-tap-highlight-color:transparent}._dialog__panel_1o2te_19{position:relative;display:flex;flex-direction:column;gap:8px;width:680px;padding:24px;overflow:hidden;font-weight:500;color:var(--gray-75);text-align:start;background-color:var(--white-100);border:1px solid rgb(218,226,237);border-radius:8px;box-shadow:0 10px 20px rgb(var(--black-100-rgb) .2)}._dialog__title_1o2te_35{padding-top:8px;padding-bottom:8px}._dialog__title--small_1o2te_39{font-size:var(--small-font)}._dialog__subtitle_1o2te_42{font-family:Lato,sans-serif;font-size:20px;font-weight:700;line-height:26px;color:var(--secondary-orange-dark);text-align:left;letter-spacing:0}._dialog__divider_1o2te_51{width:100%;border-top:1px solid var(--gray-10)}._dialog__close-icon_1o2te_55{position:absolute;top:27px;right:16px;padding:0;margin:0;background:none;border:none}._dialog__actions_1o2te_64{display:flex;gap:8px;justify-content:center;margin-bottom:16px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._h1_8qiyf_1{font-size:var(--heading-font-size-xl);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-xl);margin:0}._h1--bold_8qiyf_7{font-weight:var(--typography-heading-bold)}._h2_8qiyf_11{font-size:var(--heading-font-size-l);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-l);margin:0}._h2--bold_8qiyf_17{font-weight:var(--typography-heading-bold)}._h3_8qiyf_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_8qiyf_27{font-weight:var(--typography-heading-bold)}._h4_8qiyf_31{font-size:var(--heading-font-size-s);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-s);margin:0}._h4--bold_8qiyf_37{font-weight:var(--typography-heading-bold)}._body_8qiyf_41{font-size:var(--body-font-size);font-weight:var(--body-weight);line-height:var(--body-line-height)}._body--large_8qiyf_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_8qiyf_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_8qiyf_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_8qiyf_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_8qiyf_62{font-weight:var(--body-bold)}._body--strikethrough_8qiyf_65{text-decoration:line-through}._body--underlined_8qiyf_68{text-decoration:underline}._body--strikethrough-underlined_8qiyf_71{text-decoration:underline line-through}._quote_8qiyf_75{font-size:var(--quote-font-size);font-weight:var(--quote-font-weight);line-height:var(--quote-line-height)}._quote--large_8qiyf_80{font-size:var(--quote-font-size-large);font-weight:var(--quote-font-weight-large);line-height:var(--quote-line-height-large)}._quote--bold_8qiyf_85{font-weight:var(--body-bold)}._quote--strikethrough_8qiyf_88{text-decoration:line-through}._quote--underlined_8qiyf_91{text-decoration:underline}._quote--strikethrough-underlined_8qiyf_94{text-decoration:underline line-through}._form__input_8qiyf_98{font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height)}._form__hint_8qiyf_103{font-size:var(--form-hint-font-size);font-weight:var(--form-hint-font-weight);line-height:var(--form-hint-line-height)}._form__label_8qiyf_108{font-size:var(--form-label-font-size);font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}._form__dropdown_8qiyf_113{font-size:var(--form-dropdown-font-size);font-weight:var(--form-dropdown-font-weight);line-height:var(--form-dropdown-line-height)}._form--bold_8qiyf_118{font-weight:var(--body-bold)}._form--strikethrough_8qiyf_121{text-decoration:line-through}._form--underlined_8qiyf_124{text-decoration:underline}._form--strikethrough-underlined_8qiyf_127{text-decoration:underline line-through}._table__header_8qiyf_131{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_8qiyf_136{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_8qiyf_141{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._table--bold_8qiyf_146{font-weight:var(--body-bold)}._table--strikethrough_8qiyf_149{text-decoration:line-through}._table--underlined_8qiyf_152{text-decoration:underline}._table--strikethrough-underlined_8qiyf_155{text-decoration:underline line-through}._button_8qiyf_159{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);font-family:Lato,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}._button--bold_8qiyf_165{font-weight:var(--body-bold)}._button--strikethrough_8qiyf_168{text-decoration:line-through}._button--underlined_8qiyf_171{text-decoration:underline}._button--strikethrough-underlined_8qiyf_174{text-decoration:underline line-through}._icon-button_8qiyf_178{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);padding:10px;cursor:pointer;background-color:transparent;border:none}._icon-button_8qiyf_178:focus-visible{outline:none}._icon-button--primary_8qiyf_190{color:var(--accent);fill:var(--accent)}._icon-button--primary_8qiyf_190:hover{color:var(--accent-dark);fill:var(--accent-dark)}._icon-button--primary_8qiyf_190:active{color:var(--accent-light);fill:var(--accent-light)}._icon-button--primary_8qiyf_190:focus{color:var(--black-100);outline:2px solid var(--black-100);fill:var(--black-100)}._icon-button--primary_8qiyf_190:disabled{color:var(--gray-50);cursor:default;fill:var(--gray-50)}._icon-button--square_8qiyf_212{color:var(--accent);border:1px solid var(--gray-10);border-radius:6px;fill:var(--accent)}._icon-button--square_8qiyf_212:focus{color:var(--black-100);outline:2px solid var(--black-100);fill:var(--black-100)}._icon-button--square_8qiyf_212:disabled{color:var(--gray-50);cursor:default;fill:var(--gray-50)}._icon-button__container_8qiyf_228{display:flex;gap:8px;align-items:center;text-wrap:nowrap}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._input_hm5q2_1 *{box-sizing:border-box}._input__label_hm5q2_4{display:block;margin-bottom:.3125rem;color:var(--gray-75)}._input__input-el-wrapper_hm5q2_9{display:flex;align-items:center;border:solid .0625rem var(--gray-25);border-radius:.375rem;transition:all .3s}._input__input-el_hm5q2_9{all:unset;width:100%;height:2.5rem;padding:0 1rem;font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height);color:var(--gray-90);outline:none}._input__input-el_hm5q2_9::placeholder{color:var(--gray-50)}._input__left-icon_hm5q2_30{padding-left:1rem}._input__right-icon_hm5q2_33{padding-right:1rem}._input__messages-wrapper_hm5q2_36{display:flex;align-items:center;justify-content:space-between}._input__messages-wrapper_hm5q2_36:not(:empty){margin-top:.3125rem}._input__info-message_hm5q2_44,._input__error-message_hm5q2_44{display:flex;gap:.375rem;align-items:center}._input__info-message_hm5q2_44{color:var(--gray-75)}._input__error-message_hm5q2_44{color:var(--alert)}._input__chars-counter_hm5q2_55{margin-left:auto;color:var(--gray-75)}._input--disabled_hm5q2_59 ._input__input-el_hm5q2_9{color:var(--gray-50)}._input_hm5q2_1:has(._input--disabled_hm5q2_59) ._input__label_hm5q2_4{color:var(--gray-25)}._input--focused_hm5q2_65._input__input-el-wrapper_hm5q2_9{border-color:var(--accent)}._input--error_hm5q2_68._input__input-el-wrapper_hm5q2_9{border-color:var(--alert)}._input__input-el-wrapper_hm5q2_9:hover:not(._input--disabled_hm5q2_59,._input--focused_hm5q2_65,._input--error_hm5q2_68){border-color:var(--gray-75)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._pagination_9gf1w_1{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:24px 0}._pagination_9gf1w_1 ._per-page-container_9gf1w_8{font-size:var(--body-font-size-small);font-weight:var(--body-weight);line-height:var(--body-line-height-small);color:var(--gray-90)}._pagination_9gf1w_1 ._per-page-container_9gf1w_8 select{padding:4px 8px;margin:0 8px;border:1px solid var(--gray-10);border-radius:var(--border-radius)}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20{display:flex;gap:8px;align-items:center}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 li{display:flex;padding:0;margin:0;list-style:none}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._pages-navigator-container__label_9gf1w_31,._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._page-number__btn_9gf1w_31{font-size:var(--body-font-size-small);font-weight:var(--body-bold);line-height:var(--body-line-height-small);color:var(--gray-90);cursor:default}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 button{cursor:pointer;background-color:transparent;border:none;outline:none}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._pages-navigator-container__previous-next-btn_9gf1w_44{font-size:var(--body-font-size-tiny);font-weight:var(--body-bold);line-height:var(--body-line-height-tiny);color:var(--accent);transition:all .3s}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._pages-navigator-container__previous-next-btn_9gf1w_44:hover{font-weight:var(--heading-font-weight);color:var(--accent-dark)}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._pages-navigator-container__previous-next-btn_9gf1w_44:disabled{font-weight:var(--heading-font-weight);color:var(--gray-50);cursor:default}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._page-number__btn_9gf1w_31{width:2rem;height:2rem;cursor:pointer;transition:all .3s}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._page-number__btn_9gf1w_31:hover{color:var(--accent-dark)}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._page-number__btn--selected_9gf1w_69{color:var(--white-100);background-color:var(--accent);border-radius:var(--border-radius)}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._page-number__btn--selected_9gf1w_69:hover{background-color:var(--accent-light)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._skeleton_1lho5_1:not(._skeleton--table-type_1lho5_1){background-image:linear-gradient(.25turn,transparent,var(--gray-5),transparent),linear-gradient(var(--gray-10),var(--gray-10));background-repeat:no-repeat;background-position:200% 0,0 0;background-size:200% auto;border-radius:var(--border-radius);animation:_skeletonLoading_1lho5_1 1.5s infinite}._skeleton_1lho5_1:not(._skeleton--table-type_1lho5_1):not(thead){display:block;width:100%;height:1.25rem;content:" "}._skeleton_1lho5_1:not(._skeleton--table-type_1lho5_1)._skeleton--circle-type_1lho5_15{border-radius:50%}._skeleton_1lho5_1._skeleton--table-type_1lho5_1{display:table;width:100%;border-spacing:0}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 thead tr{background-color:var(--gray-10)}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 th ._skeleton_1lho5_1{height:.5rem;background:var(--white-100);animation:none}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 td ._skeleton_1lho5_1{height:.804rem}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 thead tr th:first-child{border-radius:var(--border-radius) 0 0 var(--border-radius)}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 thead tr th:last-child{border-radius:0 var(--border-radius) var(--border-radius) 0}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 thead,._skeleton_1lho5_1._skeleton--table-type_1lho5_1 tr,._skeleton_1lho5_1._skeleton--table-type_1lho5_1 td,._skeleton_1lho5_1._skeleton--table-type_1lho5_1 tbody{display:inherit;border:none}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 thead{display:table-header-group}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 tbody{display:table-row-group}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 tr{display:table-row}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 td,._skeleton_1lho5_1._skeleton--table-type_1lho5_1 th{display:table-cell;padding:1.6621rem 1rem;border:none}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 tr:nth-child(2n){background:inherit}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 tr+tr td{border-top:1px solid var(--gray-10)}@keyframes _skeletonLoading_1lho5_1{to{background-position:-100% 0,0 0}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._snackbar_1xdf2_1{display:block;width:40.5rem;margin:0 auto}@keyframes _bottomToTop_1xdf2_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._snackbar__snackbar-el-wrapper_1xdf2_14{position:fixed;bottom:1rem;z-index:5500}._snackbar--content_1xdf2_19{display:flex;justify-content:space-between;width:40.5rem;height:3.5rem;padding:1rem;overflow:hidden;border-radius:8px}._snackbar_1xdf2_1:has(._snackbar--success_1xdf2_28) ._snackbar--content_1xdf2_19{background-color:var(--secondary-green-darker)}._snackbar_1xdf2_1:has(._snackbar--error_1xdf2_31) ._snackbar--content_1xdf2_19{background-color:var(--alert)}._snackbar_1xdf2_1:has(._snackbar--attention_1xdf2_34) ._snackbar--content_1xdf2_19{background-color:var(--secondary-orange)}._snackbar--message_1xdf2_37{text-align:start}._snackbar--message_1xdf2_37 p{font-size:1rem;font-weight:900;color:var(--white-100)}._snackbar--action_1xdf2_45{position:absolute;top:1rem;right:1rem;padding:0;margin:0;cursor:pointer;background:none;border:none}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._sort-tooltip_11a3z_1 ul{display:flex;flex-direction:column;gap:16px;padding:0;margin:0;list-style:none}._sort-tooltip_11a3z_1 ul li button{display:flex;gap:8px;font-size:var(--body-font-size-small);font-weight:var(--body-bold);line-height:var(--body-line-height-small);color:var(--gray-75);cursor:pointer;background-color:unset;border:none;outline:none}._sort-tooltip_11a3z_1 ul li button._button--selected_11a3z_21{color:var(--accent)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._stepper_1q540_1{display:flex;justify-content:space-between;margin:2.5rem auto}._stepper_1q540_1 ._item_1q540_6{position:relative;display:flex;flex:1;flex-direction:column;align-items:center}._stepper_1q540_1 ._item_1q540_6:before{position:absolute;top:20px;left:-50%;z-index:2;width:100%;content:"";border-bottom:2px solid var(--gray-50);transition:all var(--transition-long)}._stepper_1q540_1 ._item_1q540_6:after{position:absolute;top:20px;left:50%;z-index:2;width:100%;content:"";border-bottom:2px solid var(--gray-50);transition:all var(--transition-long)}._stepper_1q540_1 ._item_1q540_6 ._counter_1q540_33{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-bottom:.5rem;font-size:700;color:var(--gray-50);background-color:var(--white-100);border:2px solid var(--gray-50);border-radius:50%;transition:all var(--transition-long)}._stepper_1q540_1 ._item_1q540_6 ._name_1q540_49{font-size:var(--body-font-size-small);color:var(--gray-50);text-align:center;transition:all var(--transition-long)}._stepper_1q540_1 ._item_1q540_6:first-child:before,._stepper_1q540_1 ._item_1q540_6:last-child:after{content:none}._stepper_1q540_1 ._item--completed_1q540_58 ._counter_1q540_33{font-size:700;color:var(--white-100);background-color:var(--secondary-green-dark);border-color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_1q540_1 ._item--completed_1q540_58 ._name_1q540_49{font-weight:900;color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_1q540_1 ._item--completed_1q540_58:after{position:absolute;top:20px;left:50%;z-index:3;width:100%;content:"";border-bottom:2px solid var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_1q540_1 ._item--active_1q540_80 ._counter_1q540_33{font-size:700;color:var(--secondary-green-dark);background-color:var(--white-100);border-color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_1q540_1 ._item--active_1q540_80 ._name_1q540_49{font-weight:700;color:var(--gray-75);transition:all var(--transition-long)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._table_xe8qp_1{color:var(--secondary-orange);border-spacing:0}._table--full-width_xe8qp_5{width:100%}._table--white-theme_xe8qp_8{background:var(--white-100)}._table--transparent-theme_xe8qp_11{background:transparent}._table_xe8qp_1 th._cell--left-alignment_xe8qp_14,._table_xe8qp_1 td._cell--left-alignment_xe8qp_14{text-align:left}._table_xe8qp_1 th._cell--center-alignment_xe8qp_18,._table_xe8qp_1 td._cell--center-alignment_xe8qp_18{text-align:center}._table_xe8qp_1 th._cell--right-alignment_xe8qp_22,._table_xe8qp_1 td._cell--right-alignment_xe8qp_22{text-align:right}._table_xe8qp_1 thead{font-size:var(--body-font-size-tiny);font-weight:var(--body-bold);color:var(--gray-90);text-transform:uppercase}._table_xe8qp_1 thead tr th{--children-pv: 4px;--children-ph: 8px;align-items:center;padding:calc(1.5rem - var(--children-pv)) calc(.75rem - var(--children-ph));line-height:1rem;border-bottom:1px solid var(--gray-25)}._table_xe8qp_1 thead tr th ._th__wrapper_xe8qp_40{padding:var(--children-pv) var(--children-ph)}._table_xe8qp_1 thead tr th ._th__wrapper--pressed_xe8qp_43{background-color:var(--gray-10);border-radius:6px}._table_xe8qp_1 thead tr th ._th__wrapper--clickable_xe8qp_47{cursor:pointer}._table_xe8qp_1 thead tr th ._th__wrapper_xe8qp_40 ._th__sort-icon-container_xe8qp_50{padding-left:4px}._table_xe8qp_1 tbody{font-size:var(--body-font-size);font-weight:var(--body-weight);color:var(--gray-90)}._table_xe8qp_1 tbody tr:hover:not(._tr__row-or-cell--disabled_xe8qp_58){background-color:rgb(var(--gray-5-rgb) .5)}._table_xe8qp_1 tbody ._tr_xe8qp_58,._table_xe8qp_1 tbody ._td_xe8qp_62{padding:16px 12px;line-height:var(--body-line-height);border-bottom:1px solid var(--gray-10)}._table_xe8qp_1 tbody ._tr__row-or-cell--clickable_xe8qp_67,._table_xe8qp_1 tbody ._td__row-or-cell--clickable_xe8qp_68{cursor:pointer}._table_xe8qp_1 tbody ._tr__row-or-cell--disabled_xe8qp_58,._table_xe8qp_1 tbody ._td__row-or-cell--disabled_xe8qp_72{background:var(--cream);filter:grayscale(1)}._table_xe8qp_1 tbody ._tr__row-or-cell--disabled_xe8qp_58 ._td-wrapper_xe8qp_76,._table_xe8qp_1 tbody ._td__row-or-cell--disabled_xe8qp_72 ._td-wrapper_xe8qp_76{opacity:.25}
|
package/dist/assets/Tabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tabs_18ymz_1{gap:8px;width:100%}._tabs__tab_18ymz_5{min-width:94px;height:48px;padding:0 8px 0 0;color:var(--gray-75);cursor:pointer;background-color:var(--white-100);border:none}._tabs__tab_18ymz_5:hover{color:var(--hover);border-bottom:2px solid var(--hover)}._tabs__tab_18ymz_5:active{color:var(--active);border-bottom:2px solid var(--active)}._tabs__tab--disabled_18ymz_22{color:#00000040;cursor:default;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--disabled_18ymz_22:focus,._tabs__tab--disabled_18ymz_22:active,._tabs__tab--disabled_18ymz_22:hover{color:#00000040;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--selected_18ymz_31{color:var(--accent);border-bottom:2px solid var(--accent)}._tabs__tab-panel_18ymz_35{width:100%;margin-top:16px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._toggle_r6ihm_1{position:relative;display:flex;gap:1rem;align-items:center;cursor:pointer}._toggle_r6ihm_1 *{box-sizing:border-box}._toggle__toggle-el-wrapper_r6ihm_11{width:2.25rem;height:1.5rem}._toggle_r6ihm_1 ._input_r6ihm_15{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;margin:0;cursor:inherit;opacity:0}._toggle_r6ihm_1 ._thumb_r6ihm_26{position:relative;top:.375rem;left:.375rem;display:block;width:.75rem;height:.75rem;background-color:var(--gray-90);border-radius:.75rem;opacity:.4;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.12s;transition-property:all}._toggle_r6ihm_1 ._track_r6ihm_40{position:absolute;display:block;width:2.25rem;height:1.5rem;background:var(--white-100);border-radius:1.5rem;box-shadow:inset 0 0 0 .25rem var(--gray-50);opacity:.4}._toggle--focus-visible_r6ihm_50._toggle__toggle-el-wrapper_r6ihm_11 ._track_r6ihm_40{border:1px solid var(--black-100);opacity:1}._toggle--checked_r6ihm_54._toggle__toggle-el-wrapper_r6ihm_11 ._thumb_r6ihm_26{left:1.125rem;background-color:var(--accent);opacity:1}._toggle--checked_r6ihm_54._toggle__toggle-el-wrapper_r6ihm_11 ._track_r6ihm_40{background:var(--accent);box-shadow:none;opacity:.4}._toggle__label_r6ihm_64{font-size:.875rem;font-weight:400;color:var(--gray-75)}._toggle__toggle-el-wrapper_r6ihm_11:hover:not(._toggle--focus-visible_r6ihm_50,._toggle--checked_r6ihm_54,._toggle--disabled_r6ihm_69) ._track_r6ihm_40{border-color:var(--gray-90);opacity:1}._toggle__toggle-el-wrapper_r6ihm_11:hover:not(._toggle--focus-visible_r6ihm_50,._toggle--checked_r6ihm_54,._toggle--disabled_r6ihm_69) ._thumb_r6ihm_26{opacity:1}._toggle_r6ihm_1:has(._toggle__toggle-el-wrapper_r6ihm_11:hover:not(._toggle--focus-visible_r6ihm_50,._toggle--checked_r6ihm_54,._toggle--disabled_r6ihm_69)) ._toggle__label_r6ihm_64{color:var(--black-100)}._toggle_r6ihm_1:has(._toggle--disabled_r6ihm_69) ._toggle__label_r6ihm_64{color:var(--gray-50)}._toggle_r6ihm_1:has(._toggle--checked_r6ihm_54) ._toggle__label_r6ihm_64{font-weight:900;color:var(--accent)}._toggle_r6ihm_1:has(._toggle--focus-visible_r6ihm_50) ._toggle__label_r6ihm_64{color:var(--black-100)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._tooltip_1dujm_1{border-radius:var(--border-radius);box-shadow:0 6px 12px #0003}._tooltip--small-padding_1dujm_5{padding:10px}._tooltip--normal-padding_1dujm_8{padding:16px}._tooltip--white-theme_1dujm_11{color:var(--gray-75);background-color:var(--white-100)}._tooltip--black-theme_1dujm_15{color:var(--gray-10);background-color:var(--gray-90)}._tooltip--animation_1dujm_20._tooltip--anim-open_1dujm_20{animation:_tooltip--open-animation_1dujm_1 .3s ease-out both}._tooltip--animation_1dujm_20._tooltip--anim-close_1dujm_23{animation:_tooltip--close-animation_1dujm_1 .3s ease-out forwards}@keyframes _tooltip--open-animation_1dujm_1{0%{opacity:0;transform:translateY(-8px) scale(.95)}50%{opacity:1;transform:translateY(4px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _tooltip--close-animation_1dujm_1{0%{filter:blur(0);opacity:1;transform:scale(1) rotate(0)}to{filter:blur(3px);opacity:0;transform:scale(1.2) rotate(4deg)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._h1_13r5p_1{font-size:var(--heading-font-size-xl);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-xl);margin:0}._h1--bold_13r5p_7{font-weight:var(--typography-heading-bold)}._h2_13r5p_11{font-size:var(--heading-font-size-l);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-l);margin:0}._h2--bold_13r5p_17{font-weight:var(--typography-heading-bold)}._h3_13r5p_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_13r5p_27{font-weight:var(--typography-heading-bold)}._h4_13r5p_31{font-size:var(--heading-font-size-s);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-s);margin:0}._h4--bold_13r5p_37{font-weight:var(--typography-heading-bold)}._body_13r5p_41{font-size:var(--body-font-size);font-weight:var(--body-weight);line-height:var(--body-line-height)}._body--large_13r5p_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_13r5p_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_13r5p_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_13r5p_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_13r5p_62{font-weight:var(--body-bold)}._body--strikethrough_13r5p_65{text-decoration:line-through}._body--underlined_13r5p_68{text-decoration:underline}._body--strikethrough-underlined_13r5p_71{text-decoration:underline line-through}._quote_13r5p_75{font-size:var(--quote-font-size);font-weight:var(--quote-font-weight);line-height:var(--quote-line-height)}._quote--large_13r5p_80{font-size:var(--quote-font-size-large);font-weight:var(--quote-font-weight-large);line-height:var(--quote-line-height-large)}._quote--bold_13r5p_85{font-weight:var(--body-bold)}._quote--strikethrough_13r5p_88{text-decoration:line-through}._quote--underlined_13r5p_91{text-decoration:underline}._quote--strikethrough-underlined_13r5p_94{text-decoration:underline line-through}._form__input_13r5p_98{font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height)}._form__hint_13r5p_103{font-size:var(--form-hint-font-size);font-weight:var(--form-hint-font-weight);line-height:var(--form-hint-line-height)}._form__label_13r5p_108{font-size:var(--form-label-font-size);font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}._form__dropdown_13r5p_113{font-size:var(--form-dropdown-font-size);font-weight:var(--form-dropdown-font-weight);line-height:var(--form-dropdown-line-height)}._form--bold_13r5p_118{font-weight:var(--body-bold)}._form--strikethrough_13r5p_121{text-decoration:line-through}._form--underlined_13r5p_124{text-decoration:underline}._form--strikethrough-underlined_13r5p_127{text-decoration:underline line-through}._table__header_13r5p_131{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_13r5p_136{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_13r5p_141{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._table--bold_13r5p_146{font-weight:var(--body-bold)}._table--strikethrough_13r5p_149{text-decoration:line-through}._table--underlined_13r5p_152{text-decoration:underline}._table--strikethrough-underlined_13r5p_155{text-decoration:underline line-through}._button_13r5p_159{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);font-family:Lato,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}._button--bold_13r5p_165{font-weight:var(--body-bold)}._button--strikethrough_13r5p_168{text-decoration:line-through}._button--underlined_13r5p_171{text-decoration:underline}._button--strikethrough-underlined_13r5p_174{text-decoration:underline line-through}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--secondary-orange: #ffa945;--secondary-orange-rgb: 255, 169, 69;--secondary-orange-dark: #fe8d53;--secondary-orange-dark-rgb: 254, 141, 83;--secondary-orange-light: #525061;--secondary-orange-light-rgb: 82, 80, 97;--secondary-green: #99dec3;--secondary-green-rgb: 153, 222, 195;--secondary-green-dark: #6acbb1;--secondary-green-dark-rgb: 106, 203, 177;--secondary-green-darker: #31aa7e;--secondary-green-darker-rgb: 49, 170, 126;--secondary-green-light: #baedd9;--secondary-green-light-rgb: 186, 237, 217;--accent: #1897f3;--accent-rgb: 24, 151, 243;--accent-dark: #1672c7;--accent-dark-rgb: 22, 114, 199;--accent-light: #4fb1f9;--accent-light-rgb: 79, 177, 249;--accent-lighter: #8ae1fd;--accent-lighter-rgb: 138, 225, 253;--alert: #df4561;--alert-rgb: 223, 69, 97;--alert-dark: #bb2b45;--alert-dark-rgb: 187, 43, 69;--accent-alert-light: #f37c91;--accent-alert-light-rgb: 243, 124, 145;--cream: #fafafa;--cream-rgb: 250, 250, 250;--hover: #42b7ff;--hover-rgb: 66, 183, 255;--active: #0a75cc;--active-rgb: 10, 117, 204}:root{--gray-100: #16161e;--gray-100-rgb: 22, 22, 30;--gray-95: #3f3d4b;--gray-95-rgb: 63, 61, 75;--gray-90: #525061;--gray-90-rgb: 82, 80, 97;--gray-75: #838192;--gray-75-rgb: 131, 129, 146;--gray-50: #bcbac8;--gray-50-rgb: 188, 186, 200;--gray-25: #dbdae2;--gray-25-rgb: 219, 218, 226;--gray-10: #ebeaf0;--gray-10-rgb: 235, 234, 240;--gray-5: #f7f7fc;--gray-5-rgb: 247, 247, 252;--black-100: #000000;--black-100-rgb: 0, 0, 0;--black-75: #616161;--black-75-rgb: 97, 97, 97;--black-50: #838192;--black-50-rgb: 131, 129, 146;--black-25: #bcbac8;--black-25-rgb: 188, 186, 200;--black-10: #ebeaf0;--black-10-rgb: 235, 234, 240;--white-100: #ffffff;--white-100-rgb: 255, 255, 255}:root{--heading-font-weight: 700;--heading-font-size-xl: 3.75rem;--heading-line-height-xl: 4.875rem;--heading-font-size-l: 3rem;--heading-line-height-l: 3.9375rem;--heading-font-size: 2.25rem;--heading-line-height: 2.875rem;--heading-font-size-s: 1.5rem;--heading-line-height-s: 2rem;--body-font-size: 1rem;--body-line-height: 1.3125rem;--body-weight: normal;--body-bold: bold;--body-font-size-large: 1.5rem;--body-line-height-large: 1.625rem;--body-font-size-medium: 1.125;--body-line-height-medium: 1rem;--body-font-size-small: .875rem;--body-line-height-small: 1.125rem;--body-font-size-tiny: .75rem;--body-line-height-tiny: 1rem;--quote-font-size-large: 1.5rem;--quote-line-height-large: 2rem;--quote-font-weight-large: normal;--quote-font-size: 1rem;--quote-line-height: 1.3125rem;--quote-font-weight: normal;--form-input-font-size: 1rem;--form-input-line-height: 1.3125rem;--form-input-font-weight: bold;--form-hint-font-size: .875rem;--form-hint-line-height: 1.3125rem;--form-hint-font-weight: normal;--form-label-font-size: .875rem;--form-label-line-height: 1.3125rem;--form-label-font-weight: normal;--form-dropdown-font-size: 1rem;--form-dropdown-line-height: 1.3125rem;--form-dropdown-font-weight: normal;--table-font-size: .875rem;--table-line-height: 1.0625rem;--table-header-font-weight: bold;--table-body-font-weight: normal;--table-body-secondary-line-height: 1.3125rem;--button-font-size: 1rem;--button-line-height: 1.25rem;--button-font-weight: bold}:root{--spacing: 8px;--border-radius: 6px;--border-radius-soft: 4px;--transition-soft: .3s}
|
|
1
|
+
:root{--secondary-orange: #ffa945;--secondary-orange-rgb: 255, 169, 69;--secondary-orange-dark: #fe8d53;--secondary-orange-dark-rgb: 254, 141, 83;--secondary-orange-light: #525061;--secondary-orange-light-rgb: 82, 80, 97;--secondary-green: #99dec3;--secondary-green-rgb: 153, 222, 195;--secondary-green-dark: #6acbb1;--secondary-green-dark-rgb: 106, 203, 177;--secondary-green-darker: #31aa7e;--secondary-green-darker-rgb: 49, 170, 126;--secondary-green-light: #baedd9;--secondary-green-light-rgb: 186, 237, 217;--accent: #1897f3;--accent-rgb: 24, 151, 243;--accent-dark: #1672c7;--accent-dark-rgb: 22, 114, 199;--accent-light: #4fb1f9;--accent-light-rgb: 79, 177, 249;--accent-lighter: #8ae1fd;--accent-lighter-rgb: 138, 225, 253;--alert: #df4561;--alert-rgb: 223, 69, 97;--alert-dark: #bb2b45;--alert-dark-rgb: 187, 43, 69;--accent-alert-light: #f37c91;--accent-alert-light-rgb: 243, 124, 145;--cream: #fafafa;--cream-rgb: 250, 250, 250;--hover: #42b7ff;--hover-rgb: 66, 183, 255;--active: #0a75cc;--active-rgb: 10, 117, 204}:root{--gray-100: #16161e;--gray-100-rgb: 22, 22, 30;--gray-95: #3f3d4b;--gray-95-rgb: 63, 61, 75;--gray-90: #525061;--gray-90-rgb: 82, 80, 97;--gray-75: #838192;--gray-75-rgb: 131, 129, 146;--gray-50: #bcbac8;--gray-50-rgb: 188, 186, 200;--gray-25: #dbdae2;--gray-25-rgb: 219, 218, 226;--gray-10: #ebeaf0;--gray-10-rgb: 235, 234, 240;--gray-5: #f7f7fc;--gray-5-rgb: 247, 247, 252;--black-100: #000000;--black-100-rgb: 0, 0, 0;--black-75: #616161;--black-75-rgb: 97, 97, 97;--black-50: #838192;--black-50-rgb: 131, 129, 146;--black-25: #bcbac8;--black-25-rgb: 188, 186, 200;--black-10: #ebeaf0;--black-10-rgb: 235, 234, 240;--white-100: #ffffff;--white-100-rgb: 255, 255, 255}:root{--heading-font-weight: 700;--heading-font-size-xl: 3.75rem;--heading-line-height-xl: 4.875rem;--heading-font-size-l: 3rem;--heading-line-height-l: 3.9375rem;--heading-font-size: 2.25rem;--heading-line-height: 2.875rem;--heading-font-size-s: 1.5rem;--heading-line-height-s: 2rem;--body-font-size: 1rem;--body-line-height: 1.3125rem;--body-weight: normal;--body-bold: bold;--body-font-size-large: 1.5rem;--body-line-height-large: 1.625rem;--body-font-size-medium: 1.125;--body-line-height-medium: 1rem;--body-font-size-small: .875rem;--body-line-height-small: 1.125rem;--body-font-size-tiny: .75rem;--body-line-height-tiny: 1rem;--quote-font-size-large: 1.5rem;--quote-line-height-large: 2rem;--quote-font-weight-large: normal;--quote-font-size: 1rem;--quote-line-height: 1.3125rem;--quote-font-weight: normal;--form-input-font-size: 1rem;--form-input-line-height: 1.3125rem;--form-input-font-weight: bold;--form-hint-font-size: .875rem;--form-hint-line-height: 1.3125rem;--form-hint-font-weight: normal;--form-label-font-size: .875rem;--form-label-line-height: 1.3125rem;--form-label-font-weight: normal;--form-dropdown-font-size: 1rem;--form-dropdown-line-height: 1.3125rem;--form-dropdown-font-weight: normal;--table-font-size: .875rem;--table-line-height: 1.0625rem;--table-header-font-weight: bold;--table-body-font-weight: normal;--table-body-secondary-line-height: 1.3125rem;--button-font-size: 1rem;--button-line-height: 1.25rem;--button-font-weight: bold}:root{--spacing: 8px;--border-radius: 6px;--border-radius-soft: 4px;--transition-soft: .3s;--transition-long: .75s}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Icon } from '../Icon/Icon';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
export type AdviceTypes = 'without-results' | 'no-permission';
|
|
5
|
+
export type AdviceProps = {
|
|
6
|
+
icon?: React.ComponentProps<typeof Icon>;
|
|
7
|
+
IconSvg?: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
|
|
8
|
+
title?: string | undefined;
|
|
9
|
+
}>;
|
|
10
|
+
type?: AdviceTypes;
|
|
11
|
+
content: ReactNode;
|
|
12
|
+
className?: string;
|
|
13
|
+
'data-testid'?: string;
|
|
14
|
+
};
|
|
15
|
+
declare const Advice: ({ icon, type, content, className, IconSvg, ...rest }: AdviceProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export { Advice };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import '../../assets/Advice.css';
|
|
2
|
+
import { jsxs as m, jsx as t } from "react/jsx-runtime";
|
|
3
|
+
import { c as y } from "../../clsx-DB4S2d7J.js";
|
|
4
|
+
import { Icon as n } from "../Icon/Icon.js";
|
|
5
|
+
const f = "_advice_1yug7_1", h = "_content_1yug7_7", l = {
|
|
6
|
+
advice: f,
|
|
7
|
+
content: h
|
|
8
|
+
}, d = {
|
|
9
|
+
"no-permission": "eye-slash",
|
|
10
|
+
"without-results": "folder-magnifying-glass"
|
|
11
|
+
}, g = ({ icon: s, type: o, content: r, className: i, IconSvg: a, ...c }) => {
|
|
12
|
+
const e = {
|
|
13
|
+
color: (s == null ? void 0 : s.color) || "var(--accent)",
|
|
14
|
+
size: (s == null ? void 0 : s.size) || "3.375rem",
|
|
15
|
+
icon: d[o] || (s == null ? void 0 : s.icon) || "",
|
|
16
|
+
iconFamily: d[o] ? "fa/duotone" : (s == null ? void 0 : s.iconFamily) || "fa/duotone"
|
|
17
|
+
};
|
|
18
|
+
return /* @__PURE__ */ m("div", { className: y(l.advice, i), ...c, children: [
|
|
19
|
+
a ? /* @__PURE__ */ t(a, { style: { color: e.color, height: e.size, width: e.size } }) : /* @__PURE__ */ t(n, { ...e }),
|
|
20
|
+
typeof r == "string" ? /* @__PURE__ */ t("p", { children: r }) : /* @__PURE__ */ t("div", { className: l.content, children: r })
|
|
21
|
+
] });
|
|
22
|
+
};
|
|
23
|
+
export {
|
|
24
|
+
g as Advice
|
|
25
|
+
};
|
|
@@ -3,19 +3,27 @@ import { ReactNode } from 'react';
|
|
|
3
3
|
|
|
4
4
|
type Variant = 'primary' | 'secondary' | 'quick';
|
|
5
5
|
type ButtonCoreProps = {
|
|
6
|
+
/** Button to display and act in a loading state */
|
|
6
7
|
loading?: boolean;
|
|
8
|
+
/** Button to display and act in a disabled state */
|
|
7
9
|
disabled?: boolean;
|
|
10
|
+
/** Space seperated list of CSS classes to apply */
|
|
8
11
|
className?: string;
|
|
12
|
+
/** Text or children to display */
|
|
9
13
|
children: ReactNode;
|
|
14
|
+
/** Space seperated list of CSS classes to apply */
|
|
10
15
|
variant?: Variant;
|
|
11
16
|
};
|
|
12
17
|
interface ButtonPropsWithLink extends ButtonCoreProps {
|
|
18
|
+
/** link for component to navigate to, if provide component will be an anchor */
|
|
13
19
|
link: string;
|
|
14
20
|
}
|
|
15
21
|
interface ButtonPropsWithOnClick extends ButtonCoreProps {
|
|
22
|
+
/** functionality to perform once clicked */
|
|
16
23
|
onClick: () => void;
|
|
24
|
+
/** HTML type of button */
|
|
17
25
|
type?: HTMLButtonElement['type'];
|
|
18
26
|
}
|
|
19
27
|
export type ButtonProps = Either<ButtonPropsWithLink, ButtonPropsWithOnClick>;
|
|
20
|
-
export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import(
|
|
28
|
+
export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
21
29
|
export default Button;
|