@skyscanner/bpk-foundations-common 20.0.0 → 21.1.0
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/app/typography.json +3 -2
- package/base/colors/aliases.json +0 -34
- package/base/colors/base.json +0 -120
- package/base/colors/other.json +0 -132
- package/base/colors/text.json +0 -32
- package/package.json +2 -2
package/app/typography.json
CHANGED
|
@@ -29,7 +29,8 @@
|
|
|
29
29
|
"LINE_HEIGHT_8XL": 120,
|
|
30
30
|
"LETTER_SPACING_TIGHT": -0.02,
|
|
31
31
|
"FONT_WEIGHT_BOOK": "400",
|
|
32
|
-
"FONT_WEIGHT_BOLD": "700"
|
|
32
|
+
"FONT_WEIGHT_BOLD": "700",
|
|
33
|
+
"FONT_WEIGHT_BLACK": "900"
|
|
33
34
|
},
|
|
34
35
|
"props": {
|
|
35
36
|
"FONT_SIZE_XS": {
|
|
@@ -373,7 +374,7 @@
|
|
|
373
374
|
"category": "font-sizes"
|
|
374
375
|
},
|
|
375
376
|
"TEXT_HERO-5_FONT_WEIGHT": {
|
|
376
|
-
"value": "{!
|
|
377
|
+
"value": "{!FONT_WEIGHT_BLACK}",
|
|
377
378
|
"type": "string",
|
|
378
379
|
"category": "font-weights"
|
|
379
380
|
},
|
package/base/colors/aliases.json
CHANGED
|
@@ -3,42 +3,8 @@
|
|
|
3
3
|
"WHITE": "#ffffff",
|
|
4
4
|
"SKY_BLUE": "#0062E3",
|
|
5
5
|
"SKY_BLUE_85": "#024DAF",
|
|
6
|
-
"MONTEVERDE": "#0C838A",
|
|
7
|
-
"GLENCOE": "#62F1C6",
|
|
8
|
-
"SAGANO": "#D4FFF2",
|
|
9
|
-
"KOLKATA": "#F55D42",
|
|
10
|
-
"ERFOUD": "#FEEB87",
|
|
11
|
-
"BAGAN": "#FFF7CF",
|
|
12
|
-
"BUNOL": "#F55D42",
|
|
13
|
-
"PETRA": "#FEEB87",
|
|
14
|
-
"NARA": "#FFF7CF",
|
|
15
|
-
"ABISKO": "#05203C",
|
|
16
|
-
"VALENSOLE": "#E0E3E5",
|
|
17
|
-
"TOCHIGI": "#EFF1F2",
|
|
18
|
-
"PANJIN": "#E70866",
|
|
19
|
-
"HILLIER": "#FF649C",
|
|
20
|
-
"HARBOUR": "#FFE9F9",
|
|
21
|
-
"SKY_BLUE_SHADE_03": "#05203C",
|
|
22
|
-
"SKY_BLUE_SHADE_02": "#05203C",
|
|
23
|
-
"SKY_BLUE_SHADE_01": "#0062E3",
|
|
24
|
-
"SKY_BLUE_TINT_01": "#84E9FF",
|
|
25
|
-
"SKY_BLUE_TINT_02": "#E0E3E5",
|
|
26
|
-
"SKY_BLUE_TINT_03": "#E0E3E5",
|
|
27
|
-
"SKY_GRAY_TINT_07": "#EFF1F2",
|
|
28
|
-
"SKY_GRAY_TINT_06": "#E0E3E5",
|
|
29
|
-
"SKY_GRAY_TINT_05": "#C2C9CD",
|
|
30
|
-
"SKY_GRAY_TINT_04": "#C2C9CD",
|
|
31
|
-
"SKY_GRAY_TINT_03": "#545860",
|
|
32
|
-
"SKY_GRAY_TINT_02": "#545860",
|
|
33
|
-
"SKY_GRAY_TINT_01": "#545860",
|
|
34
6
|
"SKY_GRAY": "#161616",
|
|
35
7
|
"BLACK": "#010913",
|
|
36
|
-
"BLACK_TINT_01": "#131D2B",
|
|
37
|
-
"BLACK_TINT_02": "#131D2B",
|
|
38
|
-
"BLACK_TINT_03": "#243346",
|
|
39
|
-
"BLACK_TINT_04": "#44505F",
|
|
40
|
-
"BLACK_TINT_05": "#44505F",
|
|
41
|
-
"BLACK_TINT_06": "#BDC4CB",
|
|
42
8
|
"PRIMARY_GRADIENT_LIGHT": "#02DDD8",
|
|
43
9
|
"DARK_SKY": "#05203C",
|
|
44
10
|
"DARK_SKY_85": "#154679",
|
package/base/colors/base.json
CHANGED
|
@@ -11,126 +11,6 @@
|
|
|
11
11
|
"COLOR_SKY_BLUE": {
|
|
12
12
|
"value": "{!SKY_BLUE}"
|
|
13
13
|
},
|
|
14
|
-
"COLOR_MONTEVERDE": {
|
|
15
|
-
"value": "{!MONTEVERDE}",
|
|
16
|
-
"deprecated": true
|
|
17
|
-
},
|
|
18
|
-
"COLOR_GLENCOE": {
|
|
19
|
-
"value": "{!GLENCOE}",
|
|
20
|
-
"deprecated": true
|
|
21
|
-
},
|
|
22
|
-
"COLOR_SAGANO": {
|
|
23
|
-
"value": "{!SAGANO}",
|
|
24
|
-
"deprecated": true
|
|
25
|
-
},
|
|
26
|
-
"COLOR_KOLKATA": {
|
|
27
|
-
"value": "{!KOLKATA}",
|
|
28
|
-
"deprecated": true
|
|
29
|
-
},
|
|
30
|
-
"COLOR_ERFOUD": {
|
|
31
|
-
"value": "{!ERFOUD}",
|
|
32
|
-
"deprecated": true
|
|
33
|
-
},
|
|
34
|
-
"COLOR_BAGAN": {
|
|
35
|
-
"value": "{!BAGAN}",
|
|
36
|
-
"deprecated": true
|
|
37
|
-
},
|
|
38
|
-
"COLOR_BUNOL": {
|
|
39
|
-
"value": "{!BUNOL}",
|
|
40
|
-
"deprecated": true
|
|
41
|
-
},
|
|
42
|
-
"COLOR_PETRA": {
|
|
43
|
-
"value": "{!PETRA}",
|
|
44
|
-
"deprecated": true
|
|
45
|
-
},
|
|
46
|
-
"COLOR_NARA": {
|
|
47
|
-
"value": "{!NARA}",
|
|
48
|
-
"deprecated": true
|
|
49
|
-
},
|
|
50
|
-
"COLOR_ABISKO": {
|
|
51
|
-
"value": "{!ABISKO}",
|
|
52
|
-
"deprecated": true
|
|
53
|
-
},
|
|
54
|
-
"COLOR_VALENSOLE": {
|
|
55
|
-
"value": "{!VALENSOLE}",
|
|
56
|
-
"deprecated": true
|
|
57
|
-
},
|
|
58
|
-
"COLOR_TOCHIGI": {
|
|
59
|
-
"value": "{!TOCHIGI}",
|
|
60
|
-
"deprecated": true
|
|
61
|
-
},
|
|
62
|
-
"COLOR_PANJIN": {
|
|
63
|
-
"value": "{!PANJIN}",
|
|
64
|
-
"deprecated": true
|
|
65
|
-
},
|
|
66
|
-
"COLOR_HILLIER": {
|
|
67
|
-
"value": "{!HILLIER}",
|
|
68
|
-
"deprecated": true
|
|
69
|
-
},
|
|
70
|
-
"COLOR_HARBOUR": {
|
|
71
|
-
"value": "{!HARBOUR}",
|
|
72
|
-
"deprecated": true
|
|
73
|
-
},
|
|
74
|
-
"COLOR_SKY_BLUE_SHADE_03": {
|
|
75
|
-
"value": "{!SKY_BLUE_SHADE_03}",
|
|
76
|
-
"deprecated": true
|
|
77
|
-
},
|
|
78
|
-
"COLOR_SKY_BLUE_SHADE_02": {
|
|
79
|
-
"value": "{!SKY_BLUE_SHADE_02}",
|
|
80
|
-
"deprecated": true
|
|
81
|
-
},
|
|
82
|
-
"COLOR_SKY_BLUE_SHADE_01": {
|
|
83
|
-
"value": "{!SKY_BLUE_SHADE_01}",
|
|
84
|
-
"deprecated": true
|
|
85
|
-
},
|
|
86
|
-
"COLOR_SKY_BLUE_TINT_01": {
|
|
87
|
-
"value": "{!SKY_BLUE_TINT_01}",
|
|
88
|
-
"deprecated": true
|
|
89
|
-
},
|
|
90
|
-
"COLOR_SKY_BLUE_TINT_02": {
|
|
91
|
-
"value": "{!SKY_BLUE_TINT_02}",
|
|
92
|
-
"deprecated": true
|
|
93
|
-
},
|
|
94
|
-
"COLOR_SKY_BLUE_TINT_03": {
|
|
95
|
-
"value": "{!SKY_BLUE_TINT_03}",
|
|
96
|
-
"deprecated": true
|
|
97
|
-
},
|
|
98
|
-
"COLOR_SKY_GRAY_TINT_07": {
|
|
99
|
-
"value": "{!SKY_GRAY_TINT_07}",
|
|
100
|
-
"deprecated": true
|
|
101
|
-
},
|
|
102
|
-
"COLOR_SKY_GRAY_TINT_06": {
|
|
103
|
-
"value": "{!SKY_GRAY_TINT_06}",
|
|
104
|
-
"deprecated": true
|
|
105
|
-
},
|
|
106
|
-
"COLOR_SKY_GRAY_TINT_05": {
|
|
107
|
-
"value": "{!SKY_GRAY_TINT_05}",
|
|
108
|
-
"deprecated": true
|
|
109
|
-
},
|
|
110
|
-
"COLOR_SKY_GRAY_TINT_04": {
|
|
111
|
-
"value": "{!SKY_GRAY_TINT_04}",
|
|
112
|
-
"deprecated": true
|
|
113
|
-
},
|
|
114
|
-
"COLOR_SKY_GRAY_TINT_03": {
|
|
115
|
-
"value": "{!SKY_GRAY_TINT_03}",
|
|
116
|
-
"deprecated": true
|
|
117
|
-
},
|
|
118
|
-
"COLOR_SKY_GRAY_TINT_02": {
|
|
119
|
-
"value": "{!SKY_GRAY_TINT_02}",
|
|
120
|
-
"deprecated": true
|
|
121
|
-
},
|
|
122
|
-
"COLOR_SKY_GRAY_TINT_01": {
|
|
123
|
-
"value": "{!SKY_GRAY_TINT_01}",
|
|
124
|
-
"deprecated": true
|
|
125
|
-
},
|
|
126
|
-
"COLOR_SKY_GRAY": {
|
|
127
|
-
"value": "{!SKY_GRAY}",
|
|
128
|
-
"deprecated": true
|
|
129
|
-
},
|
|
130
|
-
"COLOR_PRIMARY_GRADIENT_LIGHT": {
|
|
131
|
-
"value": "{!SKY_BLUE}",
|
|
132
|
-
"deprecated": true
|
|
133
|
-
},
|
|
134
14
|
"COLOR_BLACK": {
|
|
135
15
|
"value": "{!BLACK}"
|
|
136
16
|
}
|
package/base/colors/other.json
CHANGED
|
@@ -1,30 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"imports": ["./aliases.json"],
|
|
3
3
|
"props": {
|
|
4
|
-
"COLOR_SYSTEM_RED": {
|
|
5
|
-
"type": "color",
|
|
6
|
-
"category": "colors",
|
|
7
|
-
"value": "{!BERRY}",
|
|
8
|
-
"deprecated": true
|
|
9
|
-
},
|
|
10
|
-
"COLOR_SYSTEM_GREEN": {
|
|
11
|
-
"type": "color",
|
|
12
|
-
"category": "colors",
|
|
13
|
-
"value": "{!GREEN_SPOT}",
|
|
14
|
-
"deprecated": true
|
|
15
|
-
},
|
|
16
|
-
"LINE_LIGHT_COLOR": {
|
|
17
|
-
"type": "color",
|
|
18
|
-
"category": "colors",
|
|
19
|
-
"value": "{!GREY_30}",
|
|
20
|
-
"deprecated": true
|
|
21
|
-
},
|
|
22
|
-
"LINE_DARK_COLOR": {
|
|
23
|
-
"type": "color",
|
|
24
|
-
"category": "colors",
|
|
25
|
-
"value": "{!NIGHT_GREY_30}",
|
|
26
|
-
"deprecated": true
|
|
27
|
-
},
|
|
28
4
|
"LINE_DAY": {
|
|
29
5
|
"type": "color",
|
|
30
6
|
"category": "line-colors",
|
|
@@ -64,114 +40,6 @@
|
|
|
64
40
|
"type": "color",
|
|
65
41
|
"category": "overlay-colors",
|
|
66
42
|
"value": "{!WHITE_ALPHA_80}"
|
|
67
|
-
},
|
|
68
|
-
"PRIMARY_LIGHT_COLOR": {
|
|
69
|
-
"type": "color",
|
|
70
|
-
"category": "colors",
|
|
71
|
-
"value": "{!SKY_BLUE}",
|
|
72
|
-
"deprecated": true
|
|
73
|
-
},
|
|
74
|
-
"PRIMARY_DARK_COLOR": {
|
|
75
|
-
"type": "color",
|
|
76
|
-
"category": "colors",
|
|
77
|
-
"value": "{!NIGHT_BLUE}",
|
|
78
|
-
"deprecated": true
|
|
79
|
-
},
|
|
80
|
-
"BACKGROUND_LIGHT_COLOR": {
|
|
81
|
-
"type": "color",
|
|
82
|
-
"category": "colors",
|
|
83
|
-
"value": "{!WHITE}",
|
|
84
|
-
"deprecated": true
|
|
85
|
-
},
|
|
86
|
-
"BACKGROUND_DARK_COLOR": {
|
|
87
|
-
"type": "color",
|
|
88
|
-
"category": "colors",
|
|
89
|
-
"value": "{!NIGHT_GREY_10}",
|
|
90
|
-
"deprecated": true
|
|
91
|
-
},
|
|
92
|
-
"BACKGROUND_ALTERNATIVE_LIGHT_COLOR": {
|
|
93
|
-
"type": "color",
|
|
94
|
-
"category": "colors",
|
|
95
|
-
"value": "{!GREY_10}",
|
|
96
|
-
"deprecated": true
|
|
97
|
-
},
|
|
98
|
-
"BACKGROUND_ALTERNATIVE_DARK_COLOR": {
|
|
99
|
-
"type": "color",
|
|
100
|
-
"category": "colors",
|
|
101
|
-
"value": "{!NIGHT_GREY_20}",
|
|
102
|
-
"deprecated": true
|
|
103
|
-
},
|
|
104
|
-
"BACKGROUND_SECONDARY_LIGHT_COLOR": {
|
|
105
|
-
"type": "color",
|
|
106
|
-
"category": "colors",
|
|
107
|
-
"value": "{!GREY_10}",
|
|
108
|
-
"deprecated": true
|
|
109
|
-
},
|
|
110
|
-
"BACKGROUND_SECONDARY_DARK_COLOR": {
|
|
111
|
-
"type": "color",
|
|
112
|
-
"category": "colors",
|
|
113
|
-
"value": "{!NIGHT_GREY_20}",
|
|
114
|
-
"deprecated": true
|
|
115
|
-
},
|
|
116
|
-
"BACKGROUND_ALTERNATIVE_SECONDARY_LIGHT_COLOR": {
|
|
117
|
-
"type": "color",
|
|
118
|
-
"category": "colors",
|
|
119
|
-
"value": "{!WHITE}",
|
|
120
|
-
"deprecated": true
|
|
121
|
-
},
|
|
122
|
-
"BACKGROUND_ALTERNATIVE_SECONDARY_DARK_COLOR": {
|
|
123
|
-
"type": "color",
|
|
124
|
-
"category": "colors",
|
|
125
|
-
"value": "{!NIGHT_GREY_10}",
|
|
126
|
-
"deprecated": true
|
|
127
|
-
},
|
|
128
|
-
"BACKGROUND_TERTIARY_LIGHT_COLOR": {
|
|
129
|
-
"type": "color",
|
|
130
|
-
"category": "colors",
|
|
131
|
-
"value": "{!WHITE}",
|
|
132
|
-
"deprecated": true
|
|
133
|
-
},
|
|
134
|
-
"BACKGROUND_TERTIARY_DARK_COLOR": {
|
|
135
|
-
"type": "color",
|
|
136
|
-
"category": "colors",
|
|
137
|
-
"value": "{!NIGHT_GREY_10}",
|
|
138
|
-
"deprecated": true
|
|
139
|
-
},
|
|
140
|
-
"BACKGROUND_ELEVATION_01_LIGHT_COLOR": {
|
|
141
|
-
"type": "color",
|
|
142
|
-
"category": "text-colors",
|
|
143
|
-
"value": "{!WHITE}",
|
|
144
|
-
"deprecated": true
|
|
145
|
-
},
|
|
146
|
-
"BACKGROUND_ELEVATION_01_DARK_COLOR": {
|
|
147
|
-
"type": "color",
|
|
148
|
-
"category": "text-colors",
|
|
149
|
-
"value": "{!NIGHT_GREY_20}",
|
|
150
|
-
"deprecated": true
|
|
151
|
-
},
|
|
152
|
-
"BACKGROUND_ELEVATION_02_LIGHT_COLOR": {
|
|
153
|
-
"type": "color",
|
|
154
|
-
"category": "text-colors",
|
|
155
|
-
"value": "{!WHITE}",
|
|
156
|
-
"deprecated": true
|
|
157
|
-
},
|
|
158
|
-
"BACKGROUND_ELEVATION_02_DARK_COLOR": {
|
|
159
|
-
"type": "color",
|
|
160
|
-
"category": "text-colors",
|
|
161
|
-
"value": "{!NIGHT_GREY_25}",
|
|
162
|
-
"deprecated": true
|
|
163
|
-
},
|
|
164
|
-
"BACKGROUND_ELEVATION_03_LIGHT_COLOR": {
|
|
165
|
-
"type": "color",
|
|
166
|
-
"category": "text-colors",
|
|
167
|
-
"value": "{!WHITE}",
|
|
168
|
-
"deprecated": true
|
|
169
|
-
},
|
|
170
|
-
"BACKGROUND_ELEVATION_03_DARK_COLOR": {
|
|
171
|
-
"type": "color",
|
|
172
|
-
"category": "text-colors",
|
|
173
|
-
"value": "{!NIGHT_GREY_25}",
|
|
174
|
-
"deprecated": true
|
|
175
43
|
}
|
|
176
44
|
}
|
|
177
45
|
}
|
package/base/colors/text.json
CHANGED
|
@@ -7,38 +7,6 @@
|
|
|
7
7
|
"category": "text-colors"
|
|
8
8
|
},
|
|
9
9
|
"props": {
|
|
10
|
-
"TEXT_PRIMARY_LIGHT_COLOR": {
|
|
11
|
-
"value": "{!CHARCOAL}",
|
|
12
|
-
"deprecated": true
|
|
13
|
-
},
|
|
14
|
-
"TEXT_SECONDARY_LIGHT_COLOR": {
|
|
15
|
-
"value": "{!GREY_40}",
|
|
16
|
-
"deprecated": true
|
|
17
|
-
},
|
|
18
|
-
"TEXT_TERTIARY_LIGHT_COLOR": {
|
|
19
|
-
"value": "{!BLACK_ALPHA_20}",
|
|
20
|
-
"deprecated": true
|
|
21
|
-
},
|
|
22
|
-
"TEXT_QUATERNARY_LIGHT_COLOR": {
|
|
23
|
-
"value": "{!BLACK_ALPHA_20}",
|
|
24
|
-
"deprecated": true
|
|
25
|
-
},
|
|
26
|
-
"TEXT_PRIMARY_DARK_COLOR": {
|
|
27
|
-
"value": "{!WHITE}",
|
|
28
|
-
"deprecated": true
|
|
29
|
-
},
|
|
30
|
-
"TEXT_SECONDARY_DARK_COLOR": {
|
|
31
|
-
"value": "{!NIGHT_GREY_40}",
|
|
32
|
-
"deprecated": true
|
|
33
|
-
},
|
|
34
|
-
"TEXT_TERTIARY_DARK_COLOR": {
|
|
35
|
-
"value": "{!WHITE_ALPHA_20}",
|
|
36
|
-
"deprecated": true
|
|
37
|
-
},
|
|
38
|
-
"TEXT_QUATERNARY_DARK_COLOR": {
|
|
39
|
-
"value": "{!WHITE_ALPHA_20}",
|
|
40
|
-
"deprecated": true
|
|
41
|
-
},
|
|
42
10
|
"TEXT_PRIMARY_DAY": {
|
|
43
11
|
"value": "{!CHARCOAL}"
|
|
44
12
|
},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyscanner/bpk-foundations-common",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "21.1.0",
|
|
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": "^5.0.0"
|
|
21
21
|
},
|
|
22
22
|
"type": "module",
|
|
23
|
-
"gitHead": "
|
|
23
|
+
"gitHead": "7aa9bed74509741e4013c50d88658c2d7785514d"
|
|
24
24
|
}
|