diff --git a/package.json b/package.json index 9237c6d4..53c210f9 100644 --- a/package.json +++ b/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": { diff --git a/packages/design-system-react-native/CHANGELOG.md b/packages/design-system-react-native/CHANGELOG.md index da2b8b86..5fb17e61 100644 --- a/packages/design-system-react-native/CHANGELOG.md +++ b/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 `` + - 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/design-system-react-native@0.4.1...HEAD +[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.5.0...HEAD +[0.5.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.4.1...@metamask/design-system-react-native@0.5.0 [0.4.1]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.4.0...@metamask/design-system-react-native@0.4.1 [0.4.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.3.1...@metamask/design-system-react-native@0.4.0 [0.3.1]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.3.0...@metamask/design-system-react-native@0.3.1 diff --git a/packages/design-system-react-native/package.json b/packages/design-system-react-native/package.json index 697816db..82ce784a 100644 --- a/packages/design-system-react-native/package.json +++ b/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", diff --git a/packages/design-system-react/CHANGELOG.md b/packages/design-system-react/CHANGELOG.md index 82bf3e17..ece98218 100644 --- a/packages/design-system-react/CHANGELOG.md +++ b/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/design-system-react@0.5.0...HEAD +[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.6.0...HEAD +[0.6.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.5.0...@metamask/design-system-react@0.6.0 [0.5.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.4.1...@metamask/design-system-react@0.5.0 [0.4.1]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.4.0...@metamask/design-system-react@0.4.1 [0.4.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.3.1...@metamask/design-system-react@0.4.0 diff --git a/packages/design-system-react/package.json b/packages/design-system-react/package.json index 342b8b68..4ad61dba 100644 --- a/packages/design-system-react/package.json +++ b/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", diff --git a/packages/design-system-twrnc-preset/CHANGELOG.md b/packages/design-system-twrnc-preset/CHANGELOG.md index c71ffccb..b88fd60c 100644 --- a/packages/design-system-twrnc-preset/CHANGELOG.md +++ b/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/design-system-twrnc-preset@0.2.1...HEAD +[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-twrnc-preset@0.3.0...HEAD +[0.3.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-twrnc-preset@0.2.1...@metamask/design-system-twrnc-preset@0.3.0 [0.2.1]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-twrnc-preset@0.2.0...@metamask/design-system-twrnc-preset@0.2.1 [0.2.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-twrnc-preset@0.1.0...@metamask/design-system-twrnc-preset@0.2.0 [0.1.0]: https://github.com/MetaMask/metamask-design-system/releases/tag/@metamask/design-system-twrnc-preset@0.1.0 diff --git a/packages/design-system-twrnc-preset/package.json b/packages/design-system-twrnc-preset/package.json index 5e93bb25..a956dc6b 100644 --- a/packages/design-system-twrnc-preset/package.json +++ b/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", diff --git a/yarn.lock b/yarn.lock index b2e62ad6..d98cc0af 100644 --- a/yarn.lock +++ b/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"