@theroutingcompany/components 0.0.88-alpha.6 → 0.0.89

package/README.md

@@ -1,6 +1,6 @@
 # TRC TREX Component Library
 
-View the [StoryBook](design.dev.trc.dev).
+View the [StoryBook](https://component-library-poxjaz55ba-uc.a.run.app/).
 
 ## Developing Locally
 
@@ -43,9 +43,12 @@ npm run ready:release
 
 ## UI Libraries
 
-The component library is built on react-aria. Please migrate components away from Radix to react-aria if you have time.
+The component library is built on the following 'component primitive' UI libraries, low-level unstyled building blocks.
 
 - [react-aria](https://react-spectrum.adobe.com/react-aria/why.html)
+- [RadixUI](https://www.radix-ui.com/docs/primitives/overview/introduction)
+
+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.
 
 ## Styling
 
@@ -73,15 +76,21 @@ Similar to last point. Compound/composed components scale better.
 ❌
 
 ```jsx
-<ConfirmationModal
+<AlertDialog
   title='Header'
+  description='Optional description'
+  cancelButtonText='Close'
+  onCancel={() => {}}
+  confirmButtonText='Delete'
+  confirmButtonVariant='primary'
+  onDelete={() => {}}
   // ... and so on
 >
   <Text>
     Powering the next generation of transit We help build more sustainable
     cities with convenient and reliable transit for all
   </Text>
-</ConfirmationModal>
+</AlertDialog>
 ```
 
 ✅