@hero-design/rn 7.27.0 → 7.27.1

package/lib/index.js

@@ -967,6 +967,7 @@ var BASE_COLORS = {
   peach: '#f8ac7d',
   pineGreen: '#017d6d',
   pink: '#fe56aa',
+  policeBlue: '#2e456d',
   purple: '#be83cf',
   royalBlue: '#5a68e2',
   scarletGum: '#401960',
@@ -988,16 +989,16 @@ var colorScales = Object.entries(BASE_COLORS).reduce(function (acc, _ref16) {
   return Object.assign(Object.assign({}, acc), _defineProperty({}, key, createColorScales(value)));
 }, {});
 var blue$1 = colorScales.blue,
-  ultramarineBlue$1 = colorScales.ultramarineBlue,
+  ultramarineBlue$2 = colorScales.ultramarineBlue,
   green$1 = colorScales.green,
   grey$1 = colorScales.grey,
   grotesqueGreen = colorScales.grotesqueGreen,
-  deepSaffron$1 = colorScales.deepSaffron,
+  deepSaffron$2 = colorScales.deepSaffron,
   pink$1 = colorScales.pink,
   purple$1 = colorScales.purple,
-  vermilion$1 = colorScales.vermilion,
+  vermilion$2 = colorScales.vermilion,
   smalt = colorScales.smalt,
-  violet$3 = colorScales.violet,
+  violet$2 = colorScales.violet,
   yellow$1 = colorScales.yellow;
 ({
   black: '#000000',
@@ -1008,11 +1009,11 @@ var blue$1 = colorScales.blue,
   blueLight30: blue$1.lighten30,
   blueLight75: blue$1.lighten75,
   blueLight90: blue$1.lighten90,
-  dodgerBlue: ultramarineBlue$1.base,
-  dodgerBlueDark30: ultramarineBlue$1.darken30,
-  dodgerBlueLight30: ultramarineBlue$1.lighten30,
-  dodgerBlueLight75: ultramarineBlue$1.lighten75,
-  dodgerBlueLight90: ultramarineBlue$1.lighten90,
+  dodgerBlue: ultramarineBlue$2.base,
+  dodgerBlueDark30: ultramarineBlue$2.darken30,
+  dodgerBlueLight30: ultramarineBlue$2.lighten30,
+  dodgerBlueLight75: ultramarineBlue$2.lighten75,
+  dodgerBlueLight90: ultramarineBlue$2.lighten90,
   green: green$1.base,
   greenDark15: green$1.darken15,
   greenDark30: green$1.darken30,
@@ -1037,13 +1038,13 @@ var blue$1 = colorScales.blue,
   grotesqueGreenLight60: grotesqueGreen.lighten60,
   grotesqueGreenLight75: grotesqueGreen.lighten75,
   grotesqueGreenLight90: grotesqueGreen.lighten90,
-  orange: deepSaffron$1.base,
-  orangeDark15: deepSaffron$1.darken15,
-  orangeDark30: deepSaffron$1.darken30,
-  orangeDark75: deepSaffron$1.darken75,
-  orangeLight30: deepSaffron$1.lighten30,
-  orangeLight75: deepSaffron$1.lighten75,
-  orangeLight90: deepSaffron$1.lighten90,
+  orange: deepSaffron$2.base,
+  orangeDark15: deepSaffron$2.darken15,
+  orangeDark30: deepSaffron$2.darken30,
+  orangeDark75: deepSaffron$2.darken75,
+  orangeLight30: deepSaffron$2.lighten30,
+  orangeLight75: deepSaffron$2.lighten75,
+  orangeLight90: deepSaffron$2.lighten90,
   pink: pink$1.base,
   pinkDark15: pink$1.darken15,
   pinkDark30: pink$1.darken30,
@@ -1055,30 +1056,30 @@ var blue$1 = colorScales.blue,
   pinkLight90: pink$1.lighten90,
   purple: purple$1.base,
   purpleDark15: purple$1.darken15,
-  red: vermilion$1.base,
-  redDark15: vermilion$1.darken15,
-  redDark30: vermilion$1.darken30,
-  redDark75: vermilion$1.darken75,
-  redLight15: vermilion$1.lighten15,
-  redLight30: vermilion$1.lighten30,
-  redLight60: vermilion$1.lighten60,
-  redLight75: vermilion$1.lighten75,
-  redLight90: vermilion$1.lighten90,
+  red: vermilion$2.base,
+  redDark15: vermilion$2.darken15,
+  redDark30: vermilion$2.darken30,
+  redDark75: vermilion$2.darken75,
+  redLight15: vermilion$2.lighten15,
+  redLight30: vermilion$2.lighten30,
+  redLight60: vermilion$2.lighten60,
+  redLight75: vermilion$2.lighten75,
+  redLight90: vermilion$2.lighten90,
   smalt: smalt.base,
   smaltDark75: smalt.darken75,
   smaltLight30: smalt.lighten30,
   smaltLight45: smalt.lighten45,
   smaltLight75: smalt.lighten75,
   smaltLight90: smalt.lighten90,
-  violet: violet$3.base,
-  violetDark15: violet$3.darken15,
-  violetDark30: violet$3.darken30,
-  violetDark45: violet$3.darken45,
-  violetDark75: violet$3.darken75,
-  violetLight30: violet$3.lighten30,
-  violetLight60: violet$3.lighten60,
-  violetLight75: violet$3.lighten75,
-  violetLight90: violet$3.lighten90,
+  violet: violet$2.base,
+  violetDark15: violet$2.darken15,
+  violetDark30: violet$2.darken30,
+  violetDark45: violet$2.darken45,
+  violetDark75: violet$2.darken75,
+  violetLight30: violet$2.lighten30,
+  violetLight60: violet$2.lighten60,
+  violetLight75: violet$2.lighten75,
+  violetLight90: violet$2.lighten90,
   yellow: yellow$1.base,
   yellowDark15: yellow$1.darken15,
   yellowDark75: yellow$1.darken75,
@@ -1087,32 +1088,23 @@ var blue$1 = colorScales.blue,
 });
 var aliceBlue = colorScales.aliceBlue,
   antiFlashWhite = colorScales.antiFlashWhite,
-  apple$1 = colorScales.apple,
-  currant$1 = colorScales.currant,
-  darkBlue = colorScales.darkBlue,
-  deepSaffron = colorScales.deepSaffron,
-  emerald = colorScales.emerald,
-  gold$1 = colorScales.gold,
+  apple$2 = colorScales.apple,
+  deepSaffron$1 = colorScales.deepSaffron,
+  emerald$1 = colorScales.emerald,
   grey$2 = colorScales.grey,
   honeydew$1 = colorScales.honeydew,
   linen$1 = colorScales.linen,
-  maasstrichtBlue = colorScales.maasstrichtBlue,
-  mauve$2 = colorScales.mauve,
+  maasstrichtBlue$1 = colorScales.maasstrichtBlue,
   mellowApricot = colorScales.mellowApricot,
-  nightBlue = colorScales.nightBlue,
-  pastelRed = colorScales.pastelRed,
-  pineGreen = colorScales.pineGreen,
-  royalBlue$1 = colorScales.royalBlue,
-  scarletGum$1 = colorScales.scarletGum,
+  pastelRed$1 = colorScales.pastelRed,
+  pineGreen$1 = colorScales.pineGreen,
   seashell$1 = colorScales.seashell,
   silverChalice = colorScales.silverChalice,
-  sonicSilver = colorScales.sonicSilver,
-  ultramarineBlue = colorScales.ultramarineBlue,
-  vermilion = colorScales.vermilion,
-  violet$2 = colorScales.violet,
-  violet1$1 = colorScales.violet1,
+  sonicSilver$1 = colorScales.sonicSilver,
+  ultramarineBlue$1 = colorScales.ultramarineBlue,
+  vermilion$1 = colorScales.vermilion,
   vodka = colorScales.vodka;
-var palette$5 = {
+var palette$6 = {
   black: '#000000',
   white: '#ffffff',
   greyLight95: grey$2.lighten95,
@@ -1121,60 +1113,89 @@ var palette$5 = {
   greyLight45: grey$2.lighten45,
   greyLight30: grey$2.lighten30,
   grey: grey$2.base,
-  maasstrichtBlueLight90: maasstrichtBlue.lighten90,
-  maasstrichtBlueLight80: maasstrichtBlue.lighten80,
-  maasstrichtBlueLight50: maasstrichtBlue.lighten50,
-  maasstrichtBlueLight30: maasstrichtBlue.lighten30,
-  maasstrichtBlue: maasstrichtBlue.base,
-  pastelRed: pastelRed.base,
-  pastelRedLight20: pastelRed.lighten20,
+  maasstrichtBlueLight90: maasstrichtBlue$1.lighten90,
+  maasstrichtBlueLight80: maasstrichtBlue$1.lighten80,
+  maasstrichtBlueLight50: maasstrichtBlue$1.lighten50,
+  maasstrichtBlueLight30: maasstrichtBlue$1.lighten30,
+  maasstrichtBlue: maasstrichtBlue$1.base,
+  pastelRed: pastelRed$1.base,
+  pastelRedLight20: pastelRed$1.lighten20,
   mellowApricot: mellowApricot.base,
   mellowApricotLight20: mellowApricot.lighten20,
-  emerald: emerald.base,
-  emeraldLight20: emerald.lighten20,
-  emeraldDark20: emerald.darken20,
+  emerald: emerald$1.base,
+  emeraldLight20: emerald$1.lighten20,
+  emeraldDark20: emerald$1.darken20,
   vodka: vodka.base,
   vodkaLight20: vodka.lighten20,
-  vermilion: vermilion.base,
-  deepSaffron: deepSaffron.base,
-  deepSaffronDark20: deepSaffron.darken20,
-  pineGreen: pineGreen.base,
-  ultramarineBlue: ultramarineBlue.base,
-  sonicSilver: sonicSilver.base,
+  vermilion: vermilion$1.base,
+  deepSaffron: deepSaffron$1.base,
+  deepSaffronDark20: deepSaffron$1.darken20,
+  pineGreen: pineGreen$1.base,
+  ultramarineBlue: ultramarineBlue$1.base,
+  sonicSilver: sonicSilver$1.base,
   linen: linen$1.base,
   seashell: seashell$1.base,
   honeydew: honeydew$1.base,
   aliceBlue: aliceBlue.base,
   antiFlashWhite: antiFlashWhite.base,
-  apple: apple$1.base,
+  apple: apple$2.base,
+  silverChalice: silverChalice.base,
+  silverChaliceLight20: silverChalice.lighten20
+};
+var currant$1 = colorScales.currant,
+  sonicSilver = colorScales.sonicSilver,
+  maasstrichtBlue = colorScales.maasstrichtBlue,
+  nightBlue = colorScales.nightBlue,
+  darkBlue = colorScales.darkBlue,
+  ultramarineBlue = colorScales.ultramarineBlue,
+  royalBlue$1 = colorScales.royalBlue,
+  emerald = colorScales.emerald,
+  pineGreen = colorScales.pineGreen,
+  deepSaffron = colorScales.deepSaffron,
+  gold$1 = colorScales.gold,
+  apple$1 = colorScales.apple,
+  pastelRed = colorScales.pastelRed,
+  vermilion = colorScales.vermilion,
+  mauve$2 = colorScales.mauve,
+  violet1$1 = colorScales.violet1,
+  violet$1 = colorScales.violet,
+  scarletGum$1 = colorScales.scarletGum;
+var palette$5 = {
   currant: currant$1.base,
+  sonicSilver: sonicSilver.base,
+  maasstrichtBlue: maasstrichtBlue.base,
   nightBlue: nightBlue.base,
   darkBlue: darkBlue.base,
+  ultramarineBlue: ultramarineBlue.base,
   royalBlue: royalBlue$1.base,
   royalBlueDark20: royalBlue$1.darken20,
+  emeraldDark20: emerald.darken20,
+  pineGreen: pineGreen.base,
+  deepSaffronDark20: deepSaffron.darken20,
   goldDark40: gold$1.darken40,
+  apple: apple$1.base,
+  pastelRed: pastelRed.base,
+  vermilion: vermilion.base,
   mauve: mauve$2.base,
-  violet: violet$2.base,
-  violetLight30: violet$2.lighten30,
+  violetLight30: violet$1.lighten30,
   violet1: violet1$1.base,
-  scarletGum: scarletGum$1.base,
-  silverChalice: silverChalice.base,
-  silverChaliceLight20: silverChalice.lighten20
+  violet: violet$1.base,
+  scarletGum: scarletGum$1.base
 };
-var violet$1 = colorScales.violet,
+var violet$3 = colorScales.violet,
   mauve$1 = colorScales.mauve;
-var palette$4 = Object.assign(Object.assign({}, palette$5), {
-  violet: violet$1.base,
-  violetLight20: violet$1.lighten20,
-  violetLight30: violet$1.lighten30,
-  violetLight90: violet$1.lighten90,
+var palette$4 = Object.assign(Object.assign({}, palette$6), {
+  violet: violet$3.base,
+  violetLight20: violet$3.lighten20,
+  violetLight30: violet$3.lighten30,
+  violetLight90: violet$3.lighten90,
   mauve: mauve$1.base,
   mauveLight80: mauve$1.lighten80
 });
 var apple = colorScales.apple,
   currant = colorScales.currant,
   hitPink = colorScales.hitPink;
-var palette$3 = Object.assign(Object.assign({}, palette$5), {
+var palette$3 = Object.assign(Object.assign({}, palette$6), {
   apple: apple.base,
   appleLight10: apple.lighten10,
   hitPink: hitPink.base,
@@ -1187,7 +1208,7 @@ var palette$3 = Object.assign(Object.assign({}, palette$5), {
 var scarletGum = colorScales.scarletGum,
   violet1 = colorScales.violet1,
   mauve = colorScales.mauve;
-var palette$2 = Object.assign(Object.assign({}, palette$5), {
+var palette$2 = Object.assign(Object.assign({}, palette$6), {
   scarletGumLight20: scarletGum.lighten20,
   scarletGumLight30: scarletGum.lighten30,
   scarletGumLight50: scarletGum.lighten50,
@@ -1203,7 +1224,7 @@ var palette$2 = Object.assign(Object.assign({}, palette$5), {
 });
 var royalBlue = colorScales.royalBlue,
   frenchSky = colorScales.frenchSky;
-var palette$1 = Object.assign(Object.assign({}, palette$5), {
+var palette$1 = Object.assign(Object.assign({}, palette$6), {
   royalBlue: royalBlue.base,
   royalBlueLight10: royalBlue.lighten10,
   royalBlueLight80: royalBlue.lighten80,
@@ -1214,106 +1235,104 @@ var palette$1 = Object.assign(Object.assign({}, palette$5), {
   frenchSkyLight80: frenchSky.lighten80
 });
 var gold$2 = colorScales.gold,
-  violet$4 = colorScales.violet;
-var palette = Object.assign(Object.assign({}, palette$5), {
+  policeBlue = colorScales.policeBlue;
+var palette = Object.assign(Object.assign({}, palette$6), {
   goldLight20: gold$2.lighten20,
   goldLight50: gold$2.lighten50,
   goldLight70: gold$2.lighten70,
   goldLight80: gold$2.lighten80,
   goldLight90: gold$2.lighten90,
   gold: gold$2.base,
-  violet: violet$4.base,
-  violetLight20: violet$4.lighten20,
-  violetLight30: violet$4.lighten30,
-  violetLight50: violet$4.lighten50,
-  violetLight80: violet$4.lighten80,
-  violetLight90: violet$4.lighten90
+  policeBlue: policeBlue.base,
+  policeBlueLight20: policeBlue.lighten20,
+  policeBlueLight25: policeBlue.lighten25,
+  policeBlueLight90: policeBlue.lighten90
 });
 
 var globalPalette = {
   // Updated 21 / Nov / 22
   // Surfaces
-  defaultGlobalSurface: palette$5.white,
-  onDefaultGlobalSurface: palette$5.maasstrichtBlue,
-  neutralGlobalSurface: palette$5.greyLight90,
-  mutedOnDefaultGlobalSurface: palette$5.maasstrichtBlueLight30,
-  inactiveOnDefaultGlobalSurface: palette$5.maasstrichtBlueLight50,
-  disabledOnDefaultGlobalSurface: palette$5.greyLight30,
-  darkGlobalSurface: palette$5.maasstrichtBlue,
-  onDarkGlobalSurface: palette$5.white,
+  defaultGlobalSurface: palette$6.white,
+  onDefaultGlobalSurface: palette$6.maasstrichtBlue,
+  neutralGlobalSurface: palette$6.greyLight90,
+  mutedOnDefaultGlobalSurface: palette$6.maasstrichtBlueLight30,
+  inactiveOnDefaultGlobalSurface: palette$6.maasstrichtBlueLight50,
+  disabledOnDefaultGlobalSurface: palette$6.greyLight30,
+  darkGlobalSurface: palette$6.maasstrichtBlue,
+  onDarkGlobalSurface: palette$6.white,
   // Outlines
-  primaryOutline: palette$5.maasstrichtBlue,
-  secondaryOutline: palette$5.greyLight75,
-  inactiveOutline: palette$5.maasstrichtBlueLight50,
-  disabledOutline: palette$5.greyLight30,
+  primaryOutline: palette$6.maasstrichtBlue,
+  secondaryOutline: palette$6.greyLight75,
+  inactiveOutline: palette$6.maasstrichtBlueLight50,
+  disabledOutline: palette$6.greyLight30,
   // Accents
-  error: palette$5.pastelRed,
-  mutedError: palette$5.pastelRedLight20,
-  errorSurface: palette$5.linen,
-  onErrorSurface: palette$5.vermilion,
-  warning: palette$5.mellowApricot,
-  mutedWarning: palette$5.mellowApricotLight20,
-  warningSurface: palette$5.seashell,
-  onWarningSurface: palette$5.deepSaffron,
-  success: palette$5.emerald,
-  mutedSuccess: palette$5.emeraldLight20,
-  successSurface: palette$5.honeydew,
-  onSuccessSurface: palette$5.pineGreen,
-  info: palette$5.vodka,
-  mutedInfo: palette$5.vodkaLight20,
-  infoSurface: palette$5.aliceBlue,
-  onInfoSurface: palette$5.ultramarineBlue,
-  archived: palette$5.silverChalice,
-  mutedArchived: palette$5.silverChaliceLight20,
-  archivedSurface: palette$5.antiFlashWhite,
-  onArchivedSurface: palette$5.sonicSilver
+  error: palette$6.pastelRed,
+  mutedError: palette$6.pastelRedLight20,
+  errorSurface: palette$6.linen,
+  onErrorSurface: palette$6.vermilion,
+  warning: palette$6.mellowApricot,
+  mutedWarning: palette$6.mellowApricotLight20,
+  warningSurface: palette$6.seashell,
+  onWarningSurface: palette$6.deepSaffron,
+  success: palette$6.emerald,
+  mutedSuccess: palette$6.emeraldLight20,
+  successSurface: palette$6.honeydew,
+  onSuccessSurface: palette$6.pineGreen,
+  info: palette$6.vodka,
+  mutedInfo: palette$6.vodkaLight20,
+  infoSurface: palette$6.aliceBlue,
+  onInfoSurface: palette$6.ultramarineBlue,
+  archived: palette$6.silverChalice,
+  mutedArchived: palette$6.silverChaliceLight20,
+  archivedSurface: palette$6.antiFlashWhite,
+  onArchivedSurface: palette$6.sonicSilver
   // End of Updated 21 / Nov / 22
 };
 
 var legacySystemPalette = {
-  globalPrimary: palette$5.maasstrichtBlue,
-  globalPrimaryLight: palette$5.maasstrichtBlueLight50,
-  globalPrimaryBackground: palette$5.maasstrichtBlueLight90,
+  globalPrimary: palette$6.maasstrichtBlue,
+  globalPrimaryLight: palette$6.maasstrichtBlueLight50,
+  globalPrimaryBackground: palette$6.maasstrichtBlueLight90,
   primaryLight: palette$2.violetLight50,
   primaryDark: palette$2.scarletGumLight30,
   primaryBackground: palette$2.violetLight90,
-  primaryBackgroundDark: palette$5.maasstrichtBlueLight30,
+  primaryBackgroundDark: palette$6.maasstrichtBlueLight30,
   secondaryLight: palette$2.vodka,
   secondaryBackground: palette$2.aliceBlue,
-  infoMediumLight: palette$5.vodka,
-  infoLight: palette$5.vodka,
-  infoBackground: palette$5.aliceBlue,
-  successLight: palette$5.emerald,
-  successDark: palette$5.pineGreen,
-  successBackground: palette$5.honeydew,
-  danger: palette$5.vermilion,
-  dangerMediumLight: palette$5.apple,
-  dangerLight: palette$5.pastelRed,
-  dangerBackground: palette$5.linen,
-  warningLight: palette$5.mellowApricot,
-  warningDark: palette$5.deepSaffron,
-  warningBackground: palette$5.seashell,
-  platformBackground: palette$5.white,
-  backgroundLight: palette$5.greyLight90,
-  backgroundDark: palette$5.maasstrichtBlue,
-  text: palette$5.maasstrichtBlue,
-  subduedText: palette$5.maasstrichtBlueLight30,
-  disabledText: palette$5.maasstrichtBlueLight50,
-  disabledLightText: palette$5.greyLight30,
-  invertedText: palette$5.white,
-  outline: palette$5.greyLight75,
-  archivedLight: palette$5.greyLight30,
-  archivedDark: palette$5.sonicSilver,
-  archivedBackground: palette$5.greyLight90,
-  black: palette$5.black,
-  inactiveBackground: palette$5.maasstrichtBlueLight50,
-  shadow: palette$5.greyLight45,
+  infoMediumLight: palette$6.vodka,
+  infoLight: palette$6.vodka,
+  infoBackground: palette$6.aliceBlue,
+  successLight: palette$6.emerald,
+  successDark: palette$6.pineGreen,
+  successBackground: palette$6.honeydew,
+  danger: palette$6.vermilion,
+  dangerMediumLight: palette$6.apple,
+  dangerLight: palette$6.pastelRed,
+  dangerBackground: palette$6.linen,
+  warningLight: palette$6.mellowApricot,
+  warningDark: palette$6.deepSaffron,
+  warningBackground: palette$6.seashell,
+  platformBackground: palette$6.white,
+  backgroundLight: palette$6.greyLight90,
+  backgroundDark: palette$6.maasstrichtBlue,
+  text: palette$6.maasstrichtBlue,
+  subduedText: palette$6.maasstrichtBlueLight30,
+  disabledText: palette$6.maasstrichtBlueLight50,
+  disabledLightText: palette$6.greyLight30,
+  invertedText: palette$6.white,
+  outline: palette$6.greyLight75,
+  archivedLight: palette$6.greyLight30,
+  archivedDark: palette$6.sonicSilver,
+  archivedBackground: palette$6.greyLight90,
+  black: palette$6.black,
+  inactiveBackground: palette$6.maasstrichtBlueLight50,
+  shadow: palette$6.greyLight45,
   // Updated 14 / Nov / 22
-  mutedGlobalPrimary: palette$5.maasstrichtBlueLight30,
-  onGlobalPrimary: palette$5.white,
-  globalSecondary: palette$5.maasstrichtBlueLight30,
-  globalPrimaryOutline: palette$5.maasstrichtBlue,
-  globalSecondaryOutline: palette$5.greyLight75
+  mutedGlobalPrimary: palette$6.maasstrichtBlueLight30,
+  onGlobalPrimary: palette$6.white,
+  globalSecondary: palette$6.maasstrichtBlueLight30,
+  globalPrimaryOutline: palette$6.maasstrichtBlue,
+  globalSecondaryOutline: palette$6.greyLight75
 };
 
 var swagBrandSystemPallete = {
@@ -1337,13 +1356,13 @@ var swagLegacyBrandSystemPalette = {
 var swagSystemPalette = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, legacySystemPalette), swagLegacyBrandSystemPalette), globalPalette), swagBrandSystemPallete);
 
 var workBrandSystemPallete = {
-  primary: palette.violet,
+  primary: palette.policeBlue,
   onPrimary: palette.white,
-  secondary: palette.violetLight30,
+  secondary: palette.policeBlueLight25,
   onSecondary: palette.white,
   defaultSurface: palette.white,
-  highlightedSurface: palette.violetLight90,
-  pressedSurface: palette.violetLight20,
+  highlightedSurface: palette.policeBlueLight90,
+  pressedSurface: palette.policeBlueLight20,
   decorativePrimary: palette.gold,
   decorativePrimarySurface: palette.goldLight80
 };
@@ -1611,8 +1630,7 @@ var getAvatarTheme = function getAvatarTheme(theme) {
     danger: theme.colors.error,
     success: theme.colors.success,
     warning: theme.colors.warning,
-    text: theme.colors.invertedText,
-    visualisation: [palette$5.currant, palette$5.sonicSilver, palette$5.maasstrichtBlue, palette$5.nightBlue, palette$5.darkBlue, palette$5.ultramarineBlue, palette$5.royalBlue, palette$5.royalBlueDark20, palette$5.emeraldDark20, palette$5.pineGreen, palette$5.deepSaffronDark20, palette$5.goldDark40, palette$5.apple, palette$5.pastelRed, palette$5.vermilion, palette$5.mauve, palette$5.violetLight30, palette$5.violet1, palette$5.violet, palette$5.scarletGum]
+    text: theme.colors.invertedText
   };
   var sizes = {
     small: theme.sizes.xlarge,
@@ -6667,11 +6685,9 @@ var shuffleArray = function shuffleArray(array) {
  * Hook that returns a memoized and shuffled array of visualisation colors for Avatar.
  */
 var useAvatarColors = function useAvatarColors() {
-  var theme = useTheme();
-  var visualisationColors = theme.__hd__.avatar.colors.visualisation;
   var shuffledColors = React.useMemo(function () {
-    return shuffleArray(visualisationColors);
-  }, [visualisationColors]);
+    return shuffleArray(Object.values(palette$5));
+  }, []);
   return shuffledColors;
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "7.27.0",
+  "version": "7.27.1",
   "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.27.0",
+    "@hero-design/colors": "7.27.1",
     "date-fns": "^2.16.1",
     "events": "^3.2.0",
     "hero-editor": "^1.9.12"
@@ -58,7 +58,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.27.0",
+    "eslint-config-hd": "7.27.1",
     "jest": "^27.3.1",
     "react": "17.0.2",
     "react-native": "0.65.1",
@@ -72,7 +72,7 @@
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-flow": "^1.1.1",
     "ts-jest": "^27.0.7",
-    "prettier-config-hd": "7.27.0",
+    "prettier-config-hd": "7.27.1",
     "rn-7-23-0": "npm:@hero-design/rn@7.23.0"
   },
   "prettier": "prettier-config-hd"

package/src/components/Avatar/AvatarStack/__tests__/StyledAvatarStack.spec.tsx

@@ -1,10 +1,13 @@
 import React from 'react';
 import renderWithTheme from '../../../../testHelpers/renderWithTheme';
 import { StyledWrapper, StyledAvatar } from '../StyledAvatarStack';
-import theme from '../../../../theme';
 
-beforeAll(() => {
-  theme.__hd__.avatar.colors.visualisation = [theme.colors.primary];
+beforeEach(() => {
+  jest.spyOn(Math, 'random').mockReturnValue(0.123);
+});
+
+afterEach(() => {
+  jest.spyOn(Math, 'random').mockRestore();
 });
 
 describe('StyledWrapper', () => {

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

@@ -30,7 +30,7 @@ exports[`AvatarStack renders correctly by default 1`] = `
     onStartShouldSetResponder={[Function]}
     style={
       Object {
-        "backgroundColor": "#401960",
+        "backgroundColor": "#48000a",
         "borderRadius": 999,
         "height": 32,
         "left": 0,
@@ -87,7 +87,7 @@ exports[`AvatarStack renders correctly by default 1`] = `
     onStartShouldSetResponder={[Function]}
     style={
       Object {
-        "backgroundColor": "#401960",
+        "backgroundColor": "#737479",
         "borderRadius": 999,
         "height": 32,
         "left": 22.4,
@@ -144,7 +144,7 @@ exports[`AvatarStack renders correctly by default 1`] = `
     onStartShouldSetResponder={[Function]}
     style={
       Object {
-        "backgroundColor": "#401960",
+        "backgroundColor": "#001f23",
         "borderRadius": 999,
         "height": 32,
         "left": 44.8,
@@ -201,7 +201,7 @@ exports[`AvatarStack renders correctly by default 1`] = `
     onStartShouldSetResponder={[Function]}
     style={
       Object {
-        "backgroundColor": "#401960",
+        "backgroundColor": "#353957",
         "borderRadius": 999,
         "height": 32,
         "left": 67.19999999999999,
@@ -258,7 +258,7 @@ exports[`AvatarStack renders correctly by default 1`] = `
     onStartShouldSetResponder={[Function]}
     style={
       Object {
-        "backgroundColor": "#401960",
+        "backgroundColor": "#25006e",
         "borderRadius": 999,
         "height": 32,
         "left": 89.6,
@@ -334,7 +334,7 @@ exports[`AvatarStack renders correctly with custom props 1`] = `
     onStartShouldSetResponder={[Function]}
     style={
       Object {
-        "backgroundColor": "#401960",
+        "backgroundColor": "#48000a",
         "borderRadius": 999,
         "height": 40,
         "left": 0,
@@ -391,7 +391,7 @@ exports[`AvatarStack renders correctly with custom props 1`] = `
     onStartShouldSetResponder={[Function]}
     style={
       Object {
-        "backgroundColor": "#401960",
+        "backgroundColor": "#737479",
         "borderRadius": 999,
         "height": 40,
         "left": 28,
@@ -448,7 +448,7 @@ exports[`AvatarStack renders correctly with custom props 1`] = `
     onStartShouldSetResponder={[Function]}
     style={
       Object {
-        "backgroundColor": "#401960",
+        "backgroundColor": "#001f23",
         "borderRadius": 999,
         "height": 40,
         "left": 56,
@@ -505,7 +505,7 @@ exports[`AvatarStack renders correctly with custom props 1`] = `
     onStartShouldSetResponder={[Function]}
     style={
       Object {
-        "backgroundColor": "#401960",
+        "backgroundColor": "#353957",
         "borderRadius": 999,
         "height": 40,
         "left": 84,

package/src/components/Avatar/AvatarStack/__tests__/index.spec.tsx

@@ -1,10 +1,13 @@
 import React from 'react';
 import renderWithTheme from '../../../../testHelpers/renderWithTheme';
 import Avatar from '../..';
-import theme from '../../../../theme';
 
-beforeAll(() => {
-  theme.__hd__.avatar.colors.visualisation = [theme.colors.primary];
+beforeEach(() => {
+  jest.spyOn(Math, 'random').mockReturnValue(0.123);
+});
+
+afterEach(() => {
+  jest.spyOn(Math, 'random').mockRestore();
 });
 
 describe('AvatarStack', () => {