@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.
@@ -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 I, S as y, g as L, r as P, s as k } from "./object.utils-0govHXCl.js";
2
- import { j as s, S as r, T as x } from "./component.constants-6NMZ0qup.js";
3
- import { U as N, W as j, Y as D, X as M, a4 as F, _ as R, Z as v, a3 as O, a5 as B, a0 as E, a1 as q, $ as X, a2 as Y, N as z, d as H, a6 as K, c as Q, b as U, ae as V, z as W, w as Z, O as $, i as G, Q as J, P as aa, a as sa, R as ea, r as ta, h as ra, p as ia, s as oa, g as na, e as ca, f as la, ad as ha, ac as xa, ab as pa, a9 as ua, aa as da, a7 as ma, a8 as ba, t as wa, x as fa, n as Ca, u as _a, q as ga, y as Sa, v as Ta, l as Ia, k as ya } from "./component.constants-6NMZ0qup.js";
4
- import { E as Pa, S as ka } from "./EditorCard-BFdeKBsv.js";
5
- import { B as Na, b as ja, i as Da } from "./index-BrQKf0g9.js";
6
- import { S as Fa } from "./SingleSelectField-BoakZ3K2.js";
7
- import { g as va } from "./formatter.utils-rh4NsBc4.js";
8
- import { a as Ba, g as Ea } from "./pies.utils-DyNM3HSC.js";
9
- import { i as Xa } from "./index-CBA5Nozk.js";
10
- import { i as za } from "./index-BtvUiTZF.js";
11
- import { i as Ka } from "./index-BZPfvP3T.js";
12
- import { i as Ua } from "./index-CVnmI9nB.js";
13
- import { i as Wa } from "./index-DOLUhRmQ.js";
14
- const p = "_switchContainer_16fow_1", u = "_switchLabel_16fow_8", d = "_switchInput_16fow_14", m = "_switchTrack_16fow_21", b = "_switchThumb_16fow_51", w = "_checked_16fow_66", f = "_disabled_16fow_78", C = "_labelText_16fow_100", a = {
15
- switchContainer: p,
16
- switchLabel: u,
17
- switchInput: d,
18
- switchTrack: m,
19
- switchThumb: b,
20
- checked: w,
21
- disabled: f,
22
- labelText: C
23
- }, g = ({
24
- checked: t,
25
- onChange: i,
26
- disabled: e = !1,
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
- !e && i && i(h.target.checked);
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: r(a.switchContainer, c), children: /* @__PURE__ */ s.jsxs(
38
+ ), /* @__PURE__ */ s.jsx("div", { className: i(a.switchContainer, c), children: /* @__PURE__ */ s.jsxs(
37
39
  "label",
38
40
  {
39
- className: r(a.switchLabel, t && a.checked, e && a.disabled),
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: t,
47
+ checked: e,
46
48
  onChange: l,
47
- disabled: e,
49
+ disabled: t,
48
50
  className: a.switchInput,
49
51
  role: "switch",
50
- "aria-checked": t,
51
- "aria-disabled": e,
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: r(a.labelText, e && a.disabled), children: o })
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
- Na as Button,
63
- N as Card,
64
- j as CardContent,
65
- D as CardContentInfo,
66
- M as CardHeader,
67
- I as ChartCard,
68
- Wa as DateRangeSelectFieldPro,
69
- F as DonutChart,
70
- za as DonutChartPro,
71
- Ka as DonutLabelChartPro,
72
- R as Dropdown,
73
- Pa as EditorCard,
74
- v as IconButton,
75
- ja as MultiSelectField,
76
- Da as MultiSelectFieldPro,
77
- O as NumberField,
78
- B as PieChart,
79
- Xa as PieChartPro,
80
- E as SelectButton,
81
- q as SelectList,
82
- X as SelectListOption,
83
- ka as SelectListOptions,
84
- Fa as SingleSelectField,
85
- Ua as SingleSelectFieldPro,
86
- y as Skeleton,
87
- g as Switch,
88
- Y as TextField,
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
- z as chartColors,
91
- H as dataset,
92
- K as defaultPieChartOptions,
93
- Q as description,
94
- U as dimension,
95
- V as dimensions,
96
- Ba as getDefaultPieChartOptions,
97
- L as getObjectStableKey,
98
- Ea as getPieChartData,
99
- W as getStyle,
100
- Z as getStyleNumber,
101
- va as getThemeFormatter,
102
- $ as i18n,
103
- G as i18nSetup,
104
- J as maxLegendItems,
105
- aa as measure,
106
- sa as measures,
107
- ea as placeholder,
108
- P as remarkableTheme,
109
- ta as resolveI18nProps,
110
- ra as reverseXAxis,
111
- ia as reverseYAxis,
112
- oa as showLegend,
113
- na as showLogarithmicScale,
114
- ca as showTooltips,
115
- la as showValueLabels,
116
- k as styles,
117
- ha as subInputAbbreviateLargeNumber,
118
- xa as subInputCurrency,
119
- pa as subInputDecimalPlaces,
120
- ua as subInputDisplayName,
121
- da as subInputMaxCharacters,
122
- ma as subInputPrefix,
123
- ba as subInputSuffix,
124
- wa as title,
125
- fa as xAxisLabel,
126
- Ca as xAxisMaxItems,
127
- _a as xAxisRangeMax,
128
- ga as xAxisRangeMin,
129
- Sa as yAxisLabel,
130
- Ta as yAxisMaxItems,
131
- Ia as yAxisRangeMax,
132
- ya as yAxisRangeMin
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":["Switch","checked","onChange","disabled","className","label","props","handleChange","event","clsx","styles","jsxs","jsx","Typography"],"mappings":";;;;;;;;;;;;;;;;;;;;;;GAYaA,IAAgC,CAAC;AAAA,EAC5C,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAe,CAACC,MAA+C;AACnE,IAAI,CAACL,KAAYD,KACfA,EAASM,EAAM,OAAO,OAAO;AAAA,EAEjC;AAGA,SAAKF,EAAM,YAAY,KACrB,QAAQ;AAAA,IACN;AAAA,EAAA,yBAKD,OAAA,EAAI,WAAWG,EAAKC,EAAO,iBAAiBN,CAAS,GACpD,UAAAO,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF,EAAKC,EAAO,aAAaT,KAAWS,EAAO,SAASP,KAAYO,EAAO,QAAQ;AAAA,MAE1F,UAAA;AAAA,QAAAE,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAAX;AAAA,YACA,UAAUM;AAAA,YACV,UAAAJ;AAAA,YACA,WAAWO,EAAO;AAAA,YAClB,MAAK;AAAA,YACL,gBAAcT;AAAA,YACd,iBAAeE;AAAA,YACd,GAAGG;AAAA,UAAA;AAAA,QAAA;AAAA,QAENM,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAWF,EAAO,aAAa,eAAY,QAC/C,UAAAE,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAWF,EAAO,aAAa,eAAY,QAAO,GAC1D;AAAA,QACCL,KACCO,gBAAAA,EAAAA,IAACC,GAAA,EAAW,IAAG,QAAO,WAAWJ,EAAKC,EAAO,WAAWP,KAAYO,EAAO,QAAQ,GAChF,UAAAL,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}
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,3 @@
1
+ import { PageOverlayProps } from './PageOverlay.types';
2
+ export declare const PageOverlay: React.FC<PageOverlayProps>;
3
+ //# sourceMappingURL=PageOverlay.d.ts.map
@@ -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,7 @@
1
+ export type PageOverlayProps = {
2
+ /** Additional CSS class name */
3
+ className?: string;
4
+ /** Children to render inside the overlay */
5
+ children?: React.ReactNode;
6
+ };
7
+ //# sourceMappingURL=PageOverlay.types.d.ts.map
@@ -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,3 @@
1
+ export { PageOverlay } from './PageOverlay';
2
+ export type { PageOverlayProps } from './PageOverlay.types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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"}
@@ -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}}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@embeddable.com/remarkable-ui",
3
3
  "author": "embeddable (https://embeddable.com)",
4
- "version": "0.1.2",
4
+ "version": "0.1.3",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
7
7
  "types": "dist/index.d.ts",