alouette 17.0.3 → 18.0.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [18.0.0](https://github.com/christophehurpeau/alouette/compare/alouette@17.0.3...alouette@18.0.0) (2026-02-25)
+
+### ⚠ BREAKING CHANGES
+
+* new major redesign
+
+### Features
+
+* enhance layout and styling in stories and components
+* new major redesign
+
 ## [17.0.3](https://github.com/christophehurpeau/alouette/compare/alouette@17.0.2...alouette@17.0.3) (2025-12-21)
 
 Version bump for dependency: alouette-icons

package/README.md

@@ -63,7 +63,7 @@ Alouette provides a comprehensive set of components following the atomic design
 
 #### Actions
 
-- `Button`: Primary interaction component with multiple variants
+- `Button`: brand interaction component with multiple variants
 - `IconButton`: Circular button optimized for icon display
 
 #### Containers
@@ -80,10 +80,6 @@ Alouette provides a comprehensive set of components following the atomic design
 - `Separator`: Visual divider with customizable orientation
 - `List`: Structured data display components
 
-#### Typography
-
-- `Typography`: Text component with semantic variants
-
 For detailed examples and API documentation, visit our [Storybook](https://www.chromatic.com/library?appId=679f9e8df3edc5f07975b64a).
 
 ### Icons
@@ -126,7 +122,7 @@ import { Button } from "alouette";
 function MyComponent() {
   return (
     <Button
-      theme="primary"
+      theme="brand"
       text="Click me"
       onPress={() => console.log("Clicked!")}
     />
@@ -142,22 +138,7 @@ import { ArrowLeftRegularIcon } from "alouette-icons/phosphor-icons/ArrowLeftReg
 
 function MyComponent() {
   return (
-    <Button theme="primary" icon={<ArrowLeftRegularIcon />} text="Go Back" />
-  );
-}
-```
-
-### Typography
-
-```tsx
-import { Typography } from "alouette";
-
-function MyComponent() {
-  return (
-    <>
-      <Typography variant="h1">Heading 1</Typography>
-      <Typography variant="body">Regular text content</Typography>
-    </>
+    <Button theme="brand" icon={<ArrowLeftRegularIcon />} text="Go Back" />
   );
 }
 ```