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`