@skyscanner/bpk-foundations-common 2.6.1 → 3.1.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/base/colors/base.json +72 -126
- package/base/colors/chip.json +51 -0
- package/base/colors/other.json +44 -22
- package/base/colors/text.json +32 -18
- package/base/colors.json +2 -1
- package/package.json +2 -2
package/base/colors/base.json
CHANGED
|
@@ -12,205 +12,151 @@
|
|
|
12
12
|
"value": "{!SKY_BLUE}"
|
|
13
13
|
},
|
|
14
14
|
"COLOR_MONTEVERDE": {
|
|
15
|
-
"value": "{!MONTEVERDE}"
|
|
15
|
+
"value": "{!MONTEVERDE}",
|
|
16
|
+
"deprecated": true
|
|
16
17
|
},
|
|
17
18
|
"COLOR_GLENCOE": {
|
|
18
|
-
"value": "{!GLENCOE}"
|
|
19
|
+
"value": "{!GLENCOE}",
|
|
20
|
+
"deprecated": true
|
|
19
21
|
},
|
|
20
22
|
"COLOR_SAGANO": {
|
|
21
|
-
"value": "{!SAGANO}"
|
|
23
|
+
"value": "{!SAGANO}",
|
|
24
|
+
"deprecated": true
|
|
22
25
|
},
|
|
23
26
|
"COLOR_KOLKATA": {
|
|
24
|
-
"value": "{!KOLKATA}"
|
|
27
|
+
"value": "{!KOLKATA}",
|
|
28
|
+
"deprecated": true
|
|
25
29
|
},
|
|
26
30
|
"COLOR_ERFOUD": {
|
|
27
|
-
"value": "{!ERFOUD}"
|
|
31
|
+
"value": "{!ERFOUD}",
|
|
32
|
+
"deprecated": true
|
|
28
33
|
},
|
|
29
34
|
"COLOR_BAGAN": {
|
|
30
|
-
"value": "{!BAGAN}"
|
|
35
|
+
"value": "{!BAGAN}",
|
|
36
|
+
"deprecated": true
|
|
31
37
|
},
|
|
32
38
|
"COLOR_BUNOL": {
|
|
33
|
-
"value": "{!BUNOL}"
|
|
39
|
+
"value": "{!BUNOL}",
|
|
40
|
+
"deprecated": true
|
|
34
41
|
},
|
|
35
42
|
"COLOR_PETRA": {
|
|
36
|
-
"value": "{!PETRA}"
|
|
43
|
+
"value": "{!PETRA}",
|
|
44
|
+
"deprecated": true
|
|
37
45
|
},
|
|
38
46
|
"COLOR_NARA": {
|
|
39
|
-
"value": "{!NARA}"
|
|
47
|
+
"value": "{!NARA}",
|
|
48
|
+
"deprecated": true
|
|
40
49
|
},
|
|
41
50
|
"COLOR_ABISKO": {
|
|
42
|
-
"value": "{!ABISKO}"
|
|
51
|
+
"value": "{!ABISKO}",
|
|
52
|
+
"deprecated": true
|
|
43
53
|
},
|
|
44
54
|
"COLOR_VALENSOLE": {
|
|
45
|
-
"value": "{!VALENSOLE}"
|
|
55
|
+
"value": "{!VALENSOLE}",
|
|
56
|
+
"deprecated": true
|
|
46
57
|
},
|
|
47
58
|
"COLOR_TOCHIGI": {
|
|
48
|
-
"value": "{!TOCHIGI}"
|
|
59
|
+
"value": "{!TOCHIGI}",
|
|
60
|
+
"deprecated": true
|
|
49
61
|
},
|
|
50
62
|
"COLOR_PANJIN": {
|
|
51
|
-
"value": "{!PANJIN}"
|
|
63
|
+
"value": "{!PANJIN}",
|
|
64
|
+
"deprecated": true
|
|
52
65
|
},
|
|
53
66
|
"COLOR_HILLIER": {
|
|
54
|
-
"value": "{!HILLIER}"
|
|
67
|
+
"value": "{!HILLIER}",
|
|
68
|
+
"deprecated": true
|
|
55
69
|
},
|
|
56
70
|
"COLOR_HARBOUR": {
|
|
57
|
-
"value": "{!HARBOUR}"
|
|
71
|
+
"value": "{!HARBOUR}",
|
|
72
|
+
"deprecated": true
|
|
58
73
|
},
|
|
59
74
|
"COLOR_SKY_BLUE_SHADE_03": {
|
|
60
|
-
"value": "{!SKY_BLUE_SHADE_03}"
|
|
75
|
+
"value": "{!SKY_BLUE_SHADE_03}",
|
|
76
|
+
"deprecated": true
|
|
61
77
|
},
|
|
62
78
|
"COLOR_SKY_BLUE_SHADE_02": {
|
|
63
|
-
"value": "{!SKY_BLUE_SHADE_02}"
|
|
79
|
+
"value": "{!SKY_BLUE_SHADE_02}",
|
|
80
|
+
"deprecated": true
|
|
64
81
|
},
|
|
65
82
|
"COLOR_SKY_BLUE_SHADE_01": {
|
|
66
|
-
"value": "{!SKY_BLUE_SHADE_01}"
|
|
83
|
+
"value": "{!SKY_BLUE_SHADE_01}",
|
|
84
|
+
"deprecated": true
|
|
67
85
|
},
|
|
68
86
|
"COLOR_SKY_BLUE_TINT_01": {
|
|
69
|
-
"value": "{!SKY_BLUE_TINT_01}"
|
|
87
|
+
"value": "{!SKY_BLUE_TINT_01}",
|
|
88
|
+
"deprecated": true
|
|
70
89
|
},
|
|
71
90
|
"COLOR_SKY_BLUE_TINT_02": {
|
|
72
|
-
"value": "{!SKY_BLUE_TINT_02}"
|
|
91
|
+
"value": "{!SKY_BLUE_TINT_02}",
|
|
92
|
+
"deprecated": true
|
|
73
93
|
},
|
|
74
94
|
"COLOR_SKY_BLUE_TINT_03": {
|
|
75
|
-
"value": "{!SKY_BLUE_TINT_03}"
|
|
95
|
+
"value": "{!SKY_BLUE_TINT_03}",
|
|
96
|
+
"deprecated": true
|
|
76
97
|
},
|
|
77
98
|
"COLOR_SKY_GRAY_TINT_07": {
|
|
78
|
-
"value": "{!SKY_GRAY_TINT_07}"
|
|
99
|
+
"value": "{!SKY_GRAY_TINT_07}",
|
|
100
|
+
"deprecated": true
|
|
79
101
|
},
|
|
80
102
|
"COLOR_SKY_GRAY_TINT_06": {
|
|
81
|
-
"value": "{!SKY_GRAY_TINT_06}"
|
|
103
|
+
"value": "{!SKY_GRAY_TINT_06}",
|
|
104
|
+
"deprecated": true
|
|
82
105
|
},
|
|
83
106
|
"COLOR_SKY_GRAY_TINT_05": {
|
|
84
|
-
"value": "{!SKY_GRAY_TINT_05}"
|
|
107
|
+
"value": "{!SKY_GRAY_TINT_05}",
|
|
108
|
+
"deprecated": true
|
|
85
109
|
},
|
|
86
110
|
"COLOR_SKY_GRAY_TINT_04": {
|
|
87
|
-
"value": "{!SKY_GRAY_TINT_04}"
|
|
111
|
+
"value": "{!SKY_GRAY_TINT_04}",
|
|
112
|
+
"deprecated": true
|
|
88
113
|
},
|
|
89
114
|
"COLOR_SKY_GRAY_TINT_03": {
|
|
90
|
-
"value": "{!SKY_GRAY_TINT_03}"
|
|
115
|
+
"value": "{!SKY_GRAY_TINT_03}",
|
|
116
|
+
"deprecated": true
|
|
91
117
|
},
|
|
92
118
|
"COLOR_SKY_GRAY_TINT_02": {
|
|
93
|
-
"value": "{!SKY_GRAY_TINT_02}"
|
|
119
|
+
"value": "{!SKY_GRAY_TINT_02}",
|
|
120
|
+
"deprecated": true
|
|
94
121
|
},
|
|
95
122
|
"COLOR_SKY_GRAY_TINT_01": {
|
|
96
|
-
"value": "{!SKY_GRAY_TINT_01}"
|
|
123
|
+
"value": "{!SKY_GRAY_TINT_01}",
|
|
124
|
+
"deprecated": true
|
|
97
125
|
},
|
|
98
126
|
"COLOR_SKY_GRAY": {
|
|
99
|
-
"value": "{!SKY_GRAY}"
|
|
127
|
+
"value": "{!SKY_GRAY}",
|
|
128
|
+
"deprecated": true
|
|
100
129
|
},
|
|
101
130
|
"COLOR_PRIMARY_GRADIENT_LIGHT": {
|
|
102
|
-
"value": "{!SKY_BLUE}"
|
|
131
|
+
"value": "{!SKY_BLUE}",
|
|
132
|
+
"deprecated": true
|
|
103
133
|
},
|
|
104
134
|
"COLOR_BLACK": {
|
|
105
135
|
"value": "{!BLACK}"
|
|
106
136
|
},
|
|
107
137
|
"COLOR_BLACK_TINT_01": {
|
|
108
|
-
"value": "{!BLACK_TINT_01}"
|
|
138
|
+
"value": "{!BLACK_TINT_01}",
|
|
139
|
+
"deprecated": true
|
|
109
140
|
},
|
|
110
141
|
"COLOR_BLACK_TINT_02": {
|
|
111
|
-
"value": "{!BLACK_TINT_02}"
|
|
142
|
+
"value": "{!BLACK_TINT_02}",
|
|
143
|
+
"deprecated": true
|
|
112
144
|
},
|
|
113
145
|
"COLOR_BLACK_TINT_03": {
|
|
114
|
-
"value": "{!BLACK_TINT_03}"
|
|
146
|
+
"value": "{!BLACK_TINT_03}",
|
|
147
|
+
"deprecated": true
|
|
115
148
|
},
|
|
116
149
|
"COLOR_BLACK_TINT_04": {
|
|
117
|
-
"value": "{!BLACK_TINT_04}"
|
|
150
|
+
"value": "{!BLACK_TINT_04}",
|
|
151
|
+
"deprecated": true
|
|
118
152
|
},
|
|
119
153
|
"COLOR_BLACK_TINT_05": {
|
|
120
|
-
"value": "{!BLACK_TINT_05}"
|
|
154
|
+
"value": "{!BLACK_TINT_05}",
|
|
155
|
+
"deprecated": true
|
|
121
156
|
},
|
|
122
157
|
"COLOR_BLACK_TINT_06": {
|
|
123
|
-
"value": "{!BLACK_TINT_06}"
|
|
124
|
-
|
|
125
|
-
"COLOR_DARK_SKY": {
|
|
126
|
-
"value": "{!DARK_SKY}"
|
|
127
|
-
},
|
|
128
|
-
"COLOR_ECO_GREEN": {
|
|
129
|
-
"value": "{!ECO_GREEN}"
|
|
130
|
-
},
|
|
131
|
-
"COLOR_GREEN_SPOT": {
|
|
132
|
-
"value": "{!GREEN_SPOT}"
|
|
133
|
-
},
|
|
134
|
-
"COLOR_GREEN_MUTED": {
|
|
135
|
-
"value": "{!GREEN_MUTED}"
|
|
136
|
-
},
|
|
137
|
-
"COLOR_AMBER_SPOT": {
|
|
138
|
-
"value": "{!AMBER_SPOT}"
|
|
139
|
-
},
|
|
140
|
-
"COLOR_YELLOW_MUTED": {
|
|
141
|
-
"value": "{!YELLOW_MUTED}"
|
|
142
|
-
},
|
|
143
|
-
"COLOR_BERRY": {
|
|
144
|
-
"value": "{!BERRY}"
|
|
145
|
-
},
|
|
146
|
-
"COLOR_PINK_MUTED": {
|
|
147
|
-
"value": "{!PINK_MUTED}"
|
|
148
|
-
},
|
|
149
|
-
"COLOR_GREY_10": {
|
|
150
|
-
"value": "{!GREY_10}"
|
|
151
|
-
},
|
|
152
|
-
"COLOR_GREY_20": {
|
|
153
|
-
"value": "{!GREY_20}"
|
|
154
|
-
},
|
|
155
|
-
"COLOR_GREY_30": {
|
|
156
|
-
"value": "{!GREY_30}"
|
|
157
|
-
},
|
|
158
|
-
"COLOR_GREY_40": {
|
|
159
|
-
"value": "{!GREY_40}"
|
|
160
|
-
},
|
|
161
|
-
"COLOR_CHARCOAL": {
|
|
162
|
-
"value": "{!CHARCOAL}"
|
|
163
|
-
},
|
|
164
|
-
"COLOR_NIGHT_SKY": {
|
|
165
|
-
"value": "{!NIGHT_SKY}"
|
|
166
|
-
},
|
|
167
|
-
"COLOR_NIGHT_BLUE": {
|
|
168
|
-
"value": "{!NIGHT_BLUE}"
|
|
169
|
-
},
|
|
170
|
-
"COLOR_NIGHT_GREEN_SPOT": {
|
|
171
|
-
"value": "{!NIGHT_GREEN_SPOT}"
|
|
172
|
-
},
|
|
173
|
-
"COLOR_NIGHT_GREEN_FILL": {
|
|
174
|
-
"value": "{!NIGHT_GREEN_FILL}"
|
|
175
|
-
},
|
|
176
|
-
"COLOR_NIGHT_YELLOW_SPOT": {
|
|
177
|
-
"value": "{!NIGHT_YELLOW_SPOT}"
|
|
178
|
-
},
|
|
179
|
-
"COLOR_NIGHT_YELLOW_FILL": {
|
|
180
|
-
"value": "{!NIGHT_YELLOW_FILL}"
|
|
181
|
-
},
|
|
182
|
-
"COLOR_NIGHT_BERRY": {
|
|
183
|
-
"value": "{!NIGHT_BERRY}"
|
|
184
|
-
},
|
|
185
|
-
"COLOR_NIGHT_PINK": {
|
|
186
|
-
"value": "{!NIGHT_PINK}"
|
|
187
|
-
},
|
|
188
|
-
"COLOR_NIGHT_GREY_10": {
|
|
189
|
-
"value": "{!NIGHT_GREY_10}"
|
|
190
|
-
},
|
|
191
|
-
"COLOR_NIGHT_GREY_20": {
|
|
192
|
-
"value": "{!NIGHT_GREY_20}"
|
|
193
|
-
},
|
|
194
|
-
"COLOR_NIGHT_GREY_25": {
|
|
195
|
-
"value": "{!NIGHT_GREY_25}"
|
|
196
|
-
},
|
|
197
|
-
"COLOR_NIGHT_GREY_30": {
|
|
198
|
-
"value": "{!NIGHT_GREY_30}"
|
|
199
|
-
},
|
|
200
|
-
"COLOR_NIGHT_GREY_40": {
|
|
201
|
-
"value": "{!NIGHT_GREY_40}"
|
|
202
|
-
},
|
|
203
|
-
"COLOR_WHITE_ALPHA_20": {
|
|
204
|
-
"value": "{!WHITE_ALPHA_20}"
|
|
205
|
-
},
|
|
206
|
-
"COLOR_WHITE_ALPHA_80": {
|
|
207
|
-
"value": "{!WHITE_ALPHA_80}"
|
|
208
|
-
},
|
|
209
|
-
"COLOR_BLACK_ALPHA_20": {
|
|
210
|
-
"value": "{!BLACK_ALPHA_20}"
|
|
211
|
-
},
|
|
212
|
-
"COLOR_BLACK_ALPHA_70": {
|
|
213
|
-
"value": "{!BLACK_ALPHA_70}"
|
|
158
|
+
"value": "{!BLACK_TINT_06}",
|
|
159
|
+
"deprecated": true
|
|
214
160
|
}
|
|
215
161
|
}
|
|
216
162
|
}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
{
|
|
2
|
+
"imports": ["./aliases.json"],
|
|
3
|
+
"global": {
|
|
4
|
+
"type": "color",
|
|
5
|
+
"category": "chip-colors"
|
|
6
|
+
},
|
|
7
|
+
"props": {
|
|
8
|
+
"PRIVATE_CHIP_DEFAULT_NORMAL_BACKGROUND_DAY": {
|
|
9
|
+
"value": "{!GREY_20}"
|
|
10
|
+
},
|
|
11
|
+
"PRIVATE_CHIP_DEFAULT_NORMAL_BACKGROUND_NIGHT": {
|
|
12
|
+
"value": "#0B121D"
|
|
13
|
+
},
|
|
14
|
+
"PRIVATE_CHIP_DEFAULT_PRESSED_BACKGROUND_DAY": {
|
|
15
|
+
"value": "#C6CCD4"
|
|
16
|
+
},
|
|
17
|
+
"PRIVATE_CHIP_DEFAULT_PRESSED_BACKGROUND_NIGHT": {
|
|
18
|
+
"value": "#002854"
|
|
19
|
+
},
|
|
20
|
+
"PRIVATE_CHIP_DEFAULT_ON_BACKGROUND_DAY": {
|
|
21
|
+
"value": "#05203C"
|
|
22
|
+
},
|
|
23
|
+
"PRIVATE_CHIP_DEFAULT_ON_BACKGROUND_NIGHT": {
|
|
24
|
+
"value": "#054184"
|
|
25
|
+
},
|
|
26
|
+
"PRIVATE_CHIP_DISABLED_BACKGROUND_DAY": {
|
|
27
|
+
"value": "#DDE1E4"
|
|
28
|
+
},
|
|
29
|
+
"PRIVATE_CHIP_DISABLED_BACKGROUND_NIGHT": {
|
|
30
|
+
"value": "#0B111A"
|
|
31
|
+
},
|
|
32
|
+
"PRIVATE_CHIP_ON_DARK_NORMAL_BACKGROUND_DAY": {
|
|
33
|
+
"value": "#FFFFFF33"
|
|
34
|
+
},
|
|
35
|
+
"PRIVATE_CHIP_ON_DARK_NORMAL_BACKGROUND_NIGHT": {
|
|
36
|
+
"value": "#0B121D"
|
|
37
|
+
},
|
|
38
|
+
"PRIVATE_CHIP_ON_DARK_PRESSED_BACKGROUND_DAY": {
|
|
39
|
+
"value": "#C6CCD4"
|
|
40
|
+
},
|
|
41
|
+
"PRIVATE_CHIP_ON_DARK_PRESSED_BACKGROUND_NIGHT": {
|
|
42
|
+
"value": "#002854"
|
|
43
|
+
},
|
|
44
|
+
"PRIVATE_CHIP_ON_DARK_ON_BACKGROUND_DAY": {
|
|
45
|
+
"value": "{!WHITE}"
|
|
46
|
+
},
|
|
47
|
+
"PRIVATE_CHIP_ON_DARK_ON_BACKGROUND_NIGHT": {
|
|
48
|
+
"value": "#0B121D"
|
|
49
|
+
},
|
|
50
|
+
}
|
|
51
|
+
}
|
package/base/colors/other.json
CHANGED
|
@@ -4,22 +4,26 @@
|
|
|
4
4
|
"COLOR_SYSTEM_RED": {
|
|
5
5
|
"type": "color",
|
|
6
6
|
"category": "colors",
|
|
7
|
-
"value": "{!PANJIN}"
|
|
7
|
+
"value": "{!PANJIN}",
|
|
8
|
+
"deprecated": true
|
|
8
9
|
},
|
|
9
10
|
"COLOR_SYSTEM_GREEN": {
|
|
10
11
|
"type": "color",
|
|
11
12
|
"category": "colors",
|
|
12
|
-
"value": "{!MONTEVERDE}"
|
|
13
|
+
"value": "{!MONTEVERDE}",
|
|
14
|
+
"deprecated": true
|
|
13
15
|
},
|
|
14
16
|
"LINE_LIGHT_COLOR": {
|
|
15
17
|
"type": "color",
|
|
16
18
|
"category": "colors",
|
|
17
|
-
"value": "{!SKY_GRAY_TINT_05}"
|
|
19
|
+
"value": "{!SKY_GRAY_TINT_05}",
|
|
20
|
+
"deprecated": true
|
|
18
21
|
},
|
|
19
22
|
"LINE_DARK_COLOR": {
|
|
20
23
|
"type": "color",
|
|
21
24
|
"category": "colors",
|
|
22
|
-
"value": "{!BLACK_TINT_04}"
|
|
25
|
+
"value": "{!BLACK_TINT_04}",
|
|
26
|
+
"deprecated": true
|
|
23
27
|
},
|
|
24
28
|
"LINE_DAY": {
|
|
25
29
|
"type": "color",
|
|
@@ -44,92 +48,110 @@
|
|
|
44
48
|
"PRIMARY_LIGHT_COLOR": {
|
|
45
49
|
"type": "color",
|
|
46
50
|
"category": "colors",
|
|
47
|
-
"value": "{!SKY_BLUE}"
|
|
51
|
+
"value": "{!SKY_BLUE}",
|
|
52
|
+
"deprecated": true
|
|
48
53
|
},
|
|
49
54
|
"PRIMARY_DARK_COLOR": {
|
|
50
55
|
"type": "color",
|
|
51
56
|
"category": "colors",
|
|
52
|
-
"value": "{!SKY_BLUE_TINT_01}"
|
|
57
|
+
"value": "{!SKY_BLUE_TINT_01}",
|
|
58
|
+
"deprecated": true
|
|
53
59
|
},
|
|
54
60
|
"BACKGROUND_LIGHT_COLOR": {
|
|
55
61
|
"type": "color",
|
|
56
62
|
"category": "colors",
|
|
57
|
-
"value": "{!WHITE}"
|
|
63
|
+
"value": "{!WHITE}",
|
|
64
|
+
"deprecated": true
|
|
58
65
|
},
|
|
59
66
|
"BACKGROUND_DARK_COLOR": {
|
|
60
67
|
"type": "color",
|
|
61
68
|
"category": "colors",
|
|
62
|
-
"value": "{!BLACK}"
|
|
69
|
+
"value": "{!BLACK}",
|
|
70
|
+
"deprecated": true
|
|
63
71
|
},
|
|
64
72
|
"BACKGROUND_ALTERNATIVE_LIGHT_COLOR": {
|
|
65
73
|
"type": "color",
|
|
66
74
|
"category": "colors",
|
|
67
|
-
"value": "{!SKY_GRAY_TINT_07}"
|
|
75
|
+
"value": "{!SKY_GRAY_TINT_07}",
|
|
76
|
+
"deprecated": true
|
|
68
77
|
},
|
|
69
78
|
"BACKGROUND_ALTERNATIVE_DARK_COLOR": {
|
|
70
79
|
"type": "color",
|
|
71
80
|
"category": "colors",
|
|
72
|
-
"value": "{!BLACK}"
|
|
81
|
+
"value": "{!BLACK}",
|
|
82
|
+
"deprecated": true
|
|
73
83
|
},
|
|
74
84
|
"BACKGROUND_SECONDARY_LIGHT_COLOR": {
|
|
75
85
|
"type": "color",
|
|
76
86
|
"category": "colors",
|
|
77
|
-
"value": "{!SKY_GRAY_TINT_07}"
|
|
87
|
+
"value": "{!SKY_GRAY_TINT_07}",
|
|
88
|
+
"deprecated": true
|
|
78
89
|
},
|
|
79
90
|
"BACKGROUND_SECONDARY_DARK_COLOR": {
|
|
80
91
|
"type": "color",
|
|
81
92
|
"category": "colors",
|
|
82
|
-
"value": "{!BLACK_TINT_01}"
|
|
93
|
+
"value": "{!BLACK_TINT_01}",
|
|
94
|
+
"deprecated": true
|
|
83
95
|
},
|
|
84
96
|
"BACKGROUND_ALTERNATIVE_SECONDARY_LIGHT_COLOR": {
|
|
85
97
|
"type": "color",
|
|
86
98
|
"category": "colors",
|
|
87
|
-
"value": "{!WHITE}"
|
|
99
|
+
"value": "{!WHITE}",
|
|
100
|
+
"deprecated": true
|
|
88
101
|
},
|
|
89
102
|
"BACKGROUND_ALTERNATIVE_SECONDARY_DARK_COLOR": {
|
|
90
103
|
"type": "color",
|
|
91
104
|
"category": "colors",
|
|
92
|
-
"value": "{!BLACK_TINT_01}"
|
|
105
|
+
"value": "{!BLACK_TINT_01}",
|
|
106
|
+
"deprecated": true
|
|
93
107
|
},
|
|
94
108
|
"BACKGROUND_TERTIARY_LIGHT_COLOR": {
|
|
95
109
|
"type": "color",
|
|
96
110
|
"category": "colors",
|
|
97
|
-
"value": "{!WHITE}"
|
|
111
|
+
"value": "{!WHITE}",
|
|
112
|
+
"deprecated": true
|
|
98
113
|
},
|
|
99
114
|
"BACKGROUND_TERTIARY_DARK_COLOR": {
|
|
100
115
|
"type": "color",
|
|
101
116
|
"category": "colors",
|
|
102
|
-
"value": "{!BLACK_TINT_02}"
|
|
117
|
+
"value": "{!BLACK_TINT_02}",
|
|
118
|
+
"deprecated": true
|
|
103
119
|
},
|
|
104
120
|
"BACKGROUND_ELEVATION_01_LIGHT_COLOR": {
|
|
105
121
|
"type": "color",
|
|
106
122
|
"category": "text-colors",
|
|
107
|
-
"value": "{!WHITE}"
|
|
123
|
+
"value": "{!WHITE}",
|
|
124
|
+
"deprecated": true
|
|
108
125
|
},
|
|
109
126
|
"BACKGROUND_ELEVATION_01_DARK_COLOR": {
|
|
110
127
|
"type": "color",
|
|
111
128
|
"category": "text-colors",
|
|
112
|
-
"value": "{!BLACK_TINT_01}"
|
|
129
|
+
"value": "{!BLACK_TINT_01}",
|
|
130
|
+
"deprecated": true
|
|
113
131
|
},
|
|
114
132
|
"BACKGROUND_ELEVATION_02_LIGHT_COLOR": {
|
|
115
133
|
"type": "color",
|
|
116
134
|
"category": "text-colors",
|
|
117
|
-
"value": "{!WHITE}"
|
|
135
|
+
"value": "{!WHITE}",
|
|
136
|
+
"deprecated": true
|
|
118
137
|
},
|
|
119
138
|
"BACKGROUND_ELEVATION_02_DARK_COLOR": {
|
|
120
139
|
"type": "color",
|
|
121
140
|
"category": "text-colors",
|
|
122
|
-
"value": "{!BLACK_TINT_02}"
|
|
141
|
+
"value": "{!BLACK_TINT_02}",
|
|
142
|
+
"deprecated": true
|
|
123
143
|
},
|
|
124
144
|
"BACKGROUND_ELEVATION_03_LIGHT_COLOR": {
|
|
125
145
|
"type": "color",
|
|
126
146
|
"category": "text-colors",
|
|
127
|
-
"value": "{!WHITE}"
|
|
147
|
+
"value": "{!WHITE}",
|
|
148
|
+
"deprecated": true
|
|
128
149
|
},
|
|
129
150
|
"BACKGROUND_ELEVATION_03_DARK_COLOR": {
|
|
130
151
|
"type": "color",
|
|
131
152
|
"category": "text-colors",
|
|
132
|
-
"value": "{!BLACK_TINT_03}"
|
|
153
|
+
"value": "{!BLACK_TINT_03}",
|
|
154
|
+
"deprecated": true
|
|
133
155
|
}
|
|
134
156
|
}
|
|
135
157
|
}
|
package/base/colors/text.json
CHANGED
|
@@ -8,28 +8,36 @@
|
|
|
8
8
|
},
|
|
9
9
|
"props": {
|
|
10
10
|
"TEXT_PRIMARY_LIGHT_COLOR": {
|
|
11
|
-
"value": "{!SKY_GRAY}"
|
|
11
|
+
"value": "{!SKY_GRAY}",
|
|
12
|
+
"deprecated": true
|
|
12
13
|
},
|
|
13
14
|
"TEXT_SECONDARY_LIGHT_COLOR": {
|
|
14
|
-
"value": "{!SKY_GRAY_TINT_02}"
|
|
15
|
+
"value": "{!SKY_GRAY_TINT_02}",
|
|
16
|
+
"deprecated": true
|
|
15
17
|
},
|
|
16
18
|
"TEXT_TERTIARY_LIGHT_COLOR": {
|
|
17
|
-
"value": "{!SKY_GRAY_TINT_03}"
|
|
19
|
+
"value": "{!SKY_GRAY_TINT_03}",
|
|
20
|
+
"deprecated": true
|
|
18
21
|
},
|
|
19
22
|
"TEXT_QUATERNARY_LIGHT_COLOR": {
|
|
20
|
-
"value": "{!SKY_GRAY_TINT_03}"
|
|
23
|
+
"value": "{!SKY_GRAY_TINT_03}",
|
|
24
|
+
"deprecated": true
|
|
21
25
|
},
|
|
22
26
|
"TEXT_PRIMARY_DARK_COLOR": {
|
|
23
|
-
"value": "{!WHITE}"
|
|
27
|
+
"value": "{!WHITE}",
|
|
28
|
+
"deprecated": true
|
|
24
29
|
},
|
|
25
30
|
"TEXT_SECONDARY_DARK_COLOR": {
|
|
26
|
-
"value": "{!SKY_GRAY_TINT_04}"
|
|
31
|
+
"value": "{!SKY_GRAY_TINT_04}",
|
|
32
|
+
"deprecated": true
|
|
27
33
|
},
|
|
28
34
|
"TEXT_TERTIARY_DARK_COLOR": {
|
|
29
|
-
"value": "{!BLACK_TINT_06}"
|
|
35
|
+
"value": "{!BLACK_TINT_06}",
|
|
36
|
+
"deprecated": true
|
|
30
37
|
},
|
|
31
38
|
"TEXT_QUATERNARY_DARK_COLOR": {
|
|
32
|
-
"value": "{!BLACK_TINT_06}"
|
|
39
|
+
"value": "{!BLACK_TINT_06}",
|
|
40
|
+
"deprecated": true
|
|
33
41
|
},
|
|
34
42
|
"TEXT_PRIMARY_DAY": {
|
|
35
43
|
"value": "{!CHARCOAL}"
|
|
@@ -37,11 +45,11 @@
|
|
|
37
45
|
"TEXT_PRIMARY_NIGHT": {
|
|
38
46
|
"value": "{!WHITE}"
|
|
39
47
|
},
|
|
40
|
-
"
|
|
48
|
+
"TEXT_PRIMARY_INVERSE_DAY": {
|
|
41
49
|
"value": "{!WHITE}"
|
|
42
50
|
},
|
|
43
|
-
"
|
|
44
|
-
"value": "{!
|
|
51
|
+
"TEXT_PRIMARY_INVERSE_NIGHT": {
|
|
52
|
+
"value": "{!CHARCOAL}"
|
|
45
53
|
},
|
|
46
54
|
"TEXT_SECONDARY_DAY": {
|
|
47
55
|
"value": "{!GREY_40}"
|
|
@@ -50,13 +58,6 @@
|
|
|
50
58
|
"value": "{!SKY_GRAY_TINT_04}",
|
|
51
59
|
"comment": "This colour needs to be changed to NIGHT_GREY_40 when we set the new hex values"
|
|
52
60
|
},
|
|
53
|
-
"TEXT_SECONDARY_ON_CONTRAST_DAY": {
|
|
54
|
-
"value": "{!WHITE_ALPHA_80}",
|
|
55
|
-
"comment": "This colour needs to be apply opacity to it but needs a better solution but shouldn't be in use in product so safe to leave as is"
|
|
56
|
-
},
|
|
57
|
-
"TEXT_SECONDARY_ON_CONTRAST_NIGHT": {
|
|
58
|
-
"value": "{!NIGHT_GREY_40}"
|
|
59
|
-
},
|
|
60
61
|
"TEXT_DISABLED_DAY": {
|
|
61
62
|
"value": "{!BLACK_ALPHA_20}"
|
|
62
63
|
},
|
|
@@ -74,6 +75,19 @@
|
|
|
74
75
|
},
|
|
75
76
|
"TEXT_LINK_NIGHT": {
|
|
76
77
|
"value": "{!NIGHT_BLUE}"
|
|
78
|
+
},
|
|
79
|
+
"TEXT_ON_LIGHT_DAY": {
|
|
80
|
+
"value": "{!CHARCOAL}"
|
|
81
|
+
},
|
|
82
|
+
"TEXT_ON_LIGHT_NIGHT": {
|
|
83
|
+
"value": "{!CHARCOAL}"
|
|
84
|
+
},
|
|
85
|
+
"TEXT_ON_DARK_DAY": {
|
|
86
|
+
"value": "{!WHITE}"
|
|
87
|
+
},
|
|
88
|
+
"TEXT_ON_DARK_NIGHT": {
|
|
89
|
+
"value": "{!WHITE}"
|
|
77
90
|
}
|
|
91
|
+
|
|
78
92
|
}
|
|
79
93
|
}
|
package/base/colors.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyscanner/bpk-foundations-common",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.1.1",
|
|
4
4
|
"description": "Common Backpack design tokens for colors, spacing, font, etc.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -20,5 +20,5 @@
|
|
|
20
20
|
"color": "^3.0.0"
|
|
21
21
|
},
|
|
22
22
|
"type": "module",
|
|
23
|
-
"gitHead": "
|
|
23
|
+
"gitHead": "e89efa2bc614f36763312b0ddf22f79178df06b5"
|
|
24
24
|
}
|