@rovula/ui 0.1.7 → 0.1.8

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 (196) hide show
  1. package/dist/cjs/bundle.css +281 -124
  2. package/dist/cjs/bundle.js +1545 -1545
  3. package/dist/cjs/bundle.js.map +1 -1
  4. package/dist/cjs/types/components/AlertDialog/AlertDialog.stories.d.ts +3 -0
  5. package/dist/cjs/types/components/Dialog/Dialog.d.ts +7 -1
  6. package/dist/cjs/types/components/Dialog/Dialog.stories.d.ts +3 -0
  7. package/dist/cjs/types/components/Dropdown/Dropdown.d.ts +2 -0
  8. package/dist/cjs/types/components/Dropdown/Dropdown.stories.d.ts +2 -0
  9. package/dist/cjs/types/components/Form/Field.d.ts +26 -0
  10. package/dist/cjs/types/components/Form/FieldMessage.d.ts +7 -0
  11. package/dist/cjs/types/components/Form/Form.d.ts +49 -11
  12. package/dist/cjs/types/components/Form/Form.stories.d.ts +23 -0
  13. package/dist/cjs/types/components/Form/ValidationHintList.d.ts +17 -0
  14. package/dist/cjs/types/components/Form/ValidationHintList.stories.d.ts +9 -0
  15. package/dist/cjs/types/components/Form/index.d.ts +10 -0
  16. package/dist/cjs/types/components/Form/useOptionBridge.d.ts +17 -0
  17. package/dist/cjs/types/components/OtpInput/OtpInput.d.ts +17 -0
  18. package/dist/cjs/types/components/OtpInput/OtpInput.stories.d.ts +15 -0
  19. package/dist/cjs/types/components/OtpInput/OtpInputGroup.d.ts +25 -0
  20. package/dist/cjs/types/components/OtpInput/index.d.ts +5 -0
  21. package/dist/cjs/types/components/TextInput/TextInput.styles.d.ts +3 -0
  22. package/dist/cjs/types/index.d.ts +5 -0
  23. package/dist/cjs/types/theme/ThemeColorCoverageRuntime.stories.d.ts +10 -0
  24. package/dist/cjs/types/utils/colors.d.ts +84 -0
  25. package/dist/components/ActionButton/ActionButton.stories.js +2 -2
  26. package/dist/components/ActionButton/ActionButton.styles.js +1 -1
  27. package/dist/components/AlertDialog/AlertDialog.js +6 -6
  28. package/dist/components/AlertDialog/AlertDialog.stories.js +3 -0
  29. package/dist/components/Avatar/Avatar.stories.js +1 -1
  30. package/dist/components/Avatar/Avatar.styles.js +1 -1
  31. package/dist/components/Avatar/AvatarBase.js +1 -1
  32. package/dist/components/Avatar/AvatarGroup.stories.js +1 -1
  33. package/dist/components/Button/Buttons.stories.js +2 -2
  34. package/dist/components/Calendar/Calendar.js +1 -1
  35. package/dist/components/Checkbox/Checkbox.js +1 -1
  36. package/dist/components/Checkbox/Checkbox.stories.js +17 -7
  37. package/dist/components/Collapsible/Collapsible.styles.js +1 -1
  38. package/dist/components/DataTable/DataTable.js +2 -2
  39. package/dist/components/Dialog/Dialog.js +12 -7
  40. package/dist/components/Dialog/Dialog.stories.js +90 -2
  41. package/dist/components/Dropdown/Dropdown.js +2 -2
  42. package/dist/components/DropdownMenu/DropdownMenu.js +3 -3
  43. package/dist/components/FocusedScrollView/FocusedScrollView.stories.js +6 -6
  44. package/dist/components/Form/Field.js +60 -0
  45. package/dist/components/Form/FieldMessage.js +24 -0
  46. package/dist/components/Form/Form.js +73 -41
  47. package/dist/components/Form/Form.stories.js +221 -0
  48. package/dist/components/Form/ValidationHintList.js +30 -0
  49. package/dist/components/Form/ValidationHintList.stories.js +50 -0
  50. package/dist/components/Form/index.js +5 -0
  51. package/dist/components/Form/useOptionBridge.js +27 -0
  52. package/dist/components/InputFilter/InputFilter.js +5 -4
  53. package/dist/components/InputFilter/InputFilter.stories.js +1 -1
  54. package/dist/components/InputFilter/InputFilter.styles.js +14 -1
  55. package/dist/components/Label/Label.styles.js +1 -1
  56. package/dist/components/Menu/Menu.js +2 -2
  57. package/dist/components/NumberInput/NumberInput.stories.js +1 -1
  58. package/dist/components/OtpInput/OtpInput.js +118 -0
  59. package/dist/components/OtpInput/OtpInput.stories.js +60 -0
  60. package/dist/components/OtpInput/OtpInputGroup.js +23 -0
  61. package/dist/components/OtpInput/index.js +3 -0
  62. package/dist/components/PasswordInput/PasswordInput.stories.js +1 -1
  63. package/dist/components/Popover/Popover.js +1 -1
  64. package/dist/components/RadioGroup/RadioGroup.js +1 -1
  65. package/dist/components/RadioGroup/RadioGroup.stories.js +2 -2
  66. package/dist/components/Search/Search.js +13 -1
  67. package/dist/components/Search/Search.stories.js +1 -1
  68. package/dist/components/Slider/Slider.js +1 -1
  69. package/dist/components/Slider/Slider.stories.js +5 -5
  70. package/dist/components/Switch/Switch.stories.js +2 -2
  71. package/dist/components/Table/Table.js +5 -5
  72. package/dist/components/Tabs/Tabs.js +12 -9
  73. package/dist/components/Tabs/Tabs.stories.js +1 -1
  74. package/dist/components/Text/Text.js +1 -1
  75. package/dist/components/Text/Text.stories.js +1 -1
  76. package/dist/components/TextArea/TextArea.stories.js +1 -1
  77. package/dist/components/TextArea/TextArea.styles.js +3 -3
  78. package/dist/components/TextInput/TextInput.js +3 -2
  79. package/dist/components/TextInput/TextInput.stories.js +3 -3
  80. package/dist/components/TextInput/TextInput.styles.js +41 -19
  81. package/dist/components/Toast/Toast.js +4 -2
  82. package/dist/components/Toast/Toast.stories.js +1 -1
  83. package/dist/components/Toast/Toast.styles.js +4 -4
  84. package/dist/components/Toast/Toaster.js +2 -2
  85. package/dist/components/Tree/Tree.stories.js +1 -1
  86. package/dist/components/Tree/TreeItem.js +1 -1
  87. package/dist/esm/bundle.css +281 -124
  88. package/dist/esm/bundle.js +1545 -1545
  89. package/dist/esm/bundle.js.map +1 -1
  90. package/dist/esm/types/components/AlertDialog/AlertDialog.stories.d.ts +3 -0
  91. package/dist/esm/types/components/Dialog/Dialog.d.ts +7 -1
  92. package/dist/esm/types/components/Dialog/Dialog.stories.d.ts +3 -0
  93. package/dist/esm/types/components/Dropdown/Dropdown.d.ts +2 -0
  94. package/dist/esm/types/components/Dropdown/Dropdown.stories.d.ts +2 -0
  95. package/dist/esm/types/components/Form/Field.d.ts +26 -0
  96. package/dist/esm/types/components/Form/FieldMessage.d.ts +7 -0
  97. package/dist/esm/types/components/Form/Form.d.ts +49 -11
  98. package/dist/esm/types/components/Form/Form.stories.d.ts +23 -0
  99. package/dist/esm/types/components/Form/ValidationHintList.d.ts +17 -0
  100. package/dist/esm/types/components/Form/ValidationHintList.stories.d.ts +9 -0
  101. package/dist/esm/types/components/Form/index.d.ts +10 -0
  102. package/dist/esm/types/components/Form/useOptionBridge.d.ts +17 -0
  103. package/dist/esm/types/components/OtpInput/OtpInput.d.ts +17 -0
  104. package/dist/esm/types/components/OtpInput/OtpInput.stories.d.ts +15 -0
  105. package/dist/esm/types/components/OtpInput/OtpInputGroup.d.ts +25 -0
  106. package/dist/esm/types/components/OtpInput/index.d.ts +5 -0
  107. package/dist/esm/types/components/TextInput/TextInput.styles.d.ts +3 -0
  108. package/dist/esm/types/index.d.ts +5 -0
  109. package/dist/esm/types/theme/ThemeColorCoverageRuntime.stories.d.ts +10 -0
  110. package/dist/esm/types/utils/colors.d.ts +84 -0
  111. package/dist/index.d.ts +245 -2
  112. package/dist/index.js +3 -0
  113. package/dist/src/theme/global.css +351 -149
  114. package/dist/theme/ThemeColorCoverageRuntime.stories.js +91 -0
  115. package/dist/utils/colors.js +92 -0
  116. package/package.json +4 -2
  117. package/src/components/ActionButton/ActionButton.stories.tsx +6 -6
  118. package/src/components/ActionButton/ActionButton.styles.ts +1 -1
  119. package/src/components/AlertDialog/AlertDialog.stories.tsx +22 -0
  120. package/src/components/AlertDialog/AlertDialog.tsx +6 -6
  121. package/src/components/Avatar/Avatar.stories.tsx +1 -1
  122. package/src/components/Avatar/Avatar.styles.ts +1 -1
  123. package/src/components/Avatar/AvatarBase.tsx +1 -1
  124. package/src/components/Avatar/AvatarGroup.stories.tsx +1 -1
  125. package/src/components/Button/Buttons.stories.tsx +10 -10
  126. package/src/components/Calendar/Calendar.tsx +3 -3
  127. package/src/components/Checkbox/Checkbox.stories.tsx +35 -12
  128. package/src/components/Checkbox/Checkbox.tsx +7 -5
  129. package/src/components/Collapsible/Collapsible.styles.ts +1 -1
  130. package/src/components/DataTable/DataTable.tsx +2 -2
  131. package/src/components/Dialog/Dialog.stories.tsx +173 -0
  132. package/src/components/Dialog/Dialog.tsx +32 -15
  133. package/src/components/Dropdown/Dropdown.styles.ts +1 -1
  134. package/src/components/Dropdown/Dropdown.tsx +16 -14
  135. package/src/components/DropdownMenu/DropdownMenu.tsx +3 -3
  136. package/src/components/FocusedScrollView/FocusedScrollView.stories.tsx +10 -10
  137. package/src/components/Form/Field.tsx +160 -0
  138. package/src/components/Form/FieldMessage.tsx +38 -0
  139. package/src/components/Form/Form.docs.mdx +67 -0
  140. package/src/components/Form/Form.stories.tsx +490 -0
  141. package/src/components/Form/Form.tsx +185 -87
  142. package/src/components/Form/README.md +284 -0
  143. package/src/components/Form/ValidationHintList.stories.tsx +118 -0
  144. package/src/components/Form/ValidationHintList.tsx +82 -0
  145. package/src/components/Form/index.ts +28 -0
  146. package/src/components/Form/useOptionBridge.ts +55 -0
  147. package/src/components/InputFilter/InputFilter.stories.tsx +1 -1
  148. package/src/components/InputFilter/InputFilter.styles.ts +14 -1
  149. package/src/components/InputFilter/InputFilter.tsx +33 -28
  150. package/src/components/Label/Label.styles.ts +2 -2
  151. package/src/components/Label/Label.tsx +1 -1
  152. package/src/components/Menu/Menu.tsx +12 -12
  153. package/src/components/NumberInput/NumberInput.stories.tsx +1 -1
  154. package/src/components/OtpInput/OtpInput.stories.tsx +168 -0
  155. package/src/components/OtpInput/OtpInput.tsx +210 -0
  156. package/src/components/OtpInput/OtpInputGroup.tsx +74 -0
  157. package/src/components/OtpInput/index.ts +5 -0
  158. package/src/components/PasswordInput/PasswordInput.stories.tsx +1 -1
  159. package/src/components/Popover/Popover.tsx +1 -1
  160. package/src/components/RadioGroup/RadioGroup.stories.tsx +4 -4
  161. package/src/components/RadioGroup/RadioGroup.tsx +2 -1
  162. package/src/components/Search/Search.stories.tsx +1 -1
  163. package/src/components/Search/Search.tsx +6 -2
  164. package/src/components/Slider/Slider.stories.tsx +7 -7
  165. package/src/components/Slider/Slider.tsx +1 -1
  166. package/src/components/Switch/Switch.stories.tsx +4 -4
  167. package/src/components/Table/Table.tsx +5 -5
  168. package/src/components/Tabs/Tabs.stories.tsx +1 -1
  169. package/src/components/Tabs/Tabs.tsx +29 -18
  170. package/src/components/Text/Text.stories.tsx +1 -1
  171. package/src/components/Text/Text.tsx +1 -1
  172. package/src/components/TextArea/TextArea.stories.tsx +1 -1
  173. package/src/components/TextArea/TextArea.styles.ts +3 -3
  174. package/src/components/TextInput/TextInput.stories.tsx +7 -7
  175. package/src/components/TextInput/TextInput.styles.ts +42 -19
  176. package/src/components/TextInput/TextInput.tsx +3 -1
  177. package/src/components/Toast/Toast.stories.tsx +1 -1
  178. package/src/components/Toast/Toast.styles.tsx +7 -7
  179. package/src/components/Toast/Toast.tsx +5 -4
  180. package/src/components/Toast/Toaster.tsx +17 -20
  181. package/src/components/Tree/Tree.stories.tsx +1 -1
  182. package/src/components/Tree/TreeItem.tsx +1 -1
  183. package/src/index.ts +5 -0
  184. package/src/theme/ThemeColorCoverageRuntime.stories.tsx +236 -0
  185. package/src/theme/direct-token-migration-plan.md +121 -0
  186. package/src/theme/figma-mcp-check-report.md +225 -0
  187. package/src/theme/figma-mcp-component-checklist.json +1250 -0
  188. package/src/theme/presets/colors.js +155 -44
  189. package/src/theme/themes/xspector/components/loading.css +2 -2
  190. package/src/theme/tokens/color.css +3 -3
  191. package/src/theme/tokens/components/action-button.css +1 -1
  192. package/src/theme/tokens/components/dropdown-menu.css +3 -3
  193. package/src/theme/tokens/components/loading.css +2 -2
  194. package/src/theme/tokens/components/switch.css +1 -1
  195. package/src/theme/utils.js +164 -25
  196. package/src/utils/colors.ts +92 -0
