@hero-design/rn 8.11.2 → 8.11.4-rc.1

package/lib/index.js

@@ -989,14 +989,14 @@ 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$2 = colorScales.ultramarineBlue,
+  ultramarineBlue$3 = colorScales.ultramarineBlue,
   green$1 = colorScales.green,
-  grey$1 = colorScales.grey,
+  grey$2 = colorScales.grey,
   grotesqueGreen = colorScales.grotesqueGreen,
-  deepSaffron$2 = colorScales.deepSaffron,
+  deepSaffron$3 = colorScales.deepSaffron,
   pink$1 = colorScales.pink,
   purple$1 = colorScales.purple,
-  vermilion$2 = colorScales.vermilion,
+  vermilion$3 = colorScales.vermilion,
   smalt = colorScales.smalt,
   violet$2 = colorScales.violet,
   yellow$1 = colorScales.yellow;
@@ -1009,11 +1009,11 @@ var blue$1 = colorScales.blue,
   blueLight30: blue$1.lighten30,
   blueLight75: blue$1.lighten75,
   blueLight90: blue$1.lighten90,
-  dodgerBlue: ultramarineBlue$2.base,
-  dodgerBlueDark30: ultramarineBlue$2.darken30,
-  dodgerBlueLight30: ultramarineBlue$2.lighten30,
-  dodgerBlueLight75: ultramarineBlue$2.lighten75,
-  dodgerBlueLight90: ultramarineBlue$2.lighten90,
+  dodgerBlue: ultramarineBlue$3.base,
+  dodgerBlueDark30: ultramarineBlue$3.darken30,
+  dodgerBlueLight30: ultramarineBlue$3.lighten30,
+  dodgerBlueLight75: ultramarineBlue$3.lighten75,
+  dodgerBlueLight90: ultramarineBlue$3.lighten90,
   green: green$1.base,
   greenDark15: green$1.darken15,
   greenDark30: green$1.darken30,
@@ -1021,30 +1021,30 @@ var blue$1 = colorScales.blue,
   greenLight30: green$1.lighten30,
   greenLight75: green$1.lighten75,
   greenLight90: green$1.lighten90,
-  grey: grey$1.base,
-  greyDark15: grey$1.darken15,
-  greyDark30: grey$1.darken30,
-  greyDark45: grey$1.darken45,
-  greyDark60: grey$1.darken60,
-  greyDark75: grey$1.darken75,
-  greyLight45: grey$1.lighten45,
-  greyLight60: grey$1.lighten60,
-  greyLight75: grey$1.lighten75,
-  greyLight85: grey$1.lighten85,
-  greyLight90: grey$1.lighten90,
-  greyLight95: grey$1.lighten95,
+  grey: grey$2.base,
+  greyDark15: grey$2.darken15,
+  greyDark30: grey$2.darken30,
+  greyDark45: grey$2.darken45,
+  greyDark60: grey$2.darken60,
+  greyDark75: grey$2.darken75,
+  greyLight45: grey$2.lighten45,
+  greyLight60: grey$2.lighten60,
+  greyLight75: grey$2.lighten75,
+  greyLight85: grey$2.lighten85,
+  greyLight90: grey$2.lighten90,
+  greyLight95: grey$2.lighten95,
   grotesqueGreen: grotesqueGreen.base,
   grotesqueGreenDark45: grotesqueGreen.darken45,
   grotesqueGreenLight60: grotesqueGreen.lighten60,
   grotesqueGreenLight75: grotesqueGreen.lighten75,
   grotesqueGreenLight90: grotesqueGreen.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,
+  orange: deepSaffron$3.base,
+  orangeDark15: deepSaffron$3.darken15,
+  orangeDark30: deepSaffron$3.darken30,
+  orangeDark75: deepSaffron$3.darken75,
+  orangeLight30: deepSaffron$3.lighten30,
+  orangeLight75: deepSaffron$3.lighten75,
+  orangeLight90: deepSaffron$3.lighten90,
   pink: pink$1.base,
   pinkDark15: pink$1.darken15,
   pinkDark30: pink$1.darken30,
@@ -1056,15 +1056,15 @@ var blue$1 = colorScales.blue,
   pinkLight90: pink$1.lighten90,
   purple: purple$1.base,
   purpleDark15: purple$1.darken15,
