fix: chip style (#3994)

Co-authored-by: Sangamesh Somawar <sangamesh1439@gmail.com>

Author: sangameshsomawar

src/components/Chip/Chip.tsx

@@ -422,7 +422,6 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     paddingLeft: 4,
     position: 'relative',
-    flexGrow: 1,
   },
   md3Content: {
     paddingLeft: 0,
@@ -482,7 +481,7 @@ const styles = StyleSheet.create({
     alignItems: 'center',
   },
   touchable: {
-    flexGrow: 1,
+    width: '100%',
   },
 });
 

src/components/__tests__/__snapshots__/Chip.test.tsx.snap

@@ -70,7 +70,7 @@ exports[`renders chip with close button 1`] = `
               "borderRadius": 8,
             },
             Object {
-              "flexGrow": 1,
+              "width": "100%",
             },
           ],
         ]
@@ -83,7 +83,6 @@ exports[`renders chip with close button 1`] = `
             Object {
               "alignItems": "center",
               "flexDirection": "row",
-              "flexGrow": 1,
               "paddingLeft": 4,
               "position": "relative",
             },
@@ -346,7 +345,7 @@ exports[`renders chip with custom close button 1`] = `
               "borderRadius": 8,
             },
             Object {
-              "flexGrow": 1,
+              "width": "100%",
             },
           ],
         ]
@@ -359,7 +358,6 @@ exports[`renders chip with custom close button 1`] = `
             Object {
               "alignItems": "center",
               "flexDirection": "row",
-              "flexGrow": 1,
               "paddingLeft": 4,
               "position": "relative",
             },
@@ -622,7 +620,7 @@ exports[`renders chip with icon 1`] = `
               "borderRadius": 8,
             },
             Object {
-              "flexGrow": 1,
+              "width": "100%",
             },
           ],
         ]
@@ -635,7 +633,6 @@ exports[`renders chip with icon 1`] = `
             Object {
               "alignItems": "center",
               "flexDirection": "row",
-              "flexGrow": 1,
               "paddingLeft": 4,
               "position": "relative",
             },
@@ -821,7 +818,7 @@ exports[`renders chip with onPress 1`] = `
               "borderRadius": 8,
             },
             Object {
-              "flexGrow": 1,
+              "width": "100%",
             },
           ],
         ]
@@ -834,7 +831,6 @@ exports[`renders chip with onPress 1`] = `
             Object {
               "alignItems": "center",
               "flexDirection": "row",
-              "flexGrow": 1,
               "paddingLeft": 4,
               "position": "relative",
             },
@@ -968,7 +964,7 @@ exports[`renders outlined disabled chip 1`] = `
               "borderRadius": 8,
             },
             Object {
-              "flexGrow": 1,
+              "width": "100%",
             },
           ],
         ]
@@ -981,7 +977,6 @@ exports[`renders outlined disabled chip 1`] = `
             Object {
               "alignItems": "center",
               "flexDirection": "row",
-              "flexGrow": 1,
               "paddingLeft": 4,
               "position": "relative",
             },
@@ -1115,7 +1110,7 @@ exports[`renders selected chip 1`] = `
               "borderRadius": 8,
             },
             Object {
-              "flexGrow": 1,
+              "width": "100%",
             },
           ],
         ]
@@ -1128,7 +1123,6 @@ exports[`renders selected chip 1`] = `
             Object {
               "alignItems": "center",
               "flexDirection": "row",
-              "flexGrow": 1,
               "paddingLeft": 4,
               "position": "relative",
             },

src/components/__tests__/__snapshots__/ListItem.test.tsx.snap

@@ -167,7 +167,7 @@ exports[`renders list item with custom description 1`] = `
                         "borderRadius": 8,
                       },
                       Object {
-                        "flexGrow": 1,
+                        "width": "100%",
                       },
                     ],
                   ]
@@ -180,7 +180,6 @@ exports[`renders list item with custom description 1`] = `
                       Object {
                         "alignItems": "center",
                         "flexDirection": "row",
-                        "flexGrow": 1,
                         "paddingLeft": 4,
                         "position": "relative",
                       },