@hero-design/rn 7.22.2 → 7.22.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "7.22.2",
+  "version": "7.22.3",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -20,7 +20,7 @@
   "dependencies": {
     "@emotion/native": "^11.9.3",
     "@emotion/react": "^11.9.3",
-    "@hero-design/colors": "7.22.2",
+    "@hero-design/colors": "7.22.3",
     "date-fns": "^2.16.1",
     "events": "^3.2.0",
     "hero-editor": "^1.9.9"
@@ -57,7 +57,7 @@
     "@types/react-native": "^0.67.7",
     "@types/react-native-vector-icons": "^6.4.10",
     "babel-plugin-inline-import": "^3.0.0",
-    "eslint-config-hd": "7.22.2",
+    "eslint-config-hd": "7.22.3",
     "jest": "^27.3.1",
     "react": "17.0.2",
     "react-native": "0.65.1",
@@ -70,7 +70,7 @@
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-flow": "^1.1.1",
     "ts-jest": "^27.0.7",
-    "prettier-config-hd": "7.22.2"
+    "prettier-config-hd": "7.22.3"
   },
   "prettier": "prettier-config-hd"
 }

package/src/components/Accordion/AccordionItem.tsx

@@ -40,7 +40,7 @@ const AccordionItem = ({
       )}
       <Icon
         icon={open ? 'arrow-up' : 'arrow-down'}
-        intent="primary"
+        intent="secondary"
         size="small"
       />
     </StyledHeaderWrapper>

package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.spec.tsx.snap

@@ -58,13 +58,13 @@ exports[`AccordionItem renders correctly when header is an element 1`] = `
       style={
         Array [
           Object {
-            "color": "#8505a2",
+            "color": "#401960",
             "fontSize": 20,
           },
           undefined,
         ]
       }
-      themeIntent="primary"
+      themeIntent="secondary"
       themeSize="small"
     />
   </View>
@@ -190,13 +190,13 @@ exports[`AccordionItem renders correctly when header is string 1`] = `
       style={
         Array [
           Object {
-            "color": "#8505a2",
+            "color": "#401960",
             "fontSize": 20,
           },
           undefined,
         ]
       }
-      themeIntent="primary"
+      themeIntent="secondary"
       themeSize="small"
     />
   </View>
@@ -322,13 +322,13 @@ exports[`AccordionItem renders correctly when open 1`] = `
       style={
         Array [
           Object {
-            "color": "#8505a2",
+            "color": "#401960",
             "fontSize": 20,
           },
           undefined,
         ]
       }
-      themeIntent="primary"
+      themeIntent="secondary"
       themeSize="small"
     />
   </View>
@@ -454,13 +454,13 @@ exports[`AccordionItem renders correctly when variant is card 1`] = `
       style={
         Array [
           Object {
-            "color": "#8505a2",
+            "color": "#401960",
             "fontSize": 20,
           },
           undefined,
         ]
       }
-      themeIntent="primary"
+      themeIntent="secondary"
       themeSize="small"
     />
   </View>

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

@@ -66,13 +66,13 @@ exports[`Accordion allows fully controlled 1`] = `
         style={
           Array [
             Object {
-              "color": "#8505a2",
+              "color": "#401960",
               "fontSize": 20,
             },
             undefined,
           ]
         }
-        themeIntent="primary"
+        themeIntent="secondary"
         themeSize="small"
       />
     </View>
@@ -195,13 +195,13 @@ exports[`Accordion allows fully controlled 1`] = `
         style={
           Array [
             Object {
-              "color": "#8505a2",
+              "color": "#401960",
               "fontSize": 20,
             },
             undefined,
           ]
         }
-        themeIntent="primary"
+        themeIntent="secondary"
         themeSize="small"
       />
     </View>
@@ -336,13 +336,13 @@ exports[`Accordion renders correctly 1`] = `
         style={
           Array [
             Object {
-              "color": "#8505a2",
+              "color": "#401960",
               "fontSize": 20,
             },
             undefined,
           ]
         }
-        themeIntent="primary"
+        themeIntent="secondary"
         themeSize="small"
       />
     </View>
@@ -465,13 +465,13 @@ exports[`Accordion renders correctly 1`] = `
         style={
           Array [
             Object {
-              "color": "#8505a2",
+              "color": "#401960",
               "fontSize": 20,
             },
             undefined,
           ]
         }
