@hero-design/colors 8.34.1 → 8.34.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12,5 +12,5 @@ $ rollup -c
12
12
  src/index.ts
13
13
 
14
14
  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
15
- created lib/index.js, es/index.js in 3.3s
15
+ created lib/index.js, es/index.js in 3.2s
16
16
  $ tsc --emitDeclarationOnly
package/es/index.js CHANGED
@@ -703,14 +703,17 @@ const createColorScales = base => {
703
703
 
704
704
  const BASE_COLORS = {
705
705
  aliceBlue: '#ecf0ff',
706
+ amaranthaRed: '#cb300a',
706
707
  antiFlashWhite: '#f1f2f3',
707
708
  apple: '#e3602a',
708
709
  bigStone: '#344348',
710
+ black: '#000000',
709
711
  blue1: '#5a68e2',
710
712
  blue: '#1dbeee',
711
713
  blueOblivion: '#23438f',
712
714
  blazingBonfire: '#ffa234',
713
715
  cornflowerBlue: '#5d80f0',
716
+ cumberlandFog: '#dadbde',
714
717
  currant: '#48000a',
715
718
  darkBlue: '#25006e',
716
719
  deepSaffron: '#ffa234',
@@ -718,6 +721,7 @@ const BASE_COLORS = {
718
721
  emerald: '#5ace7d',
719
722
  flagstone: '#acacaf',
720
723
  frenchSky: '#8999ff',
724
+ gentianFlower: '#355bfb',
721
725
  gold: '#ffd500',
722
726
  green: '#01b39c',
723
727
  grey: '#a3a6ac',
@@ -733,6 +737,7 @@ const BASE_COLORS = {
733
737
  mellowApricot: '#ffbe71',
734
738
  mintLeaf: '#01cbb0',
735
739
  nightBlue: '#353957',
740
+ orangeBrown: '#ac5d00',
736
741
  pastelRed: '#f46363',
737
742
  pastelBlue: '#a1b5fc',
738
743
  paua: '#130066',
@@ -754,7 +759,8 @@ const BASE_COLORS = {
754
759
  vodka: '#b5c3fd',
755
760
  theatreGold: '#a56822',
756
761
  uniformGreen: '#4d4628',
757
- yellow: '#fadb14'
762
+ yellow: '#fadb14',
763
+ windsorGrey: '#606065'
758
764
  };
759
765
  const colorScales = Object.entries(BASE_COLORS).reduce((acc, [key, value]) => Object.assign(Object.assign({}, acc), {
760
766
  [key]: createColorScales(value)
@@ -762,16 +768,16 @@ const colorScales = Object.entries(BASE_COLORS).reduce((acc, [key, value]) => Ob
762
768
 
763
769
  const {
764
770
  blue,
765
- ultramarineBlue: ultramarineBlue$3,
771
+ ultramarineBlue: ultramarineBlue$2,
766
772
  green,
767
773
  grey: grey$2,
768
774
  grotesqueGreen,
769
- deepSaffron: deepSaffron$3,
775
+ deepSaffron: deepSaffron$2,
770
776
  pink,
771
777
  purple,
772
- vermilion: vermilion$3,
778
+ vermilion: vermilion$2,
773
779
  smalt,
774
- violet: violet$2,
780
+ violet: violet$1,
775
781
  yellow
776
782
  } = colorScales;
777
783
  const palette$b = {
@@ -783,14 +789,14 @@ const palette$b = {
783
789
  blueLight30: blue.lighten30,
784
790
  blueLight75: blue.lighten75,
785
791
  blueLight90: blue.lighten90,
786
- dodgerBlue: ultramarineBlue$3.base,
787
- dodgerBlueDark15: ultramarineBlue$3.darken15,
788
- dodgerBlueDark30: ultramarineBlue$3.darken30,
789
- dodgerBlueLight30: ultramarineBlue$3.lighten30,
790
- dodgerBlueLight45: ultramarineBlue$3.lighten45,
791
- dodgerBlueLight60: ultramarineBlue$3.lighten60,
792
- dodgerBlueLight75: ultramarineBlue$3.lighten75,
793
- dodgerBlueLight90: ultramarineBlue$3.lighten90,
792
+ dodgerBlue: ultramarineBlue$2.base,
793
+ dodgerBlueDark15: ultramarineBlue$2.darken15,
794
+ dodgerBlueDark30: ultramarineBlue$2.darken30,
795
+ dodgerBlueLight30: ultramarineBlue$2.lighten30,
796
+ dodgerBlueLight45: ultramarineBlue$2.lighten45,
797
+ dodgerBlueLight60: ultramarineBlue$2.lighten60,
798
+ dodgerBlueLight75: ultramarineBlue$2.lighten75,
799
+ dodgerBlueLight90: ultramarineBlue$2.lighten90,
794
800
  green: green.base,
795
801
  greenDark15: green.darken15,
796
802
  greenDark30: green.darken30,
@@ -816,13 +822,13 @@ const palette$b = {
816
822
  grotesqueGreenLight60: grotesqueGreen.lighten60,
817
823
  grotesqueGreenLight75: grotesqueGreen.lighten75,
818
824
  grotesqueGreenLight90: grotesqueGreen.lighten90,
819
- orange: deepSaffron$3.base,
820
- orangeDark15: deepSaffron$3.darken15,
821
- orangeDark30: deepSaffron$3.darken30,
822
- orangeDark75: deepSaffron$3.darken75,
823
- orangeLight30: deepSaffron$3.lighten30,
824
- orangeLight75: deepSaffron$3.lighten75,
825
- orangeLight90: deepSaffron$3.lighten90,
825
+ orange: deepSaffron$2.base,
826
+ orangeDark15: deepSaffron$2.darken15,
827
+ orangeDark30: deepSaffron$2.darken30,
828
+ orangeDark75: deepSaffron$2.darken75,
829
+ orangeLight30: deepSaffron$2.lighten30,
830
+ orangeLight75: deepSaffron$2.lighten75,
831
+ orangeLight90: deepSaffron$2.lighten90,
826
832
  pink: pink.base,
827
833
  pinkDark15: pink.darken15,
828
834
  pinkDark30: pink.darken30,
@@ -834,31 +840,31 @@ const palette$b = {
834
840
  pinkLight90: pink.lighten90,
835
841
  purple: purple.base,
836
842
  purpleDark15: purple.darken15,
837
- red: vermilion$3.base,
838
- redDark15: vermilion$3.darken15,
839
- redDark30: vermilion$3.darken30,
840
- redDark75: vermilion$3.darken75,
841
- redLight15: vermilion$3.lighten15,
842
- redLight30: vermilion$3.lighten30,
843
- redLight60: vermilion$3.lighten60,
844
- redLight75: vermilion$3.lighten75,
845
- redLight90: vermilion$3.lighten90,
843
+ red: vermilion$2.base,
844
+ redDark15: vermilion$2.darken15,
845
+ redDark30: vermilion$2.darken30,
846
+ redDark75: vermilion$2.darken75,
847
+ redLight15: vermilion$2.lighten15,
848
+ redLight30: vermilion$2.lighten30,
849
+ redLight60: vermilion$2.lighten60,
850
+ redLight75: vermilion$2.lighten75,
851
+ redLight90: vermilion$2.lighten90,
846
852
  smalt: smalt.base,
847
853
  smaltDark75: smalt.darken75,
848
854
  smaltLight30: smalt.lighten30,
849
855
  smaltLight45: smalt.lighten45,
850
856
  smaltLight75: smalt.lighten75,
851
857
  smaltLight90: smalt.lighten90,
852
- violet: violet$2.base,
853
- violetDark15: violet$2.darken15,
854
- violetDark30: violet$2.darken30,
855
- violetDark45: violet$2.darken45,
856
- violetDark60: violet$2.darken60,
857
- violetDark75: violet$2.darken75,
858
- violetLight30: violet$2.lighten30,
859
- violetLight60: violet$2.lighten60,
860
- violetLight75: violet$2.lighten75,
861
- violetLight90: violet$2.lighten90,
858
+ violet: violet$1.base,
859
+ violetDark15: violet$1.darken15,
860
+ violetDark30: violet$1.darken30,
861
+ violetDark45: violet$1.darken45,
862
+ violetDark60: violet$1.darken60,
863
+ violetDark75: violet$1.darken75,
864
+ violetLight30: violet$1.lighten30,
865
+ violetLight60: violet$1.lighten60,
866
+ violetLight75: violet$1.lighten75,
867
+ violetLight90: violet$1.lighten90,
862
868
  yellow: yellow.base,
863
869
  yellowDark15: yellow.darken15,
864
870
  yellowDark75: yellow.darken75,
@@ -869,25 +875,25 @@ const palette$b = {
869
875
  };
870
876
 
871
877
  const {
872
- mauve: mauve$4,
873
- violet: violet$1
878
+ mauve: mauve$3,
879
+ violet
874
880
  } = colorScales;
875
881
  const palette$a = Object.assign(Object.assign({}, palette$b), {
876
- mauve: mauve$4.base,
877
- mauveLight80: mauve$4.lighten80,
878
- violetDark50: violet$1.darken50
882
+ mauve: mauve$3.base,
883
+ mauveLight80: mauve$3.lighten80,
884
+ violetDark50: violet.darken50
879
885
  });
880
886
 
881
887
  const {
882
- apple: apple$4,
888
+ apple: apple$3,
883
889
  hitPink: hitPink$1,
884
890
  maasstrichtBlue: maasstrichtBlue$4
885
891
  } = colorScales;
886
892
  const palette$9 = Object.assign(Object.assign({}, palette$b), {
887
- apple: apple$4.base,
888
- appleDark20: apple$4.darken20,
889
- appleDark50: apple$4.darken50,
890
- appleLight90: apple$4.lighten90,
893
+ apple: apple$3.base,
894
+ appleDark20: apple$3.darken20,
895
+ appleDark50: apple$3.darken50,
896
+ appleLight90: apple$3.lighten90,
891
897
  hitPink: hitPink$1.base,
892
898
  hitPinkLight80: hitPink$1.lighten80,
893
899
  maasstrichtBlueLight30: maasstrichtBlue$4.lighten30
@@ -895,26 +901,32 @@ const palette$9 = Object.assign(Object.assign({}, palette$b), {
895
901
 
896
902
  const {
897
903
  aliceBlue: aliceBlue$1,
904
+ amaranthaRed,
898
905
  antiFlashWhite: antiFlashWhite$1,
899
- apple: apple$3,
900
- deepSaffron: deepSaffron$2,
901
- emerald: emerald$2,
906
+ apple: apple$2,
907
+ cumberlandFog,
908
+ deepSaffron: deepSaffron$1,
909
+ emerald: emerald$1,
910
+ gentianFlower,
902
911
  grey: grey$1,
903
912
  honeydew: honeydew$1,
904
913
  linen: linen$1,
905
914
  maasstrichtBlue: maasstrichtBlue$3,
906
915
  mellowApricot: mellowApricot$1,
907
- pastelRed: pastelRed$2,
908
- pineGreen: pineGreen$2,
916
+ orangeBrown,
917
+ pastelRed: pastelRed$1,
918
+ pineGreen: pineGreen$1,
909
919
  seashell: seashell$1,
910
920
  silverChalice: silverChalice$1,
911
- sonicSilver: sonicSilver$2,
912
- ultramarineBlue: ultramarineBlue$2,
913
- vermilion: vermilion$2,
914
- vodka: vodka$1
921
+ sonicSilver: sonicSilver$1,
922
+ ultramarineBlue: ultramarineBlue$1,
923
+ vermilion: vermilion$1,
924
+ vodka: vodka$1,
925
+ windsorGrey,
926
+ black: black$1
915
927
  } = colorScales;
916
928
  const palette$8 = {
917
- black: '#000000',
929
+ black: black$1.base,
918
930
  white: '#ffffff',
919
931
  greyLight95: grey$1.lighten95,
920
932
  greyLight90: grey$1.lighten90,
@@ -927,41 +939,46 @@ const palette$8 = {
927
939
  maasstrichtBlueLight50: maasstrichtBlue$3.lighten50,
928
940
  maasstrichtBlueLight30: maasstrichtBlue$3.lighten30,
929
941
  maasstrichtBlue: maasstrichtBlue$3.base,
930
- pastelRed: pastelRed$2.base,
931
- pastelRedLight20: pastelRed$2.lighten20,
942
+ pastelRed: pastelRed$1.base,
943
+ pastelRedLight20: pastelRed$1.lighten20,
932
944
  mellowApricot: mellowApricot$1.base,
933
945
  mellowApricotLight20: mellowApricot$1.lighten20,
934
- emerald: emerald$2.base,
935
- emeraldLight20: emerald$2.lighten20,
936
- emeraldDark20: emerald$2.darken20,
946
+ emerald: emerald$1.base,
947
+ emeraldLight20: emerald$1.lighten20,
948
+ emeraldDark20: emerald$1.darken20,
937
949
  vodka: vodka$1.base,
938
950
  vodkaLight20: vodka$1.lighten20,
939
- vermilion: vermilion$2.base,
940
- deepSaffron: deepSaffron$2.base,
941
- deepSaffronDark20: deepSaffron$2.darken20,
942
- pineGreen: pineGreen$2.base,
943
- ultramarineBlue: ultramarineBlue$2.base,
944
- sonicSilver: sonicSilver$2.base,
951
+ vermilion: vermilion$1.base,
952
+ deepSaffron: deepSaffron$1.base,
953
+ deepSaffronDark20: deepSaffron$1.darken20,
954
+ pineGreen: pineGreen$1.base,
955
+ ultramarineBlue: ultramarineBlue$1.base,
956
+ sonicSilver: sonicSilver$1.base,
945
957
  linen: linen$1.base,
946
958
  seashell: seashell$1.base,
947
959
  honeydew: honeydew$1.base,
948
960
  aliceBlue: aliceBlue$1.base,
949
961
  antiFlashWhite: antiFlashWhite$1.base,
950
- apple: apple$3.base,
962
+ apple: apple$2.base,
951
963
  silverChalice: silverChalice$1.base,
952
- silverChaliceLight20: silverChalice$1.lighten20
964
+ silverChaliceLight20: silverChalice$1.lighten20,
965
+ amaranthaRed: amaranthaRed.base,
966
+ orangeBrown: orangeBrown.base,
967
+ gentianFlower: gentianFlower.base,
968
+ windsorGrey: windsorGrey.base,
969
+ cumberlandFog: cumberlandFog.base
953
970
  };
954
971
 
955
972
  const {
956
973
  aliceBlue,
957
974
  antiFlashWhite,
958
- apple: apple$2,
975
+ apple: apple$1,
959
976
  blazingBonfire,
960
977
  bigStone,
961
978
  flagstone,
962
- deepSaffron: deepSaffron$1,
979
+ deepSaffron,
963
980
  deepIntoTheJungle,
964
- emerald: emerald$1,
981
+ emerald,
965
982
  grey,
966
983
  honeydew,
967
984
  indianDance,
@@ -969,13 +986,13 @@ const {
969
986
  maasstrichtBlue: maasstrichtBlue$2,
970
987
  mellowApricot,
971
988
  moussaka,
972
- pastelRed: pastelRed$1,
973
- pineGreen: pineGreen$1,
989
+ pastelRed,
990
+ pineGreen,
974
991
  seashell,
975
992
  silverChalice,
976
- sonicSilver: sonicSilver$1,
977
- ultramarineBlue: ultramarineBlue$1,
978
- vermilion: vermilion$1,
993
+ sonicSilver,
994
+ ultramarineBlue,
995
+ vermilion,
979
996
  vodka,
980
997
  theatreGold,
981
998
  uniformGreen,
@@ -1003,39 +1020,39 @@ const palette$7 = {
1003
1020
  maasstrichtBlueLight15: maasstrichtBlue$2.lighten15,
1004
1021
  maasstrichtBlueLight10: maasstrichtBlue$2.lighten10,
1005
1022
  maasstrichtBlue: maasstrichtBlue$2.base,
1006
- pastelRed: pastelRed$1.base,
1007
- pastelRedLight20: pastelRed$1.lighten20,
1023
+ pastelRed: pastelRed.base,
1024
+ pastelRedLight20: pastelRed.lighten20,
1008
1025
  mellowApricot: mellowApricot.base,
1009
1026
  mellowApricotLight20: mellowApricot.lighten20,
1010
1027
  moussaka: moussaka.base,
1011
- emerald: emerald$1.base,
1012
- emeraldLight20: emerald$1.lighten20,
1013
- emeraldDark20: emerald$1.darken20,
1028
+ emerald: emerald.base,
1029
+ emeraldLight20: emerald.lighten20,
1030
+ emeraldDark20: emerald.darken20,
1014
1031
  vodka: vodka.base,
1015
1032
  vodkaLight20: vodka.lighten20,
1016
- vermilion: vermilion$1.base,
1017
- vermilionLight20: vermilion$1.lighten20,
1018
- vermilionDark10: vermilion$1.darken10,
1019
- deepSaffron: deepSaffron$1.base,
1020
- deepSaffronDark20: deepSaffron$1.darken20,
1033
+ vermilion: vermilion.base,
1034
+ vermilionLight20: vermilion.lighten20,
1035
+ vermilionDark10: vermilion.darken10,
1036
+ deepSaffron: deepSaffron.base,
1037
+ deepSaffronDark20: deepSaffron.darken20,
1021
1038
  indianDance: indianDance.base,
1022
1039
  theatreGold: theatreGold.base,
1023
1040
  theatreGoldLight20: theatreGold.lighten20,
1024
- pineGreen: pineGreen$1.base,
1025
- pineGreenLight20: pineGreen$1.lighten20,
1026
- pineGreenDark10: pineGreen$1.darken10,
1027
- ultramarineBlue: ultramarineBlue$1.base,
1028
- ultramarineBlueLight20: ultramarineBlue$1.lighten20,
1029
- ultramarineBlueDark10: ultramarineBlue$1.darken10,
1030
- sonicSilver: sonicSilver$1.base,
1031
- sonicSilverLight50: sonicSilver$1.lighten45,
1032
- sonicSilverDark10: sonicSilver$1.darken10,
1041
+ pineGreen: pineGreen.base,
1042
+ pineGreenLight20: pineGreen.lighten20,
1043
+ pineGreenDark10: pineGreen.darken10,
1044
+ ultramarineBlue: ultramarineBlue.base,
1045
+ ultramarineBlueLight20: ultramarineBlue.lighten20,
1046
+ ultramarineBlueDark10: ultramarineBlue.darken10,
1047
+ sonicSilver: sonicSilver.base,
1048
+ sonicSilverLight50: sonicSilver.lighten45,
1049
+ sonicSilverDark10: sonicSilver.darken10,
1033
1050
  linen: linen.base,
1034
1051
  seashell: seashell.base,
1035
1052
  honeydew: honeydew.base,
1036
1053
  aliceBlue: aliceBlue.base,
1037
1054
  antiFlashWhite: antiFlashWhite.base,
1038
- apple: apple$2.base,
1055
+ apple: apple$1.base,
1039
1056
  silverChalice: silverChalice.base,
1040
1057
  silverChaliceLight20: silverChalice.lighten20,
1041
1058
  uniformGreen: uniformGreen.base,
@@ -1049,46 +1066,18 @@ const palette$7 = {
1049
1066
  };
1050
1067
 
1051
1068
  const {
1052
- currant: currant$1,
1053
- sonicSilver,
1054
- maasstrichtBlue: maasstrichtBlue$1,
1055
- nightBlue,
1056
- darkBlue,
1057
- ultramarineBlue,
1058
- royalBlue: royalBlue$1,
1059
- emerald,
1060
- pineGreen,
1061
- deepSaffron,
1062
- gold: gold$1,
1063
- apple: apple$1,
1064
- pastelRed,
1065
- vermilion,
1066
- mauve: mauve$3,
1067
- violet1: violet1$3,
1068
- violet,
1069
- scarletGum: scarletGum$2
1069
+ maasstrichtBlue: maasstrichtBlue$1
1070
1070
  } = colorScales;
1071
1071
  const palette$6 = {
1072
- currant: currant$1.base,
1073
- sonicSilver: sonicSilver.base,
1074
1072
  maasstrichtBlue: maasstrichtBlue$1.base,
1075
- nightBlue: nightBlue.base,
1076
- darkBlue: darkBlue.base,
1077
- ultramarineBlue: ultramarineBlue.base,
1078
- royalBlue: royalBlue$1.base,
1079
- royalBlueDark20: royalBlue$1.darken20,
1080
- emeraldDark20: emerald.darken20,
1081
- pineGreen: pineGreen.base,
1082
- deepSaffronDark20: deepSaffron.darken20,
1083
- goldDark40: gold$1.darken40,
1084
- apple: apple$1.base,
1085
- pastelRed: pastelRed.base,
1086
- vermilion: vermilion.base,
1087
- mauve: mauve$3.base,
1088
- violetLight30: violet.lighten30,
1089
- violet1: violet1$3.base,
1090
- violet: violet.base,
1091
- scarletGum: scarletGum$2.base
1073
+ maasstrichtBlueLight5: maasstrichtBlue$1.lighten5,
1074
+ maasstrichtBlueLight10: maasstrichtBlue$1.lighten10,
1075
+ maasstrichtBlueLight15: maasstrichtBlue$1.lighten15,
1076
+ maasstrichtBlueLight20: maasstrichtBlue$1.lighten20,
1077
+ maasstrichtBlueLight25: maasstrichtBlue$1.lighten25,
1078
+ maasstrichtBlueLight30: maasstrichtBlue$1.lighten30,
1079
+ maasstrichtBlueLight35: maasstrichtBlue$1.lighten35,
1080
+ maasstrichtBlueLight40: maasstrichtBlue$1.lighten40
1092
1081
  };
1093
1082
 
1094
1083
  const {
@@ -1100,6 +1089,7 @@ const palette$5 = Object.assign(Object.assign({}, palette$8), {
1100
1089
  violetLight20: violet1$2.lighten20,
1101
1090
  violetLight30: violet1$2.lighten30,
1102
1091
  violetLight90: violet1$2.lighten90,
1092
+ violetDark20: violet1$2.darken20,
1103
1093
  mauve: mauve$2.base,
1104
1094
  mauveLight80: mauve$2.lighten80
1105
1095
  });
@@ -1112,6 +1102,7 @@ const {
1112
1102
  const palette$4 = Object.assign(Object.assign({}, palette$8), {
1113
1103
  apple: apple.base,
1114
1104
  appleLight10: apple.lighten10,
1105
+ appleDark20: apple.darken20,
1115
1106
  hitPink: hitPink.base,
1116
1107
  hitPinkLight30: hitPink.lighten30,
1117
1108
  hitPinkLight50: hitPink.lighten50,
@@ -1132,6 +1123,7 @@ const palette$3 = Object.assign(Object.assign({}, palette$8), {
1132
1123
  scarletGumLight80: scarletGum$1.lighten80,
1133
1124
  scarletGumLight90: scarletGum$1.lighten90,
1134
1125
  scarletGum: scarletGum$1.base,
1126
+ scarletGumDark20: scarletGum$1.darken20,
1135
1127
  violetLight30: violet1$1.lighten30,
1136
1128
  violetLight50: violet1$1.lighten50,
1137
1129
  violetLight80: violet1$1.lighten80,
@@ -1177,6 +1169,7 @@ const palette$1 = Object.assign(Object.assign({}, palette$8), {
1177
1169
  royalBlueLight10: royalBlue.lighten10,
1178
1170
  royalBlueLight80: royalBlue.lighten80,
1179
1171
  royalBlueLight90: royalBlue.lighten90,
1172
+ royalBlueDark20: royalBlue.darken20,
1180
1173
  royalBlueDark30: royalBlue.darken30,
1181
1174
  frenchSky: frenchSky.base,
1182
1175
  frenchSkyLight70: frenchSky.lighten70,
@@ -1185,9 +1178,12 @@ const palette$1 = Object.assign(Object.assign({}, palette$8), {
1185
1178
 
1186
1179
  const {
1187
1180
  gold,
1188
- policeBlue
1181
+ policeBlue,
1182
+ black
1189
1183
  } = colorScales;
1190
1184
  const palette = Object.assign(Object.assign({}, palette$8), {
1185
+ blackLight30: black.lighten30,
1186
+ blackLight90: black.lighten90,
1191
1187
  goldLight20: gold.lighten20,
1192
1188
  goldLight50: gold.lighten50,
1193
1189
  goldLight70: gold.lighten70,