chore(spacing): update spacing values (#47)

* chore(spacing): update spacing values * chore(dep): bump ui-kit
stoplightio · Mar 28, 2019 · d1f7482 · d1f7482
1 parent 4706627
commit d1f7482
Show file tree

Hide file tree

Showing 7 changed files with 20 additions and 20 deletions.
diff --git a/package.json b/package.json
@@ -48,7 +48,7 @@
     "@fortawesome/free-solid-svg-icons": "^5.6.1",
     "@stoplight/scripts": "4.0.0",
     "@stoplight/storybook-config": "1.4.0",
-    "@stoplight/ui-kit": "^1.46.0",
+    "@stoplight/ui-kit": "^1.48.0",
     "@types/react": "16.8.x",
     "@types/react-dom": "16.8.x",
     "filer": "0.0.44",

diff --git a/src/__stories__/Messages.tsx b/src/__stories__/Messages.tsx
@@ -14,7 +14,7 @@ storiesOf('Inputs', module)
   .addDecorator(Tooltips)
   .add('Messages', () => {
     return (
-      <Flex flexDirection="column" width="300px" m={3}>
+      <Flex flexDirection="column" width="300px" m={11}>
         <Messages path={[]}>
           <IntegerInput
             value={42}

diff --git a/src/__stories__/StringInput.tsx b/src/__stories__/StringInput.tsx
@@ -15,7 +15,7 @@ storiesOf('Inputs', module)
   .addDecorator(Tooltips)
   .add('StringInput', () => {
     return (
-      <Box width="300px" m={3}>
+      <Box width="300px" m={11}>
         <StringInput
           value={text('value', 'some text')}
           path={[]}

diff --git a/src/__stories__/customWidgets.tsx b/src/__stories__/customWidgets.tsx
@@ -8,7 +8,7 @@ export const customWidgets = {
   randomNumber: (props: IFormtronControl) => (
     <Button
       type="button"
-      ml={2}
+      ml={7}
       fontSize={4}
       disabled={props.disabled}
       onClick={() => props.onChange(String(Math.floor(Math.random() * 500)))}
@@ -18,7 +18,7 @@ export const customWidgets = {
   ),
   randomOption: (props: IFormtronControl) => (
     <Button
-      ml={2}
+      ml={7}
       fontSize={4}
       type="button"
       disabled={props.disabled}
@@ -30,7 +30,7 @@ export const customWidgets = {
   addMoreAwesomeness: (props: IFormtronControl) => (
     <Button
       title="Add more awesomeness"
-      ml={2}
+      ml={7}
       fontSize={4}
       type="button"
       disabled={props.disabled}

diff --git a/src/components/ArrayInput.tsx b/src/components/ArrayInput.tsx
@@ -34,21 +34,21 @@ export const ArrayInput: React.FunctionComponent<IFormtronControl> = ({
           <Button
             fontWeight={800}
             fontSize="11px"
-            my={3}
-            mx={2}
+            my={11}
+            mx={7}
             color="rgb(118, 130, 143)"
             disabled={disabled}
             display="inline-block"
             borderColor="transparent"
             backgroundColor="transparent"
             onClick={() => onChange(easyArray.append())}
           >
-            <Icon mr={2} icon={faPlus} /> Add Item
+            <Icon mr={7} icon={faPlus} /> Add Item
           </Button>
         ) : (
           easyArray.items.map((val: any, index: number) => {
             return (
-              <Flex my={3} mx={2} key={`${index}-${value.length}`}>
+              <Flex my={11} mx={7} key={`${index}-${value.length}`}>
                 <Box flex={1} mr="10px">
                   <Widget
                     id={(id && `${id}-${index}`) || undefined}

diff --git a/src/components/ObjectInput.tsx b/src/components/ObjectInput.tsx
@@ -47,13 +47,13 @@ export const ObjectInput: React.FunctionComponent<IFormtronControl> = ({
             backgroundColor="transparent"
             onClick={() => onChange(easyObject.append())}
           >
-            <Icon mr={2} icon={faPlus} /> Add Item
+            <Icon mr={7} icon={faPlus} /> Add Item
           </Button>
         ) : (
           easyObject.items.map((entry, index) => {
             const [key, val] = entry;
             return (
-              <Flex my={3} mx={2} key={`${index}-${easyObject.items.length}`}>
+              <Flex my={11} mx={7} key={`${index}-${easyObject.items.length}`}>
                 <DraftValue
                   value={key}
                   onChange={_key => noConflict(_key) && onChange(easyObject.updateKey(index, _key))}

diff --git a/yarn.lock b/yarn.lock
@@ -1679,10 +1679,10 @@
   resolved "https://registry.yarnpkg.com/@stoplight/types/-/types-4.1.0.tgz#23a4a987fe1344339e33ee81c4608340c842ab44"
   integrity sha512-2zcUn/jtD4tqonsBoX4QHNNKXE6llNMaS7V4PkRDFkssIIVPB0gZjLWLeR//dY/aaFriO7kdhNss1UAMTLNvcA==
 
-"@stoplight/ui-kit@^1.46.0":
-  version "1.46.0"
-  resolved "https://registry.yarnpkg.com/@stoplight/ui-kit/-/ui-kit-1.46.0.tgz#19424d1c6de60128b40afc503a1a2497d8209d2a"
-  integrity sha512-C3dTyvCJdW0BjPLwnXFFR4zCakAqHEvrou4+0zlYb5nS8oiVMZg5MlIShTJ2Bg00n7KPQvt8JAQoQjgBhClTBw==
+"@stoplight/ui-kit@^1.46.1":
+  version "1.46.1"
+  resolved "https://registry.yarnpkg.com/@stoplight/ui-kit/-/ui-kit-1.46.1.tgz#37175061b53cc9dff2a9e4056890470bb543bf25"
+  integrity sha512-bzsToWpC6Mt0pi9t7cVav0gxwr3b3OyJHIwCdd6xcz0e/Rb8Ueblhns7l3HicR0P6cXb3iPh+MeKJ4h3DbkUtA==
   dependencies:
     "@emotion/core" "10.0.7"
     "@emotion/is-prop-valid" "0.7.3"
@@ -1704,10 +1704,10 @@
     styled-system "4.0.1"
     use-resize-observer "3.1.0"
 
-"@stoplight/ui-kit@^1.46.1":
-  version "1.46.1"
-  resolved "https://registry.yarnpkg.com/@stoplight/ui-kit/-/ui-kit-1.46.1.tgz#37175061b53cc9dff2a9e4056890470bb543bf25"
-  integrity sha512-bzsToWpC6Mt0pi9t7cVav0gxwr3b3OyJHIwCdd6xcz0e/Rb8Ueblhns7l3HicR0P6cXb3iPh+MeKJ4h3DbkUtA==
+"@stoplight/ui-kit@^1.48.0":
+  version "1.48.0"
+  resolved "https://registry.yarnpkg.com/@stoplight/ui-kit/-/ui-kit-1.48.0.tgz#e934ad958ae4d43d8e52f9bc9969b9c782d0a078"
+  integrity sha512-x79Z/DU6HskfBAADHAbYRfoR6Ryv9tYlSgwN83PsLm2QQ5+5Y8sM8pQIJSVsSKw7IeJ5ACo48hp3Q73SJvIlVg==
   dependencies:
     "@emotion/core" "10.0.7"
     "@emotion/is-prop-valid" "0.7.3"