@northslopetech/altitude-ui 3.0.0-alpha.10 → 3.0.0-alpha.12

package/README.md

@@ -34,7 +34,7 @@ This package combines the best of both worlds:
 
 Components are built using:
 
-- **Radix UI**: For accessibility and behavior
+- **Base UI**: For accessibility and behavior
 - **class-variance-authority**: For type-safe variant management
 - **Tailwind CSS**: For styling with Altitude design tokens
 
@@ -50,7 +50,7 @@ This package includes the following components:
 - **Input** - Text input component with consistent styling
 - **Select** - Dropdown selection component with search capabilities
 - **Tabs** - Tab navigation component
-- **Typography** - Text components with design system typography tokens
+- **Text** - Text components with design system typography tokens
 - **Upload** - File upload component with drag and drop support
 
 ## Usage
@@ -106,7 +106,7 @@ The Button component uses Altitude design tokens:
 
 ### Checkbox
 
-The Checkbox component is built on Radix UI Checkbox with Altitude design tokens.
+The Checkbox component is built on Base UI Checkbox with Altitude design tokens.
 
 ```tsx
 import { Checkbox } from "@northslopetech/altitude-ui";
@@ -123,7 +123,7 @@ function Example() {
 
 #### Checkbox Props
 
-All standard Radix UI Checkbox attributes are supported, including:
+All standard Base UI Checkbox attributes are supported, including:
 
 - `checked` - Controlled checked state
 - `onCheckedChange` - Callback when checked state changes
@@ -132,7 +132,7 @@ All standard Radix UI Checkbox attributes are supported, including:
 
 ### asChild Pattern
 
-Use the `asChild` prop for composition with other components (powered by Radix UI Slot):
+Use the `asChild` prop for composition with other components:
 
 ```tsx
 import { Button } from "@northslopetech/altitude-ui";
@@ -292,20 +292,20 @@ function Example() {
 }
 ```
 
-### Typography
+### Text
 
 Pre-styled text components using design system typography tokens:
 
 ```tsx
-import { Typography } from "@northslopetech/altitude-ui";
+import { Text } from "@northslopetech/altitude-ui";
 
 function Example() {
   return (
     <div>
-      <Typography variant="display-3xl">Large Display Text</Typography>
-      <Typography variant="heading-lg">Section Heading</Typography>
-      <Typography variant="body-md">Body paragraph text</Typography>
-      <Typography variant="label-sm-bold">Form Label</Typography>
+      <Text variant="h1">Large Display Text</Text>
+      <Text variant="h5">Section Heading</Text>
+      <Text variant="body-md">Body paragraph text</Text>
+      <Text variant="label-sm-semibold">Form Label</Text>
     </div>
   );
 }