@hero-design/colors 8.20.0 → 8.22.0

package/.turbo/turbo-build.log

@@ -1,17 +1,17 @@
-@hero-design/colors:build: cache hit, replaying output e219a62159018a53
-@hero-design/colors:build: $ yarn build:js && yarn build:types
-@hero-design/colors:build: $ rollup -c
-@hero-design/colors:build: 
-@hero-design/colors:build: src/index.ts → lib/index.js, es/index.js...
-@hero-design/colors:build: (!) Unresolved dependencies
-@hero-design/colors:build: https://rollupjs.org/guide/en/#warning-treating-module-as-external-dependency
-@hero-design/colors:build: hex-rgb (imported by ../../node_modules/parse-css-color/dist/index.esm.js, ../../node_modules/mix-css-color/node_modules/parse-css-color/dist/index.esm.js)
-@hero-design/colors:build: (!) Plugin typescript: @rollup/plugin-typescript: outputToFilesystem option is defaulting to true.
-@hero-design/colors:build: (!) Mixing named and default exports
-@hero-design/colors:build: https://rollupjs.org/guide/en/#outputexports
-@hero-design/colors:build: The following entry modules are using named and default exports together:
-@hero-design/colors:build: src/index.ts
-@hero-design/colors:build: 
-@hero-design/colors:build: Consumers of your bundle will have to use chunk['default'] to access their default export, which may not be what you want. Use `output.exports: 'named'` to disable this warning
-@hero-design/colors:build: created lib/index.js, es/index.js in 3.3s
-@hero-design/colors:build: $ tsc --emitDeclarationOnly
+@hero-design/colors:build: cache hit, replaying output ef95958e702bfa5e
+@hero-design/colors:build: $ yarn build:js && yarn build:types
+@hero-design/colors:build: $ rollup -c
+@hero-design/colors:build: 
+@hero-design/colors:build: src/index.ts → lib/index.js, es/index.js...
+@hero-design/colors:build: (!) Unresolved dependencies
+@hero-design/colors:build: https://rollupjs.org/guide/en/#warning-treating-module-as-external-dependency
+@hero-design/colors:build: hex-rgb (imported by ../../node_modules/parse-css-color/dist/index.esm.js, ../../node_modules/mix-css-color/node_modules/parse-css-color/dist/index.esm.js)
+@hero-design/colors:build: (!) Plugin typescript: @rollup/plugin-typescript: outputToFilesystem option is defaulting to true.
+@hero-design/colors:build: (!) Mixing named and default exports
+@hero-design/colors:build: https://rollupjs.org/guide/en/#outputexports
+@hero-design/colors:build: The following entry modules are using named and default exports together:
+@hero-design/colors:build: src/index.ts
+@hero-design/colors:build: 
+@hero-design/colors:build: Consumers of your bundle will have to use chunk['default'] to access their default export, which may not be what you want. Use `output.exports: 'named'` to disable this warning
+@hero-design/colors:build: created lib/index.js, es/index.js in 3s
+@hero-design/colors:build: $ tsc --emitDeclarationOnly

package/es/index.js

