@skyscanner/bpk-foundations-common 3.0.0 → 3.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/base/colors/base.json +72 -36
- package/base/colors/other.json +44 -22
- package/base/colors/text.json +16 -8
- package/package.json +2 -2
package/base/colors/base.json
CHANGED
|
@@ -12,115 +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}"
|
|
158
|
+
"value": "{!BLACK_TINT_06}",
|
|
159
|
+
"deprecated": true
|
|
124
160
|
}
|
|
125
161
|
}
|
|
126
162
|
}
|
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}"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyscanner/bpk-foundations-common",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.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": "^3.0.0"
|
|
21
21
|
},
|
|
22
22
|
"type": "module",
|
|
23
|
-
"gitHead": "
|
|
23
|
+
"gitHead": "88ecd77b6373973a4d4bed7618bf024ded853fb9"
|
|
24
24
|
}
|