be-components 3.3.5 → 3.3.7

package/lib/commonjs/ProfileManager/Components/ProfileWelcome.js

@@ -6,119 +6,102 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-var _colors = _interopRequireDefault(require("../../constants/colors"));
 var _Components = require("../../Components");
 var _api = require("../api");
-var _styles = require("../../constants/styles");
+var _Themed = require("../../Components/Themed");
+var _useColors = require("../../constants/useColors");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ProfileWelcome = ({
   player,
   code_details,
-  width,
   onStartSetup,
   onClose
 }) => {
+  const C = (0, _useColors.useColors)();
   const {
     code_request,
     promo,
     referrer
   } = code_details;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  return /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
-      flex: 1
+      flexGrow: 1
     }
   }, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
     style: {
-      flex: 1
+      flexGrow: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       padding: 20
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 30,
-    color: _colors.default.brand.midnight,
-    weight: "bold"
-  }, "Welcome @", player.username, "!"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+    theme: "h2"
+  }, "Welcome @", player.username, "!"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 15
     },
     size: 16,
-    color: _colors.default.brand.midnight,
-    weight: "regular"
+    theme: "h2"
   }, "We are so glad that you found us! Use the setup wizard to complete your account setup.")), /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
     source: {
       uri: 'https://res.cloudinary.com/hoabts6mc/image/upload/v1714506366/Welcome_James_pfzn7z.webp'
     },
     style: {
-      width,
-      height: width,
-      opacity: 0.6
+      width: 300,
+      height: 300,
+      alignSelf: 'center'
     },
     resizeMode: "cover"
-  })), code_request && !['closed', 'fulfilled'].includes(code_request.status) && promo ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })), code_request && !['closed', 'fulfilled'].includes(code_request.status) && promo ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    float: true,
     style: {
       margin: 15,
       marginTop: -50,
-      flexDirection: 'row',
-      backgroundColor: _colors.default.shades.white,
-      borderRadius: 8,
-      ..._styles.view_styles.float
+      flexDirection: 'row'
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       padding: 10,
       justifyContent: 'center'
     }
   }, /*#__PURE__*/_react.default.createElement(_Components.Icons.GiftIcon, {
     size: 40,
-    color: _colors.default.incentive.gold
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    color: C.text.gold
+  })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       flex: 1,
-      backgroundColor: _colors.default.incentive.gold_faded,
       padding: 10
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      paddingBottom: 10,
-      borderBottomWidth: 1,
-      borderBottomColor: _colors.default.shades.shade600
-    },
-    size: 16,
-    color: _colors.default.brand.midnight,
-    weight: "bold"
-  }, "@", referrer?.username, " has a gift for you"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, "@", referrer?.username, " has a gift for you"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       paddingTop: 5
     },
-    size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "semibold"
-  }, _api.ProfileHelpers.getReferralDescription(promo)))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    theme: "h2"
+  }, _api.ProfileHelpers.getReferralDescription(promo)))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flexDirection: 'row',
       padding: 10
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: `DO IT LATER`,
     style: {
       flex: 3,
       marginRight: 5
     },
-    borderColor: _colors.default.brand.electric,
-    title_color: _colors.default.brand.electric,
-    borderWidth: 1,
-    padding: 15,
+    type: "close",
     onPress: () => onClose()
-  }), /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: "SET UP MY ACCOUNT",
     style: {
       flex: 5
     },
-    backgroundColor: _colors.default.utility.success,
-    title_color: _colors.default.shades.white,
-    padding: 15,
+    type: "success",
     onPress: () => onStartSetup()
   })));
 };

