@bcgov/design-system-react-components 0.7.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.
- package/README.md +39 -34
- package/dist/cjs/index.cjs +27202 -24346
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/esm/index.js +27433 -24585
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +128 -84
- package/package.json +41 -31
package/README.md
CHANGED
|
@@ -66,40 +66,43 @@ export default function App() {
|
|
|
66
66
|
|
|
67
67
|
## Component list
|
|
68
68
|
|
|
69
|
-
| Component
|
|
70
|
-
|
|
|
71
|
-
| AlertBanner
|
|
72
|
-
| AlertDialog
|
|
73
|
-
| Accordion
|
|
74
|
-
| AccordionGroup
|
|
75
|
-
| Button
|
|
76
|
-
| ButtonGroup
|
|
77
|
-
| Calendar
|
|
78
|
-
| Callout
|
|
79
|
-
| Checkbox
|
|
80
|
-
| CheckboxGroup
|
|
81
|
-
| DatePicker
|
|
82
|
-
| Dialog
|
|
83
|
-
| Footer
|
|
84
|
-
| Form
|
|
85
|
-
| Header
|
|
86
|
-
| Heading
|
|
87
|
-
| InlineAlert
|
|
88
|
-
|
|
|
89
|
-
|
|
|
90
|
-
|
|
|
91
|
-
|
|
|
92
|
-
|
|
|
93
|
-
|
|
|
94
|
-
|
|
|
95
|
-
|
|
|
96
|
-
|
|
|
97
|
-
|
|
|
98
|
-
|
|
|
99
|
-
|
|
|
100
|
-
|
|
|
101
|
-
|
|
|
102
|
-
|
|
|
69
|
+
| Component | React Aria docs link |
|
|
70
|
+
| --------------------------------------------------------------------------- | ---------------------------------------------- |
|
|
71
|
+
| AlertBanner | N/A |
|
|
72
|
+
| AlertDialog | N/A |
|
|
73
|
+
| Accordion | https://react-aria.adobe.com/Disclosure |
|
|
74
|
+
| AccordionGroup | https://react-aria.adobe.com/DisclosureGroup |
|
|
75
|
+
| Button | https://react-aria.adobe.com/Button |
|
|
76
|
+
| ButtonGroup | N/A |
|
|
77
|
+
| Calendar | https://react-aria.adobe.com/Calendar |
|
|
78
|
+
| Callout | N/A |
|
|
79
|
+
| Checkbox | https://react-aria.adobe.com/Checkbox |
|
|
80
|
+
| CheckboxGroup | https://react-aria.adobe.com/CheckboxGroup |
|
|
81
|
+
| DatePicker | https://react-aria.adobe.com/DatePicker |
|
|
82
|
+
| Dialog | https://react-aria.adobe.com/Dialog |
|
|
83
|
+
| Footer | N/A |
|
|
84
|
+
| Form | https://react-aria.adobe.com/Form |
|
|
85
|
+
| Header | N/A |
|
|
86
|
+
| Heading | https://react-spectrum.adobe.com/v3/Heading |
|
|
87
|
+
| InlineAlert | N/A |
|
|
88
|
+
| Menu, MenuItem, MenuTrigger, SubmenuTrigger, MenuSection, MenuSectionHeader | https://react-aria.adobe.com/Menu |
|
|
89
|
+
| Modal | https://react-aria.adobe.com/Modal |
|
|
90
|
+
| Link | https://react-spectrum.adobe.com/v3/Link |
|
|
91
|
+
| NumberField | https://react-aria.adobe.com/NumberField |
|
|
92
|
+
| ProgressBar | https://react-aria.adobe.com/ProgressBar |
|
|
93
|
+
| ProgressCircle | https://react-aria.adobe.com/ProgressBar |
|
|
94
|
+
| RadioGroup, Radio | https://react-aria.adobe.com/RadioGroup |
|
|
95
|
+
| Select | https://react-aria.adobe.com/Select |
|
|
96
|
+
| Separator | https://react-aria.adobe.com/Separator |
|
|
97
|
+
| Subheader | N/A |
|
|
98
|
+
| Switch | https://react-aria.adobe.com/Switch |
|
|
99
|
+
| TagGroup, TagList, Tag | https://react-aria.adobe.com/TagGroup |
|
|
100
|
+
| Text | https://react-spectrum.adobe.com/v3/Text |
|
|
101
|
+
| TextArea, TextField | https://react-aria.adobe.com/TextField |
|
|
102
|
+
| TimeField | https://react-aria.adobe.com/TimeField |
|
|
103
|
+
| ToggleButton | https://react-aria.adobe.com/ToggleButton |
|
|
104
|
+
| ToggleButtonGroup | https://react-aria.adobe.com/ToggleButtonGroup |
|
|
105
|
+
| Tooltip, TooltipTrigger | https://react-aria.adobe.com/Tooltip |
|
|
103
106
|
|
|
104
107
|
## Supported React versions
|
|
105
108
|
|
|
@@ -123,6 +126,8 @@ This project follows semantic versioning. See [CHANGELOG.md](./CHANGELOG.md) for
|
|
|
123
126
|
|
|
124
127
|
Components live in `./src/components` and are targeted by the build process with an export in `./src/index.ts`.
|
|
125
128
|
|
|
129
|
+
The `*.figma.tsx` files alongside each component are used to map component props to their counterpart properties in Figma via [Code Connect](https://help.figma.com/hc/en-us/articles/23920389749655-Code-Connect).
|
|
130
|
+
|
|
126
131
|
#### Testing components with Vitest
|
|
127
132
|
|
|
128
133
|
Unit tests can be run with Vitest using `npm run test`. Use `npm run test:watch` to run Vitest in watch mode.
|