@hero-design/rn 8.66.0 → 8.67.0-alpha.1

package/es/index.js

@@ -1354,6 +1354,7 @@ var BASE_COLORS = {
   vermilion: '#de350b',
   violet1: '#8505a2',
   violet: '#7622d7',
+  darkViolet: '#460078',
   vodka: '#b5c3fd',
   theatreGold: '#a56822',
   uniformGreen: '#4d4628',
@@ -1376,9 +1377,9 @@ var blue$1 = colorScales.blue,
   purple$1 = colorScales.purple,
   vermilion$2 = colorScales.vermilion,
   smalt = colorScales.smalt,
-  violet$1 = colorScales.violet,
+  violet$2 = colorScales.violet,
   yellow$1 = colorScales.yellow;
-var palette$b = {
+var palette$c = {
   black: '#000000',
   white: '#ffffff',
   blue: blue$1.base,
@@ -1481,19 +1482,19 @@ var palette$b = {
   smaltLight45: smalt.lighten45,
   smaltLight75: smalt.lighten75,
   smaltLight90: smalt.lighten90,
-  violet: violet$1.base,
-  violetDark15: violet$1.darken15,
-  violetDark30: violet$1.darken30,
-  violetDark45: violet$1.darken45,
-  violetDark60: violet$1.darken60,
-  violetDark75: violet$1.darken75,
-  violetDark90: violet$1.darken90,
-  violetLight15: violet$1.lighten15,
-  violetLight30: violet$1.lighten30,
-  violetLight45: violet$1.lighten45,
-  violetLight60: violet$1.lighten60,
-  violetLight75: violet$1.lighten75,
-  violetLight90: violet$1.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,
   yellow: yellow$1.base,
   yellowDark15: yellow$1.darken15,
   yellowDark30: yellow$1.darken30,
@@ -1506,16 +1507,16 @@ var palette$b = {
   yellowLight90: yellow$1.lighten90
 };
 var mauve$3 = colorScales.mauve,
-  violet$2 = colorScales.violet;
-Object.assign(Object.assign({}, palette$b), {
+  violet$1 = colorScales.violet;
+Object.assign(Object.assign({}, palette$c), {
   mauve: mauve$3.base,
   mauveLight80: mauve$3.lighten80,
-  violetDark50: violet$2.darken50
+  violetDark50: violet$1.darken50
 });
 var apple$3 = colorScales.apple,
   hitPink$1 = colorScales.hitPink,
   maasstrichtBlue$4 = colorScales.maasstrichtBlue;
-Object.assign(Object.assign({}, palette$b), {
+Object.assign(Object.assign({}, palette$c), {
   apple: apple$3.base,
   appleDark20: apple$3.darken20,
   appleDark50: apple$3.darken50,
@@ -1548,7 +1549,7 @@ var aliceBlue$1 = colorScales.aliceBlue,
   vodka$1 = colorScales.vodka,
   windsorGrey = colorScales.windsorGrey,
   black$1 = colorScales.black;
-var palette$8 = {
+var palette$9 = {
   black: black$1.base,
   white: '#ffffff',
   greyLight95: grey$1.lighten95,
@@ -1620,7 +1621,7 @@ var aliceBlue = colorScales.aliceBlue,
   mintLeaf = colorScales.mintLeaf,
   blueOblivion = colorScales.blueOblivion,
   pastelBlue = colorScales.pastelBlue;
-var palette$7 = {
+var palette$8 = {
   black: '#000000',
   white: '#ffffff',
   greyLight95: grey$3.lighten95,
@@ -1685,7 +1686,7 @@ var palette$7 = {
   flagstone: flagstone.base
 };
 var maasstrichtBlue$1 = colorScales.maasstrichtBlue;
-var palette$6 = {
+var palette$7 = {
   maasstrichtBlue: maasstrichtBlue$1.base,
   maasstrichtBlueLight5: maasstrichtBlue$1.lighten5,
   maasstrichtBlueLight10: maasstrichtBlue$1.lighten10,
@@ -1698,7 +1699,7 @@ var palette$6 = {
 };
 var violet1$2 = colorScales.violet1,
   mauve$2 = colorScales.mauve;
-var palette$5 = Object.assign(Object.assign({}, palette$8), {
+var palette$6 = Object.assign(Object.assign({}, palette$9), {
   violet: violet1$2.base,
   violetLight20: violet1$2.lighten20,
   violetLight30: violet1$2.lighten30,
@@ -1710,7 +1711,7 @@ var palette$5 = Object.assign(Object.assign({}, palette$8), {
 var apple = colorScales.apple,
   currant = colorScales.currant,
   hitPink = colorScales.hitPink;
-var palette$4 = Object.assign(Object.assign({}, palette$8), {
+var palette$5 = Object.assign(Object.assign({}, palette$9), {
   apple: apple.base,
   appleLight10: apple.lighten10,
   appleDark20: apple.darken20,
@@ -1724,7 +1725,7 @@ var palette$4 = Object.assign(Object.assign({}, palette$8), {
 var scarletGum$1 = colorScales.scarletGum,
   violet1$1 = colorScales.violet1,
   mauve$1 = colorScales.mauve;
-var palette$3 = Object.assign(Object.assign({}, palette$8), {
+var palette$4 = Object.assign(Object.assign({}, palette$9), {
   scarletGumLight20: scarletGum$1.lighten20,
   scarletGumLight30: scarletGum$1.lighten30,
   scarletGumLight50: scarletGum$1.lighten50,
@@ -1739,11 +1740,20 @@ var palette$3 = Object.assign(Object.assign({}, palette$8), {
   violet: violet1$1.base,
   mauve: mauve$1.base
 });
+var violet$3 = colorScales.violet,
+  darkViolet = colorScales.darkViolet;
+var palette$3 = Object.assign(Object.assign({}, palette$9), {
+  violet: violet$3.base,
+  violetLight90: violet$3.lighten90,
+  darkViolet: darkViolet.base,
+  darkVioletLight80: darkViolet.lighten80,
+  darkVioletDark20: darkViolet.darken20
+});
 var scarletGum = colorScales.scarletGum,
   violet1 = colorScales.violet1,
   mauve = colorScales.mauve,
   maasstrichtBlue = colorScales.maasstrichtBlue;
-var palette$2 = Object.assign(Object.assign({}, palette$8), {
+var palette$2 = Object.assign(Object.assign({}, palette$9), {
   scarletGumLight20: scarletGum.lighten20,
   scarletGumLight30: scarletGum.lighten30,
   scarletGumLight50: scarletGum.lighten50,
@@ -1766,7 +1776,7 @@ var palette$2 = Object.assign(Object.assign({}, palette$8), {
 });
 var royalBlue = colorScales.royalBlue,
   frenchSky = colorScales.frenchSky;
-var palette$1 = Object.assign(Object.assign({}, palette$8), {
+var palette$1 = Object.assign(Object.assign({}, palette$9), {
   royalBlue: royalBlue.base,
   royalBlueLight10: royalBlue.lighten10,
   royalBlueLight80: royalBlue.lighten80,
@@ -1780,7 +1790,7 @@ var palette$1 = Object.assign(Object.assign({}, palette$8), {
 var gold$1 = colorScales.gold,
   policeBlue = colorScales.policeBlue,
   black$2 = colorScales.black;
-var palette = Object.assign(Object.assign({}, palette$8), {
+var palette = Object.assign(Object.assign({}, palette$9), {
   blackLight30: black$2.lighten30,
   blackLight90: black$2.lighten90,
   goldLight20: gold$1.lighten20,
@@ -1798,95 +1808,95 @@ var palette = Object.assign(Object.assign({}, palette$8), {
 var globalPalette$1 = {
   // Updated 21 / Nov / 22
   // Surfaces
-  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,
+  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,
   // Outlines
-  primaryOutline: palette$8.maasstrichtBlue,
-  secondaryOutline: palette$8.greyLight75,
-  inactiveOutline: palette$8.maasstrichtBlueLight50,
-  disabledOutline: palette$8.greyLight30,
+  primaryOutline: palette$9.maasstrichtBlue,
+  secondaryOutline: palette$9.greyLight75,
+  inactiveOutline: palette$9.maasstrichtBlueLight50,
+  disabledOutline: palette$9.greyLight30,
   // Accents
-  error: palette$8.pastelRed,
-  mutedError: palette$8.pastelRedLight20,
-  errorSurface: palette$8.linen,
-  onErrorSurface: palette$8.amaranthaRed,
-  warning: palette$8.mellowApricot,
-  mutedWarning: palette$8.mellowApricotLight20,
-  warningSurface: palette$8.seashell,
-  onWarningSurface: palette$8.orangeBrown,
-  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.gentianFlower,
-  archived: palette$8.silverChalice,
-  mutedArchived: palette$8.silverChaliceLight20,
-  archivedSurface: palette$8.cumberlandFog,
-  onArchivedSurface: palette$8.windsorGrey
+  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
   // End of Updated 21 / Nov / 22
 };
 
-var swagBrandSystemPallete = {
-  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.scarletGumDark20,
-  decorativePrimary: palette$3.white,
-  decorativePrimarySurface: palette$3.maasstrichtBlueLight80
+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 swagSystemPalette = _objectSpread2(_objectSpread2({}, globalPalette$1), swagBrandSystemPallete);
+var swagSystemPalette$1 = _objectSpread2(_objectSpread2({}, globalPalette$1), swagBrandSystemPallete$1);
 
 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,
+  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,
   // Outlines
-  primaryOutline: palette$7.white,
-  secondaryOutline: palette$7.maasstrichtBlueLight10,
-  inactiveOutline: palette$7.maasstrichtBlueLight60,
-  disabledOutline: palette$7.greyDark20,
+  primaryOutline: palette$8.white,
+  secondaryOutline: palette$8.maasstrichtBlueLight10,
+  inactiveOutline: palette$8.maasstrichtBlueLight60,
+  disabledOutline: palette$8.greyDark20,
   // Accents
-  error: palette$7.vermilionDark10,
-  mutedError: palette$7.vermilionLight20,
-  errorSurface: palette$7.moussaka,
-  onErrorSurface: palette$7.indianDance,
-  warning: palette$7.theatreGold,
-  mutedWarning: palette$7.theatreGoldLight20,
-  warningSurface: palette$7.uniformGreen,
-  onWarningSurface: palette$7.blazingBonfire,
-  success: palette$7.pineGreenDark10,
-  mutedSuccess: palette$7.pineGreenLight20,
-  successSurface: palette$7.deepIntoTheJungle,
-  onSuccessSurface: palette$7.mintLeaf,
-  info: palette$7.ultramarineBlueDark10,
-  mutedInfo: palette$7.ultramarineBlueLight20,
-  infoSurface: palette$7.blueOblivion,
-  onInfoSurface: palette$7.pastelBlue,
-  archived: palette$7.sonicSilverDark10,
-  mutedArchived: palette$7.sonicSilverLight50,
-  archivedSurface: palette$7.bigStone,
-  onArchivedSurface: palette$7.flagstone
+  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
   // End of Updated 21 / Nov / 22
 };
 
@@ -1903,6 +1913,19 @@ var swagDarkBrandSystemPalette = {
 };
 var swagDarkSystemPalette = _objectSpread2(_objectSpread2({}, globalPalette), swagDarkBrandSystemPalette);
 
+var swagBrandSystemPallete = {
+  primary: palette$3.darkViolet,
+  onPrimary: '#FDFBFF',
+  secondary: '#B382FD',
+  onSecondary: palette$3.white,
+  defaultSurface: '#FDFBFF',
+  highlightedSurface: palette$3.violetLight90,
+  pressedSurface: palette$3.darkVioletDark20,
+  decorativePrimary: '#FDFBFF',
+  decorativePrimarySurface: '#DDC8F5'
+};
+var swagSystemPalette = _objectSpread2(_objectSpread2({}, globalPalette$1), swagBrandSystemPallete);
+
 var workBrandSystemPallete = {
   primary: palette.black,
   onPrimary: palette.white,
@@ -1914,20 +1937,20 @@ var workBrandSystemPallete = {
   decorativePrimary: palette.gold,
   decorativePrimarySurface: palette.goldLight80
 };
-var workSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette), workBrandSystemPallete);
+var workSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette$1), workBrandSystemPallete);
 
 var jobsBrandSystemPallete = {
-  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.appleDark20,
-  decorativePrimary: palette$4.hitPink,
-  decorativePrimarySurface: palette$4.hitPinkLight80
+  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
 };
-var jobsSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette), jobsBrandSystemPallete);
+var jobsSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette$1), jobsBrandSystemPallete);
 
 var walletBrandSystemPallete = {
   primary: palette$1.royalBlue,
@@ -1940,20 +1963,20 @@ var walletBrandSystemPallete = {
   decorativePrimary: palette$1.frenchSky,
   decorativePrimarySurface: palette$1.frenchSkyLight80
 };
-var walletSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette), walletBrandSystemPallete);
+var walletSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette$1), walletBrandSystemPallete);
 
 var eBensBrandSystemPallete = {
-  primary: palette$5.violet,
-  onPrimary: palette$5.white,
-  secondary: palette$5.violetLight30,
-  onSecondary: palette$5.white,
-  defaultSurface: palette$5.white,
-  highlightedSurface: palette$5.violetLight90,
-  pressedSurface: palette$5.violetDark20,
-  decorativePrimary: palette$5.mauve,
-  decorativePrimarySurface: palette$5.mauveLight80
-};
-var eBensSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette), 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
+};
+var eBensSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette$1), eBensBrandSystemPallete);
 
 var BASE_WIDTH = 390; // Based on iPhone 13's viewport size
 var horizontalScale = function horizontalScale(size) {
@@ -2139,11 +2162,20 @@ var getAccordionTheme = function getAccordionTheme(theme) {
 
 var getAlertTheme = function getAlertTheme(theme) {
   var colors = {
-    success: theme.colors.success,
-    warning: theme.colors.warning,
-    error: theme.colors.error,
-    info: theme.colors.info,
-    notification: theme.colors.defaultGlobalSurface,
+    backgrounds: {
+      success: theme.colors.successSurface,
+      warning: theme.colors.warningSurface,
+      error: theme.colors.errorSurface,
+      info: theme.colors.infoSurface,
+      notification: theme.colors.defaultGlobalSurface
+    },
+    texts: {
+      success: theme.colors.onSuccessSurface,
+      warning: theme.colors.onWarningSurface,
+      error: theme.colors.onErrorSurface,
+      info: theme.colors.onInfoSurface,
+      notification: theme.colors.onDefaultGlobalSurface
+    },
     divider: theme.colors.secondaryOutline
   };
   var sizes = {
@@ -2750,13 +2782,13 @@ var getErrorTheme = function getErrorTheme(theme) {
 
 var getFABTheme = function getFABTheme(theme) {
   var colors = {
-    buttonBackground: theme.colors.primary,
-    buttonPressedBackground: theme.colors.pressedSurface,
-    buttonActiveBackground: theme.colors.pressedSurface,
+    buttonBackground: theme.colors.overlayGlobalSurface,
+    buttonPressedBackground: theme.colors.overlayGlobalSurface,
+    buttonActiveBackground: theme.colors.overlayGlobalSurface,
     icon: theme.colors.onPrimary,
-    actionItemBackground: theme.colors.secondary,
-    actionItemPressedBackground: theme.colors.pressedSurface,
-    backdropBackground: theme.colors.overlayGlobalSurface,
+    actionItemBackground: theme.colors.overlayGlobalSurface,
+    actionItemPressedBackground: theme.colors.overlayGlobalSurface,
+    backdropBackground: theme.colors.defaultSurface,
     titleText: theme.colors.onPrimary,
     actionItemText: theme.colors.onPrimary
   };
@@ -4967,12 +4999,12 @@ var useTheme = useTheme$1;
 
 var ThemeSwitcher = function ThemeSwitcher(_ref) {
   var _ref$name = _ref.name,
-    name = _ref$name === void 0 ? 'swag' : _ref$name,
+    name = _ref$name === void 0 ? 'swagLight' : _ref$name,
     children = _ref.children;
   var theme = useMemo(function () {
     switch (name) {
       case 'swag':
-        return getTheme$1(scale$1, swagSystemPalette);
+        return getTheme$1(scale$1, swagSystemPalette$1);
       case 'work':
         return getTheme$1(scale$1, workSystemPalette);
       case 'jobs':
@@ -4983,6 +5015,8 @@ var ThemeSwitcher = function ThemeSwitcher(_ref) {
         return getTheme$1(scale$1, eBensSystemPalette);
       case 'swagDark':
         return getTheme$1(scale$1, swagDarkSystemPalette);
+      case 'swagLight':
+        return getTheme$1(scale$1, swagSystemPalette);
     }
   }, [name]);
   return /*#__PURE__*/React__default.createElement(ThemeProvider, {
@@ -7005,7 +7039,7 @@ var FONTSIZE_MAP = {
   'regular-bold': 'regular',
   'small-bold': 'small'
 };
-var StyledBody = index$9(Text$1)(function (_ref) {
+var StyledBody$1 = index$9(Text$1)(function (_ref) {
   var themeIntent = _ref.themeIntent,
     theme = _ref.theme,
     themeTypeface = _ref.themeTypeface,
@@ -7031,7 +7065,7 @@ var Body = function Body(_ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'regular' : _ref$variant,
     nativeProps = _objectWithoutProperties(_ref, _excluded$z);
-  return /*#__PURE__*/React__default.createElement(StyledBody, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default.createElement(StyledBody$1, _extends$1({}, nativeProps, {
     themeTypeface: typeface,
     themeIntent: intent,
     themeVariant: variant,
@@ -7749,7 +7783,7 @@ var Container$1 = index$9(View)(function (_ref) {
     themeIntent = _ref.themeIntent;
   return {
     borderRadius: themeVariant === 'rounded' ? theme.__hd__.alert.radii["default"] : 0,
-    backgroundColor: theme.__hd__.alert.colors[themeIntent],
+    backgroundColor: theme.__hd__.alert.colors.backgrounds[themeIntent],
     minHeight: theme.__hd__.alert.sizes.height,
     flexDirection: 'row'
   };
@@ -7761,16 +7795,30 @@ var IconContainer$1 = index$9(View)(function (_ref2) {
     paddingLeft: theme.__hd__.alert.space.iconLeftPadding
   };
 });
-var TextContainer$1 = index$9(View)(function (_ref3) {
-  var theme = _ref3.theme;
+var StyledIcon$2 = index$9(Icon)(function (_ref3) {
+  var theme = _ref3.theme,
+    themeIntent = _ref3.themeIntent;
+  return {
+    color: theme.__hd__.alert.colors.texts[themeIntent]
+  };
+});
+var TextContainer$1 = index$9(View)(function (_ref4) {
+  var theme = _ref4.theme;
   return {
     paddingHorizontal: theme.__hd__.alert.space.textPaddingHorizontal,
     flex: 1
   };
 });
-var ContentContainer$1 = index$9(View)(function (_ref4) {
-  var theme = _ref4.theme,
-    showDivider = _ref4.showDivider;
+var StyledBody = index$9(Typography.Body)(function (_ref5) {
+  var theme = _ref5.theme,
+    themeIntent = _ref5.themeIntent;
+  return {
+    color: theme.__hd__.alert.colors.texts[themeIntent]
+  };
+});
+var ContentContainer$1 = index$9(View)(function (_ref6) {
+  var theme = _ref6.theme,
+    showDivider = _ref6.showDivider;
   return {
     paddingVertical: theme.__hd__.alert.space.contentPaddingHorizontal,
     flex: 1,
@@ -7779,8 +7827,8 @@ var ContentContainer$1 = index$9(View)(function (_ref4) {
     flexDirection: 'row'
   };
 });
-var CTAWrapper$1 = index$9(TouchableOpacity)(function (_ref5) {
-  var theme = _ref5.theme;
+var CTAWrapper$1 = index$9(TouchableOpacity)(function (_ref7) {
+  var theme = _ref7.theme;
   return {
     paddingHorizontal: theme.__hd__.alert.space.ctaPadding,
     justifyContent: 'center'
@@ -7802,12 +7850,14 @@ var getIntentIcon$1 = function getIntentIcon(intent) {
   }
 };
 var AlertIcon = function AlertIcon(_ref) {
-  var icon = _ref.icon;
+  var icon = _ref.icon,
+    intent = _ref.intent;
   return icon ? /*#__PURE__*/React__default.createElement(IconContainer$1, {
     testID: "alert-left-icon"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
+  }, /*#__PURE__*/React__default.createElement(StyledIcon$2, {
     icon: icon,
-    size: "small"
+    size: "small",
+    themeIntent: intent
   })) : null;
 };
 var Alert = function Alert(_ref2) {
@@ -7831,19 +7881,24 @@ var Alert = function Alert(_ref2) {
   }, /*#__PURE__*/React__default.createElement(ContentContainer$1, {
     showDivider: !!onClose
   }, icon !== null ? /*#__PURE__*/React__default.createElement(AlertIcon, {
-    icon: icon || getIntentIcon$1(intent)
-  }) : null, /*#__PURE__*/React__default.createElement(TextContainer$1, null, typeof title === 'string' ? /*#__PURE__*/React__default.createElement(Typography.Body, {
-    variant: "small-bold"
-  }, title) : title, typeof content === 'string' ? /*#__PURE__*/React__default.createElement(Typography.Body, {
-    variant: "small"
+    icon: icon || getIntentIcon$1(intent),
+    intent: intent
+  }) : null, /*#__PURE__*/React__default.createElement(TextContainer$1, null, typeof title === 'string' ? /*#__PURE__*/React__default.createElement(StyledBody, {
+    variant: "small-bold",
+    themeIntent: intent
+  }, title) : title, typeof content === 'string' ? /*#__PURE__*/React__default.createElement(StyledBody, {
+    variant: "small",
+    themeIntent: intent
   }, content) : content)), onClose ? /*#__PURE__*/React__default.createElement(CTAWrapper$1, {
     onPress: onClose,
     testID: "alert-close-icon"
-  }, typeof actionLabel === 'string' ? /*#__PURE__*/React__default.createElement(Typography.Body, {
-    variant: "small-bold"
-  }, actionLabel) : /*#__PURE__*/React__default.createElement(Icon, {
+  }, typeof actionLabel === 'string' ? /*#__PURE__*/React__default.createElement(StyledBody, {
+    variant: "small-bold",
+    themeIntent: intent
+  }, actionLabel) : /*#__PURE__*/React__default.createElement(StyledIcon$2, {
     icon: "cancel",
-    size: "small"
+    size: "small",
+    themeIntent: intent
   })) : null);
 };
 
@@ -8322,7 +8377,7 @@ var shuffleArray = function shuffleArray(array) {
  */
 var useAvatarColors = function useAvatarColors() {
   var shuffledColors = useMemo(function () {
-    return shuffleArray(Object.values(palette$6));
+    return shuffleArray(Object.values(palette$7));
   }, []);
   return shuffledColors;
 };
@@ -14588,7 +14643,7 @@ var ErrorComponent = function ErrorComponent(_ref2) {
   }, nativeProps));
 };
 
-var AnimatedTouchableHighlight = Animated.createAnimatedComponent(TouchableHighlight);
+var AnimatedTouchableHighlight = Animated.createAnimatedComponent(TouchableOpacity);
 var StyledFAB$1 = index$9(AnimatedTouchableHighlight)(function (_ref) {
   var theme = _ref.theme,
     themeActive = _ref.themeActive;
@@ -14788,7 +14843,7 @@ var FAB$1 = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     onLayout: function onLayout(event) {
       return !hasSetButtonWidth && !active && setButtonWidth(event.nativeEvent.layout.width);
     },
-    underlayColor: theme.__hd__.fab.colors.buttonPressedBackground,
+    activeOpacity: 0.8,
     onPress: onPress,
     style: [style, {
       bottom: displayState.hideButton ? -(marginBottom + theme.__hd__.fab.sizes.height * 2) : (_StyleSheet$flatten2 = StyleSheet$1.flatten(style)) === null || _StyleSheet$flatten2 === void 0 ? void 0 : _StyleSheet$flatten2.bottom,
@@ -14820,7 +14875,7 @@ var FAB$1 = /*#__PURE__*/forwardRef(function (_ref3, ref) {
 });
 FAB$1.displayName = 'FAB';
 
-var StyledActionItem = index$9(TouchableHighlight)(function (_ref) {
+var StyledActionItem = index$9(TouchableOpacity)(function (_ref) {
   var theme = _ref.theme;
   return {
     padding: theme.__hd__.fab.space.actionItemPadding,
@@ -14856,7 +14911,6 @@ var ActionItem = function ActionItem(_ref) {
     index = _ref.index,
     _ref$active = _ref.active,
     active = _ref$active === void 0 ? false : _ref$active;
-  var theme = useTheme();
   var animatedValue = React__default.useRef(new Animated.Value(0));
   var translateY = animatedValue.current.interpolate({
     inputRange: [0, 1],
@@ -14878,7 +14932,7 @@ var ActionItem = function ActionItem(_ref) {
       }]
     }
   }, /*#__PURE__*/React__default.createElement(StyledActionItem, {
-    underlayColor: theme.__hd__.fab.colors.actionItemPressedBackground,
+    activeOpacity: 0.8,
     style: style,
     onPress: onPress,
     testID: testID
@@ -14928,7 +14982,7 @@ var StyledBackdrop = index$9(AnimatedPressable)(function (_ref2) {
     right: 0,
     top: 0,
     bottom: 0,
-    opacity: 0.25,
+    opacity: 0.8,
     backgroundColor: theme.__hd__.fab.colors.backdropBackground
   };
 });
@@ -36091,4 +36145,4 @@ function SectionListWithFAB(_ref) {
   });
 }
 
-export { Accordion, Alert, Attachment, index$8 as Avatar, Badge$1 as Badge, BottomNavigation, BottomSheet$1 as BottomSheet, Box, CompoundButton as Button, Calendar, Card$1 as Card, index$7 as Carousel, Checkbox, Chip, Collapse, ContentNavigator, DatePicker, Divider, index$6 as Drawer, Empty, ErrorComponent as Error, FAB, FlatListWithFAB, HeroDesignProvider, Icon, Image, List, PageControl, PinInput, Portal$1 as Portal, Progress, CompoundRadio as Radio, Rate, RefreshControl, index as RichTextEditor, ScrollViewWithFAB, 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, getTheme$1 as getTheme, jobsSystemPalette, scale, swagDarkSystemPalette, swagSystemPalette, defaultTheme as theme, useAvatarColors, useTheme, walletSystemPalette, withTheme, workSystemPalette };
+export { Accordion, Alert, Attachment, index$8 as Avatar, Badge$1 as Badge, BottomNavigation, BottomSheet$1 as BottomSheet, Box, CompoundButton as Button, Calendar, Card$1 as Card, index$7 as Carousel, Checkbox, Chip, Collapse, ContentNavigator, DatePicker, Divider, index$6 as Drawer, Empty, ErrorComponent as Error, FAB, FlatListWithFAB, HeroDesignProvider, Icon, Image, List, PageControl, PinInput, Portal$1 as Portal, Progress, CompoundRadio as Radio, Rate, RefreshControl, index as RichTextEditor, ScrollViewWithFAB, 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, getTheme$1 as getTheme, jobsSystemPalette, scale, swagDarkSystemPalette, swagSystemPalette as swagLightSystemPalette, swagSystemPalette$1 as swagSystemPalette, defaultTheme as theme, useAvatarColors, useTheme, walletSystemPalette, withTheme, workSystemPalette };