MetaMask / design-tokens

Design tokens to be used throughout MetaMask products
https://metamask.github.io/design-tokens/?path=/docs/getting-started-introduction--docs
28 stars 15 forks source link

Adding brand colors to CSSinJS exports #582

Closed georgewrmarshall closed 9 months ago

georgewrmarshall commented 9 months ago

Description

This PR adds the brandColors object to the exports of the design tokens package. It also includes unit tests to ensure the brandColors object matches the Figma design token values.

  1. Added brandColors object to the design tokens exports.
  2. Created unit tests for brandColors to ensure it matches the Figma design tokens values.

Fixes: #581

Usage

import { brandColors } from '@metamask/design-tokens';

<Icon name={IconName.Star} color={brandColors.yellow.yellow500} />

Manual testing steps

  1. Pull this branch
  2. Run the unit tests and ensure all tests pass.
  3. Ensure brandColors is exported from project index
metamaskbot commented 9 months ago
Builds ready [5fab2d5]