@vertebr/react 0.6.0 → 0.8.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 (58) hide show
  1. package/dist/components/admin/AdminContent.d.ts +2 -1
  2. package/dist/components/admin/AdminContent.d.ts.map +1 -1
  3. package/dist/components/admin/AdminContent.js +10 -2
  4. package/dist/components/admin/AdminHeader.d.ts +3 -2
  5. package/dist/components/admin/AdminHeader.d.ts.map +1 -1
  6. package/dist/components/admin/AdminHeader.js +5 -3
  7. package/dist/components/admin/AdminSaveBar.d.ts +2 -0
  8. package/dist/components/admin/AdminSaveBar.d.ts.map +1 -0
  9. package/dist/components/admin/AdminSaveBar.js +10 -0
  10. package/dist/components/admin/AdminSidebar.d.ts +2 -20
  11. package/dist/components/admin/AdminSidebar.d.ts.map +1 -1
  12. package/dist/components/admin/AdminSidebar.js +8 -12
  13. package/dist/components/admin/AdminToastStack.d.ts +2 -0
  14. package/dist/components/admin/AdminToastStack.d.ts.map +1 -0
  15. package/dist/components/admin/AdminToastStack.js +8 -0
  16. package/dist/components/admin/AdminTopBar.d.ts +24 -0
  17. package/dist/components/admin/AdminTopBar.d.ts.map +1 -0
  18. package/dist/components/admin/AdminTopBar.js +7 -0
  19. package/dist/components/admin/VertebrAdmin.d.ts.map +1 -1
  20. package/dist/components/admin/VertebrAdmin.js +15 -1
  21. package/dist/components/admin/breadcrumbs.d.ts +8 -0
  22. package/dist/components/admin/breadcrumbs.d.ts.map +1 -0
  23. package/dist/components/admin/breadcrumbs.js +44 -0
  24. package/dist/components/admin/routes.d.ts.map +1 -1
  25. package/dist/components/admin/routes.js +9 -2
  26. package/dist/components/admin/types.d.ts +6 -0
  27. package/dist/components/admin/types.d.ts.map +1 -1
  28. package/dist/components/config/form/ConfigForm.d.ts.map +1 -1
  29. package/dist/components/config/form/ConfigForm.js +44 -7
  30. package/dist/components/fonts/FontPickerField.d.ts.map +1 -1
  31. package/dist/components/fonts/FontPickerField.js +12 -1
  32. package/dist/components/resources/ResourceTable.d.ts +3 -1
  33. package/dist/components/resources/ResourceTable.d.ts.map +1 -1
  34. package/dist/components/resources/ResourceTable.js +20 -5
  35. package/dist/components/ui/icons.d.ts +15 -0
  36. package/dist/components/ui/icons.d.ts.map +1 -0
  37. package/dist/components/ui/icons.js +60 -0
  38. package/dist/components/ui/primitives.d.ts +27 -0
  39. package/dist/components/ui/primitives.d.ts.map +1 -0
  40. package/dist/components/ui/primitives.js +16 -0
  41. package/dist/hooks/useSaveBar.d.ts +21 -0
  42. package/dist/hooks/useSaveBar.d.ts.map +1 -0
  43. package/dist/hooks/useSaveBar.js +30 -0
  44. package/dist/hooks/useToast.d.ts +18 -0
  45. package/dist/hooks/useToast.d.ts.map +1 -0
  46. package/dist/hooks/useToast.js +23 -0
  47. package/dist/styles/base.css +8 -14
  48. package/dist/styles/buttons.css +3 -12
  49. package/dist/styles/index.css +1 -0
  50. package/dist/styles/main.css +3 -7
  51. package/dist/styles/nav.css +3 -1
  52. package/dist/styles/shell.css +314 -0
  53. package/dist/styles/sidebar.css +26 -5
  54. package/dist/themes/dark.css +48 -46
  55. package/dist/themes/index.css +1 -0
  56. package/dist/themes/light.css +91 -85
  57. package/dist/themes/tokens.css +52 -0
  58. package/package.json +1 -1
@@ -0,0 +1,52 @@
1
+ /**
2
+ * Shared design tokens — spacing, type, elevation (theme-agnostic).
3
+ */
4
+ :root {
5
+ --vb-space-100: 0.25rem;
6
+ --vb-space-200: 0.5rem;
7
+ --vb-space-300: 0.75rem;
8
+ --vb-space-400: 1rem;
9
+ --vb-space-500: 1.25rem;
10
+ --vb-space-600: 1.5rem;
11
+ --vb-space-800: 2rem;
12
+ --vb-space-1000: 2.5rem;
13
+ --vb-space-1200: 3rem;
14
+
15
+ --vb-font-size-75: 0.75rem;
16
+ --vb-font-size-100: 0.8125rem;
17
+ --vb-font-size-200: 0.875rem;
18
+ --vb-font-size-300: 1rem;
19
+ --vb-font-size-400: 1.125rem;
20
+ --vb-font-size-500: 1.375rem;
21
+ --vb-font-size-600: 1.75rem;
22
+
23
+ --vb-font-weight-regular: 400;
24
+ --vb-font-weight-medium: 500;
25
+ --vb-font-weight-semibold: 600;
26
+
27
+ --vb-line-height-tight: 1.2;
28
+ --vb-line-height-normal: 1.45;
29
+ --vb-line-height-loose: 1.6;
30
+
31
+ --vb-radius-xs: 4px;
32
+ --vb-radius-sm: 6px;
33
+ --vb-radius-md: 8px;
34
+ --vb-radius-lg: 12px;
35
+ --vb-radius-full: 999px;
36
+
37
+ --vb-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
38
+ --vb-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
39
+ --vb-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12);
40
+
41
+ --vb-topbar-height: 3.25rem;
42
+ --vb-sidebar-width: 240px;
43
+ --vb-sidebar-width-collapsed: 4rem;
44
+ --vb-savebar-height: 3.5rem;
45
+
46
+ --vb-duration-fast: 120ms;
47
+ --vb-duration-normal: 200ms;
48
+ --vb-ease: cubic-bezier(0.4, 0, 0.2, 1);
49
+
50
+ --vb-font: "Inter", "IBM Plex Sans", system-ui, sans-serif;
51
+ --vb-mono: "IBM Plex Mono", ui-monospace, monospace;
52
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vertebr/react",
3
- "version": "0.6.0",
3
+ "version": "0.8.0",
4
4
  "description": "Vertebr admin dashboard UI",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",