Skip to content
This repository has been archived by the owner on Nov 26, 2024. It is now read-only.

Commit

Permalink
Updating color name in docs
Browse files Browse the repository at this point in the history
  • Loading branch information
@georgewrmarshall
georgewrmarshall committed Jun 21, 2022
1 parent ce4218b commit bfdbc64
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions docs/Shadows.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ There are 4 different sizes of shadow in MetaMask.

## Color

As well as the neutral colors for shadow 2 other colors exist that are used for the primary and danger button hover states
As well as the neutral colors for shadow 2 other colors exist that are used for the primary and error/danger button hover states

<Canvas>
<Story id="shadows-shadows--color" />
Expand Down Expand Up @@ -53,7 +53,7 @@ Using both size and color tokens, different shadows can be applied to components
| **Button Primary Hover** | `buttonPrimaryHover: { ...shadows.size.sm, shadowColor: colors.primary.shadow}` | `box-shadow: var(--shadow-size-sm) var(--color-primary-shadow);` |
| **Button Danger Hover** | `buttonDangerHover: { ...shadows.size.sm, shadowColor: colors.primary.shadow}` | `box-shadow: var(--shadow-size-sm) var(--color-error-shadow);` |

**NOTE: The CSS-in-JS `shadows.size` objects for React Native contain all the correct tokens for neutral shadows. For primary and error shadows change the `shadowColor` key**
**NOTE: The CSS-in-JS `shadows.size` objects for React Native contain all the correct tokens for neutral shadows. For primary and error/danger shadows change the `shadowColor` key**

Example shape of the `xs` shadow size object from `shadows`

Expand Down

0 comments on commit bfdbc64

Please sign in to comment.