@mindvalley/design-system 4.1.1 → 4.1.2

package/CHANGELOG.md

@@ -1,14 +1,22 @@
-## [4.1.1](https://github.com/mindvalley/mv-design-system/compare/v4.1.0...v4.1.1) (2026-02-05)
+## [4.1.2](https://github.com/mindvalley/mv-design-system/compare/v4.1.1...v4.1.2) (2026-02-06)
 
 
 ### Bug Fixes
 
-* Correct broken documentation links in README ([a129688](https://github.com/mindvalley/mv-design-system/commit/a129688a1b6f336938275076d01d3aa673e3cabb))
+* **icons:** Update docs template for GitHub markdown rendering ([3ad5c5b](https://github.com/mindvalley/mv-design-system/commit/3ad5c5b17e7390409ceba05cef3691dff2de6369))
 
 # Changelog
 
 All notable changes to this project will be documented in this file.
 
+## [4.1.1](https://github.com/mindvalley/mv-design-system/compare/v4.1.0...v4.1.1) (2026-02-05)
+
+
+### Bug Fixes
+
+* Correct broken documentation links in README ([a129688](https://github.com/mindvalley/mv-design-system/commit/a129688a1b6f336938275076d01d3aa673e3cabb))
+
+
 ## [4.1.0](https://github.com/mindvalley/mv-design-system/compare/v4.0.1...v4.1.0) (2026-01-23)
 
 ### Features
@@ -17,11 +25,31 @@ All notable changes to this project will be documented in this file.
   * Automatic responsive breakpoints: mobile (base) → tablet (768px) → desktop (1024px)
   * Variable font support with `wdth` (width) and `slnt` (slant) axes
   * 90+ typography utility classes with responsive behavior
-  * All class name maintained but with different values for google sans flex
   * New italic variants: `body-italic`, `body-bold-italic`, `body-large-italic`, etc.
-  * See [Typography GSF Guide](./docs/typography/setup.md) for usage
+  * See [Typography Setup Guide](./docs/typography/setup.md) for usage
+
+* **Tailwind CSS v4 Support**: Full compatibility with Tailwind v4's CSS-first approach
+  * Works with the `@config` directive
+  * CSS `@import` for Google Fonts supported
+
+### Migration
+
+* **1:1 Class Name Compatibility**: All typography class names are identical between Sharp Grotesk and Google Sans Flex — no markup changes required when migrating
+* **Side-by-Side Support**: Both typography systems can [run together](./docs/typography/migration.md#running-both-systems) in the same project for gradual migration
+* **3-Tier vs 2-Tier Responsive**: GSF includes tablet breakpoint (768px) that Sharp Grotesk does not have
+
+| System | Responsive Breakpoints |
+|--------|------------------------|
+| Sharp Grotesk (legacy) | mobile → desktop (2-tier) |
+| Google Sans Flex (new) | mobile → tablet (768px) → desktop (1024px) (3-tier) |
+
+See the [Migration Guide](./docs/typography/migration.md) for detailed instructions.
 
-**Quick Start:**
+### Deprecation
+
+* **Sharp Grotesk Typography**: Now frozen and will not receive future updates. New projects should use the `typography-gsf` plugin. Existing projects can continue using Sharp Grotesk or migrate at their own pace.
+
+**Quick Start (Tailwind v3):**
 
 ```typescript
 // tailwind.config.ts
@@ -32,12 +60,35 @@ export default {
 }
 ```
 
+**Quick Start (Tailwind v4):**
+
+```css
+/* app.css */
+@import "https://fonts.googleapis.com/css2?family=Google+Sans+Flex:wdth,wght@75..125,100..900&display=swap";
+
+@import "tailwindcss";
+
+@config "./tailwind.config.js";
+```
+
+```javascript
+// tailwind.config.js
+import typography from '@mindvalley/design-system/tailwind/plugins/typography-gsf'
+
+export default {
+  plugins: [typography({ brands: ['mindvalley'] })]
+}
+```
+
 ### Improvements
-* Improved internal fontFamily extraction for TypeScript format in font-face generator 
+
+* Improved internal fontFamily extraction for TypeScript format in font-face generator
 
 ### Documentation
 
 * Added `AGENTS.md` and reorganized typography docs under `docs/typography/`
+* Added [Typography Setup Guide](./docs/typography/setup.md) with framework examples (Next.js, Vite, Vue, Phoenix)
+* Added [Migration Guide](./docs/typography/migration.md) for transitioning from Sharp Grotesk to Google Sans Flex
 
 ## [4.0.1](https://github.com/mindvalley/mv-design-system/compare/v4.0.0...v4.0.1) (2026-01-05)