@hero-design/colors 7.27.0 → 7.28.0

package/lib/index.js

@@ -738,6 +738,7 @@ const BASE_COLORS = {
   peach: '#f8ac7d',
   pineGreen: '#017d6d',
   pink: '#fe56aa',
+  policeBlue: '#2e456d',
   purple: '#be83cf',
   royalBlue: '#5a68e2',
   scarletGum: '#401960',
@@ -758,19 +759,19 @@ const colorScales = Object.entries(BASE_COLORS).reduce((acc, [key, value]) => Ob
 
 const {
   blue,
-  ultramarineBlue: ultramarineBlue$1,
+  ultramarineBlue: ultramarineBlue$2,
   green,
   grey: grey$1,
   grotesqueGreen,
-  deepSaffron: deepSaffron$1,
+  deepSaffron: deepSaffron$2,
   pink,
   purple,
-  vermilion: vermilion$1,
+  vermilion: vermilion$2,
   smalt,
-  violet: violet$3,
+  violet: violet$2,
   yellow
 } = colorScales;
-const palette$6 = {
+const palette$7 = {
   black: '#000000',
   white: '#ffffff',
   blue: blue.base,
@@ -779,11 +780,11 @@ const palette$6 = {
   blueLight30: blue.lighten30,
   blueLight75: blue.lighten75,
   blueLight90: blue.lighten90,
-  dodgerBlue: ultramarineBlue$1.base,
-  dodgerBlueDark30: ultramarineBlue$1.darken30,
-  dodgerBlueLight30: ultramarineBlue$1.lighten30,
-  dodgerBlueLight75: ultramarineBlue$1.lighten75,
-  dodgerBlueLight90: ultramarineBlue$1.lighten90,
+  dodgerBlue: ultramarineBlue$2.base,
+  dodgerBlueDark30: ultramarineBlue$2.darken30,
+  dodgerBlueLight30: ultramarineBlue$2.lighten30,
+  dodgerBlueLight75: ultramarineBlue$2.lighten75,
+  dodgerBlueLight90: ultramarineBlue$2.lighten90,
   green: green.base,
   greenDark15: green.darken15,
   greenDark30: green.darken30,
@@ -808,13 +809,13 @@ const palette$6 = {
   grotesqueGreenLight60: grotesqueGreen.lighten60,
   grotesqueGreenLight75: grotesqueGreen.lighten75,
   grotesqueGreenLight90: grotesqueGreen.lighten90,
-  orange: deepSaffron$1.base,
-  orangeDark15: deepSaffron$1.darken15,
-  orangeDark30: deepSaffron$1.darken30,
-  orangeDark75: deepSaffron$1.darken75,
-  orangeLight30: deepSaffron$1.lighten30,
-  orangeLight75: deepSaffron$1.lighten75,
-  orangeLight90: deepSaffron$1.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,
@@ -826,30 +827,30 @@ const palette$6 = {
   pinkLight90: pink.lighten90,
   purple: purple.base,
   purpleDark15: purple.darken15,
-  red: vermilion$1.base,
-  redDark15: vermilion$1.darken15,
-  redDark30: vermilion$1.darken30,
-  redDark75: vermilion$1.darken75,
-  redLight15: vermilion$1.lighten15,
-  redLight30: vermilion$1.lighten30,
-  redLight60: vermilion$1.lighten60,
-  redLight75: vermilion$1.lighten75,
-  redLight90: vermilion$1.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$3.base,
-  violetDark15: violet$3.darken15,
-  violetDark30: violet$3.darken30,
-  violetDark45: violet$3.darken45,
-  violetDark75: violet$3.darken75,
-  violetLight30: violet$3.lighten30,
-  violetLight60: violet$3.lighten60,
-  violetLight75: violet$3.lighten75,
-  violetLight90: violet$3.lighten90,
+  violet: violet$2.base,
+  violetDark15: violet$2.darken15,
+  violetDark30: violet$2.darken30,
+  violetDark45: violet$2.darken45,
+  violetDark75: violet$2.darken75,
+  violetLight30: violet$2.lighten30,
+  violetLight60: violet$2.lighten60,
+  violetLight75: violet$2.lighten75,
+  violetLight90: violet$2.lighten90,
   yellow: yellow.base,
   yellowDark15: yellow.darken15,
   yellowDark75: yellow.darken75,
@@ -860,33 +861,24 @@ const palette$6 = {
 const {
   aliceBlue,
   antiFlashWhite,
-  apple: apple$1,
-  currant: currant$1,
-  darkBlue,
-  deepSaffron,
-  emerald,
-  gold: gold$1,
+  apple: apple$2,
+  deepSaffron: deepSaffron$1,
+  emerald: emerald$1,
   grey,
   honeydew,
   linen,
-  maasstrichtBlue,
-  mauve: mauve$2,
+  maasstrichtBlue: maasstrichtBlue$1,
   mellowApricot,
-  nightBlue,
-  pastelRed,
-  pineGreen,
-  royalBlue: royalBlue$1,
-  scarletGum: scarletGum$1,
+  pastelRed: pastelRed$1,
+  pineGreen: pineGreen$1,
   seashell,
   silverChalice,
-  sonicSilver,
-  ultramarineBlue,
-  vermilion,
-  violet: violet$2,
-  violet1: violet1$1,
+  sonicSilver: sonicSilver$1,
+  ultramarineBlue: ultramarineBlue$1,
+  vermilion: vermilion$1,
   vodka
 } = colorScales;
-const palette$5 = {
+const palette$6 = {
   black: '#000000',
   white: '#ffffff',
   greyLight95: grey.lighten95,
@@ -895,56 +887,88 @@ const palette$5 = {
   greyLight45: grey.lighten45,
   greyLight30: grey.lighten30,
   grey: grey.base,
-  maasstrichtBlueLight90: maasstrichtBlue.lighten90,
-  maasstrichtBlueLight80: maasstrichtBlue.lighten80,
-  maasstrichtBlueLight50: maasstrichtBlue.lighten50,
-  maasstrichtBlueLight30: maasstrichtBlue.lighten30,
-  maasstrichtBlue: maasstrichtBlue.base,
-  pastelRed: pastelRed.base,
-  pastelRedLight20: pastelRed.lighten20,
+  maasstrichtBlueLight90: maasstrichtBlue$1.lighten90,
+  maasstrichtBlueLight80: maasstrichtBlue$1.lighten80,
+  maasstrichtBlueLight50: maasstrichtBlue$1.lighten50,
+  maasstrichtBlueLight30: maasstrichtBlue$1.lighten30,
+  maasstrichtBlue: maasstrichtBlue$1.base,
+  pastelRed: pastelRed$1.base,
+  pastelRedLight20: pastelRed$1.lighten20,
   mellowApricot: mellowApricot.base,
   mellowApricotLight20: mellowApricot.lighten20,
-  emerald: emerald.base,
-  emeraldLight20: emerald.lighten20,
-  emeraldDark20: emerald.darken20,
+  emerald: emerald$1.base,
+  emeraldLight20: emerald$1.lighten20,
+  emeraldDark20: emerald$1.darken20,
   vodka: vodka.base,
   vodkaLight20: vodka.lighten20,
-  vermilion: vermilion.base,
-  deepSaffron: deepSaffron.base,
-  deepSaffronDark20: deepSaffron.darken20,
-  pineGreen: pineGreen.base,
-  ultramarineBlue: ultramarineBlue.base,
-  sonicSilver: sonicSilver.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.base,
   seashell: seashell.base,
   honeydew: honeydew.base,
   aliceBlue: aliceBlue.base,
   antiFlashWhite: antiFlashWhite.base,
-  apple: apple$1.base,
+  apple: apple$2.base,
+  silverChalice: silverChalice.base,
+  silverChaliceLight20: silverChalice.lighten20
+};
+
+const {
+  currant: currant$1,
+  sonicSilver,
+  maasstrichtBlue,
+  nightBlue,
+  darkBlue,
+  ultramarineBlue,
+  royalBlue: royalBlue$1,
+  emerald,
+  pineGreen,
+  deepSaffron,
+  gold: gold$1,
+  apple: apple$1,
+  pastelRed,
+  vermilion,
+  mauve: mauve$2,
+  violet1: violet1$1,
+  violet: violet$1,
+  scarletGum: scarletGum$1
+} = colorScales;
+const palette$5 = {
   currant: currant$1.base,
+  sonicSilver: sonicSilver.base,
+  maasstrichtBlue: maasstrichtBlue.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$2.base,
-  violet: violet$2.base,
-  violetLight30: violet$2.lighten30,
+  violetLight30: violet$1.lighten30,
   violet1: violet1$1.base,
-  scarletGum: scarletGum$1.base,
-  silverChalice: silverChalice.base,
-  silverChaliceLight20: silverChalice.lighten20
+  violet: violet$1.base,
+  scarletGum: scarletGum$1.base
 };
 
 const {
-  violet: violet$1,
+  violet,
   mauve: mauve$1
 } = colorScales;
-const palette$4 = Object.assign(Object.assign({}, palette$5), {
-  violet: violet$1.base,
-  violetLight20: violet$1.lighten20,
-  violetLight30: violet$1.lighten30,
-  violetLight90: violet$1.lighten90,
+const palette$4 = Object.assign(Object.assign({}, palette$6), {
+  violet: violet.base,
+  violetLight20: violet.lighten20,
+  violetLight30: violet.lighten30,
+  violetLight90: violet.lighten90,
   mauve: mauve$1.base,
   mauveLight80: mauve$1.lighten80
 });
@@ -954,7 +978,7 @@ const {
   currant,
   hitPink
 } = colorScales;
-const palette$3 = Object.assign(Object.assign({}, palette$5), {
+const palette$3 = Object.assign(Object.assign({}, palette$6), {
   apple: apple.base,
   appleLight10: apple.lighten10,
   hitPink: hitPink.base,
@@ -970,7 +994,7 @@ const {
   violet1,
   mauve
 } = colorScales;
-const palette$2 = Object.assign(Object.assign({}, palette$5), {
+const palette$2 = Object.assign(Object.assign({}, palette$6), {
   scarletGumLight20: scarletGum.lighten20,
   scarletGumLight30: scarletGum.lighten30,
   scarletGumLight50: scarletGum.lighten50,
@@ -989,7 +1013,7 @@ const {
   royalBlue,
   frenchSky
 } = colorScales;
-const palette$1 = Object.assign(Object.assign({}, palette$5), {
+const palette$1 = Object.assign(Object.assign({}, palette$6), {
   royalBlue: royalBlue.base,
   royalBlueLight10: royalBlue.lighten10,
   royalBlueLight80: royalBlue.lighten80,
@@ -1002,30 +1026,29 @@ const palette$1 = Object.assign(Object.assign({}, palette$5), {
 
 const {
   gold,
-  violet
+  policeBlue
 } = colorScales;
-const palette = Object.assign(Object.assign({}, palette$5), {
+const palette = Object.assign(Object.assign({}, palette$6), {
   goldLight20: gold.lighten20,
   goldLight50: gold.lighten50,
   goldLight70: gold.lighten70,
   goldLight80: gold.lighten80,
   goldLight90: gold.lighten90,
   gold: gold.base,
-  violet: violet.base,
-  violetLight20: violet.lighten20,
-  violetLight30: violet.lighten30,
-  violetLight50: violet.lighten50,
-  violetLight80: violet.lighten80,
-  violetLight90: violet.lighten90
+  policeBlue: policeBlue.base,
+  policeBlueLight20: policeBlue.lighten20,
+  policeBlueLight25: policeBlue.lighten25,
+  policeBlueLight90: policeBlue.lighten90
 });
 
 exports.colorScales = colorScales;
-exports["default"] = palette$6;
-exports.defaultMobilePalette = palette$5;
-exports.defaultWebPalette = palette$6;
+exports["default"] = palette$7;
+exports.defaultMobilePalette = palette$6;
+exports.defaultWebPalette = palette$7;
 exports.eBensPalette = palette$4;
 exports.jobsPalette = palette$3;
 exports.mixColor = mixColor;
+exports.mobileVisualisationPalette = palette$5;
 exports.swagPalette = palette$2;
 exports.walletPalette = palette$1;
 exports.workPalette = palette;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/colors",
-  "version": "7.27.0",
+  "version": "7.28.0",
   "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": "7.27.0",
-    "prettier-config-hd": "7.27.0",
+    "eslint-config-hd": "7.28.0",
+    "prettier-config-hd": "7.28.0",
     "rollup": "^2.70.1"
   },
   "prettier": "prettier-config-hd"

package/src/colorScales/index.ts

@@ -30,6 +30,7 @@ const BASE_COLORS = {
   peach: '#f8ac7d',
   pineGreen: '#017d6d',
   pink: '#fe56aa',
+  policeBlue: '#2e456d',
   purple: '#be83cf',
   royalBlue: '#5a68e2',
   scarletGum: '#401960',

package/src/defaultMobilePalette/index.ts

@@ -4,29 +4,20 @@ const {
   aliceBlue,
   antiFlashWhite,
   apple,
-  currant,
-  darkBlue,
   deepSaffron,
   emerald,
-  gold,
   grey,
   honeydew,
   linen,
   maasstrichtBlue,
-  mauve,
   mellowApricot,
-  nightBlue,
   pastelRed,
   pineGreen,
-  royalBlue,
-  scarletGum,
   seashell,
   silverChalice,
   sonicSilver,
   ultramarineBlue,
   vermilion,
-  violet,
-  violet1,
   vodka,
 } = colorScales;
 
@@ -74,22 +65,6 @@ const palette = {
   aliceBlue: aliceBlue.base,
   antiFlashWhite: antiFlashWhite.base,
   apple: apple.base,
-  currant: currant.base,
-  nightBlue: nightBlue.base,
-  darkBlue: darkBlue.base,
-
-  royalBlue: royalBlue.base,
-  royalBlueDark20: royalBlue.darken20,
-
-  goldDark40: gold.darken40,
-
-  mauve: mauve.base,
-
-  violet: violet.base,
-  violetLight30: violet.lighten30,
-  violet1: violet1.base,
-
-  scarletGum: scarletGum.base,
 
   silverChalice: silverChalice.base,
   silverChaliceLight20: silverChalice.lighten20,

package/src/index.ts

@@ -2,6 +2,7 @@ import colorScales, { mixColor } from './colorScales';
 import defaultWebPalette from './defaultWebPalette';
 
 import defaultMobilePalette from './defaultMobilePalette';
+import mobileVisualisationPalette from './mobileVisualisationPalette';
 import eBensPalette from './eBensPalette';
 import jobsPalette from './jobsPalette';
 import swagPalette from './swagPalette';
@@ -13,6 +14,7 @@ export {
   colorScales,
   defaultWebPalette,
   defaultMobilePalette,
+  mobileVisualisationPalette,
   eBensPalette,
   jobsPalette,
   swagPalette,

package/src/mobileVisualisationPalette/index.ts

@@ -0,0 +1,47 @@
+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 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,
+};
+
+export default palette;

package/src/workPalette/index.ts

@@ -1,7 +1,7 @@
 import colorScales from '../colorScales';
 import defaultMobilePalette from '../defaultMobilePalette';
 
-const { gold, violet } = colorScales;
+const { gold, policeBlue } = colorScales;
 
 const palette = {
   ...defaultMobilePalette,
@@ -13,12 +13,10 @@ const palette = {
   goldLight90: gold.lighten90,
   gold: gold.base,
 
-  violet: violet.base,
-  violetLight20: violet.lighten20,
-  violetLight30: violet.lighten30,
-  violetLight50: violet.lighten50,
-  violetLight80: violet.lighten80,
-  violetLight90: violet.lighten90,
+  policeBlue: policeBlue.base,
+  policeBlueLight20: policeBlue.lighten20,
+  policeBlueLight25: policeBlue.lighten25,
+  policeBlueLight90: policeBlue.lighten90,
 };
 
 export default palette;

package/types/colorScales/index.d.ts

@@ -1,5 +1,5 @@
 import mixColor from './mixColor';
-declare const colorScales: Record<"aliceBlue" | "antiFlashWhite" | "apple" | "blue1" | "blue" | "cornflowerBlue" | "currant" | "darkBlue" | "deepSaffron" | "emerald" | "frenchSky" | "gold" | "green" | "grey" | "grotesqueGreen" | "hitPink" | "honeydew" | "jordyBlue" | "linen" | "maasstrichtBlue" | "mauve" | "mellowApricot" | "nightBlue" | "pastelRed" | "paua" | "peach" | "pineGreen" | "pink" | "purple" | "royalBlue" | "scarletGum" | "seashell" | "silverChalice" | "smalt" | "sonicSilver" | "ultramarineBlue" | "vermilion" | "violet1" | "violet" | "vodka" | "yellow", {
+declare const colorScales: Record<"aliceBlue" | "antiFlashWhite" | "apple" | "blue1" | "blue" | "cornflowerBlue" | "currant" | "darkBlue" | "deepSaffron" | "emerald" | "frenchSky" | "gold" | "green" | "grey" | "grotesqueGreen" | "hitPink" | "honeydew" | "jordyBlue" | "linen" | "maasstrichtBlue" | "mauve" | "mellowApricot" | "nightBlue" | "pastelRed" | "paua" | "peach" | "pineGreen" | "pink" | "policeBlue" | "purple" | "royalBlue" | "scarletGum" | "seashell" | "silverChalice" | "smalt" | "sonicSilver" | "ultramarineBlue" | "vermilion" | "violet1" | "violet" | "vodka" | "yellow", {
     base: string;
 } & {
     lighten5: string;

package/types/defaultMobilePalette/index.d.ts

@@ -33,17 +33,6 @@ declare const palette: {
     aliceBlue: string;
     antiFlashWhite: string;
     apple: string;
-    currant: string;
-    nightBlue: string;
-    darkBlue: string;
-    royalBlue: string;
-    royalBlueDark20: string;
-    goldDark40: string;
-    mauve: string;
-    violet: string;
-    violetLight30: string;
-    violet1: string;
-    scarletGum: string;
     silverChalice: string;
     silverChaliceLight20: string;
 };

package/types/eBensPalette/index.d.ts

@@ -39,14 +39,6 @@ declare const palette: {
     aliceBlue: string;
     antiFlashWhite: string;
     apple: string;
-    currant: string;
-    nightBlue: string;
-    darkBlue: string;
-    royalBlue: string;
-    royalBlueDark20: string;
-    goldDark40: string;
-    violet1: string;
-    scarletGum: string;
     silverChalice: string;
     silverChaliceLight20: string;
 };

package/types/index.d.ts

@@ -1,10 +1,11 @@
 import colorScales, { mixColor } from './colorScales';
 import defaultWebPalette from './defaultWebPalette';
 import defaultMobilePalette from './defaultMobilePalette';
+import mobileVisualisationPalette from './mobileVisualisationPalette';
 import eBensPalette from './eBensPalette';
 import jobsPalette from './jobsPalette';
 import swagPalette from './swagPalette';
 import walletPalette from './walletPalette';
 import workPalette from './workPalette';
-export { mixColor, colorScales, defaultWebPalette, defaultMobilePalette, eBensPalette, jobsPalette, swagPalette, walletPalette, workPalette, };
+export { mixColor, colorScales, defaultWebPalette, defaultMobilePalette, mobileVisualisationPalette, eBensPalette, jobsPalette, swagPalette, walletPalette, workPalette, };
 export default defaultWebPalette;

package/types/jobsPalette/index.d.ts

@@ -40,16 +40,6 @@ declare const palette: {
     honeydew: string;
     aliceBlue: string;
     antiFlashWhite: string;
-    nightBlue: string;
-    darkBlue: string;
-    royalBlue: string;
-    royalBlueDark20: string;
-    goldDark40: string;
-    mauve: string;
-    violet: string;
-    violetLight30: string;
-    violet1: string;
-    scarletGum: string;
     silverChalice: string;
     silverChaliceLight20: string;
 };

package/types/mobileVisualisationPalette/index.d.ts

@@ -0,0 +1,23 @@
+declare const palette: {
+    currant: string;
+    sonicSilver: string;
+    maasstrichtBlue: string;
+    nightBlue: string;
+    darkBlue: string;
+    ultramarineBlue: string;
+    royalBlue: string;
+    royalBlueDark20: string;
+    emeraldDark20: string;
+    pineGreen: string;
+    deepSaffronDark20: string;
+    goldDark40: string;
+    apple: string;
+    pastelRed: string;
+    vermilion: string;
+    mauve: string;
+    violetLight30: string;
+    violet1: string;
+    violet: string;
+    scarletGum: string;
+};
+export default palette;

package/types/swagPalette/index.d.ts

@@ -45,13 +45,6 @@ declare const palette: {
     aliceBlue: string;
     antiFlashWhite: string;
     apple: string;
-    currant: string;
-    nightBlue: string;
-    darkBlue: string;
-    royalBlue: string;
-    royalBlueDark20: string;
-    goldDark40: string;
-    violet1: string;
     silverChalice: string;
     silverChaliceLight20: string;
 };