@hero-design/rn 7.27.0 → 7.27.1
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.
- package/.turbo/turbo-build.log +9 -9
- package/es/index.js +187 -171
- package/lib/index.js +187 -171
- package/package.json +4 -4
- package/src/components/Avatar/AvatarStack/__tests__/StyledAvatarStack.spec.tsx +6 -3
- package/src/components/Avatar/AvatarStack/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
- package/src/components/Avatar/AvatarStack/__tests__/index.spec.tsx +6 -3
- package/src/components/Avatar/AvatarStack/utils.ts +3 -6
- package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +0 -22
- package/src/theme/components/avatar.ts +0 -23
- package/src/theme/global/colors/work.ts +4 -4
- package/types/theme/components/avatar.d.ts +0 -1
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
[
|
|
2
|
-
[
|
|
3
|
-
[
|
|
4
|
-
[
|
|
5
|
-
[
|
|
6
|
-
[
|
|
7
|
-
[
|
|
8
|
-
[
|
|
9
|
-
[
|
|
1
|
+
[34m@hero-design/rn:build[0m: cache hit, replaying output [2m83503c617021ad80[0m
|
|
2
|
+
[34m@hero-design/rn:build: [0m$ yarn build:js && yarn build:types
|
|
3
|
+
[34m@hero-design/rn:build: [0m$ rollup -c
|
|
4
|
+
[34m@hero-design/rn:build: [0m[36m
|
|
5
|
+
[34m@hero-design/rn:build: [0m[1msrc/index.ts[22m → [1mlib/index.js, es/index.js[22m...[39m
|
|
6
|
+
[34m@hero-design/rn:build: [0m[1m[33m(!) Plugin replace: @rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.[39m[22m
|
|
7
|
+
[34m@hero-design/rn:build: [0m[1m[33m(!) Plugin node-resolve: preferring built-in module 'events' over local alternative at '/root/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning[39m[22m
|
|
8
|
+
[34m@hero-design/rn:build: [0m[32mcreated [1mlib/index.js, es/index.js[22m in [1m24.5s[22m[39m
|
|
9
|
+
[34m@hero-design/rn:build: [0m$ tsc --noEmit false --emitDeclarationOnly --project tsconfig.prod.json
|
package/es/index.js
CHANGED
|
@@ -938,6 +938,7 @@ var BASE_COLORS = {
|
|
|
938
938
|
peach: '#f8ac7d',
|
|
939
939
|
pineGreen: '#017d6d',
|
|
940
940
|
pink: '#fe56aa',
|
|
941
|
+
policeBlue: '#2e456d',
|
|
941
942
|
purple: '#be83cf',
|
|
942
943
|
royalBlue: '#5a68e2',
|
|
943
944
|
scarletGum: '#401960',
|
|
@@ -959,16 +960,16 @@ var colorScales = Object.entries(BASE_COLORS).reduce(function (acc, _ref16) {
|
|
|
959
960
|
return Object.assign(Object.assign({}, acc), _defineProperty({}, key, createColorScales(value)));
|
|
960
961
|
}, {});
|
|
961
962
|
var blue$1 = colorScales.blue,
|
|
962
|
-
ultramarineBlue$
|
|
963
|
+
ultramarineBlue$2 = colorScales.ultramarineBlue,
|
|
963
964
|
green$1 = colorScales.green,
|
|
964
965
|
grey$1 = colorScales.grey,
|
|
965
966
|
grotesqueGreen = colorScales.grotesqueGreen,
|
|
966
|
-
deepSaffron$
|
|
967
|
+
deepSaffron$2 = colorScales.deepSaffron,
|
|
967
968
|
pink$1 = colorScales.pink,
|
|
968
969
|
purple$1 = colorScales.purple,
|
|
969
|
-
vermilion$
|
|
970
|
+
vermilion$2 = colorScales.vermilion,
|
|
970
971
|
smalt = colorScales.smalt,
|
|
971
|
-
violet$
|
|
972
|
+
violet$2 = colorScales.violet,
|
|
972
973
|
yellow$1 = colorScales.yellow;
|
|
973
974
|
({
|
|
974
975
|
black: '#000000',
|
|
@@ -979,11 +980,11 @@ var blue$1 = colorScales.blue,
|
|
|
979
980
|
blueLight30: blue$1.lighten30,
|
|
980
981
|
blueLight75: blue$1.lighten75,
|
|
981
982
|
blueLight90: blue$1.lighten90,
|
|
982
|
-
dodgerBlue: ultramarineBlue$
|
|
983
|
-
dodgerBlueDark30: ultramarineBlue$
|
|
984
|
-
dodgerBlueLight30: ultramarineBlue$
|
|
985
|
-
dodgerBlueLight75: ultramarineBlue$
|
|
986
|
-
dodgerBlueLight90: ultramarineBlue$
|
|
983
|
+
dodgerBlue: ultramarineBlue$2.base,
|
|
984
|
+
dodgerBlueDark30: ultramarineBlue$2.darken30,
|
|
985
|
+
dodgerBlueLight30: ultramarineBlue$2.lighten30,
|
|
986
|
+
dodgerBlueLight75: ultramarineBlue$2.lighten75,
|
|
987
|
+
dodgerBlueLight90: ultramarineBlue$2.lighten90,
|
|
987
988
|
green: green$1.base,
|
|
988
989
|
greenDark15: green$1.darken15,
|
|
989
990
|
greenDark30: green$1.darken30,
|
|
@@ -1008,13 +1009,13 @@ var blue$1 = colorScales.blue,
|
|
|
1008
1009
|
grotesqueGreenLight60: grotesqueGreen.lighten60,
|
|
1009
1010
|
grotesqueGreenLight75: grotesqueGreen.lighten75,
|
|
1010
1011
|
grotesqueGreenLight90: grotesqueGreen.lighten90,
|
|
1011
|
-
orange: deepSaffron$
|
|
1012
|
-
orangeDark15: deepSaffron$
|
|
1013
|
-
orangeDark30: deepSaffron$
|
|
1014
|
-
orangeDark75: deepSaffron$
|
|
1015
|
-
orangeLight30: deepSaffron$
|
|
1016
|
-
orangeLight75: deepSaffron$
|
|
1017
|
-
orangeLight90: deepSaffron$
|
|
1012
|
+
orange: deepSaffron$2.base,
|
|
1013
|
+
orangeDark15: deepSaffron$2.darken15,
|
|
1014
|
+
orangeDark30: deepSaffron$2.darken30,
|
|
1015
|
+
orangeDark75: deepSaffron$2.darken75,
|
|
1016
|
+
orangeLight30: deepSaffron$2.lighten30,
|
|
1017
|
+
orangeLight75: deepSaffron$2.lighten75,
|
|
1018
|
+
orangeLight90: deepSaffron$2.lighten90,
|
|
1018
1019
|
pink: pink$1.base,
|
|
1019
1020
|
pinkDark15: pink$1.darken15,
|
|
1020
1021
|
pinkDark30: pink$1.darken30,
|
|
@@ -1026,30 +1027,30 @@ var blue$1 = colorScales.blue,
|
|
|
1026
1027
|
pinkLight90: pink$1.lighten90,
|
|
1027
1028
|
purple: purple$1.base,
|
|
1028
1029
|
purpleDark15: purple$1.darken15,
|
|
1029
|
-
red: vermilion$
|
|
1030
|
-
redDark15: vermilion$
|
|
1031
|
-
redDark30: vermilion$
|
|
1032
|
-
redDark75: vermilion$
|
|
1033
|
-
redLight15: vermilion$
|
|
1034
|
-
redLight30: vermilion$
|
|
1035
|
-
redLight60: vermilion$
|
|
1036
|
-
redLight75: vermilion$
|
|
1037
|
-
redLight90: vermilion$
|
|
1030
|
+
red: vermilion$2.base,
|
|
1031
|
+
redDark15: vermilion$2.darken15,
|
|
1032
|
+
redDark30: vermilion$2.darken30,
|
|
1033
|
+
redDark75: vermilion$2.darken75,
|
|
1034
|
+
redLight15: vermilion$2.lighten15,
|
|
1035
|
+
redLight30: vermilion$2.lighten30,
|
|
1036
|
+
redLight60: vermilion$2.lighten60,
|
|
1037
|
+
redLight75: vermilion$2.lighten75,
|
|
1038
|
+
redLight90: vermilion$2.lighten90,
|
|
1038
1039
|
smalt: smalt.base,
|
|
1039
1040
|
smaltDark75: smalt.darken75,
|
|
1040
1041
|
smaltLight30: smalt.lighten30,
|
|
1041
1042
|
smaltLight45: smalt.lighten45,
|
|
1042
1043
|
smaltLight75: smalt.lighten75,
|
|
1043
1044
|
smaltLight90: smalt.lighten90,
|
|
1044
|
-
violet: violet$
|
|
1045
|
-
violetDark15: violet$
|
|
1046
|
-
violetDark30: violet$
|
|
1047
|
-
violetDark45: violet$
|
|
1048
|
-
violetDark75: violet$
|
|
1049
|
-
violetLight30: violet$
|
|
1050
|
-
violetLight60: violet$
|
|
1051
|
-
violetLight75: violet$
|
|
1052
|
-
violetLight90: violet$
|
|
1045
|
+
violet: violet$2.base,
|
|
1046
|
+
violetDark15: violet$2.darken15,
|
|
1047
|
+
violetDark30: violet$2.darken30,
|
|
1048
|
+
violetDark45: violet$2.darken45,
|
|
1049
|
+
violetDark75: violet$2.darken75,
|
|
1050
|
+
violetLight30: violet$2.lighten30,
|
|
1051
|
+
violetLight60: violet$2.lighten60,
|
|
1052
|
+
violetLight75: violet$2.lighten75,
|
|
1053
|
+
violetLight90: violet$2.lighten90,
|
|
1053
1054
|
yellow: yellow$1.base,
|
|
1054
1055
|
yellowDark15: yellow$1.darken15,
|
|
1055
1056
|
yellowDark75: yellow$1.darken75,
|
|
@@ -1058,32 +1059,23 @@ var blue$1 = colorScales.blue,
|
|
|
1058
1059
|
});
|
|
1059
1060
|
var aliceBlue = colorScales.aliceBlue,
|
|
1060
1061
|
antiFlashWhite = colorScales.antiFlashWhite,
|
|
1061
|
-
apple$
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
deepSaffron = colorScales.deepSaffron,
|
|
1065
|
-
emerald = colorScales.emerald,
|
|
1066
|
-
gold$1 = colorScales.gold,
|
|
1062
|
+
apple$2 = colorScales.apple,
|
|
1063
|
+
deepSaffron$1 = colorScales.deepSaffron,
|
|
1064
|
+
emerald$1 = colorScales.emerald,
|
|
1067
1065
|
grey$2 = colorScales.grey,
|
|
1068
1066
|
honeydew$1 = colorScales.honeydew,
|
|
1069
1067
|
linen$1 = colorScales.linen,
|
|
1070
|
-
maasstrichtBlue = colorScales.maasstrichtBlue,
|
|
1071
|
-
mauve$2 = colorScales.mauve,
|
|
1068
|
+
maasstrichtBlue$1 = colorScales.maasstrichtBlue,
|
|
1072
1069
|
mellowApricot = colorScales.mellowApricot,
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
pineGreen = colorScales.pineGreen,
|
|
1076
|
-
royalBlue$1 = colorScales.royalBlue,
|
|
1077
|
-
scarletGum$1 = colorScales.scarletGum,
|
|
1070
|
+
pastelRed$1 = colorScales.pastelRed,
|
|
1071
|
+
pineGreen$1 = colorScales.pineGreen,
|
|
1078
1072
|
seashell$1 = colorScales.seashell,
|
|
1079
1073
|
silverChalice = colorScales.silverChalice,
|
|
1080
|
-
sonicSilver = colorScales.sonicSilver,
|
|
1081
|
-
ultramarineBlue = colorScales.ultramarineBlue,
|
|
1082
|
-
vermilion = colorScales.vermilion,
|
|
1083
|
-
violet$2 = colorScales.violet,
|
|
1084
|
-
violet1$1 = colorScales.violet1,
|
|
1074
|
+
sonicSilver$1 = colorScales.sonicSilver,
|
|
1075
|
+
ultramarineBlue$1 = colorScales.ultramarineBlue,
|
|
1076
|
+
vermilion$1 = colorScales.vermilion,
|
|
1085
1077
|
vodka = colorScales.vodka;
|
|
1086
|
-
var palette$
|
|
1078
|
+
var palette$6 = {
|
|
1087
1079
|
black: '#000000',
|
|
1088
1080
|
white: '#ffffff',
|
|
1089
1081
|
greyLight95: grey$2.lighten95,
|
|
@@ -1092,60 +1084,89 @@ var palette$5 = {
|
|
|
1092
1084
|
greyLight45: grey$2.lighten45,
|
|
1093
1085
|
greyLight30: grey$2.lighten30,
|
|
1094
1086
|
grey: grey$2.base,
|
|
1095
|
-
maasstrichtBlueLight90: maasstrichtBlue.lighten90,
|
|
1096
|
-
maasstrichtBlueLight80: maasstrichtBlue.lighten80,
|
|
1097
|
-
maasstrichtBlueLight50: maasstrichtBlue.lighten50,
|
|
1098
|
-
maasstrichtBlueLight30: maasstrichtBlue.lighten30,
|
|
1099
|
-
maasstrichtBlue: maasstrichtBlue.base,
|
|
1100
|
-
pastelRed: pastelRed.base,
|
|
1101
|
-
pastelRedLight20: pastelRed.lighten20,
|
|
1087
|
+
maasstrichtBlueLight90: maasstrichtBlue$1.lighten90,
|
|
1088
|
+
maasstrichtBlueLight80: maasstrichtBlue$1.lighten80,
|
|
1089
|
+
maasstrichtBlueLight50: maasstrichtBlue$1.lighten50,
|
|
1090
|
+
maasstrichtBlueLight30: maasstrichtBlue$1.lighten30,
|
|
1091
|
+
maasstrichtBlue: maasstrichtBlue$1.base,
|
|
1092
|
+
pastelRed: pastelRed$1.base,
|
|
1093
|
+
pastelRedLight20: pastelRed$1.lighten20,
|
|
1102
1094
|
mellowApricot: mellowApricot.base,
|
|
1103
1095
|
mellowApricotLight20: mellowApricot.lighten20,
|
|
1104
|
-
emerald: emerald.base,
|
|
1105
|
-
emeraldLight20: emerald.lighten20,
|
|
1106
|
-
emeraldDark20: emerald.darken20,
|
|
1096
|
+
emerald: emerald$1.base,
|
|
1097
|
+
emeraldLight20: emerald$1.lighten20,
|
|
1098
|
+
emeraldDark20: emerald$1.darken20,
|
|
1107
1099
|
vodka: vodka.base,
|
|
1108
1100
|
vodkaLight20: vodka.lighten20,
|
|
1109
|
-
vermilion: vermilion.base,
|
|
1110
|
-
deepSaffron: deepSaffron.base,
|
|
1111
|
-
deepSaffronDark20: deepSaffron.darken20,
|
|
1112
|
-
pineGreen: pineGreen.base,
|
|
1113
|
-
ultramarineBlue: ultramarineBlue.base,
|
|
1114
|
-
sonicSilver: sonicSilver.base,
|
|
1101
|
+
vermilion: vermilion$1.base,
|
|
1102
|
+
deepSaffron: deepSaffron$1.base,
|
|
1103
|
+
deepSaffronDark20: deepSaffron$1.darken20,
|
|
1104
|
+
pineGreen: pineGreen$1.base,
|
|
1105
|
+
ultramarineBlue: ultramarineBlue$1.base,
|
|
1106
|
+
sonicSilver: sonicSilver$1.base,
|
|
1115
1107
|
linen: linen$1.base,
|
|
1116
1108
|
seashell: seashell$1.base,
|
|
1117
1109
|
honeydew: honeydew$1.base,
|
|
1118
1110
|
aliceBlue: aliceBlue.base,
|
|
1119
1111
|
antiFlashWhite: antiFlashWhite.base,
|
|
1120
|
-
apple: apple$
|
|
1112
|
+
apple: apple$2.base,
|
|
1113
|
+
silverChalice: silverChalice.base,
|
|
1114
|
+
silverChaliceLight20: silverChalice.lighten20
|
|
1115
|
+
};
|
|
1116
|
+
var currant$1 = colorScales.currant,
|
|
1117
|
+
sonicSilver = colorScales.sonicSilver,
|
|
1118
|
+
maasstrichtBlue = colorScales.maasstrichtBlue,
|
|
1119
|
+
nightBlue = colorScales.nightBlue,
|
|
1120
|
+
darkBlue = colorScales.darkBlue,
|
|
1121
|
+
ultramarineBlue = colorScales.ultramarineBlue,
|
|
1122
|
+
royalBlue$1 = colorScales.royalBlue,
|
|
1123
|
+
emerald = colorScales.emerald,
|
|
1124
|
+
pineGreen = colorScales.pineGreen,
|
|
1125
|
+
deepSaffron = colorScales.deepSaffron,
|
|
1126
|
+
gold$1 = colorScales.gold,
|
|
1127
|
+
apple$1 = colorScales.apple,
|
|
1128
|
+
pastelRed = colorScales.pastelRed,
|
|
1129
|
+
vermilion = colorScales.vermilion,
|
|
1130
|
+
mauve$2 = colorScales.mauve,
|
|
1131
|
+
violet1$1 = colorScales.violet1,
|
|
1132
|
+
violet$1 = colorScales.violet,
|
|
1133
|
+
scarletGum$1 = colorScales.scarletGum;
|
|
1134
|
+
var palette$5 = {
|
|
1121
1135
|
currant: currant$1.base,
|
|
1136
|
+
sonicSilver: sonicSilver.base,
|
|
1137
|
+
maasstrichtBlue: maasstrichtBlue.base,
|
|
1122
1138
|
nightBlue: nightBlue.base,
|
|
1123
1139
|
darkBlue: darkBlue.base,
|
|
1140
|
+
ultramarineBlue: ultramarineBlue.base,
|
|
1124
1141
|
royalBlue: royalBlue$1.base,
|
|
1125
1142
|
royalBlueDark20: royalBlue$1.darken20,
|
|
1143
|
+
emeraldDark20: emerald.darken20,
|
|
1144
|
+
pineGreen: pineGreen.base,
|
|
1145
|
+
deepSaffronDark20: deepSaffron.darken20,
|
|
1126
1146
|
goldDark40: gold$1.darken40,
|
|
1147
|
+
apple: apple$1.base,
|
|
1148
|
+
pastelRed: pastelRed.base,
|
|
1149
|
+
vermilion: vermilion.base,
|
|
1127
1150
|
mauve: mauve$2.base,
|
|
1128
|
-
|
|
1129
|
-
violetLight30: violet$2.lighten30,
|
|
1151
|
+
violetLight30: violet$1.lighten30,
|
|
1130
1152
|
violet1: violet1$1.base,
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
silverChaliceLight20: silverChalice.lighten20
|
|
1153
|
+
violet: violet$1.base,
|
|
1154
|
+
scarletGum: scarletGum$1.base
|
|
1134
1155
|
};
|
|
1135
|
-
var violet$
|
|
1156
|
+
var violet$3 = colorScales.violet,
|
|
1136
1157
|
mauve$1 = colorScales.mauve;
|
|
1137
|
-
var palette$4 = Object.assign(Object.assign({}, palette$
|
|
1138
|
-
violet: violet$
|
|
1139
|
-
violetLight20: violet$
|
|
1140
|
-
violetLight30: violet$
|
|
1141
|
-
violetLight90: violet$
|
|
1158
|
+
var palette$4 = Object.assign(Object.assign({}, palette$6), {
|
|
1159
|
+
violet: violet$3.base,
|
|
1160
|
+
violetLight20: violet$3.lighten20,
|
|
1161
|
+
violetLight30: violet$3.lighten30,
|
|
1162
|
+
violetLight90: violet$3.lighten90,
|
|
1142
1163
|
mauve: mauve$1.base,
|
|
1143
1164
|
mauveLight80: mauve$1.lighten80
|
|
1144
1165
|
});
|
|
1145
1166
|
var apple = colorScales.apple,
|
|
1146
1167
|
currant = colorScales.currant,
|
|
1147
1168
|
hitPink = colorScales.hitPink;
|
|
1148
|
-
var palette$3 = Object.assign(Object.assign({}, palette$
|
|
1169
|
+
var palette$3 = Object.assign(Object.assign({}, palette$6), {
|
|
1149
1170
|
apple: apple.base,
|
|
1150
1171
|
appleLight10: apple.lighten10,
|
|
1151
1172
|
hitPink: hitPink.base,
|
|
@@ -1158,7 +1179,7 @@ var palette$3 = Object.assign(Object.assign({}, palette$5), {
|
|
|
1158
1179
|
var scarletGum = colorScales.scarletGum,
|
|
1159
1180
|
violet1 = colorScales.violet1,
|
|
1160
1181
|
mauve = colorScales.mauve;
|
|
1161
|
-
var palette$2 = Object.assign(Object.assign({}, palette$
|
|
1182
|
+
var palette$2 = Object.assign(Object.assign({}, palette$6), {
|
|
1162
1183
|
scarletGumLight20: scarletGum.lighten20,
|
|
1163
1184
|
scarletGumLight30: scarletGum.lighten30,
|
|
1164
1185
|
scarletGumLight50: scarletGum.lighten50,
|
|
@@ -1174,7 +1195,7 @@ var palette$2 = Object.assign(Object.assign({}, palette$5), {
|
|
|
1174
1195
|
});
|
|
1175
1196
|
var royalBlue = colorScales.royalBlue,
|
|
1176
1197
|
frenchSky = colorScales.frenchSky;
|
|
1177
|
-
var palette$1 = Object.assign(Object.assign({}, palette$
|
|
1198
|
+
var palette$1 = Object.assign(Object.assign({}, palette$6), {
|
|
1178
1199
|
royalBlue: royalBlue.base,
|
|
1179
1200
|
royalBlueLight10: royalBlue.lighten10,
|
|
1180
1201
|
royalBlueLight80: royalBlue.lighten80,
|
|
@@ -1185,106 +1206,104 @@ var palette$1 = Object.assign(Object.assign({}, palette$5), {
|
|
|
1185
1206
|
frenchSkyLight80: frenchSky.lighten80
|
|
1186
1207
|
});
|
|
1187
1208
|
var gold$2 = colorScales.gold,
|
|
1188
|
-
|
|
1189
|
-
var palette = Object.assign(Object.assign({}, palette$
|
|
1209
|
+
policeBlue = colorScales.policeBlue;
|
|
1210
|
+
var palette = Object.assign(Object.assign({}, palette$6), {
|
|
1190
1211
|
goldLight20: gold$2.lighten20,
|
|
1191
1212
|
goldLight50: gold$2.lighten50,
|
|
1192
1213
|
goldLight70: gold$2.lighten70,
|
|
1193
1214
|
goldLight80: gold$2.lighten80,
|
|
1194
1215
|
goldLight90: gold$2.lighten90,
|
|
1195
1216
|
gold: gold$2.base,
|
|
1196
|
-
|
|
1197
|
-
|
|
1198
|
-
|
|
1199
|
-
|
|
1200
|
-
violetLight80: violet$4.lighten80,
|
|
1201
|
-
violetLight90: violet$4.lighten90
|
|
1217
|
+
policeBlue: policeBlue.base,
|
|
1218
|
+
policeBlueLight20: policeBlue.lighten20,
|
|
1219
|
+
policeBlueLight25: policeBlue.lighten25,
|
|
1220
|
+
policeBlueLight90: policeBlue.lighten90
|
|
1202
1221
|
});
|
|
1203
1222
|
|
|
1204
1223
|
var globalPalette = {
|
|
1205
1224
|
// Updated 21 / Nov / 22
|
|
1206
1225
|
// Surfaces
|
|
1207
|
-
defaultGlobalSurface: palette$
|
|
1208
|
-
onDefaultGlobalSurface: palette$
|
|
1209
|
-
neutralGlobalSurface: palette$
|
|
1210
|
-
mutedOnDefaultGlobalSurface: palette$
|
|
1211
|
-
inactiveOnDefaultGlobalSurface: palette$
|
|
1212
|
-
disabledOnDefaultGlobalSurface: palette$
|
|
1213
|
-
darkGlobalSurface: palette$
|
|
1214
|
-
onDarkGlobalSurface: palette$
|
|
1226
|
+
defaultGlobalSurface: palette$6.white,
|
|
1227
|
+
onDefaultGlobalSurface: palette$6.maasstrichtBlue,
|
|
1228
|
+
neutralGlobalSurface: palette$6.greyLight90,
|
|
1229
|
+
mutedOnDefaultGlobalSurface: palette$6.maasstrichtBlueLight30,
|
|
1230
|
+
inactiveOnDefaultGlobalSurface: palette$6.maasstrichtBlueLight50,
|
|
1231
|
+
disabledOnDefaultGlobalSurface: palette$6.greyLight30,
|
|
1232
|
+
darkGlobalSurface: palette$6.maasstrichtBlue,
|
|
1233
|
+
onDarkGlobalSurface: palette$6.white,
|
|
1215
1234
|
// Outlines
|
|
1216
|
-
primaryOutline: palette$
|
|
1217
|
-
secondaryOutline: palette$
|
|
1218
|
-
inactiveOutline: palette$
|
|
1219
|
-
disabledOutline: palette$
|
|
1235
|
+
primaryOutline: palette$6.maasstrichtBlue,
|
|
1236
|
+
secondaryOutline: palette$6.greyLight75,
|
|
1237
|
+
inactiveOutline: palette$6.maasstrichtBlueLight50,
|
|
1238
|
+
disabledOutline: palette$6.greyLight30,
|
|
1220
1239
|
// Accents
|
|
1221
|
-
error: palette$
|
|
1222
|
-
mutedError: palette$
|
|
1223
|
-
errorSurface: palette$
|
|
1224
|
-
onErrorSurface: palette$
|
|
1225
|
-
warning: palette$
|
|
1226
|
-
mutedWarning: palette$
|
|
1227
|
-
warningSurface: palette$
|
|
1228
|
-
onWarningSurface: palette$
|
|
1229
|
-
success: palette$
|
|
1230
|
-
mutedSuccess: palette$
|
|
1231
|
-
successSurface: palette$
|
|
1232
|
-
onSuccessSurface: palette$
|
|
1233
|
-
info: palette$
|
|
1234
|
-
mutedInfo: palette$
|
|
1235
|
-
infoSurface: palette$
|
|
1236
|
-
onInfoSurface: palette$
|
|
1237
|
-
archived: palette$
|
|
1238
|
-
mutedArchived: palette$
|
|
1239
|
-
archivedSurface: palette$
|
|
1240
|
-
onArchivedSurface: palette$
|
|
1240
|
+
error: palette$6.pastelRed,
|
|
1241
|
+
mutedError: palette$6.pastelRedLight20,
|
|
1242
|
+
errorSurface: palette$6.linen,
|
|
1243
|
+
onErrorSurface: palette$6.vermilion,
|
|
1244
|
+
warning: palette$6.mellowApricot,
|
|
1245
|
+
mutedWarning: palette$6.mellowApricotLight20,
|
|
1246
|
+
warningSurface: palette$6.seashell,
|
|
1247
|
+
onWarningSurface: palette$6.deepSaffron,
|
|
1248
|
+
success: palette$6.emerald,
|
|
1249
|
+
mutedSuccess: palette$6.emeraldLight20,
|
|
1250
|
+
successSurface: palette$6.honeydew,
|
|
1251
|
+
onSuccessSurface: palette$6.pineGreen,
|
|
1252
|
+
info: palette$6.vodka,
|
|
1253
|
+
mutedInfo: palette$6.vodkaLight20,
|
|
1254
|
+
infoSurface: palette$6.aliceBlue,
|
|
1255
|
+
onInfoSurface: palette$6.ultramarineBlue,
|
|
1256
|
+
archived: palette$6.silverChalice,
|
|
1257
|
+
mutedArchived: palette$6.silverChaliceLight20,
|
|
1258
|
+
archivedSurface: palette$6.antiFlashWhite,
|
|
1259
|
+
onArchivedSurface: palette$6.sonicSilver
|
|
1241
1260
|
// End of Updated 21 / Nov / 22
|
|
1242
1261
|
};
|
|
1243
1262
|
|
|
1244
1263
|
var legacySystemPalette = {
|
|
1245
|
-
globalPrimary: palette$
|
|
1246
|
-
globalPrimaryLight: palette$
|
|
1247
|
-
globalPrimaryBackground: palette$
|
|
1264
|
+
globalPrimary: palette$6.maasstrichtBlue,
|
|
1265
|
+
globalPrimaryLight: palette$6.maasstrichtBlueLight50,
|
|
1266
|
+
globalPrimaryBackground: palette$6.maasstrichtBlueLight90,
|
|
1248
1267
|
primaryLight: palette$2.violetLight50,
|
|
1249
1268
|
primaryDark: palette$2.scarletGumLight30,
|
|
1250
1269
|
primaryBackground: palette$2.violetLight90,
|
|
1251
|
-
primaryBackgroundDark: palette$
|
|
1270
|
+
primaryBackgroundDark: palette$6.maasstrichtBlueLight30,
|
|
1252
1271
|
secondaryLight: palette$2.vodka,
|
|
1253
1272
|
secondaryBackground: palette$2.aliceBlue,
|
|
1254
|
-
infoMediumLight: palette$
|
|
1255
|
-
infoLight: palette$
|
|
1256
|
-
infoBackground: palette$
|
|
1257
|
-
successLight: palette$
|
|
1258
|
-
successDark: palette$
|
|
1259
|
-
successBackground: palette$
|
|
1260
|
-
danger: palette$
|
|
1261
|
-
dangerMediumLight: palette$
|
|
1262
|
-
dangerLight: palette$
|
|
1263
|
-
dangerBackground: palette$
|
|
1264
|
-
warningLight: palette$
|
|
1265
|
-
warningDark: palette$
|
|
1266
|
-
warningBackground: palette$
|
|
1267
|
-
platformBackground: palette$
|
|
1268
|
-
backgroundLight: palette$
|
|
1269
|
-
backgroundDark: palette$
|
|
1270
|
-
text: palette$
|
|
1271
|
-
subduedText: palette$
|
|
1272
|
-
disabledText: palette$
|
|
1273
|
-
disabledLightText: palette$
|
|
1274
|
-
invertedText: palette$
|
|
1275
|
-
outline: palette$
|
|
1276
|
-
archivedLight: palette$
|
|
1277
|
-
archivedDark: palette$
|
|
1278
|
-
archivedBackground: palette$
|
|
1279
|
-
black: palette$
|
|
1280
|
-
inactiveBackground: palette$
|
|
1281
|
-
shadow: palette$
|
|
1273
|
+
infoMediumLight: palette$6.vodka,
|
|
1274
|
+
infoLight: palette$6.vodka,
|
|
1275
|
+
infoBackground: palette$6.aliceBlue,
|
|
1276
|
+
successLight: palette$6.emerald,
|
|
1277
|
+
successDark: palette$6.pineGreen,
|
|
1278
|
+
successBackground: palette$6.honeydew,
|
|
1279
|
+
danger: palette$6.vermilion,
|
|
1280
|
+
dangerMediumLight: palette$6.apple,
|
|
1281
|
+
dangerLight: palette$6.pastelRed,
|
|
1282
|
+
dangerBackground: palette$6.linen,
|
|
1283
|
+
warningLight: palette$6.mellowApricot,
|
|
1284
|
+
warningDark: palette$6.deepSaffron,
|
|
1285
|
+
warningBackground: palette$6.seashell,
|
|
1286
|
+
platformBackground: palette$6.white,
|
|
1287
|
+
backgroundLight: palette$6.greyLight90,
|
|
1288
|
+
backgroundDark: palette$6.maasstrichtBlue,
|
|
1289
|
+
text: palette$6.maasstrichtBlue,
|
|
1290
|
+
subduedText: palette$6.maasstrichtBlueLight30,
|
|
1291
|
+
disabledText: palette$6.maasstrichtBlueLight50,
|
|
1292
|
+
disabledLightText: palette$6.greyLight30,
|
|
1293
|
+
invertedText: palette$6.white,
|
|
1294
|
+
outline: palette$6.greyLight75,
|
|
1295
|
+
archivedLight: palette$6.greyLight30,
|
|
1296
|
+
archivedDark: palette$6.sonicSilver,
|
|
1297
|
+
archivedBackground: palette$6.greyLight90,
|
|
1298
|
+
black: palette$6.black,
|
|
1299
|
+
inactiveBackground: palette$6.maasstrichtBlueLight50,
|
|
1300
|
+
shadow: palette$6.greyLight45,
|
|
1282
1301
|
// Updated 14 / Nov / 22
|
|
1283
|
-
mutedGlobalPrimary: palette$
|
|
1284
|
-
onGlobalPrimary: palette$
|
|
1285
|
-
globalSecondary: palette$
|
|
1286
|
-
globalPrimaryOutline: palette$
|
|
1287
|
-
globalSecondaryOutline: palette$
|
|
1302
|
+
mutedGlobalPrimary: palette$6.maasstrichtBlueLight30,
|
|
1303
|
+
onGlobalPrimary: palette$6.white,
|
|
1304
|
+
globalSecondary: palette$6.maasstrichtBlueLight30,
|
|
1305
|
+
globalPrimaryOutline: palette$6.maasstrichtBlue,
|
|
1306
|
+
globalSecondaryOutline: palette$6.greyLight75
|
|
1288
1307
|
};
|
|
1289
1308
|
|
|
1290
1309
|
var swagBrandSystemPallete = {
|
|
@@ -1308,13 +1327,13 @@ var swagLegacyBrandSystemPalette = {
|
|
|
1308
1327
|
var swagSystemPalette = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, legacySystemPalette), swagLegacyBrandSystemPalette), globalPalette), swagBrandSystemPallete);
|
|
1309
1328
|
|
|
1310
1329
|
var workBrandSystemPallete = {
|
|
1311
|
-
primary: palette.
|
|
1330
|
+
primary: palette.policeBlue,
|
|
1312
1331
|
onPrimary: palette.white,
|
|
1313
|
-
secondary: palette.
|
|
1332
|
+
secondary: palette.policeBlueLight25,
|
|
1314
1333
|
onSecondary: palette.white,
|
|
1315
1334
|
defaultSurface: palette.white,
|
|
1316
|
-
highlightedSurface: palette.
|
|
1317
|
-
pressedSurface: palette.
|
|
1335
|
+
highlightedSurface: palette.policeBlueLight90,
|
|
1336
|
+
pressedSurface: palette.policeBlueLight20,
|
|
1318
1337
|
decorativePrimary: palette.gold,
|
|
1319
1338
|
decorativePrimarySurface: palette.goldLight80
|
|
1320
1339
|
};
|
|
@@ -1582,8 +1601,7 @@ var getAvatarTheme = function getAvatarTheme(theme) {
|
|
|
1582
1601
|
danger: theme.colors.error,
|
|
1583
1602
|
success: theme.colors.success,
|
|
1584
1603
|
warning: theme.colors.warning,
|
|
1585
|
-
text: theme.colors.invertedText
|
|
1586
|
-
visualisation: [palette$5.currant, palette$5.sonicSilver, palette$5.maasstrichtBlue, palette$5.nightBlue, palette$5.darkBlue, palette$5.ultramarineBlue, palette$5.royalBlue, palette$5.royalBlueDark20, palette$5.emeraldDark20, palette$5.pineGreen, palette$5.deepSaffronDark20, palette$5.goldDark40, palette$5.apple, palette$5.pastelRed, palette$5.vermilion, palette$5.mauve, palette$5.violetLight30, palette$5.violet1, palette$5.violet, palette$5.scarletGum]
|
|
1604
|
+
text: theme.colors.invertedText
|
|
1587
1605
|
};
|
|
1588
1606
|
var sizes = {
|
|
1589
1607
|
small: theme.sizes.xlarge,
|
|
@@ -6638,11 +6656,9 @@ var shuffleArray = function shuffleArray(array) {
|
|
|
6638
6656
|
* Hook that returns a memoized and shuffled array of visualisation colors for Avatar.
|
|
6639
6657
|
*/
|
|
6640
6658
|
var useAvatarColors = function useAvatarColors() {
|
|
6641
|
-
var theme = useTheme();
|
|
6642
|
-
var visualisationColors = theme.__hd__.avatar.colors.visualisation;
|
|
6643
6659
|
var shuffledColors = useMemo(function () {
|
|
6644
|
-
return shuffleArray(
|
|
6645
|
-
}, [
|
|
6660
|
+
return shuffleArray(Object.values(palette$5));
|
|
6661
|
+
}, []);
|
|
6646
6662
|
return shuffledColors;
|
|
6647
6663
|
};
|
|
6648
6664
|
|