fix(atoms): change padding sizes in the Dropdown and Paper

8base · Aug 23, 2018 · 89c6cb6 · 89c6cb6
1 parent d3a06ab
commit 89c6cb6
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 10 deletions.
diff --git a/src/atoms/Dropdown/DropdownBody.theme.js b/src/atoms/Dropdown/DropdownBody.theme.js
@@ -27,11 +27,11 @@ const theme = createTheme(name, {
 
     padding: {
       none: { padding: '0' },
-      xs: { padding: '0.25rem' },
-      sm: { padding: '0.5rem' },
-      md: { padding: '1rem' },
-      lg: { padding: '1.5rem' },
-      xl: { padding: '2rem' },
+      xs: { padding: '0.5rem' },
+      sm: { padding: '1rem' },
+      md: { padding: '1.5rem' },
+      lg: { padding: '2rem' },
+      xl: { padding: '2.5rem' },
     },
   },
   defaults: {

diff --git a/src/atoms/Paper/Paper.js b/src/atoms/Paper/Paper.js
@@ -6,16 +6,16 @@ import { createStyledTag, createTheme, getThemeStyle } from '../../utils';
 
 type PaperProps = {|
   children?: React$Node,
-  padding?: PropSizes,
+  padding?: PropSizes | 'xxl',
 |};
 
 const name = 'paper';
 
-const theme = createTheme(name, (colors: *): * => ({
+const theme = createTheme(name, (colors: *, sizes: *): * => ({
   paper: {
     background: colors.WHITE,
     color: colors.BLACK,
-    borderRadius: '.5rem',
+    borderRadius: sizes.MAIN_BORDER_RADIUS,
     boxShadow: '0 1px 3px 0 rgba(50,50,93,.14), 0 4px 6px 0 rgba(112,157,199,.08)',
     position: 'relative',
   },
@@ -26,8 +26,9 @@ const theme = createTheme(name, (colors: *): * => ({
       xs: { padding: '0.5rem' },
       sm: { padding: '1rem' },
       md: { padding: '2rem' },
-      lg: { padding: '4rem' },
-      xl: { padding: '8rem' },
+      lg: { padding: '3rem' },
+      xl: { padding: '4rem' },
+      xxl: { padding: '8rem' },
     },
     stretch: {
       flex: 1,