From a4b9d056b4b548db22e3a545ea2ce5c8c2adeb76 Mon Sep 17 00:00:00 2001
From: Bruno Henriques <bruno.henriques@hitachivantara.com>
Date: Mon, 17 Feb 2020 16:52:31 +0000
Subject: [PATCH] Fix activatedOpacity typo

---
 .../material-ui-lab/src/PaginationItem/PaginationItem.js  | 8 ++++----
 packages/material-ui/src/styles/createPalette.js          | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/material-ui-lab/src/PaginationItem/PaginationItem.js b/packages/material-ui-lab/src/PaginationItem/PaginationItem.js
index 312e505cce4929..a03115f17ae508 100644
--- a/packages/material-ui-lab/src/PaginationItem/PaginationItem.js
+++ b/packages/material-ui-lab/src/PaginationItem/PaginationItem.js
@@ -131,11 +131,11 @@ export const styles = theme => ({
     '&$selected': {
       color: theme.palette.primary.main,
       border: `1px solid ${fade(theme.palette.primary.main, 0.5)}`,
-      backgroundColor: fade(theme.palette.primary.main, theme.palette.action.activatedOpaciy),
+      backgroundColor: fade(theme.palette.primary.main, theme.palette.action.activatedOpacity),
       '&:hover, &$focusVisible': {
         backgroundColor: fade(
           theme.palette.primary.main,
-          theme.palette.action.activatedOpaciy + theme.palette.action.hoverOpacity,
+          theme.palette.action.activatedOpacity + theme.palette.action.hoverOpacity,
         ),
         // Reset on touch devices, it doesn't add specificity
         '@media (hover: none)': {
@@ -152,11 +152,11 @@ export const styles = theme => ({
     '&$selected': {
       color: theme.palette.secondary.main,
       border: `1px solid ${fade(theme.palette.secondary.main, 0.5)}`,
-      backgroundColor: fade(theme.palette.secondary.main, theme.palette.action.activatedOpaciy),
+      backgroundColor: fade(theme.palette.secondary.main, theme.palette.action.activatedOpacity),
       '&:hover, &$focusVisible': {
         backgroundColor: fade(
           theme.palette.secondary.main,
-          theme.palette.action.activatedOpaciy + theme.palette.action.hoverOpacity,
+          theme.palette.action.activatedOpacity + theme.palette.action.hoverOpacity,
         ),
         // Reset on touch devices, it doesn't add specificity
         '@media (hover: none)': {
diff --git a/packages/material-ui/src/styles/createPalette.js b/packages/material-ui/src/styles/createPalette.js
index b9cdc2d3670219..868edeaf413b2e 100644
--- a/packages/material-ui/src/styles/createPalette.js
+++ b/packages/material-ui/src/styles/createPalette.js
@@ -46,7 +46,7 @@ export const light = {
     disabledOpacity: 0.38,
     focus: 'rgba(0, 0, 0, 0.12)',
     focusOpacity: 0.12,
-    activatedOpaciy: 0.12,
+    activatedOpacity: 0.12,
   },
 };
 
@@ -74,7 +74,7 @@ export const dark = {
     disabledOpacity: 0.38,
     focus: 'rgba(255, 255, 255, 0.12)',
     focusOpacity: 0.12,
-    activatedOpaciy: 0.24,
+    activatedOpacity: 0.24,
   },
 };