@rvx/ui 0.3.7 → 0.4.0
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/events.d.ts +0 -40
- package/dist/common/events.d.ts.map +1 -1
- package/dist/common/theme.d.ts +3 -134
- package/dist/common/theme.d.ts.map +1 -1
- package/dist/common/theme.js +25 -2
- package/dist/common/theme.js.map +1 -1
- package/dist/common/writing-mode.d.ts +0 -58
- package/dist/common/writing-mode.d.ts.map +1 -1
- package/dist/components/breadcrumbs.d.ts.map +1 -1
- package/dist/components/breadcrumbs.js +3 -4
- package/dist/components/breadcrumbs.js.map +1 -1
- package/dist/components/button.d.ts +0 -18
- package/dist/components/button.d.ts.map +1 -1
- package/dist/components/button.js +3 -4
- package/dist/components/button.js.map +1 -1
- package/dist/components/card.d.ts +1 -1
- package/dist/components/card.d.ts.map +1 -1
- package/dist/components/card.js +4 -5
- package/dist/components/card.js.map +1 -1
- package/dist/components/checkbox.d.ts.map +1 -1
- package/dist/components/checkbox.js +4 -5
- package/dist/components/checkbox.js.map +1 -1
- package/dist/components/collapse.d.ts.map +1 -1
- package/dist/components/collapse.js +22 -10
- package/dist/components/collapse.js.map +1 -1
- package/dist/components/column.d.ts +0 -6
- package/dist/components/column.d.ts.map +1 -1
- package/dist/components/column.js +4 -5
- package/dist/components/column.js.map +1 -1
- package/dist/components/control-group.d.ts.map +1 -1
- package/dist/components/control-group.js +3 -4
- package/dist/components/control-group.js.map +1 -1
- package/dist/components/dialog.d.ts +1 -1
- package/dist/components/dialog.d.ts.map +1 -1
- package/dist/components/dialog.js +14 -10
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/dropdown-input.d.ts +1 -1
- package/dist/components/dropdown-input.d.ts.map +1 -1
- package/dist/components/dropdown.d.ts +0 -88
- package/dist/components/dropdown.d.ts.map +1 -1
- package/dist/components/dropdown.js +7 -8
- package/dist/components/dropdown.js.map +1 -1
- package/dist/components/error.d.ts.map +1 -1
- package/dist/components/error.js +2 -3
- package/dist/components/error.js.map +1 -1
- package/dist/components/flex-space.d.ts.map +1 -1
- package/dist/components/flex-space.js +3 -4
- package/dist/components/flex-space.js.map +1 -1
- package/dist/components/heading.d.ts +0 -3
- package/dist/components/heading.d.ts.map +1 -1
- package/dist/components/heading.js +2 -3
- package/dist/components/heading.js.map +1 -1
- package/dist/components/label.d.ts.map +1 -1
- package/dist/components/label.js +2 -3
- package/dist/components/label.js.map +1 -1
- package/dist/components/layer.d.ts +0 -63
- package/dist/components/layer.d.ts.map +1 -1
- package/dist/components/link.d.ts +0 -33
- package/dist/components/link.d.ts.map +1 -1
- package/dist/components/link.js +2 -3
- package/dist/components/link.js.map +1 -1
- package/dist/components/nav-list.d.ts +0 -8
- package/dist/components/nav-list.d.ts.map +1 -1
- package/dist/components/nav-list.js +4 -6
- package/dist/components/nav-list.js.map +1 -1
- package/dist/components/notifications.d.ts +4 -1
- package/dist/components/notifications.d.ts.map +1 -1
- package/dist/components/notifications.js +5 -11
- package/dist/components/notifications.js.map +1 -1
- package/dist/components/page.d.ts.map +1 -1
- package/dist/components/page.js +4 -5
- package/dist/components/page.js.map +1 -1
- package/dist/components/placeholder.d.ts.map +1 -1
- package/dist/components/placeholder.js +3 -4
- package/dist/components/placeholder.js.map +1 -1
- package/dist/components/popout.d.ts +0 -96
- package/dist/components/popout.d.ts.map +1 -1
- package/dist/components/popover.d.ts +0 -88
- package/dist/components/popover.d.ts.map +1 -1
- package/dist/components/popover.js +9 -9
- package/dist/components/popover.js.map +1 -1
- package/dist/components/radio-buttons.d.ts.map +1 -1
- package/dist/components/radio-buttons.js +4 -5
- package/dist/components/radio-buttons.js.map +1 -1
- package/dist/components/row.d.ts.map +1 -1
- package/dist/components/row.js +4 -5
- package/dist/components/row.js.map +1 -1
- package/dist/components/scroll-view.d.ts.map +1 -1
- package/dist/components/scroll-view.js +8 -9
- package/dist/components/scroll-view.js.map +1 -1
- package/dist/components/secondary.d.ts.map +1 -1
- package/dist/components/secondary.js +2 -3
- package/dist/components/secondary.js.map +1 -1
- package/dist/components/separated.d.ts.map +1 -1
- package/dist/components/separated.js +2 -3
- package/dist/components/separated.js.map +1 -1
- package/dist/components/slider.d.ts.map +1 -1
- package/dist/components/slider.js +2 -3
- package/dist/components/slider.js.map +1 -1
- package/dist/components/tabs.d.ts.map +1 -1
- package/dist/components/tabs.js +8 -9
- package/dist/components/tabs.js.map +1 -1
- package/dist/components/text-input.d.ts +0 -31
- package/dist/components/text-input.d.ts.map +1 -1
- package/dist/components/text-input.js +2 -3
- package/dist/components/text-input.js.map +1 -1
- package/dist/components/text.d.ts.map +1 -1
- package/dist/components/text.js +2 -3
- package/dist/components/text.js.map +1 -1
- package/dist/components/validation-rules.d.ts +0 -2
- package/dist/components/validation-rules.d.ts.map +1 -1
- package/dist/components/validation.d.ts +0 -49
- package/dist/components/validation.d.ts.map +1 -1
- package/dist/components/value.d.ts.map +1 -1
- package/dist/components/value.js +2 -3
- package/dist/components/value.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +12 -7
- package/src/common/theme.tsx +28 -163
- package/src/components/breadcrumbs.tsx +4 -5
- package/src/components/button.tsx +3 -4
- package/src/components/card.tsx +5 -6
- package/src/components/checkbox.tsx +5 -7
- package/src/components/collapse.tsx +25 -13
- package/src/components/column.tsx +4 -5
- package/src/components/control-group.tsx +3 -4
- package/src/components/dialog.tsx +14 -11
- package/src/components/dropdown-input.tsx +1 -1
- package/src/components/dropdown.tsx +7 -8
- package/src/components/error.tsx +2 -3
- package/src/components/flex-space.tsx +3 -4
- package/src/components/heading.tsx +2 -3
- package/src/components/label.tsx +2 -3
- package/src/components/link.tsx +2 -3
- package/src/components/nav-list.tsx +4 -6
- package/src/components/notifications.tsx +15 -17
- package/src/components/page.tsx +6 -7
- package/src/components/placeholder.tsx +5 -6
- package/src/components/popover.tsx +10 -10
- package/src/components/radio-buttons.tsx +6 -7
- package/src/components/row.tsx +4 -5
- package/src/components/scroll-view.tsx +8 -9
- package/src/components/secondary.tsx +2 -3
- package/src/components/separated.tsx +2 -3
- package/src/components/slider.tsx +2 -5
- package/src/components/tabs.tsx +8 -9
- package/src/components/text-input.tsx +2 -3
- package/src/components/text.tsx +2 -3
- package/src/components/value.tsx +2 -3
- package/src/index.tsx +2 -0
- package/src/types.d.ts +5 -0
- package/{src/theme/components/breadcrumbs.scss → theme/components/breadcrumbs.module.css} +12 -12
- package/theme/components/button.module.css +168 -0
- package/theme/components/card.module.css +50 -0
- package/{src/theme/components/checkbox.scss → theme/components/checkbox.module.css} +5 -5
- package/{src/theme/components/collapse.scss → theme/components/collapse.module.css} +19 -19
- package/{src/theme/components/column.scss → theme/components/column.module.css} +32 -10
- package/{src/theme/components/control-group.scss → theme/components/control-group.module.css} +2 -2
- package/theme/components/dialog.module.css +63 -0
- package/{src/theme/components/dropdown.scss → theme/components/dropdown.module.css} +9 -9
- package/theme/components/error.module.css +4 -0
- package/{src/theme/components/heading.scss → theme/components/heading.module.css} +8 -8
- package/{src/theme/components/label.scss → theme/components/label.module.css} +2 -10
- package/{src/theme/components/link.scss → theme/components/link.module.css} +0 -1
- package/theme/components/nav-list.module.css +76 -0
- package/theme/components/notifications.module.css +31 -0
- package/{src/theme/components/page.scss → theme/components/page.module.css} +6 -10
- package/{src/theme/components/placeholder.scss → theme/components/placeholder.module.css} +3 -3
- package/{src/theme/components/popover.scss → theme/components/popover.module.css} +9 -9
- package/theme/components/row.module.css +36 -0
- package/{src/theme/components/scroll-view.scss → theme/components/scroll-view.module.css} +19 -21
- package/theme/components/secondary.module.css +4 -0
- package/{src/theme/components/separated.scss → theme/components/separated.module.css} +2 -2
- package/{src/theme/components/slider.scss → theme/components/slider.module.css} +2 -1
- package/theme/components/tabs.module.css +71 -0
- package/theme/components/text-input.module.css +45 -0
- package/theme/global.css +118 -0
- package/dist/common/theme-test.d.ts +0 -8
- package/dist/common/theme-test.d.ts.map +0 -1
- package/dist/common/theme-test.js +0 -13
- package/dist/common/theme-test.js.map +0 -1
- package/dist/components/checkbox-test.d.ts +0 -4
- package/dist/components/checkbox-test.d.ts.map +0 -1
- package/dist/components/checkbox-test.js +0 -31
- package/dist/components/checkbox-test.js.map +0 -1
- package/dist/components/collapse-test.d.ts +0 -9
- package/dist/components/collapse-test.d.ts.map +0 -1
- package/dist/components/collapse-test.js +0 -15
- package/dist/components/collapse-test.js.map +0 -1
- package/dist/test.d.ts +0 -4
- package/dist/test.d.ts.map +0 -1
- package/dist/test.js +0 -4
- package/dist/test.js.map +0 -1
- package/dist/theme.module.css +0 -1290
- package/dist/theme.module.css.map +0 -1
- package/src/common/theme-test.tsx +0 -18
- package/src/components/checkbox-test.tsx +0 -35
- package/src/components/collapse-test.tsx +0 -23
- package/src/test.tsx +0 -3
- package/src/theme/base.scss +0 -121
- package/src/theme/common.scss +0 -42
- package/src/theme/components/button.scss +0 -164
- package/src/theme/components/card.scss +0 -41
- package/src/theme/components/dialog.scss +0 -65
- package/src/theme/components/error.scss +0 -12
- package/src/theme/components/nav-list.scss +0 -91
- package/src/theme/components/notifications.scss +0 -61
- package/src/theme/components/row.scss +0 -22
- package/src/theme/components/secondary.scss +0 -4
- package/src/theme/components/tabs.scss +0 -90
- package/src/theme/components/text-input.scss +0 -50
- package/src/theme/theme.scss +0 -31
- /package/{src/theme/components/flex-space.scss → theme/components/flex-space.module.css} +0 -0
- /package/{src/theme/components/radio-buttons.scss → theme/components/radio-buttons.module.css} +0 -0
- /package/{src/theme/components/text.scss → theme/components/text.module.css} +0 -0
- /package/{src/theme/components/value.scss → theme/components/value.module.css} +0 -0
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
@use "../common";
|
|
2
|
-
|
|
3
|
-
.row {
|
|
4
|
-
display: flex;
|
|
5
|
-
flex-direction: row;
|
|
6
|
-
flex-wrap: wrap;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
@each $size in "content", "group", "control" {
|
|
10
|
-
.row_#{$size} {
|
|
11
|
-
column-gap: var(--#{$size}-column-gap);
|
|
12
|
-
row-gap: var(--#{$size}-row-gap);
|
|
13
|
-
& > * {
|
|
14
|
-
--parent-column-gap: var(--#{$size}-column-gap);
|
|
15
|
-
--parent-row-gap: var(--#{$size}-row-gap);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
&.row_padded {
|
|
19
|
-
@include common.padding(#{$size}-pad);
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
@use "../common";
|
|
2
|
-
|
|
3
|
-
@include common.theme((
|
|
4
|
-
tab-handle-marker: (
|
|
5
|
-
dark: rgb(150, 150, 150),
|
|
6
|
-
light: rgb(160, 160, 160),
|
|
7
|
-
),
|
|
8
|
-
tab-handle-bg: (
|
|
9
|
-
dark: rgb(64, 64, 64),
|
|
10
|
-
light: rgb(230, 230, 230),
|
|
11
|
-
),
|
|
12
|
-
tab-handle-bg-active: (
|
|
13
|
-
dark: rgb(72, 72, 72),
|
|
14
|
-
light: rgb(220, 220, 220),
|
|
15
|
-
),
|
|
16
|
-
tab-handle-fg: (
|
|
17
|
-
dark: rgb(172, 172, 172),
|
|
18
|
-
light: rgb(72, 72, 72),
|
|
19
|
-
),
|
|
20
|
-
tab-handle-fg-active: (
|
|
21
|
-
dark: var(--fg),
|
|
22
|
-
light: var(--fg),
|
|
23
|
-
),
|
|
24
|
-
tab-handle-fg-current: (
|
|
25
|
-
dark: var(--fg),
|
|
26
|
-
light: var(--fg),
|
|
27
|
-
),
|
|
28
|
-
));
|
|
29
|
-
|
|
30
|
-
.tab_list {
|
|
31
|
-
display: flex;
|
|
32
|
-
flex-direction: row;
|
|
33
|
-
border-bottom: var(--separator) solid var(--separator-color);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.tab_list_padded {
|
|
37
|
-
padding-inline:
|
|
38
|
-
calc(var(--content-pad-inline-start) - var(--control-pad-inline-start))
|
|
39
|
-
calc(var(--content-pad-inline-end) - var(--control-pad-inline-end));
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.tab_handle {
|
|
43
|
-
font-family: inherit;
|
|
44
|
-
font-size: inherit;
|
|
45
|
-
font-weight: 600;
|
|
46
|
-
line-height: 1;
|
|
47
|
-
|
|
48
|
-
cursor: pointer;
|
|
49
|
-
outline: none;
|
|
50
|
-
|
|
51
|
-
padding-block:
|
|
52
|
-
calc(var(--control-pad-block-start) + var(--control-border))
|
|
53
|
-
var(--control-pad-block-end);
|
|
54
|
-
padding-inline:
|
|
55
|
-
calc(var(--control-pad-inline-start) + var(--control-border))
|
|
56
|
-
calc(var(--control-pad-inline-end) + var(--control-border));
|
|
57
|
-
|
|
58
|
-
background-color: transparent;
|
|
59
|
-
color: var(--tab-handle-fg);
|
|
60
|
-
border: none;
|
|
61
|
-
border-block-end: transparent solid var(--control-border);
|
|
62
|
-
|
|
63
|
-
border-radius: var(--control-radius) var(--control-radius) 0 0;
|
|
64
|
-
transition: var(--color-transition) background-color,
|
|
65
|
-
var(--color-transition) border-color;
|
|
66
|
-
|
|
67
|
-
&:hover,
|
|
68
|
-
&:focus-visible {
|
|
69
|
-
color: var(--tab-handle-fg-active);
|
|
70
|
-
background-color: var(--tab-handle-bg-active);
|
|
71
|
-
}
|
|
72
|
-
&:active {
|
|
73
|
-
background-color: var(--tab-handle-bg);
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.tab_handle_current {
|
|
78
|
-
border-block-end-color: var(--tab-handle-marker);
|
|
79
|
-
color: var(--tab-handle-fg-current);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.tab_panel {
|
|
83
|
-
flex-grow: 1;
|
|
84
|
-
display: flex;
|
|
85
|
-
flex-direction: column;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.tab_panel_padded {
|
|
89
|
-
@include common.padding(content-pad);
|
|
90
|
-
}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
@use "../common";
|
|
2
|
-
|
|
3
|
-
@include common.theme((
|
|
4
|
-
text-input-bg: (
|
|
5
|
-
dark: rgb(36, 36, 36),
|
|
6
|
-
light: rgb(250, 250, 250),
|
|
7
|
-
),
|
|
8
|
-
text-input-fg: (
|
|
9
|
-
dark: white,
|
|
10
|
-
light: black,
|
|
11
|
-
),
|
|
12
|
-
text-input-border: (
|
|
13
|
-
dark: rgb(54, 54, 54),
|
|
14
|
-
light: rgb(220, 220, 220),
|
|
15
|
-
),
|
|
16
|
-
text-input-border-lit: (
|
|
17
|
-
dark: var(--accent),
|
|
18
|
-
light: var(--accent),
|
|
19
|
-
),
|
|
20
|
-
));
|
|
21
|
-
|
|
22
|
-
.text_input {
|
|
23
|
-
font-family: inherit;
|
|
24
|
-
font-size: inherit;
|
|
25
|
-
font-weight: inherit;
|
|
26
|
-
|
|
27
|
-
cursor: text;
|
|
28
|
-
|
|
29
|
-
outline: none;
|
|
30
|
-
@include common.padding(control-pad);
|
|
31
|
-
border: var(--control-border) solid var(--text-input-border);
|
|
32
|
-
border-radius: var(--control-radius);
|
|
33
|
-
box-shadow: var(--control-shadow);
|
|
34
|
-
background-color: var(--text-input-bg);
|
|
35
|
-
color: var(--text-input-fg);
|
|
36
|
-
line-height: calc(1em + var(--line-gap));
|
|
37
|
-
|
|
38
|
-
&:focus {
|
|
39
|
-
border-color: var(--text-input-border-lit);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
&[disabled] {
|
|
43
|
-
filter: var(--control-disabled);
|
|
44
|
-
cursor: default;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
input.text_input {
|
|
49
|
-
block-size: calc(var(--control-pad-block-start) + 1em + var(--control-pad-block-end) + var(--control-border) * 2);
|
|
50
|
-
}
|
package/src/theme/theme.scss
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
@forward "base";
|
|
2
|
-
|
|
3
|
-
@forward "components/breadcrumbs";
|
|
4
|
-
@forward "components/button";
|
|
5
|
-
@forward "components/card";
|
|
6
|
-
@forward "components/checkbox";
|
|
7
|
-
@forward "components/collapse";
|
|
8
|
-
@forward "components/column";
|
|
9
|
-
@forward "components/control-group";
|
|
10
|
-
@forward "components/dialog";
|
|
11
|
-
@forward "components/dropdown.scss";
|
|
12
|
-
@forward "components/error";
|
|
13
|
-
@forward "components/flex-space";
|
|
14
|
-
@forward "components/heading";
|
|
15
|
-
@forward "components/label";
|
|
16
|
-
@forward "components/link";
|
|
17
|
-
@forward "components/nav-list";
|
|
18
|
-
@forward "components/notifications";
|
|
19
|
-
@forward "components/page";
|
|
20
|
-
@forward "components/placeholder";
|
|
21
|
-
@forward "components/popover";
|
|
22
|
-
@forward "components/radio-buttons";
|
|
23
|
-
@forward "components/row";
|
|
24
|
-
@forward "components/scroll-view";
|
|
25
|
-
@forward "components/secondary";
|
|
26
|
-
@forward "components/separated";
|
|
27
|
-
@forward "components/slider";
|
|
28
|
-
@forward "components/tabs";
|
|
29
|
-
@forward "components/text-input";
|
|
30
|
-
@forward "components/text";
|
|
31
|
-
@forward "components/value";
|
|
File without changes
|
/package/{src/theme/components/radio-buttons.scss → theme/components/radio-buttons.module.css}
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|