@skyscanner/bpk-foundations-common 3.0.0 → 3.1.2

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 (7) hide show
  1. package/base/colors/base.json +72 -36
  2. package/base/colors/chip.json +51 -0
  3. package/base/colors/other.json +44 -22
  4. package/base/colors/text.json +16 -8
  5. package/base/colors.json +2 -1
  6. package/package.json +2 -2
  7. package/.DS_Store +0 -0
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/chip.json ADDED
@@ -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": "#054184"
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}"
package/base/colors.json CHANGED
@@ -7,6 +7,7 @@
7
7
  "./colors/surface.json",
8
8
  "./colors/text.json",
9
9
  "./colors/other.json",
10
- "./colors/marcomms.json"
10
+ "./colors/marcomms.json",
11
+ "./colors/chip.json"
11
12
  ]
12
13
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyscanner/bpk-foundations-common",
3
- "version": "3.0.0",
3
+ "version": "3.1.2",
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": "2d6f16f9f80299a89ee28eaa2df8a33cf6c09913"
23
+ "gitHead": "ea74e3e754d08d38a48febb4884514ad62754bbb"
24
24
  }
package/.DS_Store DELETED
Binary file