Release/17.0.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask/metamask-design-system",
-  "version": "16.0.0",
+  "version": "17.0.0",
   "private": true,
   "description": "The MetaMask Design System monorepo",
   "repository": {

packages/design-system-react-native/CHANGELOG.md

@@ -7,6 +7,25 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.5.0]
+
+### Changed
+
+- **BREAKING:** Update font file names from space-separated to hyphenated PostScript format for iOS Metro bundler compatibility ([#862](https://github.com/MetaMask/metamask-design-system/pull/862))
+  - Font file names changed: "Geist Regular.otf" → "Geist-Regular.otf", "Geist Medium.otf" → "Geist-Medium.otf", "Geist Bold.otf" → "Geist-Bold.otf"
+  - Fixes Metro bundler asset resolution issues on iOS that prevented fonts from loading correctly
+  - If using `@metamask/design-system-react-native` components as intended, fonts automatically load correctly with no migration needed
+  - If manually referencing font file paths in custom code, update all references to use hyphenated file names instead of space-separated names
+  - Android is unaffected by this change
+- Updated `@metamask/utils` peer dependency from 11.8.0 to 11.8.1 ([#838](https://github.com/MetaMask/metamask-design-system/pull/838))
+
+### Fixed
+
+- Export missing `TextButtonSize` enum from package entry point for TypeScript type safety ([#848](https://github.com/MetaMask/metamask-design-system/pull/848))
+  - The `TextButtonSize` enum is now properly exported and accessible for imports
+  - Developers can now use typed enums instead of string literals: `import { TextButton, TextButtonSize } from '@metamask/design-system-react-native'` and `<TextButton size={TextButtonSize.Medium} />`
+  - This is a non-breaking, additive change that improves type safety
+
 ## [0.4.1]
 
 ### Fixed
@@ -83,7 +102,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Full TypeScript support with type definitions and enums
 - React Native integration with TWRNC preset support
 
-[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/[email protected]
+[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/[email protected]
+[0.5.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/[email protected]...@metamask/[email protected]
 [0.4.1]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/[email protected]...@metamask/[email protected]
 [0.4.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/[email protected]...@metamask/[email protected]
 [0.3.1]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/[email protected]...@metamask/[email protected]

packages/design-system-react-native/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask/design-system-react-native",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "description": "Design System React Native",
   "keywords": [
     "MetaMask",
@@ -87,7 +87,7 @@
     "typescript": "~5.2.2"
   },
   "peerDependencies": {
-    "@metamask/design-system-twrnc-preset": "^0.2.0",
+    "@metamask/design-system-twrnc-preset": "^0.3.0",
     "@metamask/design-tokens": "^8.1.0",
     "@metamask/utils": "^11.8.1",
     "react": ">=18.2.0",

packages/design-system-react/CHANGELOG.md

@@ -7,6 +7,20 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.6.0]
+
+### Added
+
+- Add `ButtonHero` component for prominent call-to-action buttons in hero sections and landing pages ([#843](https://github.com/MetaMask/metamask-design-system/pull/843))
+  - Extends base Button component with all standard `ButtonBase` props (`variant`, `size`, `disabled`, etc.) plus additional styling optimized for large, attention-grabbing CTAs
+  - Import and use like standard Button: `import { ButtonHero } from '@metamask/design-system-react'`
+  - Provides consistent, accessible hero button pattern across MetaMask applications
+  - Fully typed with `ButtonHeroProps` interface
+
+### Changed
+
+- Updated `@metamask/utils` peer dependency from 11.8.0 to 11.8.1 ([#838](https://github.com/MetaMask/metamask-design-system/pull/838))
+
 ## [0.5.0]
 
 ### Added
@@ -95,7 +109,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Full TypeScript support with type definitions and enums
 - Tailwind CSS integration with design token support
 
-[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/[email protected]
+[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/[email protected]
+[0.6.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/[email protected]...@metamask/[email protected]
 [0.5.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/[email protected]...@metamask/[email protected]
 [0.4.1]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/[email protected]...@metamask/[email protected]
 [0.4.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/[email protected]...@metamask/[email protected]

packages/design-system-react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask/design-system-react",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Design system react ui components",
   "keywords": [
     "MetaMask",

packages/design-system-twrnc-preset/CHANGELOG.md

@@ -7,6 +7,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.3.0]
+
+### Changed
+
+- **BREAKING:** Update font family names from space-separated to hyphenated PostScript format for iOS Metro bundler and expo-font compatibility ([#862](https://github.com/MetaMask/metamask-design-system/pull/862))
+  - Font family names changed: `"Geist Regular"` → `"Geist-Regular"`, `"Geist Medium"` → `"Geist-Medium"`, `"Geist Bold"` → `"Geist-Bold"`
+  - Fixes critical font loading issues on iOS when using Metro bundler with expo-font
+  - If using TWRNC preset via `@metamask/design-system-react-native` components, fonts automatically use correct names with no migration needed
+  - If directly referencing font families in custom TWRNC styles, update to hyphenated names (e.g., tw`font-['Geist-Regular']` instead of tw`font-['Geist_Regular']`)
+  - Android is unaffected by this change
+  - Aligns with MetaMask Mobile's font configuration and expo-font requirements
+
 ## [0.2.1]
 
 ### Fixed
@@ -31,7 +43,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - MetaMask design token integration for React Native
 - TWRNC preset configuration with MetaMask styling utilities
 
-[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/[email protected]
+[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/[email protected]
+[0.3.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/[email protected]...@metamask/[email protected]
 [0.2.1]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/[email protected]...@metamask/[email protected]
 [0.2.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/[email protected]...@metamask/[email protected]
 [0.1.0]: https://github.com/MetaMask/metamask-design-system/releases/tag/@metamask/[email protected]

packages/design-system-twrnc-preset/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask/design-system-twrnc-preset",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "Design System twrnc Preset",
   "keywords": [
     "MetaMask",

yarn.lock

@@ -3185,7 +3185,7 @@ __metadata:
     tsx: "npm:^4.20.6"
     typescript: "npm:~5.2.2"
   peerDependencies:
-    "@metamask/design-system-twrnc-preset": ^0.2.0
+    "@metamask/design-system-twrnc-preset": ^0.3.0
     "@metamask/design-tokens": ^8.1.0
     "@metamask/utils": ^11.8.1
     react: ">=18.2.0"