chore(spacing): update spacing values

Author: casserni

__mocks__/styleMock.js

@@ -0,0 +1 @@
+module.exports = {};

jest.config.js

@@ -3,4 +3,7 @@ module.exports = {
   testEnvironment: 'jsdom',
   setupTestFrameworkScriptFile: './setupTests.ts',
   snapshotSerializers: ['enzyme-to-json/serializer'],
+  moduleNameMapper: {
+    '\\.(css)$': '<rootDir>/__mocks__/styleMock.js',
+  },
 };

package.json

@@ -35,7 +35,7 @@
     "test.watch": "yarn test --watch"
   },
   "peerDependencies": {
-    "@stoplight/ui-kit": ">=1.46",
+    "@stoplight/ui-kit": ">=1.48",
     "react": ">=16.7.0-alpha.1",
     "react-dom": ">=16.7.0-alpha.1"
   },
@@ -48,7 +48,7 @@
     "@stoplight/scripts": "4.1.0",
     "@stoplight/storybook-config": "1.x.x",
     "@stoplight/types": "3.1.x",
-    "@stoplight/ui-kit": "1.27.x",
+    "@stoplight/ui-kit": "1.48.x",
     "@types/enzyme": "3.1.x",
     "@types/react": "16.x.x",
     "@types/react-dom": "16.x.x",

src/common/ErrorMessage.tsx

@@ -10,7 +10,7 @@ export const ErrorMessage: FunctionComponent<IErrorMessage> = props => {
   const css = errorMessageStyles();
 
   return (
-    <Box as="p" p={3} css={css} {...rest}>
+    <Box as="p" p={11} css={css} {...rest}>
       {children}
     </Box>
   );