@rvx/ui 0.1.30 → 0.1.32
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 +3 -1
- package/dist/common/theme.d.ts.map +1 -1
- package/dist/components/button.d.ts +1 -1
- package/dist/components/control-group.d.ts +1 -0
- package/dist/components/control-group.d.ts.map +1 -1
- package/dist/components/control-group.js +2 -0
- package/dist/components/control-group.js.map +1 -1
- package/dist/theme.module.css +62 -29
- package/dist/theme.module.css.map +1 -1
- package/package.json +1 -1
- package/src/common/theme.tsx +3 -1
- package/src/components/button.tsx +1 -1
- package/src/components/control-group.tsx +3 -1
- package/src/theme/base.scss +3 -3
- package/src/theme/components/button.scss +12 -15
- package/src/theme/components/control-group.scss +38 -3
package/dist/common/theme.d.ts
CHANGED
|
@@ -31,7 +31,7 @@ export interface Theme {
|
|
|
31
31
|
button_danger?: string;
|
|
32
32
|
button_warning?: string;
|
|
33
33
|
button_input?: string;
|
|
34
|
-
|
|
34
|
+
button_item?: string;
|
|
35
35
|
card?: string;
|
|
36
36
|
card_raw?: string;
|
|
37
37
|
card_default?: string;
|
|
@@ -55,6 +55,8 @@ export interface Theme {
|
|
|
55
55
|
column_group?: string;
|
|
56
56
|
column_control?: string;
|
|
57
57
|
control_group?: string;
|
|
58
|
+
control_group_row?: string;
|
|
59
|
+
control_group_column?: string;
|
|
58
60
|
dialog_container?: string;
|
|
59
61
|
dialog_body?: string;
|
|
60
62
|
dialog_fadein?: 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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,aAAa,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/common/theme.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { ClassValue, Expression, StyleValue } from "rvx";
|
|
|
2
2
|
import { Action } from "../common/events.js";
|
|
3
3
|
import { Validator } from "./validation.js";
|
|
4
4
|
export type ButtonType = "button" | "submit" | "reset" | "menu";
|
|
5
|
-
export type ButtonVariant = "default" | "primary" | "success" | "danger" | "warning" | "input" | "
|
|
5
|
+
export type ButtonVariant = "default" | "primary" | "success" | "danger" | "warning" | "input" | "item";
|
|
6
6
|
export declare function Button(props: {
|
|
7
7
|
/**
|
|
8
8
|
* The button type.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"control-group.d.ts","sourceRoot":"","sources":["../../src/components/control-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"control-group.d.ts","sourceRoot":"","sources":["../../src/components/control-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAO,UAAU,EAAE,MAAM,KAAK,CAAC;AAG9D,wBAAgB,YAAY,CAAC,KAAK,EAAE;IACnC,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,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;CACzC,GAAG,OAAO,CAaV"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
2
|
+
import { map } from "rvx";
|
|
2
3
|
import { THEME } from "../common/theme.js";
|
|
3
4
|
export function ControlGroup(props) {
|
|
4
5
|
const theme = THEME.current;
|
|
5
6
|
return _jsx("div", { class: [
|
|
6
7
|
theme?.control_group,
|
|
7
8
|
props.class,
|
|
9
|
+
map(props.column, column => column ? theme?.control_group_column : theme?.control_group_row),
|
|
8
10
|
], style: props.style, id: props.id, children: props.children });
|
|
9
11
|
}
|
|
10
12
|
//# sourceMappingURL=control-group.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"control-group.js","sourceRoot":"","sources":["../../src/components/control-group.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"control-group.js","sourceRoot":"","sources":["../../src/components/control-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,GAAG,EAAc,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,MAAM,UAAU,YAAY,CAAC,KAM5B;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,OAAO,cACN,KAAK,EAAE;YACN,KAAK,EAAE,aAAa;YACpB,KAAK,CAAC,KAAK;YACX,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,KAAK,EAAE,iBAAiB,CAAC;SAC5F,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,EAAE,YAEX,KAAK,CAAC,QAAQ,GACV,CAAC;AACR,CAAC"}
|
package/dist/theme.module.css
CHANGED
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
--control-pad-block-end: 0.5rem;
|
|
32
32
|
--control-pad-inline-end: 0.5714285714rem;
|
|
33
33
|
--input-extension: 0.2857142857rem;
|
|
34
|
-
--separator: 0.
|
|
34
|
+
--separator: 0.1428571429rem;
|
|
35
35
|
--focus-outline-offset: 0.1428571429rem;
|
|
36
36
|
--overflow-safe-area: 0.2857142857rem;
|
|
37
37
|
--line-gap: 0.4285714286rem;
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
--accent: rgb(0, 127, 255);
|
|
48
48
|
--fg: black;
|
|
49
49
|
--focus-outline: var(--control-border) dashed var(--accent);
|
|
50
|
-
--separator-color: rgb(
|
|
50
|
+
--separator-color: rgb(248, 248, 248);
|
|
51
51
|
--selection-bg: rgba(0, 127, 255, 0.3);
|
|
52
52
|
--overlay-backdrop: rgba(245, 245, 245, 0.7);
|
|
53
53
|
--overlay-bg: var(--bg);
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
--accent: rgb(64, 160, 255);
|
|
64
64
|
--fg: white;
|
|
65
65
|
--focus-outline: var(--control-border) dashed var(--accent);
|
|
66
|
-
--separator-color: rgb(
|
|
66
|
+
--separator-color: rgb(40, 40, 40);
|
|
67
67
|
--selection-bg: rgba(64, 160, 255, 0.5);
|
|
68
68
|
--overlay-backdrop: rgba(24, 24, 24, 0.8);
|
|
69
69
|
--overlay-bg: var(--bg);
|
|
@@ -160,10 +160,9 @@ body {
|
|
|
160
160
|
--button-input-bg-hover: rgb(230, 230, 230);
|
|
161
161
|
--button-input-fg: black;
|
|
162
162
|
--button-input-border: rgb(220, 220, 220);
|
|
163
|
-
--button-
|
|
164
|
-
--button-
|
|
165
|
-
--button-
|
|
166
|
-
--button-text-fg: var(--fg);
|
|
163
|
+
--button-item-bg: rgb(225, 225, 225);
|
|
164
|
+
--button-item-bg-hover: rgb(200, 200, 200);
|
|
165
|
+
--button-item-fg: black;
|
|
167
166
|
}
|
|
168
167
|
@media (prefers-color-scheme: dark) {
|
|
169
168
|
:root {
|
|
@@ -186,14 +185,13 @@ body {
|
|
|
186
185
|
--button-danger-bg-hover: rgb(255, 100, 100);
|
|
187
186
|
--button-danger-fg: white;
|
|
188
187
|
--button-danger-focus: rgb(255, 200, 214);
|
|
189
|
-
--button-input-bg: rgb(
|
|
188
|
+
--button-input-bg: rgb(36, 36, 36);
|
|
190
189
|
--button-input-bg-hover: rgb(64, 64, 64);
|
|
191
190
|
--button-input-fg: white;
|
|
192
|
-
--button-input-border:
|
|
193
|
-
--button-
|
|
194
|
-
--button-
|
|
195
|
-
--button-
|
|
196
|
-
--button-text-fg: var(--fg);
|
|
191
|
+
--button-input-border: rgb(54, 54, 54);
|
|
192
|
+
--button-item-bg: rgb(48, 48, 48);
|
|
193
|
+
--button-item-bg-hover: rgb(64, 64, 64);
|
|
194
|
+
--button-item-fg: white;
|
|
197
195
|
color-scheme: dark;
|
|
198
196
|
}
|
|
199
197
|
}
|
|
@@ -307,22 +305,23 @@ body {
|
|
|
307
305
|
background-color: var(--button-input-bg-active, var(--button-input-bg));
|
|
308
306
|
}
|
|
309
307
|
|
|
310
|
-
.
|
|
311
|
-
background-color: var(--button-
|
|
312
|
-
color: var(--button-
|
|
313
|
-
border: var(--button-
|
|
308
|
+
.button_item {
|
|
309
|
+
background-color: var(--button-item-bg);
|
|
310
|
+
color: var(--button-item-fg);
|
|
311
|
+
border: var(--button-item-border, transparent) solid var(--control-border);
|
|
314
312
|
}
|
|
315
|
-
.
|
|
316
|
-
background-color: var(--button-
|
|
313
|
+
.button_item:hover:not(:active):not([disabled]) {
|
|
314
|
+
background-color: var(--button-item-bg-hover);
|
|
317
315
|
}
|
|
318
|
-
.
|
|
319
|
-
border-color: var(--button-
|
|
316
|
+
.button_item:focus-visible {
|
|
317
|
+
border-color: var(--button-item-focus, var(--accent));
|
|
320
318
|
}
|
|
321
|
-
.
|
|
322
|
-
background-color: var(--button-
|
|
319
|
+
.button_item:active {
|
|
320
|
+
background-color: var(--button-item-bg-active, var(--button-item-bg));
|
|
323
321
|
}
|
|
324
322
|
|
|
325
|
-
.button_input
|
|
323
|
+
.button_input,
|
|
324
|
+
.button_item {
|
|
326
325
|
text-align: left;
|
|
327
326
|
}
|
|
328
327
|
|
|
@@ -514,21 +513,55 @@ body {
|
|
|
514
513
|
|
|
515
514
|
.control_group {
|
|
516
515
|
display: flex;
|
|
517
|
-
flex-direction: row;
|
|
518
516
|
box-shadow: var(--control-shadow);
|
|
517
|
+
border-radius: var(--control-radius);
|
|
518
|
+
background: var(--separator-color);
|
|
519
|
+
gap: var(--separator);
|
|
520
|
+
}
|
|
521
|
+
.control_group > * {
|
|
522
|
+
box-shadow: none;
|
|
523
|
+
}
|
|
524
|
+
|
|
525
|
+
.control_group_row {
|
|
526
|
+
flex-direction: row;
|
|
519
527
|
}
|
|
520
|
-
.
|
|
521
|
-
|
|
528
|
+
.control_group_row > :first-child {
|
|
529
|
+
border-start-start-radius: inherit;
|
|
530
|
+
border-end-start-radius: inherit;
|
|
522
531
|
}
|
|
523
|
-
.
|
|
532
|
+
.control_group_row > :not(:first-child) {
|
|
524
533
|
border-start-start-radius: 0;
|
|
525
534
|
border-end-start-radius: 0;
|
|
526
535
|
}
|
|
527
|
-
.
|
|
536
|
+
.control_group_row > :last-child {
|
|
537
|
+
border-start-end-radius: inherit;
|
|
538
|
+
border-end-end-radius: inherit;
|
|
539
|
+
}
|
|
540
|
+
.control_group_row > :not(:last-child) {
|
|
528
541
|
border-start-end-radius: 0;
|
|
529
542
|
border-end-end-radius: 0;
|
|
530
543
|
}
|
|
531
544
|
|
|
545
|
+
.control_group_column {
|
|
546
|
+
flex-direction: column;
|
|
547
|
+
}
|
|
548
|
+
.control_group_column > :first-child {
|
|
549
|
+
border-start-start-radius: inherit;
|
|
550
|
+
border-start-end-radius: inherit;
|
|
551
|
+
}
|
|
552
|
+
.control_group_column > :not(:first-child) {
|
|
553
|
+
border-start-start-radius: 0;
|
|
554
|
+
border-start-end-radius: 0;
|
|
555
|
+
}
|
|
556
|
+
.control_group_column > :last-child {
|
|
557
|
+
border-end-start-radius: inherit;
|
|
558
|
+
border-end-end-radius: inherit;
|
|
559
|
+
}
|
|
560
|
+
.control_group_column > :not(:last-child) {
|
|
561
|
+
border-end-start-radius: 0;
|
|
562
|
+
border-end-end-radius: 0;
|
|
563
|
+
}
|
|
564
|
+
|
|
532
565
|
.dialog_container {
|
|
533
566
|
position: fixed;
|
|
534
567
|
inset: 0;
|
|
@@ -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/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/error.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
|
|
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/error.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;;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;IAUA;;;AEuGH;EACC;EACA;EACA;EACA;EAEA;EAEA;EF3FA,eACC;EAED,gBACC;EE0FD;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;AAAA;EAEC;;;AF1JA;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;EAEA;EACA;EAEA;EACA;;AAEA;EACC;;;AAIF;EACC;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;;;AAIF;EACC;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;;;ACjDF;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;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EffA,eACC;EAED,gBACC;;;AeiBD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;ACxDF;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;;AAEA;EACC;;AAED;EACC;;;AAIF;EACC;EACA;;AAEA;EACC;;AAED;EACC;;;ACpBF;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,gBACC;;;AAIF;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;EACC;EACA;EACA;;;AAGD;EvBpDC,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;;;ACTD;EACC","file":"theme.module.css"}
|
package/package.json
CHANGED
package/src/common/theme.tsx
CHANGED
|
@@ -34,7 +34,7 @@ export interface Theme {
|
|
|
34
34
|
button_danger?: string;
|
|
35
35
|
button_warning?: string;
|
|
36
36
|
button_input?: string;
|
|
37
|
-
|
|
37
|
+
button_item?: string;
|
|
38
38
|
|
|
39
39
|
card?: string;
|
|
40
40
|
card_raw?: string;
|
|
@@ -63,6 +63,8 @@ export interface Theme {
|
|
|
63
63
|
column_control?: string;
|
|
64
64
|
|
|
65
65
|
control_group?: string;
|
|
66
|
+
control_group_row?: string;
|
|
67
|
+
control_group_column?: string;
|
|
66
68
|
|
|
67
69
|
dialog_container?: string;
|
|
68
70
|
dialog_body?: string;
|
|
@@ -6,7 +6,7 @@ import { THEME } from "../common/theme.js";
|
|
|
6
6
|
import { Validator } from "./validation.js";
|
|
7
7
|
|
|
8
8
|
export type ButtonType = "button" | "submit" | "reset" | "menu";
|
|
9
|
-
export type ButtonVariant = "default" | "primary" | "success" | "danger" | "warning" | "input" | "
|
|
9
|
+
export type ButtonVariant = "default" | "primary" | "success" | "danger" | "warning" | "input" | "item";
|
|
10
10
|
|
|
11
11
|
export function Button(props: {
|
|
12
12
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ClassValue, Expression, StyleValue } from "rvx";
|
|
1
|
+
import { ClassValue, Expression, map, StyleValue } from "rvx";
|
|
2
2
|
import { THEME } from "../common/theme.js";
|
|
3
3
|
|
|
4
4
|
export function ControlGroup(props: {
|
|
@@ -6,12 +6,14 @@ export function ControlGroup(props: {
|
|
|
6
6
|
style?: StyleValue;
|
|
7
7
|
id?: Expression<string | undefined>;
|
|
8
8
|
children?: unknown;
|
|
9
|
+
column?: Expression<boolean | undefined>;
|
|
9
10
|
}): unknown {
|
|
10
11
|
const theme = THEME.current;
|
|
11
12
|
return <div
|
|
12
13
|
class={[
|
|
13
14
|
theme?.control_group,
|
|
14
15
|
props.class,
|
|
16
|
+
map(props.column, column => column ? theme?.control_group_column : theme?.control_group_row),
|
|
15
17
|
]}
|
|
16
18
|
style={props.style}
|
|
17
19
|
id={props.id}
|
package/src/theme/base.scss
CHANGED
|
@@ -35,7 +35,7 @@ $root-size: 14px;
|
|
|
35
35
|
|
|
36
36
|
--input-extension: #{px(4)};
|
|
37
37
|
|
|
38
|
-
--separator: #{px(
|
|
38
|
+
--separator: #{px(2)};
|
|
39
39
|
|
|
40
40
|
--focus-outline-offset: #{px(2)};
|
|
41
41
|
|
|
@@ -72,8 +72,8 @@ $root-size: 14px;
|
|
|
72
72
|
light: var(--control-border) dashed var(--accent),
|
|
73
73
|
),
|
|
74
74
|
separator-color: (
|
|
75
|
-
dark: rgb(
|
|
76
|
-
light: rgb(
|
|
75
|
+
dark: rgb(40, 40, 40),
|
|
76
|
+
light: rgb(248, 248, 248),
|
|
77
77
|
),
|
|
78
78
|
selection-bg: (
|
|
79
79
|
dark: rgba(64, 160, 255, 0.5),
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
),
|
|
87
87
|
|
|
88
88
|
button-input-bg: (
|
|
89
|
-
dark: rgb(
|
|
89
|
+
dark: rgb(36, 36, 36),
|
|
90
90
|
light: rgb(250, 250, 250),
|
|
91
91
|
),
|
|
92
92
|
button-input-bg-hover: (
|
|
@@ -98,25 +98,21 @@
|
|
|
98
98
|
light: black,
|
|
99
99
|
),
|
|
100
100
|
button-input-border: (
|
|
101
|
-
dark:
|
|
101
|
+
dark: rgb(54, 54, 54),
|
|
102
102
|
light: rgb(220, 220, 220),
|
|
103
103
|
),
|
|
104
104
|
|
|
105
|
-
button-
|
|
106
|
-
dark: transparent,
|
|
107
|
-
light: transparent,
|
|
108
|
-
),
|
|
109
|
-
button-text-bg-hover: (
|
|
105
|
+
button-item-bg: (
|
|
110
106
|
dark: rgb(48, 48, 48),
|
|
111
|
-
light: rgb(
|
|
107
|
+
light: rgb(225, 225, 225),
|
|
112
108
|
),
|
|
113
|
-
button-
|
|
109
|
+
button-item-bg-hover: (
|
|
114
110
|
dark: rgb(64, 64, 64),
|
|
115
|
-
light: rgb(
|
|
111
|
+
light: rgb(200, 200, 200),
|
|
116
112
|
),
|
|
117
|
-
button-
|
|
118
|
-
dark:
|
|
119
|
-
light:
|
|
113
|
+
button-item-fg: (
|
|
114
|
+
dark: white,
|
|
115
|
+
light: black,
|
|
120
116
|
),
|
|
121
117
|
));
|
|
122
118
|
|
|
@@ -145,7 +141,7 @@
|
|
|
145
141
|
}
|
|
146
142
|
}
|
|
147
143
|
|
|
148
|
-
@each $variant in (default, primary, success, warning, danger, input,
|
|
144
|
+
@each $variant in (default, primary, success, warning, danger, input, item) {
|
|
149
145
|
.button_#{$variant} {
|
|
150
146
|
background-color: var(--button-#{$variant}-bg);
|
|
151
147
|
color: var(--button-#{$variant}-fg);
|
|
@@ -165,6 +161,7 @@
|
|
|
165
161
|
}
|
|
166
162
|
}
|
|
167
163
|
|
|
168
|
-
.button_input
|
|
164
|
+
.button_input,
|
|
165
|
+
.button_item {
|
|
169
166
|
text-align: left;
|
|
170
167
|
}
|
|
@@ -1,19 +1,54 @@
|
|
|
1
1
|
|
|
2
2
|
.control_group {
|
|
3
3
|
display: flex;
|
|
4
|
-
flex-direction: row;
|
|
5
4
|
|
|
6
5
|
box-shadow: var(--control-shadow);
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
border-radius: var(--control-radius);
|
|
7
|
+
|
|
8
|
+
background: var(--separator-color);
|
|
9
|
+
gap: var(--separator);
|
|
10
|
+
|
|
11
|
+
& > * {
|
|
12
|
+
box-shadow: none;
|
|
9
13
|
}
|
|
14
|
+
}
|
|
10
15
|
|
|
16
|
+
.control_group_row {
|
|
17
|
+
flex-direction: row;
|
|
18
|
+
& > :first-child {
|
|
19
|
+
border-start-start-radius: inherit;
|
|
20
|
+
border-end-start-radius: inherit;
|
|
21
|
+
}
|
|
11
22
|
& > :not(:first-child) {
|
|
12
23
|
border-start-start-radius: 0;
|
|
13
24
|
border-end-start-radius: 0;
|
|
14
25
|
}
|
|
26
|
+
& > :last-child {
|
|
27
|
+
border-start-end-radius: inherit;
|
|
28
|
+
border-end-end-radius: inherit;
|
|
29
|
+
}
|
|
15
30
|
& > :not(:last-child) {
|
|
16
31
|
border-start-end-radius: 0;
|
|
17
32
|
border-end-end-radius: 0;
|
|
18
33
|
}
|
|
19
34
|
}
|
|
35
|
+
|
|
36
|
+
.control_group_column {
|
|
37
|
+
flex-direction: column;
|
|
38
|
+
& > :first-child {
|
|
39
|
+
border-start-start-radius: inherit;
|
|
40
|
+
border-start-end-radius: inherit;
|
|
41
|
+
}
|
|
42
|
+
& > :not(:first-child) {
|
|
43
|
+
border-start-start-radius: 0;
|
|
44
|
+
border-start-end-radius: 0;
|
|
45
|
+
}
|
|
46
|
+
& > :last-child {
|
|
47
|
+
border-end-start-radius: inherit;
|
|
48
|
+
border-end-end-radius: inherit;
|
|
49
|
+
}
|
|
50
|
+
& > :not(:last-child) {
|
|
51
|
+
border-end-start-radius: 0;
|
|
52
|
+
border-end-end-radius: 0;
|
|
53
|
+
}
|
|
54
|
+
}
|