finishing up button changes

Author: gremlin529

packages/components/Button/src/ButtonTokens.android.ts

@@ -34,7 +34,6 @@ export const defaultButtonTokens: TokenSettings<ButtonTokens, Theme> = () =>
     },
     large: {
       paddingHorizontal: globalTokens.size200,
-      paddingVertical: globalTokens.size120,
       borderRadius: globalTokens.corner.radius60,
       iconSize: 20,
       outline: {
@@ -43,12 +42,11 @@ export const defaultButtonTokens: TokenSettings<ButtonTokens, Theme> = () =>
       },
       spacingIconContentBefore: globalTokens.size80,
       spacingIconContentAfter: globalTokens.size80,
-      minHeight: 36,
+      minHeight: 48,
       minWidth: 36,
     },
     medium: {
       paddingHorizontal: globalTokens.size120,
-      paddingVertical: globalTokens.size80,
       borderRadius: globalTokens.corner.radius40,
       iconSize: 20,
       outline: {
@@ -62,7 +60,6 @@ export const defaultButtonTokens: TokenSettings<ButtonTokens, Theme> = () =>
     },
     small: {
       paddingHorizontal: globalTokens.size80,
-      paddingVertical: globalTokens.size40,
       borderRadius: globalTokens.corner.radius40,
       iconSize: 16,
       outline: {

packages/components/Button/src/ButtonTokens.ios.ts

@@ -10,66 +10,69 @@ export const defaultButtonTokens: TokenSettings<ButtonTokens, Theme> = () =>
       width: '100%',
     },
     medium: {
-      padding: globalTokens.size80,
+      paddingHorizontal: globalTokens.size120,
       borderWidth: globalTokens.stroke.width10,
+      minHeight: 40,
       iconSize: 16,
       focused: {
         borderWidth: 0,
-        padding: globalTokens.size100,
+        padding: globalTokens.size120,
       },
       hasContent: {
         minWidth: 96,
-        paddingHorizontal: globalTokens.size160 - globalTokens.stroke.width10,
+        paddingHorizontal: globalTokens.size120,
         hasIconAfter: {
-          spacingIconContentAfter: globalTokens.size100,
+          spacingIconContentAfter: globalTokens.size80,
         },
         hasIconBefore: {
-          spacingIconContentBefore: globalTokens.size100,
+          spacingIconContentBefore: globalTokens.size80,
         },
         focused: {
-          paddingHorizontal: globalTokens.size160,
+          paddingHorizontal: globalTokens.size120,
         },
       },
     },
     small: {
-      padding: globalTokens.size80 - globalTokens.stroke.width10,
+      padding: globalTokens.size60,
       borderWidth: globalTokens.stroke.width10,
+      minHeight: 28,
       iconSize: 16,
       focused: {
         borderWidth: 0,
-        padding: globalTokens.size80,
+        padding: globalTokens.size60,
       },
       hasContent: {
         minWidth: 64,
         minHeight: 24,
         paddingHorizontal: globalTokens.size120 - globalTokens.stroke.width10,
         hasIconAfter: {
-          spacingIconContentAfter: globalTokens.size80,
+          spacingIconContentAfter: globalTokens.size60,
         },
         hasIconBefore: {
-          spacingIconContentBefore: globalTokens.size80,
+          spacingIconContentBefore: globalTokens.size60,
         },
         focused: {
           paddingHorizontal: globalTokens.size120,
         },
       },
     },
     large: {
-      padding: globalTokens.size120 - globalTokens.stroke.width10,
+      paddingHorizontal: globalTokens.size160,
       borderWidth: globalTokens.stroke.width10,
+      minHeight: 52,
       iconSize: 20,
       focused: {
         borderWidth: 0,
-        padding: globalTokens.size120,
+        padding: globalTokens.size160,
       },
       hasContent: {
         minWidth: 96,
-        paddingHorizontal: globalTokens.size160 - globalTokens.stroke.width10,
+        paddingHorizontal: globalTokens.size160,
         hasIconAfter: {
-          spacingIconContentAfter: globalTokens.size100,
+          spacingIconContentAfter: globalTokens.size80,
         },
         hasIconBefore: {
-          spacingIconContentBefore: globalTokens.size100,
+          spacingIconContentBefore: globalTokens.size80,
         },
         focused: {
           paddingHorizontal: globalTokens.size160,