-        themeIntent="primary"
+        themeIntent="secondary"
         themeSize="small"
       />
     </View>
@@ -606,13 +606,13 @@ exports[`Accordion renders correctly when variant is card 1`] = `
         style={
           Array [
             Object {
-              "color": "#8505a2",
+              "color": "#401960",
               "fontSize": 20,
             },
             undefined,
           ]
         }
-        themeIntent="primary"
+        themeIntent="secondary"
         themeSize="small"
       />
     </View>
@@ -746,13 +746,13 @@ exports[`Accordion renders correctly when variant is card 1`] = `
         style={
           Array [
             Object {
-              "color": "#8505a2",
+              "color": "#401960",
               "fontSize": 20,
             },
             undefined,
           ]
         }
-        themeIntent="primary"
+        themeIntent="secondary"
         themeSize="small"
       />
     </View>

package/src/components/Avatar/__tests__/__snapshots__/StyledAvatar.spec.tsx.snap

@@ -35,7 +35,7 @@ exports[`StyledPressable renders correct style 1`] = `
   onStartShouldSetResponder={[Function]}
   style={
     Object {
-      "borderColor": "#8505a2",
+      "borderColor": "#001f23",
       "borderRadius": 999,
       "borderWidth": 1,
       "height": 32,
@@ -52,7 +52,7 @@ exports[`StyledText renders correct style 1`] = `
   style={
     Array [
       Object {
-        "color": "#8505a2",
+        "color": "#001f23",
         "fontSize": 16,
         "overflow": "hidden",
       },
@@ -71,7 +71,7 @@ exports[`StyledView renders correct style 1`] = `
   style={
     Array [
       Object {
-        "borderColor": "#8505a2",
+        "borderColor": "#001f23",
         "borderRadius": 999,
         "borderWidth": 1,
         "height": 32,

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

@@ -5,7 +5,7 @@ exports[`Avatar renders correctly 1`] = `
   style={
     Array [
       Object {
-        "borderColor": "#8505a2",
+        "borderColor": "#001f23",
         "borderRadius": 999,
         "borderWidth": 1,
         "height": 32,
@@ -55,7 +55,7 @@ exports[`Avatar trigger press function correctly 1`] = `
   onStartShouldSetResponder={[Function]}
   style={
     Object {
-      "borderColor": "#8505a2",
+      "borderColor": "#001f23",
       "borderRadius": 999,
       "borderWidth": 1,
       "height": 32,

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

@@ -123,7 +123,7 @@ exports[`BottomNavigation renders correctly 1`] = `
             style={
               Array [
                 Object {
-                  "color": "#8505a2",
+                  "color": "#001f23",
                   "fontSize": 24,
                 },
                 undefined,
@@ -138,7 +138,7 @@ exports[`BottomNavigation renders correctly 1`] = `
             style={
               Array [
                 Object {
-                  "color": "#8505a2",
+                  "color": "#001f23",
                   "fontFamily": "BeVietnamPro-SemiBold",
                   "fontSize": 12,
                   "letterSpacing": 0.36,

package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap

@@ -125,7 +125,7 @@ exports[`StyledLoadingIndicator has outlined-secondary style 1`] = `
   style={
     Array [
       Object {
-        "backgroundColor": "#4568fb",
+        "backgroundColor": "#401960",
         "borderRadius": 8,
         "height": 12,
         "marginBottom": 4,
@@ -185,7 +185,7 @@ exports[`StyledLoadingIndicator has text-secondary style 1`] = `
   style={
     Array [
       Object {
-        "backgroundColor": "#4568fb",
+        "backgroundColor": "#401960",
         "borderRadius": 8,
         "height": 12,
         "marginBottom": 4,

package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap

@@ -762,7 +762,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-second
       style={
         Array [
           Object {
-            "backgroundColor": "#4568fb",
+            "backgroundColor": "#401960",
             "borderRadius": 8,
             "height": 12,
             "marginBottom": 4,
@@ -796,7 +796,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-second
       style={
         Array [
           Object {
-            "backgroundColor": "#4568fb",
+            "backgroundColor": "#401960",
             "borderRadius": 8,
             "height": 12,
             "marginBottom": 4,
@@ -830,7 +830,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-second
       style={
         Array [
           Object {
-            "backgroundColor": "#4568fb",
+            "backgroundColor": "#401960",
             "borderRadius": 8,
             "height": 12,
             "marginBottom": 4,
@@ -1125,7 +1125,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-secondary
       style={
         Array [
           Object {
-            "backgroundColor": "#4568fb",
+            "backgroundColor": "#401960",
             "borderRadius": 8,
             "height": 12,
             "marginBottom": 4,
@@ -1159,7 +1159,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-secondary
       style={
         Array [
           Object {
-            "backgroundColor": "#4568fb",
+            "backgroundColor": "#401960",
             "borderRadius": 8,
             "height": 12,
             "marginBottom": 4,
@@ -1193,7 +1193,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-secondary
       style={
         Array [
           Object {
-            "backgroundColor": "#4568fb",
+            "backgroundColor": "#401960",
             "borderRadius": 8,
             "height": 12,
             "marginBottom": 4,

package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap

@@ -115,7 +115,7 @@ exports[`StyledButtonContainer has filled-secondary style 1`] = `
       Object {
         "alignItems": "center",
         "alignSelf": "stretch",
-        "backgroundColor": "#4568fb",
+        "backgroundColor": "#401960",
         "borderRadius": 32,
         "flexDirection": "row",
         "justifyContent": "center",
@@ -216,7 +216,7 @@ exports[`StyledButtonContainer has outlined-secondary style 1`] = `
         "alignItems": "center",
         "alignSelf": "stretch",
         "backgroundColor": "transparent",
-        "borderColor": "#4568fb",
+        "borderColor": "#401960",
         "borderRadius": 32,
         "borderWidth": 2,
         "flexDirection": "row",
@@ -284,7 +284,7 @@ exports[`StyledButtonContainer has pressed with the correct variant filled-dange
       Object {
         "alignItems": "center",
         "alignSelf": "stretch",
-        "backgroundColor": "#f46363",
+        "backgroundColor": "#de350b",
         "borderRadius": 32,
         "flexDirection": "row",
         "justifyContent": "center",
@@ -316,7 +316,7 @@ exports[`StyledButtonContainer has pressed with the correct variant filled-prima
       Object {
         "alignItems": "center",
         "alignSelf": "stretch",
-        "backgroundColor": "#808f91",
+        "backgroundColor": "#4d6265",
         "borderRadius": 32,
         "flexDirection": "row",
         "justifyContent": "center",
@@ -348,7 +348,7 @@ exports[`StyledButtonContainer has pressed with the correct variant filled-secon
       Object {
         "alignItems": "center",
         "alignSelf": "stretch",
-        "backgroundColor": "#b5c3fd",
+        "backgroundColor": "#401960",
         "borderRadius": 32,
         "flexDirection": "row",
         "justifyContent": "center",
@@ -381,7 +381,7 @@ exports[`StyledButtonContainer has pressed with the correct variant outlined-dan
         "alignItems": "center",
         "alignSelf": "stretch",
         "backgroundColor": "transparent",
-        "borderColor": "#f46363",
+        "borderColor": "#de350b",
         "borderRadius": 32,
         "borderWidth": 2,
         "flexDirection": "row",
@@ -415,7 +415,7 @@ exports[`StyledButtonContainer has pressed with the correct variant outlined-pri
         "alignItems": "center",
         "alignSelf": "stretch",
         "backgroundColor": "transparent",
-        "borderColor": "#808f91",
+        "borderColor": "#4d6265",
         "borderRadius": 32,
         "borderWidth": 2,
         "flexDirection": "row",
@@ -449,7 +449,7 @@ exports[`StyledButtonContainer has pressed with the correct variant outlined-sec
         "alignItems": "center",
         "alignSelf": "stretch",
         "backgroundColor": "transparent",
-        "borderColor": "#b5c3fd",
+        "borderColor": "#401960",
         "borderRadius": 32,
         "borderWidth": 2,
         "flexDirection": "row",
@@ -834,7 +834,7 @@ exports[`StyledButtonIcon has outlined-secondary style 1`] = `
       },
       Array [
         Object {
-          "color": "#4568fb",
+          "color": "#401960",
           "fontSize": 18,
           "lineHeight": 24,
         },
@@ -950,7 +950,7 @@ exports[`StyledButtonIcon has pressed with the correct variant outlined-danger s
       },
       Array [
         Object {
-          "color": "#f46363",
+          "color": "#de350b",
           "fontSize": 18,
           "lineHeight": 24,
         },
@@ -974,7 +974,7 @@ exports[`StyledButtonIcon has pressed with the correct variant outlined-primary
       },
       Array [
         Object {
-          "color": "#808f91",
+          "color": "#4d6265",
           "fontSize": 18,
           "lineHeight": 24,
         },
@@ -998,7 +998,7 @@ exports[`StyledButtonIcon has pressed with the correct variant outlined-secondar
       },
       Array [
         Object {
-          "color": "#b5c3fd",
+          "color": "#401960",
           "fontSize": 18,
           "lineHeight": 24,
         },
@@ -1022,7 +1022,7 @@ exports[`StyledButtonIcon has pressed with the correct variant text-danger style
       },
       Array [
         Object {
-          "color": "#f46363",
+          "color": "#de350b",
           "fontSize": 16,
           "lineHeight": 24,
         },
@@ -1046,7 +1046,7 @@ exports[`StyledButtonIcon has pressed with the correct variant text-primary styl
       },
       Array [
         Object {
-          "color": "#808f91",
+          "color": "#4d6265",
           "fontSize": 16,
           "lineHeight": 24,
         },
@@ -1070,7 +1070,7 @@ exports[`StyledButtonIcon has pressed with the correct variant text-secondary st
       },
       Array [
         Object {
-          "color": "#b5c3fd",
+          "color": "#401960",
           "fontSize": 16,
           "lineHeight": 24,
         },
@@ -1142,7 +1142,7 @@ exports[`StyledButtonIcon has text-secondary style 1`] = `
       },
       Array [
         Object {
-          "color": "#4568fb",
+          "color": "#401960",
           "fontSize": 16,
           "lineHeight": 24,
         },
@@ -1417,7 +1417,7 @@ exports[`StyledButtonText has outlined-secondary style 1`] = `
       },
       Array [
         Object {
-          "color": "#4568fb",
+          "color": "#401960",
           "flexShrink": 1,
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 18,
@@ -1587,7 +1587,7 @@ exports[`StyledButtonText has pressed with the correct variant outlined-danger s
       },
       Array [
         Object {
-          "color": "#f46363",
+          "color": "#de350b",
           "flexShrink": 1,
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 18,
@@ -1621,7 +1621,7 @@ exports[`StyledButtonText has pressed with the correct variant outlined-primary
       },
       Array [
         Object {
-          "color": "#808f91",
+          "color": "#4d6265",
           "flexShrink": 1,
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 18,
@@ -1655,7 +1655,7 @@ exports[`StyledButtonText has pressed with the correct variant outlined-secondar
       },
       Array [
         Object {
-          "color": "#b5c3fd",
+          "color": "#401960",
           "flexShrink": 1,
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 18,
@@ -1689,7 +1689,7 @@ exports[`StyledButtonText has pressed with the correct variant text-danger style
       },
       Array [
         Object {
-          "color": "#f46363",
+          "color": "#de350b",
           "flexShrink": 1,
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 16,
@@ -1723,7 +1723,7 @@ exports[`StyledButtonText has pressed with the correct variant text-primary styl
       },
       Array [
         Object {
-          "color": "#808f91",
+          "color": "#4d6265",
           "flexShrink": 1,
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 16,
@@ -1757,7 +1757,7 @@ exports[`StyledButtonText has pressed with the correct variant text-secondary st
       },
       Array [
         Object {
-          "color": "#b5c3fd",
+          "color": "#401960",
           "flexShrink": 1,
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 16,
@@ -1856,7 +1856,7 @@ exports[`StyledButtonText has text-secondary style 1`] = `
       },
       Array [
         Object {
-          "color": "#4568fb",
+          "color": "#401960",
           "flexShrink": 1,
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 16,

package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap

@@ -65,7 +65,7 @@ exports[`CalendarRowItem renders correctly 1`] = `
       style={
         Array [
           Object {
-            "backgroundColor": "#8505a2",
+            "backgroundColor": "#001f23",
             "borderRadius": 999,
             "bottom": "10%",
             "height": 4,
@@ -128,7 +128,7 @@ exports[`CalendarRowItem renders correctly 2`] = `
       style={
         Array [
           Object {
-            "color": "#808f91",
+            "color": "#4d6265",
             "fontFamily": "BeVietnamPro-Regular",
             "fontSize": 14,
             "letterSpacing": 0.42,
@@ -147,7 +147,7 @@ exports[`CalendarRowItem renders correctly 2`] = `
       style={
         Array [
           Object {
-            "backgroundColor": "#8505a2",
+            "backgroundColor": "#001f23",
             "borderRadius": 999,
             "bottom": "10%",
             "height": 4,
@@ -195,7 +195,7 @@ exports[`CalendarRowItem renders correctly when is current date 1`] = `
     style={
       Object {
         "alignItems": "center",
-        "backgroundColor": "#8505a2",
+        "backgroundColor": "#001f23",
         "borderColor": "#001f23",
         "borderRadius": 999,
         "borderWidth": 0,
@@ -277,7 +277,7 @@ exports[`CalendarRowItem renders correctly when selected, and is current date eq
     style={
       Object {
         "alignItems": "center",
-        "backgroundColor": "#8505a2",
+        "backgroundColor": "#001f23",
         "borderColor": "#001f23",
         "borderRadius": 999,
         "borderWidth": 0,
@@ -359,7 +359,7 @@ exports[`CalendarRowItem renders correctly when selected, and is current date eq
     style={
       Object {
         "alignItems": "center",
-        "backgroundColor": "#8505a2",
+        "backgroundColor": "#001f23",
         "borderColor": "#001f23",
         "borderRadius": 999,
         "borderWidth": 0,

package/src/components/Card/DataCard/__tests__/__snapshots__/StyledDataCard.spec.tsx.snap

@@ -5,7 +5,7 @@ exports[`Indicator renders correctly when intent is archived 1`] = `
   style={
     Array [
       Object {
-        "backgroundColor": "#bfc1c5",
+        "backgroundColor": "#ccced1",
         "height": "100%",
         "width": 16,
       },
@@ -21,7 +21,7 @@ exports[`Indicator renders correctly when intent is danger 1`] = `
   style={
     Array [
       Object {
-        "backgroundColor": "#e3602a",
+        "backgroundColor": "#f46363",
         "height": "100%",
         "width": 16,
       },
@@ -53,7 +53,7 @@ exports[`Indicator renders correctly when intent is primary 1`] = `
   style={
     Array [
       Object {
-        "backgroundColor": "#c38cee",
+        "backgroundColor": "#001f23",
         "height": "100%",
         "width": 16,
       },

package/src/components/Card/DataCard/__tests__/__snapshots__/index.spec.tsx.snap

@@ -17,7 +17,7 @@ exports[`DataCard renders correctly when intent is archived 1`] = `
     style={
       Array [
         Object {
-          "backgroundColor": "#bfc1c5",
+          "backgroundColor": "#ccced1",
           "height": "100%",
           "width": 16,
         },
@@ -47,7 +47,7 @@ exports[`DataCard renders correctly when intent is danger 1`] = `
     style={
       Array [
         Object {
-          "backgroundColor": "#e3602a",
+          "backgroundColor": "#f46363",
           "height": "100%",
           "width": 16,
         },

package/src/components/Card/__tests__/__snapshots__/StyledCard.spec.tsx.snap

@@ -5,7 +5,7 @@ exports[`LeftDataCard renders correctly 1`] = `
   style={
     Array [
       Object {
-        "backgroundColor": "#8505a2",
+        "backgroundColor": "#001f23",
         "height": "100%",
         "width": 16,
       },

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

@@ -42,7 +42,7 @@ exports[`Card renders correctly when intent is primary 1`] = `
   style={
     Array [
       Object {
-        "backgroundColor": "#c38cee",
+        "backgroundColor": "#001f23",
         "borderRadius": 12,
         "overflow": "hidden",
       },