@rvx/ui 0.1.18 → 0.1.19
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 +5 -1
- package/dist/common/types.d.ts +1 -1
- package/dist/components/card.d.ts +2 -0
- package/dist/components/card.js +1 -1
- package/dist/components/card.js.map +1 -1
- package/dist/components/column.d.ts +4 -0
- package/dist/components/column.js +3 -0
- package/dist/components/column.js.map +1 -1
- package/dist/components/dialog.d.ts +3 -0
- package/dist/components/dialog.js +5 -1
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/label.js +3 -2
- package/dist/components/label.js.map +1 -1
- package/dist/components/notifications.js +2 -2
- package/dist/components/notifications.js.map +1 -1
- package/dist/components/scroll-view.d.ts +2 -0
- package/dist/components/scroll-view.js +9 -3
- package/dist/components/scroll-view.js.map +1 -1
- package/dist/theme.module.css +35 -5
- package/dist/theme.module.css.map +1 -1
- package/package.json +2 -2
- package/src/common/theme.tsx +5 -1
- package/src/common/types.tsx +1 -1
- package/src/components/card.tsx +3 -1
- package/src/components/column.tsx +7 -0
- package/src/components/dialog.tsx +10 -1
- package/src/components/label.tsx +3 -2
- package/src/components/notifications.tsx +2 -2
- package/src/components/scroll-view.tsx +13 -4
- package/src/theme/base.scss +6 -2
- package/src/theme/components/column.scss +1 -1
- package/src/theme/components/dialog.scss +9 -2
- package/src/theme/components/scroll-view.scss +5 -0
- package/src/theme/components/slider.scss +1 -1
package/dist/common/theme.d.ts
CHANGED
|
@@ -50,13 +50,16 @@ export interface Theme {
|
|
|
50
50
|
column?: string;
|
|
51
51
|
column_padded?: string;
|
|
52
52
|
column_content?: string;
|
|
53
|
+
column_group?: string;
|
|
53
54
|
column_control?: string;
|
|
54
55
|
control_group?: string;
|
|
55
56
|
dialog_container?: string;
|
|
56
57
|
dialog_body?: string;
|
|
57
|
-
dialog_footer?: string;
|
|
58
58
|
dialog_fadein?: string;
|
|
59
59
|
dialog_fadeout?: string;
|
|
60
|
+
dialog_scroll_view?: string;
|
|
61
|
+
dialog_scroll_view_content?: string;
|
|
62
|
+
dialog_footer?: string;
|
|
60
63
|
dropdown?: string;
|
|
61
64
|
dropdown_expansion?: string;
|
|
62
65
|
dropdown_scroll_area?: string;
|
|
@@ -95,6 +98,7 @@ export interface Theme {
|
|
|
95
98
|
radio_button_content?: string;
|
|
96
99
|
row?: string;
|
|
97
100
|
row_content?: string;
|
|
101
|
+
row_group?: string;
|
|
98
102
|
row_control?: string;
|
|
99
103
|
scroll_view?: string;
|
|
100
104
|
scroll_view_area?: string;
|
package/dist/common/types.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export type SizeContext = "content" | "control";
|
|
1
|
+
export type SizeContext = "content" | "group" | "control";
|
|
2
2
|
export type AriaLive = "off" | "polite" | "assertive";
|
|
3
3
|
export type AriaRelevant = "additions" | "removals" | "text" | "all" | "additions removals" | "additions text" | "removals text";
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { Expression } from "rvx";
|
|
2
|
+
import { SizeContext } from "../common/types.js";
|
|
2
3
|
export type CardVariant = "default" | "info" | "success" | "warning" | "danger";
|
|
3
4
|
export declare function Card(props: {
|
|
4
5
|
variant?: Expression<CardVariant | undefined>;
|
|
6
|
+
size?: SizeContext;
|
|
5
7
|
raw?: boolean;
|
|
6
8
|
children?: unknown;
|
|
7
9
|
}): unknown;
|
package/dist/components/card.js
CHANGED
|
@@ -10,6 +10,6 @@ export function Card(props) {
|
|
|
10
10
|
map(props.variant, variant => theme?.[`card_${variant ?? "default"}`]),
|
|
11
11
|
], children: props.raw
|
|
12
12
|
? props.children
|
|
13
|
-
: _jsx(Column, { class: theme?.card_content, children: props.children }) });
|
|
13
|
+
: _jsx(Column, { class: theme?.card_content, size: map(props.size, s => s ?? "group"), children: props.children }) });
|
|
14
14
|
}
|
|
15
15
|
//# sourceMappingURL=card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,GAAG,EAAE,MAAM,KAAK,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,GAAG,EAAE,MAAM,KAAK,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAIrC,MAAM,UAAU,IAAI,CAAC,KAKpB;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,OAAO,cACN,KAAK,EAAE;YACN,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,YAEA,KAAK,CAAC,GAAG;YACT,CAAC,CAAC,KAAK,CAAC,QAAQ;YAChB,CAAC,CAAC,KAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,OAAO,CAAC,YAC5E,KAAK,CAAC,QAAQ,GACP,GAEL,CAAC;AACR,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"column.js","sourceRoot":"","sources":["../../src/components/column.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,GAAG,EAAc,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAM3C,MAAM,UAAU,MAAM,CAAC,KAOtB;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,OAAO,cACN,KAAK,EAAE;YACN,KAAK,EAAE,MAAM;YACb,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,UAAU,IAAI,IAAI,SAAS,EAAE,CAAC,CAAC;YAC/D,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;YACtE,KAAK,CAAC,KAAK;SACX,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,EAAE,YAEX,KAAK,CAAC,QAAQ,GACV,CAAC;AACR,CAAC"}
|
|
1
|
+
{"version":3,"file":"column.js","sourceRoot":"","sources":["../../src/components/column.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,GAAG,EAAc,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAM3C,MAAM,UAAU,MAAM,CAAC,KAOtB;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,OAAO,cACN,KAAK,EAAE;YACN,KAAK,EAAE,MAAM;YACb,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,UAAU,IAAI,IAAI,SAAS,EAAE,CAAC,CAAC;YAC/D,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;YACtE,KAAK,CAAC,KAAK;SACX,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,EAAE,YAEX,KAAK,CAAC,QAAQ,GACV,CAAC;AACR,CAAC;AAKD,MAAM,UAAU,KAAK,CAAC,KAAiD;IACtE,OAAO,MAAM,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC;AAC5C,CAAC"}
|
|
@@ -24,6 +24,9 @@ export declare function DialogBody(props: {
|
|
|
24
24
|
"aria-labelledby"?: Expression<string | undefined>;
|
|
25
25
|
"aria-describedby"?: Expression<string | undefined>;
|
|
26
26
|
}): unknown;
|
|
27
|
+
export declare function DialogScrollView(props: {
|
|
28
|
+
children?: unknown;
|
|
29
|
+
}): unknown;
|
|
27
30
|
export declare function DialogFooter(props: {
|
|
28
31
|
class?: ClassValue;
|
|
29
32
|
style?: StyleValue;
|
|
@@ -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, Text, THEME } from "../index.js";
|
|
4
|
+
import { FlexSpace, Heading, Row, ScrollView, Text, THEME } from "../index.js";
|
|
5
5
|
import { LAYER, Layer } from "./layer.js";
|
|
6
6
|
export class DialogAbortError extends Error {
|
|
7
7
|
}
|
|
@@ -91,6 +91,10 @@ export function DialogBody(props) {
|
|
|
91
91
|
});
|
|
92
92
|
return body;
|
|
93
93
|
}
|
|
94
|
+
export function DialogScrollView(props) {
|
|
95
|
+
const theme = THEME.current;
|
|
96
|
+
return _jsx(ScrollView, { class: theme?.dialog_scroll_view, contentClass: theme?.dialog_scroll_view_content, children: props.children });
|
|
97
|
+
}
|
|
94
98
|
export function DialogFooter(props) {
|
|
95
99
|
const theme = THEME.current;
|
|
96
100
|
return _jsxs(Row, { size: "control", class: [
|
|
@@ -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,IAAI,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;
|
|
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,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/E,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,OAAO,gBAAiB,SAAQ,KAAK;CAAG;AAa9C,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,OAAO,EAA+C,CAAC;AAEzF,MAAM,UAAU,UAAU,CAAW,IAAmB,EAAE,OAAuB;IAChF,OAAO,IAAI,OAAO,CAAI,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACzC,WAAW,CAAC,OAAO,CAAC,EAAE;YACrB,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;YACxB,MAAM,OAAO,GAAG,IAAI,OAAO,EAA4B,CAAC;YACxD,MAAM,IAAI,GAAG,MAAM,CAClB,KAAC,KAAK,IAAC,KAAK,QAAC,OAAO,EAAE,OAAO,YAC3B,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC;oBACrB,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC;oBACvB,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;iBAClC,EAAE,GAAG,EAAE;oBACP,MAAM,MAAM,GAAc;wBACzB,OAAO,CAAC,KAAK;4BACZ,OAAO,EAAE,CAAC;4BACV,OAAO,CAAC,KAAK,CAAC,CAAC;wBAChB,CAAC;wBACD,MAAM,CAAC,MAAM;4BACZ,OAAO,EAAE,CAAC;4BACV,MAAM,CAAC,MAAM,CAAC,CAAC;wBAChB,CAAC;qBACD,CAAC;oBACF,IAAI,OAAO,EAAE,WAAW,IAAI,IAAI,EAAE,CAAC;wBAClC,KAAK,CAAC,OAAQ,CAAC,SAAS,CAAC,QAAQ,EAAE,GAAG,EAAE;4BACvC,MAAM,CAAC,MAAM,CAAC,IAAI,gBAAgB,EAAE,CAAC,CAAC;wBACvC,CAAC,CAAC,CAAC;oBACJ,CAAC;oBACD,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC;gBACrB,CAAC,CAAC,GACK,CACR,CAAC;YACF,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC7B,QAAQ,CAAC,KAAK,IAAI,EAAE;gBACnB,IAAI,CAAC;oBACJ,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;oBACtB,MAAM,KAAK,GAAoB,EAAE,CAAC;oBAClC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBACpB,MAAM,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBAC1B,CAAC;wBAAS,CAAC;oBACV,IAAI,CAAC,MAAM,EAAE,CAAC;gBACf,CAAC;YACF,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACJ,CAAC;AAID,MAAM,UAAU,UAAU,CAAC,KAa1B;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAE5B,IAAI,OAA2B,CAAC;IAChC,IAAI,aAAiC,CAAC;IACtC,MAAM,IAAI,GAAc,EAAE,CAAC;IAE3B,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;QAC/B,OAAO,GAAG,QAAQ,EAAE,CAAC;QACrB,IAAI,CAAC,IAAI,CAAC,KAAC,OAAO,IAAC,KAAK,EAAC,GAAG,EAAC,EAAE,EAAE,OAAO,YAAG,KAAK,CAAC,KAAK,GAAW,CAAC,CAAC;IACpE,CAAC;IACD,IAAI,KAAK,CAAC,WAAW,KAAK,SAAS,EAAE,CAAC;QACrC,aAAa,GAAG,QAAQ,EAAE,CAAC;QAC3B,IAAI,CAAC,IAAI,CAAC,KAAC,IAAI,IAAC,EAAE,EAAE,aAAa,YAAG,KAAK,CAAC,WAAW,GAAQ,CAAC,CAAC;IAChE,CAAC;IAED,MAAM,IAAI,GAAG,cACZ,KAAK,EAAE;YACN,KAAK,EAAE,gBAAgB;YACvB,KAAK,CAAC,KAAK;SACX,EACD,KAAK,EAAE;YACN,KAAK,CAAC,KAAK;YACX;gBACC,sBAAsB,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC;gBAC/D,qBAAqB,EAAE,GAAG,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC;aAC7D;SACD,EACD,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,QAAQ,CAAC,qBACxB,GAAG,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,OAAO,CAAC,sBAC/C,GAAG,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,aAAa,CAAC,YAEzE,eACC,KAAK,EAAE;gBACN,KAAK,EAAE,MAAM;gBACb,KAAK,EAAE,cAAc;gBACrB,KAAK,EAAE,WAAW;aAClB,aAEA,IAAI,EACJ,KAAK,CAAC,QAAQ,IACV,GACc,CAAC;IAEtB,YAAY,CAAC,GAAG,EAAE;QACjB,IAAI,KAAK,EAAE,aAAa,EAAE,CAAC;YAC1B,IAAI,CAAC,YAAY,CAAC;YAClB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QACzC,CAAC;IACF,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE;QAChC,IAAI,KAAK,EAAE,cAAc,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QAC1C,CAAC;QACD,MAAM,QAAQ,GAAG,QAAQ,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC,CAAC;QAC1F,IAAI,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC;YACpC,KAAK,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;QACnE,CAAC;IACF,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AACb,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,KAEhC;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,OAAO,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,KAAK,EAAE,0BAA0B,YAClG,KAAK,CAAC,QAAQ,GACH,CAAC;AACf,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAK5B;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,OAAO,MAAC,GAAG,IACV,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;YACN,KAAK,EAAE,aAAa;YACpB,KAAK,CAAC,KAAK;SACX,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAC,QAAQ,aAEd,KAAC,GAAG,IAAC,IAAI,EAAC,SAAS,YACjB,KAAK,CAAC,KAAK,GACP,EACN,KAAC,SAAS,KAAG,EACb,KAAC,GAAG,IAAC,IAAI,EAAC,SAAS,YACjB,KAAK,CAAC,QAAQ,GACV,IACD,CAAC;AACR,CAAC"}
|
package/dist/components/label.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { jsx as _jsx,
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "rvx/jsx-runtime";
|
|
2
2
|
import { uniqueId } from "rvx";
|
|
3
3
|
import { THEME } from "../common/theme.js";
|
|
4
|
+
import { Group } from "./column.js";
|
|
4
5
|
export function Label(props) {
|
|
5
6
|
const theme = THEME.current;
|
|
6
7
|
return _jsx("label", { class: [
|
|
@@ -10,6 +11,6 @@ export function Label(props) {
|
|
|
10
11
|
}
|
|
11
12
|
export function LabelFor(props) {
|
|
12
13
|
const id = uniqueId();
|
|
13
|
-
return _jsxs(
|
|
14
|
+
return _jsxs(Group, { children: [_jsx(Label, { class: props.class, style: props.style, for: id, children: props.label }), props.children(id)] });
|
|
14
15
|
}
|
|
15
16
|
//# sourceMappingURL=label.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/components/label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAsC,QAAQ,EAAE,MAAM,KAAK,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/components/label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAsC,QAAQ,EAAE,MAAM,KAAK,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,UAAU,KAAK,CAAC,KAMrB;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,OAAO,gBACN,KAAK,EAAE;YACN,KAAK,EAAE,KAAK;YACZ,KAAK,CAAC,KAAK;SACX,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,EAAE,EAAE,KAAK,CAAC,EAAE,YAEX,KAAK,CAAC,QAAQ,GACR,CAAC;AACV,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAKxB;IACA,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IACtB,OAAO,MAAC,KAAK,eACZ,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,YAAG,KAAK,CAAC,KAAK,GAAS,EAC5E,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,IACZ,CAAC;AACV,CAAC"}
|
|
@@ -9,7 +9,7 @@ const instances = $([]);
|
|
|
9
9
|
export function showNotification(content, options) {
|
|
10
10
|
const theme = THEME.current;
|
|
11
11
|
if (!host) {
|
|
12
|
-
host = render(_jsx("div", { class: theme?.notification_host, children: _jsx(Column, { class: theme?.notification_area, children: _jsx(For, { each: instances, children: instance => instance() }) }) }));
|
|
12
|
+
host = render(_jsx("div", { class: theme?.notification_host, children: _jsx(Column, { class: theme?.notification_area, size: "group", children: _jsx(For, { each: instances, children: instance => instance() }) }) }));
|
|
13
13
|
}
|
|
14
14
|
host.appendTo(document.body);
|
|
15
15
|
let handle;
|
|
@@ -22,7 +22,7 @@ export function showNotification(content, options) {
|
|
|
22
22
|
theme?.[`notification_${options?.variant ?? "default"}`],
|
|
23
23
|
], children: options?.raw
|
|
24
24
|
? content(handle)
|
|
25
|
-
: _jsx(Column, { children: content(handle) }) }) })).move;
|
|
25
|
+
: _jsx(Column, { size: "group", children: content(handle) }) }) })).move;
|
|
26
26
|
instances.update(instances => {
|
|
27
27
|
instances.push(instance);
|
|
28
28
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notifications.js","sourceRoot":"","sources":["../../src/components/notifications.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,WAAW,EAAa,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAQ,MAAM,KAAK,CAAC;AACtF,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAcrC,IAAI,IAAsB,CAAC;AAC3B,MAAM,SAAS,GAAG,CAAC,CAAc,EAAE,CAAC,CAAC;AAErC,MAAM,UAAU,gBAAgB,CAAC,OAAgC,EAAE,OAA6B;IAC/F,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,IAAI,CAAC,IAAI,EAAE,CAAC;QACX,IAAI,GAAG,MAAM,CAAC,cAAK,KAAK,EAAE,KAAK,EAAE,iBAAiB,YACjD,KAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,iBAAiB,
|
|
1
|
+
{"version":3,"file":"notifications.js","sourceRoot":"","sources":["../../src/components/notifications.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,WAAW,EAAa,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAQ,MAAM,KAAK,CAAC;AACtF,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAcrC,IAAI,IAAsB,CAAC;AAC3B,MAAM,SAAS,GAAG,CAAC,CAAc,EAAE,CAAC,CAAC;AAErC,MAAM,UAAU,gBAAgB,CAAC,OAAgC,EAAE,OAA6B;IAC/F,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,IAAI,CAAC,IAAI,EAAE,CAAC;QACX,IAAI,GAAG,MAAM,CAAC,cAAK,KAAK,EAAE,KAAK,EAAE,iBAAiB,YACjD,KAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,OAAO,YACpD,KAAC,GAAG,IAAC,IAAI,EAAE,SAAS,YAClB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,GAClB,GACE,GACJ,CAAC,CAAC;IACT,CAAC;IACD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7B,IAAI,MAAqB,CAAC;IAC1B,WAAW,CAAC,OAAO,CAAC,EAAE;QACrB,MAAM,GAAG,EAAE,OAAO,EAAE,CAAC;QACrB,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;QAExB,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAC,QAAQ,IAAC,MAAM,QAAC,OAAO,EAAE,OAAO,YACzD,cAAK,KAAK,EAAE;oBACX,KAAK,EAAE,YAAY;oBACnB,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS;oBAClD,KAAK,EAAE,CAAC,gBAAgB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,CAAC;iBACxD,YACC,OAAO,EAAE,GAAG;oBACZ,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC;oBACjB,CAAC,CAAC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,YACpB,OAAO,CAAC,MAAM,CAAC,GACR,GAEL,GACI,CAAC,CAAC,IAAI,CAAC;QAElB,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;YAC5B,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC,CAAC,CAAC;QAGH,IAAI,OAAO,EAAE,OAAO,KAAK,SAAS,EAAE,CAAC;YAEpC,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;QAED,QAAQ,CAAC,GAAG,EAAE;YACb,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;YACtB,UAAU,CAAC,GAAG,EAAE;gBACf,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;oBAC5B,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;oBAC1C,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;wBAChB,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;oBAC5B,CAAC;gBACF,CAAC,CAAC,CAAC;YACJ,CAAC,EAAE,IAAI,CAAC,CAAC;QACV,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AACf,CAAC"}
|
|
@@ -30,9 +30,15 @@ export function ScrollView(props) {
|
|
|
30
30
|
startIndicator.value = start > .5;
|
|
31
31
|
endIndicator.value = end > .5;
|
|
32
32
|
};
|
|
33
|
-
const area = _jsx("div", { class:
|
|
34
|
-
|
|
35
|
-
|
|
33
|
+
const area = _jsx("div", { class: [
|
|
34
|
+
props.contentClass,
|
|
35
|
+
theme?.scroll_view_area,
|
|
36
|
+
], style: [
|
|
37
|
+
props.contentStyle,
|
|
38
|
+
{
|
|
39
|
+
overflow: () => vertical.value ? "hidden auto" : "auto hidden",
|
|
40
|
+
}
|
|
41
|
+
], "on:scroll": [debounceEvent(100, () => updateIndicators()), { passive: true }], tabindex: "0", children: content });
|
|
36
42
|
const root = _jsxs("div", { class: [
|
|
37
43
|
props.class,
|
|
38
44
|
theme?.scroll_view,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-view.js","sourceRoot":"","sources":["../../src/components/scroll-view.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAA0B,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAe,MAAM,2BAA2B,CAAC;AAE7G,MAAM,UAAU,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"scroll-view.js","sourceRoot":"","sources":["../../src/components/scroll-view.tsx"],"names":[],"mappings":"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"}
|
package/dist/theme.module.css
CHANGED
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
line-height: 1;
|
|
5
5
|
--accent: rgb(0, 192, 255);
|
|
6
6
|
accent-color: var(--accent);
|
|
7
|
-
--content-column-gap: 1.
|
|
8
|
-
--content-row-gap: 1.
|
|
7
|
+
--content-column-gap: 1.7142857143rem;
|
|
8
|
+
--content-row-gap: 1.7142857143rem;
|
|
9
9
|
--content-radius: 0.5714285714rem;
|
|
10
10
|
--content-border: 0.1428571429rem;
|
|
11
11
|
--content-shadow: 0 0 1.1428571429rem rgba(0, 0, 0, .2);
|
|
@@ -13,6 +13,12 @@
|
|
|
13
13
|
--content-pad-inline-start: 1.4285714286rem;
|
|
14
14
|
--content-pad-block-end: 1.4285714286rem;
|
|
15
15
|
--content-pad-inline-end: 1.4285714286rem;
|
|
16
|
+
--group-column-gap: 1.1428571429rem;
|
|
17
|
+
--group-row-gap: 1.1428571429rem;
|
|
18
|
+
--group-pad-block-start: 1.4285714286rem;
|
|
19
|
+
--group-pad-inline-start: 1.4285714286rem;
|
|
20
|
+
--group-pad-block-end: 1.4285714286rem;
|
|
21
|
+
--group-pad-inline-end: 1.4285714286rem;
|
|
16
22
|
--control-column-gap: 0.5714285714rem;
|
|
17
23
|
--control-row-gap: 0.5714285714rem;
|
|
18
24
|
--control-radius: 0.3571428571rem;
|
|
@@ -383,6 +389,17 @@ body {
|
|
|
383
389
|
padding-inline: calc(var(--content-pad-inline-start) - var(--content-border)) calc(var(--content-pad-inline-end) - var(--content-border));
|
|
384
390
|
}
|
|
385
391
|
|
|
392
|
+
.column_group {
|
|
393
|
+
row-gap: var(--group-row-gap);
|
|
394
|
+
}
|
|
395
|
+
.column_group > * {
|
|
396
|
+
--parent-row-gap: var(--group-row-gap);
|
|
397
|
+
}
|
|
398
|
+
.column_group.column_padded {
|
|
399
|
+
padding-block: calc(var(--group-pad-block-start) - var(--content-border)) calc(var(--group-pad-block-end) - var(--content-border));
|
|
400
|
+
padding-inline: calc(var(--group-pad-inline-start) - var(--content-border)) calc(var(--group-pad-inline-end) - var(--content-border));
|
|
401
|
+
}
|
|
402
|
+
|
|
386
403
|
.column_control {
|
|
387
404
|
row-gap: var(--control-row-gap);
|
|
388
405
|
}
|
|
@@ -465,8 +482,16 @@ body {
|
|
|
465
482
|
padding-inline: calc(var(--content-pad-inline-start) - var(--content-border)) calc(var(--content-pad-inline-end) - var(--content-border));
|
|
466
483
|
}
|
|
467
484
|
|
|
468
|
-
.
|
|
469
|
-
|
|
485
|
+
.dialog_scroll_view {
|
|
486
|
+
border-block-start: var(--content-border) solid var(--dialog-border);
|
|
487
|
+
border-block-end: var(--content-border) solid var(--dialog-border);
|
|
488
|
+
margin-inline-start: calc(var(--content-pad-inline-start) * -1 + var(--content-border));
|
|
489
|
+
margin-inline-end: calc(var(--content-pad-inline-end) * -1 + var(--content-border));
|
|
490
|
+
}
|
|
491
|
+
|
|
492
|
+
.dialog_scroll_view_content {
|
|
493
|
+
padding-block: calc(var(--content-pad-block-start) - var(--content-border)) calc(var(--content-pad-block-end) - var(--content-border));
|
|
494
|
+
padding-inline: calc(var(--content-pad-inline-start) - var(--content-border)) calc(var(--content-pad-inline-end) - var(--content-border));
|
|
470
495
|
}
|
|
471
496
|
|
|
472
497
|
@media (prefers-color-scheme: dark) {
|
|
@@ -860,6 +885,11 @@ h6.heading {
|
|
|
860
885
|
inset: 0;
|
|
861
886
|
}
|
|
862
887
|
|
|
888
|
+
.scroll_view_area:focus-visible {
|
|
889
|
+
outline: var(--focus-outline);
|
|
890
|
+
outline-offset: calc(var(--control-border) * -1);
|
|
891
|
+
}
|
|
892
|
+
|
|
863
893
|
.scroll_view_content {
|
|
864
894
|
inline-size: 100%;
|
|
865
895
|
min-block-size: 100%;
|
|
@@ -893,7 +923,7 @@ h6.heading {
|
|
|
893
923
|
.slider_host {
|
|
894
924
|
display: flex;
|
|
895
925
|
flex-direction: column;
|
|
896
|
-
row-gap: var(--
|
|
926
|
+
row-gap: var(--group-row-gap);
|
|
897
927
|
}
|
|
898
928
|
.slider_host > input {
|
|
899
929
|
outline: none;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/theme/base.scss","../src/theme/common.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;EACA;EAEA;EACA;EACA;EACA;EACA;ECOA;EACA;EACA;EACA;EDPA;EACA;EACA;EACA;EACA;EACA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/theme/base.scss","../src/theme/common.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;EACA;EAEA;EACA;EACA;EACA;EACA;ECOA;EACA;EACA;EACA;EDPA;EACA;ECGA;EACA;EACA;EACA;EDHA;EACA;EACA;EACA;EACA;EACA;ECLA;EACA;EACA;EACA;EDKA;EAEA;EAEA;EAEA;EAEA;EACA;EAEA;EACA;EAEA;;;ACrCC;EAFD;IANE;IAAA;IAAA;IAAA;IAUA;;;ADqDH;EACC;EACA;EAEA;;AACA;EALD;IAME;;;;AAIF;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;ACzEC;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;IAAA;IAUA;;;ACgFH;EACC;EACA;EACA;EACA;EAEA;EAEA;EDnEC,eACC;EAED,gBACC;ECkEF;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;;;ADhIC;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAUA;;;AEKH;EACC;EACA;;AAEA;EFYC,eACC;EAED,gBACC;;;AEVF;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AC9BF;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;ELAA,eACC;EAED,gBACC;;;AKVF;EACC;;AACA;EACC;;AAGD;ELAA,eACC;EAED,gBACC;;;AKVF;EACC;;AACA;EACC;;AAGD;ELAA,eACC;EAED,gBACC;;;AMvCH;EACC;EACA;EAEA;;AACA;EACC;;AAGD;EACC;EACA;;AAED;EACC;EACA;;;ANHA;EAFD;IANE;IAAA;IAAA;IAAA;IAUA;;;AOEH;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;EP5BC,eACC;EAED,gBACC;;;AO4BH;EACC;EACA;EACA;EACA;;;AAGD;EPvCE,eACC;EAED,gBACC;;;AA3BD;EAFD;IANE;IAAA;IAAA;IAAA;IAUA;;;AQEH;EACC;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;ERPC,eACC;EAED,gBACC;;AQMF;EACC;;;AC9CF;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;;;AVxBC;EAFD;IANE;IAUA;;;AWPH;EACC;EACA;EAEA;EACA;EACA;;AAEA;EAEC;EACA;EACA;EACA;;;AXRA;EAFD;IANE;IAUA;;;AYPH;EACC;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;;AZTA;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAUA;;;AaiBH;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EbhBC,eACC;EAED,gBACC;EaeF;EACA;;AAGA;EACC;EACA;;AAGD;EAEC;EACA;;AAGD;EACC;EACA;;;AAIF;EACC;EACA;EACA;EACA;;;AbnEC;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAAA;IAUA;;;AcSH;EACC;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EdbC,eACC;EAED,gBACC;;;AceF;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;ACvDF;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AfPC;EAFD;IANE;IAAA;IAAA;IAUA;;;AgBDH;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;EhBnBC,eACC;EAED,gBACC;;;AiBvCH;EACC;EACA;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;ACjCD;EACC;EACA;EACA;;;AAIA;EACC;EACA;;AACA;EACC;EACA;;;AALF;EACC;EACA;;AACA;EACC;EACA;;;AlBAD;EAFD;IANE;IAAA;IAUA;;;AmBJH;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;;;ACrDD;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAEA;EACC;;;ApBED;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAAA;IAUA;;;AqBQH;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;ErBjCE,eACC;EAED,gBACC;;;AA3BD;EAFD;IANE;IAAA;IAAA;IAAA;IAUA;;;AsBEH;EACC;EACA;EACA;EAEA;EAEA;EtBmBC,eACC;EAED,gBACC;EsBrBF;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;;;AAIF;EACC;;;AC3CD;EACC;;AAEA;EAEC;EACA;EACA;EACA;;;AvBIA;EAFD;IANE;IAUA;;;AwBPH;EACC;;;AAGD;EACC;;;ACZD;EACC","file":"theme.module.css"}
|
package/package.json
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"rvx"
|
|
13
13
|
],
|
|
14
14
|
"license": "MIT",
|
|
15
|
-
"version": "0.1.
|
|
15
|
+
"version": "0.1.19",
|
|
16
16
|
"type": "module",
|
|
17
17
|
"main": "./dist/index.js",
|
|
18
18
|
"sideEffects": false,
|
|
@@ -28,6 +28,6 @@
|
|
|
28
28
|
"./dist/": "./dist/"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"rvx": "^22.
|
|
31
|
+
"rvx": "^22.4.0"
|
|
32
32
|
}
|
|
33
33
|
}
|
package/src/common/theme.tsx
CHANGED
|
@@ -56,15 +56,18 @@ export interface Theme {
|
|
|
56
56
|
column?: string;
|
|
57
57
|
column_padded?: string;
|
|
58
58
|
column_content?: string;
|
|
59
|
+
column_group?: string;
|
|
59
60
|
column_control?: string;
|
|
60
61
|
|
|
61
62
|
control_group?: string;
|
|
62
63
|
|
|
63
64
|
dialog_container?: string;
|
|
64
65
|
dialog_body?: string;
|
|
65
|
-
dialog_footer?: string;
|
|
66
66
|
dialog_fadein?: string;
|
|
67
67
|
dialog_fadeout?: string;
|
|
68
|
+
dialog_scroll_view?: string;
|
|
69
|
+
dialog_scroll_view_content?: string;
|
|
70
|
+
dialog_footer?: string;
|
|
68
71
|
|
|
69
72
|
dropdown?: string;
|
|
70
73
|
dropdown_expansion?: string;
|
|
@@ -114,6 +117,7 @@ export interface Theme {
|
|
|
114
117
|
|
|
115
118
|
row?: string;
|
|
116
119
|
row_content?: string;
|
|
120
|
+
row_group?: string;
|
|
117
121
|
row_control?: string;
|
|
118
122
|
|
|
119
123
|
scroll_view?: string;
|
package/src/common/types.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
export type SizeContext = "content" | "control";
|
|
2
|
+
export type SizeContext = "content" | "group" | "control";
|
|
3
3
|
|
|
4
4
|
export type AriaLive = "off" | "polite" | "assertive";
|
|
5
5
|
export type AriaRelevant = "additions" | "removals" | "text" | "all" | "additions removals" | "additions text" | "removals text";
|
package/src/components/card.tsx
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { Expression, map } from "rvx";
|
|
2
2
|
import { THEME } from "../common/theme.js";
|
|
3
|
+
import { SizeContext } from "../common/types.js";
|
|
3
4
|
import { Column } from "./column.js";
|
|
4
5
|
|
|
5
6
|
export type CardVariant = "default" | "info" | "success" | "warning" | "danger";
|
|
6
7
|
|
|
7
8
|
export function Card(props: {
|
|
8
9
|
variant?: Expression<CardVariant | undefined>;
|
|
10
|
+
size?: SizeContext;
|
|
9
11
|
raw?: boolean;
|
|
10
12
|
children?: unknown;
|
|
11
13
|
}): unknown {
|
|
@@ -19,7 +21,7 @@ export function Card(props: {
|
|
|
19
21
|
>
|
|
20
22
|
{props.raw
|
|
21
23
|
? props.children
|
|
22
|
-
: <Column class={theme?.card_content}>
|
|
24
|
+
: <Column class={theme?.card_content} size={map(props.size, s => s ?? "group")}>
|
|
23
25
|
{props.children}
|
|
24
26
|
</Column>
|
|
25
27
|
}
|
|
@@ -27,3 +27,10 @@ export function Column(props: {
|
|
|
27
27
|
{props.children}
|
|
28
28
|
</div>;
|
|
29
29
|
}
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* Shorthand for `<Column size="group">...`
|
|
33
|
+
*/
|
|
34
|
+
export function Group(props: Omit<Parameters<typeof Column>[0], "size">) {
|
|
35
|
+
return Column({ size: "group", ...props });
|
|
36
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
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, Text, THEME } from "../index.js";
|
|
3
|
+
import { FlexSpace, Heading, Row, ScrollView, Text, THEME } from "../index.js";
|
|
4
4
|
import { LAYER, Layer } from "./layer.js";
|
|
5
5
|
|
|
6
6
|
export class DialogAbortError extends Error {}
|
|
@@ -142,6 +142,15 @@ export function DialogBody(props: {
|
|
|
142
142
|
return body;
|
|
143
143
|
}
|
|
144
144
|
|
|
145
|
+
export function DialogScrollView(props: {
|
|
146
|
+
children?: unknown;
|
|
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>;
|
|
152
|
+
}
|
|
153
|
+
|
|
145
154
|
export function DialogFooter(props: {
|
|
146
155
|
class?: ClassValue;
|
|
147
156
|
style?: StyleValue;
|
package/src/components/label.tsx
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ClassValue, Expression, StyleValue, uniqueId } from "rvx";
|
|
2
2
|
import { THEME } from "../common/theme.js";
|
|
3
|
+
import { Group } from "./column.js";
|
|
3
4
|
|
|
4
5
|
export function Label(props: {
|
|
5
6
|
class?: ClassValue;
|
|
@@ -29,8 +30,8 @@ export function LabelFor(props: {
|
|
|
29
30
|
children: (id: string) => unknown;
|
|
30
31
|
}): unknown {
|
|
31
32
|
const id = uniqueId();
|
|
32
|
-
return
|
|
33
|
+
return <Group>
|
|
33
34
|
<Label class={props.class} style={props.style} for={id}>{props.label}</Label>
|
|
34
35
|
{props.children(id)}
|
|
35
|
-
|
|
36
|
+
</Group>;
|
|
36
37
|
}
|
|
@@ -23,7 +23,7 @@ export function showNotification(content: Component<Notification>, options?: Not
|
|
|
23
23
|
const theme = THEME.current;
|
|
24
24
|
if (!host) {
|
|
25
25
|
host = render(<div class={theme?.notification_host}>
|
|
26
|
-
<Column class={theme?.notification_area}>
|
|
26
|
+
<Column class={theme?.notification_area} size="group">
|
|
27
27
|
<For each={instances}>
|
|
28
28
|
{instance => instance()}
|
|
29
29
|
</For>
|
|
@@ -45,7 +45,7 @@ export function showNotification(content: Component<Notification>, options?: Not
|
|
|
45
45
|
]}>
|
|
46
46
|
{options?.raw
|
|
47
47
|
? content(handle)
|
|
48
|
-
: <Column>
|
|
48
|
+
: <Column size="group">
|
|
49
49
|
{content(handle)}
|
|
50
50
|
</Column>
|
|
51
51
|
}
|
|
@@ -6,6 +6,8 @@ import { axisEquals, DOWN, getBlockStart, getSize, RIGHT, UP, WritingMode } from
|
|
|
6
6
|
export function ScrollView(props: {
|
|
7
7
|
class?: ClassValue;
|
|
8
8
|
style?: StyleValue;
|
|
9
|
+
contentClass?: ClassValue;
|
|
10
|
+
contentStyle?: StyleValue;
|
|
9
11
|
children?: unknown;
|
|
10
12
|
}): unknown {
|
|
11
13
|
const theme = THEME.current;
|
|
@@ -39,11 +41,18 @@ export function ScrollView(props: {
|
|
|
39
41
|
};
|
|
40
42
|
|
|
41
43
|
const area = <div
|
|
42
|
-
class={
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
}
|
|
44
|
+
class={[
|
|
45
|
+
props.contentClass,
|
|
46
|
+
theme?.scroll_view_area,
|
|
47
|
+
]}
|
|
48
|
+
style={[
|
|
49
|
+
props.contentStyle,
|
|
50
|
+
{
|
|
51
|
+
overflow: () => vertical.value ? "hidden auto" : "auto hidden",
|
|
52
|
+
}
|
|
53
|
+
]}
|
|
46
54
|
on:scroll={[debounceEvent(100, () => updateIndicators()), { passive: true }]}
|
|
55
|
+
tabindex="0"
|
|
47
56
|
>
|
|
48
57
|
{content}
|
|
49
58
|
</div> as HTMLElement;
|
package/src/theme/base.scss
CHANGED
|
@@ -15,13 +15,17 @@ $root-size: 14px;
|
|
|
15
15
|
--accent: rgb(0, 192, 255);
|
|
16
16
|
accent-color: var(--accent);
|
|
17
17
|
|
|
18
|
-
--content-column-gap: #{px(
|
|
19
|
-
--content-row-gap: #{px(
|
|
18
|
+
--content-column-gap: #{px(24)};
|
|
19
|
+
--content-row-gap: #{px(24)};
|
|
20
20
|
--content-radius: #{px(8)};
|
|
21
21
|
--content-border: #{px(2)};
|
|
22
22
|
--content-shadow: 0 0 #{px(16)} rgba(0, 0, 0, .2);
|
|
23
23
|
@include common.define-quad(content-pad, px(20), px(20));
|
|
24
24
|
|
|
25
|
+
--group-column-gap: #{px(16)};
|
|
26
|
+
--group-row-gap: #{px(16)};
|
|
27
|
+
@include common.define-quad(group-pad, px(20), px(20));
|
|
28
|
+
|
|
25
29
|
--control-column-gap: #{px(8)};
|
|
26
30
|
--control-row-gap: #{px(8)};
|
|
27
31
|
--control-radius: #{px(5)};
|
|
@@ -66,6 +66,13 @@
|
|
|
66
66
|
@include common.padding(content-pad, var(--content-border));
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
-
.
|
|
70
|
-
|
|
69
|
+
.dialog_scroll_view {
|
|
70
|
+
border-block-start: var(--content-border) solid var(--dialog-border);
|
|
71
|
+
border-block-end: var(--content-border) solid var(--dialog-border);
|
|
72
|
+
margin-inline-start: calc(var(--content-pad-inline-start) * -1 + var(--content-border));
|
|
73
|
+
margin-inline-end: calc(var(--content-pad-inline-end) * -1 + var(--content-border));
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.dialog_scroll_view_content {
|
|
77
|
+
@include common.padding(content-pad, var(--content-border));
|
|
71
78
|
}
|