aidos-ui 4.0.3 → 4.0.4
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/BaseView.js +4 -4
- package/dist/BaseView.js.map +1 -1
- package/dist/Calendar.js +22 -22
- package/dist/Calendar.js.map +1 -1
- package/dist/DateInput.d.ts +1 -1
- package/dist/DatePicker.js +2 -2
- package/dist/DatePicker.js.map +1 -1
- package/dist/DatetimeInput.js +2 -2
- package/dist/DatetimeInput.js.map +1 -1
- package/dist/Dialog.js +3 -3
- package/dist/Dialog.js.map +1 -1
- package/dist/Dropdown.js +3 -3
- package/dist/Dropdown.js.map +1 -1
- package/dist/Icon.js +9 -9
- package/dist/Icon.js.map +1 -1
- package/dist/IconButton.d.ts +2 -0
- package/dist/IconButton.js +7 -4
- package/dist/IconButton.js.map +1 -1
- package/dist/Interactable.js +10 -10
- package/dist/Interactable.js.map +1 -1
- package/dist/ListDivider.js +2 -2
- package/dist/ListDivider.js.map +1 -1
- package/dist/ListSpacer.js +2 -2
- package/dist/ListSpacer.js.map +1 -1
- package/dist/NextJSRouter.js +3 -3
- package/dist/NextJSRouter.js.map +1 -1
- package/dist/Popover.js +2 -2
- package/dist/Popover.js.map +1 -1
- package/dist/ProgressBar.js +3 -3
- package/dist/ProgressBar.js.map +1 -1
- package/dist/StaticCheckbox.js +2 -2
- package/dist/StaticCheckbox.js.map +1 -1
- package/dist/Tooltip.js +2 -2
- package/dist/Tooltip.js.map +1 -1
- package/dist/vite-plugin-jss-debug.d.ts +9 -5
- package/dist/vite-plugin-jss-debug.js +7 -5
- package/dist/vite-plugin-jss-debug.js.map +1 -1
- package/package.json +1 -1
- package/src/BaseView.tsx +4 -4
- package/src/Calendar.tsx +27 -29
- package/src/DateInput.tsx +1 -1
- package/src/DatePicker.tsx +2 -2
- package/src/DatetimeInput.tsx +3 -3
- package/src/Dialog.tsx +5 -5
- package/src/Dropdown.tsx +4 -4
- package/src/Icon.tsx +9 -9
- package/src/IconButton.tsx +25 -2
- package/src/Interactable.tsx +10 -10
- package/src/ListDivider.tsx +2 -2
- package/src/ListSpacer.tsx +2 -2
- package/src/NextJSRouter.tsx +8 -10
- package/src/Popover.tsx +2 -2
- package/src/ProgressBar.tsx +3 -3
- package/src/StaticCheckbox.tsx +3 -3
- package/src/Tooltip.tsx +2 -2
- package/src/vite-plugin-jss-debug.ts +7 -5
- package/.claude/settings.local.json +0 -22
package/dist/BaseView.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { toClassnames } from "./jss";
|
|
4
|
-
const
|
|
4
|
+
const styles = {
|
|
5
5
|
relative: {
|
|
6
6
|
position: "relative",
|
|
7
7
|
},
|
|
@@ -18,9 +18,9 @@ export const BaseView = React.forwardRef(({ jss, children, tag, grow, shrink, re
|
|
|
18
18
|
// @ts-ignore
|
|
19
19
|
_jsx(Tag, { ref: ref, className: toClassnames([
|
|
20
20
|
jss,
|
|
21
|
-
grow &&
|
|
22
|
-
shrink &&
|
|
23
|
-
relative &&
|
|
21
|
+
grow && styles.grow,
|
|
22
|
+
shrink && styles.shrink,
|
|
23
|
+
relative && styles.relative,
|
|
24
24
|
]), ...otherProps, children: children }));
|
|
25
25
|
});
|
|
26
26
|
//# sourceMappingURL=BaseView.js.map
|
package/dist/BaseView.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseView.js","sourceRoot":"","sources":["../src/BaseView.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,
|
|
1
|
+
{"version":3,"file":"BaseView.js","sourceRoot":"","sources":["../src/BaseView.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,MAAM,GAA2B;IACrC,QAAQ,EAAE;QACR,QAAQ,EAAE,UAAU;KACrB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC;KACZ;IACD,MAAM,EAAE;QACN,UAAU,EAAE,CAAC;KACd;CACF,CAAC;AAYF,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CACE,EACE,GAAG,EACH,QAAQ,EACR,GAAG,EACH,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,GAAG,UAAU,EACC,EAChB,GAA4B,EAC5B,EAAE;IACF,MAAM,GAAG,GAAW,GAAG,IAAI,KAAK,CAAC;IAEjC,OAAO;IACL,aAAa;IACb,KAAC,GAAG,IACF,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,YAAY,CAAC;YACtB,GAAG;YACH,IAAI,IAAI,MAAM,CAAC,IAAI;YACnB,MAAM,IAAI,MAAM,CAAC,MAAM;YACvB,QAAQ,IAAI,MAAM,CAAC,QAAQ;SAC5B,CAAC,KACE,UAAU,YAEb,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
package/dist/Calendar.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Fragment as _Fragment, jsxs as _jsxs
|
|
2
|
-
import React, { useMemo } from "react";
|
|
1
|
+
import { Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React, { cloneElement, useMemo } from "react";
|
|
3
3
|
import { BaseView } from "./BaseView";
|
|
4
4
|
const dateFormatter = Intl.DateTimeFormat("en-UK", {
|
|
5
5
|
weekday: "short",
|
|
@@ -29,29 +29,29 @@ export const Calendar = React.forwardRef(({ date, cell, header, jss, }, ref) =>
|
|
|
29
29
|
jss,
|
|
30
30
|
], children: [headers, Array.from(Array(offset).keys()).map((index) => {
|
|
31
31
|
const dayDate = new Date(date.getFullYear(), date.getMonth(), index + 1 - offset);
|
|
32
|
-
return (
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
32
|
+
return cloneElement(cell({
|
|
33
|
+
date: dayDate,
|
|
34
|
+
today: false,
|
|
35
|
+
top: true,
|
|
36
|
+
left: index % 7 === 0,
|
|
37
|
+
outOfMonth: true,
|
|
38
|
+
right: false,
|
|
39
|
+
bottom: false,
|
|
40
|
+
}), { key: dayDate.toISOString() });
|
|
41
41
|
}), Array.from(Array(daysInMonth).keys()).map((index) => {
|
|
42
42
|
const dayDate = new Date(date.getFullYear(), date.getMonth(), index + 1, 12 // If we do not add this the ISO string would be from the day before at midnight
|
|
43
43
|
);
|
|
44
|
-
return (
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
44
|
+
return cloneElement(cell({
|
|
45
|
+
date: dayDate,
|
|
46
|
+
top: index + offset < 7,
|
|
47
|
+
left: (index + offset) % 7 === 0,
|
|
48
|
+
right: (index + offset) % 7 === 7 - 1 || index === daysInMonth - 1,
|
|
49
|
+
bottom: index > daysInMonth - 7 - 1,
|
|
50
|
+
outOfMonth: false,
|
|
51
|
+
today: dayDate.getDate() == new Date().getDate() &&
|
|
52
|
+
dayDate.getMonth() == new Date().getMonth() &&
|
|
53
|
+
dayDate.getFullYear() == new Date().getFullYear(),
|
|
54
|
+
}), { key: dayDate.toISOString() });
|
|
55
55
|
})] }));
|
|
56
56
|
});
|
|
57
57
|
//# sourceMappingURL=Calendar.js.map
|
package/dist/Calendar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../src/Calendar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../src/Calendar.tsx"],"names":[],"mappings":"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"}
|
package/dist/DateInput.d.ts
CHANGED
|
@@ -8,6 +8,6 @@ export interface DateInputProps extends BaseInputProps {
|
|
|
8
8
|
icon?: IconType;
|
|
9
9
|
addOn?: ReactNode;
|
|
10
10
|
onChange?: undefined;
|
|
11
|
-
|
|
11
|
+
jss?: JSS;
|
|
12
12
|
}
|
|
13
13
|
export declare const DateInput: React.ForwardRefExoticComponent<DateInputProps & React.RefAttributes<HTMLInputElement>>;
|
package/dist/DatePicker.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
2
2
|
import { useRef } from "react";
|
|
3
3
|
import { Text } from "./Text";
|
|
4
4
|
import { toClassnames } from "./jss";
|
|
5
|
-
const
|
|
5
|
+
const styles = {
|
|
6
6
|
dateInput: {
|
|
7
7
|
border: "1px solid var(--divider)",
|
|
8
8
|
backgroundColor: "var(--primary-background)",
|
|
@@ -19,7 +19,7 @@ export function DatePicker({ id, label, color = "primary", date, onDateChange, }
|
|
|
19
19
|
const day = initialDate.current.getDate();
|
|
20
20
|
const min = new Date(year - 1, month, day).toISOString().substring(0, 10);
|
|
21
21
|
const max = new Date(year + 1, month, day).toISOString().substring(0, 10);
|
|
22
|
-
return (_jsxs(_Fragment, { children: [_jsx("label", { htmlFor: id, children: _jsx(Text, { size: "small", color: color, children: label }) }), _jsx("input", { min: min, max: max, className: toClassnames(
|
|
22
|
+
return (_jsxs(_Fragment, { children: [_jsx("label", { htmlFor: id, children: _jsx(Text, { size: "small", color: color, children: label }) }), _jsx("input", { min: min, max: max, className: toClassnames(styles.dateInput), type: "date", id: id, value: date.toISOString().substring(0, 10), onChange: (event) => {
|
|
23
23
|
let parsedDate;
|
|
24
24
|
try {
|
|
25
25
|
parsedDate = new Date(event.target.value);
|
package/dist/DatePicker.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../src/DatePicker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAa,YAAY,EAAE,MAAM,OAAO,CAAC;AAEhD,MAAM,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../src/DatePicker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAa,YAAY,EAAE,MAAM,OAAO,CAAC;AAEhD,MAAM,MAAM,GAAG;IACb,SAAS,EAAE;QACT,MAAM,EAAE,0BAA0B;QAClC,eAAe,EAAE,2BAA2B;QAC5C,OAAO,EAAE,kBAAkB;QAC3B,KAAK,EAAE,qBAAqB;QAC5B,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE,GAAG,EAAE;KACpB;CACF,CAAC;AAYF,MAAM,UAAU,UAAU,CAAC,EACzB,EAAE,EACF,KAAK,EACL,KAAK,GAAG,SAAS,EACjB,IAAI,EACJ,YAAY,GACI;IAChB,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IAC/C,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;IAC7C,MAAM,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;IAC1C,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC1E,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAE1E,OAAO,CACL,8BACE,gBAAO,OAAO,EAAE,EAAE,YAChB,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,YAC5B,KAAK,GACD,GACD,EACR,gBACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC,EACzC,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,IAAI,UAAU,CAAC;oBACf,IAAI,CAAC;wBACH,UAAU,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBAC5C,CAAC;4BAAS,CAAC;wBACT,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;4BACvB,YAAY,CAAC,UAAU,CAAC,CAAC;wBAC3B,CAAC;oBACH,CAAC;gBACH,CAAC,GACM,IACR,CACJ,CAAC;AACJ,CAAC"}
|
package/dist/DatetimeInput.js
CHANGED
|
@@ -4,7 +4,7 @@ import { BaseInput } from "./BaseInput";
|
|
|
4
4
|
import { Box } from "./Box";
|
|
5
5
|
import { Icon } from "./Icon";
|
|
6
6
|
import { Row } from "./Row";
|
|
7
|
-
const
|
|
7
|
+
const styles = {
|
|
8
8
|
root: {
|
|
9
9
|
backgroundColor: "var(--primary-background)",
|
|
10
10
|
},
|
|
@@ -26,6 +26,6 @@ const jsss = {
|
|
|
26
26
|
},
|
|
27
27
|
};
|
|
28
28
|
export const DatetimeInput = React.forwardRef(({ date, onDateChange, jss, icon, addOn, ...inputProps }, ref) => {
|
|
29
|
-
return (_jsxs(Row, { jss:
|
|
29
|
+
return (_jsxs(Row, { jss: styles.root, children: [icon && (_jsx(Box, { padding: "medium", children: _jsx(Icon, { size: "medium", color: "secondary", icon: icon }) })), _jsx(BaseInput, { ...inputProps, type: "datetime-local", ref: ref, value: date.toISOString().substring(0, 16), onChange: (e) => onDateChange(new Date(e.target.value)), jss: [styles.input, jss] }), addOn] }));
|
|
30
30
|
});
|
|
31
31
|
//# sourceMappingURL=DatetimeInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatetimeInput.js","sourceRoot":"","sources":["../src/DatetimeInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAY5B,MAAM,
|
|
1
|
+
{"version":3,"file":"DatetimeInput.js","sourceRoot":"","sources":["../src/DatetimeInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAY5B,MAAM,MAAM,GAAG;IACb,IAAI,EAAE;QACJ,eAAe,EAAE,2BAA2B;KAC7C;IACD,KAAK,EAAE;QACL,OAAO,EAAE,kBAAkB;QAC3B,QAAQ,EAAE,CAAC;QACX,eAAe,EAAE,2BAA2B;QAC5C,KAAK,EAAE,qBAAqB;QAC5B,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE,GAAG,EAAE;QACnB,eAAe,EAAE;YACf,KAAK,EAAE,qBAAqB;SAC7B;QACD,WAAW,EAAE;YACX,KAAK,EAAE,qBAAqB;SAC7B;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,CACE,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,UAAU,EAAsB,EAC3E,GAAiC,EACjC,EAAE;IACF,OAAO,CACL,MAAC,GAAG,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,aAClB,IAAI,IAAI,CACP,KAAC,GAAG,IAAC,OAAO,EAAC,QAAQ,YACnB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,GAAI,GAChD,CACP,EACD,KAAC,SAAS,OACJ,UAAU,EACd,IAAI,EAAC,gBAAgB,EACrB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAC1C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EACvD,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GACxB,EACD,KAAK,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
package/dist/Dialog.js
CHANGED
|
@@ -7,7 +7,7 @@ import { Column } from "./Column";
|
|
|
7
7
|
import { Row } from "./Row";
|
|
8
8
|
import { IconButton } from "./IconButton";
|
|
9
9
|
import { toClassnames } from "./jss";
|
|
10
|
-
const
|
|
10
|
+
const styles = {
|
|
11
11
|
dialog: {
|
|
12
12
|
border: "1px solid var(--divider)",
|
|
13
13
|
borderRadius: "var(--border-radius-l)",
|
|
@@ -39,7 +39,7 @@ const jsss = {
|
|
|
39
39
|
},
|
|
40
40
|
};
|
|
41
41
|
export const Dialog = ({ label, children, close, }) => {
|
|
42
|
-
return (_jsxs(BaseView, { jss:
|
|
42
|
+
return (_jsxs(BaseView, { jss: styles.root, children: [_jsxs(Column, { jss: styles.header, children: [_jsxs(Row, { padding: "medium", justify: "space-between", align: "center", children: [_jsx(Text, { size: "medium", color: "secondary", children: label }), _jsx(IconButton, { autoFocus: true, bare: true, icon: "fa-close", size: "medium", onClick: close, color: "primary" })] }), _jsx(ListDivider, {})] }), _jsx(BaseView, { jss: styles.content, children: children })] }));
|
|
43
43
|
};
|
|
44
44
|
const DialogContext = React.createContext({
|
|
45
45
|
setDialog: () => { },
|
|
@@ -66,7 +66,7 @@ export function useDialog(DialogComponent, options) {
|
|
|
66
66
|
setDialog(_jsx("dialog", { ref: (ref) => {
|
|
67
67
|
dialogRef.current = ref;
|
|
68
68
|
ref && ref.showModal();
|
|
69
|
-
}, className: toClassnames(
|
|
69
|
+
}, className: toClassnames(styles.dialog), onClose: () => {
|
|
70
70
|
closeRef.current();
|
|
71
71
|
}, onClick: (e) => {
|
|
72
72
|
if (dialogRef.current == null) {
|
package/dist/Dialog.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../src/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,MAAM,
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../src/Dialog.tsx"],"names":[],"mappings":"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"}
|
package/dist/Dropdown.js
CHANGED
|
@@ -6,7 +6,7 @@ import { Column } from "./Column";
|
|
|
6
6
|
import { useNavigation } from "./useNavigation";
|
|
7
7
|
import { useRefEffect } from "./useRefEffect";
|
|
8
8
|
import { getBackground } from "./jss";
|
|
9
|
-
const
|
|
9
|
+
const styles = {
|
|
10
10
|
root: {
|
|
11
11
|
position: "relative",
|
|
12
12
|
display: "flex",
|
|
@@ -47,9 +47,9 @@ export function Dropdown({ id: propId, label, options, selection, setSelection,
|
|
|
47
47
|
triggerRef.current && triggerRef.current.focus();
|
|
48
48
|
}
|
|
49
49
|
}, [expanded]);
|
|
50
|
-
return (_jsxs(BaseView, { ref: rootRef, jss: [
|
|
50
|
+
return (_jsxs(BaseView, { ref: rootRef, jss: [styles.root, jss], children: [_jsx(Button, { size: size, padding: padding, "aria-expanded": expanded ? "true" : "false", "aria-controls": id, "aria-haspopup": "true", "aria-label": label, role: "combobox", justify: "space-between", tabIndex: 0, jss: [styles.button, jssButton], color: "positive", icon: "fa-chevron-down", iconPosition: "right", onClick: () => {
|
|
51
51
|
setExpanded((x) => !x);
|
|
52
|
-
}, ref: triggerRef, children: optionLabel(selection) }), expanded && (_jsx(Column, { gap: gap, jss: [
|
|
52
|
+
}, ref: triggerRef, children: optionLabel(selection) }), expanded && (_jsx(Column, { gap: gap, jss: [styles.dropdown, getBackground("secondary-background")], id: id, role: "listbox", "aria-label": label, tabIndex: -1, ref: dropdownRef, onBlur: (e) => {
|
|
53
53
|
if (!e.currentTarget.contains(e.relatedTarget)) {
|
|
54
54
|
setExpanded(false);
|
|
55
55
|
}
|
package/dist/Dropdown.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../src/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAA2B,aAAa,EAAE,MAAM,OAAO,CAAC;AAE/D,MAAM,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../src/Dropdown.tsx"],"names":[],"mappings":"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"}
|
package/dist/Icon.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { Icon as IconifyIcon } from "@iconify/react";
|
|
3
3
|
import { BaseView } from "./BaseView";
|
|
4
4
|
import { getTextColor } from "./jss";
|
|
5
|
-
const
|
|
5
|
+
const styles = {
|
|
6
6
|
root: {
|
|
7
7
|
display: "flex",
|
|
8
8
|
justifyContent: "center",
|
|
@@ -46,14 +46,14 @@ export function IconProvider({ children }) {
|
|
|
46
46
|
}
|
|
47
47
|
export function Icon({ icon, size, color, ariaLabel, }) {
|
|
48
48
|
return (_jsx(BaseView, { "aria-label": ariaLabel, jss: [
|
|
49
|
-
|
|
50
|
-
size === "xsmall" &&
|
|
51
|
-
size === "small" &&
|
|
52
|
-
size === "medium" &&
|
|
53
|
-
size === "large" &&
|
|
54
|
-
size === "xlarge" &&
|
|
55
|
-
size === "xxlarge" &&
|
|
56
|
-
size === "xxxlarge" &&
|
|
49
|
+
styles.root,
|
|
50
|
+
size === "xsmall" && styles.xsmall,
|
|
51
|
+
size === "small" && styles.small,
|
|
52
|
+
size === "medium" && styles.medium,
|
|
53
|
+
size === "large" && styles.large,
|
|
54
|
+
size === "xlarge" && styles.xlarge,
|
|
55
|
+
size === "xxlarge" && styles.xxlarge,
|
|
56
|
+
size === "xxxlarge" && styles.xxxlarge,
|
|
57
57
|
getTextColor(color),
|
|
58
58
|
], children: _jsx(IconifyIcon, { icon: icon, width: "100%", height: "100%" }) }));
|
|
59
59
|
}
|
package/dist/Icon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAmB,YAAY,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAmB,YAAY,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,MAAM,GAAG;IACb,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE;YACN,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE,SAAS;SACjB;KACF;IACD,MAAM,EAAE;QACN,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,CAAC;KACT;IACD,KAAK,EAAE;QACL,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,MAAM,EAAE;QACN,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,KAAK,EAAE;QACL,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,MAAM,EAAE;QACN,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,OAAO,EAAE;QACP,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,QAAQ,EAAE;QACR,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;CACF,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAmC;IACxE,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,GAMV;IACC,OAAO,CACL,KAAC,QAAQ,kBACK,SAAS,EACrB,GAAG,EAAE;YACH,MAAM,CAAC,IAAI;YACX,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,MAAM;YAClC,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,KAAK;YAChC,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,MAAM;YAClC,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,KAAK;YAChC,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,MAAM;YAClC,IAAI,KAAK,SAAS,IAAI,MAAM,CAAC,OAAO;YACpC,IAAI,KAAK,UAAU,IAAI,MAAM,CAAC,QAAQ;YACtC,YAAY,CAAC,KAAK,CAAC;SACpB,YAED,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,GAC7C,CACZ,CAAC;AACJ,CAAC"}
|
package/dist/IconButton.d.ts
CHANGED
|
@@ -5,5 +5,7 @@ import { Size } from "./jss";
|
|
|
5
5
|
export interface IconButtonProps extends BaseButtonProps {
|
|
6
6
|
icon: IconType;
|
|
7
7
|
size: Size;
|
|
8
|
+
label?: string;
|
|
9
|
+
labelSize?: Size;
|
|
8
10
|
}
|
|
9
11
|
export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
package/dist/IconButton.js
CHANGED
|
@@ -1,17 +1,20 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { BaseButton } from "./BaseButton";
|
|
4
4
|
import { Icon } from "./Icon";
|
|
5
5
|
import { getGlyphColor } from "./Interactable";
|
|
6
|
+
import { Span } from "./Text";
|
|
6
7
|
const sizes = {
|
|
7
8
|
xsmall: 20,
|
|
8
9
|
small: 24,
|
|
9
10
|
medium: 32,
|
|
10
11
|
large: 40,
|
|
11
12
|
xlarge: 48,
|
|
13
|
+
xxlarge: 56,
|
|
14
|
+
xxxlarge: 64,
|
|
12
15
|
};
|
|
13
|
-
export const IconButton = React.forwardRef(({ icon, size, color, bare, disabled, jss, ...buttonProps }, ref) => {
|
|
14
|
-
return (
|
|
16
|
+
export const IconButton = React.forwardRef(({ icon, size, color, bare, disabled, jss, label, labelSize = "medium", ...buttonProps }, ref) => {
|
|
17
|
+
return (_jsxs(BaseButton, { ...buttonProps, "aria-label": buttonProps["aria-label"] ?? label, bare: bare, jss: [
|
|
15
18
|
{
|
|
16
19
|
display: "flex",
|
|
17
20
|
justifyContent: "center",
|
|
@@ -26,6 +29,6 @@ export const IconButton = React.forwardRef(({ icon, size, color, bare, disabled,
|
|
|
26
29
|
},
|
|
27
30
|
},
|
|
28
31
|
jss,
|
|
29
|
-
], color: color, ref: ref, disabled: disabled, children: _jsx(Icon, { size: size, icon: icon, color: getGlyphColor(color, disabled, bare) }) }));
|
|
32
|
+
], color: color, ref: ref, disabled: disabled, children: [_jsx(Icon, { size: size, icon: icon, color: getGlyphColor(color, disabled, bare) }), label && (_jsx(Span, { size: labelSize, color: getGlyphColor(color, disabled, bare), children: label }))] }));
|
|
30
33
|
});
|
|
31
34
|
//# sourceMappingURL=IconButton.js.map
|
package/dist/IconButton.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../src/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../src/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,KAAK,GAEP;IACF,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,EAAE;CACb,CAAC;AASF,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,GAAG,EACH,KAAK,EACL,SAAS,GAAG,QAAQ,EACpB,GAAG,WAAW,EACE,EAClB,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,MAAC,UAAU,OACL,WAAW,gBACH,WAAW,CAAC,YAAY,CAAC,IAAI,KAAK,EAC9C,IAAI,EAAE,IAAI,EACV,GAAG,EAAE;YACH;gBACE,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;gBACnB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC;gBAClB,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;aAC9B;YACD,CAAC,QAAQ,IAAI;gBACX,SAAS,EAAE;oBACT,SAAS,EAAE,aAAa;iBACzB;aACF;YACD,GAAG;SACJ,EACD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,aAElB,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,EACD,KAAK,IAAI,CACR,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,YAC/D,KAAK,GACD,CACR,IACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC"}
|
package/dist/Interactable.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { cssVar, getPadding } from "./jss";
|
|
2
|
-
const
|
|
2
|
+
const styles = {
|
|
3
3
|
root: {
|
|
4
4
|
cursor: "pointer",
|
|
5
5
|
display: "inline-flex",
|
|
@@ -71,18 +71,18 @@ const jsss = {
|
|
|
71
71
|
};
|
|
72
72
|
export function getInteractableJSS({ color, bare, disabled, animateInteraction, padding, border, }) {
|
|
73
73
|
return [
|
|
74
|
-
|
|
75
|
-
color === "dark" &&
|
|
76
|
-
color === "light" &&
|
|
77
|
-
color === "positive" &&
|
|
78
|
-
color === "primary" &&
|
|
79
|
-
color === "negative" &&
|
|
74
|
+
styles.root,
|
|
75
|
+
color === "dark" && styles.dark,
|
|
76
|
+
color === "light" && styles.light,
|
|
77
|
+
color === "positive" && styles.positive,
|
|
78
|
+
color === "primary" && styles.primary,
|
|
79
|
+
color === "negative" && styles.negative,
|
|
80
80
|
border && {
|
|
81
81
|
border: `1px solid ${getCSSColor(color, disabled, bare)}`,
|
|
82
82
|
},
|
|
83
|
-
bare &&
|
|
84
|
-
disabled &&
|
|
85
|
-
!bare &&
|
|
83
|
+
bare && styles.bare,
|
|
84
|
+
disabled && styles.disabled,
|
|
85
|
+
!bare && styles.opacityHover,
|
|
86
86
|
animateInteraction &&
|
|
87
87
|
!disabled && {
|
|
88
88
|
position: "relative",
|
package/dist/Interactable.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Interactable.js","sourceRoot":"","sources":["../src/Interactable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,MAAM,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AASpE,MAAM,
|
|
1
|
+
{"version":3,"file":"Interactable.js","sourceRoot":"","sources":["../src/Interactable.tsx"],"names":[],"mappings":"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"}
|
package/dist/ListDivider.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { BaseView } from "./BaseView";
|
|
3
|
-
const
|
|
3
|
+
const styles = {
|
|
4
4
|
root: {
|
|
5
5
|
width: "100%",
|
|
6
6
|
borderBottom: "1px solid var(--divider)",
|
|
7
7
|
},
|
|
8
8
|
};
|
|
9
9
|
export function ListDivider() {
|
|
10
|
-
return _jsx(BaseView, { jss:
|
|
10
|
+
return _jsx(BaseView, { jss: styles.root });
|
|
11
11
|
}
|
|
12
12
|
//# sourceMappingURL=ListDivider.js.map
|
package/dist/ListDivider.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListDivider.js","sourceRoot":"","sources":["../src/ListDivider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,
|
|
1
|
+
{"version":3,"file":"ListDivider.js","sourceRoot":"","sources":["../src/ListDivider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,MAAM,GAAG;IACb,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,0BAA0B;KACzC;CACF,CAAC;AAEF,MAAM,UAAU,WAAW;IACzB,OAAO,KAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,GAAI,CAAC;AACxC,CAAC"}
|
package/dist/ListSpacer.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { BaseView } from "./BaseView";
|
|
3
|
-
const
|
|
3
|
+
const styles = {
|
|
4
4
|
root: {
|
|
5
5
|
height: "var(--spacing-xl)",
|
|
6
6
|
backgroundColor: "var(--secondary-background)",
|
|
@@ -8,6 +8,6 @@ const jsss = {
|
|
|
8
8
|
},
|
|
9
9
|
};
|
|
10
10
|
export function ListSpacer() {
|
|
11
|
-
return _jsx(BaseView, { jss:
|
|
11
|
+
return _jsx(BaseView, { jss: styles.root });
|
|
12
12
|
}
|
|
13
13
|
//# sourceMappingURL=ListSpacer.js.map
|
package/dist/ListSpacer.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListSpacer.js","sourceRoot":"","sources":["../src/ListSpacer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,
|
|
1
|
+
{"version":3,"file":"ListSpacer.js","sourceRoot":"","sources":["../src/ListSpacer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,MAAM,GAAG;IACb,IAAI,EAAE;QACJ,MAAM,EAAE,mBAAmB;QAC3B,eAAe,EAAE,6BAA6B;QAC9C,KAAK,EAAE,MAAM;KACd;CACF,CAAC;AAEF,MAAM,UAAU,UAAU;IACxB,OAAO,KAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,GAAI,CAAC;AACxC,CAAC"}
|
package/dist/NextJSRouter.js
CHANGED
|
@@ -5,7 +5,7 @@ import { Column } from "./Column";
|
|
|
5
5
|
import { ListDivider } from "./ListDivider";
|
|
6
6
|
import { BaseView } from "./BaseView";
|
|
7
7
|
import { useRouterState } from "./NextJSRouterState";
|
|
8
|
-
const
|
|
8
|
+
const styles = {
|
|
9
9
|
root: {
|
|
10
10
|
display: "flex",
|
|
11
11
|
flexDirection: "column",
|
|
@@ -29,9 +29,9 @@ const jsss = {
|
|
|
29
29
|
};
|
|
30
30
|
export function Router() {
|
|
31
31
|
const { context: { navigationStack }, } = useRouterState();
|
|
32
|
-
return (_jsx(BaseView, { jss:
|
|
32
|
+
return (_jsx(BaseView, { jss: styles.root, children: navigationStack.map(({ route, routeProps }, index, list) => {
|
|
33
33
|
const isTopOfStack = index === list.length - 1;
|
|
34
|
-
return (_jsx(
|
|
34
|
+
return (_jsx(Column, { jss: [styles.route, !isTopOfStack && styles.hidden], "aria-hidden": !isTopOfStack, children: _jsxs(StackContextProvider, { isTopOfStack: isTopOfStack, children: [_jsx(ListDivider, {}), _jsx(Suspense, { fallback: null, children: _jsx(route.root, { ...routeProps }) })] }) }, route.title(routeProps)));
|
|
35
35
|
}) }));
|
|
36
36
|
}
|
|
37
37
|
//# sourceMappingURL=NextJSRouter.js.map
|
package/dist/NextJSRouter.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NextJSRouter.js","sourceRoot":"","sources":["../src/NextJSRouter.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGrD,MAAM,
|
|
1
|
+
{"version":3,"file":"NextJSRouter.js","sourceRoot":"","sources":["../src/NextJSRouter.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGrD,MAAM,MAAM,GAA2B;IACrC,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,UAAU;KACrB;IACD,KAAK,EAAE;QACL,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,IAAI;KAChB;IACD,MAAM,EAAE;QACN,OAAO,EAAE,MAAM;KAChB;CACF,CAAC;AAEF,MAAM,UAAU,MAAM;IACpB,MAAM,EACJ,OAAO,EAAE,EAAE,eAAe,EAAE,GAC7B,GAAG,cAAc,EAAE,CAAC;IAErB,OAAO,CACL,KAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,YACvB,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;YAC1D,MAAM,YAAY,GAAG,KAAK,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YAE/C,OAAO,CACL,KAAC,MAAM,IAEL,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,YAAY,IAAI,MAAM,CAAC,MAAM,CAAC,iBACtC,CAAC,YAAY,YAE1B,MAAC,oBAAoB,IAAC,YAAY,EAAE,YAAY,aAC9C,KAAC,WAAW,KAAG,EACf,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACtB,KAAC,KAAK,CAAC,IAAI,OAAK,UAAU,GAAI,GACrB,IACU,IATlB,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAUrB,CACV,CAAC;QACJ,CAAC,CAAC,GACO,CACZ,CAAC;AACJ,CAAC"}
|
package/dist/Popover.js
CHANGED
|
@@ -4,7 +4,7 @@ import { queryFocusables } from "./aria";
|
|
|
4
4
|
import { BaseView } from "./BaseView";
|
|
5
5
|
import { useRefEffect } from "./useRefEffect";
|
|
6
6
|
import { toClassnames } from "./jss";
|
|
7
|
-
const
|
|
7
|
+
const styles = {
|
|
8
8
|
popover: {
|
|
9
9
|
padding: 0,
|
|
10
10
|
zIndex: 1,
|
|
@@ -80,7 +80,7 @@ export function PopoverTrigger({ PopoverComponent, jss, jssDialog, grow, shrink,
|
|
|
80
80
|
};
|
|
81
81
|
return (_jsxs(BaseView, { grow: grow, shrink: shrink, tag: tag, relative: true, jss: [jss, { position: "relative", display: "inline-block" }], children: [children({ toggle }), _jsx("dialog", { ref: (ref) => {
|
|
82
82
|
dialogRef.current = ref;
|
|
83
|
-
}, className: toClassnames([
|
|
83
|
+
}, className: toClassnames([styles.popover, jssDialog]), onClose: () => {
|
|
84
84
|
setPopover(null);
|
|
85
85
|
}, onClick: (e) => {
|
|
86
86
|
e.preventDefault();
|
package/dist/Popover.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAO,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":"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"}
|
package/dist/ProgressBar.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { BaseView } from "./BaseView";
|
|
3
3
|
import { getBackground } from "./jss";
|
|
4
|
-
const
|
|
4
|
+
const styles = {
|
|
5
5
|
root: {
|
|
6
6
|
width: "100%",
|
|
7
7
|
display: "flex",
|
|
@@ -30,12 +30,12 @@ const sizes = {
|
|
|
30
30
|
};
|
|
31
31
|
export function ProgressBar({ color, progress, size, jss, }) {
|
|
32
32
|
return (_jsx(BaseView, { jss: [
|
|
33
|
-
|
|
33
|
+
styles.root,
|
|
34
34
|
{
|
|
35
35
|
height: sizes[size],
|
|
36
36
|
},
|
|
37
37
|
jss,
|
|
38
|
-
], children: _jsx(BaseView, { jss: [
|
|
38
|
+
], children: _jsx(BaseView, { jss: [styles.fill, getBackground(color)], style: {
|
|
39
39
|
transform: `scaleX(${progress > 1 ? 1 : progress})`,
|
|
40
40
|
} }) }));
|
|
41
41
|
}
|
package/dist/ProgressBar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../src/ProgressBar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAoB,aAAa,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../src/ProgressBar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAoB,aAAa,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,GAA2B;IACrC,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,2BAA2B;QAC5C,YAAY,EAAE,wBAAwB;QACtC,MAAM,EAAE,0BAA0B;QAClC,QAAQ,EAAE,QAAQ;KACnB;IACD,IAAI,EAAE;QACJ,YAAY,EAAE,wBAAwB;QACtC,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,aAAa;QAC9B,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;KACT;CACF,CAAC;AAEF,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,GAAG,GAMJ;IACC,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE;YACH,MAAM,CAAC,IAAI;YACX;gBACE,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;aACpB;YACD,GAAG;SACJ,YAED,KAAC,QAAQ,IACP,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EACxC,KAAK,EAAE;gBACL,SAAS,EAAE,UAAU,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG;aACpD,GACD,GACO,CACZ,CAAC;AACJ,CAAC"}
|
package/dist/StaticCheckbox.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { BaseView } from "./BaseView";
|
|
3
3
|
import { Icon } from "./Icon";
|
|
4
4
|
import { cssVar } from "./jss";
|
|
5
|
-
const
|
|
5
|
+
const styles = {
|
|
6
6
|
border: {
|
|
7
7
|
position: "absolute",
|
|
8
8
|
top: "var(--spacing-xs)",
|
|
@@ -43,6 +43,6 @@ export function StaticCheckbox({ checked, size, icon = "fa-check", }) {
|
|
|
43
43
|
borderRadius: sizes[size] / 2,
|
|
44
44
|
height: sizes[size],
|
|
45
45
|
width: sizes[size],
|
|
46
|
-
}, children: [_jsx(BaseView, { jss: [
|
|
46
|
+
}, children: [_jsx(BaseView, { jss: [styles.border, checked && styles.borderChecked] }), checked && (_jsx(BaseView, { jss: styles.icon, children: _jsx(Icon, { size: size, color: "light", icon: icon }) }))] }));
|
|
47
47
|
}
|
|
48
48
|
//# sourceMappingURL=StaticCheckbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StaticCheckbox.js","sourceRoot":"","sources":["../src/StaticCheckbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AAS1C,MAAM,
|
|
1
|
+
{"version":3,"file":"StaticCheckbox.js","sourceRoot":"","sources":["../src/StaticCheckbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AAS1C,MAAM,MAAM,GAA2B;IACrC,MAAM,EAAE;QACN,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,mBAAmB;QACxB,MAAM,EAAE,mBAAmB;QAC3B,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,mBAAmB;QAC1B,MAAM,EAAE,0BAA0B;QAClC,YAAY,EAAE,KAAK;KACpB;IACD,aAAa,EAAE;QACb,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,kBAAkB;KACpC;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,mBAAmB;QACxB,MAAM,EAAE,mBAAmB;QAC3B,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,mBAAmB;KAC3B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,IAAI,GAAG,UAAU,GACG;IACpB,OAAO,CACL,MAAC,QAAQ,IACP,GAAG,EAAE;YACH,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;YAC/C,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,MAAM,CAAC,cAAc,CAAC;YAC/B,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;YAC7B,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;YACnB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC;SACnB,aAED,KAAC,QAAQ,IAAC,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,IAAI,MAAM,CAAC,aAAa,CAAC,GAAI,EAClE,OAAO,IAAI,CACV,KAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,YACxB,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,GAAI,GACrC,CACZ,IACQ,CACZ,CAAC;AACJ,CAAC"}
|