@hero-design/rn 7.18.1 → 7.20.0

package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap

@@ -6,7 +6,7 @@ exports[`SectionHeading allows to customise the icon 1`] = `
     Array [
       Object {
         "alignContent": "center",
-        "backgroundColor": "#e8e9ea",
+        "backgroundColor": "#f6f6f7",
         "display": "flex",
         "flexDirection": "row",
         "justifyContent": "space-between",
@@ -83,7 +83,7 @@ exports[`SectionHeading render icon correctly 1`] = `
     Array [
       Object {
         "alignContent": "center",
-        "backgroundColor": "#e8e9ea",
+        "backgroundColor": "#f6f6f7",
         "display": "flex",
         "flexDirection": "row",
         "justifyContent": "space-between",
@@ -161,7 +161,7 @@ exports[`SectionHeading render right children correctly 1`] = `
     Array [
       Object {
         "alignContent": "center",
-        "backgroundColor": "#e8e9ea",
+        "backgroundColor": "#f6f6f7",
         "display": "flex",
         "flexDirection": "row",
         "justifyContent": "space-between",
@@ -227,7 +227,7 @@ exports[`SectionHeading renders correctly 1`] = `
     Array [
       Object {
         "alignContent": "center",
-        "backgroundColor": "#e8e9ea",
+        "backgroundColor": "#f6f6f7",
         "display": "flex",
         "flexDirection": "row",
         "justifyContent": "space-between",

package/src/components/SectionHeading/index.tsx

@@ -1,13 +1,14 @@
-import React, { ReactElement } from 'react';
-
-import { StyleProp, ViewProps, ViewStyle } from 'react-native';
-import Icon, { IconName, IconProps } from '../Icon';
+import React from 'react';
+import type { ReactElement } from 'react';
+import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
+import Icon from '../Icon';
 import Typography from '../Typography';
 import {
   StyledHeading,
   StyledIconWrapper,
   StyledWrapper,
 } from './StyledHeading';
+import type { IconName, IconProps } from '../Icon';
 
 export interface SectionHeadingProps extends ViewProps {
   /**

package/src/components/Select/MultiSelect/Option.tsx

@@ -1,4 +1,5 @@
-import React, { ReactElement } from 'react';
+import React from 'react';
+import type { ReactElement } from 'react';
 import { useTheme } from '../../../theme';
 import List from '../../List';
 

package/src/components/Select/MultiSelect/OptionList.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
-import { SectionListRenderItemInfo } from 'react-native';
-import { MultiSelectProps } from '.';
+import type { SectionListRenderItemInfo } from 'react-native';
 import { getScrollParams } from '../helpers';
 import StyledOptionList from '../StyledOptionList';
-import { OptionType, SectionData, SectionType } from '../types';
 import Option from './Option';
+import type { MultiSelectProps } from '.';
+import type { OptionType, SectionData, SectionType } from '../types';
 
 type OptionListProps<V, T extends OptionType<V>> = Pick<
   MultiSelectProps<V, T>,

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

@@ -74,7 +74,7 @@ exports[`OptionList render isLoading correctly 1`] = `
           Array [
             Object {
               "alignContent": "center",
-              "backgroundColor": "#e8e9ea",
+              "backgroundColor": "#f6f6f7",
               "display": "flex",
               "flexDirection": "row",
               "justifyContent": "space-between",
@@ -323,7 +323,7 @@ exports[`OptionList render isLoading correctly 1`] = `
           Array [
             Object {
               "alignContent": "center",
-              "backgroundColor": "#e8e9ea",
+              "backgroundColor": "#f6f6f7",
               "display": "flex",
               "flexDirection": "row",
               "justifyContent": "space-between",
@@ -713,6 +713,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                   ]
                 }
                 themePosition="top"
+                themeSize="medium"
               >
                 <View
                   collapsable={false}
@@ -720,16 +721,16 @@ exports[`OptionList render isLoading correctly 1`] = `
                   style={
                     Array [
                       Object {
-                        "backgroundColor": "#8505a2",
-                        "borderRadius": 8,
+                        "backgroundColor": "#795e90",
+                        "borderRadius": 999,
                         "height": 16,
-                        "opacity": 1,
                         "width": 16,
                       },
                       Object {},
                     ]
                   }
                   themePosition="topLeft"
+                  themeSize="medium"
                 />
                 <View
                   collapsable={false}
@@ -737,17 +738,17 @@ exports[`OptionList render isLoading correctly 1`] = `
                   style={
                     Array [
                       Object {
-                        "backgroundColor": "#8505a2",
-                        "borderRadius": 8,
+                        "backgroundColor": "#a08cb0",
+                        "borderRadius": 999,
                         "height": 16,
                         "marginLeft": 8,
-                        "opacity": 0.7,
                         "width": 16,
                       },
                       Object {},
                     ]
                   }
                   themePosition="topRight"
+                  themeSize="medium"
                 />
               </View>
               <View
@@ -763,6 +764,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                   ]
                 }
                 themePosition="bottom"
+                themeSize="medium"
               >
                 <View
                   collapsable={false}
@@ -770,16 +772,16 @@ exports[`OptionList render isLoading correctly 1`] = `
                   style={
                     Array [
                       Object {
-                        "backgroundColor": "#8505a2",
-                        "borderRadius": 8,
+                        "backgroundColor": "#d9d1df",
+                        "borderRadius": 999,
                         "height": 16,
-                        "opacity": 0.5,
                         "width": 16,
                       },
                       Object {},
                     ]
                   }
                   themePosition="bottomLeft"
+                  themeSize="medium"
                 />
                 <View
                   collapsable={false}
@@ -787,17 +789,17 @@ exports[`OptionList render isLoading correctly 1`] = `
                   style={
                     Array [
                       Object {
-                        "backgroundColor": "#8505a2",
-                        "borderRadius": 8,
+                        "backgroundColor": "#ece8ef",
+                        "borderRadius": 999,
                         "height": 16,
                         "marginLeft": 8,
-                        "opacity": 0.3,
                         "width": 16,
                       },
                       Object {},
                     ]
                   }
                   themePosition="bottomRight"
+                  themeSize="medium"
                 />
               </View>
             </View>
@@ -871,7 +873,7 @@ exports[`OptionList renders correctly 1`] = `
           Array [
             Object {
               "alignContent": "center",
-              "backgroundColor": "#e8e9ea",
+              "backgroundColor": "#f6f6f7",
               "display": "flex",
               "flexDirection": "row",
               "justifyContent": "space-between",
@@ -1120,7 +1122,7 @@ exports[`OptionList renders correctly 1`] = `
           Array [
             Object {
               "alignContent": "center",
-              "backgroundColor": "#e8e9ea",
+              "backgroundColor": "#f6f6f7",
               "display": "flex",
               "flexDirection": "row",
               "justifyContent": "space-between",
@@ -1518,7 +1520,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
           Array [
             Object {
               "alignContent": "center",
-              "backgroundColor": "#e8e9ea",
+              "backgroundColor": "#f6f6f7",
               "display": "flex",
               "flexDirection": "row",
               "justifyContent": "space-between",
@@ -1767,7 +1769,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
           Array [
             Object {
               "alignContent": "center",
-              "backgroundColor": "#e8e9ea",
+              "backgroundColor": "#f6f6f7",
               "display": "flex",
               "flexDirection": "row",
               "justifyContent": "space-between",
@@ -2190,7 +2192,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
           Array [
             Object {
               "alignContent": "center",
-              "backgroundColor": "#e8e9ea",
+              "backgroundColor": "#f6f6f7",
               "display": "flex",
               "flexDirection": "row",
               "justifyContent": "space-between",
@@ -2439,7 +2441,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
           Array [
             Object {
               "alignContent": "center",
-              "backgroundColor": "#e8e9ea",
+              "backgroundColor": "#f6f6f7",
               "display": "flex",
               "flexDirection": "row",
               "justifyContent": "space-between",