@rvx/ui 0.1.26 → 0.1.27
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/common/theme.d.ts +4 -1
- package/dist/common/theme.d.ts.map +1 -1
- package/dist/components/card.js +1 -1
- package/dist/components/card.js.map +1 -1
- package/dist/components/column.d.ts +1 -1
- package/dist/components/column.d.ts.map +1 -1
- package/dist/components/dialog.d.ts +2 -3
- package/dist/components/dialog.d.ts.map +1 -1
- package/dist/components/dialog.js +8 -13
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/popover.d.ts +2 -0
- package/dist/components/popover.d.ts.map +1 -1
- package/dist/components/popover.js +2 -0
- package/dist/components/popover.js.map +1 -1
- package/dist/components/row.d.ts +2 -0
- package/dist/components/row.d.ts.map +1 -1
- package/dist/components/row.js +3 -2
- package/dist/components/row.js.map +1 -1
- package/dist/components/separated.d.ts +9 -0
- package/dist/components/separated.d.ts.map +1 -0
- package/dist/components/separated.js +11 -0
- package/dist/components/separated.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/theme.module.css +76 -45
- package/dist/theme.module.css.map +1 -1
- package/package.json +1 -1
- package/src/common/theme.tsx +5 -1
- package/src/components/card.tsx +1 -1
- package/src/components/column.tsx +1 -1
- package/src/components/dialog.tsx +24 -34
- package/src/components/popover.tsx +5 -0
- package/src/components/row.tsx +5 -1
- package/src/components/separated.tsx +22 -0
- package/src/index.tsx +1 -0
- package/src/theme/base.scss +4 -4
- package/src/theme/common.scss +7 -16
- package/src/theme/components/button.scss +1 -1
- package/src/theme/components/card.scss +1 -1
- package/src/theme/components/checkbox.scss +2 -2
- package/src/theme/components/column.scss +1 -1
- package/src/theme/components/dialog.scss +1 -2
- package/src/theme/components/dropdown.scss +2 -1
- package/src/theme/components/nav-list.scss +2 -2
- package/src/theme/components/notifications.scss +1 -1
- package/src/theme/components/popover.scss +4 -1
- package/src/theme/components/radio-buttons.scss +2 -2
- package/src/theme/components/row.scss +5 -0
- package/src/theme/components/separated.scss +20 -0
- package/src/theme/components/tabs.scss +5 -5
- package/src/theme/components/text-input.scss +1 -1
- package/src/theme/theme.scss +1 -0
package/dist/common/theme.d.ts
CHANGED
|
@@ -34,7 +34,6 @@ export interface Theme {
|
|
|
34
34
|
button_text?: string;
|
|
35
35
|
card?: string;
|
|
36
36
|
card_raw?: string;
|
|
37
|
-
card_content?: string;
|
|
38
37
|
card_default?: string;
|
|
39
38
|
card_info?: string;
|
|
40
39
|
card_success?: string;
|
|
@@ -91,6 +90,7 @@ export interface Theme {
|
|
|
91
90
|
page_content_col?: string;
|
|
92
91
|
page_content?: string;
|
|
93
92
|
popover?: string;
|
|
93
|
+
popover_raw?: string;
|
|
94
94
|
popover_spike_area?: string;
|
|
95
95
|
popover_scroll_area?: string;
|
|
96
96
|
popover_spike?: string;
|
|
@@ -101,6 +101,7 @@ export interface Theme {
|
|
|
101
101
|
radio_button_input?: string;
|
|
102
102
|
radio_button_content?: string;
|
|
103
103
|
row?: string;
|
|
104
|
+
row_padded?: string;
|
|
104
105
|
row_content?: string;
|
|
105
106
|
row_group?: string;
|
|
106
107
|
row_control?: string;
|
|
@@ -110,6 +111,8 @@ export interface Theme {
|
|
|
110
111
|
scroll_view_indicator_start?: string;
|
|
111
112
|
scroll_view_indicator_end?: string;
|
|
112
113
|
scroll_view_indicator_visible?: string;
|
|
114
|
+
separated_column?: string;
|
|
115
|
+
separated_row?: string;
|
|
113
116
|
slider_host?: string;
|
|
114
117
|
tab_handle?: string;
|
|
115
118
|
tab_handle_current?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/common/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAE9B,eAAO,MAAM,KAAK,4BAA4C,CAAC;AAE/D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,KAAK;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/common/theme.tsx"],"names":[],"mappings":"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"}
|
package/dist/components/card.js
CHANGED
|
@@ -11,6 +11,6 @@ export function Card(props) {
|
|
|
11
11
|
map(props.variant, variant => theme?.[`card_${variant ?? "default"}`]),
|
|
12
12
|
], style: props.style, children: props.raw
|
|
13
13
|
? props.children
|
|
14
|
-
: _jsx(Column, {
|
|
14
|
+
: _jsx(Column, { size: map(props.size, s => s ?? "group"), children: props.children }) });
|
|
15
15
|
}
|
|
16
16
|
//# sourceMappingURL=card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,GAAG,EAAc,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAIrC,MAAM,UAAU,IAAI,CAAC,KAOpB;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,OAAO,cACN,KAAK,EAAE;YACN,KAAK,CAAC,KAAK;YACX,KAAK,EAAE,IAAI;YACX,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS;YACvC,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,QAAQ,OAAO,IAAI,SAAS,EAAE,CAAC,CAAC;SACtE,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,YAEjB,KAAK,CAAC,GAAG;YACT,CAAC,CAAC,KAAK,CAAC,QAAQ;YAChB,CAAC,CAAC,KAAC,MAAM,IAAC,
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,GAAG,EAAc,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAIrC,MAAM,UAAU,IAAI,CAAC,KAOpB;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,OAAO,cACN,KAAK,EAAE;YACN,KAAK,CAAC,KAAK;YACX,KAAK,EAAE,IAAI;YACX,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS;YACvC,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,QAAQ,OAAO,IAAI,SAAS,EAAE,CAAC,CAAC;SACtE,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,YAEjB,KAAK,CAAC,GAAG;YACT,CAAC,CAAC,KAAK,CAAC,QAAQ;YAChB,CAAC,CAAC,KAAC,MAAM,IAAC,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,OAAO,CAAC,YAChD,KAAK,CAAC,QAAQ,GACP,GAEL,CAAC;AACR,CAAC"}
|
|
@@ -5,11 +5,11 @@ import { SizeContext } from "../common/types.js";
|
|
|
5
5
|
*/
|
|
6
6
|
export declare function Column(props: {
|
|
7
7
|
size?: Expression<SizeContext | undefined>;
|
|
8
|
+
padded?: Expression<boolean | undefined>;
|
|
8
9
|
class?: ClassValue;
|
|
9
10
|
style?: StyleValue;
|
|
10
11
|
id?: Expression<string | undefined>;
|
|
11
12
|
children?: unknown;
|
|
12
|
-
padded?: boolean;
|
|
13
13
|
}): unknown;
|
|
14
14
|
/**
|
|
15
15
|
* Shorthand for `<Column size="group">...`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"column.d.ts","sourceRoot":"","sources":["../../src/components/column.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAO,UAAU,EAAE,MAAM,KAAK,CAAC;AAE9D,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE;IAC7B,IAAI,CAAC,EAAE,UAAU,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,EAAE,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"column.d.ts","sourceRoot":"","sources":["../../src/components/column.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAO,UAAU,EAAE,MAAM,KAAK,CAAC;AAE9D,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE;IAC7B,IAAI,CAAC,EAAE,UAAU,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IAC3C,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,EAAE,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,OAAO,CAcV;AAED;;GAEG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,WAEtE"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ClassValue, Context, Event, Expression, StyleValue } from "rvx";
|
|
2
|
+
import { Column } from "../index.js";
|
|
2
3
|
export declare class DialogAbortError extends Error {
|
|
3
4
|
}
|
|
4
5
|
export interface Dialog<T> {
|
|
@@ -24,9 +25,7 @@ export declare function DialogBody(props: {
|
|
|
24
25
|
"aria-labelledby"?: Expression<string | undefined>;
|
|
25
26
|
"aria-describedby"?: Expression<string | undefined>;
|
|
26
27
|
}): unknown;
|
|
27
|
-
export declare function
|
|
28
|
-
children?: unknown;
|
|
29
|
-
}): unknown;
|
|
28
|
+
export declare function DialogContent(props: Omit<Parameters<typeof Column>[0], "padded" | "size">): unknown;
|
|
30
29
|
export declare function DialogFooter(props: {
|
|
31
30
|
class?: ClassValue;
|
|
32
31
|
style?: StyleValue;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,UAAU,EAAE,OAAO,EAAW,KAAK,EAAE,UAAU,EAAe,UAAU,EAAsB,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,UAAU,EAAE,OAAO,EAAW,KAAK,EAAE,UAAU,EAAe,UAAU,EAAsB,MAAM,KAAK,CAAC;AAEnI,OAAO,EAAE,MAAM,EAA0D,MAAM,aAAa,CAAC;AAG7F,qBAAa,gBAAiB,SAAQ,KAAK;CAAI;AAE/C,MAAM,WAAW,MAAM,CAAC,CAAC;IACxB,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAClC;AAED,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC;AAE3D,MAAM,WAAW,aAAa;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,sDAA6D,CAAC;AAEzF,wBAAgB,UAAU,CAAC,CAAC,GAAG,IAAI,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,CA2C7F;AAED,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,aAAa,CAAC;AAElD,wBAAgB,UAAU,CAAC,KAAK,EAAE;IACjC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,UAAU,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAE3C,iBAAiB,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACnD,kBAAkB,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CACpD,GAAG,OAAO,CAwDV;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC,WAEzF;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE;IACnC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,OAAO,CAoBV"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "rvx/jsx-runtime";
|
|
2
2
|
import { $, captureSelf, Context, Emitter, map, render, teardown, uniqueId } from "rvx";
|
|
3
3
|
import { TASKS, Tasks, useMicrotask } from "rvx/async";
|
|
4
|
-
import { FlexSpace, Heading, Row,
|
|
4
|
+
import { Column, FlexSpace, Group, Heading, Row, Separated, Text, THEME } from "../index.js";
|
|
5
5
|
import { LAYER, Layer } from "./layer.js";
|
|
6
6
|
export class DialogAbortError extends Error {
|
|
7
7
|
}
|
|
@@ -69,11 +69,7 @@ export function DialogBody(props) {
|
|
|
69
69
|
"--dialog-inline-size": map(props.inlineSize, v => v ?? "auto"),
|
|
70
70
|
"--dialog-block-size": map(props.blockSize, v => v ?? "auto"),
|
|
71
71
|
},
|
|
72
|
-
], role: map(props.role, v => v ?? "dialog"), "aria-labelledby": map(props["aria-labelledby"], v => v ?? titleId), "aria-describedby": map(props["aria-describedby"], v => v ?? descriptionId), children: _jsxs(
|
|
73
|
-
theme?.column,
|
|
74
|
-
theme?.column_content,
|
|
75
|
-
theme?.dialog_body,
|
|
76
|
-
], children: [head, props.children] }) });
|
|
72
|
+
], role: map(props.role, v => v ?? "dialog"), "aria-labelledby": map(props["aria-labelledby"], v => v ?? titleId), "aria-describedby": map(props["aria-describedby"], v => v ?? descriptionId), children: _jsxs(Separated, { class: theme?.dialog_body, children: [head.length > 0 ? _jsx(Group, { padded: true, children: head }) : undefined, props.children] }) });
|
|
77
73
|
useMicrotask(() => {
|
|
78
74
|
if (theme?.dialog_fadein) {
|
|
79
75
|
body.offsetParent;
|
|
@@ -91,15 +87,14 @@ export function DialogBody(props) {
|
|
|
91
87
|
});
|
|
92
88
|
return body;
|
|
93
89
|
}
|
|
94
|
-
export function
|
|
95
|
-
|
|
96
|
-
return _jsx(ScrollView, { class: theme?.dialog_scroll_view, contentClass: theme?.dialog_scroll_view_content, children: props.children });
|
|
90
|
+
export function DialogContent(props) {
|
|
91
|
+
return Column({ ...props, padded: true });
|
|
97
92
|
}
|
|
98
93
|
export function DialogFooter(props) {
|
|
99
94
|
const theme = THEME.current;
|
|
100
|
-
return
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
95
|
+
return _jsx(Group, { padded: true, children: _jsxs(Row, { class: [
|
|
96
|
+
theme?.dialog_footer,
|
|
97
|
+
props.class,
|
|
98
|
+
], style: props.style, align: "center", children: [_jsx(Row, { size: "control", children: props.links }), _jsx(FlexSpace, {}), _jsx(Row, { size: "control", children: props.children })] }) });
|
|
104
99
|
}
|
|
105
100
|
//# sourceMappingURL=dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,WAAW,EAAc,OAAO,EAAE,OAAO,EAAqB,GAAG,EAAE,MAAM,EAAc,QAAQ,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AACnI,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -55,6 +55,7 @@ export declare function createPopover(props: {
|
|
|
55
55
|
id?: string;
|
|
56
56
|
class?: ClassValue;
|
|
57
57
|
style?: StyleValue;
|
|
58
|
+
raw?: Expression<boolean | undefined>;
|
|
58
59
|
"aria-label"?: Expression<string | undefined>;
|
|
59
60
|
"aria-labelledby"?: Expression<string | undefined>;
|
|
60
61
|
"aria-describedby"?: Expression<string | undefined>;
|
|
@@ -80,6 +81,7 @@ export declare function Popover(props: {
|
|
|
80
81
|
class?: ClassValue;
|
|
81
82
|
/** Style for the popover. */
|
|
82
83
|
style?: StyleValue;
|
|
84
|
+
raw?: Expression<boolean | undefined>;
|
|
83
85
|
/** The popover content component. */
|
|
84
86
|
children: PopoverContent;
|
|
85
87
|
inlineSize?: Expression<string | undefined>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,UAAU,EAAE,UAAU,EAA4B,UAAU,EAA+B,MAAM,KAAK,CAAC;AACnH,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEvE,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;AAE9C,MAAM,WAAW,cAAc;IAC9B,CAAC,KAAK,EAAE;QACP,MAAM,EAAE,MAAM,CAAC;KACf,GAAG,OAAO,CAAC;CACZ;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE;IACpC;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC,eAAe,GAAG,SAAS,CAAC,CAAC;IAEpD;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC,eAAe,GAAG,SAAS,CAAC,CAAC;IAEpD;;OAEG;IACH,OAAO,EAAE,cAAc,CAAC;IAExB,UAAU,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC5C,aAAa,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAE9C;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IAEzB;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,YAAY,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC9C,iBAAiB,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACnD,kBAAkB,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CACpD,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -47,6 +47,7 @@ export function createPopover(props) {
|
|
|
47
47
|
theme?.column,
|
|
48
48
|
theme?.column_content,
|
|
49
49
|
theme?.popover_content,
|
|
50
|
+
map(props.raw, raw => raw ? theme?.popover_raw : undefined),
|
|
50
51
|
], children: props.content({ popout }) });
|
|
51
52
|
setSizeReference(content);
|
|
52
53
|
const root = _jsxs("div", { tabindex: "-1", role: map(props.role, v => v ?? "dialog"), id: props.id, class: [
|
|
@@ -82,6 +83,7 @@ export function Popover(props) {
|
|
|
82
83
|
role: props.role,
|
|
83
84
|
class: props.class,
|
|
84
85
|
style: props.style,
|
|
86
|
+
raw: props.raw,
|
|
85
87
|
"aria-label": props["aria-label"],
|
|
86
88
|
"aria-labelledby": () => (get(props["aria-label"]) === undefined
|
|
87
89
|
? (get(props["aria-labelledby"]) ?? get(id))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAA0B,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAc,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC;AAEnH,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,2BAA2B,CAAC;AAElF,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAoC,MAAM,aAAa,CAAC;AAavE,MAAM,UAAU,aAAa,CAAC,
|
|
1
|
+
{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"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"}
|
package/dist/components/row.d.ts
CHANGED
|
@@ -3,9 +3,11 @@ import { SizeContext } from "../common/types.js";
|
|
|
3
3
|
export type RowAlignment = "top" | "center" | "bottom";
|
|
4
4
|
export declare function Row(props: {
|
|
5
5
|
size?: Expression<SizeContext | undefined>;
|
|
6
|
+
padded?: Expression<boolean | undefined>;
|
|
6
7
|
align?: Expression<RowAlignment | undefined>;
|
|
7
8
|
class?: ClassValue;
|
|
8
9
|
style?: StyleValue;
|
|
10
|
+
id?: Expression<string | undefined>;
|
|
9
11
|
children?: unknown;
|
|
10
12
|
}): unknown;
|
|
11
13
|
//# sourceMappingURL=row.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../src/components/row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../src/components/row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAY,UAAU,EAAE,MAAM,KAAK,CAAC;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEvD,wBAAgB,GAAG,CAAC,KAAK,EAAE;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IAC3C,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,UAAU,CAAC,YAAY,GAAG,SAAS,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,EAAE,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,OAAO,CAyBV"}
|
package/dist/components/row.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
2
|
-
import { get } from "rvx";
|
|
2
|
+
import { get, map } from "rvx";
|
|
3
3
|
import { THEME } from "../common/theme.js";
|
|
4
4
|
export function Row(props) {
|
|
5
5
|
const theme = THEME.current;
|
|
6
|
-
return _jsx("div", { class: [
|
|
6
|
+
return _jsx("div", { id: props.id, class: [
|
|
7
7
|
theme?.row,
|
|
8
8
|
() => theme?.[`row_${get(props.size) ?? "control"}`],
|
|
9
|
+
map(props.padded, padded => padded ? theme?.row_padded : undefined),
|
|
9
10
|
props.class,
|
|
10
11
|
], style: [
|
|
11
12
|
props.style,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"row.js","sourceRoot":"","sources":["../../src/components/row.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,GAAG,EAAc,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"row.js","sourceRoot":"","sources":["../../src/components/row.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,GAAG,EAAE,GAAG,EAAc,MAAM,KAAK,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAK3C,MAAM,UAAU,GAAG,CAAC,KAQnB;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,OAAO,cACN,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,KAAK,EAAE;YACN,KAAK,EAAE,GAAG;YACV,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,OAAO,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,SAAS,EAAE,CAAC;YACpD,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;YACnE,KAAK,CAAC,KAAK;SACX,EACD,KAAK,EAAE;YACN,KAAK,CAAC,KAAK;YACX;gBACC,aAAa,EAAE,GAAG,EAAE;oBACnB,QAAQ,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;wBAC1B,KAAK,QAAQ,CAAC,CAAC,OAAO,QAAQ,CAAC;wBAC/B,KAAK,QAAQ,CAAC,CAAC,OAAO,KAAK,CAAC;wBAC5B,OAAO,CAAC,CAAC,OAAO,OAAO,CAAC;oBACzB,CAAC;gBACF,CAAC;aACD;SACD,YAEA,KAAK,CAAC,QAAQ,GACV,CAAC;AACR,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ClassValue, Expression, StyleValue } from "rvx";
|
|
2
|
+
export declare function Separated(props: {
|
|
3
|
+
class?: ClassValue;
|
|
4
|
+
style?: StyleValue;
|
|
5
|
+
id?: Expression<string | undefined>;
|
|
6
|
+
children?: unknown;
|
|
7
|
+
row?: Expression<boolean | undefined>;
|
|
8
|
+
}): unknown;
|
|
9
|
+
//# sourceMappingURL=separated.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"separated.d.ts","sourceRoot":"","sources":["../../src/components/separated.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAO,UAAU,EAAE,MAAM,KAAK,CAAC;AAG9D,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAChC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,EAAE,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;CACtC,WAYA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
2
|
+
import { map } from "rvx";
|
|
3
|
+
import { THEME } from "../common/theme.js";
|
|
4
|
+
export function Separated(props) {
|
|
5
|
+
const theme = THEME.current;
|
|
6
|
+
return _jsx("div", { class: [
|
|
7
|
+
props.class,
|
|
8
|
+
map(props.row, row => row ? theme?.separated_row : theme?.separated_column),
|
|
9
|
+
], style: props.style, id: props.id, children: props.children });
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=separated.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"separated.js","sourceRoot":"","sources":["../../src/components/separated.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,GAAG,EAAc,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,MAAM,UAAU,SAAS,CAAC,KAMzB;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,OAAO,cACN,KAAK,EAAE;YACN,KAAK,CAAC,KAAK;YACX,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC;SAC3E,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,EAAE,YAEX,KAAK,CAAC,QAAQ,GACV,CAAC;AACR,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -26,6 +26,7 @@ export * from "./components/popover.js";
|
|
|
26
26
|
export * from "./components/radio-buttons.js";
|
|
27
27
|
export * from "./components/row.js";
|
|
28
28
|
export * from "./components/scroll-view.js";
|
|
29
|
+
export * from "./components/separated.js";
|
|
29
30
|
export * from "./components/slider.js";
|
|
30
31
|
export * from "./components/tabs.js";
|
|
31
32
|
export * from "./components/text-input.js";
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -26,6 +26,7 @@ export * from "./components/popover.js";
|
|
|
26
26
|
export * from "./components/radio-buttons.js";
|
|
27
27
|
export * from "./components/row.js";
|
|
28
28
|
export * from "./components/scroll-view.js";
|
|
29
|
+
export * from "./components/separated.js";
|
|
29
30
|
export * from "./components/slider.js";
|
|
30
31
|
export * from "./components/tabs.js";
|
|
31
32
|
export * from "./components/text-input.js";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC"}
|
package/dist/theme.module.css
CHANGED
|
@@ -11,26 +11,26 @@
|
|
|
11
11
|
--content-row-gap: 1.7142857143rem;
|
|
12
12
|
--content-radius: 0.5714285714rem;
|
|
13
13
|
--content-border: 0.1428571429rem;
|
|
14
|
-
--content-pad-block-start: 1.
|
|
15
|
-
--content-pad-inline-start: 1.
|
|
16
|
-
--content-pad-block-end: 1.
|
|
17
|
-
--content-pad-inline-end: 1.
|
|
14
|
+
--content-pad-block-start: 1.1428571429rem;
|
|
15
|
+
--content-pad-inline-start: 1.1428571429rem;
|
|
16
|
+
--content-pad-block-end: 1.1428571429rem;
|
|
17
|
+
--content-pad-inline-end: 1.1428571429rem;
|
|
18
18
|
--group-column-gap: 1.1428571429rem;
|
|
19
19
|
--group-row-gap: 1.1428571429rem;
|
|
20
|
-
--group-pad-block-start: 1.
|
|
21
|
-
--group-pad-inline-start: 1.
|
|
22
|
-
--group-pad-block-end: 1.
|
|
23
|
-
--group-pad-inline-end: 1.
|
|
20
|
+
--group-pad-block-start: 1.1428571429rem;
|
|
21
|
+
--group-pad-inline-start: 1.1428571429rem;
|
|
22
|
+
--group-pad-block-end: 1.1428571429rem;
|
|
23
|
+
--group-pad-inline-end: 1.1428571429rem;
|
|
24
24
|
--control-column-gap: 0.5714285714rem;
|
|
25
25
|
--control-row-gap: 0.5714285714rem;
|
|
26
26
|
--control-radius: 0.3571428571rem;
|
|
27
27
|
--control-border: 0.1428571429rem;
|
|
28
28
|
--control-disabled: opacity(.5);
|
|
29
|
-
--control-pad-block-start: 0.
|
|
30
|
-
--control-pad-inline-start: 0.
|
|
31
|
-
--control-pad-block-end: 0.
|
|
32
|
-
--control-pad-inline-end: 0.
|
|
33
|
-
--input-
|
|
29
|
+
--control-pad-block-start: 0.5rem;
|
|
30
|
+
--control-pad-inline-start: 0.5714285714rem;
|
|
31
|
+
--control-pad-block-end: 0.5rem;
|
|
32
|
+
--control-pad-inline-end: 0.5714285714rem;
|
|
33
|
+
--input-extension: 0.2857142857rem;
|
|
34
34
|
--separator: 0.0714285714rem;
|
|
35
35
|
--focus-outline-offset: 0.1428571429rem;
|
|
36
36
|
--overflow-safe-area: 0.2857142857rem;
|
|
@@ -204,8 +204,8 @@ body {
|
|
|
204
204
|
line-height: 1;
|
|
205
205
|
cursor: pointer;
|
|
206
206
|
outline: none;
|
|
207
|
-
padding-block:
|
|
208
|
-
padding-inline:
|
|
207
|
+
padding-block: var(--control-pad-block-start) var(--control-pad-block-end);
|
|
208
|
+
padding-inline: var(--control-pad-inline-start) var(--control-pad-inline-end);
|
|
209
209
|
border-radius: var(--control-radius);
|
|
210
210
|
transition: var(--color-transition) background-color, var(--color-transition) border-color;
|
|
211
211
|
}
|
|
@@ -349,8 +349,8 @@ body {
|
|
|
349
349
|
background-color: var(--bg-alt);
|
|
350
350
|
}
|
|
351
351
|
.card:not(.card_raw) {
|
|
352
|
-
padding-block:
|
|
353
|
-
padding-inline:
|
|
352
|
+
padding-block: var(--content-pad-block-start) var(--content-pad-block-end);
|
|
353
|
+
padding-inline: var(--content-pad-inline-start) var(--content-pad-inline-end);
|
|
354
354
|
}
|
|
355
355
|
|
|
356
356
|
.card_default {
|
|
@@ -390,8 +390,8 @@ body {
|
|
|
390
390
|
}
|
|
391
391
|
|
|
392
392
|
.checkbox_padding {
|
|
393
|
-
padding: var(--input-
|
|
394
|
-
margin: calc(var(--input-
|
|
393
|
+
padding: var(--input-extension);
|
|
394
|
+
margin: calc(var(--input-extension) * -1);
|
|
395
395
|
}
|
|
396
396
|
|
|
397
397
|
.checkbox_input {
|
|
@@ -486,8 +486,8 @@ body {
|
|
|
486
486
|
--parent-row-gap: var(--content-row-gap);
|
|
487
487
|
}
|
|
488
488
|
.column_content.column_padded {
|
|
489
|
-
padding-block:
|
|
490
|
-
padding-inline:
|
|
489
|
+
padding-block: var(--content-pad-block-start) var(--content-pad-block-end);
|
|
490
|
+
padding-inline: var(--content-pad-inline-start) var(--content-pad-inline-end);
|
|
491
491
|
}
|
|
492
492
|
|
|
493
493
|
.column_group {
|
|
@@ -497,8 +497,8 @@ body {
|
|
|
497
497
|
--parent-row-gap: var(--group-row-gap);
|
|
498
498
|
}
|
|
499
499
|
.column_group.column_padded {
|
|
500
|
-
padding-block:
|
|
501
|
-
padding-inline:
|
|
500
|
+
padding-block: var(--group-pad-block-start) var(--group-pad-block-end);
|
|
501
|
+
padding-inline: var(--group-pad-inline-start) var(--group-pad-inline-end);
|
|
502
502
|
}
|
|
503
503
|
|
|
504
504
|
.column_control {
|
|
@@ -508,8 +508,8 @@ body {
|
|
|
508
508
|
--parent-row-gap: var(--control-row-gap);
|
|
509
509
|
}
|
|
510
510
|
.column_control.column_padded {
|
|
511
|
-
padding-block:
|
|
512
|
-
padding-inline:
|
|
511
|
+
padding-block: var(--control-pad-block-start) var(--control-pad-block-end);
|
|
512
|
+
padding-inline: var(--control-pad-inline-start) var(--control-pad-inline-end);
|
|
513
513
|
}
|
|
514
514
|
|
|
515
515
|
.control_group {
|
|
@@ -570,8 +570,6 @@ body {
|
|
|
570
570
|
box-shadow: var(--overlay-shadow);
|
|
571
571
|
border-radius: var(--content-radius);
|
|
572
572
|
border: var(--content-border) solid var(--overlay-border);
|
|
573
|
-
padding-block: calc(var(--content-pad-block-start) - var(--content-border)) calc(var(--content-pad-block-end) - var(--content-border));
|
|
574
|
-
padding-inline: calc(var(--content-pad-inline-start) - var(--content-border)) calc(var(--content-pad-inline-end) - var(--content-border));
|
|
575
573
|
}
|
|
576
574
|
|
|
577
575
|
.dialog_scroll_view {
|
|
@@ -582,8 +580,8 @@ body {
|
|
|
582
580
|
}
|
|
583
581
|
|
|
584
582
|
.dialog_scroll_view_content {
|
|
585
|
-
padding-block:
|
|
586
|
-
padding-inline:
|
|
583
|
+
padding-block: var(--content-pad-block-start) var(--content-pad-block-end);
|
|
584
|
+
padding-inline: var(--content-pad-inline-start) var(--content-pad-inline-end);
|
|
587
585
|
}
|
|
588
586
|
|
|
589
587
|
:root {
|
|
@@ -621,8 +619,9 @@ body {
|
|
|
621
619
|
|
|
622
620
|
.dropdown_item {
|
|
623
621
|
cursor: pointer;
|
|
624
|
-
padding-block:
|
|
625
|
-
padding-inline:
|
|
622
|
+
padding-block: var(--control-pad-block-start) var(--control-pad-block-end);
|
|
623
|
+
padding-inline: var(--control-pad-inline-start) var(--control-pad-inline-end);
|
|
624
|
+
border: transparent solid var(--control-border);
|
|
626
625
|
}
|
|
627
626
|
.dropdown_item.dropdown_item_active {
|
|
628
627
|
background-color: var(--dropdown-item-active-bg);
|
|
@@ -750,11 +749,11 @@ h6.heading {
|
|
|
750
749
|
background-color: var(--nav-list-item-bg);
|
|
751
750
|
color: var(--nav-list-item-fg);
|
|
752
751
|
border: var(--nav-list-item-border) solid var(--control-border);
|
|
752
|
+
border-radius: var(--control-radius);
|
|
753
753
|
cursor: pointer;
|
|
754
754
|
outline: none;
|
|
755
|
-
padding-block:
|
|
756
|
-
padding-inline:
|
|
757
|
-
border-radius: var(--control-radius);
|
|
755
|
+
padding-block: var(--control-pad-block-start) var(--control-pad-block-end);
|
|
756
|
+
padding-inline: var(--control-pad-inline-start) var(--control-pad-inline-end);
|
|
758
757
|
transition: var(--color-transition) background-color, var(--color-transition) border-color;
|
|
759
758
|
}
|
|
760
759
|
.nav_list_item[disabled] {
|
|
@@ -818,8 +817,8 @@ h6.heading {
|
|
|
818
817
|
background-color: var(--bg);
|
|
819
818
|
}
|
|
820
819
|
.notification:not(.notification_raw) {
|
|
821
|
-
padding-block:
|
|
822
|
-
padding-inline:
|
|
820
|
+
padding-block: var(--content-pad-block-start) var(--content-pad-block-end);
|
|
821
|
+
padding-inline: var(--content-pad-inline-start) var(--content-pad-inline-end);
|
|
823
822
|
}
|
|
824
823
|
|
|
825
824
|
.notification_default {
|
|
@@ -918,8 +917,10 @@ h6.heading {
|
|
|
918
917
|
.popover_content {
|
|
919
918
|
border-radius: var(--content-radius);
|
|
920
919
|
border: var(--content-border) solid var(--overlay-border);
|
|
921
|
-
|
|
922
|
-
|
|
920
|
+
}
|
|
921
|
+
.popover_content:not(.popover_raw) {
|
|
922
|
+
padding-block: var(--content-pad-block-start) var(--content-pad-block-end);
|
|
923
|
+
padding-inline: var(--content-pad-inline-start) var(--content-pad-inline-end);
|
|
923
924
|
}
|
|
924
925
|
|
|
925
926
|
.radio_buttons {
|
|
@@ -945,8 +946,8 @@ h6.heading {
|
|
|
945
946
|
}
|
|
946
947
|
|
|
947
948
|
.radio_button_padding {
|
|
948
|
-
padding: var(--input-
|
|
949
|
-
margin: calc(var(--input-
|
|
949
|
+
padding: var(--input-extension);
|
|
950
|
+
margin: calc(var(--input-extension) * -1);
|
|
950
951
|
}
|
|
951
952
|
|
|
952
953
|
.radio_button_input {
|
|
@@ -969,6 +970,10 @@ h6.heading {
|
|
|
969
970
|
--parent-column-gap: var(--content-column-gap);
|
|
970
971
|
--parent-row-gap: var(--content-row-gap);
|
|
971
972
|
}
|
|
973
|
+
.row_content.row_padded {
|
|
974
|
+
padding-block: var(--content-pad-block-start) var(--content-pad-block-end);
|
|
975
|
+
padding-inline: var(--content-pad-inline-start) var(--content-pad-inline-end);
|
|
976
|
+
}
|
|
972
977
|
|
|
973
978
|
.row_group {
|
|
974
979
|
column-gap: var(--group-column-gap);
|
|
@@ -978,6 +983,10 @@ h6.heading {
|
|
|
978
983
|
--parent-column-gap: var(--group-column-gap);
|
|
979
984
|
--parent-row-gap: var(--group-row-gap);
|
|
980
985
|
}
|
|
986
|
+
.row_group.row_padded {
|
|
987
|
+
padding-block: var(--group-pad-block-start) var(--group-pad-block-end);
|
|
988
|
+
padding-inline: var(--group-pad-inline-start) var(--group-pad-inline-end);
|
|
989
|
+
}
|
|
981
990
|
|
|
982
991
|
.row_control {
|
|
983
992
|
column-gap: var(--control-column-gap);
|
|
@@ -987,6 +996,10 @@ h6.heading {
|
|
|
987
996
|
--parent-column-gap: var(--control-column-gap);
|
|
988
997
|
--parent-row-gap: var(--control-row-gap);
|
|
989
998
|
}
|
|
999
|
+
.row_control.row_padded {
|
|
1000
|
+
padding-block: var(--control-pad-block-start) var(--control-pad-block-end);
|
|
1001
|
+
padding-inline: var(--control-pad-inline-start) var(--control-pad-inline-end);
|
|
1002
|
+
}
|
|
990
1003
|
|
|
991
1004
|
:root {
|
|
992
1005
|
--scroll-view-indicator-size: 2rem;
|
|
@@ -1045,6 +1058,24 @@ h6.heading {
|
|
|
1045
1058
|
opacity: 1;
|
|
1046
1059
|
}
|
|
1047
1060
|
|
|
1061
|
+
.separated_column {
|
|
1062
|
+
overflow: hidden;
|
|
1063
|
+
display: flex;
|
|
1064
|
+
flex-direction: column;
|
|
1065
|
+
}
|
|
1066
|
+
.separated_column > * + * {
|
|
1067
|
+
border-block-start: calc(var(--separator) * var(--space-scale)) solid var(--separator-color);
|
|
1068
|
+
}
|
|
1069
|
+
|
|
1070
|
+
.separated_row {
|
|
1071
|
+
overflow: hidden;
|
|
1072
|
+
display: flex;
|
|
1073
|
+
flex-direction: row;
|
|
1074
|
+
}
|
|
1075
|
+
.separated_row > * + * {
|
|
1076
|
+
border-inline-start: calc(var(--separator) * var(--space-scale)) solid var(--separator-color);
|
|
1077
|
+
}
|
|
1078
|
+
|
|
1048
1079
|
.slider_host {
|
|
1049
1080
|
display: flex;
|
|
1050
1081
|
flex-direction: column;
|
|
@@ -1090,8 +1121,8 @@ h6.heading {
|
|
|
1090
1121
|
line-height: 1;
|
|
1091
1122
|
cursor: pointer;
|
|
1092
1123
|
outline: none;
|
|
1093
|
-
padding-block: var(--control-pad-block-start)
|
|
1094
|
-
padding-inline: var(--control-pad-inline-start) var(--control-pad-inline-end);
|
|
1124
|
+
padding-block: calc(var(--control-pad-block-start) + var(--control-border)) var(--control-pad-block-end);
|
|
1125
|
+
padding-inline: calc(var(--control-pad-inline-start) + var(--control-border)) calc(var(--control-pad-inline-end) + var(--control-border));
|
|
1095
1126
|
background-color: transparent;
|
|
1096
1127
|
color: var(--tab-handle-fg);
|
|
1097
1128
|
border: none;
|
|
@@ -1113,8 +1144,8 @@ h6.heading {
|
|
|
1113
1144
|
}
|
|
1114
1145
|
|
|
1115
1146
|
.tab_panel_padded {
|
|
1116
|
-
padding-block:
|
|
1117
|
-
padding-inline:
|
|
1147
|
+
padding-block: var(--content-pad-block-start) var(--content-pad-block-end);
|
|
1148
|
+
padding-inline: var(--content-pad-inline-start) var(--content-pad-inline-end);
|
|
1118
1149
|
}
|
|
1119
1150
|
|
|
1120
1151
|
:root {
|
|
@@ -1156,7 +1187,7 @@ h6.heading {
|
|
|
1156
1187
|
}
|
|
1157
1188
|
|
|
1158
1189
|
input.text_input {
|
|
1159
|
-
block-size: calc(var(--control-pad-block-start) + 1em + var(--control-pad-block-end));
|
|
1190
|
+
block-size: calc(var(--control-pad-block-start) + 1em + var(--control-pad-block-end) + var(--control-border) * 2);
|
|
1160
1191
|
}
|
|
1161
1192
|
|
|
1162
1193
|
.text {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/theme/base.scss","../src/theme/common.scss","../src/theme/components/breadcrumbs.scss","../src/theme/components/button.scss","../src/theme/components/card.scss","../src/theme/components/checkbox.scss","../src/theme/components/collapse.scss","../src/theme/components/column.scss","../src/theme/components/control-group.scss","../src/theme/components/dialog.scss","../src/theme/components/dropdown.scss","../src/theme/components/flex-space.scss","../src/theme/components/heading.scss","../src/theme/components/label.scss","../src/theme/components/link.scss","../src/theme/components/nav-list.scss","../src/theme/components/notifications.scss","../src/theme/components/page.scss","../src/theme/components/popover.scss","../src/theme/components/radio-buttons.scss","../src/theme/components/row.scss","../src/theme/components/scroll-view.scss","../src/theme/components/slider.scss","../src/theme/components/tabs.scss","../src/theme/components/text-input.scss","../src/theme/components/text.scss","../src/theme/components/validation.scss","../src/theme/components/value.scss"],"names":[],"mappings":"AASA;EACC;EACA;EACA;EAEA;ECcA;EACA;EACA;EACA;EDbA;EACA;EACA;EACA;ECOA;EACA;EACA;EACA;EDPA;EACA;ECGA;EACA;EACA;EACA;EDHA;EACA;EACA;EACA;EACA;ECJA;EACA;EACA;EACA;EDIA;EAEA;EAEA;EAEA;EAEA;EACA;EAEA;EACA;EAEA;;;ACtCA;EANE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;AAQD;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAUA;;;AD4FH;EACC;EACA;EAEA;;AACA;EALD;IAME;;;;AAIF;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AClHA;EANE;;AAQD;EAFD;IANE;IAUA;;;ACNH;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;ADzBA;EANE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;AAQD;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAUA;;;AE2GH;EACC;EACA;EACA;EACA;EAEA;EAEA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/theme/base.scss","../src/theme/common.scss","../src/theme/components/breadcrumbs.scss","../src/theme/components/button.scss","../src/theme/components/card.scss","../src/theme/components/checkbox.scss","../src/theme/components/collapse.scss","../src/theme/components/column.scss","../src/theme/components/control-group.scss","../src/theme/components/dialog.scss","../src/theme/components/dropdown.scss","../src/theme/components/flex-space.scss","../src/theme/components/heading.scss","../src/theme/components/label.scss","../src/theme/components/link.scss","../src/theme/components/nav-list.scss","../src/theme/components/notifications.scss","../src/theme/components/page.scss","../src/theme/components/popover.scss","../src/theme/components/radio-buttons.scss","../src/theme/components/row.scss","../src/theme/components/scroll-view.scss","../src/theme/components/separated.scss","../src/theme/components/slider.scss","../src/theme/components/tabs.scss","../src/theme/components/text-input.scss","../src/theme/components/text.scss","../src/theme/components/validation.scss","../src/theme/components/value.scss"],"names":[],"mappings":"AASA;EACC;EACA;EACA;EAEA;ECcA;EACA;EACA;EACA;EDbA;EACA;EACA;EACA;ECOA;EACA;EACA;EACA;EDPA;EACA;ECGA;EACA;EACA;EACA;EDHA;EACA;EACA;EACA;EACA;ECJA;EACA;EACA;EACA;EDIA;EAEA;EAEA;EAEA;EAEA;EACA;EAEA;EACA;EAEA;;;ACtCA;EANE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;AAQD;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAUA;;;AD4FH;EACC;EACA;EAEA;;AACA;EALD;IAME;;;;AAIF;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AClHA;EANE;;AAQD;EAFD;IANE;IAUA;;;ACNH;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;ADzBA;EANE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;AAQD;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAUA;;;AE2GH;EACC;EACA;EACA;EACA;EAEA;EAEA;EF/FA,eACC;EAED,gBACC;EE8FD;EACA;;AAGA;EACC;;AAGD;EACC;EACA;;;AAKD;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAKH;EACC;;;AF7JA;EANE;EAAA;EAAA;EAAA;EAAA;;AAQD;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAUA;;;AGUH;EACC;EACA;EACA;;AAEA;EHKA,eACC;EAED,gBACC;;;AGHD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;ACpCF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AC3BD;EACC;EACA;EACA;EACA;;;AAGD;EACC,YACC;;;AAKF;EACC;IAAO;;EACP;IAAM;;EACN;IAAM;;EACN;IAAK;;;AAGN;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;AAEA;EACC,YACC;;AAIF;EACC;EACA;;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EACC,YACC;;AAKF;EACC;EACA;EACA;;;AC9DF;EACC;EACA;;AAEA;EACC;;AAMD;EACC;;AAGD;EACC;;AAMD;EACC;;;AAKD;EACC;;AACA;EACC;;AAGD;ENDD,eACC;EAED,gBACC;;;AMTD;EACC;;AACA;EACC;;AAGD;ENDD,eACC;EAED,gBACC;;;AMTD;EACC;;AACA;EACC;;AAGD;ENDD,eACC;EAED,gBACC;;;AOtCF;EACC;EACA;EAEA;;AACA;EACC;;AAGD;EACC;EACA;;AAED;EACC;EACA;;;ACdF;EACC;EACA;EAEA;EAEA;EACA;EACA;EAEA;EAEA;EACA;;;AAGD;EACC;;AACA;EACC;;;AAIF;EACC;EACA;;AACA;EACC;;;AAIF;EACC;IACC;;;AAIF;EACC;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;ERxBC,eACC;EAED,gBACC;;;AA5BD;EANE;;AAQD;EAFD;IANE;IAUA;;;ASNH;EACC;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;ETAA,eACC;EAED,gBACC;ESFD;;AAEA;EACC;;;ACvCF;EACC;EACA;EACA;;;ACHD;EACC;EACA;;AAEA;EAEC;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;EACA;EACA;;;AX1BA;EANE;;AAQD;EAFD;IANE;IAUA;;;AYNH;EACC;EACA;EAEA;EACA;EACA;;AAEA;EAEC;EACA;EACA;EACA;;;ACpBF;EACC;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;;AbLD;EANE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;AAQD;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAUA;;;Ac0BH;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;Ed3BA,eACC;EAED,gBACC;Ec0BD;;AAGA;EACC;EACA;;AAGD;EAEC;EACA;;AAGD;EACC;EACA;;;AAIF;EACC;EACA;EACA;EACA;;;Ad9EA;EANE;EAAA;EAAA;EAAA;EAAA;;AAQD;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAUA;;;AeWH;EACC;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EfhBA,eACC;EAED,gBACC;;;AekBD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;ACzDF;EACC,eACC;EAED,gBACC;EAGD;EACA;EACA;;;AAGD;EACC;;AAEA;EACC;EACA;;AAEA;EACC;;;AAKH;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;ACvCD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EAEA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;AAEA;EjBVA,eACC;EAED,gBACC;;;AkBtCF;EACC;EACA;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AChCD;EACC;EACA;EACA;;;AAIA;EACC;EACA;;AACA;EACC;EACA;;AAGD;EnBkBD,eACC;EAED,gBACC;;;AmB9BD;EACC;EACA;;AACA;EACC;EACA;;AAGD;EnBkBD,eACC;EAED,gBACC;;;AmB9BD;EACC;EACA;;AACA;EACC;EACA;;AAGD;EnBkBD,eACC;EAED,gBACC;;;AA5BD;EANE;EAAA;;AAQD;EAFD;IANE;IAAA;IAUA;;;AoBFH;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;ACvDD;EACC;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;;AChBF;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAEA;EACC;;;AtBAF;EANE;EAAA;EAAA;EAAA;EAAA;EAAA;;AAQD;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAAA;IAUA;;;AuBcH;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EAEA;EACA;EAEA,eACC;EAED,gBACC;EAGD;EACA;EACA;EACA;EAEA;EACA;;AAGA;EAEC;EACA;;AAED;EACC;;;AAIF;EACC;EACA;;;AAGD;EvBxCC,eACC;EAED,gBACC;;;AA5BD;EANE;EAAA;EAAA;EAAA;;AAQD;EAFD;IANE;IAAA;IAAA;IAAA;IAUA;;;AwBMH;EACC;EACA;EACA;EAEA;EAEA;ExBOA,eACC;EAED,gBACC;EwBTD;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;;;AAIF;EACC;;;AC/CD;EACC;;AAEA;EAEC;EACA;EACA;EACA;;;AzBED;EANE;;AAQD;EAFD;IANE;IAUA;;;A0BNH;EACC;;;AAGD;EACC;;;ACbD;EACC","file":"theme.module.css"}
|
package/package.json
CHANGED
package/src/common/theme.tsx
CHANGED
|
@@ -38,7 +38,6 @@ export interface Theme {
|
|
|
38
38
|
|
|
39
39
|
card?: string;
|
|
40
40
|
card_raw?: string;
|
|
41
|
-
card_content?: string;
|
|
42
41
|
card_default?: string;
|
|
43
42
|
card_info?: string;
|
|
44
43
|
card_success?: string;
|
|
@@ -109,6 +108,7 @@ export interface Theme {
|
|
|
109
108
|
page_content?: string;
|
|
110
109
|
|
|
111
110
|
popover?: string;
|
|
111
|
+
popover_raw?: string;
|
|
112
112
|
popover_spike_area?: string;
|
|
113
113
|
popover_scroll_area?: string;
|
|
114
114
|
popover_spike?: string;
|
|
@@ -121,6 +121,7 @@ export interface Theme {
|
|
|
121
121
|
radio_button_content?: string;
|
|
122
122
|
|
|
123
123
|
row?: string;
|
|
124
|
+
row_padded?: string;
|
|
124
125
|
row_content?: string;
|
|
125
126
|
row_group?: string;
|
|
126
127
|
row_control?: string;
|
|
@@ -132,6 +133,9 @@ export interface Theme {
|
|
|
132
133
|
scroll_view_indicator_end?: string;
|
|
133
134
|
scroll_view_indicator_visible?: string;
|
|
134
135
|
|
|
136
|
+
separated_column?: string;
|
|
137
|
+
separated_row?: string;
|
|
138
|
+
|
|
135
139
|
slider_host?: string;
|
|
136
140
|
|
|
137
141
|
tab_handle?: string;
|
package/src/components/card.tsx
CHANGED
|
@@ -7,11 +7,11 @@ import { SizeContext } from "../common/types.js";
|
|
|
7
7
|
*/
|
|
8
8
|
export function Column(props: {
|
|
9
9
|
size?: Expression<SizeContext | undefined>;
|
|
10
|
+
padded?: Expression<boolean | undefined>;
|
|
10
11
|
class?: ClassValue;
|
|
11
12
|
style?: StyleValue;
|
|
12
13
|
id?: Expression<string | undefined>;
|
|
13
14
|
children?: unknown;
|
|
14
|
-
padded?: boolean;
|
|
15
15
|
}): unknown {
|
|
16
16
|
const theme = THEME.current;
|
|
17
17
|
return <div
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { $, captureSelf, ClassValue, Context, Emitter, Event, Expression, map, render, StyleValue, teardown, uniqueId } from "rvx";
|
|
2
2
|
import { TASKS, Tasks, useMicrotask } from "rvx/async";
|
|
3
|
-
import { FlexSpace, Heading, Row,
|
|
3
|
+
import { Column, FlexSpace, Group, Heading, Row, Separated, Text, THEME } from "../index.js";
|
|
4
4
|
import { LAYER, Layer } from "./layer.js";
|
|
5
5
|
|
|
6
|
-
export class DialogAbortError extends Error {}
|
|
6
|
+
export class DialogAbortError extends Error { }
|
|
7
7
|
|
|
8
8
|
export interface Dialog<T> {
|
|
9
9
|
resolve: (value: T) => void;
|
|
@@ -110,16 +110,10 @@ export function DialogBody(props: {
|
|
|
110
110
|
aria-labelledby={map(props["aria-labelledby"], v => v ?? titleId)}
|
|
111
111
|
aria-describedby={map(props["aria-describedby"], v => v ?? descriptionId)}
|
|
112
112
|
>
|
|
113
|
-
<
|
|
114
|
-
|
|
115
|
-
theme?.column,
|
|
116
|
-
theme?.column_content,
|
|
117
|
-
theme?.dialog_body,
|
|
118
|
-
]}
|
|
119
|
-
>
|
|
120
|
-
{head}
|
|
113
|
+
<Separated class={theme?.dialog_body}>
|
|
114
|
+
{head.length > 0 ? <Group padded>{head}</Group> : undefined}
|
|
121
115
|
{props.children}
|
|
122
|
-
</
|
|
116
|
+
</Separated>
|
|
123
117
|
</div> as HTMLElement;
|
|
124
118
|
|
|
125
119
|
useMicrotask(() => {
|
|
@@ -142,13 +136,8 @@ export function DialogBody(props: {
|
|
|
142
136
|
return body;
|
|
143
137
|
}
|
|
144
138
|
|
|
145
|
-
export function
|
|
146
|
-
|
|
147
|
-
}) {
|
|
148
|
-
const theme = THEME.current;
|
|
149
|
-
return <ScrollView class={theme?.dialog_scroll_view} contentClass={theme?.dialog_scroll_view_content}>
|
|
150
|
-
{props.children}
|
|
151
|
-
</ScrollView>;
|
|
139
|
+
export function DialogContent(props: Omit<Parameters<typeof Column>[0], "padded" | "size">) {
|
|
140
|
+
return Column({ ...props, padded: true });
|
|
152
141
|
}
|
|
153
142
|
|
|
154
143
|
export function DialogFooter(props: {
|
|
@@ -158,21 +147,22 @@ export function DialogFooter(props: {
|
|
|
158
147
|
children?: unknown;
|
|
159
148
|
}): unknown {
|
|
160
149
|
const theme = THEME.current;
|
|
161
|
-
return <
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
150
|
+
return <Group padded>
|
|
151
|
+
<Row
|
|
152
|
+
class={[
|
|
153
|
+
theme?.dialog_footer,
|
|
154
|
+
props.class,
|
|
155
|
+
]}
|
|
156
|
+
style={props.style}
|
|
157
|
+
align="center"
|
|
158
|
+
>
|
|
159
|
+
<Row size="control">
|
|
160
|
+
{props.links}
|
|
161
|
+
</Row>
|
|
162
|
+
<FlexSpace />
|
|
163
|
+
<Row size="control">
|
|
164
|
+
{props.children}
|
|
165
|
+
</Row>
|
|
176
166
|
</Row>
|
|
177
|
-
</
|
|
167
|
+
</Group>
|
|
178
168
|
}
|
|
@@ -67,6 +67,7 @@ export function createPopover(props: {
|
|
|
67
67
|
id?: string;
|
|
68
68
|
class?: ClassValue;
|
|
69
69
|
style?: StyleValue;
|
|
70
|
+
raw?: Expression<boolean | undefined>;
|
|
70
71
|
"aria-label"?: Expression<string | undefined>;
|
|
71
72
|
"aria-labelledby"?: Expression<string | undefined>;
|
|
72
73
|
"aria-describedby"?: Expression<string | undefined>;
|
|
@@ -126,6 +127,7 @@ export function createPopover(props: {
|
|
|
126
127
|
theme?.column,
|
|
127
128
|
theme?.column_content,
|
|
128
129
|
theme?.popover_content,
|
|
130
|
+
map(props.raw, raw => raw ? theme?.popover_raw : undefined),
|
|
129
131
|
]}>
|
|
130
132
|
{props.content({ popout })}
|
|
131
133
|
</div> as HTMLElement;
|
|
@@ -190,6 +192,8 @@ export function Popover(props: {
|
|
|
190
192
|
/** Style for the popover. */
|
|
191
193
|
style?: StyleValue;
|
|
192
194
|
|
|
195
|
+
raw?: Expression<boolean | undefined>;
|
|
196
|
+
|
|
193
197
|
/** The popover content component. */
|
|
194
198
|
children: PopoverContent;
|
|
195
199
|
|
|
@@ -270,6 +274,7 @@ export function Popover(props: {
|
|
|
270
274
|
role: props.role,
|
|
271
275
|
class: props.class,
|
|
272
276
|
style: props.style,
|
|
277
|
+
raw: props.raw,
|
|
273
278
|
|
|
274
279
|
"aria-label": props["aria-label"],
|
|
275
280
|
"aria-labelledby": () => (get(props["aria-label"]) === undefined
|
package/src/components/row.tsx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ClassValue, Expression, get, StyleValue } from "rvx";
|
|
1
|
+
import { ClassValue, Expression, get, map, StyleValue } from "rvx";
|
|
2
2
|
import { THEME } from "../common/theme.js";
|
|
3
3
|
import { SizeContext } from "../common/types.js";
|
|
4
4
|
|
|
@@ -6,16 +6,20 @@ export type RowAlignment = "top" | "center" | "bottom";
|
|
|
6
6
|
|
|
7
7
|
export function Row(props: {
|
|
8
8
|
size?: Expression<SizeContext | undefined>;
|
|
9
|
+
padded?: Expression<boolean | undefined>;
|
|
9
10
|
align?: Expression<RowAlignment | undefined>;
|
|
10
11
|
class?: ClassValue;
|
|
11
12
|
style?: StyleValue;
|
|
13
|
+
id?: Expression<string | undefined>;
|
|
12
14
|
children?: unknown;
|
|
13
15
|
}): unknown {
|
|
14
16
|
const theme = THEME.current;
|
|
15
17
|
return <div
|
|
18
|
+
id={props.id}
|
|
16
19
|
class={[
|
|
17
20
|
theme?.row,
|
|
18
21
|
() => theme?.[`row_${get(props.size) ?? "control"}`],
|
|
22
|
+
map(props.padded, padded => padded ? theme?.row_padded : undefined),
|
|
19
23
|
props.class,
|
|
20
24
|
]}
|
|
21
25
|
style={[
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ClassValue, Expression, map, StyleValue } from "rvx";
|
|
2
|
+
import { THEME } from "../common/theme.js";
|
|
3
|
+
|
|
4
|
+
export function Separated(props: {
|
|
5
|
+
class?: ClassValue;
|
|
6
|
+
style?: StyleValue;
|
|
7
|
+
id?: Expression<string | undefined>;
|
|
8
|
+
children?: unknown;
|
|
9
|
+
row?: Expression<boolean | undefined>;
|
|
10
|
+
}) {
|
|
11
|
+
const theme = THEME.current;
|
|
12
|
+
return <div
|
|
13
|
+
class={[
|
|
14
|
+
props.class,
|
|
15
|
+
map(props.row, row => row ? theme?.separated_row : theme?.separated_column),
|
|
16
|
+
]}
|
|
17
|
+
style={props.style}
|
|
18
|
+
id={props.id}
|
|
19
|
+
>
|
|
20
|
+
{props.children}
|
|
21
|
+
</div>;
|
|
22
|
+
}
|
package/src/index.tsx
CHANGED
|
@@ -26,6 +26,7 @@ export * from "./components/popover.js";
|
|
|
26
26
|
export * from "./components/radio-buttons.js";
|
|
27
27
|
export * from "./components/row.js";
|
|
28
28
|
export * from "./components/scroll-view.js";
|
|
29
|
+
export * from "./components/separated.js";
|
|
29
30
|
export * from "./components/slider.js";
|
|
30
31
|
export * from "./components/tabs.js";
|
|
31
32
|
export * from "./components/text-input.js";
|
package/src/theme/base.scss
CHANGED
|
@@ -20,20 +20,20 @@ $root-size: 14px;
|
|
|
20
20
|
--content-row-gap: #{px(24)};
|
|
21
21
|
--content-radius: #{px(8)};
|
|
22
22
|
--content-border: #{px(2)};
|
|
23
|
-
@include common.define-quad(content-pad, px(
|
|
23
|
+
@include common.define-quad(content-pad, px(16), px(16));
|
|
24
24
|
|
|
25
25
|
--group-column-gap: #{px(16)};
|
|
26
26
|
--group-row-gap: #{px(16)};
|
|
27
|
-
@include common.define-quad(group-pad, px(
|
|
27
|
+
@include common.define-quad(group-pad, px(16), px(16));
|
|
28
28
|
|
|
29
29
|
--control-column-gap: #{px(8)};
|
|
30
30
|
--control-row-gap: #{px(8)};
|
|
31
31
|
--control-radius: #{px(5)};
|
|
32
32
|
--control-border: #{px(2)};
|
|
33
33
|
--control-disabled: opacity(.5);
|
|
34
|
-
@include common.define-quad(control-pad, px(
|
|
34
|
+
@include common.define-quad(control-pad, px(7), px(8));
|
|
35
35
|
|
|
36
|
-
--input-
|
|
36
|
+
--input-extension: #{px(4)};
|
|
37
37
|
|
|
38
38
|
--separator: #{px(1)};
|
|
39
39
|
|
package/src/theme/common.scss
CHANGED
|
@@ -32,20 +32,11 @@
|
|
|
32
32
|
--#{$name}-inline-end: #{$inline-end};
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
@mixin padding($name
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
calc(var(--#{$name}-inline-end) - $subtract);
|
|
43
|
-
} @else {
|
|
44
|
-
padding-block:
|
|
45
|
-
var(--#{$name}-block-start)
|
|
46
|
-
var(--#{$name}-block-end);
|
|
47
|
-
padding-inline:
|
|
48
|
-
var(--#{$name}-inline-start)
|
|
49
|
-
var(--#{$name}-inline-end);
|
|
50
|
-
}
|
|
35
|
+
@mixin padding($name) {
|
|
36
|
+
padding-block:
|
|
37
|
+
var(--#{$name}-block-start)
|
|
38
|
+
var(--#{$name}-block-end);
|
|
39
|
+
padding-inline:
|
|
40
|
+
var(--#{$name}-inline-start)
|
|
41
|
+
var(--#{$name}-inline-end);
|
|
51
42
|
}
|
|
@@ -129,7 +129,7 @@
|
|
|
129
129
|
cursor: pointer;
|
|
130
130
|
|
|
131
131
|
outline: none;
|
|
132
|
-
@include common.padding(control-pad
|
|
132
|
+
@include common.padding(control-pad);
|
|
133
133
|
|
|
134
134
|
border-radius: var(--control-radius);
|
|
135
135
|
transition: var(--color-transition) background-color,
|
|
@@ -48,7 +48,6 @@
|
|
|
48
48
|
box-shadow: var(--overlay-shadow);
|
|
49
49
|
border-radius: var(--content-radius);
|
|
50
50
|
border: var(--content-border) solid var(--overlay-border);
|
|
51
|
-
@include common.padding(content-pad, var(--content-border));
|
|
52
51
|
}
|
|
53
52
|
|
|
54
53
|
.dialog_scroll_view {
|
|
@@ -59,5 +58,5 @@
|
|
|
59
58
|
}
|
|
60
59
|
|
|
61
60
|
.dialog_scroll_view_content {
|
|
62
|
-
@include common.padding(content-pad
|
|
61
|
+
@include common.padding(content-pad);
|
|
63
62
|
}
|
|
@@ -34,7 +34,8 @@
|
|
|
34
34
|
|
|
35
35
|
.dropdown_item {
|
|
36
36
|
cursor: pointer;
|
|
37
|
-
@include common.padding(control-pad
|
|
37
|
+
@include common.padding(control-pad);
|
|
38
|
+
border: transparent solid var(--control-border);
|
|
38
39
|
|
|
39
40
|
&.dropdown_item_active {
|
|
40
41
|
background-color: var(--dropdown-item-active-bg);
|
|
@@ -56,13 +56,13 @@
|
|
|
56
56
|
background-color: var(--nav-list-item-bg);
|
|
57
57
|
color: var(--nav-list-item-fg);
|
|
58
58
|
border: var(--nav-list-item-border) solid var(--control-border);
|
|
59
|
+
border-radius: var(--control-radius);
|
|
59
60
|
|
|
60
61
|
cursor: pointer;
|
|
61
62
|
|
|
62
63
|
outline: none;
|
|
63
|
-
@include common.padding(control-pad
|
|
64
|
+
@include common.padding(control-pad);
|
|
64
65
|
|
|
65
|
-
border-radius: var(--control-radius);
|
|
66
66
|
transition: var(--color-transition) background-color,
|
|
67
67
|
var(--color-transition) border-color;
|
|
68
68
|
|
|
@@ -42,5 +42,8 @@
|
|
|
42
42
|
.popover_content {
|
|
43
43
|
border-radius: var(--content-radius);
|
|
44
44
|
border: var(--content-border) solid var(--overlay-border);
|
|
45
|
-
|
|
45
|
+
|
|
46
|
+
&:not(.popover_raw) {
|
|
47
|
+
@include common.padding(content-pad);
|
|
48
|
+
}
|
|
46
49
|
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
|
|
2
|
+
.separated_column {
|
|
3
|
+
overflow: hidden;
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
|
|
7
|
+
& > * + * {
|
|
8
|
+
border-block-start: calc(var(--separator) * var(--space-scale)) solid var(--separator-color);
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.separated_row {
|
|
13
|
+
overflow: hidden;
|
|
14
|
+
display: flex;
|
|
15
|
+
flex-direction: row;
|
|
16
|
+
|
|
17
|
+
& > * + * {
|
|
18
|
+
border-inline-start: calc(var(--separator) * var(--space-scale)) solid var(--separator-color);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
@@ -43,11 +43,11 @@
|
|
|
43
43
|
outline: none;
|
|
44
44
|
|
|
45
45
|
padding-block:
|
|
46
|
-
var(--control-pad-block-start)
|
|
47
|
-
|
|
46
|
+
calc(var(--control-pad-block-start) + var(--control-border))
|
|
47
|
+
var(--control-pad-block-end);
|
|
48
48
|
padding-inline:
|
|
49
|
-
var(--control-pad-inline-start)
|
|
50
|
-
var(--control-pad-inline-end);
|
|
49
|
+
calc(var(--control-pad-inline-start) + var(--control-border))
|
|
50
|
+
calc(var(--control-pad-inline-end) + var(--control-border));
|
|
51
51
|
|
|
52
52
|
background-color: transparent;
|
|
53
53
|
color: var(--tab-handle-fg);
|
|
@@ -74,5 +74,5 @@
|
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
.tab_panel_padded {
|
|
77
|
-
@include common.padding(content-pad
|
|
77
|
+
@include common.padding(content-pad);
|
|
78
78
|
}
|
package/src/theme/theme.scss
CHANGED