@vjdesigns/vjdesigns-ui 1.5.0 → 2.0.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 (107) hide show
  1. package/README.md +5 -4
  2. package/dist/ai/llms-full.txt +457 -448
  3. package/dist/ai/llms.txt +1 -1
  4. package/dist/ai/registry.json +126 -116
  5. package/dist/components/data-display/DataGrid/DataGrid.module.css.cjs.js +1 -1
  6. package/dist/components/data-display/DataGrid/DataGrid.module.css.mjs +1 -1
  7. package/dist/components/data-display/VirtualList/VirtualList.module.css.cjs.js +1 -1
  8. package/dist/components/data-display/VirtualList/VirtualList.module.css.mjs +1 -1
  9. package/dist/components/feedback/ErrorSummary/ErrorSummary.module.css.cjs.js +1 -1
  10. package/dist/components/feedback/ErrorSummary/ErrorSummary.module.css.mjs +1 -1
  11. package/dist/components/forms/DateTimePicker/DateTimePicker.module.css.cjs.js +1 -1
  12. package/dist/components/forms/DateTimePicker/DateTimePicker.module.css.mjs +1 -1
  13. package/dist/components/forms/Rating/Rating.module.css.cjs.js +1 -1
  14. package/dist/components/forms/Rating/Rating.module.css.mjs +1 -1
  15. package/dist/components/forms/TimePicker/TimePicker.module.css.cjs.js +1 -1
  16. package/dist/components/forms/TimePicker/TimePicker.module.css.mjs +1 -1
  17. package/dist/components/layout/ResizablePanels/ResizablePanels.cjs.js +1 -1
  18. package/dist/components/layout/ResizablePanels/ResizablePanels.mjs +1 -0
  19. package/dist/components/layout/ResizablePanels/ResizablePanels.module.css.cjs.js +1 -1
  20. package/dist/components/layout/ResizablePanels/ResizablePanels.module.css.mjs +1 -1
  21. package/dist/components/layout/ScrollArea/ScrollArea.module.css.cjs.js +1 -1
  22. package/dist/components/layout/ScrollArea/ScrollArea.module.css.mjs +1 -1
  23. package/dist/components/navigation/ContextMenu/ContextMenu.module.css.cjs.js +1 -1
  24. package/dist/components/navigation/ContextMenu/ContextMenu.module.css.mjs +1 -1
  25. package/dist/components/overlays/HoverCard/HoverCard.module.css.cjs.js +1 -1
  26. package/dist/components/overlays/HoverCard/HoverCard.module.css.mjs +2 -2
  27. package/dist/components/primitives/Button/Button.cjs.js +1 -1
  28. package/dist/components/primitives/Button/Button.mjs +37 -37
  29. package/dist/components/utilities/LocaleProvider/LocaleProvider.module.css.cjs.js +1 -1
  30. package/dist/components/utilities/LocaleProvider/LocaleProvider.module.css.mjs +1 -1
  31. package/dist/components/utilities/Theme/Theme.cjs.js +1 -1
  32. package/dist/components/utilities/Theme/Theme.d.ts +6 -6
  33. package/dist/components/utilities/Theme/Theme.mjs +49 -45
  34. package/dist/hooks/useFormValidation.cjs.js +1 -1
  35. package/dist/hooks/useFormValidation.mjs +1 -1
  36. package/dist/i18n/en.cjs.js +1 -1
  37. package/dist/i18n/en.mjs +50 -0
  38. package/dist/i18n/types.d.ts +56 -0
  39. package/dist/index.cjs.js +1 -1
  40. package/dist/index.mjs +106 -106
  41. package/dist/locales/ar.cjs.js +1 -1
  42. package/dist/locales/ar.mjs +50 -0
  43. package/dist/locales/bn.cjs.js +1 -1
  44. package/dist/locales/bn.mjs +50 -0
  45. package/dist/locales/cs.cjs.js +1 -1
  46. package/dist/locales/cs.mjs +50 -0
  47. package/dist/locales/da.cjs.js +1 -1
  48. package/dist/locales/da.mjs +50 -0
  49. package/dist/locales/de.cjs.js +1 -1
  50. package/dist/locales/de.mjs +50 -0
  51. package/dist/locales/el.cjs.js +1 -1
  52. package/dist/locales/el.mjs +50 -0
  53. package/dist/locales/es.cjs.js +1 -1
  54. package/dist/locales/es.mjs +50 -0
  55. package/dist/locales/fa.cjs.js +1 -1
  56. package/dist/locales/fa.mjs +50 -0
  57. package/dist/locales/fi.cjs.js +1 -1
  58. package/dist/locales/fi.mjs +50 -0
  59. package/dist/locales/fr.cjs.js +1 -1
  60. package/dist/locales/fr.mjs +50 -0
  61. package/dist/locales/he.cjs.js +1 -1
  62. package/dist/locales/he.mjs +50 -0
  63. package/dist/locales/hi.cjs.js +1 -1
  64. package/dist/locales/hi.mjs +50 -0
  65. package/dist/locales/hu.cjs.js +1 -1
  66. package/dist/locales/hu.mjs +50 -0
  67. package/dist/locales/id.cjs.js +1 -1
  68. package/dist/locales/id.mjs +50 -0
  69. package/dist/locales/it.cjs.js +1 -1
  70. package/dist/locales/it.mjs +50 -0
  71. package/dist/locales/ja.cjs.js +1 -1
  72. package/dist/locales/ja.mjs +50 -0
  73. package/dist/locales/ko.cjs.js +1 -1
  74. package/dist/locales/ko.mjs +50 -0
  75. package/dist/locales/nb.cjs.js +1 -1
  76. package/dist/locales/nb.mjs +50 -0
  77. package/dist/locales/nl.cjs.js +1 -1
  78. package/dist/locales/nl.mjs +50 -0
  79. package/dist/locales/pl.cjs.js +1 -1
  80. package/dist/locales/pl.mjs +50 -0
  81. package/dist/locales/pt-BR.cjs.js +1 -1
  82. package/dist/locales/pt-BR.mjs +50 -0
  83. package/dist/locales/ro.cjs.js +1 -1
  84. package/dist/locales/ro.mjs +50 -0
  85. package/dist/locales/ru.cjs.js +1 -1
  86. package/dist/locales/ru.mjs +50 -0
  87. package/dist/locales/sv.cjs.js +1 -1
  88. package/dist/locales/sv.mjs +50 -0
  89. package/dist/locales/th.cjs.js +1 -1
  90. package/dist/locales/th.mjs +50 -0
  91. package/dist/locales/tr.cjs.js +1 -1
  92. package/dist/locales/tr.mjs +50 -0
  93. package/dist/locales/uk.cjs.js +1 -1
  94. package/dist/locales/uk.mjs +50 -0
  95. package/dist/locales/ur.cjs.js +1 -1
  96. package/dist/locales/ur.mjs +50 -0
  97. package/dist/locales/vi.cjs.js +1 -1
  98. package/dist/locales/vi.mjs +50 -0
  99. package/dist/locales/zh-Hans.cjs.js +1 -1
  100. package/dist/locales/zh-Hans.mjs +50 -0
  101. package/dist/locales/zh-Hant.cjs.js +1 -1
  102. package/dist/locales/zh-Hant.mjs +50 -0
  103. package/dist/utils/brandPalette.cjs.js +3 -3
  104. package/dist/utils/brandPalette.d.ts +4 -2
  105. package/dist/utils/brandPalette.mjs +20 -20
  106. package/dist/vjdesigns-ui.css +1 -1
  107. package/package.json +1 -1
