@hero-design/colors 8.34.1 → 8.34.3

package/lib/index.js

@@ -711,14 +711,17 @@ const createColorScales = base => {
 
 const BASE_COLORS = {
   aliceBlue: '#ecf0ff',
+  amaranthaRed: '#cb300a',
   antiFlashWhite: '#f1f2f3',
   apple: '#e3602a',
   bigStone: '#344348',
+  black: '#000000',
   blue1: '#5a68e2',
   blue: '#1dbeee',
   blueOblivion: '#23438f',
   blazingBonfire: '#ffa234',
   cornflowerBlue: '#5d80f0',
+  cumberlandFog: '#dadbde',
   currant: '#48000a',
   darkBlue: '#25006e',
   deepSaffron: '#ffa234',
@@ -726,6 +729,7 @@ const BASE_COLORS = {
   emerald: '#5ace7d',
   flagstone: '#acacaf',
   frenchSky: '#8999ff',
+  gentianFlower: '#355bfb',
   gold: '#ffd500',
   green: '#01b39c',
   grey: '#a3a6ac',
@@ -741,6 +745,7 @@ const BASE_COLORS = {
   mellowApricot: '#ffbe71',
   mintLeaf: '#01cbb0',
   nightBlue: '#353957',
+  orangeBrown: '#ac5d00',
   pastelRed: '#f46363',
   pastelBlue: '#a1b5fc',
   paua: '#130066',
@@ -762,7 +767,8 @@ const BASE_COLORS = {
   vodka: '#b5c3fd',
   theatreGold: '#a56822',
   uniformGreen: '#4d4628',
-  yellow: '#fadb14'
+  yellow: '#fadb14',
+  windsorGrey: '#606065'
 };
 const colorScales = Object.entries(BASE_COLORS).reduce((acc, [key, value]) => Object.assign(Object.assign({}, acc), {
   [key]: createColorScales(value)
@@ -770,16 +776,16 @@ const colorScales = Object.entries(BASE_COLORS).reduce((acc, [key, value]) => Ob
 
 const {
   blue,
-  ultramarineBlue: ultramarineBlue$3,
+  ultramarineBlue: ultramarineBlue$2,
   green,
   grey: grey$2,
   grotesqueGreen,
-  deepSaffron: deepSaffron$3,
+  deepSaffron: deepSaffron$2,
   pink,
   purple,
-  vermilion: vermilion$3,
+  vermilion: vermilion$2,
   smalt,
-  violet: violet$2,
+  violet: violet$1,
   yellow
 } = colorScales;
 const palette$b = {
@@ -791,14 +797,14 @@ const palette$b = {
   blueLight30: blue.lighten30,
   blueLight75: blue.lighten75,
   blueLight90: blue.lighten90,
-  dodgerBlue: ultramarineBlue$3.base,
-  dodgerBlueDark15: ultramarineBlue$3.darken15,
-  dodgerBlueDark30: ultramarineBlue$3.darken30,
-  dodgerBlueLight30: ultramarineBlue$3.lighten30,
-  dodgerBlueLight45: ultramarineBlue$3.lighten45,
-  dodgerBlueLight60: ultramarineBlue$3.lighten60,
-  dodgerBlueLight75: ultramarineBlue$3.lighten75,
-  dodgerBlueLight90: ultramarineBlue$3.lighten90,
+  dodgerBlue: ultramarineBlue$2.base,
+  dodgerBlueDark15: ultramarineBlue$2.darken15,
+  dodgerBlueDark30: ultramarineBlue$2.darken30,
+  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,
@@ -824,13 +830,13 @@ const palette$b = {
   grotesqueGreenLight60: grotesqueGreen.lighten60,
   grotesqueGreenLight75: grotesqueGreen.lighten75,
   grotesqueGreenLight90: grotesqueGreen.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,
+  orange: deepSaffron$2.base,
+  orangeDark15: deepSaffron$2.darken15,
+  orangeDark30: deepSaffron$2.darken30,
+  orangeDark75: deepSaffron$2.darken75,
+  orangeLight30: deepSaffron$2.lighten30,
+  orangeLight75: deepSaffron$2.lighten75,
+  orangeLight90: deepSaffron$2.lighten90,
   pink: pink.base,
   pinkDark15: pink.darken15,
   pinkDark30: pink.darken30,
@@ -842,31 +848,31 @@ const palette$b = {
   pinkLight90: pink.lighten90,
   purple: purple.base,
   purpleDark15: purple.darken15,
-  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,
+  red: vermilion$2.base,
+  redDark15: vermilion$2.darken15,
+  redDark30: vermilion$2.darken30,
+  redDark75: vermilion$2.darken75,
+  redLight15: vermilion$2.lighten15,
+  redLight30: vermilion$2.lighten30,
+  redLight60: vermilion$2.lighten60,
+  redLight75: vermilion$2.lighten75,
+  redLight90: vermilion$2.lighten90,
   smalt: smalt.base,
   smaltDark75: smalt.darken75,
   smaltLight30: smalt.lighten30,
   smaltLight45: smalt.lighten45,
   smaltLight75: smalt.lighten75,
   smaltLight90: smalt.lighten90,
-  violet: violet$2.base,
-  violetDark15: violet$2.darken15,
-  violetDark30: violet$2.darken30,
-  violetDark45: violet$2.darken45,
-  violetDark60: violet$2.darken60,
-  violetDark75: violet$2.darken75,
-  violetLight30: violet$2.lighten30,
-  violetLight60: violet$2.lighten60,
-  violetLight75: violet$2.lighten75,
-  violetLight90: violet$2.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,
+  violetLight30: violet$1.lighten30,
+  violetLight60: violet$1.lighten60,
+  violetLight75: violet$1.lighten75,
+  violetLight90: violet$1.lighten90,
   yellow: yellow.base,
   yellowDark15: yellow.darken15,
   yellowDark75: yellow.darken75,
@@ -877,25 +883,25 @@ const palette$b = {
 };
 
 const {
-  mauve: mauve$4,
-  violet: violet$1
+  mauve: mauve$3,
+  violet
 } = colorScales;
 const palette$a = Object.assign(Object.assign({}, palette$b), {
-  mauve: mauve$4.base,
-  mauveLight80: mauve$4.lighten80,
-  violetDark50: violet$1.darken50
+  mauve: mauve$3.base,
+  mauveLight80: mauve$3.lighten80,
+  violetDark50: violet.darken50
 });
 
 const {
-  apple: apple$4,
+  apple: apple$3,
   hitPink: hitPink$1,
   maasstrichtBlue: maasstrichtBlue$4
 } = colorScales;
 const palette$9 = Object.assign(Object.assign({}, palette$b), {
-  apple: apple$4.base,
-  appleDark20: apple$4.darken20,
-  appleDark50: apple$4.darken50,
-  appleLight90: apple$4.lighten90,
+  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
@@ -903,26 +909,32 @@ const palette$9 = Object.assign(Object.assign({}, palette$b), {
 
 const {
   aliceBlue: aliceBlue$1,
+  amaranthaRed,
   antiFlashWhite: antiFlashWhite$1,
-  apple: apple$3,
-  deepSaffron: deepSaffron$2,
-  emerald: emerald$2,
+  apple: apple$2,
+  cumberlandFog,
+  deepSaffron: deepSaffron$1,
+  emerald: emerald$1,
+  gentianFlower,
   grey: grey$1,
   honeydew: honeydew$1,
   linen: linen$1,
   maasstrichtBlue: maasstrichtBlue$3,
   mellowApricot: mellowApricot$1,
-  pastelRed: pastelRed$2,
-  pineGreen: pineGreen$2,
+  orangeBrown,
+  pastelRed: pastelRed$1,
+  pineGreen: pineGreen$1,
   seashell: seashell$1,
   silverChalice: silverChalice$1,
-  sonicSilver: sonicSilver$2,
-  ultramarineBlue: ultramarineBlue$2,
-  vermilion: vermilion$2,
-  vodka: vodka$1
+  sonicSilver: sonicSilver$1,
+  ultramarineBlue: ultramarineBlue$1,
+  vermilion: vermilion$1,
+  vodka: vodka$1,
+  windsorGrey,
+  black: black$1
 } = colorScales;
 const palette$8 = {
-  black: '#000000',
+  black: black$1.base,
   white: '#ffffff',
   greyLight95: grey$1.lighten95,
   greyLight90: grey$1.lighten90,
@@ -935,41 +947,46 @@ const palette$8 = {
   maasstrichtBlueLight50: maasstrichtBlue$3.lighten50,
   maasstrichtBlueLight30: maasstrichtBlue$3.lighten30,
   maasstrichtBlue: maasstrichtBlue$3.base,
-  pastelRed: pastelRed$2.base,
-  pastelRedLight20: pastelRed$2.lighten20,
+  pastelRed: pastelRed$1.base,
+  pastelRedLight20: pastelRed$1.lighten20,
   mellowApricot: mellowApricot$1.base,
   mellowApricotLight20: mellowApricot$1.lighten20,
-  emerald: emerald$2.base,
-  emeraldLight20: emerald$2.lighten20,
-  emeraldDark20: emerald$2.darken20,
+  emerald: emerald$1.base,
+  emeraldLight20: emerald$1.lighten20,
+  emeraldDark20: emerald$1.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,
+  vermilion: vermilion$1.base,
+  deepSaffron: deepSaffron$1.base,
+  deepSaffronDark20: deepSaffron$1.darken20,
+  pineGreen: pineGreen$1.base,
+  ultramarineBlue: ultramarineBlue$1.base,
+  sonicSilver: sonicSilver$1.base,
   linen: linen$1.base,
   seashell: seashell$1.base,
   honeydew: honeydew$1.base,
   aliceBlue: aliceBlue$1.base,
   antiFlashWhite: antiFlashWhite$1.base,
-  apple: apple$3.base,
+  apple: apple$2.base,
   silverChalice: silverChalice$1.base,
-  silverChaliceLight20: silverChalice$1.lighten20
+  silverChaliceLight20: silverChalice$1.lighten20,
+  amaranthaRed: amaranthaRed.base,
+  orangeBrown: orangeBrown.base,
+  gentianFlower: gentianFlower.base,
+  windsorGrey: windsorGrey.base,
+  cumberlandFog: cumberlandFog.base
 };
 
 const {
   aliceBlue,
   antiFlashWhite,
-  apple: apple$2,
+  apple: apple$1,
   blazingBonfire,
   bigStone,
   flagstone,
-  deepSaffron: deepSaffron$1,
+  deepSaffron,
   deepIntoTheJungle,
-  emerald: emerald$1,
+  emerald,
   grey,
   honeydew,
   indianDance,
@@ -977,13 +994,13 @@ const {
   maasstrichtBlue: maasstrichtBlue$2,
   mellowApricot,
   moussaka,
-  pastelRed: pastelRed$1,
-  pineGreen: pineGreen$1,
+  pastelRed,
+  pineGreen,
   seashell,
   silverChalice,
-  sonicSilver: sonicSilver$1,
-  ultramarineBlue: ultramarineBlue$1,
-  vermilion: vermilion$1,
+  sonicSilver,
+  ultramarineBlue,
+  vermilion,
   vodka,
   theatreGold,
   uniformGreen,
@@ -1011,39 +1028,39 @@ const palette$7 = {
   maasstrichtBlueLight15: maasstrichtBlue$2.lighten15,
   maasstrichtBlueLight10: maasstrichtBlue$2.lighten10,
   maasstrichtBlue: maasstrichtBlue$2.base,
-  pastelRed: pastelRed$1.base,
-  pastelRedLight20: pastelRed$1.lighten20,
+  pastelRed: pastelRed.base,
+  pastelRedLight20: pastelRed.lighten20,
   mellowApricot: mellowApricot.base,
   mellowApricotLight20: mellowApricot.lighten20,
   moussaka: moussaka.base,
-  emerald: emerald$1.base,
-  emeraldLight20: emerald$1.lighten20,
-  emeraldDark20: emerald$1.darken20,
+  emerald: emerald.base,
+  emeraldLight20: emerald.lighten20,
+  emeraldDark20: emerald.darken20,
   vodka: vodka.base,
   vodkaLight20: vodka.lighten20,
-  vermilion: vermilion$1.base,
-  vermilionLight20: vermilion$1.lighten20,
-  vermilionDark10: vermilion$1.darken10,
-  deepSaffron: deepSaffron$1.base,
-  deepSaffronDark20: deepSaffron$1.darken20,
+  vermilion: vermilion.base,
+  vermilionLight20: vermilion.lighten20,
+  vermilionDark10: vermilion.darken10,
+  deepSaffron: deepSaffron.base,
+  deepSaffronDark20: deepSaffron.darken20,
   indianDance: indianDance.base,
   theatreGold: theatreGold.base,
   theatreGoldLight20: theatreGold.lighten20,
-  pineGreen: pineGreen$1.base,
-  pineGreenLight20: pineGreen$1.lighten20,
-  pineGreenDark10: pineGreen$1.darken10,
-  ultramarineBlue: ultramarineBlue$1.base,
-  ultramarineBlueLight20: ultramarineBlue$1.lighten20,
-  ultramarineBlueDark10: ultramarineBlue$1.darken10,
-  sonicSilver: sonicSilver$1.base,
-  sonicSilverLight50: sonicSilver$1.lighten45,
-  sonicSilverDark10: sonicSilver$1.darken10,
+  pineGreen: pineGreen.base,
+  pineGreenLight20: pineGreen.lighten20,
+  pineGreenDark10: pineGreen.darken10,
+  ultramarineBlue: ultramarineBlue.base,
+  ultramarineBlueLight20: ultramarineBlue.lighten20,
+  ultramarineBlueDark10: ultramarineBlue.darken10,
+  sonicSilver: sonicSilver.base,
+  sonicSilverLight50: sonicSilver.lighten45,
+  sonicSilverDark10: sonicSilver.darken10,
   linen: linen.base,
   seashell: seashell.base,
   honeydew: honeydew.base,
   aliceBlue: aliceBlue.base,
   antiFlashWhite: antiFlashWhite.base,
-  apple: apple$2.base,
+  apple: apple$1.base,
   silverChalice: silverChalice.base,
   silverChaliceLight20: silverChalice.lighten20,
   uniformGreen: uniformGreen.base,
@@ -1057,46 +1074,18 @@ const palette$7 = {
 };
 
 const {
-  currant: currant$1,
-  sonicSilver,
-  maasstrichtBlue: maasstrichtBlue$1,
-  nightBlue,
-  darkBlue,
-  ultramarineBlue,
-  royalBlue: royalBlue$1,
-  emerald,
-  pineGreen,
-  deepSaffron,
-  gold: gold$1,
-  apple: apple$1,
-  pastelRed,
-  vermilion,
-  mauve: mauve$3,
-  violet1: violet1$3,
-  violet,
-  scarletGum: scarletGum$2
+  maasstrichtBlue: maasstrichtBlue$1
 } = colorScales;
 const palette$6 = {
-  currant: currant$1.base,
-  sonicSilver: sonicSilver.base,
   maasstrichtBlue: maasstrichtBlue$1.base,
-  nightBlue: nightBlue.base,
-  darkBlue: darkBlue.base,
-  ultramarineBlue: ultramarineBlue.base,
-  royalBlue: royalBlue$1.base,
-  royalBlueDark20: royalBlue$1.darken20,
-  emeraldDark20: emerald.darken20,
-  pineGreen: pineGreen.base,
-  deepSaffronDark20: deepSaffron.darken20,
-  goldDark40: gold$1.darken40,
-  apple: apple$1.base,
-  pastelRed: pastelRed.base,
-  vermilion: vermilion.base,
-  mauve: mauve$3.base,
-  violetLight30: violet.lighten30,
-  violet1: violet1$3.base,
-  violet: violet.base,
-  scarletGum: scarletGum$2.base
+  maasstrichtBlueLight5: maasstrichtBlue$1.lighten5,
+  maasstrichtBlueLight10: maasstrichtBlue$1.lighten10,
+  maasstrichtBlueLight15: maasstrichtBlue$1.lighten15,
+  maasstrichtBlueLight20: maasstrichtBlue$1.lighten20,
+  maasstrichtBlueLight25: maasstrichtBlue$1.lighten25,
+  maasstrichtBlueLight30: maasstrichtBlue$1.lighten30,
+  maasstrichtBlueLight35: maasstrichtBlue$1.lighten35,
+  maasstrichtBlueLight40: maasstrichtBlue$1.lighten40
 };
 
 const {
@@ -1108,6 +1097,7 @@ const palette$5 = Object.assign(Object.assign({}, palette$8), {
   violetLight20: violet1$2.lighten20,
   violetLight30: violet1$2.lighten30,
   violetLight90: violet1$2.lighten90,
+  violetDark20: violet1$2.darken20,
   mauve: mauve$2.base,
   mauveLight80: mauve$2.lighten80
 });
@@ -1120,6 +1110,7 @@ const {
 const palette$4 = Object.assign(Object.assign({}, palette$8), {
   apple: apple.base,
   appleLight10: apple.lighten10,
+  appleDark20: apple.darken20,
   hitPink: hitPink.base,
   hitPinkLight30: hitPink.lighten30,
   hitPinkLight50: hitPink.lighten50,
@@ -1140,6 +1131,7 @@ const palette$3 = Object.assign(Object.assign({}, palette$8), {
   scarletGumLight80: scarletGum$1.lighten80,
   scarletGumLight90: scarletGum$1.lighten90,
   scarletGum: scarletGum$1.base,
+  scarletGumDark20: scarletGum$1.darken20,
   violetLight30: violet1$1.lighten30,
   violetLight50: violet1$1.lighten50,
   violetLight80: violet1$1.lighten80,
@@ -1185,6 +1177,7 @@ const palette$1 = Object.assign(Object.assign({}, palette$8), {
   royalBlueLight10: royalBlue.lighten10,
   royalBlueLight80: royalBlue.lighten80,
   royalBlueLight90: royalBlue.lighten90,
+  royalBlueDark20: royalBlue.darken20,
   royalBlueDark30: royalBlue.darken30,
   frenchSky: frenchSky.base,
   frenchSkyLight70: frenchSky.lighten70,
@@ -1193,9 +1186,12 @@ const palette$1 = Object.assign(Object.assign({}, palette$8), {
 
 const {
   gold,
-  policeBlue
+  policeBlue,
+  black
 } = colorScales;
 const palette = Object.assign(Object.assign({}, palette$8), {
+  blackLight30: black.lighten30,
+  blackLight90: black.lighten90,
   goldLight20: gold.lighten20,
   goldLight50: gold.lighten50,
   goldLight70: gold.lighten70,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/colors",
-  "version": "8.34.1",
+  "version": "8.34.3",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -23,8 +23,8 @@
     "@rollup/plugin-commonjs": "^20.0.0",
     "@rollup/plugin-node-resolve": "^13.1.3",
     "@rollup/plugin-typescript": "^8.3.1",
-    "eslint-config-hd": "8.34.1",
-    "prettier-config-hd": "8.34.1",
+    "eslint-config-hd": "8.34.3",
+    "prettier-config-hd": "8.34.3",
     "rollup": "^2.70.1"
   },
   "prettier": "prettier-config-hd"

package/src/colorScales/index.ts

@@ -3,14 +3,17 @@ import mixColor from './mixColor';
 
 const BASE_COLORS = {
   aliceBlue: '#ecf0ff',
+  amaranthaRed: '#cb300a',
   antiFlashWhite: '#f1f2f3',
   apple: '#e3602a',
   bigStone: '#344348',
+  black: '#000000',
   blue1: '#5a68e2',
   blue: '#1dbeee',
   blueOblivion: '#23438f',
   blazingBonfire: '#ffa234',
   cornflowerBlue: '#5d80f0',
+  cumberlandFog: '#dadbde',
   currant: '#48000a',
   darkBlue: '#25006e',
   deepSaffron: '#ffa234',
@@ -18,6 +21,7 @@ const BASE_COLORS = {
   emerald: '#5ace7d',
   flagstone: '#acacaf',
   frenchSky: '#8999ff',
+  gentianFlower: '#355bfb',
   gold: '#ffd500',
   green: '#01b39c',
   grey: '#a3a6ac',
@@ -33,6 +37,7 @@ const BASE_COLORS = {
   mellowApricot: '#ffbe71',
   mintLeaf: '#01cbb0',
   nightBlue: '#353957',
+  orangeBrown: '#ac5d00',
   pastelRed: '#f46363',
   pastelBlue: '#a1b5fc',
   paua: '#130066',
@@ -55,6 +60,7 @@ const BASE_COLORS = {
   theatreGold: '#a56822',
   uniformGreen: '#4d4628',
   yellow: '#fadb14',
+  windsorGrey: '#606065',
 } as const;
 
 const colorScales = Object.entries(BASE_COLORS).reduce(

package/src/defaultMobilePalette/index.ts

@@ -2,15 +2,19 @@ import colorScales from '../colorScales';
 
 const {
   aliceBlue,
+  amaranthaRed,
   antiFlashWhite,
   apple,
+  cumberlandFog,
   deepSaffron,
   emerald,
+  gentianFlower,
   grey,
   honeydew,
   linen,
   maasstrichtBlue,
   mellowApricot,
+  orangeBrown,
   pastelRed,
   pineGreen,
   seashell,
@@ -19,10 +23,12 @@ const {
   ultramarineBlue,
   vermilion,
   vodka,
+  windsorGrey,
+  black,
 } = colorScales;
 
 const palette = {
-  black: '#000000',
+  black: black.base,
   white: '#ffffff',
 
   greyLight95: grey.lighten95,
@@ -68,6 +74,12 @@ const palette = {
 
   silverChalice: silverChalice.base,
   silverChaliceLight20: silverChalice.lighten20,
+
+  amaranthaRed: amaranthaRed.base,
+  orangeBrown: orangeBrown.base,
+  gentianFlower: gentianFlower.base,
+  windsorGrey: windsorGrey.base,
+  cumberlandFog: cumberlandFog.base,
 };
 
 export default palette;

package/src/eBensPalette/index.ts

@@ -10,6 +10,7 @@ const palette = {
   violetLight20: violet1.lighten20,
   violetLight30: violet1.lighten30,
   violetLight90: violet1.lighten90,
+  violetDark20: violet1.darken20,
 
   mauve: mauve.base,
   mauveLight80: mauve.lighten80,

package/src/jobsPalette/index.ts

@@ -8,6 +8,7 @@ const palette = {
 
   apple: apple.base,
   appleLight10: apple.lighten10,
+  appleDark20: apple.darken20,
 
   hitPink: hitPink.base,
   hitPinkLight30: hitPink.lighten30,

package/src/mobileVisualisationPalette/index.ts

@@ -1,47 +1,17 @@
 import colorScales from '../colorScales';
 
-const {
-  currant,
-  sonicSilver,
-  maasstrichtBlue,
-  nightBlue,
-  darkBlue,
-  ultramarineBlue,
-  royalBlue,
-  emerald,
-  pineGreen,
-  deepSaffron,
-  gold,
-  apple,
-  pastelRed,
-  vermilion,
-  mauve,
-  violet1,
-  violet,
-  scarletGum,
-} = colorScales;
+const { maasstrichtBlue } = colorScales;
 
 const palette = {
-  currant: currant.base,
-  sonicSilver: sonicSilver.base,
   maasstrichtBlue: maasstrichtBlue.base,
-  nightBlue: nightBlue.base,
-  darkBlue: darkBlue.base,
-  ultramarineBlue: ultramarineBlue.base,
-  royalBlue: royalBlue.base,
-  royalBlueDark20: royalBlue.darken20,
-  emeraldDark20: emerald.darken20,
-  pineGreen: pineGreen.base,
-  deepSaffronDark20: deepSaffron.darken20,
-  goldDark40: gold.darken40,
-  apple: apple.base,
-  pastelRed: pastelRed.base,
-  vermilion: vermilion.base,
-  mauve: mauve.base,
-  violetLight30: violet.lighten30,
-  violet1: violet1.base,
-  violet: violet.base,
-  scarletGum: scarletGum.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;

package/src/swagPalette/index.ts

@@ -12,6 +12,7 @@ const palette = {
   scarletGumLight80: scarletGum.lighten80,
   scarletGumLight90: scarletGum.lighten90,
   scarletGum: scarletGum.base,
+  scarletGumDark20: scarletGum.darken20,
 
   violetLight30: violet1.lighten30,
   violetLight50: violet1.lighten50,

package/src/walletPalette/index.ts

@@ -10,6 +10,7 @@ const palette = {
   royalBlueLight10: royalBlue.lighten10,
   royalBlueLight80: royalBlue.lighten80,
   royalBlueLight90: royalBlue.lighten90,
+  royalBlueDark20: royalBlue.darken20,
   royalBlueDark30: royalBlue.darken30,
 
   frenchSky: frenchSky.base,