@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.
- package/README.md +5 -4
- package/dist/ai/llms-full.txt +457 -448
- package/dist/ai/llms.txt +1 -1
- package/dist/ai/registry.json +126 -116
- package/dist/components/data-display/DataGrid/DataGrid.module.css.cjs.js +1 -1
- package/dist/components/data-display/DataGrid/DataGrid.module.css.mjs +1 -1
- package/dist/components/data-display/VirtualList/VirtualList.module.css.cjs.js +1 -1
- package/dist/components/data-display/VirtualList/VirtualList.module.css.mjs +1 -1
- package/dist/components/feedback/ErrorSummary/ErrorSummary.module.css.cjs.js +1 -1
- package/dist/components/feedback/ErrorSummary/ErrorSummary.module.css.mjs +1 -1
- package/dist/components/forms/DateTimePicker/DateTimePicker.module.css.cjs.js +1 -1
- package/dist/components/forms/DateTimePicker/DateTimePicker.module.css.mjs +1 -1
- package/dist/components/forms/Rating/Rating.module.css.cjs.js +1 -1
- package/dist/components/forms/Rating/Rating.module.css.mjs +1 -1
- package/dist/components/forms/TimePicker/TimePicker.module.css.cjs.js +1 -1
- package/dist/components/forms/TimePicker/TimePicker.module.css.mjs +1 -1
- package/dist/components/layout/ResizablePanels/ResizablePanels.cjs.js +1 -1
- package/dist/components/layout/ResizablePanels/ResizablePanels.mjs +1 -0
- package/dist/components/layout/ResizablePanels/ResizablePanels.module.css.cjs.js +1 -1
- package/dist/components/layout/ResizablePanels/ResizablePanels.module.css.mjs +1 -1
- package/dist/components/layout/ScrollArea/ScrollArea.module.css.cjs.js +1 -1
- package/dist/components/layout/ScrollArea/ScrollArea.module.css.mjs +1 -1
- package/dist/components/navigation/ContextMenu/ContextMenu.module.css.cjs.js +1 -1
- package/dist/components/navigation/ContextMenu/ContextMenu.module.css.mjs +1 -1
- package/dist/components/overlays/HoverCard/HoverCard.module.css.cjs.js +1 -1
- package/dist/components/overlays/HoverCard/HoverCard.module.css.mjs +2 -2
- package/dist/components/primitives/Button/Button.cjs.js +1 -1
- package/dist/components/primitives/Button/Button.mjs +37 -37
- package/dist/components/utilities/LocaleProvider/LocaleProvider.module.css.cjs.js +1 -1
- package/dist/components/utilities/LocaleProvider/LocaleProvider.module.css.mjs +1 -1
- package/dist/components/utilities/Theme/Theme.cjs.js +1 -1
- package/dist/components/utilities/Theme/Theme.d.ts +6 -6
- package/dist/components/utilities/Theme/Theme.mjs +49 -45
- package/dist/hooks/useFormValidation.cjs.js +1 -1
- package/dist/hooks/useFormValidation.mjs +1 -1
- package/dist/i18n/en.cjs.js +1 -1
- package/dist/i18n/en.mjs +50 -0
- package/dist/i18n/types.d.ts +56 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.mjs +106 -106
- package/dist/locales/ar.cjs.js +1 -1
- package/dist/locales/ar.mjs +50 -0
- package/dist/locales/bn.cjs.js +1 -1
- package/dist/locales/bn.mjs +50 -0
- package/dist/locales/cs.cjs.js +1 -1
- package/dist/locales/cs.mjs +50 -0
- package/dist/locales/da.cjs.js +1 -1
- package/dist/locales/da.mjs +50 -0
- package/dist/locales/de.cjs.js +1 -1
- package/dist/locales/de.mjs +50 -0
- package/dist/locales/el.cjs.js +1 -1
- package/dist/locales/el.mjs +50 -0
- package/dist/locales/es.cjs.js +1 -1
- package/dist/locales/es.mjs +50 -0
- package/dist/locales/fa.cjs.js +1 -1
- package/dist/locales/fa.mjs +50 -0
- package/dist/locales/fi.cjs.js +1 -1
- package/dist/locales/fi.mjs +50 -0
- package/dist/locales/fr.cjs.js +1 -1
- package/dist/locales/fr.mjs +50 -0
- package/dist/locales/he.cjs.js +1 -1
- package/dist/locales/he.mjs +50 -0
- package/dist/locales/hi.cjs.js +1 -1
- package/dist/locales/hi.mjs +50 -0
- package/dist/locales/hu.cjs.js +1 -1
- package/dist/locales/hu.mjs +50 -0
- package/dist/locales/id.cjs.js +1 -1
- package/dist/locales/id.mjs +50 -0
- package/dist/locales/it.cjs.js +1 -1
- package/dist/locales/it.mjs +50 -0
- package/dist/locales/ja.cjs.js +1 -1
- package/dist/locales/ja.mjs +50 -0
- package/dist/locales/ko.cjs.js +1 -1
- package/dist/locales/ko.mjs +50 -0
- package/dist/locales/nb.cjs.js +1 -1
- package/dist/locales/nb.mjs +50 -0
- package/dist/locales/nl.cjs.js +1 -1
- package/dist/locales/nl.mjs +50 -0
- package/dist/locales/pl.cjs.js +1 -1
- package/dist/locales/pl.mjs +50 -0
- package/dist/locales/pt-BR.cjs.js +1 -1
- package/dist/locales/pt-BR.mjs +50 -0
- package/dist/locales/ro.cjs.js +1 -1
- package/dist/locales/ro.mjs +50 -0
- package/dist/locales/ru.cjs.js +1 -1
- package/dist/locales/ru.mjs +50 -0
- package/dist/locales/sv.cjs.js +1 -1
- package/dist/locales/sv.mjs +50 -0
- package/dist/locales/th.cjs.js +1 -1
- package/dist/locales/th.mjs +50 -0
- package/dist/locales/tr.cjs.js +1 -1
- package/dist/locales/tr.mjs +50 -0
- package/dist/locales/uk.cjs.js +1 -1
- package/dist/locales/uk.mjs +50 -0
- package/dist/locales/ur.cjs.js +1 -1
- package/dist/locales/ur.mjs +50 -0
- package/dist/locales/vi.cjs.js +1 -1
- package/dist/locales/vi.mjs +50 -0
- package/dist/locales/zh-Hans.cjs.js +1 -1
- package/dist/locales/zh-Hans.mjs +50 -0
- package/dist/locales/zh-Hant.cjs.js +1 -1
- package/dist/locales/zh-Hant.mjs +50 -0
- package/dist/utils/brandPalette.cjs.js +3 -3
- package/dist/utils/brandPalette.d.ts +4 -2
- package/dist/utils/brandPalette.mjs +20 -20
- package/dist/vjdesigns-ui.css +1 -1
- 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" | "
|
|
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="
|
|
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` |
|
|
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="
|
|
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.
|