package/README.md CHANGED
@@ -282,13 +282,13 @@ import { Theme, Button } from "@vjdesigns/vjdesigns-ui";
282
282
  | --- | --- | --- | --- |
283
283
  | `mode` | `"light" \| "dark"` | inherited | Color mode for everything inside. |
284
284
  | `brand` | `"black" \| "blue" \| "gold" \| "green" \| "purple"`, a hex color, or `{ light, dark }` | inherited | Brand palette for buttons, links, focus rings and indicators. |
285
- | `accent` | `"brand" | "volt"`, a hex color, or `{ light, dark }` | inherited (the brand's own) | The bright highlight on badges, switches, progress bars, sliders, steppers, and active navigation. |
285
+ | `accent` | `"brand" | "lime"`, a hex color, or `{ light, dark }` | inherited (the brand's own) | The bright highlight on badges, switches, progress bars, sliders, steppers, and active navigation. |
286
286
  | `fill` | `boolean` | `false` | Paints the theme's background and text color on the wrapper. |
287
287
 
288
288
  Outside React (or to theme the whole page), set the attributes on `<html>` instead:
289
289
 
290
290
  ```html
291
- <html data-theme="dark" data-brand="purple" data-accent="volt">
291
+ <html data-theme="dark" data-brand="purple" data-accent="lime">
292
292
  ```
293
293
 
294
294
  ### Accent color
@@ -301,13 +301,13 @@ The accent is the energetic highlight: badges, switches, progress bars, sliders,
301
301
  | `purple` | lavender `#c0b0ff` |
302
302
  | `gold` | amber `#f5ad5f` |
303
303
  | `green` | mint `#72d4ad` |
304
- | `black` | volt `#c8f031` (black has no hue to build on) |
304
+ | `black` | lime `#c8f031` (black has no hue to build on) |
305
305
  | a custom hex | generated from that color |
306
306
 
307
307
  To choose a different one:
308
308
 
309
309
  ```tsx
310
- <Theme accent="volt">…</Theme> // the original bright yellow-green
310
+ <Theme accent="lime">…</Theme> // the original bright yellow-green ("volt", its former name, still works)
311
311
  <Theme accent="#ff6b00">…</Theme> // any color
312
312
  <Theme accent="brand">…</Theme> // back to the brand's own, inside an area with another accent
313
313
  ```
@@ -679,6 +679,7 @@ Everything above is free. `@vjdesigns/vjdesigns-ui-pro` is a commercial add-on f
679
679
  - **DataGridPro:** everything `DataGrid` does, plus resizable columns (pointer and keyboard), saved column layouts, and columns pinned to either edge.
680
680
  - **CSV export:** export exactly what a grid shows, safe to open in a spreadsheet.
681
681
  - **Charts:** accessible `BarChart` and `LineChart`: keyboard-navigable points with spoken values, a data table view, color-blind-safe series colors, and High Contrast support.
682
+ - **Account forms:** ready-made sign-in, sign-up, forgot-password, reset-password, and verification-code forms that you connect to your own backend, with validation, autofill, passkey support, and safe error messages built in.
682
683
  - **Figma kit:** a plugin that creates the library's variables (brands, light and dark themes, spacing, type) and shadow styles in Figma, generated from the same tokens as the code, plus W3C design token files.
683
684
 
684
685
  It uses the same tokens, themes, languages, and accessibility standard as the free package.