@@ -705,13 +705,18 @@ const BASE_COLORS = {
   aliceBlue: '#ecf0ff',
   antiFlashWhite: '#f1f2f3',
   apple: '#e3602a',
+  bigStone: '#344348',
   blue1: '#5a68e2',
   blue: '#1dbeee',
+  blueOblivion: '#23438f',
+  blazingBonfire: '#ffa234',
   cornflowerBlue: '#5d80f0',
   currant: '#48000a',
   darkBlue: '#25006e',
   deepSaffron: '#ffa234',
+  deepIntoTheJungle: '#004e48',
   emerald: '#5ace7d',
+  flagstone: '#acacaf',
   frenchSky: '#8999ff',
   gold: '#ffd500',
   green: '#01b39c',
@@ -719,13 +724,17 @@ const BASE_COLORS = {
   grotesqueGreen: '#6af293',
   hitPink: '#ffad79',
   honeydew: '#f0fef4',
+  indianDance: '#f89076',
   jordyBlue: '#92abfc',
   linen: '#fcebe7',
   maasstrichtBlue: '#001f23',
   mauve: '#c38cee',
+  moussaka: '#6f2a17',
   mellowApricot: '#ffbe71',
+  mintLeaf: '#01cbb0',
   nightBlue: '#353957',
   pastelRed: '#f46363',
+  pastelBlue: '#a1b5fc',
   paua: '#130066',
   peach: '#f8ac7d',
   pineGreen: '#017d6d',
@@ -743,6 +752,8 @@ const BASE_COLORS = {
   violet1: '#8505a2',
   violet: '#7622d7',
   vodka: '#b5c3fd',
+  theatreGold: '#a56822',
+  uniformGreen: '#4d4628',
   yellow: '#fadb14'
 };
 const colorScales = Object.entries(BASE_COLORS).reduce((acc, [key, value]) => Object.assign(Object.assign({}, acc), {
@@ -918,13 +929,19 @@ const {
   aliceBlue,
   antiFlashWhite,
   apple: apple$2,
+  blazingBonfire,
+  bigStone,
+  flagstone,
   deepSaffron: deepSaffron$1,
+  deepIntoTheJungle,
   emerald: emerald$1,
   grey,
   honeydew,
+  indianDance,
   linen,
   maasstrichtBlue: maasstrichtBlue$2,
   mellowApricot,
+  moussaka,
   pastelRed: pastelRed$1,
   pineGreen: pineGreen$1,
   seashell,
@@ -932,7 +949,12 @@ const {
   sonicSilver: sonicSilver$1,
   ultramarineBlue: ultramarineBlue$1,
   vermilion: vermilion$1,
-  vodka
+  vodka,
+  theatreGold,
+  uniformGreen,
+  mintLeaf,
+  blueOblivion,
+  pastelBlue
 } = colorScales;
 const palette$7 = {
   black: '#000000',
@@ -958,17 +980,29 @@ const palette$7 = {
   pastelRedLight20: pastelRed$1.lighten20,
   mellowApricot: mellowApricot.base,
   mellowApricotLight20: mellowApricot.lighten20,
+  moussaka: moussaka.base,
   emerald: emerald$1.base,
   emeraldLight20: emerald$1.lighten20,
   emeraldDark20: emerald$1.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,
+  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,
   linen: linen.base,
   seashell: seashell.base,
   honeydew: honeydew.base,
@@ -976,7 +1010,15 @@ const palette$7 = {
   antiFlashWhite: antiFlashWhite.base,
   apple: apple$2.base,
   silverChalice: silverChalice.base,
-  silverChaliceLight20: silverChalice.lighten20
+  silverChaliceLight20: silverChalice.lighten20,
+  uniformGreen: uniformGreen.base,
+  blazingBonfire: blazingBonfire.base,
+  deepIntoTheJungle: deepIntoTheJungle.base,
+  mintLeaf: mintLeaf.base,
+  blueOblivion: blueOblivion.base,
+  pastelBlue: pastelBlue.base,
+  bigStone: bigStone.base,
+  flagstone: flagstone.base
 };
 
 const {

package/lib/index.js

@@ -713,13 +713,18 @@ const BASE_COLORS = {
   aliceBlue: '#ecf0ff',
   antiFlashWhite: '#f1f2f3',
   apple: '#e3602a',
+  bigStone: '#344348',
   blue1: '#5a68e2',
   blue: '#1dbeee',
+  blueOblivion: '#23438f',
+  blazingBonfire: '#ffa234',
   cornflowerBlue: '#5d80f0',
   currant: '#48000a',
   darkBlue: '#25006e',
   deepSaffron: '#ffa234',
+  deepIntoTheJungle: '#004e48',
   emerald: '#5ace7d',
+  flagstone: '#acacaf',
   frenchSky: '#8999ff',
   gold: '#ffd500',
   green: '#01b39c',
@@ -727,13 +732,17 @@ const BASE_COLORS = {
   grotesqueGreen: '#6af293',
   hitPink: '#ffad79',
   honeydew: '#f0fef4',
+  indianDance: '#f89076',
   jordyBlue: '#92abfc',
   linen: '#fcebe7',
   maasstrichtBlue: '#001f23',
   mauve: '#c38cee',
+  moussaka: '#6f2a17',
   mellowApricot: '#ffbe71',
+  mintLeaf: '#01cbb0',
   nightBlue: '#353957',
   pastelRed: '#f46363',
+  pastelBlue: '#a1b5fc',
   paua: '#130066',
   peach: '#f8ac7d',
   pineGreen: '#017d6d',
@@ -751,6 +760,8 @@ const BASE_COLORS = {
   violet1: '#8505a2',
   violet: '#7622d7',
   vodka: '#b5c3fd',
+  theatreGold: '#a56822',
+  uniformGreen: '#4d4628',
   yellow: '#fadb14'
 };
 const colorScales = Object.entries(BASE_COLORS).reduce((acc, [key, value]) => Object.assign(Object.assign({}, acc), {
@@ -926,13 +937,19 @@ const {
   aliceBlue,
   antiFlashWhite,
   apple: apple$2,
+  blazingBonfire,
+  bigStone,
+  flagstone,
   deepSaffron: deepSaffron$1,
+  deepIntoTheJungle,
   emerald: emerald$1,
   grey,
   honeydew,
+  indianDance,
   linen,
   maasstrichtBlue: maasstrichtBlue$2,
   mellowApricot,
+  moussaka,
   pastelRed: pastelRed$1,
   pineGreen: pineGreen$1,
   seashell,
@@ -940,7 +957,12 @@ const {
   sonicSilver: sonicSilver$1,
   ultramarineBlue: ultramarineBlue$1,
   vermilion: vermilion$1,
-  vodka
+  vodka,
+  theatreGold,
+  uniformGreen,
+  mintLeaf,
+  blueOblivion,
+  pastelBlue
 } = colorScales;
 const palette$7 = {
   black: '#000000',
@@ -966,17 +988,29 @@ const palette$7 = {
   pastelRedLight20: pastelRed$1.lighten20,
   mellowApricot: mellowApricot.base,
   mellowApricotLight20: mellowApricot.lighten20,
+  moussaka: moussaka.base,
   emerald: emerald$1.base,
   emeraldLight20: emerald$1.lighten20,
   emeraldDark20: emerald$1.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,
+  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,
   linen: linen.base,
   seashell: seashell.base,
   honeydew: honeydew.base,
@@ -984,7 +1018,15 @@ const palette$7 = {
   antiFlashWhite: antiFlashWhite.base,
   apple: apple$2.base,
   silverChalice: silverChalice.base,
-  silverChaliceLight20: silverChalice.lighten20
+  silverChaliceLight20: silverChalice.lighten20,
+  uniformGreen: uniformGreen.base,
+  blazingBonfire: blazingBonfire.base,
+  deepIntoTheJungle: deepIntoTheJungle.base,
+  mintLeaf: mintLeaf.base,
+  blueOblivion: blueOblivion.base,
+  pastelBlue: pastelBlue.base,
+  bigStone: bigStone.base,
+  flagstone: flagstone.base
 };
 
 const {

package/package.json

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

package/src/colorScales/index.ts

@@ -5,13 +5,18 @@ const BASE_COLORS = {
   aliceBlue: '#ecf0ff',
   antiFlashWhite: '#f1f2f3',
   apple: '#e3602a',
+  bigStone: '#344348',
   blue1: '#5a68e2',
   blue: '#1dbeee',
+  blueOblivion: '#23438f',
+  blazingBonfire: '#ffa234',
   cornflowerBlue: '#5d80f0',
   currant: '#48000a',
   darkBlue: '#25006e',
   deepSaffron: '#ffa234',
+  deepIntoTheJungle: '#004e48',
   emerald: '#5ace7d',
+  flagstone: '#acacaf',
   frenchSky: '#8999ff',
   gold: '#ffd500',
   green: '#01b39c',
@@ -19,13 +24,17 @@ const BASE_COLORS = {
   grotesqueGreen: '#6af293',
   hitPink: '#ffad79',
   honeydew: '#f0fef4',
+  indianDance: '#f89076',
   jordyBlue: '#92abfc',
   linen: '#fcebe7',
   maasstrichtBlue: '#001f23',
   mauve: '#c38cee',
+  moussaka: '#6f2a17',
   mellowApricot: '#ffbe71',
+  mintLeaf: '#01cbb0',
   nightBlue: '#353957',
   pastelRed: '#f46363',
+  pastelBlue: '#a1b5fc',
   paua: '#130066',
   peach: '#f8ac7d',
   pineGreen: '#017d6d',
@@ -43,6 +52,8 @@ const BASE_COLORS = {
   violet1: '#8505a2',
   violet: '#7622d7',
   vodka: '#b5c3fd',
+  theatreGold: '#a56822',
+  uniformGreen: '#4d4628',
   yellow: '#fadb14',
 } as const;
 

package/src/defaultMobileDarkPalette/index.ts

@@ -4,13 +4,19 @@ const {
   aliceBlue,
   antiFlashWhite,
   apple,
+  blazingBonfire,
+  bigStone,
+  flagstone,
   deepSaffron,
+  deepIntoTheJungle,
   emerald,
   grey,
   honeydew,
+  indianDance,
   linen,
   maasstrichtBlue,
   mellowApricot,
+  moussaka,
   pastelRed,
   pineGreen,
   seashell,
@@ -19,6 +25,11 @@ const {
   ultramarineBlue,
   vermilion,
   vodka,
+  theatreGold,
+  uniformGreen,
+  mintLeaf,
+  blueOblivion,
+  pastelBlue,
 } = colorScales;
 
 const palette = {
@@ -50,6 +61,8 @@ const palette = {
   mellowApricot: mellowApricot.base,
   mellowApricotLight20: mellowApricot.lighten20,
 
+  moussaka: moussaka.base,
+
   emerald: emerald.base,
   emeraldLight20: emerald.lighten20,
   emeraldDark20: emerald.darken20,
@@ -58,13 +71,28 @@ const palette = {
   vodkaLight20: vodka.lighten20,
 
   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.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,
@@ -74,6 +102,16 @@ const palette = {
 
   silverChalice: silverChalice.base,
   silverChaliceLight20: silverChalice.lighten20,
+
+  uniformGreen: uniformGreen.base,
+  blazingBonfire: blazingBonfire.base,
+  deepIntoTheJungle: deepIntoTheJungle.base,
+  mintLeaf: mintLeaf.base,
+  blueOblivion: blueOblivion.base,
+  pastelBlue: pastelBlue.base,
+
+  bigStone: bigStone.base,
+  flagstone: flagstone.base,
 };
 
 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" | "policeBlue" | "purple" | "royalBlue" | "scarletGum" | "seashell" | "silverChalice" | "smalt" | "sonicSilver" | "ultramarineBlue" | "vermilion" | "violet1" | "violet" | "vodka" | "yellow", {
+declare const colorScales: Record<"aliceBlue" | "antiFlashWhite" | "apple" | "bigStone" | "blue1" | "blue" | "blueOblivion" | "blazingBonfire" | "cornflowerBlue" | "currant" | "darkBlue" | "deepSaffron" | "deepIntoTheJungle" | "emerald" | "flagstone" | "frenchSky" | "gold" | "green" | "grey" | "grotesqueGreen" | "hitPink" | "honeydew" | "indianDance" | "jordyBlue" | "linen" | "maasstrichtBlue" | "mauve" | "moussaka" | "mellowApricot" | "mintLeaf" | "nightBlue" | "pastelRed" | "pastelBlue" | "paua" | "peach" | "pineGreen" | "pink" | "policeBlue" | "purple" | "royalBlue" | "scarletGum" | "seashell" | "silverChalice" | "smalt" | "sonicSilver" | "ultramarineBlue" | "vermilion" | "violet1" | "violet" | "vodka" | "theatreGold" | "uniformGreen" | "yellow", {
     base: string;
 } & {
     lighten5: string;

package/types/defaultMobileDarkPalette/index.d.ts

@@ -22,17 +22,29 @@ declare const palette: {
     pastelRedLight20: string;
     mellowApricot: string;
     mellowApricotLight20: string;
+    moussaka: string;
     emerald: string;
     emeraldLight20: string;
     emeraldDark20: string;
     vodka: string;
     vodkaLight20: string;
     vermilion: string;
+    vermilionLight20: string;
+    vermilionDark10: string;
     deepSaffron: string;
     deepSaffronDark20: string;
+    indianDance: string;
+    theatreGold: string;
+    theatreGoldLight20: string;
     pineGreen: string;
+    pineGreenLight20: string;
+    pineGreenDark10: string;
     ultramarineBlue: string;
+    ultramarineBlueLight20: string;
+    ultramarineBlueDark10: string;
     sonicSilver: string;
+    sonicSilverLight50: string;
+    sonicSilverDark10: string;
     linen: string;
     seashell: string;
     honeydew: string;
@@ -41,5 +53,13 @@ declare const palette: {
     apple: string;
     silverChalice: string;
     silverChaliceLight20: string;
+    uniformGreen: string;
+    blazingBonfire: string;
+    deepIntoTheJungle: string;
+    mintLeaf: string;
+    blueOblivion: string;
+    pastelBlue: string;
+    bigStone: string;
+    flagstone: string;
 };
 export default palette;