@hero-design/colors 8.46.0 → 8.46.2-alpha.0

package/lib/index.js

@@ -689,75 +689,75 @@ const colorScales = Object.entries(BASE_COLORS).reduce((acc, [key, value]) => Ob
 }), {});
 
 const {
-  blue,
-  ultramarineBlue: ultramarineBlue$2,
-  green,
-  grey: grey$2,
-  grotesqueGreen,
+  blue: blue$1,
+  ultramarineBlue: ultramarineBlue$3,
+  green: green$1,
+  grey: grey$3,
+  grotesqueGreen: grotesqueGreen$1,
   deepSaffron: deepSaffron$2,
-  pink,
+  pink: pink$1,
   purple,
   vermilion: vermilion$2,
   smalt,
-  violet: violet$3,
-  yellow
+  violet: violet$4,
+  yellow: yellow$1
 } = colorScales;
-const palette$d = {
+const palette$e = {
   black: '#000000',
   white: '#ffffff',
-  blue: blue.base,
-  blueDark15: blue.darken15,
-  blueDark30: blue.darken30,
-  blueDark45: blue.darken45,
-  blueDark60: blue.darken60,
-  blueDark75: blue.darken75,
-  blueDark90: blue.darken90,
-  blueLight15: blue.lighten15,
-  blueLight30: blue.lighten30,
-  blueLight45: blue.lighten45,
-  blueLight60: blue.lighten60,
-  blueLight75: blue.lighten75,
-  blueLight90: blue.lighten90,
-  dodgerBlue: ultramarineBlue$2.base,
-  dodgerBlueDark15: ultramarineBlue$2.darken15,
-  dodgerBlueDark30: ultramarineBlue$2.darken30,
-  dodgerBlueDark60: ultramarineBlue$2.darken60,
-  dodgerBlueLight30: ultramarineBlue$2.lighten30,
-  dodgerBlueLight45: ultramarineBlue$2.lighten45,
-  dodgerBlueLight60: ultramarineBlue$2.lighten60,
-  dodgerBlueLight75: ultramarineBlue$2.lighten75,
-  dodgerBlueLight90: ultramarineBlue$2.lighten90,
-  green: green.base,
-  greenDark15: green.darken15,
-  greenDark30: green.darken30,
-  greenDark60: green.darken60,
-  greenDark75: green.darken75,
-  greenLight30: green.lighten30,
-  greenLight45: green.lighten45,
-  greenLight75: green.lighten75,
-  greenLight90: green.lighten90,
-  grey: grey$2.base,
-  greyDark15: grey$2.darken15,
-  greyDark30: grey$2.darken30,
-  greyDark45: grey$2.darken45,
-  greyDark60: grey$2.darken60,
-  greyDark75: grey$2.darken75,
-  greyLight30: grey$2.lighten30,
-  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,
-  grotesqueGreenDark30: grotesqueGreen.darken30,
-  grotesqueGreenDark45: grotesqueGreen.darken45,
-  grotesqueGreenDark60: grotesqueGreen.darken60,
-  grotesqueGreenLight30: grotesqueGreen.lighten30,
-  grotesqueGreenLight45: grotesqueGreen.lighten45,
-  grotesqueGreenLight60: grotesqueGreen.lighten60,
-  grotesqueGreenLight75: grotesqueGreen.lighten75,
-  grotesqueGreenLight90: grotesqueGreen.lighten90,
+  blue: blue$1.base,
+  blueDark15: blue$1.darken15,
+  blueDark30: blue$1.darken30,
+  blueDark45: blue$1.darken45,
+  blueDark60: blue$1.darken60,
+  blueDark75: blue$1.darken75,
+  blueDark90: blue$1.darken90,
+  blueLight15: blue$1.lighten15,
+  blueLight30: blue$1.lighten30,
+  blueLight45: blue$1.lighten45,
+  blueLight60: blue$1.lighten60,
+  blueLight75: blue$1.lighten75,
+  blueLight90: blue$1.lighten90,
+  dodgerBlue: ultramarineBlue$3.base,
+  dodgerBlueDark15: ultramarineBlue$3.darken15,
+  dodgerBlueDark30: ultramarineBlue$3.darken30,
+  dodgerBlueDark60: ultramarineBlue$3.darken60,
+  dodgerBlueLight30: ultramarineBlue$3.lighten30,
+  dodgerBlueLight45: ultramarineBlue$3.lighten45,
+  dodgerBlueLight60: ultramarineBlue$3.lighten60,
+  dodgerBlueLight75: ultramarineBlue$3.lighten75,
+  dodgerBlueLight90: ultramarineBlue$3.lighten90,
+  green: green$1.base,
+  greenDark15: green$1.darken15,
+  greenDark30: green$1.darken30,
+  greenDark60: green$1.darken60,
+  greenDark75: green$1.darken75,
+  greenLight30: green$1.lighten30,
+  greenLight45: green$1.lighten45,
+  greenLight75: green$1.lighten75,
+  greenLight90: green$1.lighten90,
+  grey: grey$3.base,
+  greyDark15: grey$3.darken15,
+  greyDark30: grey$3.darken30,
+  greyDark45: grey$3.darken45,
+  greyDark60: grey$3.darken60,
+  greyDark75: grey$3.darken75,
+  greyLight30: grey$3.lighten30,
+  greyLight45: grey$3.lighten45,
+  greyLight60: grey$3.lighten60,
+  greyLight75: grey$3.lighten75,
+  greyLight85: grey$3.lighten85,
+  greyLight90: grey$3.lighten90,
+  greyLight95: grey$3.lighten95,
+  grotesqueGreen: grotesqueGreen$1.base,
+  grotesqueGreenDark30: grotesqueGreen$1.darken30,
+  grotesqueGreenDark45: grotesqueGreen$1.darken45,
+  grotesqueGreenDark60: grotesqueGreen$1.darken60,
+  grotesqueGreenLight30: grotesqueGreen$1.lighten30,
+  grotesqueGreenLight45: grotesqueGreen$1.lighten45,
+  grotesqueGreenLight60: grotesqueGreen$1.lighten60,
+  grotesqueGreenLight75: grotesqueGreen$1.lighten75,
+  grotesqueGreenLight90: grotesqueGreen$1.lighten90,
   orange: deepSaffron$2.base,
   orangeDark15: deepSaffron$2.darken15,
   orangeDark30: deepSaffron$2.darken30,
@@ -767,16 +767,16 @@ const palette$d = {
   orangeLight45: deepSaffron$2.lighten45,
   orangeLight75: deepSaffron$2.lighten75,
   orangeLight90: deepSaffron$2.lighten90,
-  pink: pink.base,
-  pinkDark15: pink.darken15,
-  pinkDark30: pink.darken30,
-  pinkDark45: pink.darken45,
-  pinkDark60: pink.darken60,
-  pinkDark75: pink.darken75,
-  pinkLight30: pink.lighten30,
-  pinkLight45: pink.lighten45,
-  pinkLight75: pink.lighten75,
-  pinkLight90: pink.lighten90,
+  pink: pink$1.base,
+  pinkDark15: pink$1.darken15,
+  pinkDark30: pink$1.darken30,
+  pinkDark45: pink$1.darken45,
+  pinkDark60: pink$1.darken60,
+  pinkDark75: pink$1.darken75,
+  pinkLight30: pink$1.lighten30,
+  pinkLight45: pink$1.lighten45,
+  pinkLight75: pink$1.lighten75,
+  pinkLight90: pink$1.lighten90,
   purple: purple.base,
   purpleDark15: purple.darken15,
   purpleDark30: purple.darken30,
@@ -806,54 +806,54 @@ const palette$d = {
   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,
-  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.base,
-  yellowDark15: yellow.darken15,
-  yellowDark30: yellow.darken30,
-  yellowDark60: yellow.darken60,
-  yellowDark75: yellow.darken75,
-  yellowLight30: yellow.lighten30,
-  yellowLight45: yellow.lighten45,
-  yellowLight60: yellow.lighten60,
-  yellowLight75: yellow.lighten75,
-  yellowLight90: yellow.lighten90
+  violet: violet$4.base,
+  violetDark15: violet$4.darken15,
+  violetDark30: violet$4.darken30,
+  violetDark45: violet$4.darken45,
+  violetDark60: violet$4.darken60,
+  violetDark75: violet$4.darken75,
+  violetDark90: violet$4.darken90,
+  violetLight15: violet$4.lighten15,
+  violetLight30: violet$4.lighten30,
+  violetLight45: violet$4.lighten45,
+  violetLight60: violet$4.lighten60,
+  violetLight75: violet$4.lighten75,
+  violetLight90: violet$4.lighten90,
+  yellow: yellow$1.base,
+  yellowDark15: yellow$1.darken15,
+  yellowDark30: yellow$1.darken30,
+  yellowDark60: yellow$1.darken60,
+  yellowDark75: yellow$1.darken75,
+  yellowLight30: yellow$1.lighten30,
+  yellowLight45: yellow$1.lighten45,
+  yellowLight60: yellow$1.lighten60,
+  yellowLight75: yellow$1.lighten75,
+  yellowLight90: yellow$1.lighten90
 };
 
 const {
-  mauve: mauve$3,
-  violet: violet$2
+  mauve: mauve$4,
+  violet: violet$3
 } = colorScales;
-const palette$c = Object.assign(Object.assign({}, palette$d), {
-  mauve: mauve$3.base,
-  mauveLight80: mauve$3.lighten80,
-  violetDark50: violet$2.darken50
+const palette$d = Object.assign(Object.assign({}, palette$e), {
+  mauve: mauve$4.base,
+  mauveLight80: mauve$4.lighten80,
+  violetDark50: violet$3.darken50
 });
 
 const {
   apple: apple$3,
   hitPink: hitPink$1,
-  maasstrichtBlue: maasstrichtBlue$4
+  maasstrichtBlue: maasstrichtBlue$5
 } = colorScales;
-const palette$b = Object.assign(Object.assign({}, palette$d), {
+const palette$c = Object.assign(Object.assign({}, palette$e), {
   apple: apple$3.base,
   appleDark20: apple$3.darken20,
   appleDark50: apple$3.darken50,
   appleLight90: apple$3.lighten90,
   hitPink: hitPink$1.base,
   hitPinkLight80: hitPink$1.lighten80,
-  maasstrichtBlueLight30: maasstrichtBlue$4.lighten30
+  maasstrichtBlueLight30: maasstrichtBlue$5.lighten30
 });
 
 const {
@@ -861,43 +861,43 @@ const {
   amaranthaRed,
   antiFlashWhite: antiFlashWhite$1,
   apple: apple$2,
-  cumberlandFog,
+  cumberlandFog: cumberlandFog$1,
   deepSaffron: deepSaffron$1,
   emerald: emerald$1,
   gentianFlower,
-  grey: grey$1,
+  grey: grey$2,
   honeydew: honeydew$1,
   linen: linen$1,
-  maasstrichtBlue: maasstrichtBlue$3,
+  maasstrichtBlue: maasstrichtBlue$4,
   mellowApricot: mellowApricot$1,
   orangeBrown,
-  pastelRed: pastelRed$1,
+  pastelRed: pastelRed$2,
   pineGreen: pineGreen$1,
   seashell: seashell$1,
   silverChalice: silverChalice$1,
   sonicSilver: sonicSilver$1,
-  ultramarineBlue: ultramarineBlue$1,
+  ultramarineBlue: ultramarineBlue$2,
   vermilion: vermilion$1,
   vodka: vodka$1,
   windsorGrey,
   black: black$1
 } = colorScales;
-const palette$a = {
+const palette$b = {
   black: black$1.base,
   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$1.base,
-  pastelRedLight20: pastelRed$1.lighten20,
+  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$4.lighten90,
+  maasstrichtBlueLight80: maasstrichtBlue$4.lighten80,
+  maasstrichtBlueLight50: maasstrichtBlue$4.lighten50,
+  maasstrichtBlueLight30: maasstrichtBlue$4.lighten30,
+  maasstrichtBlue: maasstrichtBlue$4.base,
+  pastelRed: pastelRed$2.base,
+  pastelRedLight20: pastelRed$2.lighten20,
   mellowApricot: mellowApricot$1.base,
   mellowApricotLight20: mellowApricot$1.lighten20,
   emerald: emerald$1.base,
@@ -909,7 +909,7 @@ const palette$a = {
   deepSaffron: deepSaffron$1.base,
   deepSaffronDark20: deepSaffron$1.darken20,
   pineGreen: pineGreen$1.base,
-  ultramarineBlue: ultramarineBlue$1.base,
+  ultramarineBlue: ultramarineBlue$2.base,
   sonicSilver: sonicSilver$1.base,
   linen: linen$1.base,
   seashell: seashell$1.base,
@@ -923,32 +923,32 @@ const palette$a = {
   orangeBrown: orangeBrown.base,
   gentianFlower: gentianFlower.base,
   windsorGrey: windsorGrey.base,
-  cumberlandFog: cumberlandFog.base
+  cumberlandFog: cumberlandFog$1.base
 };
 
 const {
   aliceBlue,
   antiFlashWhite,
   apple: apple$1,
-  blazingBonfire,
+  blazingBonfire: blazingBonfire$1,
   bigStone,
   flagstone,
   deepSaffron,
   deepIntoTheJungle,
   emerald,
-  grey,
+  grey: grey$1,
   honeydew,
   indianDance,
   linen,
-  maasstrichtBlue: maasstrichtBlue$2,
+  maasstrichtBlue: maasstrichtBlue$3,
   mellowApricot,
   moussaka,
-  pastelRed,
+  pastelRed: pastelRed$1,
   pineGreen,
   seashell,
   silverChalice,
   sonicSilver,
-  ultramarineBlue,
+  ultramarineBlue: ultramarineBlue$1,
   vermilion,
   vodka,
   theatreGold,
@@ -957,28 +957,28 @@ const {
   blueOblivion,
   pastelBlue
 } = colorScales;
-const palette$9 = {
+const palette$a = {
   black: '#000000',
   white: '#ffffff',
-  greyLight95: grey.lighten95,
-  greyLight90: grey.lighten90,
-  greyLight75: grey.lighten75,
-  greyLight45: grey.lighten45,
-  greyLight30: grey.lighten30,
-  grey: grey.base,
-  greyDark20: grey.darken20,
-  greyDark30: grey.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.base,
-  pastelRedLight20: pastelRed.lighten20,
+  greyLight95: grey$1.lighten95,
+  greyLight90: grey$1.lighten90,
+  greyLight75: grey$1.lighten75,
+  greyLight45: grey$1.lighten45,
+  greyLight30: grey$1.lighten30,
+  grey: grey$1.base,
+  greyDark20: grey$1.darken20,
+  greyDark30: grey$1.darken30,
+  maasstrichtBlueLight90: maasstrichtBlue$3.lighten90,
+  maasstrichtBlueLight80: maasstrichtBlue$3.lighten80,
+  maasstrichtBlueLight70: maasstrichtBlue$3.lighten70,
+  maasstrichtBlueLight60: maasstrichtBlue$3.lighten60,
+  maasstrichtBlueLight50: maasstrichtBlue$3.lighten50,
+  maasstrichtBlueLight30: maasstrichtBlue$3.lighten30,
+  maasstrichtBlueLight15: maasstrichtBlue$3.lighten15,
+  maasstrichtBlueLight10: maasstrichtBlue$3.lighten10,
+  maasstrichtBlue: maasstrichtBlue$3.base,
+  pastelRed: pastelRed$1.base,
+  pastelRedLight20: pastelRed$1.lighten20,
   mellowApricot: mellowApricot.base,
   mellowApricotLight20: mellowApricot.lighten20,
   moussaka: moussaka.base,
@@ -998,9 +998,9 @@ const palette$9 = {
   pineGreen: pineGreen.base,
   pineGreenLight20: pineGreen.lighten20,
   pineGreenDark10: pineGreen.darken10,
-  ultramarineBlue: ultramarineBlue.base,
-  ultramarineBlueLight20: ultramarineBlue.lighten20,
-  ultramarineBlueDark10: ultramarineBlue.darken10,
+  ultramarineBlue: ultramarineBlue$1.base,
+  ultramarineBlueLight20: ultramarineBlue$1.lighten20,
+  ultramarineBlueDark10: ultramarineBlue$1.darken10,
   sonicSilver: sonicSilver.base,
   sonicSilverLight50: sonicSilver.lighten45,
   sonicSilverDark10: sonicSilver.darken10,
@@ -1013,7 +1013,7 @@ const palette$9 = {
   silverChalice: silverChalice.base,
   silverChaliceLight20: silverChalice.lighten20,
   uniformGreen: uniformGreen.base,
-  blazingBonfire: blazingBonfire.base,
+  blazingBonfire: blazingBonfire$1.base,
   deepIntoTheJungle: deepIntoTheJungle.base,
   mintLeaf: mintLeaf.base,
   blueOblivion: blueOblivion.base,
@@ -1022,6 +1022,77 @@ const palette$9 = {
   flagstone: flagstone.base
 };
 
+const {
+  maasstrichtBlue: maasstrichtBlue$2,
+  mauve: mauve$3,
+  violet: violet$2,
+  blue,
+  ultramarineBlue,
+  grotesqueGreen,
+  green,
+  pastelRed,
+  blazingBonfire,
+  yellow,
+  pink,
+  cumberlandFog,
+  grey
+} = colorScales;
+const palette$9 = {
+  // Update 23 May 2025
+  primaryLight: mauve$3.base,
+  blueLight: blue.base,
+  greenLight: grotesqueGreen.darken10,
+  redLight: pastelRed.lighten25,
+  orangeLight: blazingBonfire.lighten30,
+  yellowLight: yellow.base,
+  pinkLight: pink.lighten40,
+  greyLight: cumberlandFog.darken15,
+  primaryMedium: violet$2.lighten20,
+  blueMedium: ultramarineBlue.base,
+  greenMedium: green.base,
+  redMedium: pastelRed.darken10,
+  orangeMedium: blazingBonfire.base,
+  yellowMedium: yellow.darken20,
+  pinkMedium: pink.base,
+  greyMedium: grey.darken20,
+  /**
+   * @deprecated This color will be removed in the next major version. Use mobileAvatarPalette instead.
+   */
+  maasstrichtBlue: maasstrichtBlue$2.base,
+  /**
+   * @deprecated This color will be removed in the next major version. Use mobileAvatarPalette instead.
+   */
+  maasstrichtBlueLight5: maasstrichtBlue$2.lighten5,
+  /**
+   * @deprecated This color will be removed in the next major version. Use mobileAvatarPalette instead.
+   */
+  maasstrichtBlueLight10: maasstrichtBlue$2.lighten10,
+  /**
+   * @deprecated This color will be removed in the next major version. Use mobileAvatarPalette instead.
+   */
+  maasstrichtBlueLight15: maasstrichtBlue$2.lighten15,
+  /**
+   * @deprecated This color will be removed in the next major version. Use mobileAvatarPalette instead.
+   */
+  maasstrichtBlueLight20: maasstrichtBlue$2.lighten20,
+  /**
+   * @deprecated This color will be removed in the next major version. Use mobileAvatarPalette instead.
+   */
+  maasstrichtBlueLight25: maasstrichtBlue$2.lighten25,
+  /**
+   * @deprecated This color will be removed in the next major version. Use mobileAvatarPalette instead.
+   */
+  maasstrichtBlueLight30: maasstrichtBlue$2.lighten30,
+  /**
+   * @deprecated This color will be removed in the next major version. Use mobileAvatarPalette instead.
+   */
+  maasstrichtBlueLight35: maasstrichtBlue$2.lighten35,
+  /**
+   * @deprecated This color will be removed in the next major version. Use mobileAvatarPalette instead.
+   */
+  maasstrichtBlueLight40: maasstrichtBlue$2.lighten40
+};
+
 const {
   maasstrichtBlue: maasstrichtBlue$1
 } = colorScales;
@@ -1041,7 +1112,7 @@ const {
   violet1: violet1$2,
   mauve: mauve$2
 } = colorScales;
-const palette$7 = Object.assign(Object.assign({}, palette$a), {
+const palette$7 = Object.assign(Object.assign({}, palette$b), {
   violet: violet1$2.base,
   violetLight20: violet1$2.lighten20,
   violetLight30: violet1$2.lighten30,
@@ -1056,7 +1127,7 @@ const {
   currant,
   hitPink
 } = colorScales;
-const palette$6 = Object.assign(Object.assign({}, palette$a), {
+const palette$6 = Object.assign(Object.assign({}, palette$b), {
   apple: apple.base,
   appleLight10: apple.lighten10,
   appleDark20: apple.darken20,
@@ -1073,7 +1144,7 @@ const {
   violet1: violet1$1,
   mauve: mauve$1
 } = colorScales;
-const palette$5 = Object.assign(Object.assign({}, palette$a), {
+const palette$5 = Object.assign(Object.assign({}, palette$b), {
   scarletGumLight20: scarletGum$1.lighten20,
   scarletGumLight30: scarletGum$1.lighten30,
   scarletGumLight50: scarletGum$1.lighten50,
@@ -1097,7 +1168,7 @@ const {
  * @deprecated
  * Please use ehWorkPalette instead.
  */
-const palette$4 = Object.assign(Object.assign({}, palette$a), {
+const palette$4 = Object.assign(Object.assign({}, palette$b), {
   violetLight90: violet$1.lighten90,
   offBlack: woodsmoke$1.base,
   offBlackLight30: woodsmoke$1.lighten30,
@@ -1110,7 +1181,7 @@ const {
   mauve,
   maasstrichtBlue
 } = colorScales;
-const palette$3 = Object.assign(Object.assign({}, palette$a), {
+const palette$3 = Object.assign(Object.assign({}, palette$b), {
   scarletGumLight20: scarletGum.lighten20,
   scarletGumLight30: scarletGum.lighten30,
   scarletGumLight50: scarletGum.lighten50,
@@ -1136,7 +1207,7 @@ const {
   royalBlue,
   frenchSky
 } = colorScales;
-const palette$2 = Object.assign(Object.assign({}, palette$a), {
+const palette$2 = Object.assign(Object.assign({}, palette$b), {
   royalBlue: royalBlue.base,
   royalBlueLight10: royalBlue.lighten10,
   royalBlueLight80: royalBlue.lighten80,
@@ -1153,7 +1224,7 @@ const {
   policeBlue,
   black
 } = colorScales;
-const palette$1 = Object.assign(Object.assign({}, palette$a), {
+const palette$1 = Object.assign(Object.assign({}, palette$b), {
   blackLight30: black.lighten30,
   blackLight90: black.lighten90,
   goldLight20: gold.lighten20,
@@ -1172,7 +1243,7 @@ const {
   violet,
   woodsmoke
 } = colorScales;
-const palette = Object.assign(Object.assign({}, palette$a), {
+const palette = Object.assign(Object.assign({}, palette$b), {
   violetLight90: violet.lighten90,
   offBlack: woodsmoke.base,
   offBlackLight30: woodsmoke.lighten30,
@@ -1180,17 +1251,18 @@ const palette = Object.assign(Object.assign({}, palette$a), {
 });
 
 exports.colorScales = colorScales;
-exports.default = palette$d;
-exports.defaultMobileDarkPalette = palette$9;
-exports.defaultMobilePalette = palette$a;
-exports.defaultWebPalette = palette$d;
+exports.default = palette$e;
+exports.defaultMobileDarkPalette = palette$a;
+exports.defaultMobilePalette = palette$b;
+exports.defaultWebPalette = palette$e;
 exports.eBensPalette = palette$7;
-exports.eBensWebPalette = palette$c;
+exports.eBensWebPalette = palette$d;
 exports.ehWorkPalette = palette;
 exports.jobsPalette = palette$6;
-exports.jobsWebPalette = palette$b;
+exports.jobsWebPalette = palette$c;
 exports.mixColor = mixColor;
-exports.mobileVisualisationPalette = palette$8;
+exports.mobileAvatarPalette = palette$8;
+exports.mobileVisualisationPalette = palette$9;
 exports.swagDarkPalette = palette$3;
 exports.swagLightPalette = palette$4;
 exports.swagPalette = palette$5;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/colors",
-  "version": "8.46.0",
+  "version": "8.46.2-alpha.0",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -19,14 +19,27 @@
     "values.js": "^2.1.1"
   },
   "devDependencies": {
+    "@babel/core": "^7.15.5",
     "@eslint/compat": "^1.1.1",
     "@eslint/eslintrc": "^3.1.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.1",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-typescript": "^12.1.1",
+    "@typescript-eslint/eslint-plugin": "^5.12.1",
+    "@typescript-eslint/parser": "^5.12.1",
+    "config-tsconfig": "8.42.5",
     "eslint": "^8.56.0",
+    "eslint-config-airbnb": "^19.0.4",
     "eslint-config-hd": "8.42.5",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-import-resolver-typescript": "^3.5.2",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^4.3.0",
+    "prettier": "^2.5.1",
     "prettier-config-hd": "8.42.4",
     "rollup": "^4.24.3",
     "typescript": "^5.7.3"

package/src/index.ts

@@ -6,6 +6,7 @@ import jobsWebPalette from './jobsWebPalette';
 import defaultMobilePalette from './defaultMobilePalette';
 import defaultMobileDarkPalette from './defaultMobileDarkPalette';
 import mobileVisualisationPalette from './mobileVisualisationPalette';
+import mobileAvatarPalette from './mobileAvatarPalette';
 import eBensPalette from './eBensPalette';
 import jobsPalette from './jobsPalette';
 import swagPalette from './swagPalette';
@@ -24,6 +25,7 @@ export {
   defaultMobilePalette,
   defaultMobileDarkPalette,
   mobileVisualisationPalette,
+  mobileAvatarPalette,
   eBensPalette,
   jobsPalette,
   swagPalette,

package/src/mobileAvatarPalette/index.ts

@@ -0,0 +1,17 @@
+import colorScales from '../colorScales';
+
+const { maasstrichtBlue } = colorScales;
+
+const palette = {
+  maasstrichtBlue: maasstrichtBlue.base,
+  maasstrichtBlueLight5: maasstrichtBlue.lighten5,
+  maasstrichtBlueLight10: maasstrichtBlue.lighten10,
+  maasstrichtBlueLight15: maasstrichtBlue.lighten15,
+  maasstrichtBlueLight20: maasstrichtBlue.lighten20,
+  maasstrichtBlueLight25: maasstrichtBlue.lighten25,
+  maasstrichtBlueLight30: maasstrichtBlue.lighten30,
+  maasstrichtBlueLight35: maasstrichtBlue.lighten35,
+  maasstrichtBlueLight40: maasstrichtBlue.lighten40,
+};
+
+export default palette;