@mindvalley/design-system 4.1.1 → 4.2.0

package/CHANGELOG.md

@@ -1,14 +1,56 @@
-## [4.1.1](https://github.com/mindvalley/mv-design-system/compare/v4.1.0...v4.1.1) (2026-02-05)
+# [4.2.0](https://github.com/mindvalley/mv-design-system/compare/v4.1.2...v4.2.0) (2026-02-19)
 
 
-### Bug Fixes
+### Features
 
-* Correct broken documentation links in README ([a129688](https://github.com/mindvalley/mv-design-system/commit/a129688a1b6f336938275076d01d3aa673e3cabb))
+* Update body-large typography and add body-medium token ([#151](https://github.com/mindvalley/mv-design-system/issues/151)) ([6671adf](https://github.com/mindvalley/mv-design-system/commit/6671adffb99fe2a78a40e264f773d96ac7eef337))
+* Updated body-large- ([6671adf](https://github.com/mindvalley/mv-design-system/commit/6671adffb99fe2a78a40e264f773d96ac7eef337))
 
 # Changelog
 
 All notable changes to this project will be documented in this file.
 
+## [4.1.2](https://github.com/mindvalley/mv-design-system/compare/v4.1.1...v4.1.2) (2026-02-06)
+
+
+### Features
+
+* **icons:** Added 46 new icons across both Mindvalley and B2B brands ([3ad5c5b](https://github.com/mindvalley/mv-design-system/commit/3ad5c5b17e7390409ceba05cef3691dff2de6369))
+
+  | Category | Icons |
+  |----------|-------|
+  | AI & Voice | ai-chat, ai-chat-2, ai-sparkle, ai-sparkle-2, ai-sparkle-3, ai-voice, ai-voice-2, ai-voice-3 |
+  | Media & Playback | airplay, audio-2, loop-1, loop-2, music-x, record-circle, replay-circle, stop, vocal |
+  | Content & UI | caption-2, caption-2-x, caption-bubble, caption-bubble-x, content-collapse-2, content-collapse-3, content-expand-2, content-expand-3, flip, pin-remove |
+  | Objects & Items | bar-code, books, devices, guide, herb, pills, salad, star-circle |
+  | Calendar | calendar-add-minimal, calendar-past |
+  | Communication | eve-send-1, eve-send-2 |
+  | Phone | phone-ai |
+  | User | user-sparkle |
+  | Brand | hynosis, mv-u, threads |
+
+  All icons include both `filled` and `outlined` variants. Some media icons also include `on-filled` and `on-outlined` states.
+
+### Improvements
+
+* **icons:** SVGO optimizations applied to 2,638 existing icons ([3ad5c5b](https://github.com/mindvalley/mv-design-system/commit/3ad5c5b17e7390409ceba05cef3691dff2de6369))
+  * Attribute reordering (`xmlns` moved to front)
+  * `fill` attribute positioned inline
+  * Minor path syntax cleanup
+  * No visual changes — purely optimization
+
+### Bug Fixes
+
+* **icons:** Update docs template for GitHub markdown rendering ([3ad5c5b](https://github.com/mindvalley/mv-design-system/commit/3ad5c5b17e7390409ceba05cef3691dff2de6369))
+
+## [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 +59,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
 
-**Quick Start:**
+| 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.
+
+### 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 +94,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)