refactor: smaller refinements

Author: enisdenjo

packages/ui/__stories__/Button.stories.tsx

@@ -31,11 +31,6 @@ stories.add('Overview', () => (
           Small
         </Button>
       </p>
-      <p>
-        <Button variant="primary" size="regular">
-          Medium
-        </Button>
-      </p>
       <p>
         <Button variant="primary" size="large">
           <Svg
@@ -75,9 +70,6 @@ stories.add('Overview', () => (
       <p>
         <Button size="small">Small</Button>
       </p>
-      <p>
-        <Button size="regular">Medium</Button>
-      </p>
       <p>
         <Button size="large">Large</Button>
       </p>

packages/ui/src/Input/Input.treat.ts

@@ -25,7 +25,7 @@ export const input = styleMap(({ palette, sizing, shape, typography }) => ({
     backgroundColor: 'transparent',
     backgroundClip: 'padding-box',
     color: palette.text,
-    padding: `calc(${sizing('regular')} / 2)`,
+    padding: sizing('small'),
     ...typography.variant('regular'),
     textAlign: 'inherit',
     textOverflow: 'ellipsis',
@@ -37,11 +37,11 @@ export const input = styleMap(({ palette, sizing, shape, typography }) => ({
   },
   startAdornment: {
     display: 'flex',
-    padding: sizing('none', 'tiny'),
+    paddingLeft: sizing('small'),
   },
   endAdornment: {
     display: 'flex',
-    padding: sizing('none', 'tiny'),
+    paddingRight: sizing('small'),
   },
 }));