@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.
Files changed (219) hide show
  1. package/dist/common/events.d.ts +0 -40
  2. package/dist/common/events.d.ts.map +1 -1
  3. package/dist/common/theme.d.ts +3 -134
  4. package/dist/common/theme.d.ts.map +1 -1
  5. package/dist/common/theme.js +25 -2
  6. package/dist/common/theme.js.map +1 -1
  7. package/dist/common/writing-mode.d.ts +0 -58
  8. package/dist/common/writing-mode.d.ts.map +1 -1
  9. package/dist/components/breadcrumbs.d.ts.map +1 -1
  10. package/dist/components/breadcrumbs.js +3 -4
  11. package/dist/components/breadcrumbs.js.map +1 -1
  12. package/dist/components/button.d.ts +0 -18
  13. package/dist/components/button.d.ts.map +1 -1
  14. package/dist/components/button.js +3 -4
  15. package/dist/components/button.js.map +1 -1
  16. package/dist/components/card.d.ts +1 -1
  17. package/dist/components/card.d.ts.map +1 -1
  18. package/dist/components/card.js +4 -5
  19. package/dist/components/card.js.map +1 -1
  20. package/dist/components/checkbox.d.ts.map +1 -1
  21. package/dist/components/checkbox.js +4 -5
  22. package/dist/components/checkbox.js.map +1 -1
  23. package/dist/components/collapse.d.ts.map +1 -1
  24. package/dist/components/collapse.js +22 -10
  25. package/dist/components/collapse.js.map +1 -1
  26. package/dist/components/column.d.ts +0 -6
  27. package/dist/components/column.d.ts.map +1 -1
  28. package/dist/components/column.js +4 -5
  29. package/dist/components/column.js.map +1 -1
  30. package/dist/components/control-group.d.ts.map +1 -1
  31. package/dist/components/control-group.js +3 -4
  32. package/dist/components/control-group.js.map +1 -1
  33. package/dist/components/dialog.d.ts +1 -1
  34. package/dist/components/dialog.d.ts.map +1 -1
  35. package/dist/components/dialog.js +14 -10
  36. package/dist/components/dialog.js.map +1 -1
  37. package/dist/components/dropdown-input.d.ts +1 -1
  38. package/dist/components/dropdown-input.d.ts.map +1 -1
  39. package/dist/components/dropdown.d.ts +0 -88
  40. package/dist/components/dropdown.d.ts.map +1 -1
  41. package/dist/components/dropdown.js +7 -8
  42. package/dist/components/dropdown.js.map +1 -1
  43. package/dist/components/error.d.ts.map +1 -1
  44. package/dist/components/error.js +2 -3
  45. package/dist/components/error.js.map +1 -1
  46. package/dist/components/flex-space.d.ts.map +1 -1
  47. package/dist/components/flex-space.js +3 -4
  48. package/dist/components/flex-space.js.map +1 -1
  49. package/dist/components/heading.d.ts +0 -3
  50. package/dist/components/heading.d.ts.map +1 -1
  51. package/dist/components/heading.js +2 -3
  52. package/dist/components/heading.js.map +1 -1
  53. package/dist/components/label.d.ts.map +1 -1
  54. package/dist/components/label.js +2 -3
  55. package/dist/components/label.js.map +1 -1
  56. package/dist/components/layer.d.ts +0 -63
  57. package/dist/components/layer.d.ts.map +1 -1
  58. package/dist/components/link.d.ts +0 -33
  59. package/dist/components/link.d.ts.map +1 -1
  60. package/dist/components/link.js +2 -3
  61. package/dist/components/link.js.map +1 -1
  62. package/dist/components/nav-list.d.ts +0 -8
  63. package/dist/components/nav-list.d.ts.map +1 -1
  64. package/dist/components/nav-list.js +4 -6
  65. package/dist/components/nav-list.js.map +1 -1
  66. package/dist/components/notifications.d.ts +4 -1
  67. package/dist/components/notifications.d.ts.map +1 -1
  68. package/dist/components/notifications.js +5 -11
  69. package/dist/components/notifications.js.map +1 -1
  70. package/dist/components/page.d.ts.map +1 -1
  71. package/dist/components/page.js +4 -5
  72. package/dist/components/page.js.map +1 -1
  73. package/dist/components/placeholder.d.ts.map +1 -1
  74. package/dist/components/placeholder.js +3 -4
  75. package/dist/components/placeholder.js.map +1 -1
  76. package/dist/components/popout.d.ts +0 -96
  77. package/dist/components/popout.d.ts.map +1 -1
  78. package/dist/components/popover.d.ts +0 -88
  79. package/dist/components/popover.d.ts.map +1 -1
  80. package/dist/components/popover.js +9 -9
  81. package/dist/components/popover.js.map +1 -1
  82. package/dist/components/radio-buttons.d.ts.map +1 -1
  83. package/dist/components/radio-buttons.js +4 -5
  84. package/dist/components/radio-buttons.js.map +1 -1
  85. package/dist/components/row.d.ts.map +1 -1
  86. package/dist/components/row.js +4 -5
  87. package/dist/components/row.js.map +1 -1
  88. package/dist/components/scroll-view.d.ts.map +1 -1
  89. package/dist/components/scroll-view.js +8 -9
  90. package/dist/components/scroll-view.js.map +1 -1
  91. package/dist/components/secondary.d.ts.map +1 -1
  92. package/dist/components/secondary.js +2 -3
  93. package/dist/components/secondary.js.map +1 -1
  94. package/dist/components/separated.d.ts.map +1 -1
  95. package/dist/components/separated.js +2 -3
  96. package/dist/components/separated.js.map +1 -1
  97. package/dist/components/slider.d.ts.map +1 -1
  98. package/dist/components/slider.js +2 -3
  99. package/dist/components/slider.js.map +1 -1
  100. package/dist/components/tabs.d.ts.map +1 -1
  101. package/dist/components/tabs.js +8 -9
  102. package/dist/components/tabs.js.map +1 -1
  103. package/dist/components/text-input.d.ts +0 -31
  104. package/dist/components/text-input.d.ts.map +1 -1
  105. package/dist/components/text-input.js +2 -3
  106. package/dist/components/text-input.js.map +1 -1
  107. package/dist/components/text.d.ts.map +1 -1
  108. package/dist/components/text.js +2 -3
  109. package/dist/components/text.js.map +1 -1
  110. package/dist/components/validation-rules.d.ts +0 -2
  111. package/dist/components/validation-rules.d.ts.map +1 -1
  112. package/dist/components/validation.d.ts +0 -49
  113. package/dist/components/validation.d.ts.map +1 -1
  114. package/dist/components/value.d.ts.map +1 -1
  115. package/dist/components/value.js +2 -3
  116. package/dist/components/value.js.map +1 -1
  117. package/dist/index.d.ts +1 -0
  118. package/dist/index.d.ts.map +1 -1
  119. package/dist/index.js +1 -0
  120. package/dist/index.js.map +1 -1
  121. package/package.json +12 -7
  122. package/src/common/theme.tsx +28 -163
  123. package/src/components/breadcrumbs.tsx +4 -5
  124. package/src/components/button.tsx +3 -4
  125. package/src/components/card.tsx +5 -6
  126. package/src/components/checkbox.tsx +5 -7
  127. package/src/components/collapse.tsx +25 -13
  128. package/src/components/column.tsx +4 -5
  129. package/src/components/control-group.tsx +3 -4
  130. package/src/components/dialog.tsx +14 -11
  131. package/src/components/dropdown-input.tsx +1 -1
  132. package/src/components/dropdown.tsx +7 -8
  133. package/src/components/error.tsx +2 -3
  134. package/src/components/flex-space.tsx +3 -4
  135. package/src/components/heading.tsx +2 -3
  136. package/src/components/label.tsx +2 -3
  137. package/src/components/link.tsx +2 -3
  138. package/src/components/nav-list.tsx +4 -6
  139. package/src/components/notifications.tsx +15 -17
  140. package/src/components/page.tsx +6 -7
  141. package/src/components/placeholder.tsx +5 -6
  142. package/src/components/popover.tsx +10 -10
  143. package/src/components/radio-buttons.tsx +6 -7
  144. package/src/components/row.tsx +4 -5
  145. package/src/components/scroll-view.tsx +8 -9
  146. package/src/components/secondary.tsx +2 -3
  147. package/src/components/separated.tsx +2 -3
  148. package/src/components/slider.tsx +2 -5
  149. package/src/components/tabs.tsx +8 -9
  150. package/src/components/text-input.tsx +2 -3
  151. package/src/components/text.tsx +2 -3
  152. package/src/components/value.tsx +2 -3
  153. package/src/index.tsx +2 -0
  154. package/src/types.d.ts +5 -0
  155. package/{src/theme/components/breadcrumbs.scss → theme/components/breadcrumbs.module.css} +12 -12
  156. package/theme/components/button.module.css +168 -0
  157. package/theme/components/card.module.css +50 -0
  158. package/{src/theme/components/checkbox.scss → theme/components/checkbox.module.css} +5 -5
  159. package/{src/theme/components/collapse.scss → theme/components/collapse.module.css} +19 -19
  160. package/{src/theme/components/column.scss → theme/components/column.module.css} +32 -10
  161. package/{src/theme/components/control-group.scss → theme/components/control-group.module.css} +2 -2
  162. package/theme/components/dialog.module.css +63 -0
  163. package/{src/theme/components/dropdown.scss → theme/components/dropdown.module.css} +9 -9
  164. package/theme/components/error.module.css +4 -0
  165. package/{src/theme/components/heading.scss → theme/components/heading.module.css} +8 -8
  166. package/{src/theme/components/label.scss → theme/components/label.module.css} +2 -10
  167. package/{src/theme/components/link.scss → theme/components/link.module.css} +0 -1
  168. package/theme/components/nav-list.module.css +76 -0
  169. package/theme/components/notifications.module.css +31 -0
  170. package/{src/theme/components/page.scss → theme/components/page.module.css} +6 -10
  171. package/{src/theme/components/placeholder.scss → theme/components/placeholder.module.css} +3 -3
  172. package/{src/theme/components/popover.scss → theme/components/popover.module.css} +9 -9
  173. package/theme/components/row.module.css +36 -0
  174. package/{src/theme/components/scroll-view.scss → theme/components/scroll-view.module.css} +19 -21
  175. package/theme/components/secondary.module.css +4 -0
  176. package/{src/theme/components/separated.scss → theme/components/separated.module.css} +2 -2
  177. package/{src/theme/components/slider.scss → theme/components/slider.module.css} +2 -1
  178. package/theme/components/tabs.module.css +71 -0
  179. package/theme/components/text-input.module.css +45 -0
  180. package/theme/global.css +118 -0
  181. package/dist/common/theme-test.d.ts +0 -8
  182. package/dist/common/theme-test.d.ts.map +0 -1
  183. package/dist/common/theme-test.js +0 -13
  184. package/dist/common/theme-test.js.map +0 -1
  185. package/dist/components/checkbox-test.d.ts +0 -4
  186. package/dist/components/checkbox-test.d.ts.map +0 -1
  187. package/dist/components/checkbox-test.js +0 -31
  188. package/dist/components/checkbox-test.js.map +0 -1
  189. package/dist/components/collapse-test.d.ts +0 -9
  190. package/dist/components/collapse-test.d.ts.map +0 -1
  191. package/dist/components/collapse-test.js +0 -15
  192. package/dist/components/collapse-test.js.map +0 -1
  193. package/dist/test.d.ts +0 -4
  194. package/dist/test.d.ts.map +0 -1
  195. package/dist/test.js +0 -4
  196. package/dist/test.js.map +0 -1
  197. package/dist/theme.module.css +0 -1290
  198. package/dist/theme.module.css.map +0 -1
  199. package/src/common/theme-test.tsx +0 -18
  200. package/src/components/checkbox-test.tsx +0 -35
  201. package/src/components/collapse-test.tsx +0 -23
  202. package/src/test.tsx +0 -3
  203. package/src/theme/base.scss +0 -121
  204. package/src/theme/common.scss +0 -42
  205. package/src/theme/components/button.scss +0 -164
  206. package/src/theme/components/card.scss +0 -41
  207. package/src/theme/components/dialog.scss +0 -65
  208. package/src/theme/components/error.scss +0 -12
  209. package/src/theme/components/nav-list.scss +0 -91
  210. package/src/theme/components/notifications.scss +0 -61
  211. package/src/theme/components/row.scss +0 -22
  212. package/src/theme/components/secondary.scss +0 -4
  213. package/src/theme/components/tabs.scss +0 -90
  214. package/src/theme/components/text-input.scss +0 -50
  215. package/src/theme/theme.scss +0 -31
  216. /package/{src/theme/components/flex-space.scss → theme/components/flex-space.module.css} +0 -0
  217. /package/{src/theme/components/radio-buttons.scss → theme/components/radio-buttons.module.css} +0 -0
  218. /package/{src/theme/components/text.scss → theme/components/text.module.css} +0 -0
  219. /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,4 +0,0 @@
1
-
2
- .secondary {
3
- opacity: 0.5;
4
- }
@@ -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
- }
@@ -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";