@skyscanner/bpk-foundations-common 2.1.0 → 2.2.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.
Files changed (4) hide show
  1. package/app/colors.json +352 -0
  2. package/app/legacy-typography.json +264 -0
  3. package/app/typography.json +209 -21
  4. package/package.json +2 -2
package/app/colors.json ADDED
@@ -0,0 +1,352 @@
1
+ {
2
+ "imports": [
3
+ "../base/colors.json"
4
+ ],
5
+ "props": {
6
+ "LINE_LIGHT_COLOR": {
7
+ "type": "color",
8
+ "category": "colors",
9
+ "value": "{!SKY_GRAY_TINT_05}"
10
+ },
11
+ "LINE_DARK_COLOR": {
12
+ "type": "color",
13
+ "category": "colors",
14
+ "value": "{!BLACK_TINT_04}"
15
+ },
16
+ "PRIMARY_LIGHT_COLOR": {
17
+ "type": "color",
18
+ "category": "colors",
19
+ "value": "{!SKY_BLUE}"
20
+ },
21
+ "PRIMARY_DARK_COLOR": {
22
+ "type": "color",
23
+ "category": "colors",
24
+ "value": "{!SKY_BLUE_TINT_01}"
25
+ },
26
+ "BACKGROUND_LIGHT_COLOR": {
27
+ "type": "color",
28
+ "category": "colors",
29
+ "value": "{!WHITE}"
30
+ },
31
+ "BACKGROUND_DARK_COLOR": {
32
+ "type": "color",
33
+ "category": "colors",
34
+ "value": "{!BLACK}"
35
+ },
36
+ "BACKGROUND_ALTERNATIVE_LIGHT_COLOR": {
37
+ "type": "color",
38
+ "category": "colors",
39
+ "value": "{!SKY_GRAY_TINT_07}"
40
+ },
41
+ "BACKGROUND_ALTERNATIVE_DARK_COLOR": {
42
+ "type": "color",
43
+ "category": "colors",
44
+ "value": "{!BLACK}"
45
+ },
46
+ "BACKGROUND_SECONDARY_LIGHT_COLOR": {
47
+ "type": "color",
48
+ "category": "colors",
49
+ "value": "{!SKY_GRAY_TINT_07}"
50
+ },
51
+ "BACKGROUND_SECONDARY_DARK_COLOR": {
52
+ "type": "color",
53
+ "category": "colors",
54
+ "value": "{!BLACK_TINT_01}"
55
+ },
56
+ "BACKGROUND_ALTERNATIVE_SECONDARY_LIGHT_COLOR": {
57
+ "type": "color",
58
+ "category": "colors",
59
+ "value": "{!WHITE}"
60
+ },
61
+ "BACKGROUND_ALTERNATIVE_SECONDARY_DARK_COLOR": {
62
+ "type": "color",
63
+ "category": "colors",
64
+ "value": "{!BLACK_TINT_01}"
65
+ },
66
+ "BACKGROUND_TERTIARY_LIGHT_COLOR": {
67
+ "type": "color",
68
+ "category": "colors",
69
+ "value": "{!WHITE}"
70
+ },
71
+ "BACKGROUND_TERTIARY_DARK_COLOR": {
72
+ "type": "color",
73
+ "category": "colors",
74
+ "value": "{!BLACK_TINT_02}"
75
+ },
76
+ "BACKGROUND_ELEVATION_01_LIGHT_COLOR": {
77
+ "type": "color",
78
+ "category": "text-colors",
79
+ "value": "{!WHITE}"
80
+ },
81
+ "BACKGROUND_ELEVATION_01_DARK_COLOR": {
82
+ "type": "color",
83
+ "category": "text-colors",
84
+ "value": "{!BLACK_TINT_01}"
85
+ },
86
+ "BACKGROUND_ELEVATION_02_LIGHT_COLOR": {
87
+ "type": "color",
88
+ "category": "text-colors",
89
+ "value": "{!WHITE}"
90
+ },
91
+ "BACKGROUND_ELEVATION_02_DARK_COLOR": {
92
+ "type": "color",
93
+ "category": "text-colors",
94
+ "value": "{!BLACK_TINT_02}"
95
+ },
96
+ "BACKGROUND_ELEVATION_03_LIGHT_COLOR": {
97
+ "type": "color",
98
+ "category": "text-colors",
99
+ "value": "{!WHITE}"
100
+ },
101
+ "BACKGROUND_ELEVATION_03_DARK_COLOR": {
102
+ "type": "color",
103
+ "category": "text-colors",
104
+ "value": "{!BLACK_TINT_03}"
105
+ },
106
+ "COLOR_WHITE": {
107
+ "type": "color",
108
+ "category": "colors",
109
+ "value": "{!WHITE}"
110
+ },
111
+ "COLOR_SYSTEM_RED": {
112
+ "type": "color",
113
+ "category": "colors",
114
+ "value": "{!PANJIN}"
115
+ },
116
+ "COLOR_SYSTEM_GREEN": {
117
+ "type": "color",
118
+ "category": "colors",
119
+ "value": "{!MONTEVERDE}"
120
+ },
121
+ "COLOR_SKY_BLUE": {
122
+ "type": "color",
123
+ "category": "colors",
124
+ "value": "{!SKY_BLUE}"
125
+ },
126
+ "COLOR_MONTEVERDE": {
127
+ "type": "color",
128
+ "category": "colors",
129
+ "value": "{!MONTEVERDE}"
130
+ },
131
+ "COLOR_GLENCOE": {
132
+ "type": "color",
133
+ "category": "colors",
134
+ "value": "{!GLENCOE}"
135
+ },
136
+ "COLOR_SAGANO": {
137
+ "type": "color",
138
+ "category": "colors",
139
+ "value": "{!SAGANO}"
140
+ },
141
+ "COLOR_KOLKATA": {
142
+ "type": "color",
143
+ "category": "colors",
144
+ "value": "{!KOLKATA}"
145
+ },
146
+ "COLOR_ERFOUD": {
147
+ "type": "color",
148
+ "category": "colors",
149
+ "value": "{!ERFOUD}"
150
+ },
151
+ "COLOR_BAGAN": {
152
+ "type": "color",
153
+ "category": "colors",
154
+ "value": "{!BAGAN}"
155
+ },
156
+ "COLOR_BUNOL": {
157
+ "type": "color",
158
+ "category": "colors",
159
+ "value": "{!BUNOL}"
160
+ },
161
+ "COLOR_PETRA": {
162
+ "type": "color",
163
+ "category": "colors",
164
+ "value": "{!PETRA}"
165
+ },
166
+ "COLOR_NARA": {
167
+ "type": "color",
168
+ "category": "colors",
169
+ "value": "{!NARA}"
170
+ },
171
+ "COLOR_ABISKO": {
172
+ "type": "color",
173
+ "category": "colors",
174
+ "value": "{!ABISKO}"
175
+ },
176
+ "COLOR_VALENSOLE": {
177
+ "type": "color",
178
+ "category": "colors",
179
+ "value": "{!VALENSOLE}"
180
+ },
181
+ "COLOR_TOCHIGI": {
182
+ "type": "color",
183
+ "category": "colors",
184
+ "value": "{!TOCHIGI}"
185
+ },
186
+ "COLOR_PANJIN": {
187
+ "type": "color",
188
+ "category": "colors",
189
+ "value": "{!PANJIN}"
190
+ },
191
+ "COLOR_HILLIER": {
192
+ "type": "color",
193
+ "category": "colors",
194
+ "value": "{!HILLIER}"
195
+ },
196
+ "COLOR_HARBOUR": {
197
+ "type": "color",
198
+ "category": "colors",
199
+ "value": "{!HARBOUR}"
200
+ },
201
+ "COLOR_SKY_BLUE_SHADE_03": {
202
+ "type": "color",
203
+ "category": "colors",
204
+ "value": "{!SKY_BLUE_SHADE_03}"
205
+ },
206
+ "COLOR_SKY_BLUE_SHADE_02": {
207
+ "type": "color",
208
+ "category": "colors",
209
+ "value": "{!SKY_BLUE_SHADE_02}"
210
+ },
211
+ "COLOR_SKY_BLUE_SHADE_01": {
212
+ "type": "color",
213
+ "category": "colors",
214
+ "value": "{!SKY_BLUE_SHADE_01}"
215
+ },
216
+ "COLOR_SKY_BLUE_TINT_01": {
217
+ "type": "color",
218
+ "category": "colors",
219
+ "value": "{!SKY_BLUE_TINT_01}"
220
+ },
221
+ "COLOR_SKY_BLUE_TINT_02": {
222
+ "type": "color",
223
+ "category": "colors",
224
+ "value": "{!SKY_BLUE_TINT_02}"
225
+ },
226
+ "COLOR_SKY_BLUE_TINT_03": {
227
+ "type": "color",
228
+ "category": "colors",
229
+ "value": "{!SKY_BLUE_TINT_03}"
230
+ },
231
+ "COLOR_SKY_GRAY_TINT_07": {
232
+ "type": "color",
233
+ "category": "colors",
234
+ "value": "{!SKY_GRAY_TINT_07}"
235
+ },
236
+ "COLOR_SKY_GRAY_TINT_06": {
237
+ "type": "color",
238
+ "category": "colors",
239
+ "value": "{!SKY_GRAY_TINT_06}"
240
+ },
241
+ "COLOR_SKY_GRAY_TINT_05": {
242
+ "type": "color",
243
+ "category": "colors",
244
+ "value": "{!SKY_GRAY_TINT_05}"
245
+ },
246
+ "COLOR_SKY_GRAY_TINT_04": {
247
+ "type": "color",
248
+ "category": "colors",
249
+ "value": "{!SKY_GRAY_TINT_04}"
250
+ },
251
+ "COLOR_SKY_GRAY_TINT_03": {
252
+ "type": "color",
253
+ "category": "colors",
254
+ "value": "{!SKY_GRAY_TINT_03}"
255
+ },
256
+ "COLOR_SKY_GRAY_TINT_02": {
257
+ "type": "color",
258
+ "category": "colors",
259
+ "value": "{!SKY_GRAY_TINT_02}"
260
+ },
261
+ "COLOR_SKY_GRAY_TINT_01": {
262
+ "type": "color",
263
+ "category": "colors",
264
+ "value": "{!SKY_GRAY_TINT_01}"
265
+ },
266
+ "COLOR_SKY_GRAY": {
267
+ "type": "color",
268
+ "category": "colors",
269
+ "value": "{!SKY_GRAY}"
270
+ },
271
+ "COLOR_PRIMARY_GRADIENT_LIGHT": {
272
+ "type": "color",
273
+ "category": "colors",
274
+ "value": "{!SKY_BLUE}"
275
+ },
276
+ "COLOR_BLACK": {
277
+ "type": "color",
278
+ "category": "colors",
279
+ "value": "{!BLACK}"
280
+ },
281
+ "COLOR_BLACK_TINT_01": {
282
+ "type": "color",
283
+ "category": "colors",
284
+ "value": "{!BLACK_TINT_01}"
285
+ },
286
+ "COLOR_BLACK_TINT_02": {
287
+ "type": "color",
288
+ "category": "colors",
289
+ "value": "{!BLACK_TINT_02}"
290
+ },
291
+ "COLOR_BLACK_TINT_03": {
292
+ "type": "color",
293
+ "category": "colors",
294
+ "value": "{!BLACK_TINT_03}"
295
+ },
296
+ "COLOR_BLACK_TINT_04": {
297
+ "type": "color",
298
+ "category": "colors",
299
+ "value": "{!BLACK_TINT_04}"
300
+ },
301
+ "COLOR_BLACK_TINT_05": {
302
+ "type": "color",
303
+ "category": "colors",
304
+ "value": "{!BLACK_TINT_05}"
305
+ },
306
+ "COLOR_BLACK_TINT_06": {
307
+ "type": "color",
308
+ "category": "colors",
309
+ "value": "{!BLACK_TINT_06}"
310
+ },
311
+ "TEXT_PRIMARY_LIGHT_COLOR": {
312
+ "value": "{!SKY_GRAY}",
313
+ "type": "color",
314
+ "category": "text-colors"
315
+ },
316
+ "TEXT_SECONDARY_LIGHT_COLOR": {
317
+ "value": "{!SKY_GRAY_TINT_02}",
318
+ "type": "color",
319
+ "category": "text-colors"
320
+ },
321
+ "TEXT_TERTIARY_LIGHT_COLOR": {
322
+ "value": "{!SKY_GRAY_TINT_03}",
323
+ "type": "color",
324
+ "category": "text-colors"
325
+ },
326
+ "TEXT_QUATERNARY_LIGHT_COLOR": {
327
+ "value": "{!SKY_GRAY_TINT_03}",
328
+ "type": "color",
329
+ "category": "text-colors"
330
+ },
331
+ "TEXT_PRIMARY_DARK_COLOR": {
332
+ "value": "{!WHITE}",
333
+ "type": "color",
334
+ "category": "text-colors"
335
+ },
336
+ "TEXT_SECONDARY_DARK_COLOR": {
337
+ "value": "{!SKY_GRAY_TINT_04}",
338
+ "type": "color",
339
+ "category": "text-colors"
340
+ },
341
+ "TEXT_TERTIARY_DARK_COLOR": {
342
+ "value": "{!BLACK_TINT_06}",
343
+ "type": "color",
344
+ "category": "text-colors"
345
+ },
346
+ "TEXT_QUATERNARY_DARK_COLOR": {
347
+ "value": "{!BLACK_TINT_06}",
348
+ "type": "color",
349
+ "category": "text-colors"
350
+ }
351
+ }
352
+ }
package/app/legacy-typography.json ADDED
@@ -0,0 +1,264 @@
1
+ {
2
+ "imports": ["./typography.json"],
3
+ "aliases": {
4
+ "FONT_SIZE_CAPS": 10,
5
+ "FONT_WEIGHT_BLACK": "900"
6
+ },
7
+ "props": {
8
+ "FONT_SIZE_CAPS": {
9
+ "value": "{!FONT_SIZE_CAPS}",
10
+ "type": "font-size",
11
+ "category": "typesettings"
12
+ },
13
+ "TEXT_CAPS_FONT_SIZE": {
14
+ "value": "{!FONT_SIZE_CAPS}",
15
+ "type": "font-size",
16
+ "category": "font-sizes"
17
+ },
18
+ "TEXT_CAPS_FONT_WEIGHT": {
19
+ "value": "{!FONT_WEIGHT_BOOK}",
20
+ "type": "string",
21
+ "category": "font-weights"
22
+ },
23
+ "TEXT_CAPS-EMPHASIZED_FONT_SIZE": {
24
+ "value": "{!FONT_SIZE_CAPS}",
25
+ "type": "font-size",
26
+ "category": "font-sizes"
27
+ },
28
+ "TEXT_CAPS-EMPHASIZED_FONT_WEIGHT": {
29
+ "value": "{!FONT_WEIGHT_BOLD}",
30
+ "type": "string",
31
+ "category": "font-weights"
32
+ },
33
+ "TEXT_XS_FONT_SIZE": {
34
+ "value": "{!FONT_SIZE_XS}",
35
+ "type": "font-size",
36
+ "category": "font-sizes"
37
+ },
38
+ "TEXT_XS_LINE_HEIGHT": {
39
+ "value": "{!LINE_HEIGHT_XS}",
40
+ "type": "size",
41
+ "category": "typesettings"
42
+ },
43
+ "TEXT_XS_FONT_WEIGHT": {
44
+ "value": "{!FONT_WEIGHT_BOOK}",
45
+ "type": "string",
46
+ "category": "font-weights"
47
+ },
48
+ "TEXT_XS-EMPHASIZED_FONT_SIZE": {
49
+ "value": "{!FONT_SIZE_XS}",
50
+ "type": "font-size",
51
+ "category": "font-sizes"
52
+ },
53
+ "TEXT_XS-EMPHASIZED_LINE_HEIGHT": {
54
+ "value": "{!LINE_HEIGHT_XS}",
55
+ "type": "size",
56
+ "category": "typesettings"
57
+ },
58
+ "TEXT_XS-EMPHASIZED_FONT_WEIGHT": {
59
+ "value": "{!FONT_WEIGHT_BOLD}",
60
+ "type": "string",
61
+ "category": "font-weights"
62
+ },
63
+ "TEXT_SM_FONT_SIZE": {
64
+ "value": "{!FONT_SIZE_SM}",
65
+ "type": "font-size",
66
+ "category": "font-sizes"
67
+ },
68
+ "TEXT_SM_LINE_HEIGHT": {
69
+ "value": "{!LINE_HEIGHT_SM}",
70
+ "type": "size",
71
+ "category": "typesettings"
72
+ },
73
+ "TEXT_SM_FONT_WEIGHT": {
74
+ "value": "{!FONT_WEIGHT_BOOK}",
75
+ "type": "string",
76
+ "category": "font-weights"
77
+ },
78
+ "TEXT_SM-EMPHASIZED_FONT_SIZE": {
79
+ "value": "{!FONT_SIZE_SM}",
80
+ "type": "font-size",
81
+ "category": "font-sizes"
82
+ },
83
+ "TEXT_SM-EMPHASIZED_LINE_HEIGHT": {
84
+ "value": "{!LINE_HEIGHT_SM}",
85
+ "type": "size",
86
+ "category": "typesettings"
87
+ },
88
+ "TEXT_SM-EMPHASIZED_FONT_WEIGHT": {
89
+ "value": "{!FONT_WEIGHT_BOLD}",
90
+ "type": "string",
91
+ "category": "font-weights"
92
+ },
93
+ "TEXT_BASE_FONT_SIZE": {
94
+ "value": "{!FONT_SIZE_BASE}",
95
+ "type": "font-size",
96
+ "category": "font-sizes"
97
+ },
98
+ "TEXT_BASE_LINE_HEIGHT": {
99
+ "value": "{!LINE_HEIGHT_BASE}",
100
+ "type": "size",
101
+ "category": "typesettings"
102
+ },
103
+ "TEXT_BASE_FONT_WEIGHT": {
104
+ "value": "{!FONT_WEIGHT_BOOK}",
105
+ "type": "string",
106
+ "category": "font-weights"
107
+ },
108
+ "TEXT_BASE-EMPHASIZED_FONT_SIZE": {
109
+ "value": "{!FONT_SIZE_BASE}",
110
+ "type": "font-size",
111
+ "category": "font-sizes"
112
+ },
113
+ "TEXT_BASE-EMPHASIZED_LINE_HEIGHT": {
114
+ "value": "{!LINE_HEIGHT_BASE-TIGHT}",
115
+ "type": "size",
116
+ "category": "typesettings"
117
+ },
118
+ "TEXT_BASE-EMPHASIZED_FONT_WEIGHT": {
119
+ "value": "{!FONT_WEIGHT_BOLD}",
120
+ "type": "string",
121
+ "category": "font-weights"
122
+ },
123
+ "TEXT_LG_FONT_SIZE": {
124
+ "value": "{!FONT_SIZE_LG}",
125
+ "type": "font-size",
126
+ "category": "font-sizes"
127
+ },
128
+ "TEXT_LG_LINE_HEIGHT": {
129
+ "value": "{!LINE_HEIGHT_LG}",
130
+ "type": "size",
131
+ "category": "typesettings"
132
+ },
133
+ "TEXT_LG_FONT_WEIGHT": {
134
+ "value": "{!FONT_WEIGHT_BOOK}",
135
+ "type": "string",
136
+ "category": "font-weights"
137
+ },
138
+ "TEXT_LG-EMPHASIZED_FONT_SIZE": {
139
+ "value": "{!FONT_SIZE_LG}",
140
+ "type": "font-size",
141
+ "category": "font-sizes"
142
+ },
143
+ "TEXT_LG-EMPHASIZED_LINE_HEIGHT": {
144
+ "value": "{!LINE_HEIGHT_LG-TIGHT}",
145
+ "type": "size",
146
+ "category": "typesettings"
147
+ },
148
+ "TEXT_LG-EMPHASIZED_FONT_WEIGHT": {
149
+ "value": "{!FONT_WEIGHT_BOLD}",
150
+ "type": "string",
151
+ "category": "font-weights"
152
+ },
153
+ "TEXT_XL_FONT_SIZE": {
154
+ "value": "{!FONT_SIZE_XL}",
155
+ "type": "font-size",
156
+ "category": "font-sizes"
157
+ },
158
+ "TEXT_XL_LINE_HEIGHT": {
159
+ "value": "{!LINE_HEIGHT_XL}",
160
+ "type": "size",
161
+ "category": "typesettings"
162
+ },
163
+ "TEXT_XL_FONT_WEIGHT": {
164
+ "value": "{!FONT_WEIGHT_BOOK}",
165
+ "type": "string",
166
+ "category": "font-weights"
167
+ },
168
+ "TEXT_XL-EMPHASIZED_FONT_SIZE": {
169
+ "value": "{!FONT_SIZE_XL}",
170
+ "type": "font-size",
171
+ "category": "font-sizes"
172
+ },
173
+ "TEXT_XL-EMPHASIZED_LINE_HEIGHT": {
174
+ "value": "{!LINE_HEIGHT_XL-TIGHT}",
175
+ "type": "size",
176
+ "category": "typesettings"
177
+ },
178
+ "TEXT_XL-EMPHASIZED_FONT_WEIGHT": {
179
+ "value": "{!FONT_WEIGHT_BOLD}",
180
+ "type": "string",
181
+ "category": "font-weights"
182
+ },
183
+ "TEXT_XL-HEAVY_FONT_SIZE": {
184
+ "value": "{!FONT_SIZE_XL}",
185
+ "type": "font-size",
186
+ "category": "font-sizes"
187
+ },
188
+ "TEXT_XL-HEAVY_FONT_WEIGHT": {
189
+ "value": "{!FONT_WEIGHT_BLACK}",
190
+ "type": "string",
191
+ "category": "font-weights"
192
+ },
193
+ "TEXT_XXL_FONT_SIZE": {
194
+ "value": "{!FONT_SIZE_XXL}",
195
+ "type": "font-size",
196
+ "category": "font-sizes"
197
+ },
198
+ "TEXT_XXL_FONT_WEIGHT": {
199
+ "value": "{!FONT_WEIGHT_BOOK}",
200
+ "type": "string",
201
+ "category": "font-weights"
202
+ },
203
+ "TEXT_XXL-EMPHASIZED_FONT_SIZE": {
204
+ "value": "{!FONT_SIZE_XXL}",
205
+ "type": "font-size",
206
+ "category": "font-sizes"
207
+ },
208
+ "TEXT_XXL-EMPHASIZED_LINE_HEIGHT": {
209
+ "value": "{!LINE_HEIGHT_XXL}",
210
+ "type": "size",
211
+ "category": "typesettings"
212
+ },
213
+ "TEXT_XXL-EMPHASIZED_FONT_WEIGHT": {
214
+ "value": "{!FONT_WEIGHT_BOLD}",
215
+ "type": "string",
216
+ "category": "font-weights"
217
+ },
218
+ "TEXT_XXL-HEAVY_FONT_SIZE": {
219
+ "value": "{!FONT_SIZE_XXL}",
220
+ "type": "font-size",
221
+ "category": "font-sizes"
222
+ },
223
+ "TEXT_XXL-HEAVY_FONT_WEIGHT": {
224
+ "value": "{!FONT_WEIGHT_BLACK}",
225
+ "type": "string",
226
+ "category": "font-weights"
227
+ },
228
+ "TEXT_XXXL_FONT_SIZE": {
229
+ "value": "{!FONT_SIZE_XXXL}",
230
+ "type": "font-size",
231
+ "category": "font-sizes"
232
+ },
233
+ "TEXT_XXXL_FONT_WEIGHT": {
234
+ "value": "{!FONT_WEIGHT_BOOK}",
235
+ "type": "string",
236
+ "category": "font-weights"
237
+ },
238
+ "TEXT_XXXL-EMPHASIZED_FONT_SIZE": {
239
+ "value": "{!FONT_SIZE_XXXL}",
240
+ "type": "font-size",
241
+ "category": "font-sizes"
242
+ },
243
+ "TEXT_XXXL-EMPHASIZED_LINE_HEIGHT": {
244
+ "value": "{!LINE_HEIGHT_XXXL}",
245
+ "type": "size",
246
+ "category": "typesettings"
247
+ },
248
+ "TEXT_XXXL-EMPHASIZED_FONT_WEIGHT": {
249
+ "value": "{!FONT_WEIGHT_BOLD}",
250
+ "type": "string",
251
+ "category": "font-weights"
252
+ },
253
+ "TEXT_XXXL-HEAVY_FONT_SIZE": {
254
+ "value": "{!FONT_SIZE_XXXL}",
255
+ "type": "font-size",
256
+ "category": "font-sizes"
257
+ },
258
+ "TEXT_XXXL-HEAVY_FONT_WEIGHT": {
259
+ "value": "{!FONT_WEIGHT_BLACK}",
260
+ "type": "string",
261
+ "category": "font-weights"
262
+ }
263
+ }
264
+ }
package/app/typography.json CHANGED
@@ -1,6 +1,5 @@
1
1
  {
2
2
  "aliases": {
3
- "FONT_SIZE_CAPS": 10,
4
3
  "FONT_SIZE_XS": 12,
5
4
  "FONT_SIZE_SM": 14,
6
5
  "FONT_SIZE_BASE": 16,
@@ -13,32 +12,26 @@
13
12
  "FONT_SIZE_6XL": 76,
14
13
  "FONT_SIZE_7XL": 96,
15
14
  "FONT_SIZE_8XL": 120,
16
- "LINE_HEIGHT_XS": 12,
17
- "LINE_HEIGHT_SM": 14,
18
- "LINE_HEIGHT_BASE": 16,
19
- "LINE_HEIGHT_BASE-TIGHT": 16,
20
- "LINE_HEIGHT_LG": 20,
21
- "LINE_HEIGHT_LG-TIGHT": 20,
22
- "LINE_HEIGHT_XL": 24,
23
- "LINE_HEIGHT_XL-TIGHT": 24,
24
- "LINE_HEIGHT_XXL": 32,
25
- "LINE_HEIGHT_XXXL": 40,
26
- "LINE_HEIGHT_XXXXL": 48,
27
- "LINE_HEIGHT_5XL": 64,
28
- "LINE_HEIGHT_6XL": 76,
15
+ "LINE_HEIGHT_XS": 16,
16
+ "LINE_HEIGHT_SM": 20,
17
+ "LINE_HEIGHT_BASE-TIGHT": 20,
18
+ "LINE_HEIGHT_BASE": 24,
19
+ "LINE_HEIGHT_LG-TIGHT": 24,
20
+ "LINE_HEIGHT_LG": 28,
21
+ "LINE_HEIGHT_XL-TIGHT": 28,
22
+ "LINE_HEIGHT_XL": 32,
23
+ "LINE_HEIGHT_XXL": 40,
24
+ "LINE_HEIGHT_XXXL": 48,
25
+ "LINE_HEIGHT_XXXXL": 56,
26
+ "LINE_HEIGHT_5XL": 72,
27
+ "LINE_HEIGHT_6XL": 84,
29
28
  "LINE_HEIGHT_7XL": 96,
30
29
  "LINE_HEIGHT_8XL": 120,
31
30
  "LETTER_SPACING_TIGHT": -0.02,
32
31
  "FONT_WEIGHT_BOOK": "400",
33
- "FONT_WEIGHT_BOLD": "700",
34
- "FONT_WEIGHT_BLACK": "900"
32
+ "FONT_WEIGHT_BOLD": "700"
35
33
  },
36
34
  "props": {
37
- "FONT_SIZE_CAPS": {
38
- "value": "{!FONT_SIZE_CAPS}",
39
- "type": "font-size",
40
- "category": "typesettings"
41
- },
42
35
  "FONT_SIZE_XS": {
43
36
  "value": "{!FONT_SIZE_XS}",
44
37
  "type": "font-size",
@@ -119,16 +112,31 @@
119
112
  "type": "size",
120
113
  "category": "typesettings"
121
114
  },
115
+ "LINE_HEIGHT_BASE-TIGHT": {
116
+ "value": "{!LINE_HEIGHT_BASE-TIGHT}",
117
+ "type": "size",
118
+ "category": "typesettings"
119
+ },
122
120
  "LINE_HEIGHT_LG": {
123
121
  "value": "{!LINE_HEIGHT_LG}",
124
122
  "type": "size",
125
123
  "category": "typesettings"
126
124
  },
125
+ "LINE_HEIGHT_LG-TIGHT": {
126
+ "value": "{!LINE_HEIGHT_LG-TIGHT}",
127
+ "type": "size",
128
+ "category": "typesettings"
129
+ },
127
130
  "LINE_HEIGHT_XL": {
128
131
  "value": "{!LINE_HEIGHT_XL}",
129
132
  "type": "size",
130
133
  "category": "typesettings"
131
134
  },
135
+ "LINE_HEIGHT_XL-TIGHT": {
136
+ "value": "{!LINE_HEIGHT_XL-TIGHT}",
137
+ "type": "size",
138
+ "category": "typesettings"
139
+ },
132
140
  "LINE_HEIGHT_XXL": {
133
141
  "value": "{!LINE_HEIGHT_XXL}",
134
142
  "type": "size",
@@ -164,6 +172,186 @@
164
172
  "type": "size",
165
173
  "category": "typesettings"
166
174
  },
175
+ "TEXT_CAPTION_FONT_SIZE": {
176
+ "value": "{!FONT_SIZE_XS}",
177
+ "type": "font-size",
178
+ "category": "font-sizes"
179
+ },
180
+ "TEXT_CAPTION_FONT_WEIGHT": {
181
+ "value": "{!FONT_WEIGHT_BOOK}",
182
+ "type": "string",
183
+ "category": "font-weights"
184
+ },
185
+ "TEXT_CAPTION_LINE_HEIGHT": {
186
+ "value": "{!LINE_HEIGHT_XS}",
187
+ "type": "size",
188
+ "category": "typesettings"
189
+ },
190
+ "TEXT_FOOTNOTE_FONT_SIZE": {
191
+ "value": "{!FONT_SIZE_SM}",
192
+ "type": "font-size",
193
+ "category": "font-sizes"
194
+ },
195
+ "TEXT_FOOTNOTE_FONT_WEIGHT": {
196
+ "value": "{!FONT_WEIGHT_BOOK}",
197
+ "type": "string",
198
+ "category": "font-weights"
199
+ },
200
+ "TEXT_FOOTNOTE_LINE_HEIGHT": {
201
+ "value": "{!LINE_HEIGHT_SM}",
202
+ "type": "size",
203
+ "category": "typesettings"
204
+ },
205
+ "TEXT_LABEL-2_FONT_SIZE": {
206
+ "value": "{!FONT_SIZE_SM}",
207
+ "type": "font-size",
208
+ "category": "font-sizes"
209
+ },
210
+ "TEXT_LABEL-2_FONT_WEIGHT": {
211
+ "value": "{!FONT_WEIGHT_BOLD}",
212
+ "type": "string",
213
+ "category": "font-weights"
214
+ },
215
+ "TEXT_LABEL-2_LINE_HEIGHT": {
216
+ "value": "{!LINE_HEIGHT_SM}",
217
+ "type": "size",
218
+ "category": "typesettings"
219
+ },
220
+ "TEXT_LABEL-1_FONT_SIZE": {
221
+ "value": "{!FONT_SIZE_BASE}",
222
+ "type": "font-size",
223
+ "category": "font-sizes"
224
+ },
225
+ "TEXT_LABEL-1_FONT_WEIGHT": {
226
+ "value": "{!FONT_WEIGHT_BOLD}",
227
+ "type": "string",
228
+ "category": "font-weights"
229
+ },
230
+ "TEXT_LABEL-1_LINE_HEIGHT": {
231
+ "value": "{!LINE_HEIGHT_BASE}",
232
+ "type": "size",
233
+ "category": "typesettings"
234
+ },
235
+ "TEXT_BODY-DEFAULT_FONT_SIZE": {
236
+ "value": "{!FONT_SIZE_BASE}",
237
+ "type": "font-size",
238
+ "category": "font-sizes"
239
+ },
240
+ "TEXT_BODY-DEFAULT_FONT_WEIGHT": {
241
+ "value": "{!FONT_WEIGHT_BOOK}",
242
+ "type": "string",
243
+ "category": "font-weights"
244
+ },
245
+ "TEXT_BODY-DEFAULT_LINE_HEIGHT": {
246
+ "value": "{!LINE_HEIGHT_BASE}",
247
+ "type": "size",
248
+ "category": "typesettings"
249
+ },
250
+ "TEXT_HEADING-5_FONT_SIZE": {
251
+ "value": "{!FONT_SIZE_BASE}",
252
+ "type": "font-size",
253
+ "category": "font-sizes"
254
+ },
255
+ "TEXT_HEADING-5_FONT_WEIGHT": {
256
+ "value": "{!FONT_WEIGHT_BOLD}",
257
+ "type": "string",
258
+ "category": "font-weights"
259
+ },
260
+ "TEXT_HEADING-5_LINE_HEIGHT": {
261
+ "value": "{!LINE_HEIGHT_BASE-TIGHT}",
262
+ "type": "size",
263
+ "category": "typesettings"
264
+ },
265
+ "TEXT_BODY-LONGFORM_FONT_SIZE": {
266
+ "value": "{!FONT_SIZE_LG}",
267
+ "type": "font-size",
268
+ "category": "font-sizes"
269
+ },
270
+ "TEXT_BODY-LONGFORM_FONT_WEIGHT": {
271
+ "value": "{!FONT_WEIGHT_BOOK}",
272
+ "type": "string",
273
+ "category": "font-weights"
274
+ },
275
+ "TEXT_BODY-LONGFORM_LINE_HEIGHT": {
276
+ "value": "{!LINE_HEIGHT_LG}",
277
+ "type": "size",
278
+ "category": "typesettings"
279
+ },
280
+ "TEXT_HEADING-4_FONT_SIZE": {
281
+ "value": "{!FONT_SIZE_LG}",
282
+ "type": "font-size",
283
+ "category": "font-sizes"
284
+ },
285
+ "TEXT_HEADING-4_FONT_WEIGHT": {
286
+ "value": "{!FONT_WEIGHT_BOLD}",
287
+ "type": "string",
288
+ "category": "font-weights"
289
+ },
290
+ "TEXT_HEADING-4_LINE_HEIGHT": {
291
+ "value": "{!LINE_HEIGHT_LG-TIGHT}",
292
+ "type": "size",
293
+ "category": "typesettings"
294
+ },
295
+ "TEXT_SUBHEADING_FONT_SIZE": {
296
+ "value": "{!FONT_SIZE_XL}",
297
+ "type": "font-size",
298
+ "category": "font-sizes"
299
+ },
300
+ "TEXT_SUBHEADING_FONT_WEIGHT": {
301
+ "value": "{!FONT_WEIGHT_BOOK}",
302
+ "type": "string",
303
+ "category": "font-weights"
304
+ },
305
+ "TEXT_SUBHEADING_LINE_HEIGHT": {
306
+ "value": "{!LINE_HEIGHT_XL}",
307
+ "type": "size",
308
+ "category": "typesettings"
309
+ },
310
+ "TEXT_HEADING-3_FONT_SIZE": {
311
+ "value": "{!FONT_SIZE_XL}",
312
+ "type": "font-size",
313
+ "category": "font-sizes"
314
+ },
315
+ "TEXT_HEADING-3_FONT_WEIGHT": {
316
+ "value": "{!FONT_WEIGHT_BOLD}",
317
+ "type": "string",
318
+ "category": "font-weights"
319
+ },
320
+ "TEXT_HEADING-3_LINE_HEIGHT": {
321
+ "value": "{!LINE_HEIGHT_XL-TIGHT}",
322
+ "type": "size",
323
+ "category": "typesettings"
324
+ },
325
+ "TEXT_HEADING-2_FONT_SIZE": {
326
+ "value": "{!FONT_SIZE_XXL}",
327
+ "type": "font-size",
328
+ "category": "font-sizes"
329
+ },
330
+ "TEXT_HEADING-2_FONT_WEIGHT": {
331
+ "value": "{!FONT_WEIGHT_BOLD}",
332
+ "type": "string",
333
+ "category": "font-weights"
334
+ },
335
+ "TEXT_HEADING-2_LINE_HEIGHT": {
336
+ "value": "{!LINE_HEIGHT_XXL}",
337
+ "type": "size",
338
+ "category": "typesettings"
339
+ },
340
+ "TEXT_HEADING-1_FONT_SIZE": {
341
+ "value": "{!FONT_SIZE_XXXL}",
342
+ "type": "font-size",
343
+ "category": "font-sizes"
344
+ },
345
+ "TEXT_HEADING-1_FONT_WEIGHT": {
346
+ "value": "{!FONT_WEIGHT_BOLD}",
347
+ "type": "string",
348
+ "category": "font-weights"
349
+ },
350
+ "TEXT_HEADING-1_LINE_HEIGHT": {
351
+ "value": "{!LINE_HEIGHT_XXXL}",
352
+ "type": "size",
353
+ "category": "typesettings"
354
+ },
167
355
  "TEXT_HERO-5_FONT_SIZE": {
168
356
  "value": "{!FONT_SIZE_XXXXL}",
169
357
  "type": "font-size",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyscanner/bpk-foundations-common",
3
- "version": "2.1.0",
3
+ "version": "2.2.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": "^3.0.0"
21
21
  },
22
22
  "type": "module",
23
- "gitHead": "7eaf0a36104875e96319b723c7940cd9b160d7e8"
23
+ "gitHead": "d150a067a5237089a4124a34ad2e48daaf79b1c6"
24
24
  }