package/lib/commonjs/ProfileManager/Components/ProfileWelcome.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colors","_Components","_api","_styles","e","__esModule","default","ProfileWelcome","player","code_details","width","onStartSetup","onClose","code_request","promo","referrer","createElement","View","style","flex","ScrollView","padding","Text","size","color","Colors","brand","midnight","weight","username","marginTop","Image","source","uri","height","opacity","resizeMode","includes","status","margin","flexDirection","backgroundColor","shades","white","borderRadius","view_styles","float","justifyContent","Icons","GiftIcon","incentive","gold","gold_faded","paddingBottom","borderBottomWidth","borderBottomColor","shade600","paddingTop","ProfileHelpers","getReferralDescription","Fragment","Button","title","marginRight","borderColor","electric","title_color","borderWidth","onPress","utility","success","_default","exports"],"sourceRoot":"../../../../src","sources":["ProfileManager/Components/ProfileWelcome.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Components","_api","_Themed","_useColors","e","__esModule","default","ProfileWelcome","player","code_details","onStartSetup","onClose","C","useColors","code_request","promo","referrer","createElement","View","style","flexGrow","ScrollView","padding","Text","size","theme","username","marginTop","Image","source","uri","width","height","alignSelf","resizeMode","includes","status","float","margin","flexDirection","transparent","justifyContent","Icons","GiftIcon","color","text","gold","flex","paddingTop","ProfileHelpers","getReferralDescription","Fragment","Button","title","marginRight","type","onPress","_default","exports"],"sourceRoot":"../../../../src","sources":["ProfileManager/Components/ProfileWelcome.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ProfileManager/Components/ProfileWizard.js

@@ -21,6 +21,8 @@ var _CodeRedeem = _interopRequireDefault(require("./CodeRedeem"));
 var _SettingsManager = _interopRequireDefault(require("./SettingsManager"));
 var _api = require("../api");
 var _styles = require("../../constants/styles");
+var _Themed = require("../../Components/Themed");
+var _useColors = require("../../constants/useColors");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -47,6 +49,7 @@ const ProfileWizard = ({
   onClose,
   onLogout
 }) => {
+  const C = (0, _useColors.useColors)();
   const [draft_player, setDraftPlayer] = (0, _react.useState)(player);
   const [show_code_request, setShowCodeRequest] = (0, _react.useState)(false);
   const [welcome_hidden, setWelcomeHidden] = (0, _react.useState)(false);
@@ -341,13 +344,13 @@ const ProfileWizard = ({
         alignItems: 'center',
         padding: 10,
         borderBottomWidth: 1,
-        borderBottomColor: _colors.default.shades.shade600
+        borderBottomColor: C.borders.light
       },
       onPress: () => {
         setActiveLevel(data.item);
         setActiveStep(data.item.profile_steps[0]);
       }
-    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
       style: {
         height: 20,
         width: 20,
@@ -359,52 +362,45 @@ const ProfileWizard = ({
         alignItems: 'center'
       }
     }, data.item.pct_complete == 1 ? /*#__PURE__*/_react.default.createElement(_Components.Icons.CheckIcon, {
-      color: _colors.default.utility.success,
+      color: C.text.success,
       size: 14
-    }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), /*#__PURE__*/_react.default.createElement(_Themed.View, {
       style: {
         flex: 1,
         marginLeft: 10,
         marginRight: 10
       }
-    }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-      size: 16,
-      color: _colors.default.brand.midnight,
-      weight: "bold"
-    }, data.item.label), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h1"
+    }, data.item.label), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
       style: {
         marginTop: 3
       },
-      size: 14,
-      color: _colors.default.brand.midnight,
-      weight: "regular"
-    }, data.item.description)), data.item.pct_complete ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      theme: "h2"
+    }, data.item.description)), data.item.pct_complete ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
       style: {
         marginRight: 10
       }
