Fix notification button padding (#2448)

* Remove notification button padding

* Change files

* Use size tokens

* Update snapshots

Co-authored-by: Adam Gleitman <[email protected]>

Author: amgleitman

change/@fluentui-react-native-notification-0ed79820-8573-4b3b-b879-2c8af643aa1c.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix notification button padding",
+  "packageName": "@fluentui-react-native/notification",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/components/Notification/src/Notification.helper.tsx

@@ -3,6 +3,7 @@ import Svg, { G, Path, SvgProps } from 'react-native-svg';
 import { ButtonProps, ButtonTokens, ButtonV1 as Button } from '@fluentui-react-native/button';
 import { mergeProps, stagedComponent } from '@fluentui-react-native/framework';
 import { SvgIconProps, createIconProps } from '@fluentui-react-native/icon';
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
 import { NotificationProps } from './Notification.types';
 
 export type NotificationButtonColorStates = { disabledColor; pressedColor };
@@ -70,6 +71,13 @@ export const NotificationButton = stagedComponent((props: NotificationButtonProp
         color: props.pressedColor,
       },
     },
+    medium: {
+      hasContent: {
+        minWidth: 0,
+        padding: globalTokens.sizeNone,
+        paddingHorizontal: globalTokens.sizeNone,
+      },
+    },
   });
 
   return (final: NotificationButtonProps, children: React.ReactNode) => {

packages/components/Notification/src/__tests__/__snapshots__/Notification.test.tsx.snap

@@ -196,9 +196,9 @@ exports[`Notification component tests Notification default 1`] = `
           "flexDirection": "row",
           "justifyContent": "center",
           "marginStart": 16,
-          "minWidth": 96,
-          "padding": 8,
-          "paddingHorizontal": 15,
+          "minWidth": 0,
+          "padding": 0,
+          "paddingHorizontal": 0,
         }
       }
     >