From ff71b2cd095263f13765c8ca1d4b9e697e6b2c91 Mon Sep 17 00:00:00 2001
From: ChenBri <chenbrilling1@gmail.com>
Date: Mon, 17 Mar 2025 11:59:15 +0200
Subject: [PATCH 1/2] feat: add ability to add styles to action-wrapper in
 FABGroup

---
 src/components/FAB/FABGroup.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/FAB/FABGroup.tsx b/src/components/FAB/FABGroup.tsx
index af1e85c4cb..fecfa89eab 100644
--- a/src/components/FAB/FABGroup.tsx
+++ b/src/components/FAB/FABGroup.tsx
@@ -35,6 +35,7 @@ export type Props = {
    * - `accessibilityHint`: accessibility hint for the action
    * - `style`: pass additional styles for the fab item, for example, `backgroundColor`
    * - `containerStyle`: pass additional styles for the fab item label container, for example, `backgroundColor` @supported Available in 5.x
+   * - `wrapperStyle`: pass additional styles for the wrapper of the action item.
    * - `labelStyle`: pass additional styles for the fab item label, for example, `fontSize`
    * - `labelMaxFontSizeMultiplier`: specifies the largest possible scale a title font can reach.
    * - `onPress`: callback that is called when `FAB` is pressed (required)
@@ -53,6 +54,7 @@ export type Props = {
     accessibilityHint?: string;
     style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
     containerStyle?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
+    wrapperStyle: StyleProp<ViewStyle>;
     labelStyle?: StyleProp<TextStyle>;
     labelMaxFontSizeMultiplier?: number;
     onPress: (e: GestureResponderEvent) => void;
@@ -376,6 +378,7 @@ const FABGroup = ({
               <View
                 key={i} // eslint-disable-line react/no-array-index-key
                 style={[
+                  it.wrapperStyle,
                   styles.item,
                   {
                     marginHorizontal,

From 486435925d9374152f5599e78882e487729225e7 Mon Sep 17 00:00:00 2001
From: ChenBri <chenbrilling1@gmail.com>
Date: Mon, 17 Mar 2025 12:05:28 +0200
Subject: [PATCH 2/2] fix: make the wrapperStyle optional

---
 src/components/FAB/FABGroup.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/FAB/FABGroup.tsx b/src/components/FAB/FABGroup.tsx
index fecfa89eab..b778497c2d 100644
--- a/src/components/FAB/FABGroup.tsx
+++ b/src/components/FAB/FABGroup.tsx
@@ -54,7 +54,7 @@ export type Props = {
     accessibilityHint?: string;
     style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
     containerStyle?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
-    wrapperStyle: StyleProp<ViewStyle>;
+    wrapperStyle?: StyleProp<ViewStyle>;
     labelStyle?: StyleProp<TextStyle>;
     labelMaxFontSizeMultiplier?: number;
     onPress: (e: GestureResponderEvent) => void;