@hero-design/rn 8.91.7 → 8.92.0

package/es/index.js

@@ -1446,9 +1446,9 @@ var blue$1 = colorScales.blue,
   purple$1 = colorScales.purple,
   vermilion$2 = colorScales.vermilion,
   smalt = colorScales.smalt,
-  violet$2 = colorScales.violet,
+  violet$3 = colorScales.violet,
   yellow$1 = colorScales.yellow;
-var palette$c = {
+var palette$d = {
   black: '#000000',
   white: '#ffffff',
   blue: blue$1.base,
@@ -1552,19 +1552,19 @@ var palette$c = {
   smaltLight45: smalt.lighten45,
   smaltLight75: smalt.lighten75,
   smaltLight90: smalt.lighten90,
-  violet: violet$2.base,
-  violetDark15: violet$2.darken15,
-  violetDark30: violet$2.darken30,
-  violetDark45: violet$2.darken45,
-  violetDark60: violet$2.darken60,
-  violetDark75: violet$2.darken75,
-  violetDark90: violet$2.darken90,
-  violetLight15: violet$2.lighten15,
-  violetLight30: violet$2.lighten30,
-  violetLight45: violet$2.lighten45,
-  violetLight60: violet$2.lighten60,
-  violetLight75: violet$2.lighten75,
-  violetLight90: violet$2.lighten90,
+  violet: violet$3.base,
+  violetDark15: violet$3.darken15,
+  violetDark30: violet$3.darken30,
+  violetDark45: violet$3.darken45,
+  violetDark60: violet$3.darken60,
+  violetDark75: violet$3.darken75,
+  violetDark90: violet$3.darken90,
+  violetLight15: violet$3.lighten15,
+  violetLight30: violet$3.lighten30,
+  violetLight45: violet$3.lighten45,
+  violetLight60: violet$3.lighten60,
+  violetLight75: violet$3.lighten75,
+  violetLight90: violet$3.lighten90,
   yellow: yellow$1.base,
   yellowDark15: yellow$1.darken15,
   yellowDark30: yellow$1.darken30,
@@ -1577,16 +1577,16 @@ var palette$c = {
   yellowLight90: yellow$1.lighten90
 };
 var mauve$3 = colorScales.mauve,
-  violet$1 = colorScales.violet;
-Object.assign(Object.assign({}, palette$c), {
+  violet$2 = colorScales.violet;
+Object.assign(Object.assign({}, palette$d), {
   mauve: mauve$3.base,
   mauveLight80: mauve$3.lighten80,
-  violetDark50: violet$1.darken50
+  violetDark50: violet$2.darken50
 });
 var apple$3 = colorScales.apple,
   hitPink$1 = colorScales.hitPink,
   maasstrichtBlue$4 = colorScales.maasstrichtBlue;
-Object.assign(Object.assign({}, palette$c), {
+Object.assign(Object.assign({}, palette$d), {
   apple: apple$3.base,
   appleDark20: apple$3.darken20,
   appleDark50: apple$3.darken50,
@@ -1619,7 +1619,7 @@ var aliceBlue$1 = colorScales.aliceBlue,
   vodka$1 = colorScales.vodka,
   windsorGrey = colorScales.windsorGrey,
   black$1 = colorScales.black;
-var palette$9 = {
+var palette$a = {
   black: black$1.base,
   white: '#ffffff',
   greyLight95: grey$1.lighten95,
@@ -1691,7 +1691,7 @@ var aliceBlue = colorScales.aliceBlue,
   mintLeaf = colorScales.mintLeaf,
   blueOblivion = colorScales.blueOblivion,
   pastelBlue = colorScales.pastelBlue;
-var palette$8 = {
+var palette$9 = {
   black: '#000000',
   white: '#ffffff',
   greyLight95: grey$3.lighten95,
@@ -1756,7 +1756,7 @@ var palette$8 = {
   flagstone: flagstone.base
 };
 var maasstrichtBlue$1 = colorScales.maasstrichtBlue;
-var palette$7 = {
+var palette$8 = {
   maasstrichtBlue: maasstrichtBlue$1.base,
   maasstrichtBlueLight5: maasstrichtBlue$1.lighten5,
   maasstrichtBlueLight10: maasstrichtBlue$1.lighten10,
@@ -1769,7 +1769,7 @@ var palette$7 = {
 };
 var violet1$2 = colorScales.violet1,
   mauve$2 = colorScales.mauve;
-var palette$6 = Object.assign(Object.assign({}, palette$9), {
+var palette$7 = Object.assign(Object.assign({}, palette$a), {
   violet: violet1$2.base,
   violetLight20: violet1$2.lighten20,
   violetLight30: violet1$2.lighten30,
@@ -1781,7 +1781,7 @@ var palette$6 = Object.assign(Object.assign({}, palette$9), {
 var apple = colorScales.apple,
   currant = colorScales.currant,
   hitPink = colorScales.hitPink;
-var palette$5 = Object.assign(Object.assign({}, palette$9), {
+var palette$6 = Object.assign(Object.assign({}, palette$a), {
   apple: apple.base,
   appleLight10: apple.lighten10,
   appleDark20: apple.darken20,
@@ -1795,7 +1795,7 @@ var palette$5 = Object.assign(Object.assign({}, palette$9), {
 var scarletGum$1 = colorScales.scarletGum,
   violet1$1 = colorScales.violet1,
   mauve$1 = colorScales.mauve;
-var palette$4 = Object.assign(Object.assign({}, palette$9), {
+var palette$5 = Object.assign(Object.assign({}, palette$a), {
   scarletGumLight20: scarletGum$1.lighten20,
   scarletGumLight30: scarletGum$1.lighten30,
   scarletGumLight50: scarletGum$1.lighten50,
@@ -1810,19 +1810,23 @@ var palette$4 = Object.assign(Object.assign({}, palette$9), {
   violet: violet1$1.base,
   mauve: mauve$1.base
 });
-var violet$3 = colorScales.violet,
-  woodsmoke = colorScales.woodsmoke;
-var palette$3 = Object.assign(Object.assign({}, palette$9), {
-  violetLight90: violet$3.lighten90,
-  offBlack: woodsmoke.base,
-  offBlackLight30: woodsmoke.lighten30,
-  offBlackLight50: woodsmoke.lighten50
+var violet$1 = colorScales.violet,
+  woodsmoke$1 = colorScales.woodsmoke;
+/*
+ * @deprecated
+ * Please use ehWorkPalette instead.
+ */
+var palette$4 = Object.assign(Object.assign({}, palette$a), {
+  violetLight90: violet$1.lighten90,
+  offBlack: woodsmoke$1.base,
+  offBlackLight30: woodsmoke$1.lighten30,
+  offBlackLight50: woodsmoke$1.lighten50
 });
 var scarletGum = colorScales.scarletGum,
   violet1 = colorScales.violet1,
   mauve = colorScales.mauve,
   maasstrichtBlue = colorScales.maasstrichtBlue;
-var palette$2 = Object.assign(Object.assign({}, palette$9), {
+var palette$3 = Object.assign(Object.assign({}, palette$a), {
   scarletGumLight20: scarletGum.lighten20,
   scarletGumLight30: scarletGum.lighten30,
   scarletGumLight50: scarletGum.lighten50,
@@ -1845,7 +1849,7 @@ var palette$2 = Object.assign(Object.assign({}, palette$9), {
 });
 var royalBlue = colorScales.royalBlue,
   frenchSky = colorScales.frenchSky;
-var palette$1 = Object.assign(Object.assign({}, palette$9), {
+var palette$2 = Object.assign(Object.assign({}, palette$a), {
   royalBlue: royalBlue.base,
   royalBlueLight10: royalBlue.lighten10,
   royalBlueLight80: royalBlue.lighten80,
@@ -1859,7 +1863,7 @@ var palette$1 = Object.assign(Object.assign({}, palette$9), {
 var gold$1 = colorScales.gold,
   policeBlue = colorScales.policeBlue,
   black$2 = colorScales.black;
-var palette = Object.assign(Object.assign({}, palette$9), {
+var palette$1 = Object.assign(Object.assign({}, palette$a), {
   blackLight30: black$2.lighten30,
   blackLight90: black$2.lighten90,
   goldLight20: gold$1.lighten20,
@@ -1873,117 +1877,125 @@ var palette = Object.assign(Object.assign({}, palette$9), {
   policeBlueLight25: policeBlue.lighten25,
   policeBlueLight90: policeBlue.lighten90
 });
+var violet$4 = colorScales.violet,
+  woodsmoke = colorScales.woodsmoke;
+Object.assign(Object.assign({}, palette$a), {
+  violetLight90: violet$4.lighten90,
+  offBlack: woodsmoke.base,
+  offBlackLight30: woodsmoke.lighten30,
+  offBlackLight50: woodsmoke.lighten50
+});
 
 var globalPalette$1 = {
   // Updated 21 / Nov / 22
   // Surfaces
-  defaultGlobalSurface: palette$9.white,
-  onDefaultGlobalSurface: palette$9.maasstrichtBlue,
-  neutralGlobalSurface: palette$9.greyLight90,
-  mutedOnDefaultGlobalSurface: palette$9.maasstrichtBlueLight30,
-  inactiveOnDefaultGlobalSurface: palette$9.maasstrichtBlueLight50,
-  disabledOnDefaultGlobalSurface: palette$9.greyLight30,
-  darkGlobalSurface: palette$9.maasstrichtBlue,
-  onDarkGlobalSurface: palette$9.white,
-  overlayGlobalSurface: palette$9.black,
+  defaultGlobalSurface: palette$a.white,
+  onDefaultGlobalSurface: palette$a.maasstrichtBlue,
+  neutralGlobalSurface: palette$a.greyLight90,
+  mutedOnDefaultGlobalSurface: palette$a.maasstrichtBlueLight30,
+  inactiveOnDefaultGlobalSurface: palette$a.maasstrichtBlueLight50,
+  disabledOnDefaultGlobalSurface: palette$a.greyLight30,
+  darkGlobalSurface: palette$a.maasstrichtBlue,
+  onDarkGlobalSurface: palette$a.white,
+  overlayGlobalSurface: palette$a.black,
   // Outlines
-  primaryOutline: palette$9.maasstrichtBlue,
-  secondaryOutline: palette$9.greyLight75,
-  inactiveOutline: palette$9.maasstrichtBlueLight50,
-  disabledOutline: palette$9.greyLight30,
+  primaryOutline: palette$a.maasstrichtBlue,
+  secondaryOutline: palette$a.greyLight75,
+  inactiveOutline: palette$a.maasstrichtBlueLight50,
+  disabledOutline: palette$a.greyLight30,
   // Accents
-  error: palette$9.pastelRed,
-  mutedError: palette$9.pastelRedLight20,
-  errorSurface: palette$9.linen,
-  onErrorSurface: palette$9.amaranthaRed,
-  warning: palette$9.mellowApricot,
-  mutedWarning: palette$9.mellowApricotLight20,
-  warningSurface: palette$9.seashell,
-  onWarningSurface: palette$9.orangeBrown,
-  success: palette$9.emerald,
-  mutedSuccess: palette$9.emeraldLight20,
-  successSurface: palette$9.honeydew,
-  onSuccessSurface: palette$9.pineGreen,
-  info: palette$9.vodka,
-  mutedInfo: palette$9.vodkaLight20,
-  infoSurface: palette$9.aliceBlue,
-  onInfoSurface: palette$9.gentianFlower,
-  archived: palette$9.silverChalice,
-  mutedArchived: palette$9.silverChaliceLight20,
-  archivedSurface: palette$9.cumberlandFog,
-  onArchivedSurface: palette$9.windsorGrey,
+  error: palette$a.pastelRed,
+  mutedError: palette$a.pastelRedLight20,
+  errorSurface: palette$a.linen,
+  onErrorSurface: palette$a.amaranthaRed,
+  warning: palette$a.mellowApricot,
+  mutedWarning: palette$a.mellowApricotLight20,
+  warningSurface: palette$a.seashell,
+  onWarningSurface: palette$a.orangeBrown,
+  success: palette$a.emerald,
+  mutedSuccess: palette$a.emeraldLight20,
+  successSurface: palette$a.honeydew,
+  onSuccessSurface: palette$a.pineGreen,
+  info: palette$a.vodka,
+  mutedInfo: palette$a.vodkaLight20,
+  infoSurface: palette$a.aliceBlue,
+  onInfoSurface: palette$a.gentianFlower,
+  archived: palette$a.silverChalice,
+  mutedArchived: palette$a.silverChaliceLight20,
+  archivedSurface: palette$a.cumberlandFog,
+  onArchivedSurface: palette$a.windsorGrey,
   // End of Updated 21 / Nov / 22
   black: '#000000',
   white: '#ffffff'
 };
 
-var swagBrandSystemPallete$1 = {
-  primary: palette$4.scarletGum,
-  onPrimary: palette$4.white,
-  secondary: palette$4.scarletGumLight30,
-  onSecondary: palette$4.white,
-  defaultSurface: palette$4.greyLight90,
-  highlightedSurface: palette$4.scarletGumLight90,
-  pressedSurface: palette$4.scarletGumDark20,
-  decorativePrimary: palette$4.white,
-  decorativePrimarySurface: palette$4.maasstrichtBlueLight80
+var swagBrandSystemPallete = {
+  primary: palette$5.scarletGum,
+  onPrimary: palette$5.white,
+  secondary: palette$5.scarletGumLight30,
+  onSecondary: palette$5.white,
+  defaultSurface: palette$5.greyLight90,
+  highlightedSurface: palette$5.scarletGumLight90,
+  pressedSurface: palette$5.scarletGumDark20,
+  decorativePrimary: palette$5.white,
+  decorativePrimarySurface: palette$5.maasstrichtBlueLight80
 };
 /**
  * @deprecated This palette is deprecated and will be removed in the next major release.
  */
-var swagSystemPalette$1 = _objectSpread2(_objectSpread2({}, globalPalette$1), swagBrandSystemPallete$1);
+var swagSystemPalette$2 = _objectSpread2(_objectSpread2({}, globalPalette$1), swagBrandSystemPallete);
 
 var globalPalette = {
   // Updated 21 / Nov / 22
   // Surfaces
-  defaultGlobalSurface: palette$8.maasstrichtBlue,
-  onDefaultGlobalSurface: palette$8.white,
-  neutralGlobalSurface: palette$8.maasstrichtBlueLight15,
-  mutedOnDefaultGlobalSurface: palette$8.maasstrichtBlueLight70,
-  inactiveOnDefaultGlobalSurface: palette$8.maasstrichtBlueLight60,
-  disabledOnDefaultGlobalSurface: palette$8.greyDark20,
-  darkGlobalSurface: palette$8.white,
-  onDarkGlobalSurface: palette$8.maasstrichtBlue,
-  overlayGlobalSurface: palette$8.greyDark30,
+  defaultGlobalSurface: palette$9.maasstrichtBlue,
+  onDefaultGlobalSurface: palette$9.white,
+  neutralGlobalSurface: palette$9.maasstrichtBlueLight15,
+  mutedOnDefaultGlobalSurface: palette$9.maasstrichtBlueLight70,
+  inactiveOnDefaultGlobalSurface: palette$9.maasstrichtBlueLight60,
+  disabledOnDefaultGlobalSurface: palette$9.greyDark20,
+  darkGlobalSurface: palette$9.white,
+  onDarkGlobalSurface: palette$9.maasstrichtBlue,
+  overlayGlobalSurface: palette$9.greyDark30,
   // Outlines
-  primaryOutline: palette$8.white,
-  secondaryOutline: palette$8.maasstrichtBlueLight10,
-  inactiveOutline: palette$8.maasstrichtBlueLight60,
-  disabledOutline: palette$8.greyDark20,
+  primaryOutline: palette$9.white,
+  secondaryOutline: palette$9.maasstrichtBlueLight10,
+  inactiveOutline: palette$9.maasstrichtBlueLight60,
+  disabledOutline: palette$9.greyDark20,
   // Accents
-  error: palette$8.vermilionDark10,
-  mutedError: palette$8.vermilionLight20,
-  errorSurface: palette$8.moussaka,
-  onErrorSurface: palette$8.indianDance,
-  warning: palette$8.theatreGold,
-  mutedWarning: palette$8.theatreGoldLight20,
-  warningSurface: palette$8.uniformGreen,
-  onWarningSurface: palette$8.blazingBonfire,
-  success: palette$8.pineGreenDark10,
-  mutedSuccess: palette$8.pineGreenLight20,
-  successSurface: palette$8.deepIntoTheJungle,
-  onSuccessSurface: palette$8.mintLeaf,
-  info: palette$8.ultramarineBlueDark10,
-  mutedInfo: palette$8.ultramarineBlueLight20,
-  infoSurface: palette$8.blueOblivion,
-  onInfoSurface: palette$8.pastelBlue,
-  archived: palette$8.sonicSilverDark10,
-  mutedArchived: palette$8.sonicSilverLight50,
-  archivedSurface: palette$8.bigStone,
-  onArchivedSurface: palette$8.flagstone
+  error: palette$9.vermilionDark10,
+  mutedError: palette$9.vermilionLight20,
+  errorSurface: palette$9.moussaka,
+  onErrorSurface: palette$9.indianDance,
+  warning: palette$9.theatreGold,
+  mutedWarning: palette$9.theatreGoldLight20,
+  warningSurface: palette$9.uniformGreen,
+  onWarningSurface: palette$9.blazingBonfire,
+  success: palette$9.pineGreenDark10,
+  mutedSuccess: palette$9.pineGreenLight20,
+  successSurface: palette$9.deepIntoTheJungle,
+  onSuccessSurface: palette$9.mintLeaf,
+  info: palette$9.ultramarineBlueDark10,
+  mutedInfo: palette$9.ultramarineBlueLight20,
+  infoSurface: palette$9.blueOblivion,
+  onInfoSurface: palette$9.pastelBlue,
+  archived: palette$9.sonicSilverDark10,
+  mutedArchived: palette$9.sonicSilverLight50,
+  archivedSurface: palette$9.bigStone,
+  onArchivedSurface: palette$9.flagstone
   // End of Updated 21 / Nov / 22
 };
 
 var swagDarkBrandSystemPalette = {
-  primary: palette$2.mauve,
-  onPrimary: palette$2.maasstrichtBlue,
-  secondary: palette$2.mauveLight40,
-  onSecondary: palette$2.maasstrichtBlue,
-  defaultSurface: palette$2.maasstrichtBlue,
-  highlightedSurface: palette$2.mauveDark65,
-  pressedSurface: palette$2.mauveLight15,
-  decorativePrimary: palette$2.maasstrichtBlue,
-  decorativePrimarySurface: palette$2.maasstrichtBlueLight10
+  primary: palette$3.mauve,
+  onPrimary: palette$3.maasstrichtBlue,
+  secondary: palette$3.mauveLight40,
+  onSecondary: palette$3.maasstrichtBlue,
+  defaultSurface: palette$3.maasstrichtBlue,
+  highlightedSurface: palette$3.mauveDark65,
+  pressedSurface: palette$3.mauveLight15,
+  decorativePrimary: palette$3.maasstrichtBlue,
+  decorativePrimarySurface: palette$3.maasstrichtBlueLight10
 };
 /**
  * @deprecated This palette is deprecated and will be removed in the next major release.
@@ -1994,32 +2006,43 @@ var swagDarkSystemPalette = _objectSpread2(_objectSpread2(_objectSpread2({}, glo
 });
 
 var swagLightGlobalPalette = _objectSpread2(_objectSpread2({}, globalPalette$1), {}, {
-  onDefaultGlobalSurface: palette$3.offBlack,
+  onDefaultGlobalSurface: palette$4.offBlack,
   mutedOnDefaultGlobalSurface: '#4d6265',
   inactiveOnDefaultGlobalSurface: '#808f91',
-  primaryOutline: palette$3.offBlack,
+  primaryOutline: palette$4.offBlack,
   inactiveOutline: '#808f91'
 });
 
-var swagBrandSystemPallete = {
+var ehWorkBrandSystemPalette = {
   primary: '#460078',
   onPrimary: '#fdfbff',
   secondary: '#b382fd',
-  onSecondary: palette$3.white,
+  onSecondary: palette$4.white,
   defaultSurface: '#fdfbff',
-  highlightedSurface: palette$3.violetLight90,
+  highlightedSurface: palette$4.violetLight90,
   pressedSurface: '#380060',
   decorativePrimary: '#fdfbff',
   decorativePrimarySurface: '#dacce4',
   decorativeSecondary: '#fdfbff',
   decorativeSecondarySurface: '#f0e6ff'
 };
-var swagSystemPalette = _objectSpread2(_objectSpread2(_objectSpread2({}, swagLightGlobalPalette), swagBrandSystemPallete), {}, {
+var ehWorkSystemPalette = _objectSpread2(_objectSpread2(_objectSpread2({}, swagLightGlobalPalette), ehWorkBrandSystemPalette), {}, {
+  name: 'ehWork'
+});
+
+/**
+ * @deprecated This palette is deprecated and will be removed in the next major release.
+ */
+var swagSystemPalette$1 = _objectSpread2(_objectSpread2({}, ehWorkSystemPalette), {}, {
+  name: 'swagLight'
+});
+
+var swagSystemPalette = _objectSpread2(_objectSpread2({}, ehWorkSystemPalette), {}, {
   name: 'swagLight'
 });
 
-var swagLightJobsSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette), {}, {
-  name: 'swagLightJobs',
+var ehJobsSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette), {}, {
+  name: 'ehJobs',
   secondary: '#40d1ff',
   onSecondary: '#460078',
   secondaryHighlightedSurface: '#ecfaff',
@@ -2027,69 +2050,76 @@ var swagLightJobsSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPal
   decorativeSecondarySurface: '#d9f6ff'
 });
 
+/**
+ * @deprecated This palette is deprecated and will be removed in the next major release.
+ */
+var swagLightJobsSystemPalette = _objectSpread2(_objectSpread2({}, ehJobsSystemPalette), {}, {
+  name: 'swagLightJobs'
+});
+
 var workBrandSystemPallete = {
-  primary: palette.black,
-  onPrimary: palette.white,
-  secondary: palette.blackLight30,
-  onSecondary: palette.white,
-  defaultSurface: palette.white,
-  highlightedSurface: palette.blackLight90,
-  pressedSurface: palette.black,
-  decorativePrimary: palette.gold,
-  decorativePrimarySurface: palette.goldLight80
+  primary: palette$1.black,
+  onPrimary: palette$1.white,
+  secondary: palette$1.blackLight30,
+  onSecondary: palette$1.white,
+  defaultSurface: palette$1.white,
+  highlightedSurface: palette$1.blackLight90,
+  pressedSurface: palette$1.black,
+  decorativePrimary: palette$1.gold,
+  decorativePrimarySurface: palette$1.goldLight80
 };
 /**
  * @deprecated This palette is deprecated and will be removed in the next major release.
  */
-var workSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette$1), workBrandSystemPallete);
+var workSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette$2), workBrandSystemPallete);
 
 var jobsBrandSystemPallete = {
-  primary: palette$5.apple,
-  onPrimary: palette$5.white,
-  secondary: palette$5.maasstrichtBlueLight30,
-  onSecondary: palette$5.white,
-  defaultSurface: palette$5.white,
-  highlightedSurface: palette$5.hitPinkLight90,
-  pressedSurface: palette$5.appleDark20,
-  decorativePrimary: palette$5.hitPink,
-  decorativePrimarySurface: palette$5.hitPinkLight80
+  primary: palette$6.apple,
+  onPrimary: palette$6.white,
+  secondary: palette$6.maasstrichtBlueLight30,
+  onSecondary: palette$6.white,
+  defaultSurface: palette$6.white,
+  highlightedSurface: palette$6.hitPinkLight90,
+  pressedSurface: palette$6.appleDark20,
+  decorativePrimary: palette$6.hitPink,
+  decorativePrimarySurface: palette$6.hitPinkLight80
 };
 /**
  * @deprecated This palette is deprecated and will be removed in the next major release.
  */
-var jobsSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette$1), jobsBrandSystemPallete);
+var jobsSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette$2), jobsBrandSystemPallete);
 
 var walletBrandSystemPallete = {
-  primary: palette$1.royalBlue,
-  onPrimary: palette$1.white,
-  secondary: palette$1.royalBlueDark30,
-  onSecondary: palette$1.white,
-  defaultSurface: palette$1.white,
-  highlightedSurface: palette$1.royalBlueLight90,
-  pressedSurface: palette$1.royalBlueDark20,
-  decorativePrimary: palette$1.frenchSky,
-  decorativePrimarySurface: palette$1.frenchSkyLight80
+  primary: palette$2.royalBlue,
+  onPrimary: palette$2.white,
+  secondary: palette$2.royalBlueDark30,
+  onSecondary: palette$2.white,
+  defaultSurface: palette$2.white,
+  highlightedSurface: palette$2.royalBlueLight90,
+  pressedSurface: palette$2.royalBlueDark20,
+  decorativePrimary: palette$2.frenchSky,
+  decorativePrimarySurface: palette$2.frenchSkyLight80
 };
 /**
  * @deprecated This palette is deprecated and will be removed in the next major release.
  */
-var walletSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette$1), walletBrandSystemPallete);
+var walletSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette$2), walletBrandSystemPallete);
 
 var eBensBrandSystemPallete = {
-  primary: palette$6.violet,
-  onPrimary: palette$6.white,
-  secondary: palette$6.violetLight30,
-  onSecondary: palette$6.white,
-  defaultSurface: palette$6.white,
-  highlightedSurface: palette$6.violetLight90,
-  pressedSurface: palette$6.violetDark20,
-  decorativePrimary: palette$6.mauve,
-  decorativePrimarySurface: palette$6.mauveLight80
+  primary: palette$7.violet,
+  onPrimary: palette$7.white,
+  secondary: palette$7.violetLight30,
+  onSecondary: palette$7.white,
+  defaultSurface: palette$7.white,
+  highlightedSurface: palette$7.violetLight90,
+  pressedSurface: palette$7.violetDark20,
+  decorativePrimary: palette$7.mauve,
+  decorativePrimarySurface: palette$7.mauveLight80
 };
 /**
  * @deprecated This palette is deprecated and will be removed in the next major release.
  */
-var eBensSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette$1), eBensBrandSystemPallete);
+var eBensSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette$2), eBensBrandSystemPallete);
 
 var ehWorkDarkSystemPalette = {
   black: '#000000',
@@ -2314,7 +2344,7 @@ var getRadii = function getRadii(baseRadius) {
   };
 };
 
-var swagLightShadowPalette = {
+var ehWorkShadowPalette = {
   "default": {
     shadowOffset: {
       width: 0,
@@ -2347,13 +2377,13 @@ var swagLightShadowPalette = {
   }
 };
 
-var swagLightJobsShadowPalette = {
+var ehJobsShadowPalette = {
   "default": {
     shadowOffset: {
       width: 0,
       height: 2
     },
-    shadowColor: swagLightJobsSystemPalette.primaryOutline,
+    shadowColor: ehWorkSystemPalette.primaryOutline,
     shadowOpacity: 0.12,
     shadowRadius: 4,
     elevation: 3
@@ -2416,13 +2446,17 @@ var ehWorkDarkShadowPalette = {
 var getShadows = function getShadows(palette) {
   switch (palette.name) {
     case 'swagLight':
-      return swagLightShadowPalette;
+      return ehWorkShadowPalette;
+    case 'ehWork':
+      return ehWorkShadowPalette;
     case 'swagLightJobs':
-      return swagLightJobsShadowPalette;
+      return ehJobsShadowPalette;
+    case 'ehJobs':
+      return ehJobsShadowPalette;
     case 'ehWorkDark':
       return ehWorkDarkShadowPalette;
     default:
-      return swagLightShadowPalette;
+      return ehWorkShadowPalette;
   }
 };
 
@@ -4363,7 +4397,7 @@ var getAppCueTheme = function getAppCueTheme(theme) {
 
 var getTheme$1 = function getTheme() {
   var scale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : scale$1;
-  var systemPallete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : swagSystemPalette$1;
+  var systemPallete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : swagSystemPalette$2;
   var globalTheme = getGlobalTheme(scale, systemPallete);
   return _objectSpread2(_objectSpread2({
     themeMode: systemPallete.themeMode
@@ -5593,7 +5627,7 @@ var ThemeSwitcher = function ThemeSwitcher(_ref) {
   var theme = useMemo(function () {
     switch (name) {
       case 'swag':
-        return getTheme$1(scale$1, swagSystemPalette$1);
+        return getTheme$1(scale$1, swagSystemPalette$2);
       case 'work':
         return getTheme$1(scale$1, workSystemPalette);
       case 'jobs':
@@ -5605,9 +5639,12 @@ var ThemeSwitcher = function ThemeSwitcher(_ref) {
       case 'swagDark':
         return getTheme$1(scale$1, swagDarkSystemPalette);
       case 'swagLight':
-        return getTheme$1(scale$1, swagSystemPalette);
+      case 'ehWork':
+        return getTheme$1(scale$1, swagSystemPalette$1);
       case 'ehWorkDark':
         return getTheme$1(scale$1, ehWorkDarkSystemPalette);
+      case 'ehJobs':
+        return getTheme$1(scale$1, swagLightJobsSystemPalette);
     }
   }, [name]);
   return /*#__PURE__*/React__default.createElement(ThemeProvider, {
@@ -9360,7 +9397,7 @@ var shuffleArray = function shuffleArray(array) {
  */
 var useAvatarColors = function useAvatarColors() {
   var shuffledColors = useMemo(function () {
-    return shuffleArray(Object.values(palette$7));
+    return shuffleArray(Object.values(palette$8));
   }, []);
   return shuffledColors;
 };
@@ -9776,7 +9813,7 @@ var Divider = function Divider(_ref) {
   }));
 };
 
-var AnimatedPressable$2 = Animated.createAnimatedComponent(Pressable);
+var AnimatedPressable$1 = Animated.createAnimatedComponent(Pressable);
 var AnimatedSafeAreaView = Animated.createAnimatedComponent(SafeAreaView);
 var StyledWrapper$a = index$a(View)(_objectSpread2(_objectSpread2({}, StyleSheet$1.absoluteFillObject), {}, {
   flexDirection: 'column-reverse'
@@ -9813,7 +9850,7 @@ var StyledBottomSheet = index$a(AnimatedSafeAreaView)(function (_ref3) {
     maxHeight: '94%'
   };
 });
-var StyledBackdrop$2 = index$a(AnimatedPressable$2)(function (_ref4) {
+var StyledBackdrop$2 = index$a(AnimatedPressable$1)(function (_ref4) {
   var theme = _ref4.theme;
   return _objectSpread2(_objectSpread2({}, StyleSheet$1.absoluteFillObject), {}, {
     backgroundColor: theme.__hd__.bottomSheet.colors.backdrop,
@@ -15336,7 +15373,7 @@ var DatePicker = function DatePicker(_ref) {
   }));
 };
 
-var AnimatedPressable$1 = Animated.createAnimatedComponent(Pressable);
+var AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 var StyledContainer$5 = index$a(View)(function (_ref) {
   var theme = _ref.theme,
     enableShadow = _ref.enableShadow;
@@ -15364,7 +15401,7 @@ var StyledDragableContainer = index$a(View)(function (_ref2) {
     flexDirection: 'column-reverse'
   });
 });
-var StyledBackdrop$1 = index$a(AnimatedPressable$1)(function (_ref3) {
+var StyledBackdrop$1 = index$a(AnimatedPressable)(function (_ref3) {
   var theme = _ref3.theme;
   return _objectSpread2(_objectSpread2({}, StyleSheet$1.absoluteFillObject), {}, {
     backgroundColor: theme.__hd__.drawer.colors.backdrop
@@ -16554,8 +16591,17 @@ var StyledFAB$1 = index$a(FAB$1)(function (_ref) {
     alignSelf: 'flex-end'
   };
 });
-var AnimatedPressable = Animated.createAnimatedComponent(Pressable);
-var StyledBackdrop = index$a(AnimatedPressable)(function (_ref2) {
+var StyledBackdropPressable = index$a(Pressable)(function () {
+  return {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
+    backgroundColor: 'transparent'
+  };
+});
+var StyledBackdrop = index$a(Box)(function (_ref2) {
   var theme = _ref2.theme;
   return {
     position: 'absolute',
@@ -16641,19 +16687,19 @@ var ActionGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React__default.createElement(StyledContainerInModal, {
     testID: testID,
     style: [style]
-  }, /*#__PURE__*/React__default.createElement(StyledBackdrop, {
+  }, /*#__PURE__*/React__default.createElement(StyledBackdropPressable, {
     testID: "back-drop",
     onPress: onBackdropPress
-  }), /*#__PURE__*/React__default.createElement(StyledActionGroupContainer, {
+  }, active && /*#__PURE__*/React__default.createElement(Portal$1, null, /*#__PURE__*/React__default.createElement(StyledBackdrop, null))), /*#__PURE__*/React__default.createElement(StyledActionGroupContainer, {
     testID: "action-group",
     pointerEvents: "box-none",
     style: {
       opacity: actionGroupOpacity
     }
   }, /*#__PURE__*/React__default.createElement(Box, {
-    style: [style, {
+    style: {
       paddingBottom: 0
-    }]
+    }
   }, items === null || items === void 0 ? void 0 : items.map(function (itemProp, index) {
     return /*#__PURE__*/React__default.createElement(ActionItem, _extends$1({
       key: itemProp.key || "".concat(itemProp.icon, "_").concat(itemProp.title)
@@ -40529,4 +40575,4 @@ var FloatingIsland = function FloatingIsland(_ref2) {
   }));
 };
 
-export { Accordion, Alert, AppCue, Attachment, index$9 as Avatar, Badge$1 as Badge, BottomNavigation, BottomSheet$1 as BottomSheet, Box, CompoundButton as Button, Calendar$1 as Calendar, Card$1 as Card, index$8 as Carousel, Checkbox, Chip, Collapse, ContentNavigator, DatePicker, Divider, index$7 as Drawer, Empty, ErrorComponent as Error, FAB, FlatListWithFAB, FloatingIsland, HeroDesignProvider, Icon, Image, List, index$6 as MapPin, PageControl, PinInput, Portal$1 as Portal, Progress, CompoundRadio as Radio, Rate, RefreshControl, index as RichTextEditor, ScrollViewWithFAB, Search, SectionHeading, SectionListWithFAB, index$4 as Select, Skeleton, Slider, Spinner, Success, index$5 as Swipeable, index$3 as Switch, index$2 as Tabs, Tag, TextInput, ThemeProvider, ThemeSwitcher, TimePicker, Toast, index$1 as Toolbar, Typography, eBensSystemPalette, ehWorkDarkSystemPalette, getTheme$1 as getTheme, jobsSystemPalette, scale, swagDarkSystemPalette, swagLightJobsSystemPalette, swagSystemPalette as swagLightSystemPalette, swagSystemPalette$1 as swagSystemPalette, defaultTheme as theme, useAvatarColors, useTheme, walletSystemPalette, withTheme, workSystemPalette };
+export { Accordion, Alert, AppCue, Attachment, index$9 as Avatar, Badge$1 as Badge, BottomNavigation, BottomSheet$1 as BottomSheet, Box, CompoundButton as Button, Calendar$1 as Calendar, Card$1 as Card, index$8 as Carousel, Checkbox, Chip, Collapse, ContentNavigator, DatePicker, Divider, index$7 as Drawer, Empty, ErrorComponent as Error, FAB, FlatListWithFAB, FloatingIsland, HeroDesignProvider, Icon, Image, List, index$6 as MapPin, PageControl, PinInput, Portal$1 as Portal, Progress, CompoundRadio as Radio, Rate, RefreshControl, index as RichTextEditor, ScrollViewWithFAB, Search, SectionHeading, SectionListWithFAB, index$4 as Select, Skeleton, Slider, Spinner, Success, index$5 as Swipeable, index$3 as Switch, index$2 as Tabs, Tag, TextInput, ThemeProvider, ThemeSwitcher, TimePicker, Toast, index$1 as Toolbar, Typography, eBensSystemPalette, ehJobsSystemPalette, ehWorkDarkSystemPalette, ehWorkSystemPalette, getTheme$1 as getTheme, jobsSystemPalette, scale, swagDarkSystemPalette, swagLightJobsSystemPalette, swagSystemPalette$1 as swagLightSystemPalette, swagSystemPalette$2 as swagSystemPalette, defaultTheme as theme, useAvatarColors, useTheme, walletSystemPalette, withTheme, workSystemPalette };