[Pagination] Fix activatedOpacity typo (#19758)

mui · Feb 17, 2020 · e02abe5 · e02abe5
1 parent c974531
commit e02abe5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git 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
@@ -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,
   },
 };