package/src/utils/colors.ts CHANGED
@@ -1,5 +1,13 @@
1
1
  /** CSS variable names for theme colors (resolved by data-theme) */
2
2
  export const THEME_COLOR_KEYS = {
3
+ /* ----- Main / Brand core ----- */
4
+ "main-primary": "--main-primary",
5
+ "main-secondary": "--main-secondary",
6
+ "main-tertiary": "--main-tertiary",
7
+ "brand-midnight-blue": "--brand-midnight-blue",
8
+ "brand-columbia-blue": "--brand-columbia-blue",
9
+ "brand-background": "--brand-background",
10
+ "brand-lemon-glacier": "--brand-lemon-glacier",
3
11
  /* ----- Palette: Primary ----- */
4
12
  "primary-5": "--ramps-primary-5",
5
13
  "primary-10": "--ramps-primary-10",
@@ -207,6 +215,14 @@ export const THEME_COLOR_KEYS = {
207
215
  "disable-outline": "--state-disable-outline",
208
216
  /* ----- Text ----- */
209
217
  "text-black": "--text-black",
218
+ "text-contrast-low": "--text-contrast-low",
219
+ "text-contrast-medium": "--text-contrast-medium",
220
+ "text-contrast-high": "--text-contrast-high",
221
+ "text-contrast-max": "--text-contrast-max",
222
+ "text-g-contrast-low": "--text-g-contrast-low",
223
+ "text-g-contrast-medium": "--text-g-contrast-medium",
224
+ "text-g-contrast-high": "--text-g-contrast-high",
225
+ /* ----- Deprecated text aliases ----- */
210
226
  "text-dark": "--text-dark",
211
227
  "text-medium": "--text-medium",
212
228
  "text-light": "--text-light",
@@ -236,7 +252,31 @@ export const THEME_COLOR_KEYS = {
236
252
  "function-active-hover-bg": "--function-active-hover-bg",
237
253
  "function-active-stroke": "--function-active-stroke",
238
254
  "function-active-icon": "--function-active-icon",
255
+ /* ----- Direct modal/background tokens ----- */
256
+ "modal-surface": "--modal-surface",
257
+ "modal-highlight": "--modal-highlight",
258
+ "modal-overlay": "--modal-overlay",
259
+ "bg-bg1": "--bg-bg1",
260
+ "bg-bg2": "--bg-bg2",
261
+ "bg-bg3": "--bg-bg3",
262
+ "bg-stroke1": "--bg-stroke1",
263
+ "bg-stroke2": "--bg-stroke2",
264
+ "state-primary-text-solid": "--state-primary-text-solid",
265
+ "state-primary-text-hover": "--state-primary-text-hover",
266
+ "state-secondary-text-solid": "--state-secondary-text-solid",
267
+ "state-secondary-text-hover": "--state-secondary-text-hover",
268
+ "state-tertiary-text-solid": "--state-tertiary-text-solid",
269
+ "state-tertiary-text-hover": "--state-tertiary-text-hover",
270
+ "state-info-text-solid": "--state-info-text-solid",
271
+ "state-info-text-hover": "--state-info-text-hover",
272
+ "state-success-text-solid": "--state-success-text-solid",
273
+ "state-success-text-hover": "--state-success-text-hover",
274
+ "state-warning-text-solid": "--state-warning-text-solid",
275
+ "state-warning-text-hover": "--state-warning-text-hover",
276
+ "state-error-text-solid": "--state-error-text-solid",
277
+ "state-error-text-hover": "--state-error-text-hover",
239
278
  /* ----- Base ----- */
279
+ /* ----- Deprecated base aliases ----- */
240
280
  "base-bg": "--base-color-bg",
241
281
  "base-bg2": "--base-color-bg2",
242
282
  "base-bg3": "--base-color-bg3",
@@ -249,7 +289,59 @@ export const THEME_COLOR_KEYS = {
249
289
  /* ----- Common ----- */
250
290
  "common-white": "--common-white",
251
291
  "common-black": "--common-black",
292
+ "brand-rvl-yellow": "--brand-rvl-yellow",
293
+ "brand-rvl-grey": "--brand-rvl-grey",
294
+ /* ----- Others ----- */
295
+ "others-1": "--others-1",
296
+ "others-2": "--others-2",
297
+ "others-3": "--others-3",
298
+ "others-4": "--others-4",
299
+ "others-5": "--others-5",
300
+ "others-6": "--others-6",
301
+ "others-7": "--others-7",
302
+ "others-8": "--others-8",
303
+ "others-9": "--others-9",
304
+ "others-10": "--others-10",
305
+ "others-11": "--others-11",
306
+ "others-12": "--others-12",
307
+ "others-13": "--others-13",
308
+ "others-14": "--others-14",
309
+ "others-15": "--others-15",
310
+ "others-16": "--others-16",
311
+ "others-17": "--others-17",
312
+ "others-18": "--others-18",
313
+ "others-19": "--others-19",
314
+ "others-20": "--others-20",
315
+ "others-21": "--others-21",
316
+ "others-22": "--others-22",
317
+ "others-23": "--others-23",
318
+ "others-24": "--others-24",
319
+ "others-25": "--others-25",
320
+ "others-26": "--others-26",
321
+ "others-27": "--others-27",
322
+ "others-28": "--others-28",
323
+ "others-29": "--others-29",
324
+ "others-30": "--others-30",
325
+ "others-31": "--others-31",
326
+ "others-32": "--others-32",
327
+ "others-33": "--others-33",
328
+ "others-34": "--others-34",
329
+ "others-35": "--others-35",
330
+ /* ----- Page background ----- */
331
+ "page-bg-main": "--page-bg-main",
332
+ "page-bg-circle-top-g-in": "--page-bg-circle-top-g-in",
333
+ "page-bg-circle-top-g-out": "--page-bg-circle-top-g-out",
334
+ "page-bg-circle-bottom-g-in": "--page-bg-circle-bottom-g-in",
335
+ "page-bg-circle-bottom-g-out": "--page-bg-circle-bottom-g-out",
336
+ /* ----- Extra surface/background ----- */
337
+ "modal-line": "--modal-line",
338
+ "bg-bg4": "--bg-bg4",
339
+ "bg-bg5": "--bg-bg5",
340
+ "bg-stroke3": "--bg-stroke3",
341
+ "bg-stroke4": "--bg-stroke4",
342
+ "bg-stroke5": "--bg-stroke5",
252
343
  /* ----- Semantic ----- */
344
+ /* ----- Deprecated semantic aliases ----- */
253
345
  background: "--background",
254
346
  foreground: "--foreground",
255
347
  surface: "--surface",