@robr0/design-system 0.2.0 → 0.3.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 (66) hide show
  1. package/README.md +8 -6
  2. package/components/Accordion/Accordion.js +0 -1
  3. package/components/Avatar/Avatar.js +1 -0
  4. package/components/Breadcrumb/Breadcrumb.d.ts +7 -1
  5. package/components/Breadcrumb/Breadcrumb.js +3 -2
  6. package/components/Button/Button.css +18 -0
  7. package/components/Button/Button.d.ts +6 -0
  8. package/components/Button/Button.js +13 -3
  9. package/components/Card/Card.css +6 -0
  10. package/components/CircularButton/CircularButton.css +11 -0
  11. package/components/CircularButton/CircularButton.d.ts +7 -1
  12. package/components/CircularButton/CircularButton.js +15 -4
  13. package/components/CodeBlock/CodeBlock.js +10 -1
  14. package/components/ColorPicker/ColorPicker.css +278 -0
  15. package/components/ColorPicker/ColorPicker.d.ts +50 -0
  16. package/components/ColorPicker/ColorPicker.js +338 -0
  17. package/components/Combobox/Combobox.css +0 -36
  18. package/components/Combobox/Combobox.js +90 -82
  19. package/components/CommandPalette/CommandPalette.css +1 -15
  20. package/components/CommandPalette/CommandPalette.js +6 -5
  21. package/components/ContextMenu/ContextMenu.css +262 -0
  22. package/components/ContextMenu/ContextMenu.d.ts +26 -0
  23. package/components/ContextMenu/ContextMenu.js +350 -0
  24. package/components/DateInput/DateInput.css +0 -36
  25. package/components/DateInput/DateInput.js +37 -33
  26. package/components/DatePicker/DatePicker.js +45 -34
  27. package/components/Dialog/Dialog.js +5 -4
  28. package/components/Drawer/Drawer.js +7 -2
  29. package/components/Dropdown/Dropdown.css +0 -36
  30. package/components/Dropdown/Dropdown.js +119 -109
  31. package/components/DropdownMenu/DropdownMenu.js +10 -7
  32. package/components/Field/Field.css +80 -0
  33. package/components/Field/Field.d.ts +50 -0
  34. package/components/Field/Field.js +58 -0
  35. package/components/Field/FieldContext.d.ts +42 -0
  36. package/components/Field/FieldContext.js +7 -0
  37. package/components/FileInput/FileInput.css +0 -36
  38. package/components/FileInput/FileInput.js +111 -103
  39. package/components/Input/Input.css +0 -43
  40. package/components/Input/Input.js +51 -46
  41. package/components/Kbd/Kbd.css +28 -0
  42. package/components/Kbd/Kbd.d.ts +19 -0
  43. package/components/Kbd/Kbd.js +14 -0
  44. package/components/Popover/Popover.d.ts +0 -6
  45. package/components/Popover/Popover.js +22 -16
  46. package/components/ProgressBar/ProgressBar.js +1 -1
  47. package/components/SelectionCard/SelectionCard.css +6 -2
  48. package/components/Skeleton/Skeleton.css +2 -0
  49. package/components/Spinner/Spinner.css +11 -0
  50. package/components/Spinner/Spinner.d.ts +2 -2
  51. package/components/Swatch/Swatch.css +52 -0
  52. package/components/Swatch/Swatch.d.ts +34 -0
  53. package/components/Swatch/Swatch.js +44 -0
  54. package/components/Table/Table.css +19 -0
  55. package/components/Table/Table.js +1 -1
  56. package/components/Textarea/Textarea.css +0 -43
  57. package/components/Textarea/Textarea.js +37 -35
  58. package/components/ToggleSwitch/ToggleSwitch.css +7 -2
  59. package/components/registry.d.ts +47 -10
  60. package/components/registry.js +5 -1
  61. package/components/registry.json +498 -56
  62. package/components/registry.json.d.ts +498 -56
  63. package/components/registry.json.js +4 -1
  64. package/index.d.ts +8 -1
  65. package/index.js +16 -1
  66. package/package.json +1 -1
package/index.js CHANGED
@@ -14,9 +14,11 @@ import { Checkbox, CheckboxGroup } from "./components/Checkbox/Checkbox.js";
14
14
  import { Chip } from "./components/Chip/Chip.js";
15
15
  import { CircularButton } from "./components/CircularButton/CircularButton.js";
16
16
  import { CodeBlock } from "./components/CodeBlock/CodeBlock.js";
17
+ import { ColorPicker } from "./components/ColorPicker/ColorPicker.js";
17
18
  import { Combobox } from "./components/Combobox/Combobox.js";
