@hero-design/rn 7.23.0 → 7.25.0

package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap

@@ -53,7 +53,6 @@ exports[`OptionList render isLoading correctly 1`] = `
   onScroll={[Function]}
   onScrollBeginDrag={[Function]}
   onScrollEndDrag={[Function]}
-  onScrollToIndexFailed={[Function]}
   renderItem={[Function]}
   scrollEventThrottle={50}
   stickyHeaderIndices={
@@ -180,13 +179,10 @@ exports[`OptionList render isLoading correctly 1`] = `
           }
         />
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -195,19 +191,15 @@ exports[`OptionList render isLoading correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#d9d1df",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ece8ef",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View
@@ -255,13 +247,13 @@ exports[`OptionList render isLoading correctly 1`] = `
               style={
                 Array [
                   Object {
-                    "color": "#001f23",
+                    "color": "#401960",
                     "fontSize": 20,
                   },
                   undefined,
                 ]
               }
-              themeIntent="text"
+              themeIntent="primary"
               themeSize="small"
             />
           </View>
@@ -430,13 +422,10 @@ exports[`OptionList render isLoading correctly 1`] = `
           }
         />
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -445,19 +434,15 @@ exports[`OptionList render isLoading correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ffffff",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View
@@ -548,13 +533,10 @@ exports[`OptionList render isLoading correctly 1`] = `
     >
       <View>
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -563,19 +545,15 @@ exports[`OptionList render isLoading correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ffffff",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View
@@ -724,15 +702,16 @@ exports[`OptionList render isLoading correctly 1`] = `
                   style={
                     Array [
                       Object {
-                        "backgroundColor": "#001f23",
+                        "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
-                        "opacity": 1,
+                        "opacity": 0.9,
                         "width": 16,
                       },
                       Object {},
                     ]
                   }
+                  themeIntent="primary"
                   themePosition="topLeft"
                   themeSize="medium"
                 />
@@ -742,16 +721,17 @@ exports[`OptionList render isLoading correctly 1`] = `
                   style={
                     Array [
                       Object {
-                        "backgroundColor": "#001f23",
+                        "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
                         "marginLeft": 8,
-                        "opacity": 0.75,
+                        "opacity": 0.675,
                         "width": 16,
                       },
                       Object {},
                     ]
                   }
+                  themeIntent="primary"
                   themePosition="topRight"
                   themeSize="medium"
                 />
@@ -777,15 +757,16 @@ exports[`OptionList render isLoading correctly 1`] = `
                   style={
                     Array [
                       Object {
-                        "backgroundColor": "#001f23",
+                        "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
-                        "opacity": 0.5,
+                        "opacity": 0.45,
                         "width": 16,
                       },
                       Object {},
                     ]
                   }
+                  themeIntent="primary"
                   themePosition="bottomLeft"
                   themeSize="medium"
                 />
@@ -795,16 +776,17 @@ exports[`OptionList render isLoading correctly 1`] = `
                   style={
                     Array [
                       Object {
-                        "backgroundColor": "#001f23",
+                        "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
                         "marginLeft": 8,
-                        "opacity": 0.25,
+                        "opacity": 0.225,
                         "width": 16,
                       },
                       Object {},
                     ]
                   }
+                  themeIntent="primary"
                   themePosition="bottomRight"
                   themeSize="medium"
                 />
@@ -859,7 +841,6 @@ exports[`OptionList renders correctly 1`] = `
   onScroll={[Function]}
   onScrollBeginDrag={[Function]}
   onScrollEndDrag={[Function]}
-  onScrollToIndexFailed={[Function]}
   renderItem={[Function]}
   scrollEventThrottle={50}
   stickyHeaderIndices={
@@ -986,13 +967,10 @@ exports[`OptionList renders correctly 1`] = `
           }
         />
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -1001,19 +979,15 @@ exports[`OptionList renders correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#d9d1df",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ece8ef",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View
@@ -1061,13 +1035,13 @@ exports[`OptionList renders correctly 1`] = `
               style={
                 Array [
                   Object {
-                    "color": "#001f23",
+                    "color": "#401960",
                     "fontSize": 20,
                   },
                   undefined,
                 ]
               }
-              themeIntent="text"
+              themeIntent="primary"
               themeSize="small"
             />
           </View>
@@ -1236,13 +1210,10 @@ exports[`OptionList renders correctly 1`] = `
           }
         />
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -1251,19 +1222,15 @@ exports[`OptionList renders correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ffffff",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View
@@ -1354,13 +1321,10 @@ exports[`OptionList renders correctly 1`] = `
     >
       <View>
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -1369,19 +1333,15 @@ exports[`OptionList renders correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ffffff",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View
@@ -1509,7 +1469,6 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
   onScroll={[Function]}
   onScrollBeginDrag={[Function]}
   onScrollEndDrag={[Function]}
-  onScrollToIndexFailed={[Function]}
   renderItem={[Function]}
   scrollEventThrottle={50}
   stickyHeaderIndices={
@@ -1636,13 +1595,10 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
           }
         />
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -1651,19 +1607,15 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#d9d1df",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ece8ef",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View
@@ -1711,13 +1663,13 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
               style={
                 Array [
                   Object {
-                    "color": "#001f23",
+                    "color": "#401960",
                     "fontSize": 20,
                   },
                   undefined,
                 ]
               }
-              themeIntent="text"
+              themeIntent="primary"
               themeSize="small"
             />
           </View>
@@ -1886,13 +1838,10 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
           }
         />
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -1901,19 +1850,15 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#d9d1df",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ece8ef",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View
@@ -1961,13 +1906,13 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
               style={
                 Array [
                   Object {
-                    "color": "#001f23",
+                    "color": "#401960",
                     "fontSize": 20,
                   },
                   undefined,
                 ]
               }
-              themeIntent="text"
+              themeIntent="primary"
               themeSize="small"
             />
           </View>
@@ -2029,13 +1974,10 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
     >
       <View>
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -2044,19 +1986,15 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ffffff",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View
@@ -2184,7 +2122,6 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
   onScroll={[Function]}
   onScrollBeginDrag={[Function]}
   onScrollEndDrag={[Function]}
-  onScrollToIndexFailed={[Function]}
   renderItem={[Function]}
   scrollEventThrottle={50}
   stickyHeaderIndices={
@@ -2311,13 +2248,10 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
           }
         />
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -2326,19 +2260,15 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#d9d1df",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ece8ef",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View
@@ -2386,13 +2316,13 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
               style={
                 Array [
                   Object {
-                    "color": "#001f23",
+                    "color": "#401960",
                     "fontSize": 20,
                   },
                   undefined,
                 ]
               }
-              themeIntent="text"
+              themeIntent="primary"
               themeSize="small"
             />
           </View>
@@ -2561,13 +2491,10 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
           }
         />
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -2576,19 +2503,15 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ffffff",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View
@@ -2679,13 +2602,10 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
     >
       <View>
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -2694,19 +2614,15 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ffffff",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View