-  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,
+  red: vermilion$3.base,
+  redDark15: vermilion$3.darken15,
+  redDark30: vermilion$3.darken30,
+  redDark75: vermilion$3.darken75,
+  redLight15: vermilion$3.lighten15,
+  redLight30: vermilion$3.lighten30,
+  redLight60: vermilion$3.lighten60,
+  redLight75: vermilion$3.lighten75,
+  redLight90: vermilion$3.lighten90,
   smalt: smalt.base,
   smaltDark75: smalt.darken75,
   smaltLight30: smalt.lighten30,
@@ -1087,38 +1087,100 @@ var blue$1 = colorScales.blue,
   yellowLight60: yellow$1.lighten60,
   yellowLight90: yellow$1.lighten90
 });
+var aliceBlue$1 = colorScales.aliceBlue,
+  antiFlashWhite$1 = colorScales.antiFlashWhite,
+  apple$3 = colorScales.apple,
+  deepSaffron$2 = colorScales.deepSaffron,
+  emerald$2 = colorScales.emerald,
+  grey$1 = colorScales.grey,
+  honeydew$1 = colorScales.honeydew,
+  linen$1 = colorScales.linen,
+  maasstrichtBlue$3 = colorScales.maasstrichtBlue,
+  mellowApricot$1 = colorScales.mellowApricot,
+  pastelRed$2 = colorScales.pastelRed,
+  pineGreen$2 = colorScales.pineGreen,
+  seashell$1 = colorScales.seashell,
+  silverChalice$1 = colorScales.silverChalice,
+  sonicSilver$2 = colorScales.sonicSilver,
+  ultramarineBlue$2 = colorScales.ultramarineBlue,
+  vermilion$2 = colorScales.vermilion,
+  vodka$1 = colorScales.vodka;
+var palette$8 = {
+  black: '#000000',
+  white: '#ffffff',
+  greyLight95: grey$1.lighten95,
+  greyLight90: grey$1.lighten90,
+  greyLight75: grey$1.lighten75,
+  greyLight45: grey$1.lighten45,
+  greyLight30: grey$1.lighten30,
+  grey: grey$1.base,
+  maasstrichtBlueLight90: maasstrichtBlue$3.lighten90,
+  maasstrichtBlueLight80: maasstrichtBlue$3.lighten80,
+  maasstrichtBlueLight50: maasstrichtBlue$3.lighten50,
+  maasstrichtBlueLight30: maasstrichtBlue$3.lighten30,
+  maasstrichtBlue: maasstrichtBlue$3.base,
+  pastelRed: pastelRed$2.base,
+  pastelRedLight20: pastelRed$2.lighten20,
+  mellowApricot: mellowApricot$1.base,
+  mellowApricotLight20: mellowApricot$1.lighten20,
+  emerald: emerald$2.base,
+  emeraldLight20: emerald$2.lighten20,
+  emeraldDark20: emerald$2.darken20,
+  vodka: vodka$1.base,
+  vodkaLight20: vodka$1.lighten20,
+  vermilion: vermilion$2.base,
+  deepSaffron: deepSaffron$2.base,
+  deepSaffronDark20: deepSaffron$2.darken20,
+  pineGreen: pineGreen$2.base,
+  ultramarineBlue: ultramarineBlue$2.base,
+  sonicSilver: sonicSilver$2.base,
+  linen: linen$1.base,
+  seashell: seashell$1.base,
+  honeydew: honeydew$1.base,
+  aliceBlue: aliceBlue$1.base,
+  antiFlashWhite: antiFlashWhite$1.base,
+  apple: apple$3.base,
+  silverChalice: silverChalice$1.base,
+  silverChaliceLight20: silverChalice$1.lighten20
+};
 var aliceBlue = colorScales.aliceBlue,
   antiFlashWhite = colorScales.antiFlashWhite,
   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$1 = colorScales.maasstrichtBlue,
+  grey$3 = colorScales.grey,
+  honeydew$2 = colorScales.honeydew,
+  linen$2 = colorScales.linen,
+  maasstrichtBlue$2 = colorScales.maasstrichtBlue,
   mellowApricot = colorScales.mellowApricot,
   pastelRed$1 = colorScales.pastelRed,
   pineGreen$1 = colorScales.pineGreen,
-  seashell$1 = colorScales.seashell,
+  seashell$2 = colorScales.seashell,
   silverChalice = colorScales.silverChalice,
   sonicSilver$1 = colorScales.sonicSilver,
   ultramarineBlue$1 = colorScales.ultramarineBlue,
   vermilion$1 = colorScales.vermilion,
   vodka = colorScales.vodka;
