@theroutingcompany/components 0.0.87 → 0.0.88-alpha.2
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 +3 -10
- package/dist/trc-components.es.js +18050 -18599
- package/dist/trc-components.es.js.map +1 -1
- package/dist/trc-components.umd.js +597 -600
- package/dist/trc-components.umd.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/types/components/InputDateTime/Calendar/Calendar.d.ts +7 -0
- package/types/components/{Calendar → InputDateTime/Calendar}/index.d.ts +0 -1
- package/types/components/InputDateTime/DateTimeInput/DateTimeInput.d.ts +37 -0
- package/types/components/InputDateTime/TimeInput/TimeInput.d.ts +18 -0
- package/types/components/ListBox/ListBox.d.ts +2 -0
- package/types/components/SingleSelect/SingleSelect.d.ts +1 -1
- package/types/components/index.d.ts +3 -3
- package/types/components/Calendar/Calendar.d.ts +0 -5
- package/types/components/Calendar/TimeDateSelect.d.ts +0 -31
- package/types/components/Input/DateInput/DateInput.d.ts +0 -18
- package/types/components/Input/TimeInput/TimeInput.d.ts +0 -15
- package/types/components/Table/Table.d.ts +0 -4
- /package/types/components/{Calendar → InputDateTime/Calendar}/CalendarCell.d.ts +0 -0
- /package/types/components/{Calendar → InputDateTime/Calendar}/CalendarGrid.d.ts +0 -0
- /package/types/components/{Calendar → InputDateTime/Calendar}/CalendarHeader.d.ts +0 -0
- /package/types/components/{Calendar → InputDateTime/Calendar}/RangeCalendar.d.ts +0 -0
package/README.md
CHANGED
|
@@ -43,10 +43,9 @@ npm run ready:release
|
|
|
43
43
|
|
|
44
44
|
## UI Libraries
|
|
45
45
|
|
|
46
|
-
The component library is built on
|
|
46
|
+
The component library is built on react-aria. Please migrate components away from Radix to react-aria if you have time.
|
|
47
47
|
|
|
48
48
|
- [react-aria](https://react-spectrum.adobe.com/react-aria/why.html)
|
|
49
|
-
- [RadixUI](https://www.radix-ui.com/docs/primitives/overview/introduction)
|
|
50
49
|
|
|
51
50
|
They are similar in spirit but take a slightly different approach. Radix follows a component-based approach, while react-aria takes a hook-based approach. Either is acceptable if the solution meets the UI/UX requirements we need.
|
|
52
51
|
|
|
@@ -76,21 +75,15 @@ Similar to last point. Compound/composed components scale better.
|
|
|
76
75
|
❌
|
|
77
76
|
|
|
78
77
|
```jsx
|
|
79
|
-
<
|
|
78
|
+
<ConfirmationModal
|
|
80
79
|
title='Header'
|
|
81
|
-
description='Optional description'
|
|
82
|
-
cancelButtonText='Close'
|
|
83
|
-
onCancel={() => {}}
|
|
84
|
-
confirmButtonText='Delete'
|
|
85
|
-
confirmButtonVariant='primary'
|
|
86
|
-
onDelete={() => {}}
|
|
87
80
|
// ... and so on
|
|
88
81
|
>
|
|
89
82
|
<Text>
|
|
90
83
|
Powering the next generation of transit We help build more sustainable
|
|
91
84
|
cities with convenient and reliable transit for all
|
|
92
85
|
</Text>
|
|
93
|
-
</
|
|
86
|
+
</ConfirmationModal>
|
|
94
87
|
```
|
|
95
88
|
|
|
96
89
|
✅
|