@hero-design/rn 8.34.2 → 8.34.4

package/.turbo/turbo-build.log

@@ -4,5 +4,5 @@ $ rollup -c
 src/index.ts → lib/index.js, es/index.js...
 (!) Plugin replace: @rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.
 (!) Plugin node-resolve: preferring built-in module 'events' over local alternative at '/root/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning
-created lib/index.js, es/index.js in 25.2s
+created lib/index.js, es/index.js in 24.7s
 $ tsc --noEmit false --emitDeclarationOnly --project tsconfig.prod.json

package/es/index.js

@@ -914,6 +914,7 @@ var createColorScales = function createColorScales(base) {
 };
 var BASE_COLORS = {
   aliceBlue: '#ecf0ff',
+  amaranthaRed: '#cb300a',
   antiFlashWhite: '#f1f2f3',
   apple: '#e3602a',
   bigStone: '#344348',
@@ -923,6 +924,7 @@ var BASE_COLORS = {
   blueOblivion: '#23438f',
   blazingBonfire: '#ffa234',
   cornflowerBlue: '#5d80f0',
+  cumberlandFog: '#dadbde',
   currant: '#48000a',
   darkBlue: '#25006e',
   deepSaffron: '#ffa234',
@@ -930,6 +932,7 @@ var BASE_COLORS = {
   emerald: '#5ace7d',
   flagstone: '#acacaf',
   frenchSky: '#8999ff',
+  gentianFlower: '#355bfb',
   gold: '#ffd500',
   green: '#01b39c',
   grey: '#a3a6ac',
@@ -945,6 +948,7 @@ var BASE_COLORS = {
   mellowApricot: '#ffbe71',
   mintLeaf: '#01cbb0',
   nightBlue: '#353957',
+  orangeBrown: '#ac5d00',
   pastelRed: '#f46363',
   pastelBlue: '#a1b5fc',
   paua: '#130066',
@@ -966,7 +970,8 @@ var BASE_COLORS = {
   vodka: '#b5c3fd',
   theatreGold: '#a56822',
   uniformGreen: '#4d4628',
-  yellow: '#fadb14'
+  yellow: '#fadb14',
+  windsorGrey: '#606065'
 };
 var colorScales = Object.entries(BASE_COLORS).reduce(function (acc, _ref16) {
   var _ref17 = _slicedToArray(_ref16, 2),
@@ -1099,15 +1104,19 @@ Object.assign(Object.assign({}, palette$b), {
   maasstrichtBlueLight30: maasstrichtBlue$4.lighten30
 });
 var aliceBlue$1 = colorScales.aliceBlue,
+  amaranthaRed = colorScales.amaranthaRed,
   antiFlashWhite$1 = colorScales.antiFlashWhite,
   apple$2 = colorScales.apple,
+  cumberlandFog = colorScales.cumberlandFog,
   deepSaffron$1 = colorScales.deepSaffron,
   emerald$1 = colorScales.emerald,
+  gentianFlower = colorScales.gentianFlower,
   grey$1 = colorScales.grey,
   honeydew$1 = colorScales.honeydew,
   linen$1 = colorScales.linen,
   maasstrichtBlue$3 = colorScales.maasstrichtBlue,
   mellowApricot$1 = colorScales.mellowApricot,
+  orangeBrown = colorScales.orangeBrown,
   pastelRed$1 = colorScales.pastelRed,
   pineGreen$1 = colorScales.pineGreen,
   seashell$1 = colorScales.seashell,
@@ -1116,6 +1125,7 @@ var aliceBlue$1 = colorScales.aliceBlue,
   ultramarineBlue$1 = colorScales.ultramarineBlue,
   vermilion$1 = colorScales.vermilion,
   vodka$1 = colorScales.vodka,
+  windsorGrey = colorScales.windsorGrey,
   black$1 = colorScales.black;
 var palette$8 = {
   black: black$1.base,
@@ -1153,7 +1163,12 @@ var palette$8 = {
   antiFlashWhite: antiFlashWhite$1.base,
   apple: apple$2.base,
   silverChalice: silverChalice$1.base,
-  silverChaliceLight20: silverChalice$1.lighten20
+  silverChaliceLight20: silverChalice$1.lighten20,
+  amaranthaRed: amaranthaRed.base,
+  orangeBrown: orangeBrown.base,
+  gentianFlower: gentianFlower.base,
+  windsorGrey: windsorGrey.base,
+  cumberlandFog: cumberlandFog.base
 };
 var aliceBlue = colorScales.aliceBlue,
   antiFlashWhite = colorScales.antiFlashWhite,
@@ -1267,6 +1282,7 @@ var palette$5 = Object.assign(Object.assign({}, palette$8), {
   violetLight20: violet1$2.lighten20,
   violetLight30: violet1$2.lighten30,
   violetLight90: violet1$2.lighten90,
+  violetDark20: violet1$2.darken20,
   mauve: mauve$2.base,
   mauveLight80: mauve$2.lighten80
 });
@@ -1276,6 +1292,7 @@ var apple = colorScales.apple,
 var palette$4 = Object.assign(Object.assign({}, palette$8), {
   apple: apple.base,
   appleLight10: apple.lighten10,
+  appleDark20: apple.darken20,
   hitPink: hitPink.base,
   hitPinkLight30: hitPink.lighten30,
   hitPinkLight50: hitPink.lighten50,
@@ -1293,6 +1310,7 @@ var palette$3 = Object.assign(Object.assign({}, palette$8), {
   scarletGumLight80: scarletGum$1.lighten80,
   scarletGumLight90: scarletGum$1.lighten90,
   scarletGum: scarletGum$1.base,
+  scarletGumDark20: scarletGum$1.darken20,
   violetLight30: violet1$1.lighten30,
   violetLight50: violet1$1.lighten50,
   violetLight80: violet1$1.lighten80,
@@ -1332,6 +1350,7 @@ var palette$1 = Object.assign(Object.assign({}, palette$8), {
   royalBlueLight10: royalBlue.lighten10,
   royalBlueLight80: royalBlue.lighten80,
   royalBlueLight90: royalBlue.lighten90,
+  royalBlueDark20: royalBlue.darken20,
   royalBlueDark30: royalBlue.darken30,
   frenchSky: frenchSky.base,
   frenchSkyLight70: frenchSky.lighten70,
@@ -1376,11 +1395,11 @@ var globalPalette$1 = {
   error: palette$8.pastelRed,
   mutedError: palette$8.pastelRedLight20,
   errorSurface: palette$8.linen,
-  onErrorSurface: palette$8.vermilion,
+  onErrorSurface: palette$8.amaranthaRed,
   warning: palette$8.mellowApricot,
   mutedWarning: palette$8.mellowApricotLight20,
   warningSurface: palette$8.seashell,
-  onWarningSurface: palette$8.deepSaffron,
+  onWarningSurface: palette$8.orangeBrown,
   success: palette$8.emerald,
   mutedSuccess: palette$8.emeraldLight20,
   successSurface: palette$8.honeydew,
@@ -1388,11 +1407,11 @@ var globalPalette$1 = {
   info: palette$8.vodka,
   mutedInfo: palette$8.vodkaLight20,
   infoSurface: palette$8.aliceBlue,
-  onInfoSurface: palette$8.ultramarineBlue,
+  onInfoSurface: palette$8.gentianFlower,
   archived: palette$8.silverChalice,
   mutedArchived: palette$8.silverChaliceLight20,
-  archivedSurface: palette$8.antiFlashWhite,
-  onArchivedSurface: palette$8.sonicSilver
+  archivedSurface: palette$8.cumberlandFog,
+  onArchivedSurface: palette$8.windsorGrey
   // End of Updated 21 / Nov / 22
 };
 
@@ -1403,7 +1422,7 @@ var swagBrandSystemPallete = {
   onSecondary: palette$3.white,
   defaultSurface: palette$3.greyLight90,
   highlightedSurface: palette$3.scarletGumLight90,
-  pressedSurface: palette$3.scarletGumLight20,
+  pressedSurface: palette$3.scarletGumDark20,
   decorativePrimary: palette$3.white,
   decorativePrimarySurface: palette$3.maasstrichtBlueLight80
 };
@@ -1483,7 +1502,7 @@ var jobsBrandSystemPallete = {
   onSecondary: palette$4.white,
   defaultSurface: palette$4.white,
   highlightedSurface: palette$4.hitPinkLight90,
-  pressedSurface: palette$4.appleLight10,
+  pressedSurface: palette$4.appleDark20,
   decorativePrimary: palette$4.hitPink,
   decorativePrimarySurface: palette$4.hitPinkLight80
 };
@@ -1494,9 +1513,9 @@ var walletBrandSystemPallete = {
   onPrimary: palette$1.white,
   secondary: palette$1.royalBlueDark30,
   onSecondary: palette$1.white,
-  defaultSurface: palette$1.frenchSkyLight70,
+  defaultSurface: palette$1.white,
   highlightedSurface: palette$1.royalBlueLight90,
-  pressedSurface: palette$1.royalBlueLight10,
+  pressedSurface: palette$1.royalBlueDark20,
   decorativePrimary: palette$1.frenchSky,
   decorativePrimarySurface: palette$1.frenchSkyLight80
 };
@@ -1507,9 +1526,9 @@ var eBensBrandSystemPallete = {
   onPrimary: palette$5.white,
   secondary: palette$5.violetLight30,
   onSecondary: palette$5.white,
-  defaultSurface: palette$5.greyLight90,
+  defaultSurface: palette$5.white,
   highlightedSurface: palette$5.violetLight90,
-  pressedSurface: palette$5.violetLight20,
+  pressedSurface: palette$5.violetDark20,
   decorativePrimary: palette$5.mauve,
   decorativePrimarySurface: palette$5.mauveLight80
 };
@@ -2763,8 +2782,12 @@ var getSwipeableTheme = function getSwipeableTheme(theme) {
     danger: theme.colors.error,
     primary: theme.colors.primary
   };
+  var radii = {
+    swipeableContainer: theme.radii.medium
+  };
   return {
-    colors: colors
+    colors: colors,
+    radii: radii
   };
 };
 
@@ -3123,7 +3146,7 @@ var getTypographyTheme = function getTypographyTheme(theme) {
         h2: theme.fontSizes.xxxxxlarge,
         h3: theme.fontSizes.xxxxlarge,
         h4: theme.fontSizes.xxxlarge,
-        h5: theme.fontSizes.xxlarge,
+        h5: theme.fontSizes.xlarge,
         h6: theme.fontSizes.large
       }
     },
@@ -3165,7 +3188,7 @@ var getTypographyTheme = function getTypographyTheme(theme) {
         h2: theme.lineHeights.xxxxxlarge,
         h3: theme.lineHeights.xxxxlarge,
         h4: theme.lineHeights.xxxlarge,
-        h5: theme.lineHeights.xxlarge,
+        h5: theme.lineHeights.xlarge,
         h6: theme.lineHeights.xxlarge
       }
     },
@@ -14779,6 +14802,7 @@ var Swipeable = function Swipeable(_ref) {
     rightActions = _ref.rightActions,
     rightActionsWidth = _ref.rightActionsWidth,
     swipeableProps = _objectWithoutProperties(_ref, _excluded$8);
+  var theme = useTheme();
   var _useWindowDimensions = useWindowDimensions(),
     width = _useWindowDimensions.width;
   var swipeableRef = useRef(null);
@@ -14817,6 +14841,9 @@ var Swipeable = function Swipeable(_ref) {
     },
     onSwipeableClose: function onSwipeableClose() {
       return onStateChange === null || onStateChange === void 0 ? void 0 : onStateChange('closed');
+    },
+    containerStyle: {
+      borderRadius: theme.__hd__.swipeable.radii.swipeableContainer
     }
   }), children));
 };

package/lib/index.js

@@ -945,6 +945,7 @@ var createColorScales = function createColorScales(base) {
 };
 var BASE_COLORS = {
   aliceBlue: '#ecf0ff',
+  amaranthaRed: '#cb300a',
   antiFlashWhite: '#f1f2f3',
   apple: '#e3602a',
   bigStone: '#344348',
@@ -954,6 +955,7 @@ var BASE_COLORS = {
   blueOblivion: '#23438f',
   blazingBonfire: '#ffa234',
   cornflowerBlue: '#5d80f0',
+  cumberlandFog: '#dadbde',
   currant: '#48000a',
   darkBlue: '#25006e',
   deepSaffron: '#ffa234',
@@ -961,6 +963,7 @@ var BASE_COLORS = {
   emerald: '#5ace7d',
   flagstone: '#acacaf',
   frenchSky: '#8999ff',
+  gentianFlower: '#355bfb',
   gold: '#ffd500',
   green: '#01b39c',
   grey: '#a3a6ac',
@@ -976,6 +979,7 @@ var BASE_COLORS = {
   mellowApricot: '#ffbe71',
   mintLeaf: '#01cbb0',
   nightBlue: '#353957',
+  orangeBrown: '#ac5d00',
   pastelRed: '#f46363',
   pastelBlue: '#a1b5fc',
   paua: '#130066',
@@ -997,7 +1001,8 @@ var BASE_COLORS = {
   vodka: '#b5c3fd',
   theatreGold: '#a56822',
   uniformGreen: '#4d4628',
-  yellow: '#fadb14'
+  yellow: '#fadb14',
+  windsorGrey: '#606065'
 };
 var colorScales = Object.entries(BASE_COLORS).reduce(function (acc, _ref16) {
   var _ref17 = _slicedToArray(_ref16, 2),
@@ -1130,15 +1135,19 @@ Object.assign(Object.assign({}, palette$b), {
   maasstrichtBlueLight30: maasstrichtBlue$4.lighten30
 });
 var aliceBlue$1 = colorScales.aliceBlue,
+  amaranthaRed = colorScales.amaranthaRed,
   antiFlashWhite$1 = colorScales.antiFlashWhite,
   apple$2 = colorScales.apple,
+  cumberlandFog = colorScales.cumberlandFog,
   deepSaffron$1 = colorScales.deepSaffron,
   emerald$1 = colorScales.emerald,
+  gentianFlower = colorScales.gentianFlower,
   grey$1 = colorScales.grey,
   honeydew$1 = colorScales.honeydew,
   linen$1 = colorScales.linen,
   maasstrichtBlue$3 = colorScales.maasstrichtBlue,
   mellowApricot$1 = colorScales.mellowApricot,
+  orangeBrown = colorScales.orangeBrown,
   pastelRed$1 = colorScales.pastelRed,
   pineGreen$1 = colorScales.pineGreen,
   seashell$1 = colorScales.seashell,
@@ -1147,6 +1156,7 @@ var aliceBlue$1 = colorScales.aliceBlue,
   ultramarineBlue$1 = colorScales.ultramarineBlue,
   vermilion$1 = colorScales.vermilion,
   vodka$1 = colorScales.vodka,
+  windsorGrey = colorScales.windsorGrey,
   black$1 = colorScales.black;
 var palette$8 = {
   black: black$1.base,
@@ -1184,7 +1194,12 @@ var palette$8 = {
   antiFlashWhite: antiFlashWhite$1.base,
   apple: apple$2.base,
   silverChalice: silverChalice$1.base,
-  silverChaliceLight20: silverChalice$1.lighten20
+  silverChaliceLight20: silverChalice$1.lighten20,
+  amaranthaRed: amaranthaRed.base,
+  orangeBrown: orangeBrown.base,
+  gentianFlower: gentianFlower.base,
+  windsorGrey: windsorGrey.base,
+  cumberlandFog: cumberlandFog.base
 };
 var aliceBlue = colorScales.aliceBlue,
   antiFlashWhite = colorScales.antiFlashWhite,
@@ -1298,6 +1313,7 @@ var palette$5 = Object.assign(Object.assign({}, palette$8), {
   violetLight20: violet1$2.lighten20,
   violetLight30: violet1$2.lighten30,
   violetLight90: violet1$2.lighten90,
+  violetDark20: violet1$2.darken20,
   mauve: mauve$2.base,
   mauveLight80: mauve$2.lighten80
 });
@@ -1307,6 +1323,7 @@ var apple = colorScales.apple,
 var palette$4 = Object.assign(Object.assign({}, palette$8), {
   apple: apple.base,
   appleLight10: apple.lighten10,
+  appleDark20: apple.darken20,
   hitPink: hitPink.base,
   hitPinkLight30: hitPink.lighten30,
   hitPinkLight50: hitPink.lighten50,
@@ -1324,6 +1341,7 @@ var palette$3 = Object.assign(Object.assign({}, palette$8), {
   scarletGumLight80: scarletGum$1.lighten80,
   scarletGumLight90: scarletGum$1.lighten90,
   scarletGum: scarletGum$1.base,
+  scarletGumDark20: scarletGum$1.darken20,
   violetLight30: violet1$1.lighten30,
   violetLight50: violet1$1.lighten50,
   violetLight80: violet1$1.lighten80,
@@ -1363,6 +1381,7 @@ var palette$1 = Object.assign(Object.assign({}, palette$8), {
   royalBlueLight10: royalBlue.lighten10,
   royalBlueLight80: royalBlue.lighten80,
   royalBlueLight90: royalBlue.lighten90,
+  royalBlueDark20: royalBlue.darken20,
   royalBlueDark30: royalBlue.darken30,
   frenchSky: frenchSky.base,
   frenchSkyLight70: frenchSky.lighten70,
@@ -1407,11 +1426,11 @@ var globalPalette$1 = {
   error: palette$8.pastelRed,
   mutedError: palette$8.pastelRedLight20,
   errorSurface: palette$8.linen,
-  onErrorSurface: palette$8.vermilion,
+  onErrorSurface: palette$8.amaranthaRed,
   warning: palette$8.mellowApricot,
   mutedWarning: palette$8.mellowApricotLight20,
   warningSurface: palette$8.seashell,
-  onWarningSurface: palette$8.deepSaffron,
+  onWarningSurface: palette$8.orangeBrown,
   success: palette$8.emerald,
   mutedSuccess: palette$8.emeraldLight20,
   successSurface: palette$8.honeydew,
@@ -1419,11 +1438,11 @@ var globalPalette$1 = {
   info: palette$8.vodka,
   mutedInfo: palette$8.vodkaLight20,
   infoSurface: palette$8.aliceBlue,
-  onInfoSurface: palette$8.ultramarineBlue,
+  onInfoSurface: palette$8.gentianFlower,
   archived: palette$8.silverChalice,
   mutedArchived: palette$8.silverChaliceLight20,
-  archivedSurface: palette$8.antiFlashWhite,
-  onArchivedSurface: palette$8.sonicSilver
+  archivedSurface: palette$8.cumberlandFog,
+  onArchivedSurface: palette$8.windsorGrey
   // End of Updated 21 / Nov / 22
 };
 
@@ -1434,7 +1453,7 @@ var swagBrandSystemPallete = {
   onSecondary: palette$3.white,
   defaultSurface: palette$3.greyLight90,
   highlightedSurface: palette$3.scarletGumLight90,
-  pressedSurface: palette$3.scarletGumLight20,
+  pressedSurface: palette$3.scarletGumDark20,
   decorativePrimary: palette$3.white,
   decorativePrimarySurface: palette$3.maasstrichtBlueLight80
 };
@@ -1514,7 +1533,7 @@ var jobsBrandSystemPallete = {
   onSecondary: palette$4.white,
   defaultSurface: palette$4.white,
   highlightedSurface: palette$4.hitPinkLight90,
-  pressedSurface: palette$4.appleLight10,
+  pressedSurface: palette$4.appleDark20,
   decorativePrimary: palette$4.hitPink,
   decorativePrimarySurface: palette$4.hitPinkLight80
 };
@@ -1525,9 +1544,9 @@ var walletBrandSystemPallete = {
   onPrimary: palette$1.white,
   secondary: palette$1.royalBlueDark30,
   onSecondary: palette$1.white,
-  defaultSurface: palette$1.frenchSkyLight70,
+  defaultSurface: palette$1.white,
   highlightedSurface: palette$1.royalBlueLight90,
-  pressedSurface: palette$1.royalBlueLight10,
+  pressedSurface: palette$1.royalBlueDark20,
   decorativePrimary: palette$1.frenchSky,
   decorativePrimarySurface: palette$1.frenchSkyLight80
 };
@@ -1538,9 +1557,9 @@ var eBensBrandSystemPallete = {
   onPrimary: palette$5.white,
   secondary: palette$5.violetLight30,
   onSecondary: palette$5.white,
-  defaultSurface: palette$5.greyLight90,
+  defaultSurface: palette$5.white,
   highlightedSurface: palette$5.violetLight90,
-  pressedSurface: palette$5.violetLight20,
+  pressedSurface: palette$5.violetDark20,
   decorativePrimary: palette$5.mauve,
   decorativePrimarySurface: palette$5.mauveLight80
 };
@@ -2794,8 +2813,12 @@ var getSwipeableTheme = function getSwipeableTheme(theme) {
     danger: theme.colors.error,
     primary: theme.colors.primary
   };
+  var radii = {
+    swipeableContainer: theme.radii.medium
+  };
   return {
-    colors: colors
+    colors: colors,
+    radii: radii
   };
 };
 
@@ -3154,7 +3177,7 @@ var getTypographyTheme = function getTypographyTheme(theme) {
         h2: theme.fontSizes.xxxxxlarge,
         h3: theme.fontSizes.xxxxlarge,
         h4: theme.fontSizes.xxxlarge,
-        h5: theme.fontSizes.xxlarge,
+        h5: theme.fontSizes.xlarge,
         h6: theme.fontSizes.large
       }
     },
@@ -3196,7 +3219,7 @@ var getTypographyTheme = function getTypographyTheme(theme) {
         h2: theme.lineHeights.xxxxxlarge,
         h3: theme.lineHeights.xxxxlarge,
         h4: theme.lineHeights.xxxlarge,
-        h5: theme.lineHeights.xxlarge,
+        h5: theme.lineHeights.xlarge,
         h6: theme.lineHeights.xxlarge
       }
     },
@@ -14810,6 +14833,7 @@ var Swipeable = function Swipeable(_ref) {
     rightActions = _ref.rightActions,
     rightActionsWidth = _ref.rightActionsWidth,
     swipeableProps = _objectWithoutProperties(_ref, _excluded$8);
+  var theme = useTheme();
   var _useWindowDimensions = reactNative.useWindowDimensions(),
     width = _useWindowDimensions.width;
   var swipeableRef = React.useRef(null);
@@ -14848,6 +14872,9 @@ var Swipeable = function Swipeable(_ref) {
     },
     onSwipeableClose: function onSwipeableClose() {
       return onStateChange === null || onStateChange === void 0 ? void 0 : onStateChange('closed');
+    },
+    containerStyle: {
+      borderRadius: theme.__hd__.swipeable.radii.swipeableContainer
     }
   }), children));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.34.2",
+  "version": "8.34.4",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -21,13 +21,13 @@
   "dependencies": {
     "@emotion/native": "^11.9.3",
     "@emotion/react": "^11.9.3",
-    "@hero-design/colors": "8.34.2",
+    "@hero-design/colors": "8.34.4",
     "date-fns": "^2.16.1",
     "events": "^3.2.0",
     "hero-editor": "^1.9.21"
   },
   "peerDependencies": {
-    "@hero-design/react-native-month-year-picker": "^8.34.2",
+    "@hero-design/react-native-month-year-picker": "^8.34.4",
     "@react-native-community/datetimepicker": "^3.5.2",
     "@react-native-community/slider": "4.1.12",
     "react": "18.0.0",
@@ -47,8 +47,8 @@
     "@babel/preset-typescript": "^7.17.12",
     "@babel/runtime": "^7.18.9",
     "@emotion/jest": "^11.9.3",
-    "@hero-design/eslint-plugin": "8.34.2",
-    "@hero-design/react-native-month-year-picker": "^8.34.2",
+    "@hero-design/eslint-plugin": "8.34.4",
+    "@hero-design/react-native-month-year-picker": "^8.34.4",
     "@react-native-community/datetimepicker": "^3.5.2",
     "@react-native-community/slider": "4.1.12",
     "@rollup/plugin-babel": "^5.3.1",
@@ -64,10 +64,10 @@
     "@types/react-native": "^0.67.7",
     "@types/react-native-vector-icons": "^6.4.10",
     "babel-plugin-inline-import": "^3.0.0",
-    "eslint-config-hd": "8.34.2",
+    "eslint-config-hd": "8.34.4",
     "eslint-plugin-import": "^2.27.5",
     "jest": "^27.3.1",
-    "prettier-config-hd": "8.34.2",
+    "prettier-config-hd": "8.34.4",
     "react": "18.0.0",
     "react-native": "0.69.7",
     "react-native-gesture-handler": "~2.5.0",

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

@@ -143,7 +143,7 @@ exports[`Attachment renders correctly 1`] = `
       style={
         Array [
           Object {
-            "color": "#de350b",
+            "color": "#cb300a",
             "fontSize": 20,
           },
           undefined,

package/src/components/Badge/__tests__/__snapshots__/Badge.spec.tsx.snap

@@ -6,7 +6,7 @@ exports[`Badge has danger style when intent is danger 1`] = `
   style={
     Object {
       "alignItems": "center",
-      "backgroundColor": "#de350b",
+      "backgroundColor": "#cb300a",
       "borderRadius": 999,
       "height": 20,
       "justifyContent": "center",
@@ -59,7 +59,7 @@ exports[`Badge has info style when intent is info 1`] = `
   style={
     Object {
       "alignItems": "center",
-      "backgroundColor": "#4568fb",
+      "backgroundColor": "#355bfb",
       "borderRadius": 999,
       "height": 20,
       "justifyContent": "center",
@@ -218,7 +218,7 @@ exports[`Badge has warning style when intent is warning 1`] = `
   style={
     Object {
       "alignItems": "center",
-      "backgroundColor": "#ffa234",
+      "backgroundColor": "#ac5d00",
       "borderRadius": 999,
       "height": 20,
       "justifyContent": "center",

package/src/components/Badge/__tests__/__snapshots__/Status.spec.tsx.snap

@@ -21,7 +21,7 @@ exports[`Status Badge renders correctly 1`] = `
     collapsable={false}
     style={
       Object {
-        "backgroundColor": "#de350b",
+        "backgroundColor": "#cb300a",
         "borderRadius": 999,
         "height": 8,
         "opacity": 1,

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

@@ -85,7 +85,7 @@ exports[`StyledLoadingIndicator has outlined-danger style 1`] = `
   style={
     Array [
       Object {
-        "backgroundColor": "#de350b",
+        "backgroundColor": "#cb300a",
         "borderRadius": 8,
         "height": 12,
         "marginBottom": 4,
@@ -145,7 +145,7 @@ exports[`StyledLoadingIndicator has text-danger style 1`] = `
   style={
     Array [
       Object {
-        "backgroundColor": "#de350b",
+        "backgroundColor": "#cb300a",
         "borderRadius": 8,
         "height": 12,
         "marginBottom": 4,

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

@@ -489,7 +489,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-danger
       style={
         Array [
           Object {
-            "backgroundColor": "#de350b",
+            "backgroundColor": "#cb300a",
             "borderRadius": 8,
             "height": 12,
             "marginBottom": 4,
@@ -521,7 +521,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-danger
       style={
         Array [
           Object {
-            "backgroundColor": "#de350b",
+            "backgroundColor": "#cb300a",
             "borderRadius": 8,
             "height": 12,
             "marginBottom": 4,
@@ -553,7 +553,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-danger
       style={
         Array [
           Object {
-            "backgroundColor": "#de350b",
+            "backgroundColor": "#cb300a",
             "borderRadius": 8,
             "height": 12,
             "marginBottom": 4,
@@ -831,7 +831,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-danger 1`]
       style={
         Array [
           Object {
-            "backgroundColor": "#de350b",
+            "backgroundColor": "#cb300a",
             "borderRadius": 8,
             "height": 12,
             "marginBottom": 4,
@@ -863,7 +863,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-danger 1`]
       style={
         Array [
           Object {
-            "backgroundColor": "#de350b",
+            "backgroundColor": "#cb300a",
             "borderRadius": 8,
             "height": 12,
             "marginBottom": 4,
@@ -895,7 +895,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-danger 1`]
       style={
         Array [
           Object {
-            "backgroundColor": "#de350b",
+            "backgroundColor": "#cb300a",
             "borderRadius": 8,
             "height": 12,
             "marginBottom": 4,

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

@@ -1161,7 +1161,7 @@ exports[`Button renders correctly 13`] = `
         },
         Array [
           Object {
-            "color": "#de350b",
+            "color": "#cb300a",
             "flexShrink": 1,
             "lineHeight": 22,
             "textAlign": "center",
@@ -1244,7 +1244,7 @@ exports[`Button renders correctly 14`] = `
         style={
           Array [
             Object {
-              "backgroundColor": "#de350b",
+              "backgroundColor": "#cb300a",
               "borderRadius": 8,
               "height": 12,
               "marginBottom": 4,
@@ -1276,7 +1276,7 @@ exports[`Button renders correctly 14`] = `
         style={
           Array [
             Object {
-              "backgroundColor": "#de350b",
+              "backgroundColor": "#cb300a",
               "borderRadius": 8,
               "height": 12,
               "marginBottom": 4,
@@ -1308,7 +1308,7 @@ exports[`Button renders correctly 14`] = `
         style={
           Array [
             Object {
-              "backgroundColor": "#de350b",
+              "backgroundColor": "#cb300a",
               "borderRadius": 8,
               "height": 12,
               "marginBottom": 4,