18
19
  import { CommandPalette } from "./components/CommandPalette/CommandPalette.js";
19
20
  import { ContactCard } from "./components/ContactCard/ContactCard.js";
21
+ import { ContextMenu } from "./components/ContextMenu/ContextMenu.js";
20
22
  import { ContributionGraph } from "./components/ContributionGraph/ContributionGraph.js";
21
23
  import { DateInput } from "./components/DateInput/DateInput.js";
22
24
  import { DatePicker } from "./components/DatePicker/DatePicker.js";
@@ -27,10 +29,13 @@ import { Dropdown } from "./components/Dropdown/Dropdown.js";
27
29
  import { DropdownMenu } from "./components/DropdownMenu/DropdownMenu.js";
28
30
  import { EmptyState } from "./components/EmptyState/EmptyState.js";
29
31
  import { EntityCard } from "./components/EntityCard/EntityCard.js";
32
+ import { Field } from "./components/Field/Field.js";
33
+ import { FieldContext, useField } from "./components/Field/FieldContext.js";
30
34
  import { Figure } from "./components/Figure/Figure.js";
31
35
  import { FileInput } from "./components/FileInput/FileInput.js";
32
36
  import { Input } from "./components/Input/Input.js";
33
37
  import { Instructions } from "./components/Instructions/Instructions.js";
38
+ import { Kbd } from "./components/Kbd/Kbd.js";
34
39
  import { LinkList } from "./components/LinkList/LinkList.js";
35
40
  import { Nav } from "./components/Nav/Nav.js";
36
41
  import { Pagination } from "./components/Pagination/Pagination.js";
@@ -45,6 +50,7 @@ import { Skeleton } from "./components/Skeleton/Skeleton.js";
45
50
  import { Slider } from "./components/Slider/Slider.js";
46
51
  import { Spinner } from "./components/Spinner/Spinner.js";
47
52
  import { Stat } from "./components/Stat/Stat.js";
53
+ import { Swatch } from "./components/Swatch/Swatch.js";
48
54
  import { Table } from "./components/Table/Table.js";
49
55
  import { Tabs } from "./components/Tabs/Tabs.js";
50
56
  import { Textarea } from "./components/Textarea/Textarea.js";
@@ -53,7 +59,7 @@ import { Toast, ToastProvider, useToast } from "./components/Toast/Toast.js";
53
59
  import { ToggleGroup } from "./components/ToggleGroup/ToggleGroup.js";
54
60
  import { ToggleSwitch } from "./components/ToggleSwitch/ToggleSwitch.js";
55
61
  import { Tooltip } from "./components/Tooltip/Tooltip.js";
56
- import { COMPONENT_COUNT, componentRegistry } from "./components/registry.js";
62
+ import { COMPONENT_COUNT, componentCategories, componentMetadata, componentRegistry } from "./components/registry.js";
57
63
  import { TOKEN_COUNT, TOKEN_COUNTS, tokenRegistry } from "./tokens/registry.js";
58
64
  export {
59
65
  Accordion,
@@ -74,9 +80,11 @@ export {
74
80
  Chip,
75
81
  CircularButton,
76
82
  CodeBlock,
83
+ ColorPicker,
77
84
  Combobox,
78
85
  CommandPalette,
79
86
  ContactCard,
87
+ ContextMenu,
80
88
  ContributionGraph,
81
89
  DateInput,
82
90
  DatePicker,
@@ -87,10 +95,13 @@ export {
87
95
  DropdownMenu,
88
96
  EmptyState,
89
97
  EntityCard,
98
+ Field,
99
+ FieldContext,
90
100
  Figure,
91
101
  FileInput,
92
102
  Input,
93
103
  Instructions,
104
+ Kbd,
94
105
  LinkList,
95
106
  Nav,
96
107
  Pagination,
@@ -106,6 +117,7 @@ export {
106
117
  Slider,
107
118
  Spinner,
108
119
  Stat,
120
+ Swatch,
109
121
  TOKEN_COUNT,
110
122
  TOKEN_COUNTS,
111
123
  Table,
@@ -117,7 +129,10 @@ export {
117
129
  ToggleGroup,
118
130
  ToggleSwitch,
119
131
  Tooltip,
132
+ componentCategories,
133
+ componentMetadata,
120
134
  componentRegistry,
121
135
  tokenRegistry,
136
+ useField,
122
137
  useToast
123
138
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@robr0/design-system",
3
- "version": "0.2.0",
3
+ "version": "0.3.0",
4
4
  "description": "A token-driven React design system — accessible components, light/dark theming, and CSS-variable customization.",
5
5
  "license": "MIT",
6
6
  "repository": {