fix(avatar): change default color bg

gympass · Oct 17, 2023 · d1d1091 · d1d1091
1 parent 339656b
commit d1d1091
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 17 deletions.
diff --git a/packages/yoga/src/Avatar/native/Avatar.jsx b/packages/yoga/src/Avatar/native/Avatar.jsx
@@ -65,7 +65,7 @@ const Avatar = forwardRef(
       >
         <Box
           ref={ref}
-          bgColor="#000"
+          bgColor="elements.selectionAndIcons"
           display="flex"
           alignItems="center"
           justifyContent="center"

diff --git a/packages/yoga/src/Avatar/native/__snapshots__/Avatar.test.jsx.snap b/packages/yoga/src/Avatar/native/__snapshots__/Avatar.test.jsx.snap
@@ -31,7 +31,7 @@ exports[`<Avatar /> should match snapshot in avatar with children prop 1`] = `
 >
   <View
     alignItems="center"
-    bgColor="#000"
+    bgColor="elements.selectionAndIcons"
     borderRadius="small"
     display="flex"
     height="100%"
@@ -41,7 +41,7 @@ exports[`<Avatar /> should match snapshot in avatar with children prop 1`] = `
       [
         {
           "alignItems": "center",
-          "backgroundColor": "#000",
+          "backgroundColor": "#9898A6",
           "borderRadius": 8,
           "display": "flex",
           "height": "100%",
@@ -106,7 +106,7 @@ exports[`<Avatar /> should match snapshot in circle avatar 1`] = `
 >
   <View
     alignItems="center"
-    bgColor="#000"
+    bgColor="elements.selectionAndIcons"
     borderRadius="circle"
     display="flex"
     height="100%"
@@ -116,7 +116,7 @@ exports[`<Avatar /> should match snapshot in circle avatar 1`] = `
       [
         {
           "alignItems": "center",
-          "backgroundColor": "#000",
+          "backgroundColor": "#9898A6",
           "borderRadius": 9999,
           "display": "flex",
           "height": "100%",
@@ -240,7 +240,7 @@ exports[`<Avatar /> should match snapshot in circle avatar with placeholder prop
 >
   <View
     alignItems="center"
-    bgColor="#000"
+    bgColor="elements.selectionAndIcons"
     borderRadius="circle"
     display="flex"
     height="100%"
@@ -251,7 +251,7 @@ exports[`<Avatar /> should match snapshot in circle avatar with placeholder prop
       [
         {
           "alignItems": "center",
-          "backgroundColor": "#000",
+          "backgroundColor": "#9898A6",
           "borderRadius": 9999,
           "display": "flex",
           "height": "100%",
@@ -375,7 +375,7 @@ exports[`<Avatar /> should match snapshot in default avatar 1`] = `
 >
   <View
     alignItems="center"
-    bgColor="#000"
+    bgColor="elements.selectionAndIcons"
     borderRadius="small"
     display="flex"
     height="100%"
@@ -385,7 +385,7 @@ exports[`<Avatar /> should match snapshot in default avatar 1`] = `
       [
         {
           "alignItems": "center",
-          "backgroundColor": "#000",
+          "backgroundColor": "#9898A6",
           "borderRadius": 8,
           "display": "flex",
           "height": "100%",
@@ -509,7 +509,7 @@ exports[`<Avatar /> should match snapshot in default avatar with placeholder pro
 >
   <View
     alignItems="center"
-    bgColor="#000"
+    bgColor="elements.selectionAndIcons"
     borderRadius="small"
     display="flex"
     height="100%"
@@ -520,7 +520,7 @@ exports[`<Avatar /> should match snapshot in default avatar with placeholder pro
       [
         {
           "alignItems": "center",
-          "backgroundColor": "#000",
+          "backgroundColor": "#9898A6",
           "borderRadius": 8,
           "display": "flex",
           "height": "100%",

diff --git a/packages/yoga/src/Result/native/__snapshots__/Result.test.jsx.snap b/packages/yoga/src/Result/native/__snapshots__/Result.test.jsx.snap
@@ -47,7 +47,7 @@ exports[`<Result /> should match snapshot 1`] = `
   >
     <View
       alignItems="center"
-      bgColor="#000"
+      bgColor="elements.selectionAndIcons"
       borderRadius="circle"
       display="flex"
       height="100%"
@@ -57,7 +57,7 @@ exports[`<Result /> should match snapshot 1`] = `
         [
           {
             "alignItems": "center",
-            "backgroundColor": "#000",
+            "backgroundColor": "#9898A6",
             "borderRadius": 9999,
             "display": "flex",
             "height": "100%",
@@ -1063,7 +1063,7 @@ exports[`<Result /> should match snapshot without attendence 1`] = `
   >
     <View
       alignItems="center"
-      bgColor="#000"
+      bgColor="elements.selectionAndIcons"
       borderRadius="small"
       display="flex"
       height="100%"
@@ -1073,7 +1073,7 @@ exports[`<Result /> should match snapshot without attendence 1`] = `
         [
           {
             "alignItems": "center",
-            "backgroundColor": "#000",
+            "backgroundColor": "#9898A6",
             "borderRadius": 8,
             "display": "flex",
             "height": "100%",
@@ -1576,7 +1576,7 @@ exports[`<Result /> should match snapshot without limitLabel prop 1`] = `
   >
     <View
       alignItems="center"
-      bgColor="#000"
+      bgColor="elements.selectionAndIcons"
       borderRadius="circle"
       display="flex"
       height="100%"
@@ -1586,7 +1586,7 @@ exports[`<Result /> should match snapshot without limitLabel prop 1`] = `
         [
           {
             "alignItems": "center",
-            "backgroundColor": "#000",
+            "backgroundColor": "#9898A6",
             "borderRadius": 9999,
             "display": "flex",
             "height": "100%",