@embeddable.com/remarkable-ui 0.1.2 → 0.1.3
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/embeddable-components.json +3 -3
- package/dist/index.js +107 -104
- package/dist/index.js.map +1 -1
- package/dist/remarkable-ui/index.d.ts +2 -0
- package/dist/remarkable-ui/index.d.ts.map +1 -1
- package/dist/remarkable-ui/shared/PageOverlay/PageOverlay.d.ts +3 -0
- package/dist/remarkable-ui/shared/PageOverlay/PageOverlay.d.ts.map +1 -0
- package/dist/remarkable-ui/shared/PageOverlay/PageOverlay.stories.d.ts +10 -0
- package/dist/remarkable-ui/shared/PageOverlay/PageOverlay.stories.d.ts.map +1 -0
- package/dist/remarkable-ui/shared/PageOverlay/PageOverlay.types.d.ts +7 -0
- package/dist/remarkable-ui/shared/PageOverlay/PageOverlay.types.d.ts.map +1 -0
- package/dist/remarkable-ui/shared/PageOverlay/index.d.ts +3 -0
- package/dist/remarkable-ui/shared/PageOverlay/index.d.ts.map +1 -0
- package/dist/remarkable-ui.css +1 -1
- package/package.json +1 -1
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
"DateRangeSelectFieldPro",
|
|
4
4
|
"MultiSelectFieldPro",
|
|
5
5
|
"SingleSelectFieldPro",
|
|
6
|
-
"BarHorizontalChartPro",
|
|
7
6
|
"BarChartPro",
|
|
7
|
+
"PieChartPro",
|
|
8
|
+
"BarHorizontalChartPro",
|
|
8
9
|
"DonutChartPro",
|
|
9
|
-
"DonutLabelChartPro"
|
|
10
|
-
"PieChartPro"
|
|
10
|
+
"DonutLabelChartPro"
|
|
11
11
|
],
|
|
12
12
|
"editors": [],
|
|
13
13
|
"plugin": "react"
|
package/dist/index.js
CHANGED
|
@@ -1,134 +1,137 @@
|
|
|
1
|
-
import { C as
|
|
2
|
-
import { j as s, S as
|
|
3
|
-
import { U as
|
|
4
|
-
import { E as
|
|
5
|
-
import { B as
|
|
6
|
-
import { S as
|
|
7
|
-
import { g as
|
|
8
|
-
import { a as
|
|
9
|
-
import { i as
|
|
10
|
-
import { i as
|
|
11
|
-
import { i as
|
|
12
|
-
import { i as
|
|
13
|
-
import { i as
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
1
|
+
import { C as L, S as k, g as v, r as N, s as A } from "./object.utils-0govHXCl.js";
|
|
2
|
+
import { j as s, S as i, T as x } from "./component.constants-6NMZ0qup.js";
|
|
3
|
+
import { U as D, W as M, Y as F, X as O, a4 as R, _ as B, Z as E, a3 as q, a5 as z, a0 as X, a1 as Y, $, a2 as H, N as K, d as Q, a6 as U, c as V, b as W, ae as Z, z as G, w as J, O as aa, i as sa, Q as ea, P as ta, a as ra, R as ia, r as oa, h as na, p as ca, s as la, g as ha, e as xa, f as ua, ad as pa, ac as da, ab as ma, a9 as ba, aa as wa, a7 as fa, a8 as _a, t as Ca, x as ga, n as Sa, u as ya, q as Ta, y as Ia, v as Pa, l as La, k as ka } from "./component.constants-6NMZ0qup.js";
|
|
4
|
+
import { E as Na, S as Aa } from "./EditorCard-BFdeKBsv.js";
|
|
5
|
+
import { B as Da, b as Ma, i as Fa } from "./index-BrQKf0g9.js";
|
|
6
|
+
import { S as Ra } from "./SingleSelectField-BoakZ3K2.js";
|
|
7
|
+
import { g as Ea } from "./formatter.utils-rh4NsBc4.js";
|
|
8
|
+
import { a as za, g as Xa } from "./pies.utils-DyNM3HSC.js";
|
|
9
|
+
import { i as $a } from "./index-CBA5Nozk.js";
|
|
10
|
+
import { i as Ka } from "./index-BtvUiTZF.js";
|
|
11
|
+
import { i as Ua } from "./index-BZPfvP3T.js";
|
|
12
|
+
import { i as Wa } from "./index-CVnmI9nB.js";
|
|
13
|
+
import { i as Ga } from "./index-DOLUhRmQ.js";
|
|
14
|
+
const u = "_overlay_1wzuc_1", p = {
|
|
15
|
+
overlay: u
|
|
16
|
+
}, y = ({ className: e, children: r }) => /* @__PURE__ */ s.jsx("div", { className: i(p.overlay, e), children: r }), d = "_switchContainer_16fow_1", m = "_switchLabel_16fow_8", b = "_switchInput_16fow_14", w = "_switchTrack_16fow_21", f = "_switchThumb_16fow_51", _ = "_checked_16fow_66", C = "_disabled_16fow_78", g = "_labelText_16fow_100", a = {
|
|
17
|
+
switchContainer: d,
|
|
18
|
+
switchLabel: m,
|
|
19
|
+
switchInput: b,
|
|
20
|
+
switchTrack: w,
|
|
21
|
+
switchThumb: f,
|
|
22
|
+
checked: _,
|
|
23
|
+
disabled: C,
|
|
24
|
+
labelText: g
|
|
25
|
+
}, T = ({
|
|
26
|
+
checked: e,
|
|
27
|
+
onChange: r,
|
|
28
|
+
disabled: t = !1,
|
|
27
29
|
className: c,
|
|
28
30
|
label: o,
|
|
29
31
|
...n
|
|
30
32
|
}) => {
|
|
31
33
|
const l = (h) => {
|
|
32
|
-
!
|
|
34
|
+
!t && r && r(h.target.checked);
|
|
33
35
|
};
|
|
34
36
|
return n["aria-label"] || console.warn(
|
|
35
37
|
"Switch component requires either a label prop or aria-label prop for accessibility"
|
|
36
|
-
), /* @__PURE__ */ s.jsx("div", { className:
|
|
38
|
+
), /* @__PURE__ */ s.jsx("div", { className: i(a.switchContainer, c), children: /* @__PURE__ */ s.jsxs(
|
|
37
39
|
"label",
|
|
38
40
|
{
|
|
39
|
-
className:
|
|
41
|
+
className: i(a.switchLabel, e && a.checked, t && a.disabled),
|
|
40
42
|
children: [
|
|
41
43
|
/* @__PURE__ */ s.jsx(
|
|
42
44
|
"input",
|
|
43
45
|
{
|
|
44
46
|
type: "checkbox",
|
|
45
|
-
checked:
|
|
47
|
+
checked: e,
|
|
46
48
|
onChange: l,
|
|
47
|
-
disabled:
|
|
49
|
+
disabled: t,
|
|
48
50
|
className: a.switchInput,
|
|
49
51
|
role: "switch",
|
|
50
|
-
"aria-checked":
|
|
51
|
-
"aria-disabled":
|
|
52
|
+
"aria-checked": e,
|
|
53
|
+
"aria-disabled": t,
|
|
52
54
|
...n
|
|
53
55
|
}
|
|
54
56
|
),
|
|
55
57
|
/* @__PURE__ */ s.jsx("span", { className: a.switchTrack, "aria-hidden": "true", children: /* @__PURE__ */ s.jsx("span", { className: a.switchThumb, "aria-hidden": "true" }) }),
|
|
56
|
-
o && /* @__PURE__ */ s.jsx(x, { as: "span", className:
|
|
58
|
+
o && /* @__PURE__ */ s.jsx(x, { as: "span", className: i(a.labelText, t && a.disabled), children: o })
|
|
57
59
|
]
|
|
58
60
|
}
|
|
59
61
|
) });
|
|
60
62
|
};
|
|
61
63
|
export {
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
64
|
+
Da as Button,
|
|
65
|
+
D as Card,
|
|
66
|
+
M as CardContent,
|
|
67
|
+
F as CardContentInfo,
|
|
68
|
+
O as CardHeader,
|
|
69
|
+
L as ChartCard,
|
|
70
|
+
Ga as DateRangeSelectFieldPro,
|
|
71
|
+
R as DonutChart,
|
|
72
|
+
Ka as DonutChartPro,
|
|
73
|
+
Ua as DonutLabelChartPro,
|
|
74
|
+
B as Dropdown,
|
|
75
|
+
Na as EditorCard,
|
|
76
|
+
E as IconButton,
|
|
77
|
+
Ma as MultiSelectField,
|
|
78
|
+
Fa as MultiSelectFieldPro,
|
|
79
|
+
q as NumberField,
|
|
80
|
+
y as PageOverlay,
|
|
81
|
+
z as PieChart,
|
|
82
|
+
$a as PieChartPro,
|
|
83
|
+
X as SelectButton,
|
|
84
|
+
Y as SelectList,
|
|
85
|
+
$ as SelectListOption,
|
|
86
|
+
Aa as SelectListOptions,
|
|
87
|
+
Ra as SingleSelectField,
|
|
88
|
+
Wa as SingleSelectFieldPro,
|
|
89
|
+
k as Skeleton,
|
|
90
|
+
T as Switch,
|
|
91
|
+
H as TextField,
|
|
89
92
|
x as Typography,
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
93
|
+
K as chartColors,
|
|
94
|
+
Q as dataset,
|
|
95
|
+
U as defaultPieChartOptions,
|
|
96
|
+
V as description,
|
|
97
|
+
W as dimension,
|
|
98
|
+
Z as dimensions,
|
|
99
|
+
za as getDefaultPieChartOptions,
|
|
100
|
+
v as getObjectStableKey,
|
|
101
|
+
Xa as getPieChartData,
|
|
102
|
+
G as getStyle,
|
|
103
|
+
J as getStyleNumber,
|
|
104
|
+
Ea as getThemeFormatter,
|
|
105
|
+
aa as i18n,
|
|
106
|
+
sa as i18nSetup,
|
|
107
|
+
ea as maxLegendItems,
|
|
108
|
+
ta as measure,
|
|
109
|
+
ra as measures,
|
|
110
|
+
ia as placeholder,
|
|
111
|
+
N as remarkableTheme,
|
|
112
|
+
oa as resolveI18nProps,
|
|
113
|
+
na as reverseXAxis,
|
|
114
|
+
ca as reverseYAxis,
|
|
115
|
+
la as showLegend,
|
|
116
|
+
ha as showLogarithmicScale,
|
|
117
|
+
xa as showTooltips,
|
|
118
|
+
ua as showValueLabels,
|
|
119
|
+
A as styles,
|
|
120
|
+
pa as subInputAbbreviateLargeNumber,
|
|
121
|
+
da as subInputCurrency,
|
|
122
|
+
ma as subInputDecimalPlaces,
|
|
123
|
+
ba as subInputDisplayName,
|
|
124
|
+
wa as subInputMaxCharacters,
|
|
125
|
+
fa as subInputPrefix,
|
|
126
|
+
_a as subInputSuffix,
|
|
127
|
+
Ca as title,
|
|
128
|
+
ga as xAxisLabel,
|
|
129
|
+
Sa as xAxisMaxItems,
|
|
130
|
+
ya as xAxisRangeMax,
|
|
131
|
+
Ta as xAxisRangeMin,
|
|
132
|
+
Ia as yAxisLabel,
|
|
133
|
+
Pa as yAxisMaxItems,
|
|
134
|
+
La as yAxisRangeMax,
|
|
135
|
+
ka as yAxisRangeMin
|
|
133
136
|
};
|
|
134
137
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/remarkable-ui/shared/Switch/Switch.tsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport styles from './Switch.module.css';\nimport { Typography } from '../Typography/Typography';\n\ntype SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {\n onChange?: (checked: boolean) => void;\n disabled?: boolean;\n className?: string;\n label?: string;\n};\n\nexport const Switch: React.FC<SwitchProps> = ({\n checked,\n onChange,\n disabled = false,\n className,\n label,\n ...props\n}) => {\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (!disabled && onChange) {\n onChange(event.target.checked);\n }\n };\n\n // Ensure accessibility: either aria-label must be provided\n if (!props['aria-label']) {\n console.warn(\n 'Switch component requires either a label prop or aria-label prop for accessibility',\n );\n }\n\n return (\n <div className={clsx(styles.switchContainer, className)}>\n <label\n className={clsx(styles.switchLabel, checked && styles.checked, disabled && styles.disabled)}\n >\n <input\n type=\"checkbox\"\n checked={checked}\n onChange={handleChange}\n disabled={disabled}\n className={styles.switchInput}\n role=\"switch\"\n aria-checked={checked}\n aria-disabled={disabled}\n {...props}\n />\n <span className={styles.switchTrack} aria-hidden=\"true\">\n <span className={styles.switchThumb} aria-hidden=\"true\" />\n </span>\n {label && (\n <Typography as=\"span\" className={clsx(styles.labelText, disabled && styles.disabled)}>\n {label}\n </Typography>\n )}\n </label>\n </div>\n );\n};\n"],"names":["
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/remarkable-ui/shared/PageOverlay/PageOverlay.tsx","../src/remarkable-ui/shared/Switch/Switch.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport styles from './PageOverlay.module.css';\nimport type { PageOverlayProps } from './PageOverlay.types';\n\nexport const PageOverlay: React.FC<PageOverlayProps> = ({ className, children }) => {\n return <div className={clsx(styles.overlay, className)}>{children}</div>;\n};\n","import React from 'react';\nimport clsx from 'clsx';\nimport styles from './Switch.module.css';\nimport { Typography } from '../Typography/Typography';\n\ntype SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {\n onChange?: (checked: boolean) => void;\n disabled?: boolean;\n className?: string;\n label?: string;\n};\n\nexport const Switch: React.FC<SwitchProps> = ({\n checked,\n onChange,\n disabled = false,\n className,\n label,\n ...props\n}) => {\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (!disabled && onChange) {\n onChange(event.target.checked);\n }\n };\n\n // Ensure accessibility: either aria-label must be provided\n if (!props['aria-label']) {\n console.warn(\n 'Switch component requires either a label prop or aria-label prop for accessibility',\n );\n }\n\n return (\n <div className={clsx(styles.switchContainer, className)}>\n <label\n className={clsx(styles.switchLabel, checked && styles.checked, disabled && styles.disabled)}\n >\n <input\n type=\"checkbox\"\n checked={checked}\n onChange={handleChange}\n disabled={disabled}\n className={styles.switchInput}\n role=\"switch\"\n aria-checked={checked}\n aria-disabled={disabled}\n {...props}\n />\n <span className={styles.switchTrack} aria-hidden=\"true\">\n <span className={styles.switchThumb} aria-hidden=\"true\" />\n </span>\n {label && (\n <Typography as=\"span\" className={clsx(styles.labelText, disabled && styles.disabled)}>\n {label}\n </Typography>\n )}\n </label>\n </div>\n );\n};\n"],"names":["PageOverlay","className","children","jsx","clsx","styles","Switch","checked","onChange","disabled","label","props","handleChange","event","jsxs","Typography"],"mappings":";;;;;;;;;;;;;;;GAIaA,IAA0C,CAAC,EAAE,WAAAC,GAAW,UAAAC,QAC5DC,gBAAAA,EAAAA,IAAC,SAAI,WAAWC,EAAKC,EAAO,SAASJ,CAAS,GAAI,UAAAC,GAAS;;;;;;;;;GCOvDI,IAAgC,CAAC;AAAA,EAC5C,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAR;AAAA,EACA,OAAAS;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAe,CAACC,MAA+C;AACnE,IAAI,CAACJ,KAAYD,KACfA,EAASK,EAAM,OAAO,OAAO;AAAA,EAEjC;AAGA,SAAKF,EAAM,YAAY,KACrB,QAAQ;AAAA,IACN;AAAA,EAAA,yBAKD,OAAA,EAAI,WAAWP,EAAKC,EAAO,iBAAiBJ,CAAS,GACpD,UAAAa,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWV,EAAKC,EAAO,aAAaE,KAAWF,EAAO,SAASI,KAAYJ,EAAO,QAAQ;AAAA,MAE1F,UAAA;AAAA,QAAAF,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAAI;AAAA,YACA,UAAUK;AAAA,YACV,UAAAH;AAAA,YACA,WAAWJ,EAAO;AAAA,YAClB,MAAK;AAAA,YACL,gBAAcE;AAAA,YACd,iBAAeE;AAAA,YACd,GAAGE;AAAA,UAAA;AAAA,QAAA;AAAA,QAENR,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAWE,EAAO,aAAa,eAAY,QAC/C,UAAAF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAWE,EAAO,aAAa,eAAY,QAAO,GAC1D;AAAA,QACCK,KACCP,gBAAAA,EAAAA,IAACY,GAAA,EAAW,IAAG,QAAO,WAAWX,EAAKC,EAAO,WAAWI,KAAYJ,EAAO,QAAQ,GAChF,UAAAK,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}
|
|
@@ -7,6 +7,8 @@ export { Dropdown } from './shared/Dropdown/Dropdown';
|
|
|
7
7
|
export { SelectListOption, type SelectListOptionProps, } from './editors/select/shared/SelectList/SelectListOptions/SelectListOption/SelectListOption';
|
|
8
8
|
export { SelectListOptions } from './editors/select/shared/SelectList/SelectListOptions/SelectListOptions';
|
|
9
9
|
export { Button } from './shared/Button/Button';
|
|
10
|
+
export { PageOverlay } from './shared/PageOverlay';
|
|
11
|
+
export type { PageOverlayProps } from './shared/PageOverlay';
|
|
10
12
|
export { MultiSelectField } from './editors/select/MultiSelectField/MultiSelectField';
|
|
11
13
|
export { Switch } from './shared/Switch/Switch';
|
|
12
14
|
export { SelectButton } from './editors/select/shared/SelectButton/SelectButton';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/remarkable-ui/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,wFAAwF,CAAC;AAChG,OAAO,EAAE,iBAAiB,EAAE,MAAM,wEAAwE,CAAC;AAC3G,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,OAAO,EAAE,YAAY,EAAE,MAAM,mDAAmD,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sDAAsD,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAGhE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAGtE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,KAAK,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAGhE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/remarkable-ui/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,wFAAwF,CAAC;AAChG,OAAO,EAAE,iBAAiB,EAAE,MAAM,wEAAwE,CAAC;AAC3G,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,OAAO,EAAE,YAAY,EAAE,MAAM,mDAAmD,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sDAAsD,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAGhE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAGtE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,KAAK,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAGhE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageOverlay.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/PageOverlay/PageOverlay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAElD,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-webpack5';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
component: import('react').FC<import('./PageOverlay.types').PageOverlayProps>;
|
|
4
|
+
};
|
|
5
|
+
export default meta;
|
|
6
|
+
type Story = StoryObj<typeof meta>;
|
|
7
|
+
export declare const Default: Story;
|
|
8
|
+
export declare const WithCustomContent: Story;
|
|
9
|
+
export declare const SimpleOverlay: Story;
|
|
10
|
+
//# sourceMappingURL=PageOverlay.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageOverlay.stories.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/PageOverlay/PageOverlay.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAOhE,QAAA,MAAM,IAAI;;CAE0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAgBnC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAmC/B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA2B3B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageOverlay.types.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/PageOverlay/PageOverlay.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/PageOverlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}
|
package/dist/remarkable-ui.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._card_1n3lc_1{position:relative;display:flex;flex-direction:column;gap:var(--em-card-gap-default, 2rem);padding:var(--em-card-padding-default, 2rem);border-radius:var(--em-card-border-radius-default, 2rem);background:var(--em-background-color-default, #f7f7f8);box-sizing:border-box;height:100%;width:100%}._content_1n3lc_14{display:flex;flex-direction:column;flex-grow:1;overflow:auto}._header_1n3lc_21{width:100%;display:flex;gap:var(--em-card-title-padding-default, 1rem);justify-content:space-between;position:relative}._titles_1n3lc_29{display:flex;flex-direction:column;gap:var(--em-card-title-padding-default, 1rem)}._title_1n3lc_29{color:var(--em-card-title-color-default, #212129);font-size:var(--em-card-title-font-size, 1.25rem);font-style:normal;font-weight:var(--em-card-title-font-weight, 700);line-height:var(--em-card-title-font-line-height, 1.1875rem)}._subtitle_1n3lc_43{color:var(--em-foreground-color-muted, #5c5c66);font-family:var(--em-card-subtitle-font-font-family, Inter);font-size:var(--em-card-subtitle-font-size, .875rem);font-style:normal;font-weight:var(--em-card-subtitle-font-weight, 400);line-height:var(--em-card-subtitle-font-line-height, .875rem)}._typography_1vbmb_1{font-family:var(--em-font-default, "Inter", sans-serif);margin:unset}._info_11vdf_1{display:flex;flex-direction:column;align-items:center;margin:auto;gap:var(--em-card-info-padding-default, .75rem)}._title_11vdf_9{color:var(--em-card-empty-title-color-default, #212129);text-align:center;font-size:var(--em-card-empty-title-font-size, .875rem);font-style:normal;font-weight:var(--em-card-empty-title-font-weight, 500);line-height:var(--em-card-empty-title-font-line-height, 1rem)}._message_11vdf_18{color:var(--em-card-empty-subtitle-color-default, #5c5c66);text-align:center;font-size:var(--em-card-empty-subtitle-font-size, .875rem);font-style:normal;font-weight:var(--em-card-empty-subtitle-font-weight, 400);line-height:var(--em-card-empty-subtitle-font-line-height, 1rem)}._iconButton_1i8pr_1{cursor:pointer;padding:var(--em-icon-btn-padding-top, .5rem) var(--em-icon-btn-padding-right, .125rem) var(--em-icon-btn-padding-bottom, .5rem) var(--em-icon-btn-padding-left, .125rem);border-radius:var(--em-icon-btn-border-radius-default, 9999px);background:var(--em-icon-btn-bg-color-default, #ededf1);border:none;width:var(--em-icon-btn-size-width, 1.25rem);height:var(--em-icon-btn-size-height, 2rem);display:flex;outline:none}._iconButton_1i8pr_1:hover,._iconButton_1i8pr_1:focus{background:var(--em-icon-btn-bg-color-hover, #e4e4ea)}._iconButton_1i8pr_1:active{background:var(--em-icon-btn-bg-color-pressed, #d2d2d5)}._iconButton_1i8pr_1:disabled{pointer-events:none;background:var(--em-icon-btn-bg-color-disabled, #ededf1)}._icon_1i8pr_1{width:var(--em-icon-btn-icon-size-width, 1rem);height:var(--em-icon-btn-icon-size-height, 1rem)}._listItem_1yck8_1{box-sizing:border-box;height:var(--em-select-list-item-size-height, 2rem);max-height:var(--em-select-list-item-size-height, 2rem);padding:var(--em-select-list-item-padding-default, .5rem);border-radius:var(--em-select-list-item-border-radius-default, .5rem);background:var(--em-select-list-item-background-color-default, #fff);color:var(--em-select-list-item-label-color-default, #212129);font-style:normal;display:flex;outline:none;cursor:pointer;align-items:center;justify-content:space-between;width:100%;overflow:hidden}._listItem_1yck8_1 ._leftContent_1yck8_20{flex:1 1 auto;min-width:0;overflow:hidden;display:flex}._listItem_1yck8_1 ._rightContent_1yck8_27{flex:0 0 auto;max-width:50%;display:flex}._listItem_1yck8_1 ._leftContent_1yck8_20 p,._listItem_1yck8_1 ._rightContent_1yck8_27 p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._listItem_1yck8_1:hover,._listItem_1yck8_1:focus{background:var(--em-select-list-item-background-color-hover, #f7f7f8)}._listItem_1yck8_1:active{background:var(--em-select-list-item-background-color-pressed, #ededf1)}._listItem_1yck8_1._disabled_1yck8_49{color:var(--em-select-list-item-label-color-disabled, #b8b8bd);pointer-events:none;-webkit-user-select:none;user-select:none}._listItem_1yck8_1 ._leftContent_1yck8_20 p{padding:0 var(--em-select-list-item-label-padding-default, .5rem);font-size:var(--em-select-list-item-left-label-font-size, .75rem);font-weight:var(--em-select-list-item-left-label-font-weight, 500);line-height:var(--em-select-list-item-left-label-font-line-height, .875rem)}._listItem_1yck8_1 ._rightContent_1yck8_27 p{color:var(--em-select-list-item-right-label-color-default, #5c5c66);padding:0 var(--em-select-list-item-label-padding-default, .5rem);font-size:var(--em-select-list-item-right-label-font-size, .75rem);font-weight:var(--em-select-list-item-right-label-font-weight, 400);line-height:var(--em-select-list-item-right-label-font-line-height, .875rem)}._listItem_1yck8_1._selected_1yck8_72{background:var(--em-select-list-item-background-color-selected, #212129);color:var(--em-select-list-item-left-label-color-selected, #fff)}._listItem_1yck8_1._selected_1yck8_72 ._leftContent_1yck8_20 p,._listItem_1yck8_1._selected_1yck8_72 ._rightContent_1yck8_27 p{color:inherit}._listItem_1yck8_1 svg,._listItem_1yck8_1 img{width:var(--em-select-list-item-icon-size-width, 1rem);height:var(--em-select-list-item-icon-size-height, 1rem);color:inherit}._button_1jnyv_1{display:flex;align-items:center;justify-content:space-between;padding:var(--em-select-menu-padding-default, .75rem);border-radius:var(--em-select-menu-border-radius-default, .75rem);border:var(--em-select-menu-border-width-default, 1px) solid var(--em-select-menu-border-color-default, #d2d2d5);background:var(--em-select-menu-background-color-default, #fff);cursor:pointer;color:var(--em-select-menu-label-color-default, #212129);height:var(--em-select-menu-size-height-default, 2rem);max-height:var(--em-select-menu-size-height-default, 2rem);min-width:var(--em-select-menu-size-width-min-width, 10rem);width:100%;outline:none}._button_1jnyv_1 ._rightContent_1jnyv_19{flex-shrink:0}._button_1jnyv_1 ._leftContent_1jnyv_23{display:flex;flex-grow:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._button_1jnyv_1 ._leftContent_1jnyv_23 span{text-align:left;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 var(--em-select-menu-label-padding-default, .5rem);font-size:var(--em-select-menu-label-font-size, .75rem);font-style:normal;font-weight:var(--em-select-menu-label-font-weight, 500);line-height:var(--em-select-menu-label-font-line-height, .875rem)}._button_1jnyv_1:hover,._button_1jnyv_1:focus{background:var(--em-select-menu-background-color-hover, #f7f7f8)}._button_1jnyv_1:active{background:var(--em-select-menu-background-color-pressed, #ededf1)}._button_1jnyv_1._hasValue_1jnyv_55{background:var(--em-select-menu-background-color-selected, #212129);color:var(--em-select-menu-label-color-selected, #fff)}._button_1jnyv_1:disabled{background:var(--em-select-menu-background-color-disabled, #fff);color:var(--em-select-menu-label-color-disabled, #b8b8bd);cursor:unset}._button_1jnyv_1 span svg{width:var(--em-select-menu-icon-size-width, 1rem);height:var(--em-select-menu-icon-size-height, 1rem)}@keyframes _spin_1jnyv_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loading_1jnyv_80{animation:_spin_1jnyv_1 1s linear infinite}._list_11j5f_1{display:flex;flex-direction:column;outline:none;box-sizing:border-box;max-width:max(var(--radix-dropdown-menu-trigger-width),var(--em-select-menu-size-width-max-width, 25rem));min-width:var(--radix-dropdown-menu-trigger-width);padding:var(--em-padding-200, .5rem);max-height:var(--em-select-menu-list-size-max-height, 20rem);gap:var(--em-select-menu-list-gap-default, .5rem);border-radius:var(--em-border-radius-300, .75rem);background:var(--em-background-color-neutral, #fff);box-shadow:var(--em-box-shadow-default-position-x, 0) var(--em-box-shadow-default-position-y, 1px) var(--em-box-shadow-default-blur, 40px) var(--em-box-shadow-default-spread, 0) var(--em-box-shadow-default-color, rgba(33, 33, 41, .25))}._input_1qaa2_1{display:flex;align-items:center;box-sizing:border-box;height:var(--em-text-input-size-height, 2rem);width:100%;padding:var(--em-text-input-padding-default, .5rem);border-radius:var(--em-text-input-border-radius-default, .5rem);border:var(--em-text-input-border-width-default, 1px) solid var(--em-text-input-border-color-default, #d2d2d5);background:var(--em-text-input-background-color-default, #f7f7f8);color:var(--em-text-input-label-color-filled, #212129)}._input_1qaa2_1:hover{background:var(--em-text-input-background-color-hover, #e4e4ea);color:var(--em-text-input-label-color-hover, #5c5c66)}._input_1qaa2_1:focus-within{background:var(--em-text-input-background-color-hover, #e4e4ea);color:var(--em-text-input-label-color-focused, #212129)}._input_1qaa2_1 svg{width:var(--em-select-menu-icon-size-width, 1rem);height:var(--em-select-menu-icon-size-height, 1rem)}._input_1qaa2_1 input{border:none;background:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none;color:inherit;width:100%;padding:0 var(--em-text-input-padding-default, .5rem);font-size:var(--em-text-input-label-font-size, .75rem);font-style:normal;font-weight:var(--em-text-input-label-font-weight, 500);line-height:var(--em-text-input-label-font-line-height, .875rem)}._input_1qaa2_1 input:focus{color:var(--em-text-input-label-color-focused, #212129)}._input_1qaa2_1:has(input:disabled){color:var(--em-text-input-label-color-disabled, #b8b8bd);border:var(--em-text-input-border-width-default, 1px) solid var(--em-text-input-border-color-default, #d2d2d5);background:var(--em-text-input-background-color-disabled, #fff)}._input_1qaa2_1 input::placeholder{color:var(--em-text-input-label-color-default, #5c5c66)}._input_1qaa2_1 input:disabled::placeholder{color:var(--em-text-input-label-color-disabled, #b8b8bd)}._input_1qaa2_1 div{display:flex}._clearIcon_1qaa2_71{cursor:pointer}._inputContainer_1qaa2_75{position:relative}._requiredText_1qaa2_79{padding-bottom:var(--em-form-padding-small, .5rem);display:flex;align-items:center;justify-content:flex-end;font-size:var(--em-form-form-font-font-size-required, .75rem);font-weight:var(--em-form-form-font-font-weight, 400);line-height:var(--em-form-form-font-line-height, 1rem);color:var(--em-form-section-font-font-color, #212129)}._textField_1t43l_1{display:flex;flex-direction:column;gap:var(--em-form-padding-small, .5rem)}._textField_1t43l_1 ._characterCount_1t43l_5{display:flex;justify-content:flex-start;font-size:var(--em-form-form-font-font-size-required, .75rem);font-weight:var(--em-form-form-font-font-weight, 400);line-height:var(--em-form-form-font-line-height, 1rem);color:var(--em-form-section-font-font-color, #212129)}._chartContainer_18rs7_1{flex-grow:1;min-height:0;position:relative}@keyframes _shimmer_12e7h_1{0%{background-position:100%}to{background-position:-100%}}._skeleton_12e7h_10{animation:_shimmer_12e7h_1 1.5s infinite;background:linear-gradient(90deg,#ededf166 29%,#d2d2d566 46.21%,#ededf166 78.5%);background-size:200% 100%;height:100%;width:100%;border-radius:var(--em-border-radius-300, 12px)}._error_1ucf1_1 svg,._error_1ucf1_1 h2,._error_1ucf1_1 p{color:var(--em-card-error-subtitle-color-default, #d03109)}._rightContent_1ucf1_7{position:absolute;right:0}@keyframes _spin_7lgag_1{to{transform:rotate(360deg)}}._loading_7lgag_7{padding:var(--em-card-loader-padding-default, .25rem);border-radius:var(--em-card-loader-border-radius-default, 9999px);background:var(--em-background-color-default, #f7f7f8);width:var(--em-card-loader-icon-size-width, 1.5rem);height:var(--em-card-loader-icon-size-height, 1.5rem);animation:_spin_7lgag_1 2s linear infinite}._list_mwshn_1{width:auto}._listOptions_2o1ip_1{height:100%;overflow:auto}._listOptions_2o1ip_1._disabled_2o1ip_6{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}._error_1xvr5_1 svg,._error_1xvr5_1 h2,._error_1xvr5_1 p{color:var(--em-card-error-subtitle-color-default, #d03109)}._card_1xvr5_7{background:unset;padding:unset}._button_yvk40_1{border:none;display:inline-flex;align-items:center;cursor:pointer;outline:none;border-radius:var(--em-primary-btn-border-radius-default, 624.9375rem)}._button_yvk40_1:disabled{cursor:unset;pointer-events:none;background:var(--em-primary-btn-background-color-disabled, #ededf1);color:var(--em-primary-btn-label-color-disabled, #b8b8bd)}._button_yvk40_1 span{padding:0 var(--em-primary-btn-label-padding-default, .5rem)}._button_yvk40_1 svg{width:var(--em-primary-btn-icon-size-width, 1rem);height:var(--em-primary-btn-icon-size-height, 1rem)}._primary_yvk40_26{background:var(--em-primary-btn-background-color-default, #5c5c66);color:var(--em-primary-btn-label-color-default, #fff)}._primary_yvk40_26:hover,._primary_yvk40_26:focus{background:var(--em-primary-btn-background-color-hover, #212129)}._primary_yvk40_26:active{background:var(--em-primary-btn-background-color-pressed, #000)}._secondary_yvk40_40{background:var(--em-secondary-btn-background-color-default, #ededf1);color:var(--em-secondary-btn-label-color-default, #212129)}._secondary_yvk40_40:hover,._secondary_yvk40_40:focus{background:var(--em-secondary-btn-background-color-hover, #e4e4ea)}._secondary_yvk40_40:active{background:var(--em-secondary-btn-background-color-pressed, #d2d2d5)}._medium_yvk40_54{height:var(--em-primary-btn-size-default-height, 2.5rem);padding:var(--em-primary-btn-padding-default-top, .75rem) var(--em-primary-btn-padding-default-right, .75rem) var(--em-primary-btn-padding-default-bottom, .75rem) var(--em-primary-btn-padding-default-left, .75rem)}._medium_yvk40_54 span{font-size:var(--em-primary-btn-label-font-default-size, .875rem);font-style:normal;font-weight:var(--em-primary-btn-label-font-default-weight, 700);line-height:var(--em-primary-btn-label-font-default-line-height, 1rem)}._small_yvk40_71{height:var(--em-primary-btn-size-small-height, 2rem);padding:var(--em-primary-btn-padding-small-top, .375rem) var(--em-primary-btn-padding-small-right, .375rem) var(--em-primary-btn-padding-small-bottom, .375rem) var(--em-primary-btn-padding-small-left, .375rem)}._small_yvk40_71 span{font-size:var(--em-primary-btn-label-font-small-size, .75rem);font-style:normal;font-weight:var(--em-primary-btn-label-font-small-weight, 500);line-height:var(--em-primary-btn-label-font-small-line-height, .875rem)}._submitButton_1e96n_1{justify-content:center}._switchContainer_16fow_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--em-secondary-btn-padding-medium-left, .75rem)}._switchLabel_16fow_8{position:relative;display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none}._switchLabel_16fow_8 ._switchInput_16fow_14{position:absolute;opacity:0;width:0;height:0}._switchLabel_16fow_8 ._switchInput_16fow_14:focus+._switchTrack_16fow_21{outline:var(--em-border-width-default) solid var(--em-switch-focus-color, #0066cc);outline-offset:var(--em-border-width-default)}._switchLabel_16fow_8 ._switchInput_16fow_14:focus:not(:focus-visible)+._switchTrack_16fow_21{outline:none}@media (prefers-contrast: high){._switchLabel_16fow_8 ._switchInput_16fow_14:focus+._switchTrack_16fow_21{outline:var(--em-border-width-default, .0625rem) solid;outline-offset:var(--em-border-width-default, .0625rem)}}._switchLabel_16fow_8 ._switchTrack_16fow_21{position:relative;display:inline-flex;justify-content:flex-end;align-items:center;width:var(--em-width-800, 2rem);height:var(--em-height-400, 1rem);border-radius:var(--em-border-radius-500, 624.9375rem);background:var(--em-switch-background-color-off, #e4e4ea);transition:all .2s ease-in-out;vertical-align:middle}._switchLabel_16fow_8 ._switchTrack_16fow_21 ._switchThumb_16fow_51{position:absolute;top:50%;left:var(--em-padding-050, .125rem);transform:translateY(-50%);background:var(--em-switch-thumb-background-color, #ffffff);border-radius:50%;transition:all .2s ease-in-out;box-shadow:var(--em-switch-thumb-shadow, 0 2px 4px rgba(0, 0, 0, .1));width:var(--em-switch-slider-size-width, .75rem);height:var(--em-switch-slider-size-height, .75rem)}._switchLabel_16fow_8._checked_16fow_66 ._switchTrack_16fow_21{background:var(--em-switch-background-color-on, #212129)}._switchLabel_16fow_8._checked_16fow_66 ._switchThumb_16fow_51{left:calc(100% - var(--em-padding-050, .125rem));transform:translate(-100%,-50%)}._switchLabel_16fow_8:not(._disabled_16fow_78):hover ._switchTrack_16fow_21{background:var(--em-switch-track-background-color-hover, #e4e4ea)}._switchLabel_16fow_8:not(._disabled_16fow_78)._checked_16fow_66:hover ._switchTrack_16fow_21{background:var(--em-switch-track-background-color-hover-checked, #212129)}._switchLabel_16fow_8._disabled_16fow_78{cursor:not-allowed}._switchLabel_16fow_8._disabled_16fow_78 ._switchTrack_16fow_21{background:var(--em-switch-track-background-color-disabled, #f5f5f6);cursor:not-allowed}._switchLabel_16fow_8._disabled_16fow_78 ._switchThumb_16fow_51{background:var(--em-switch-thumb-background-color-disabled, #d2d2d5);box-shadow:none}._switchLabel_16fow_8._disabled_16fow_78 ._labelText_16fow_100{color:var(--em-switch-label-color-disabled, #b8b8bd);cursor:not-allowed}._switchLabel_16fow_8 ._labelText_16fow_100{color:var(--em-form-section-font-font-color, #212129);font-size:var(--em-form-form-font-font-size-title, .875rem);font-style:normal;font-weight:var(--em-form-form-font-font-weight, 400);line-height:var(--em-form-form-font-line-height, 1rem);display:inline-block;vertical-align:middle;margin-left:var(--em-form-padding-small, .5rem)}@media (prefers-reduced-motion: reduce){._switchTrack_16fow_21,._switchThumb_16fow_51{transition:none}}
|
|
1
|
+
._card_1n3lc_1{position:relative;display:flex;flex-direction:column;gap:var(--em-card-gap-default, 2rem);padding:var(--em-card-padding-default, 2rem);border-radius:var(--em-card-border-radius-default, 2rem);background:var(--em-background-color-default, #f7f7f8);box-sizing:border-box;height:100%;width:100%}._content_1n3lc_14{display:flex;flex-direction:column;flex-grow:1;overflow:auto}._header_1n3lc_21{width:100%;display:flex;gap:var(--em-card-title-padding-default, 1rem);justify-content:space-between;position:relative}._titles_1n3lc_29{display:flex;flex-direction:column;gap:var(--em-card-title-padding-default, 1rem)}._title_1n3lc_29{color:var(--em-card-title-color-default, #212129);font-size:var(--em-card-title-font-size, 1.25rem);font-style:normal;font-weight:var(--em-card-title-font-weight, 700);line-height:var(--em-card-title-font-line-height, 1.1875rem)}._subtitle_1n3lc_43{color:var(--em-foreground-color-muted, #5c5c66);font-family:var(--em-card-subtitle-font-font-family, Inter);font-size:var(--em-card-subtitle-font-size, .875rem);font-style:normal;font-weight:var(--em-card-subtitle-font-weight, 400);line-height:var(--em-card-subtitle-font-line-height, .875rem)}._typography_1vbmb_1{font-family:var(--em-font-default, "Inter", sans-serif);margin:unset}._info_11vdf_1{display:flex;flex-direction:column;align-items:center;margin:auto;gap:var(--em-card-info-padding-default, .75rem)}._title_11vdf_9{color:var(--em-card-empty-title-color-default, #212129);text-align:center;font-size:var(--em-card-empty-title-font-size, .875rem);font-style:normal;font-weight:var(--em-card-empty-title-font-weight, 500);line-height:var(--em-card-empty-title-font-line-height, 1rem)}._message_11vdf_18{color:var(--em-card-empty-subtitle-color-default, #5c5c66);text-align:center;font-size:var(--em-card-empty-subtitle-font-size, .875rem);font-style:normal;font-weight:var(--em-card-empty-subtitle-font-weight, 400);line-height:var(--em-card-empty-subtitle-font-line-height, 1rem)}._iconButton_1i8pr_1{cursor:pointer;padding:var(--em-icon-btn-padding-top, .5rem) var(--em-icon-btn-padding-right, .125rem) var(--em-icon-btn-padding-bottom, .5rem) var(--em-icon-btn-padding-left, .125rem);border-radius:var(--em-icon-btn-border-radius-default, 9999px);background:var(--em-icon-btn-bg-color-default, #ededf1);border:none;width:var(--em-icon-btn-size-width, 1.25rem);height:var(--em-icon-btn-size-height, 2rem);display:flex;outline:none}._iconButton_1i8pr_1:hover,._iconButton_1i8pr_1:focus{background:var(--em-icon-btn-bg-color-hover, #e4e4ea)}._iconButton_1i8pr_1:active{background:var(--em-icon-btn-bg-color-pressed, #d2d2d5)}._iconButton_1i8pr_1:disabled{pointer-events:none;background:var(--em-icon-btn-bg-color-disabled, #ededf1)}._icon_1i8pr_1{width:var(--em-icon-btn-icon-size-width, 1rem);height:var(--em-icon-btn-icon-size-height, 1rem)}._listItem_1yck8_1{box-sizing:border-box;height:var(--em-select-list-item-size-height, 2rem);max-height:var(--em-select-list-item-size-height, 2rem);padding:var(--em-select-list-item-padding-default, .5rem);border-radius:var(--em-select-list-item-border-radius-default, .5rem);background:var(--em-select-list-item-background-color-default, #fff);color:var(--em-select-list-item-label-color-default, #212129);font-style:normal;display:flex;outline:none;cursor:pointer;align-items:center;justify-content:space-between;width:100%;overflow:hidden}._listItem_1yck8_1 ._leftContent_1yck8_20{flex:1 1 auto;min-width:0;overflow:hidden;display:flex}._listItem_1yck8_1 ._rightContent_1yck8_27{flex:0 0 auto;max-width:50%;display:flex}._listItem_1yck8_1 ._leftContent_1yck8_20 p,._listItem_1yck8_1 ._rightContent_1yck8_27 p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._listItem_1yck8_1:hover,._listItem_1yck8_1:focus{background:var(--em-select-list-item-background-color-hover, #f7f7f8)}._listItem_1yck8_1:active{background:var(--em-select-list-item-background-color-pressed, #ededf1)}._listItem_1yck8_1._disabled_1yck8_49{color:var(--em-select-list-item-label-color-disabled, #b8b8bd);pointer-events:none;-webkit-user-select:none;user-select:none}._listItem_1yck8_1 ._leftContent_1yck8_20 p{padding:0 var(--em-select-list-item-label-padding-default, .5rem);font-size:var(--em-select-list-item-left-label-font-size, .75rem);font-weight:var(--em-select-list-item-left-label-font-weight, 500);line-height:var(--em-select-list-item-left-label-font-line-height, .875rem)}._listItem_1yck8_1 ._rightContent_1yck8_27 p{color:var(--em-select-list-item-right-label-color-default, #5c5c66);padding:0 var(--em-select-list-item-label-padding-default, .5rem);font-size:var(--em-select-list-item-right-label-font-size, .75rem);font-weight:var(--em-select-list-item-right-label-font-weight, 400);line-height:var(--em-select-list-item-right-label-font-line-height, .875rem)}._listItem_1yck8_1._selected_1yck8_72{background:var(--em-select-list-item-background-color-selected, #212129);color:var(--em-select-list-item-left-label-color-selected, #fff)}._listItem_1yck8_1._selected_1yck8_72 ._leftContent_1yck8_20 p,._listItem_1yck8_1._selected_1yck8_72 ._rightContent_1yck8_27 p{color:inherit}._listItem_1yck8_1 svg,._listItem_1yck8_1 img{width:var(--em-select-list-item-icon-size-width, 1rem);height:var(--em-select-list-item-icon-size-height, 1rem);color:inherit}._button_1jnyv_1{display:flex;align-items:center;justify-content:space-between;padding:var(--em-select-menu-padding-default, .75rem);border-radius:var(--em-select-menu-border-radius-default, .75rem);border:var(--em-select-menu-border-width-default, 1px) solid var(--em-select-menu-border-color-default, #d2d2d5);background:var(--em-select-menu-background-color-default, #fff);cursor:pointer;color:var(--em-select-menu-label-color-default, #212129);height:var(--em-select-menu-size-height-default, 2rem);max-height:var(--em-select-menu-size-height-default, 2rem);min-width:var(--em-select-menu-size-width-min-width, 10rem);width:100%;outline:none}._button_1jnyv_1 ._rightContent_1jnyv_19{flex-shrink:0}._button_1jnyv_1 ._leftContent_1jnyv_23{display:flex;flex-grow:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._button_1jnyv_1 ._leftContent_1jnyv_23 span{text-align:left;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 var(--em-select-menu-label-padding-default, .5rem);font-size:var(--em-select-menu-label-font-size, .75rem);font-style:normal;font-weight:var(--em-select-menu-label-font-weight, 500);line-height:var(--em-select-menu-label-font-line-height, .875rem)}._button_1jnyv_1:hover,._button_1jnyv_1:focus{background:var(--em-select-menu-background-color-hover, #f7f7f8)}._button_1jnyv_1:active{background:var(--em-select-menu-background-color-pressed, #ededf1)}._button_1jnyv_1._hasValue_1jnyv_55{background:var(--em-select-menu-background-color-selected, #212129);color:var(--em-select-menu-label-color-selected, #fff)}._button_1jnyv_1:disabled{background:var(--em-select-menu-background-color-disabled, #fff);color:var(--em-select-menu-label-color-disabled, #b8b8bd);cursor:unset}._button_1jnyv_1 span svg{width:var(--em-select-menu-icon-size-width, 1rem);height:var(--em-select-menu-icon-size-height, 1rem)}@keyframes _spin_1jnyv_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loading_1jnyv_80{animation:_spin_1jnyv_1 1s linear infinite}._list_11j5f_1{display:flex;flex-direction:column;outline:none;box-sizing:border-box;max-width:max(var(--radix-dropdown-menu-trigger-width),var(--em-select-menu-size-width-max-width, 25rem));min-width:var(--radix-dropdown-menu-trigger-width);padding:var(--em-padding-200, .5rem);max-height:var(--em-select-menu-list-size-max-height, 20rem);gap:var(--em-select-menu-list-gap-default, .5rem);border-radius:var(--em-border-radius-300, .75rem);background:var(--em-background-color-neutral, #fff);box-shadow:var(--em-box-shadow-default-position-x, 0) var(--em-box-shadow-default-position-y, 1px) var(--em-box-shadow-default-blur, 40px) var(--em-box-shadow-default-spread, 0) var(--em-box-shadow-default-color, rgba(33, 33, 41, .25))}._input_1qaa2_1{display:flex;align-items:center;box-sizing:border-box;height:var(--em-text-input-size-height, 2rem);width:100%;padding:var(--em-text-input-padding-default, .5rem);border-radius:var(--em-text-input-border-radius-default, .5rem);border:var(--em-text-input-border-width-default, 1px) solid var(--em-text-input-border-color-default, #d2d2d5);background:var(--em-text-input-background-color-default, #f7f7f8);color:var(--em-text-input-label-color-filled, #212129)}._input_1qaa2_1:hover{background:var(--em-text-input-background-color-hover, #e4e4ea);color:var(--em-text-input-label-color-hover, #5c5c66)}._input_1qaa2_1:focus-within{background:var(--em-text-input-background-color-hover, #e4e4ea);color:var(--em-text-input-label-color-focused, #212129)}._input_1qaa2_1 svg{width:var(--em-select-menu-icon-size-width, 1rem);height:var(--em-select-menu-icon-size-height, 1rem)}._input_1qaa2_1 input{border:none;background:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none;color:inherit;width:100%;padding:0 var(--em-text-input-padding-default, .5rem);font-size:var(--em-text-input-label-font-size, .75rem);font-style:normal;font-weight:var(--em-text-input-label-font-weight, 500);line-height:var(--em-text-input-label-font-line-height, .875rem)}._input_1qaa2_1 input:focus{color:var(--em-text-input-label-color-focused, #212129)}._input_1qaa2_1:has(input:disabled){color:var(--em-text-input-label-color-disabled, #b8b8bd);border:var(--em-text-input-border-width-default, 1px) solid var(--em-text-input-border-color-default, #d2d2d5);background:var(--em-text-input-background-color-disabled, #fff)}._input_1qaa2_1 input::placeholder{color:var(--em-text-input-label-color-default, #5c5c66)}._input_1qaa2_1 input:disabled::placeholder{color:var(--em-text-input-label-color-disabled, #b8b8bd)}._input_1qaa2_1 div{display:flex}._clearIcon_1qaa2_71{cursor:pointer}._inputContainer_1qaa2_75{position:relative}._requiredText_1qaa2_79{padding-bottom:var(--em-form-padding-small, .5rem);display:flex;align-items:center;justify-content:flex-end;font-size:var(--em-form-form-font-font-size-required, .75rem);font-weight:var(--em-form-form-font-font-weight, 400);line-height:var(--em-form-form-font-line-height, 1rem);color:var(--em-form-section-font-font-color, #212129)}._textField_1t43l_1{display:flex;flex-direction:column;gap:var(--em-form-padding-small, .5rem)}._textField_1t43l_1 ._characterCount_1t43l_5{display:flex;justify-content:flex-start;font-size:var(--em-form-form-font-font-size-required, .75rem);font-weight:var(--em-form-form-font-font-weight, 400);line-height:var(--em-form-form-font-line-height, 1rem);color:var(--em-form-section-font-font-color, #212129)}._chartContainer_18rs7_1{flex-grow:1;min-height:0;position:relative}@keyframes _shimmer_12e7h_1{0%{background-position:100%}to{background-position:-100%}}._skeleton_12e7h_10{animation:_shimmer_12e7h_1 1.5s infinite;background:linear-gradient(90deg,#ededf166 29%,#d2d2d566 46.21%,#ededf166 78.5%);background-size:200% 100%;height:100%;width:100%;border-radius:var(--em-border-radius-300, 12px)}._error_1ucf1_1 svg,._error_1ucf1_1 h2,._error_1ucf1_1 p{color:var(--em-card-error-subtitle-color-default, #d03109)}._rightContent_1ucf1_7{position:absolute;right:0}@keyframes _spin_7lgag_1{to{transform:rotate(360deg)}}._loading_7lgag_7{padding:var(--em-card-loader-padding-default, .25rem);border-radius:var(--em-card-loader-border-radius-default, 9999px);background:var(--em-background-color-default, #f7f7f8);width:var(--em-card-loader-icon-size-width, 1.5rem);height:var(--em-card-loader-icon-size-height, 1.5rem);animation:_spin_7lgag_1 2s linear infinite}._list_mwshn_1{width:auto}._listOptions_2o1ip_1{height:100%;overflow:auto}._listOptions_2o1ip_1._disabled_2o1ip_6{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}._error_1xvr5_1 svg,._error_1xvr5_1 h2,._error_1xvr5_1 p{color:var(--em-card-error-subtitle-color-default, #d03109)}._card_1xvr5_7{background:unset;padding:unset}._button_yvk40_1{border:none;display:inline-flex;align-items:center;cursor:pointer;outline:none;border-radius:var(--em-primary-btn-border-radius-default, 624.9375rem)}._button_yvk40_1:disabled{cursor:unset;pointer-events:none;background:var(--em-primary-btn-background-color-disabled, #ededf1);color:var(--em-primary-btn-label-color-disabled, #b8b8bd)}._button_yvk40_1 span{padding:0 var(--em-primary-btn-label-padding-default, .5rem)}._button_yvk40_1 svg{width:var(--em-primary-btn-icon-size-width, 1rem);height:var(--em-primary-btn-icon-size-height, 1rem)}._primary_yvk40_26{background:var(--em-primary-btn-background-color-default, #5c5c66);color:var(--em-primary-btn-label-color-default, #fff)}._primary_yvk40_26:hover,._primary_yvk40_26:focus{background:var(--em-primary-btn-background-color-hover, #212129)}._primary_yvk40_26:active{background:var(--em-primary-btn-background-color-pressed, #000)}._secondary_yvk40_40{background:var(--em-secondary-btn-background-color-default, #ededf1);color:var(--em-secondary-btn-label-color-default, #212129)}._secondary_yvk40_40:hover,._secondary_yvk40_40:focus{background:var(--em-secondary-btn-background-color-hover, #e4e4ea)}._secondary_yvk40_40:active{background:var(--em-secondary-btn-background-color-pressed, #d2d2d5)}._medium_yvk40_54{height:var(--em-primary-btn-size-default-height, 2.5rem);padding:var(--em-primary-btn-padding-default-top, .75rem) var(--em-primary-btn-padding-default-right, .75rem) var(--em-primary-btn-padding-default-bottom, .75rem) var(--em-primary-btn-padding-default-left, .75rem)}._medium_yvk40_54 span{font-size:var(--em-primary-btn-label-font-default-size, .875rem);font-style:normal;font-weight:var(--em-primary-btn-label-font-default-weight, 700);line-height:var(--em-primary-btn-label-font-default-line-height, 1rem)}._small_yvk40_71{height:var(--em-primary-btn-size-small-height, 2rem);padding:var(--em-primary-btn-padding-small-top, .375rem) var(--em-primary-btn-padding-small-right, .375rem) var(--em-primary-btn-padding-small-bottom, .375rem) var(--em-primary-btn-padding-small-left, .375rem)}._small_yvk40_71 span{font-size:var(--em-primary-btn-label-font-small-size, .75rem);font-style:normal;font-weight:var(--em-primary-btn-label-font-small-weight, 500);line-height:var(--em-primary-btn-label-font-small-line-height, .875rem)}._submitButton_1e96n_1{justify-content:center}._overlay_1wzuc_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--em-foreground-color-neutral);z-index:9999;display:flex;align-items:center;justify-content:center}._switchContainer_16fow_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--em-secondary-btn-padding-medium-left, .75rem)}._switchLabel_16fow_8{position:relative;display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none}._switchLabel_16fow_8 ._switchInput_16fow_14{position:absolute;opacity:0;width:0;height:0}._switchLabel_16fow_8 ._switchInput_16fow_14:focus+._switchTrack_16fow_21{outline:var(--em-border-width-default) solid var(--em-switch-focus-color, #0066cc);outline-offset:var(--em-border-width-default)}._switchLabel_16fow_8 ._switchInput_16fow_14:focus:not(:focus-visible)+._switchTrack_16fow_21{outline:none}@media (prefers-contrast: high){._switchLabel_16fow_8 ._switchInput_16fow_14:focus+._switchTrack_16fow_21{outline:var(--em-border-width-default, .0625rem) solid;outline-offset:var(--em-border-width-default, .0625rem)}}._switchLabel_16fow_8 ._switchTrack_16fow_21{position:relative;display:inline-flex;justify-content:flex-end;align-items:center;width:var(--em-width-800, 2rem);height:var(--em-height-400, 1rem);border-radius:var(--em-border-radius-500, 624.9375rem);background:var(--em-switch-background-color-off, #e4e4ea);transition:all .2s ease-in-out;vertical-align:middle}._switchLabel_16fow_8 ._switchTrack_16fow_21 ._switchThumb_16fow_51{position:absolute;top:50%;left:var(--em-padding-050, .125rem);transform:translateY(-50%);background:var(--em-switch-thumb-background-color, #ffffff);border-radius:50%;transition:all .2s ease-in-out;box-shadow:var(--em-switch-thumb-shadow, 0 2px 4px rgba(0, 0, 0, .1));width:var(--em-switch-slider-size-width, .75rem);height:var(--em-switch-slider-size-height, .75rem)}._switchLabel_16fow_8._checked_16fow_66 ._switchTrack_16fow_21{background:var(--em-switch-background-color-on, #212129)}._switchLabel_16fow_8._checked_16fow_66 ._switchThumb_16fow_51{left:calc(100% - var(--em-padding-050, .125rem));transform:translate(-100%,-50%)}._switchLabel_16fow_8:not(._disabled_16fow_78):hover ._switchTrack_16fow_21{background:var(--em-switch-track-background-color-hover, #e4e4ea)}._switchLabel_16fow_8:not(._disabled_16fow_78)._checked_16fow_66:hover ._switchTrack_16fow_21{background:var(--em-switch-track-background-color-hover-checked, #212129)}._switchLabel_16fow_8._disabled_16fow_78{cursor:not-allowed}._switchLabel_16fow_8._disabled_16fow_78 ._switchTrack_16fow_21{background:var(--em-switch-track-background-color-disabled, #f5f5f6);cursor:not-allowed}._switchLabel_16fow_8._disabled_16fow_78 ._switchThumb_16fow_51{background:var(--em-switch-thumb-background-color-disabled, #d2d2d5);box-shadow:none}._switchLabel_16fow_8._disabled_16fow_78 ._labelText_16fow_100{color:var(--em-switch-label-color-disabled, #b8b8bd);cursor:not-allowed}._switchLabel_16fow_8 ._labelText_16fow_100{color:var(--em-form-section-font-font-color, #212129);font-size:var(--em-form-form-font-font-size-title, .875rem);font-style:normal;font-weight:var(--em-form-form-font-font-weight, 400);line-height:var(--em-form-form-font-line-height, 1rem);display:inline-block;vertical-align:middle;margin-left:var(--em-form-padding-small, .5rem)}@media (prefers-reduced-motion: reduce){._switchTrack_16fow_21,._switchThumb_16fow_51{transition:none}}
|