-var palette$6 = {
+var palette$7 = {
   black: '#000000',
   white: '#ffffff',
-  greyLight95: grey$2.lighten95,
-  greyLight90: grey$2.lighten90,
-  greyLight75: grey$2.lighten75,
-  greyLight45: grey$2.lighten45,
-  greyLight30: grey$2.lighten30,
-  grey: grey$2.base,
-  maasstrichtBlueLight90: maasstrichtBlue$1.lighten90,
-  maasstrichtBlueLight80: maasstrichtBlue$1.lighten80,
-  maasstrichtBlueLight50: maasstrichtBlue$1.lighten50,
-  maasstrichtBlueLight30: maasstrichtBlue$1.lighten30,
-  maasstrichtBlue: maasstrichtBlue$1.base,
+  greyLight95: grey$3.lighten95,
+  greyLight90: grey$3.lighten90,
+  greyLight75: grey$3.lighten75,
+  greyLight45: grey$3.lighten45,
+  greyLight30: grey$3.lighten30,
+  grey: grey$3.base,
+  greyDark20: grey$3.darken20,
+  greyDark30: grey$3.darken30,
+  maasstrichtBlueLight90: maasstrichtBlue$2.lighten90,
+  maasstrichtBlueLight80: maasstrichtBlue$2.lighten80,
+  maasstrichtBlueLight70: maasstrichtBlue$2.lighten70,
+  maasstrichtBlueLight60: maasstrichtBlue$2.lighten60,
+  maasstrichtBlueLight50: maasstrichtBlue$2.lighten50,
+  maasstrichtBlueLight30: maasstrichtBlue$2.lighten30,
+  maasstrichtBlueLight15: maasstrichtBlue$2.lighten15,
+  maasstrichtBlueLight10: maasstrichtBlue$2.lighten10,
+  maasstrichtBlue: maasstrichtBlue$2.base,
   pastelRed: pastelRed$1.base,
   pastelRedLight20: pastelRed$1.lighten20,
   mellowApricot: mellowApricot.base,
@@ -1134,9 +1196,9 @@ var palette$6 = {
   pineGreen: pineGreen$1.base,
   ultramarineBlue: ultramarineBlue$1.base,
   sonicSilver: sonicSilver$1.base,
-  linen: linen$1.base,
-  seashell: seashell$1.base,
-  honeydew: honeydew$1.base,
+  linen: linen$2.base,
+  seashell: seashell$2.base,
+  honeydew: honeydew$2.base,
   aliceBlue: aliceBlue.base,
   antiFlashWhite: antiFlashWhite.base,
   apple: apple$2.base,
@@ -1145,7 +1207,7 @@ var palette$6 = {
 };
 var currant$1 = colorScales.currant,
   sonicSilver = colorScales.sonicSilver,
-  maasstrichtBlue = colorScales.maasstrichtBlue,
+  maasstrichtBlue$1 = colorScales.maasstrichtBlue,
   nightBlue = colorScales.nightBlue,
   darkBlue = colorScales.darkBlue,
   ultramarineBlue = colorScales.ultramarineBlue,
@@ -1157,14 +1219,14 @@ var currant$1 = colorScales.currant,
   apple$1 = colorScales.apple,
   pastelRed = colorScales.pastelRed,
   vermilion = colorScales.vermilion,
-  mauve$2 = colorScales.mauve,
-  violet1$1 = colorScales.violet1,
+  mauve$3 = colorScales.mauve,
+  violet1$2 = colorScales.violet1,
   violet$1 = colorScales.violet,
-  scarletGum$1 = colorScales.scarletGum;
-var palette$5 = {
+  scarletGum$2 = colorScales.scarletGum;
+var palette$6 = {
   currant: currant$1.base,
   sonicSilver: sonicSilver.base,
-  maasstrichtBlue: maasstrichtBlue.base,
+  maasstrichtBlue: maasstrichtBlue$1.base,
   nightBlue: nightBlue.base,
   darkBlue: darkBlue.base,
   ultramarineBlue: ultramarineBlue.base,
@@ -1177,26 +1239,26 @@ var palette$5 = {
   apple: apple$1.base,
   pastelRed: pastelRed.base,
   vermilion: vermilion.base,
-  mauve: mauve$2.base,
+  mauve: mauve$3.base,
   violetLight30: violet$1.lighten30,
-  violet1: violet1$1.base,
+  violet1: violet1$2.base,
   violet: violet$1.base,
-  scarletGum: scarletGum$1.base
+  scarletGum: scarletGum$2.base
 };
 var violet$3 = colorScales.violet,
-  mauve$1 = colorScales.mauve;
-var palette$4 = Object.assign(Object.assign({}, palette$6), {
+  mauve$2 = colorScales.mauve;
+var palette$5 = Object.assign(Object.assign({}, palette$8), {
   violet: violet$3.base,
   violetLight20: violet$3.lighten20,
   violetLight30: violet$3.lighten30,
   violetLight90: violet$3.lighten90,
-  mauve: mauve$1.base,
-  mauveLight80: mauve$1.lighten80
+  mauve: mauve$2.base,
+  mauveLight80: mauve$2.lighten80
 });
 var apple = colorScales.apple,
   currant = colorScales.currant,
   hitPink = colorScales.hitPink;
-var palette$3 = Object.assign(Object.assign({}, palette$6), {
+var palette$4 = Object.assign(Object.assign({}, palette$8), {
   apple: apple.base,
   appleLight10: apple.lighten10,
   hitPink: hitPink.base,
@@ -1206,26 +1268,48 @@ var palette$3 = Object.assign(Object.assign({}, palette$6), {
   hitPinkLight90: hitPink.lighten90,
   currant: currant.base
 });
+var scarletGum$1 = colorScales.scarletGum,
+  violet1$1 = colorScales.violet1,
+  mauve$1 = colorScales.mauve;
+var palette$3 = Object.assign(Object.assign({}, palette$8), {
+  scarletGumLight20: scarletGum$1.lighten20,
+  scarletGumLight30: scarletGum$1.lighten30,
+  scarletGumLight50: scarletGum$1.lighten50,
+  scarletGumLight80: scarletGum$1.lighten80,
+  scarletGumLight90: scarletGum$1.lighten90,
+  scarletGum: scarletGum$1.base,
+  violetLight30: violet1$1.lighten30,
+  violetLight50: violet1$1.lighten50,
+  violetLight80: violet1$1.lighten80,
+  violetLight90: violet1$1.lighten90,
+  violet: violet1$1.base,
+  mauve: mauve$1.base
+});
 var scarletGum = colorScales.scarletGum,
   violet1 = colorScales.violet1,
-  mauve = colorScales.mauve;
-var palette$2 = Object.assign(Object.assign({}, palette$6), {
+  mauve = colorScales.mauve,
+  maasstrichtBlue = colorScales.maasstrichtBlue;
+var palette$2 = Object.assign(Object.assign({}, palette$8), {
   scarletGumLight20: scarletGum.lighten20,
   scarletGumLight30: scarletGum.lighten30,
   scarletGumLight50: scarletGum.lighten50,
   scarletGumLight80: scarletGum.lighten80,
   scarletGumLight90: scarletGum.lighten90,
   scarletGum: scarletGum.base,
+  scarletGumDark65: scarletGum.darken65,
   violetLight30: violet1.lighten30,
   violetLight50: violet1.lighten50,
   violetLight80: violet1.lighten80,
   violetLight90: violet1.lighten90,
   violet: violet1.base,
-  mauve: mauve.base
+  mauve: mauve.base,
+  mauveLight30: mauve.lighten30,
+  maasstrichtBlueLight10: maasstrichtBlue.lighten10,
+  maasstrichtBlueDark20: maasstrichtBlue.darken20
 });
 var royalBlue = colorScales.royalBlue,
   frenchSky = colorScales.frenchSky;
-var palette$1 = Object.assign(Object.assign({}, palette$6), {
+var palette$1 = Object.assign(Object.assign({}, palette$8), {
   royalBlue: royalBlue.base,
   royalBlueLight10: royalBlue.lighten10,
   royalBlueLight80: royalBlue.lighten80,
@@ -1237,7 +1321,7 @@ var palette$1 = Object.assign(Object.assign({}, palette$6), {
 });
 var gold$2 = colorScales.gold,
   policeBlue = colorScales.policeBlue;
-var palette = Object.assign(Object.assign({}, palette$6), {
+var palette = Object.assign(Object.assign({}, palette$8), {
   goldLight20: gold$2.lighten20,
   goldLight50: gold$2.lighten50,
   goldLight70: gold$2.lighten70,
@@ -1250,59 +1334,113 @@ var palette = Object.assign(Object.assign({}, palette$6), {
   policeBlueLight90: policeBlue.lighten90
 });
 
-var globalPalette = {
+var globalPalette$1 = {
   // Updated 21 / Nov / 22
   // Surfaces
-  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,
-  overlayGlobalSurface: palette$6.black,
+  defaultGlobalSurface: palette$8.white,
+  onDefaultGlobalSurface: palette$8.maasstrichtBlue,
+  neutralGlobalSurface: palette$8.greyLight90,
+  mutedOnDefaultGlobalSurface: palette$8.maasstrichtBlueLight30,
+  inactiveOnDefaultGlobalSurface: palette$8.maasstrichtBlueLight50,
+  disabledOnDefaultGlobalSurface: palette$8.greyLight30,
+  darkGlobalSurface: palette$8.maasstrichtBlue,
+  onDarkGlobalSurface: palette$8.white,
+  overlayGlobalSurface: palette$8.black,
   // Outlines
-  primaryOutline: palette$6.maasstrichtBlue,
-  secondaryOutline: palette$6.greyLight75,
-  inactiveOutline: palette$6.maasstrichtBlueLight50,
-  disabledOutline: palette$6.greyLight30,
+  primaryOutline: palette$8.maasstrichtBlue,
+  secondaryOutline: palette$8.greyLight75,
+  inactiveOutline: palette$8.maasstrichtBlueLight50,
+  disabledOutline: palette$8.greyLight30,
   // Accents
-  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
+  error: palette$8.pastelRed,
+  mutedError: palette$8.pastelRedLight20,
+  errorSurface: palette$8.linen,
+  onErrorSurface: palette$8.vermilion,
+  warning: palette$8.mellowApricot,
+  mutedWarning: palette$8.mellowApricotLight20,
+  warningSurface: palette$8.seashell,
+  onWarningSurface: palette$8.deepSaffron,
+  success: palette$8.emerald,
+  mutedSuccess: palette$8.emeraldLight20,
+  successSurface: palette$8.honeydew,
+  onSuccessSurface: palette$8.pineGreen,
+  info: palette$8.vodka,
+  mutedInfo: palette$8.vodkaLight20,
+  infoSurface: palette$8.aliceBlue,
+  onInfoSurface: palette$8.ultramarineBlue,
+  archived: palette$8.silverChalice,
+  mutedArchived: palette$8.silverChaliceLight20,
+  archivedSurface: palette$8.antiFlashWhite,
+  onArchivedSurface: palette$8.sonicSilver
   // End of Updated 21 / Nov / 22
 };
 
 var swagBrandSystemPallete = {
-  primary: palette$2.scarletGum,
-  onPrimary: palette$2.white,
-  secondary: palette$2.scarletGumLight30,
-  onSecondary: palette$2.white,
-  defaultSurface: palette$2.greyLight90,
-  highlightedSurface: palette$2.scarletGumLight90,
+  primary: palette$3.scarletGum,
+  onPrimary: palette$3.white,
+  secondary: palette$3.scarletGumLight30,
+  onSecondary: palette$3.white,
+  defaultSurface: palette$3.greyLight90,
+  highlightedSurface: palette$3.scarletGumLight90,
+  pressedSurface: palette$3.scarletGumLight20,
+  decorativePrimary: palette$3.white,
+  decorativePrimarySurface: palette$3.maasstrichtBlueLight80
+};
+var swagSystemPalette = _objectSpread2(_objectSpread2({}, globalPalette$1), swagBrandSystemPallete);
+
+var globalPalette = {
+  // Updated 21 / Nov / 22
+  // Surfaces
+  defaultGlobalSurface: palette$7.maasstrichtBlue,
+  onDefaultGlobalSurface: palette$7.white,
+  neutralGlobalSurface: palette$7.maasstrichtBlueLight15,
+  mutedOnDefaultGlobalSurface: palette$7.maasstrichtBlueLight70,
+  inactiveOnDefaultGlobalSurface: palette$7.maasstrichtBlueLight60,
+  disabledOnDefaultGlobalSurface: palette$7.greyDark20,
+  darkGlobalSurface: palette$7.white,
+  onDarkGlobalSurface: palette$7.maasstrichtBlue,
+  overlayGlobalSurface: palette$7.greyDark30,
+  // Outlines
+  primaryOutline: palette$7.white,
+  secondaryOutline: palette$7.maasstrichtBlueLight10,
+  inactiveOutline: palette$7.maasstrichtBlueLight60,
+  disabledOutline: palette$7.greyDark20,
+  // Accents
+  error: palette$7.pastelRed,
+  mutedError: palette$7.pastelRedLight20,
+  errorSurface: palette$7.linen,
+  onErrorSurface: palette$7.vermilion,
+  warning: palette$7.mellowApricot,
+  mutedWarning: palette$7.mellowApricotLight20,
+  warningSurface: palette$7.seashell,
+  onWarningSurface: palette$7.deepSaffron,
+  success: palette$7.emerald,
+  mutedSuccess: palette$7.emeraldLight20,
+  successSurface: palette$7.honeydew,
+  onSuccessSurface: palette$7.pineGreen,
+  info: palette$7.vodka,
+  mutedInfo: palette$7.vodkaLight20,
+  infoSurface: palette$7.aliceBlue,
+  onInfoSurface: palette$7.ultramarineBlue,
+  archived: palette$7.silverChalice,
+  mutedArchived: palette$7.silverChaliceLight20,
+  archivedSurface: palette$7.antiFlashWhite,
+  onArchivedSurface: palette$7.sonicSilver
+  // End of Updated 21 / Nov / 22
+};
+
+var swagDarkBrandSystemPallete = {
+  primary: palette$2.mauve,
+  onPrimary: palette$2.maasstrichtBlue,
+  secondary: palette$2.mauveLight30,
+  onSecondary: palette$2.maasstrichtBlue,
+  defaultSurface: palette$2.maasstrichtBlue,
+  highlightedSurface: palette$2.scarletGumDark65,
   pressedSurface: palette$2.scarletGumLight20,
-  decorativePrimary: palette$2.white,
-  decorativePrimarySurface: palette$2.maasstrichtBlueLight80
+  decorativePrimary: palette$2.maasstrichtBlue,
+  decorativePrimarySurface: palette$2.maasstrichtBlueLight10
 };
-var swagSystemPalette = _objectSpread2(_objectSpread2({}, globalPalette), swagBrandSystemPallete);
+var swagDarkSystemPalette = _objectSpread2(_objectSpread2({}, globalPalette), swagDarkBrandSystemPallete);
 
 var workBrandSystemPallete = {
   primary: palette.policeBlue,
@@ -1318,15 +1456,15 @@ var workBrandSystemPallete = {
 var workSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette), workBrandSystemPallete);
 
 var jobsBrandSystemPallete = {
-  primary: palette$3.apple,
-  onPrimary: palette$3.white,
-  secondary: palette$3.maasstrichtBlueLight30,
-  onSecondary: palette$3.white,
-  defaultSurface: palette$3.white,
-  highlightedSurface: palette$3.hitPinkLight90,
-  pressedSurface: palette$3.appleLight10,
-  decorativePrimary: palette$3.hitPink,
-  decorativePrimarySurface: palette$3.hitPinkLight80
+  primary: palette$4.apple,
+  onPrimary: palette$4.white,
+  secondary: palette$4.maasstrichtBlueLight30,
+  onSecondary: palette$4.white,
+  defaultSurface: palette$4.white,
+  highlightedSurface: palette$4.hitPinkLight90,
+  pressedSurface: palette$4.appleLight10,
+  decorativePrimary: palette$4.hitPink,
+  decorativePrimarySurface: palette$4.hitPinkLight80
 };
 var jobsSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette), jobsBrandSystemPallete);
 
@@ -1344,15 +1482,15 @@ var walletBrandSystemPallete = {
 var walletSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette), walletBrandSystemPallete);
 
 var eBensBrandSystemPallete = {
-  primary: palette$4.violet,
-  onPrimary: palette$4.white,
-  secondary: palette$4.violetLight30,
-  onSecondary: palette$4.white,
-  defaultSurface: palette$4.greyLight90,
-  highlightedSurface: palette$4.violetLight90,
-  pressedSurface: palette$4.violetLight20,
-  decorativePrimary: palette$4.mauve,
-  decorativePrimarySurface: palette$4.mauveLight80
+  primary: palette$5.violet,
+  onPrimary: palette$5.white,
+  secondary: palette$5.violetLight30,
+  onSecondary: palette$5.white,
+  defaultSurface: palette$5.greyLight90,
+  highlightedSurface: palette$5.violetLight90,
+  pressedSurface: palette$5.violetLight20,
+  decorativePrimary: palette$5.mauve,
+  decorativePrimarySurface: palette$5.mauveLight80
 };
 var eBensSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette), eBensBrandSystemPallete);
 
@@ -2026,10 +2164,10 @@ var getFABTheme = function getFABTheme(theme) {
   var colors = {
     buttonBackground: theme.colors.primary,
     icon: theme.colors.onPrimary,
-    headerText: theme.colors.onDarkGlobalSurface,
+    headerText: theme.colors.onDefaultGlobalSurface,
     actionItemBackground: theme.colors.primary,
     backdropBackground: theme.colors.overlayGlobalSurface,
-    titleText: theme.colors.onDarkGlobalSurface,
+    titleText: theme.colors.onPrimary,
     actionItemText: theme.colors.onPrimary
   };
   var sizes = {
@@ -2319,7 +2457,8 @@ var getRichTextEditorTheme = function getRichTextEditorTheme(theme) {
   var colors = {
     toolbarBorderColor: theme.colors.secondaryOutline,
     toolbarBackgroundColor: theme.colors.neutralGlobalSurface,
-    toolbarButtonSelectedBackground: theme.colors.highlightedSurface
+    toolbarButtonSelectedBackground: theme.colors.highlightedSurface,
+    text: theme.colors.onDefaultGlobalSurface
   };
   var sizes = {
     editorMinHeight: theme.sizes.large,
@@ -5680,12 +5819,10 @@ var index$a = components.reduce(function (acc, comp) {
   });
 }, styled);
 
-var StyledWrapper$c = index$a(reactNative.Animated.View)(function () {
-  return {
-    margin: 0,
-    padding: 0,
-    overflow: 'hidden'
-  };
+var StyledWrapper$c = index$a(reactNative.Animated.View)({
+  margin: 0,
+  padding: 0,
+  overflow: 'hidden'
 });
 /**
  * Height need to be high enough to cover most scenario
@@ -5697,11 +5834,9 @@ var StyledHiddenWrapper = index$a(reactNative.View)(function () {
     height: reactNative.Dimensions.get('window').height
   };
 });
-var StyledChildWrapper = index$a(reactNative.View)(function () {
-  return {
-    margin: 0,
-    padding: 0
-  };
+var StyledChildWrapper = index$a(reactNative.View)({
+  margin: 0,
+  padding: 0
 });
 
 // Get previous state value
@@ -6769,7 +6904,7 @@ var shuffleArray = function shuffleArray(array) {
  */
 var useAvatarColors = function useAvatarColors() {
   var shuffledColors = React.useMemo(function () {
-    return shuffleArray(Object.values(palette$5));
+    return shuffleArray(Object.values(palette$6));
   }, []);
   return shuffledColors;
 };
@@ -10876,7 +11011,8 @@ var CardCarousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _ref$autoPlay = _ref.autoPlay,
     autoPlay = _ref$autoPlay === void 0 ? false : _ref$autoPlay,
     _ref$autoPlayInterval = _ref.autoPlayInterval,
-    autoPlayInterval = _ref$autoPlayInterval === void 0 ? 3000 : _ref$autoPlayInterval;
+    autoPlayInterval = _ref$autoPlayInterval === void 0 ? 3000 : _ref$autoPlayInterval,
+    onLayout = _ref.onLayout;
   var _useState = React.useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     currentIndex = _useState2[0],
@@ -10957,9 +11093,12 @@ var CardCarousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       index: index
     };
   }, [itemWidth]);
-  var onLayout = React.useCallback(function (e) {
+  var flatListOnLayout = React.useCallback(function (e) {
     setFlatListWidth(e.nativeEvent.layout.width);
-  }, [setFlatListWidth]);
+    setTimeout(function () {
+      onLayout === null || onLayout === void 0 ? void 0 : onLayout(e);
+    });
+  }, [setFlatListWidth, onLayout]);
   var renderItem = React.useCallback(function (_ref3) {
     var item = _ref3.item;
     return /*#__PURE__*/React__default["default"].createElement(StyledItemWrapper, {
@@ -10972,10 +11111,13 @@ var CardCarousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     style: style,
     testID: testID
   }, /*#__PURE__*/React__default["default"].createElement(reactNative.FlatList, {
-    contentContainerStyle: {
-      paddingHorizontal: theme.__hd__.cardCarousel.space.contentContainerPaddingHorizontal
+    contentInset: {
+      top: 0,
+      left: theme.__hd__.cardCarousel.space.contentContainerPaddingHorizontal,
+      bottom: 0,
+      right: theme.__hd__.cardCarousel.space.contentContainerPaddingHorizontal
     },
-    onLayout: onLayout,
+    onLayout: flatListOnLayout,
     data: items,
     horizontal: true,
     showsHorizontalScrollIndicator: false,
@@ -10991,7 +11133,7 @@ var CardCarousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     },
     decelerationRate: "fast",
     renderToHardwareTextureAndroid: true,
-    snapToInterval: itemWidth + theme.__hd__.cardCarousel.space.carouselItemSpacing,
+    snapToInterval: itemWidth,
     onViewableItemsChanged: visibleSlideChanged,
     viewabilityConfig: {
       itemVisiblePercentThreshold: 80
@@ -11620,6 +11762,7 @@ var DatePickerIOS = function DatePickerIOS(_ref) {
     open = _useState4[0],
     setOpen = _useState4[1];
   var displayValue = value ? formatTime(displayFormat, value) : '';
+  var theme = useTheme();
   return /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableOpacity, {
     onPress: function onPress() {
       return setOpen(true);
@@ -11669,7 +11812,8 @@ var DatePickerIOS = function DatePickerIOS(_ref) {
     display: "spinner",
     style: {
       flex: 1
-    }
+    },
+    textColor: theme.colors.onDefaultGlobalSurface
   }))));
 };
 
@@ -12224,7 +12368,7 @@ var StyledHeaderText = index$a(Typography.Text)(function (_ref3) {
   return {
     fontSize: theme.__hd__.fab.fontSizes.header,
     lineHeight: theme.__hd__.fab.lineHeights.header,
-    color: theme.__hd__.fab.colors.titleText,
+    color: theme.__hd__.fab.colors.headerText,
     fontFamily: theme.__hd__.fab.fonts.header,
     marginRight: theme.__hd__.fab.space.headerTextMarginRight,
     marginBottom: theme.__hd__.fab.space.headerTextMarginBottom,
@@ -14715,6 +14859,7 @@ var TimePickerIOS = function TimePickerIOS(_ref) {
     setOpen = _useState4[1];
   var is12Hour = displayFormat.includes('hh');
   var displayValue = value ? formatTime(displayFormat, value) : '';
+  var theme = useTheme();
   return /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableOpacity, {
     onPress: function onPress() {
       return setOpen(true);
@@ -14766,7 +14911,8 @@ var TimePickerIOS = function TimePickerIOS(_ref) {
     display: "spinner",
     style: {
       flex: 1
-    }
+    },
+    textColor: theme.colors.onDefaultGlobalSurface
   }))));
 };
 
@@ -31436,7 +31582,7 @@ var RichTextEditor = function RichTextEditor(_ref) {
   }, []);
   var html = React.useMemo(function () {
     var initialValueString = JSON.stringify(value);
-    return "\n      <!DOCTYPE html>\n      <html>\n        <head>\n          <meta charset=\"utf-8\">\n          <meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0\">\n          <style>\n            body {\n              margin: 0;\n            }\n          </style>\n        </head>\n        <body>\n          <div id=\"root\"></div>\n          <script>\n            window.__editorConfigs = {\n              placeholder: \"".concat(placeholder, "\",\n              initialValue: ").concat(initialValueString, ",\n              isAndroid: ").concat(isAndroid ? 'true' : 'false', ",\n              autoFocus: ").concat(autoFocus, ",\n              style: {\n                padding: '0 !important',\n                fontSize: ").concat(theme.__hd__.richTextEditor.fontSizes.editor, "\n              }\n            };\n            ").concat(heroEditorApp, "\n          </script>\n        </body>\n      </html>\n      ");
+    return "\n      <!DOCTYPE html>\n      <html>\n        <head>\n          <meta charset=\"utf-8\">\n          <meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0\">\n          <style>\n            body {\n              margin: 0;\n            }\n          </style>\n        </head>\n        <body>\n          <div id=\"root\"></div>\n          <script>\n            window.__editorConfigs = {\n              placeholder: \"".concat(placeholder, "\",\n              initialValue: ").concat(initialValueString, ",\n              isAndroid: ").concat(isAndroid ? 'true' : 'false', ",\n              autoFocus: ").concat(autoFocus, ",\n              style: {\n                padding: '0 !important',\n                fontSize: ").concat(theme.__hd__.richTextEditor.fontSizes.editor, ",\n                color: '").concat(theme.__hd__.richTextEditor.colors.text, "'\n              }\n            };\n            ").concat(heroEditorApp, "\n          </script>\n        </body>\n      </html>\n      ");
   }, []);
   var requestBlur = React.useCallback(function () {
     if (webview.current) {
@@ -31617,6 +31763,7 @@ exports.eBensSystemPalette = eBensSystemPalette;
 exports.getTheme = getTheme$1;
 exports.jobsSystemPalette = jobsSystemPalette;
 exports.scale = scale;
+exports.swagDarkSystemPalette = swagDarkSystemPalette;
 exports.swagSystemPalette = swagSystemPalette;
 exports.theme = defaultTheme;
 exports.useAvatarColors = useAvatarColors;