@rvx/ui 0.1.14 → 0.1.15
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/types.d.ts +0 -10
- package/dist/common/types.js +1 -9
- package/dist/common/types.js.map +1 -1
- package/dist/components/dialog.d.ts +0 -2
- package/dist/components/dialog.js +8 -7
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/link.js +1 -2
- package/dist/components/link.js.map +1 -1
- package/dist/theme.module.css +2 -2
- package/package.json +2 -2
- package/src/common/types.tsx +0 -18
- package/src/components/dialog.tsx +7 -9
- package/src/components/link.tsx +1 -2
- package/src/theme/components/dialog.scss +2 -2
package/dist/common/types.d.ts
CHANGED
|
@@ -1,13 +1,3 @@
|
|
|
1
|
-
import { Expression } from "rvx";
|
|
2
1
|
export type SizeContext = "content" | "control";
|
|
3
2
|
export type AriaLive = "off" | "polite" | "assertive";
|
|
4
3
|
export type AriaRelevant = "additions" | "removals" | "text" | "all" | "additions removals" | "additions text" | "removals text";
|
|
5
|
-
/**
|
|
6
|
-
* Utility to map expressions of strings or string arrays to (e.g. space) separated strings.
|
|
7
|
-
*
|
|
8
|
-
* @example
|
|
9
|
-
* ```tsx
|
|
10
|
-
* <a rel={separated(["noreferrer", "author"], " ")} />;
|
|
11
|
-
* ```
|
|
12
|
-
*/
|
|
13
|
-
export declare function separated(input: Expression<string | string[] | undefined>, sep: string): Expression<string | undefined>;
|
package/dist/common/types.js
CHANGED
package/dist/common/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/common/types.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/common/types.tsx"],"names":[],"mappings":""}
|
|
@@ -20,9 +20,7 @@ export declare function DialogBody(props: {
|
|
|
20
20
|
title?: unknown;
|
|
21
21
|
description?: unknown;
|
|
22
22
|
inlineSize?: Expression<string | undefined>;
|
|
23
|
-
maxInlineSize?: Expression<string | undefined>;
|
|
24
23
|
blockSize?: Expression<string | undefined>;
|
|
25
|
-
maxBlockSize?: Expression<string | undefined>;
|
|
26
24
|
"aria-labelledby"?: Expression<string | undefined>;
|
|
27
25
|
"aria-describedby"?: Expression<string | undefined>;
|
|
28
26
|
}): unknown;
|
|
@@ -63,16 +63,17 @@ export function DialogBody(props) {
|
|
|
63
63
|
const body = _jsx("div", { class: [
|
|
64
64
|
theme?.dialog_container,
|
|
65
65
|
props.class,
|
|
66
|
-
], style:
|
|
66
|
+
], style: [
|
|
67
|
+
props.style,
|
|
68
|
+
{
|
|
69
|
+
"--dialog-inline-size": map(props.inlineSize, v => v ?? "auto"),
|
|
70
|
+
"--dialog-block-size": map(props.blockSize, v => v ?? "auto"),
|
|
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("div", { class: [
|
|
67
73
|
theme?.column,
|
|
68
74
|
theme?.column_content,
|
|
69
75
|
theme?.dialog_body,
|
|
70
|
-
],
|
|
71
|
-
"inline-size": props.inlineSize,
|
|
72
|
-
"max-inline-size": props.maxInlineSize,
|
|
73
|
-
"block-size": props.blockSize,
|
|
74
|
-
"max-block-size": props.maxBlockSize,
|
|
75
|
-
}, children: [head, props.children] }) });
|
|
76
|
+
], children: [head, props.children] }) });
|
|
76
77
|
useMicrotask(() => {
|
|
77
78
|
if (theme?.dialog_fadein) {
|
|
78
79
|
body.offsetParent;
|
|
@@ -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;AACnE,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,
|
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"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"}
|
package/dist/components/link.js
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
2
2
|
import { get, map } from "rvx";
|
|
3
3
|
import { isPending } from "rvx/async";
|
|
4
|
-
import { optionalString } from "rvx/convert";
|
|
4
|
+
import { optionalString, separated } from "rvx/convert";
|
|
5
5
|
import { handleActionEvent, keyFor } from "../common/events.js";
|
|
6
6
|
import { THEME } from "../common/theme.js";
|
|
7
|
-
import { separated } from "../common/types.js";
|
|
8
7
|
export function Link(props) {
|
|
9
8
|
const theme = THEME.current;
|
|
10
9
|
const disabled = () => isPending() || get(props.disabled);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,GAAG,EAAE,GAAG,EAAc,MAAM,KAAK,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,GAAG,EAAE,GAAG,EAAc,MAAM,KAAK,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAU,iBAAiB,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAW3C,MAAM,UAAU,IAAI,CAAC,KAyDpB;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE1D,SAAS,MAAM,CAAC,KAAY;QAC3B,IAAI,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACjC,OAAO;QACR,CAAC;QACD,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACxC,CAAC;IAED,OAAO,YACN,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE;YACN,KAAK,EAAE,IAAI;YACX,KAAK,CAAC,KAAK;SACX,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,EAAE,mBACG,cAAc,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,gBACzC,KAAK,CAAC,YAAY,CAAC,qBACd,KAAK,CAAC,iBAAiB,CAAC,EACzC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,IAAI,EAAE,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACvD,QAAQ,EAAC,GAAG,EAEZ,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,cAAc,EAAE,GAAG,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,aAAa,CAAC,EAClE,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,YAAY,CAAC,EAAE,GAAG,CAAC,cAEjD,MAAM,gBACJ,KAAK,CAAC,EAAE;YACnB,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YAC1B,IAAI,GAAG,KAAK,OAAO,IAAI,GAAG,KAAK,OAAO,EAAE,CAAC;gBACxC,MAAM,CAAC,KAAK,CAAC,CAAC;YACf,CAAC;QACF,CAAC,YAEA,KAAK,CAAC,QAAQ,GACZ,CAAC;AACN,CAAC"}
|
package/dist/theme.module.css
CHANGED
|
@@ -423,8 +423,8 @@ body {
|
|
|
423
423
|
inset: 0;
|
|
424
424
|
background-color: var(--dialog-container-bg);
|
|
425
425
|
display: grid;
|
|
426
|
-
grid-template-columns: 1fr auto 1fr;
|
|
427
|
-
grid-template-rows: 3fr auto 4fr;
|
|
426
|
+
grid-template-columns: 1fr minmax(auto, var(--dialog-inline-size)) 1fr;
|
|
427
|
+
grid-template-rows: 3fr minmax(auto, var(--dialog-block-size)) 4fr;
|
|
428
428
|
overflow: auto;
|
|
429
429
|
transition: opacity var(--layout-transition);
|
|
430
430
|
opacity: 0;
|
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.15",
|
|
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.2.3"
|
|
32
32
|
}
|
|
33
33
|
}
|
package/src/common/types.tsx
CHANGED
|
@@ -1,23 +1,5 @@
|
|
|
1
|
-
import { Expression, map } from "rvx";
|
|
2
1
|
|
|
3
2
|
export type SizeContext = "content" | "control";
|
|
4
3
|
|
|
5
4
|
export type AriaLive = "off" | "polite" | "assertive";
|
|
6
5
|
export type AriaRelevant = "additions" | "removals" | "text" | "all" | "additions removals" | "additions text" | "removals text";
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Utility to map expressions of strings or string arrays to (e.g. space) separated strings.
|
|
10
|
-
*
|
|
11
|
-
* @example
|
|
12
|
-
* ```tsx
|
|
13
|
-
* <a rel={separated(["noreferrer", "author"], " ")} />;
|
|
14
|
-
* ```
|
|
15
|
-
*/
|
|
16
|
-
export function separated(input: Expression<string | string[] | undefined>, sep: string): Expression<string | undefined> {
|
|
17
|
-
return map(input, v => {
|
|
18
|
-
if (Array.isArray(v)) {
|
|
19
|
-
return v.join(sep);
|
|
20
|
-
}
|
|
21
|
-
return v;
|
|
22
|
-
});
|
|
23
|
-
}
|
|
@@ -74,9 +74,7 @@ export function DialogBody(props: {
|
|
|
74
74
|
description?: unknown;
|
|
75
75
|
|
|
76
76
|
inlineSize?: Expression<string | undefined>;
|
|
77
|
-
maxInlineSize?: Expression<string | undefined>;
|
|
78
77
|
blockSize?: Expression<string | undefined>;
|
|
79
|
-
maxBlockSize?: Expression<string | undefined>;
|
|
80
78
|
|
|
81
79
|
"aria-labelledby"?: Expression<string | undefined>;
|
|
82
80
|
"aria-describedby"?: Expression<string | undefined>;
|
|
@@ -101,7 +99,13 @@ export function DialogBody(props: {
|
|
|
101
99
|
theme?.dialog_container,
|
|
102
100
|
props.class,
|
|
103
101
|
]}
|
|
104
|
-
style={
|
|
102
|
+
style={[
|
|
103
|
+
props.style,
|
|
104
|
+
{
|
|
105
|
+
"--dialog-inline-size": map(props.inlineSize, v => v ?? "auto"),
|
|
106
|
+
"--dialog-block-size": map(props.blockSize, v => v ?? "auto"),
|
|
107
|
+
},
|
|
108
|
+
]}
|
|
105
109
|
role={map(props.role, v => v ?? "dialog")}
|
|
106
110
|
aria-labelledby={map(props["aria-labelledby"], v => v ?? titleId)}
|
|
107
111
|
aria-describedby={map(props["aria-describedby"], v => v ?? descriptionId)}
|
|
@@ -112,12 +116,6 @@ export function DialogBody(props: {
|
|
|
112
116
|
theme?.column_content,
|
|
113
117
|
theme?.dialog_body,
|
|
114
118
|
]}
|
|
115
|
-
style={{
|
|
116
|
-
"inline-size": props.inlineSize,
|
|
117
|
-
"max-inline-size": props.maxInlineSize,
|
|
118
|
-
"block-size": props.blockSize,
|
|
119
|
-
"max-block-size": props.maxBlockSize,
|
|
120
|
-
}}
|
|
121
119
|
>
|
|
122
120
|
{head}
|
|
123
121
|
{props.children}
|
package/src/components/link.tsx
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { ClassValue, Expression, get, map, StyleValue } from "rvx";
|
|
2
2
|
import { isPending } from "rvx/async";
|
|
3
|
-
import { optionalString } from "rvx/convert";
|
|
3
|
+
import { optionalString, separated } from "rvx/convert";
|
|
4
4
|
import { Action, handleActionEvent, keyFor } from "../common/events.js";
|
|
5
5
|
import { THEME } from "../common/theme.js";
|
|
6
|
-
import { separated } from "../common/types.js";
|
|
7
6
|
|
|
8
7
|
export type LinkReferrerPolicy = "no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url";
|
|
9
8
|
|
|
@@ -22,8 +22,8 @@
|
|
|
22
22
|
background-color: var(--dialog-container-bg);
|
|
23
23
|
|
|
24
24
|
display: grid;
|
|
25
|
-
grid-template-columns: 1fr auto 1fr;
|
|
26
|
-
grid-template-rows: 3fr auto 4fr;
|
|
25
|
+
grid-template-columns: 1fr minmax(auto, var(--dialog-inline-size)) 1fr;
|
|
26
|
+
grid-template-rows: 3fr minmax(auto, var(--dialog-block-size)) 4fr;
|
|
27
27
|
|
|
28
28
|
overflow: auto;
|
|
29
29
|
|