@rvx/ui 0.1.8 → 0.1.9
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 +8 -1
- package/dist/common/theme.js +1 -1
- package/dist/common/theme.js.map +1 -1
- package/dist/components/card.d.ts +6 -0
- package/dist/components/card.js +12 -0
- package/dist/components/card.js.map +1 -0
- package/dist/components/checkbox-test.js +2 -1
- package/dist/components/checkbox-test.js.map +1 -1
- package/dist/components/heading.js +3 -9
- package/dist/components/heading.js.map +1 -1
- package/dist/components/layer.d.ts +1 -1
- package/dist/components/layer.js.map +1 -1
- package/dist/components/row.js +1 -1
- package/dist/components/validation.d.ts +1 -1
- package/dist/components/validation.js +6 -6
- package/dist/components/validation.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/theme.module.css +44 -0
- package/dist/theme.module.css.map +1 -1
- package/package.json +2 -2
- package/src/common/theme.tsx +9 -1
- package/src/components/card.tsx +22 -0
- package/src/components/checkbox-test.tsx +2 -1
- package/src/components/heading.tsx +9 -9
- package/src/components/layer.tsx +1 -1
- package/src/components/row.tsx +1 -1
- package/src/components/validation.tsx +7 -7
- package/src/index.tsx +1 -0
- package/src/theme/base.scss +1 -0
- package/src/theme/components/card.scss +31 -0
- package/src/theme/components/column.scss +8 -0
- package/src/theme/theme.scss +1 -0
package/dist/common/theme.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Context } from "rvx";
|
|
2
|
-
export declare const THEME: Context<Theme>;
|
|
2
|
+
export declare const THEME: Context<Theme | undefined>;
|
|
3
3
|
/**
|
|
4
4
|
* A collection of class names that is used as the theme.
|
|
5
5
|
*
|
|
@@ -37,6 +37,13 @@ export interface Theme {
|
|
|
37
37
|
button_input?: string;
|
|
38
38
|
/** Additional class for buttons with the "text" variant */
|
|
39
39
|
button_text?: string;
|
|
40
|
+
card?: string;
|
|
41
|
+
card_content?: string;
|
|
42
|
+
card_default?: string;
|
|
43
|
+
card_info?: string;
|
|
44
|
+
card_success?: string;
|
|
45
|
+
card_warning?: string;
|
|
46
|
+
card_danger?: string;
|
|
40
47
|
/** Class for all checkbox containing labels */
|
|
41
48
|
checkbox_label?: string;
|
|
42
49
|
/** Class for all checkbox inputs */
|
package/dist/common/theme.js
CHANGED
package/dist/common/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/common/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAE9B,MAAM,CAAC,MAAM,KAAK,GAAG,IAAI,OAAO,
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/common/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAE9B,MAAM,CAAC,MAAM,KAAK,GAAG,IAAI,OAAO,CAAoB,SAAS,CAAC,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
2
|
+
import { get } from "rvx";
|
|
3
|
+
import { THEME } from "../common/theme.js";
|
|
4
|
+
import { Column } from "./column.js";
|
|
5
|
+
export function Card(props) {
|
|
6
|
+
const theme = THEME.current;
|
|
7
|
+
return _jsx("div", { class: [
|
|
8
|
+
theme?.card,
|
|
9
|
+
() => theme?.[`card_${get(props.variant) ?? "default"}`],
|
|
10
|
+
], children: _jsx(Column, { class: theme?.card_content, children: props.children }) });
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=card.js.map
|
|
@@ -0,0 +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;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAIrC,MAAM,UAAU,IAAI,CAAC,KAGpB;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,OAAO,cACN,KAAK,EAAE;YACN,KAAK,EAAE,IAAI;YACX,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,QAAQ,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,CAAC;SACxD,YAED,KAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,YAAY,YAChC,KAAK,CAAC,QAAQ,GACP,GACJ,CAAC;AACR,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ENV } from "rvx";
|
|
1
2
|
import { themeClass } from "../common/theme-test.js";
|
|
2
3
|
function assertCheckbox(checkbox) {
|
|
3
4
|
if (!checkbox.matches(`.${themeClass("checkbox_label")}`)) {
|
|
@@ -21,7 +22,7 @@ export function toggleCheckbox(checkbox, checked) {
|
|
|
21
22
|
checked ??= !input.checked;
|
|
22
23
|
input.indeterminate = false;
|
|
23
24
|
input.checked = checked;
|
|
24
|
-
input.dispatchEvent(new CustomEvent("input"));
|
|
25
|
+
input.dispatchEvent(new ENV.current.CustomEvent("input"));
|
|
25
26
|
}
|
|
26
27
|
export function getCheckboxContent(checkbox) {
|
|
27
28
|
assertCheckbox(checkbox);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-test.js","sourceRoot":"","sources":["../../src/components/checkbox-test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,SAAS,cAAc,CAAC,QAAiB;IACxC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,UAAU,CAAC,gBAAgB,CAAC,EAAE,CAAC,EAAE,CAAC;QAC3D,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAC;IAC9D,CAAC;AACF,CAAC;AAED,SAAS,QAAQ,CAAC,QAAqB;IACtC,OAAO,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAE,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,QAAiB;IAClD,cAAc,CAAC,QAAQ,CAAC,CAAC;IACzB,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,OAAO,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;AACxD,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,QAAiB,EAAE,OAAiB;IAClE,cAAc,CAAC,QAAQ,CAAC,CAAC;IACzB,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACpB,OAAO;IACR,CAAC;IACD,OAAO,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;IAC3B,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC;IAC5B,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;IACxB,KAAK,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"checkbox-test.js","sourceRoot":"","sources":["../../src/components/checkbox-test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,SAAS,cAAc,CAAC,QAAiB;IACxC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,UAAU,CAAC,gBAAgB,CAAC,EAAE,CAAC,EAAE,CAAC;QAC3D,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAC;IAC9D,CAAC;AACF,CAAC;AAED,SAAS,QAAQ,CAAC,QAAqB;IACtC,OAAO,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAE,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,QAAiB;IAClD,cAAc,CAAC,QAAQ,CAAC,CAAC;IACzB,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,OAAO,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;AACxD,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,QAAiB,EAAE,OAAiB;IAClE,cAAc,CAAC,QAAQ,CAAC,CAAC;IACzB,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACpB,OAAO;IACR,CAAC;IACD,OAAO,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;IAC3B,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC;IAC5B,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;IACxB,KAAK,CAAC,aAAa,CAAC,IAAI,GAAG,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3D,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,QAAiB;IACnD,cAAc,CAAC,QAAQ,CAAC,CAAC;IACzB,OAAO,QAAQ,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,kBAAkB,CAAC,EAAE,CAAgB,CAAC;AACpF,CAAC"}
|
|
@@ -1,15 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
2
2
|
import { THEME } from "../common/theme.js";
|
|
3
3
|
export function Heading(props) {
|
|
4
4
|
const theme = THEME.current;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
theme?.heading,
|
|
8
|
-
props.class,
|
|
9
|
-
],
|
|
10
|
-
style: props.style,
|
|
11
|
-
id: props.id,
|
|
12
|
-
}, props.children);
|
|
5
|
+
const Tag = `h${props.level}`;
|
|
6
|
+
return _jsx(Tag, { class: [theme?.heading, props.class], style: props.style, id: props.id, children: props.children });
|
|
13
7
|
}
|
|
14
8
|
export function getNestedHeadingLevel(level) {
|
|
15
9
|
const l = Number(level) + 1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../src/components/heading.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../src/components/heading.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAI3C,MAAM,UAAU,OAAO,CAAC,KAMvB;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;IAC9B,OAAO,KAAC,GAAG,IACV,KAAK,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,EACpC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,EAAE,YAEX,KAAK,CAAC,QAAQ,GACV,CAAC;AACR,CAAC;AAKD,MAAM,UAAU,qBAAqB,CAAC,KAAmB;IACxD,MAAM,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC5B,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAiB,CAAC;AAChD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layer.js","sourceRoot":"","sources":["../../src/components/layer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAc,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAU,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC;AAE/G,OAAO,EAAU,iBAAiB,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAaxE,MAAM,CAAC,MAAM,KAAK,GAAG,IAAI,OAAO,
|
|
1
|
+
{"version":3,"file":"layer.js","sourceRoot":"","sources":["../../src/components/layer.tsx"],"names":[],"mappings":"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"}
|
package/dist/components/row.js
CHANGED
|
@@ -3,7 +3,7 @@ import { Emitter, Event } from "rvx/event";
|
|
|
3
3
|
/**
|
|
4
4
|
* Context for validation options used by new validators.
|
|
5
5
|
*/
|
|
6
|
-
export declare const VALIDATION: Context<ValidationOptions>;
|
|
6
|
+
export declare const VALIDATION: Context<ValidationOptions | undefined>;
|
|
7
7
|
/**
|
|
8
8
|
* Defines when accessed signals trigger automatic validation.
|
|
9
9
|
*
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
2
2
|
import { Context, For, map, sig, teardown, trigger, untrack } from "rvx";
|
|
3
|
-
import {
|
|
3
|
+
import { Queue } from "rvx/async";
|
|
4
|
+
import { Emitter } from "rvx/event";
|
|
5
|
+
import { uniqueId } from "rvx/id";
|
|
4
6
|
import { THEME } from "../common/theme.js";
|
|
5
7
|
import { Collapse } from "./collapse.js";
|
|
6
8
|
import { Text } from "./text.js";
|
|
7
|
-
import { uniqueId } from "rvx/id";
|
|
8
|
-
import { Emitter } from "rvx/event";
|
|
9
9
|
const VALIDATORS = new WeakMap();
|
|
10
10
|
export const VALIDATION = new Context();
|
|
11
11
|
export class Validator {
|
|
12
|
-
#
|
|
12
|
+
#queue = new Queue();
|
|
13
13
|
#signalTrigger;
|
|
14
14
|
#rules = sig([]);
|
|
15
15
|
#invalid = sig(false);
|
|
@@ -79,10 +79,10 @@ export class Validator {
|
|
|
79
79
|
return true;
|
|
80
80
|
}
|
|
81
81
|
async validate(signal) {
|
|
82
|
-
return this.#
|
|
82
|
+
return this.#queue.block(() => this.#validate(false, signal));
|
|
83
83
|
}
|
|
84
84
|
triggerValidation() {
|
|
85
|
-
this.#
|
|
85
|
+
this.#queue.sideEffect(signal => this.#validate(true, signal));
|
|
86
86
|
}
|
|
87
87
|
reset() {
|
|
88
88
|
this.#invalid.value = false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"validation.js","sourceRoot":"","sources":["../../src/components/validation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,OAAO,EAAc,GAAG,EAAE,GAAG,EAAE,GAAG,EAAsB,QAAQ,EAAE,OAAO,EAAe,OAAO,EAAE,MAAM,KAAK,CAAC;AAClI,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"validation.js","sourceRoot":"","sources":["../../src/components/validation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,OAAO,EAAc,GAAG,EAAE,GAAG,EAAE,GAAG,EAAsB,QAAQ,EAAE,OAAO,EAAe,OAAO,EAAE,MAAM,KAAK,CAAC;AAClI,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,OAAO,EAAS,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,MAAM,UAAU,GAAG,IAAI,OAAO,EAAqB,CAAC;AAKpD,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,OAAO,EAAiC,CAAC;AAevE,MAAM,OAAO,SAAS;IACrB,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;IACrB,cAAc,CAA0B;IACxC,MAAM,GAAG,GAAG,CAAwB,EAAE,CAAC,CAAC;IACxC,QAAQ,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC;IAEtB;QACC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,cAAc,GAAG,OAAO,EAAE,aAAa,IAAI,cAAc,CAAC;IAChE,CAAC;IAKD,KAAK,GAAG,GAAmC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;IAKhE,eAAe,GAAG,GAAW,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAK3E,OAAO,GAAG,GAAY,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;IAE7C,QAAQ,CAAC,IAAoB,EAAE,GAAuE;QACrG,MAAM,KAAK,GAAG,IAAI,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;QACxE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;YAC1B,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACnB,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,GAAG,EAAE;YACb,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;gBAC1B,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBACnC,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;oBACf,OAAO,KAAK,CAAC;gBACd,CAAC;gBACD,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YACxB,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,YAAY,GAAG,GAAG,EAAE;QACnB,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC;QAC1C,IAAI,aAAa,KAAK,OAAO,IAAI,CAAC,aAAa,KAAK,YAAY,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3F,OAAO;QACR,CAAC;QACD,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC1B,CAAC,CAAC;IAKF,WAAW,CAAC,IAAoB;QAC/B,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IAC7D,CAAC;IAKD,UAAU,CAAC,IAAoB;QAC9B,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1D,CAAC;IAKD,MAAM,CAAC,MAAc;QACpB,UAAU,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,KAAK,CAAC,SAAS,CAAC,UAAmB,EAAE,MAAoB;QACxD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC/C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACvC,IAAI,MAAM,EAAE,OAAO,EAAE,CAAC;gBACrB,OAAO,KAAK,CAAC;YACd,CAAC;YACD,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACvD,MAAM,KAAK,GAAG,MAAM,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;YACpD,IAAI,KAAK,EAAE,CAAC;gBACX,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;YACvB,CAAC;iBAAM,CAAC;gBACP,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC;gBACjC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;gBACrB,KAAK,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;oBAC3C,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;gBAChC,CAAC;gBACD,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC;gBAC3B,IAAI,UAAU,IAAI,CAAC,UAAU,EAAE,CAAC;oBAC/B,KAAK,CAAC,IAAI,EAAE,CAAC;gBACd,CAAC;gBACD,OAAO,KAAK,CAAC;YACd,CAAC;QACF,CAAC;QACD,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;QAC5B,OAAO,IAAI,CAAC;IACb,CAAC;IAKD,KAAK,CAAC,QAAQ,CAAC,MAAoB;QAClC,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAC/D,CAAC;IAKD,iBAAiB;QAChB,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAChE,CAAC;IAKD,KAAK;QACJ,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;QAC5B,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC/C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACvC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;QAChC,CAAC;IACF,CAAC;IAKD,MAAM,CAAC,MAAM,CAAC,MAAc;QAC3B,IAAI,SAAS,GAAG,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACvC,IAAI,CAAC,SAAS,EAAE,CAAC;YAChB,SAAS,GAAG,IAAI,SAAS,EAAE,CAAC;YAC5B,UAAU,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QACnC,CAAC;QACD,OAAO,SAAS,CAAC;IAClB,CAAC;CACD;AAKD,MAAM,UAAU,YAAY,CAAC,MAAc;IAC1C,OAAO,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AAC/B,CAAC;AAOD,MAAM,OAAO,mBAAmB;IACtB,EAAE,GAAG,QAAQ,EAAE,CAAC;IAChB,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC;IACrB,KAAK,GAAG,IAAI,OAAO,EAAM,CAAC;IAC1B,OAAO,CAAU;IACjB,QAAQ,CAA6B;IACrC,OAAO,CAAc;IAE9B,YAAY,IAAoB,EAAE,OAAoB;QACrD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACxB,CAAC;CACD;AAgBD,MAAM,UAAU,IAAI,CAAI,MAAiB,EAAE,QAAuB,EAAE,OAAgB;IACnF,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC;QACpC,QAAQ,CAAC,MAAM;YACd,OAAO,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACvC,CAAC;QACD,OAAO;KACP,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AACf,CAAC;AAKD,MAAM,CAAC,KAAK,UAAU,QAAQ,CAAC,GAAG,OAAiB;IAClD,MAAM,KAAK,GAAuB,EAAE,CAAC;IACrC,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;QAC9B,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;QACvC,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;YAC7B,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAC;QACtD,CAAC;QACD,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC;IAClC,CAAC;IACD,OAAO,CAAC,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AACpD,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAOjC;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,OAAO,KAAC,QAAQ,IACf,OAAO,EAAE,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,EAC3C,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE;YACN,KAAK,CAAC,KAAK;YACX,KAAK,EAAE,4BAA4B;SACnC,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,EAAE,YAEZ,cAAK,KAAK,EAAE,KAAK,EAAE,kBAAkB,YACpC,KAAC,IAAI,cACH,KAAK,CAAC,QAAQ,GACT,GACF,GACI,CAAC;AACb,CAAC;AAKD,MAAM,UAAU,kBAAkB,CAAC,KAElC;IACA,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC9C,OAAO,KAAC,GAAG,IAAC,IAAI,EAAE,SAAS,CAAC,KAAK,YAC/B,IAAI,CAAC,EAAE,CAAC,KAAC,iBAAiB,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,YACrF,IAAI,CAAC,OAAO,GACM,GACf,CAAC;AACR,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ export * from "./common/trim.js";
|
|
|
5
5
|
export * from "./common/types.js";
|
|
6
6
|
export * from "./common/writing-mode.js";
|
|
7
7
|
export * from "./components/button.js";
|
|
8
|
+
export * from "./components/card.js";
|
|
8
9
|
export * from "./components/checkbox.js";
|
|
9
10
|
export * from "./components/collapse.js";
|
|
10
11
|
export * from "./components/column.js";
|
package/dist/index.js
CHANGED
|
@@ -5,6 +5,7 @@ export * from "./common/trim.js";
|
|
|
5
5
|
export * from "./common/types.js";
|
|
6
6
|
export * from "./common/writing-mode.js";
|
|
7
7
|
export * from "./components/button.js";
|
|
8
|
+
export * from "./components/card.js";
|
|
8
9
|
export * from "./components/checkbox.js";
|
|
9
10
|
export * from "./components/collapse.js";
|
|
10
11
|
export * from "./components/column.js";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,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,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,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,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,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,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC"}
|
package/dist/theme.module.css
CHANGED
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
--content-row-gap: 1.1428571429rem;
|
|
9
9
|
--content-radius: 0.5714285714rem;
|
|
10
10
|
--content-border: 0.1428571429rem;
|
|
11
|
+
--content-shadow: 0 0 1.1428571429rem rgba(0, 0, 0, .2);
|
|
11
12
|
--content-pad-block-start: 1.4285714286rem;
|
|
12
13
|
--content-pad-inline-start: 1.4285714286rem;
|
|
13
14
|
--content-pad-block-end: 1.4285714286rem;
|
|
@@ -222,6 +223,43 @@ body {
|
|
|
222
223
|
text-align: left;
|
|
223
224
|
}
|
|
224
225
|
|
|
226
|
+
@media (prefers-color-scheme: dark) {
|
|
227
|
+
:root {
|
|
228
|
+
--card-default-border: rgb(72, 72, 72);
|
|
229
|
+
--card-info-border: rgb(0, 96, 128);
|
|
230
|
+
--card-success-border: rgb(0, 128, 64);
|
|
231
|
+
--card-warning-border: rgb(150, 117, 0);
|
|
232
|
+
--card-danger-border: rgb(160, 0, 40);
|
|
233
|
+
color-scheme: dark;
|
|
234
|
+
}
|
|
235
|
+
}
|
|
236
|
+
.card {
|
|
237
|
+
box-shadow: var(--content-shadow);
|
|
238
|
+
border-radius: var(--content-radius);
|
|
239
|
+
padding-block: calc(var(--content-pad-block-start) - var(--content-border)) calc(var(--content-pad-block-end) - var(--content-border));
|
|
240
|
+
padding-inline: calc(var(--content-pad-inline-start) - var(--content-border)) calc(var(--content-pad-inline-end) - var(--content-border));
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
.card_default {
|
|
244
|
+
border: var(--content-border) solid var(--card-default-border);
|
|
245
|
+
}
|
|
246
|
+
|
|
247
|
+
.card_info {
|
|
248
|
+
border: var(--content-border) solid var(--card-info-border);
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
.card_success {
|
|
252
|
+
border: var(--content-border) solid var(--card-success-border);
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
.card_warning {
|
|
256
|
+
border: var(--content-border) solid var(--card-warning-border);
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
.card_danger {
|
|
260
|
+
border: var(--content-border) solid var(--card-danger-border);
|
|
261
|
+
}
|
|
262
|
+
|
|
225
263
|
.checkbox_label {
|
|
226
264
|
display: flex;
|
|
227
265
|
column-gap: var(--control-column-gap);
|
|
@@ -311,9 +349,15 @@ body {
|
|
|
311
349
|
.column > :not(:first-child) {
|
|
312
350
|
margin-block-start: calc((var(--space-above, var(--parent-row-gap)) - var(--parent-row-gap)) * var(--space-scale) + var(--parent-row-gap) * (var(--space-scale) - 1) / 2);
|
|
313
351
|
}
|
|
352
|
+
.column > :first-child {
|
|
353
|
+
margin-block-start: calc(var(--parent-row-gap) * (var(--space-scale) - 1) / 2);
|
|
354
|
+
}
|
|
314
355
|
.column > :not(:last-child) {
|
|
315
356
|
margin-block-end: calc((var(--space-below, var(--parent-row-gap)) - var(--parent-row-gap)) * var(--space-scale) + var(--parent-row-gap) * (var(--space-scale) - 1) / 2);
|
|
316
357
|
}
|
|
358
|
+
.column > :last-child {
|
|
359
|
+
margin-block-end: calc(var(--parent-row-gap) * (var(--space-scale) - 1) / 2);
|
|
360
|
+
}
|
|
317
361
|
|
|
318
362
|
.column_content {
|
|
319
363
|
row-gap: var(--content-row-gap);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/theme/base.scss","../src/theme/common.scss","../src/theme/components/button.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/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/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;
|
|
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/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/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;ECDA;EACA;EACA;EACA;EDCA;EAEA;EAEA;EACA;EAEA;EACA;;;AC3BC;EAFD;IANE;IAAA;IAAA;IAUA;;;ADwCH;EACC;EACA;EAEA;;AACA;EALD;IAME;;;;AAIF;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AC5DC;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;EFcC,eACC;EAED,gBACC;;;AEbF;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AC3BF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;;AAIF;EACC;EACA;EACA;;;ACtBD;EACC;EACA;EACA;;;AAGD;EACC,YACC;;;AAIF;EACC;IAAO;;EACP;IAAM;;EACN;IAAM;;EACN;IAAK;;;AAGN;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;AAEA;EACC,YACC;;AAIF;EACC;EACA;;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EACC,YACC;;AAKF;EACC;EACA;EACA;;;AC5DF;EACC;EACA;;AAEA;EACC;;AAMD;EACC;;AAGD;EACC;;AAMD;EACC;;;AAKD;EACC;;AACA;EACC;;;AAHF;EACC;;AACA;EACC;;;AC/BH;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;;;AAGD;EACC;EACA;EAEA;EACA;EACA;EACA;EPDC,eACC;EAED,gBACC;;;AOCH;EACC;;;AP7BC;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;;;ACrBF;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AbPC;EAFD;IANE;IAAA;IAAA;IAUA;;;AcDH;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;EdnBC,eACC;EAED,gBACC;;;AevCH;EACC;EACA;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;;AAIF;EACC;EACA;EACA;;;AC5BD;EACC;EACA;EACA;;;AAIA;EACC;EACA;;AACA;EACC;EACA;;;AALF;EACC;EACA;;AACA;EACC;EACA;;;AhBAD;EAFD;IANE;IAAA;IAUA;;;AiBJH;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AjBpCC;EAFD;IANE;IAAA;IAAA;IAAA;IAUA;;;AkBEH;EACC;EACA;EACA;EAEA;EAEA;ElBmBC,eACC;EAED,gBACC;EkBrBF;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;;;AAIF;EACC;;;AC1CD;EACC;;AAEA;EAEC;EACA;EACA;EACA;;;AnBIA;EAFD;IANE;IAUA;;;AoBPH;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.9",
|
|
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": "^18.
|
|
31
|
+
"rvx": "^18.6.2"
|
|
32
32
|
}
|
|
33
33
|
}
|
package/src/common/theme.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Context } from "rvx";
|
|
2
2
|
|
|
3
|
-
export const THEME = new Context<Theme>();
|
|
3
|
+
export const THEME = new Context<Theme | undefined>(undefined);
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* A collection of class names that is used as the theme.
|
|
@@ -40,6 +40,14 @@ export interface Theme {
|
|
|
40
40
|
/** Additional class for buttons with the "text" variant */
|
|
41
41
|
button_text?: string;
|
|
42
42
|
|
|
43
|
+
card?: string;
|
|
44
|
+
card_content?: string;
|
|
45
|
+
card_default?: string;
|
|
46
|
+
card_info?: string;
|
|
47
|
+
card_success?: string;
|
|
48
|
+
card_warning?: string;
|
|
49
|
+
card_danger?: string;
|
|
50
|
+
|
|
43
51
|
/** Class for all checkbox containing labels */
|
|
44
52
|
checkbox_label?: string;
|
|
45
53
|
/** Class for all checkbox inputs */
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Expression, get } from "rvx";
|
|
2
|
+
import { THEME } from "../common/theme.js";
|
|
3
|
+
import { Column } from "./column.js";
|
|
4
|
+
|
|
5
|
+
export type CardVariant = "default" | "info" | "success" | "warning" | "danger";
|
|
6
|
+
|
|
7
|
+
export function Card(props: {
|
|
8
|
+
variant?: Expression<CardVariant | undefined>;
|
|
9
|
+
children?: unknown;
|
|
10
|
+
}): unknown {
|
|
11
|
+
const theme = THEME.current;
|
|
12
|
+
return <div
|
|
13
|
+
class={[
|
|
14
|
+
theme?.card,
|
|
15
|
+
() => theme?.[`card_${get(props.variant) ?? "default"}`],
|
|
16
|
+
]}
|
|
17
|
+
>
|
|
18
|
+
<Column class={theme?.card_content}>
|
|
19
|
+
{props.children}
|
|
20
|
+
</Column>
|
|
21
|
+
</div>;
|
|
22
|
+
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ENV } from "rvx";
|
|
1
2
|
import { themeClass } from "../common/theme-test.js";
|
|
2
3
|
|
|
3
4
|
function assertCheckbox(checkbox: Element): asserts checkbox is HTMLElement {
|
|
@@ -25,7 +26,7 @@ export function toggleCheckbox(checkbox: Element, checked?: boolean): void {
|
|
|
25
26
|
checked ??= !input.checked;
|
|
26
27
|
input.indeterminate = false;
|
|
27
28
|
input.checked = checked;
|
|
28
|
-
input.dispatchEvent(new CustomEvent("input"));
|
|
29
|
+
input.dispatchEvent(new ENV.current.CustomEvent("input"));
|
|
29
30
|
}
|
|
30
31
|
|
|
31
32
|
export function getCheckboxContent(checkbox: Element): HTMLElement {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ClassValue,
|
|
1
|
+
import { ClassValue, Expression, StyleValue } from "rvx";
|
|
2
2
|
import { THEME } from "../common/theme.js";
|
|
3
3
|
|
|
4
4
|
export type HeadingLevel = "1" | "2" | "3" | "4" | "5" | "6";
|
|
@@ -11,14 +11,14 @@ export function Heading(props: {
|
|
|
11
11
|
children?: unknown;
|
|
12
12
|
}): unknown {
|
|
13
13
|
const theme = THEME.current;
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
14
|
+
const Tag = `h${props.level}`;
|
|
15
|
+
return <Tag
|
|
16
|
+
class={[theme?.heading, props.class]}
|
|
17
|
+
style={props.style}
|
|
18
|
+
id={props.id}
|
|
19
|
+
>
|
|
20
|
+
{props.children}
|
|
21
|
+
</Tag>;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
/**
|
package/src/components/layer.tsx
CHANGED
package/src/components/row.tsx
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { ClassValue, Context, Expression, For, map, sig, Signal, StyleValue, teardown, trigger, TriggerPipe, untrack } from "rvx";
|
|
2
|
-
import {
|
|
2
|
+
import { Queue } from "rvx/async";
|
|
3
|
+
import { Emitter, Event } from "rvx/event";
|
|
4
|
+
import { uniqueId } from "rvx/id";
|
|
3
5
|
import { THEME } from "../common/theme.js";
|
|
4
6
|
import { Collapse } from "./collapse.js";
|
|
5
7
|
import { Text } from "./text.js";
|
|
6
|
-
import { uniqueId } from "rvx/id";
|
|
7
|
-
import { Emitter, Event } from "rvx/event";
|
|
8
8
|
|
|
9
9
|
const VALIDATORS = new WeakMap<object, Validator>();
|
|
10
10
|
|
|
11
11
|
/**
|
|
12
12
|
* Context for validation options used by new validators.
|
|
13
13
|
*/
|
|
14
|
-
export const VALIDATION = new Context<ValidationOptions>();
|
|
14
|
+
export const VALIDATION = new Context<ValidationOptions | undefined>();
|
|
15
15
|
|
|
16
16
|
/**
|
|
17
17
|
* Defines when accessed signals trigger automatic validation.
|
|
@@ -27,7 +27,7 @@ export interface ValidationOptions {
|
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
export class Validator {
|
|
30
|
-
#
|
|
30
|
+
#queue = new Queue();
|
|
31
31
|
#signalTrigger: ValidationSignalTrigger;
|
|
32
32
|
#rules = sig<ValidationRuleEntry[]>([]);
|
|
33
33
|
#invalid = sig(false);
|
|
@@ -128,14 +128,14 @@ export class Validator {
|
|
|
128
128
|
* Validate using the currently attached rules.
|
|
129
129
|
*/
|
|
130
130
|
async validate(signal?: AbortSignal): Promise<boolean> {
|
|
131
|
-
return this.#
|
|
131
|
+
return this.#queue.block(() => this.#validate(false, signal));
|
|
132
132
|
}
|
|
133
133
|
|
|
134
134
|
/**
|
|
135
135
|
* Trigger validation as a side effect.
|
|
136
136
|
*/
|
|
137
137
|
triggerValidation(): void {
|
|
138
|
-
this.#
|
|
138
|
+
this.#queue.sideEffect(signal => this.#validate(true, signal));
|
|
139
139
|
}
|
|
140
140
|
|
|
141
141
|
/**
|
package/src/index.tsx
CHANGED
|
@@ -5,6 +5,7 @@ export * from "./common/trim.js";
|
|
|
5
5
|
export * from "./common/types.js";
|
|
6
6
|
export * from "./common/writing-mode.js";
|
|
7
7
|
export * from "./components/button.js";
|
|
8
|
+
export * from "./components/card.js";
|
|
8
9
|
export * from "./components/checkbox.js";
|
|
9
10
|
export * from "./components/collapse.js";
|
|
10
11
|
export * from "./components/column.js";
|
package/src/theme/base.scss
CHANGED
|
@@ -19,6 +19,7 @@ $root-size: 14px;
|
|
|
19
19
|
--content-row-gap: #{px(16)};
|
|
20
20
|
--content-radius: #{px(8)};
|
|
21
21
|
--content-border: #{px(2)};
|
|
22
|
+
--content-shadow: 0 0 #{px(16)} rgba(0, 0, 0, .2);
|
|
22
23
|
@include common.define-quad(content-pad, px(20), px(20));
|
|
23
24
|
|
|
24
25
|
--control-column-gap: #{px(8)};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
@use "../common";
|
|
2
|
+
|
|
3
|
+
@include common.theme((
|
|
4
|
+
card-default-border: (
|
|
5
|
+
dark: rgb(72, 72, 72),
|
|
6
|
+
),
|
|
7
|
+
card-info-border: (
|
|
8
|
+
dark: rgb(0, 96, 128),
|
|
9
|
+
),
|
|
10
|
+
card-success-border: (
|
|
11
|
+
dark: rgb(0, 128, 64),
|
|
12
|
+
),
|
|
13
|
+
card-warning-border: (
|
|
14
|
+
dark: rgb(150, 117, 0),
|
|
15
|
+
),
|
|
16
|
+
card-danger-border: (
|
|
17
|
+
dark: rgb(160, 0, 40),
|
|
18
|
+
),
|
|
19
|
+
));
|
|
20
|
+
|
|
21
|
+
.card {
|
|
22
|
+
box-shadow: var(--content-shadow);
|
|
23
|
+
border-radius: var(--content-radius);
|
|
24
|
+
@include common.padding(content-pad, var(--content-border));
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
@each $name in (default, info, success, warning, danger) {
|
|
28
|
+
.card_#{$name} {
|
|
29
|
+
border: var(--content-border) solid var(--card-#{$name}-border);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
@@ -10,12 +10,20 @@
|
|
|
10
10
|
);
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
& > :first-child {
|
|
14
|
+
margin-block-start: calc(var(--parent-row-gap) * (var(--space-scale) - 1) / 2);
|
|
15
|
+
}
|
|
16
|
+
|
|
13
17
|
& > :not(:last-child) {
|
|
14
18
|
margin-block-end: calc(
|
|
15
19
|
(var(--space-below, var(--parent-row-gap)) - var(--parent-row-gap)) * var(--space-scale)
|
|
16
20
|
+ var(--parent-row-gap) * (var(--space-scale) - 1) / 2
|
|
17
21
|
);
|
|
18
22
|
}
|
|
23
|
+
|
|
24
|
+
& > :last-child {
|
|
25
|
+
margin-block-end: calc(var(--parent-row-gap) * (var(--space-scale) - 1) / 2);
|
|
26
|
+
}
|
|
19
27
|
}
|
|
20
28
|
|
|
21
29
|
@each $size in "content", "control" {
|