-    }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-      size: 14,
-      color: _colors.default.brand.midnight
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h2"
     }, (data.item.pct_complete * 100).toFixed(), "%")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_Components.Icons.ChevronIcon, {
       direction: "right",
       size: 10,
-      color: _colors.default.brand.midnight
+      color: C.text.h1
     }));
   };
   const renderGroups = data => {
     if (hidden_groups && hidden_groups.includes(data.item.key)) {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
     }
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    return /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__PURE__*/_react.default.createElement(_Themed.View, {
       style: {
         padding: 10,
         borderBottomWidth: 1,
-        borderBottomColor: _colors.default.shades.shade600
+        borderBottomColor: C.borders.light
       }
-    }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-      size: 18,
-      color: _colors.default.brand.midnight,
-      weight: "bold"
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h1"
     }, data.item.name)), /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
       data: data.item.profile_levels,
       renderItem: renderLevels,
@@ -432,24 +428,25 @@ const ProfileWizard = ({
         borderTopLeftRadius: data.index == 0 ? 22 : 0
       },
       onPress: () => setActiveStep(data.item)
-    }, !walkthrough ? /*#__PURE__*/_react.default.createElement(_Components.Text, {
+    }, !walkthrough ? /*#__PURE__*/_react.default.createElement(_Themed.Text, {
       size: 14,
       textAlign: "center",
-      color: active ? _colors.default.shades.white : _colors.default.brand.midnight,
+      theme: "h1",
       weight: active ? 'bold' : 'regular'
     }, data.item.label) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
   };
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  return /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
-      flex: 1
+      flexGrow: 1
     }
-  }, !active_level && !show_code_request ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, !active_level && !show_code_request ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
-      flex: 1
+      flexGrow: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
-      flex: 1
+      flexGrow: 1
     }
   }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
     data: groups,
@@ -472,93 +469,78 @@ const ProfileWizard = ({
       height: width * 0.6 / 3
     },
     resizeMode: "center"
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flexDirection: 'row',
       padding: 10
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: "CLOSE",
     style: {
       flex: 3,
       marginLeft: 5
     },
-    title_color: _colors.default.brand.electric,
-    backgroundColor: _colors.default.shades.white,
-    borderWidth: 1,
-    borderColor: _colors.default.brand.electric,
-    padding: 15,
+    type: "close",
     onPress: () => onClose()
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+  }), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    onPress: () => setShowLogout(true),
+    type: "error",
     style: {
-      backgroundColor: _colors.default.utility.error,
-      borderRadius: 22,
-      padding: 10,
-      marginLeft: 10,
-      paddingLeft: 20,
-      paddingRight: 20,
-      justifyContent: 'center',
-      alignItems: 'center'
-    },
-    onPress: () => setShowLogout(true)
+      marginLeft: 20
+    }
   }, /*#__PURE__*/_react.default.createElement(_Components.Icons.LogoutIcon, {
-    color: _colors.default.shades.white,
+    color: C.text.h1,
     size: 20
-  }))), show_logout ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }))), show_logout ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "blur",
     style: {
       position: 'absolute',
       top: 0,
       left: 0,
       right: 0,
       bottom: 0,
-      backgroundColor: _colors.default.shades.black_faded,
       justifyContent: 'center',
       alignItems: 'center'
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    float: true,
     style: {
-      backgroundColor: _colors.default.shades.white,
       padding: 10,
       borderRadius: 22,
       minWidth: 250
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       padding: 15
     },
     size: 18,
-    color: _colors.default.brand.midnight,
-    weight: "bold",
+    theme: "h1",
     textAlign: "center"
-  }, "ARE YOU SURE?"), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, "ARE YOU SURE?"), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       flexDirection: 'row',
       padding: 10
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: "NO",
     style: {
       flex: 1,
       marginRight: 3
     },
-    title_color: _colors.default.brand.electric,
-    padding: 15,
-    borderWidth: 1,
-    borderColor: _colors.default.brand.electric,
+    type: "close",
     onPress: () => setShowLogout(false)
-  }), /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: "YES - LOGOUT",
     style: {
       flex: 3,
       marginLeft: 3
     },
-    title_color: _colors.default.shades.white,
-    backgroundColor: _colors.default.utility.error,
-    padding: 15,
+    type: "error",
     onPress: onLogout
