Description

Migrate the @metamask/design-tokens package into the shared UI component library monorepo. This migration aims to consolidate the design tokens into the monorepo to improve maintainability, streamline updates, and ensure consistency across MetaMask's UI components.

Technical Details

• Migration Plan:

  • Identify the current dependencies and usage of @metamask/design-tokens.
  • Move the source code of the @metamask/design-tokens package into the shared UI component monorepo.
  • Ensure that all references to @metamask/design-tokens within the monorepo are updated to the new location.

• Monorepo Integration:

  • Set up the necessary tooling and configuration to build, test, and publish the @metamask/design-tokens package from within the monorepo.
  • Update any continuous integration (CI) workflows to accommodate the migration.

• Documentation:

  • Update the documentation to reflect the new location of the design tokens within the monorepo.
  • Provide guidelines for how to use and contribute to the @metamask/design-tokens within the monorepo.

Acceptance Criteria

• The @metamask/design-tokens package is successfully migrated into the shared UI component monorepo.
• All references and dependencies within the monorepo are updated and functioning correctly.
• CI workflows are updated, and the package can be built, tested, and published from the monorepo.
• Documentation is updated to reflect the changes.

References

• Current @metamask/design-tokens repository
• Shared UI component monorepo

This migration will enhance the maintainability of the design tokens and ensure they are easily accessible and consistently applied across all MetaMask UI components.