From bfdbc64d2446b082f658299df27fb87468b740c2 Mon Sep 17 00:00:00 2001 From: georgewrmarshall Date: Tue, 21 Jun 2022 15:15:44 -0700 Subject: [PATCH] Updating color name in docs --- docs/Shadows.mdx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/Shadows.mdx b/docs/Shadows.mdx index 3c87ce47..6b2208eb 100644 --- a/docs/Shadows.mdx +++ b/docs/Shadows.mdx @@ -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 @@ -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`