-  })))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)) : /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
-      flex: 1
+      flexGrow: 1
     }
   }, !walkthrough && active_level ? /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
     style: {
@@ -566,7 +548,7 @@ const ProfileWizard = ({
       alignItems: 'center',
       padding: 10,
       borderTopWidth: 2,
-      borderColor: _colors.default.shades.shade600
+      borderColor: C.borders.light
     },
     onPress: () => {
       setActiveLevel(undefined);
@@ -575,28 +557,24 @@ const ProfileWizard = ({
   }, /*#__PURE__*/_react.default.createElement(_Components.Icons.ChevronIcon, {
     direction: "left",
     size: 10,
-    color: _colors.default.brand.midnight
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    color: C.text.h1
+  }), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flex: 1,
       marginLeft: 20,
       marginRight: 20
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 16,
-    color: _colors.default.brand.midnight,
-    weight: "bold"
-  }, active_level.label), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, active_level.label), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 3
     },
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "regular"
-  }, active_level.description)), active_level.pct_complete ? /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight
-  }, (active_level.pct_complete * 100).toFixed(), "%")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    theme: "h2"
+  }, active_level.description)), active_level.pct_complete ? /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description"
+  }, (active_level.pct_complete * 100).toFixed(), "%")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       borderWidth: 1,
       borderColor: _colors.default.shades.shade600,
@@ -609,7 +587,7 @@ const ProfileWizard = ({
     horizontal: true,
     showsHorizontalScrollIndicator: false,
     keyExtractor: item => item.check
-  }), walkthrough == 'verify' && code_details.code_request && code_details.promo ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }), walkthrough == 'verify' && code_details.code_request && code_details.promo ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       position: 'absolute',
       right: -4,
@@ -618,7 +596,7 @@ const ProfileWizard = ({
       justifyContent: 'center',
       alignItems: 'center'
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       height: 30,
       width: 30,
@@ -631,9 +609,9 @@ const ProfileWizard = ({
   }, /*#__PURE__*/_react.default.createElement(_Components.Icons.GiftIcon, {
     size: 18,
     color: _colors.default.incentive.gold
-  }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
-      flex: 1
+      flexGrow: 1
     }
   }, !active_step && show_code_request ? /*#__PURE__*/_react.default.createElement(_CodeRedeem.default, {
     walkthrough: false,
@@ -653,7 +631,6 @@ const ProfileWizard = ({
     }
   }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), !active_step && show_welcome && !welcome_hidden && !show_code_request ? /*#__PURE__*/_react.default.createElement(_ProfileWelcome.default, {
     player: draft_player,
-    width: width,
     code_details: code_details,
     onStartSetup: () => {
       onNextStep('welcome');
@@ -850,7 +827,7 @@ const ProfileWizard = ({
     title: "Notification Settings",
     description: "Set how and where you would like to receive notifications",
     icon: /*#__PURE__*/_react.default.createElement(_Components.Icons.PreferencesIcon, {
-      color: _colors.default.shades.white,
+      color: C.text.h1,
       size: 18
     }),
     settings: settings.filter(s => s.setting_type == 'notification'),
@@ -861,7 +838,7 @@ const ProfileWizard = ({
     title: "Preferences",
     description: "Manage global configrations on your account",
     icon: /*#__PURE__*/_react.default.createElement(_Components.Icons.NotificationIcon, {
-      color: _colors.default.shades.white,
+      color: C.text.h1,
       size: 20
     }),
     settings: settings.filter(s => s.setting_type == 'preference'),
@@ -872,7 +849,7 @@ const ProfileWizard = ({
     title: "Share Settings",
     description: "Set who can see your activity",
     icon: /*#__PURE__*/_react.default.createElement(_Components.Icons.EyeOnIcon, {
-      color: _colors.default.shades.white,
+      color: C.text.h1,
       size: 20
     }),
     settings: settings.filter(s => s.setting_type == 'sharing'),