@skyscanner/bpk-foundations-web 19.6.0 → 21.0.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/package.json +3 -3
- package/tokens/base.common.js +73 -73
- package/tokens/base.default.scss +143 -143
- package/tokens/base.es6.d.ts +102 -102
- package/tokens/base.es6.js +102 -102
- package/tokens/base.raw.json +722 -722
- package/tokens/base.scss +143 -143
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyscanner/bpk-foundations-web",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "21.0.0",
|
|
4
4
|
"description": "Common Backpack design tokens for colors, spacing, font, etc.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -17,8 +17,8 @@
|
|
|
17
17
|
"tokens": "gulp"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@skyscanner/bpk-foundations-common": "^
|
|
20
|
+
"@skyscanner/bpk-foundations-common": "^21.0.0",
|
|
21
21
|
"color": "^5.0.0"
|
|
22
22
|
},
|
|
23
|
-
"gitHead": "
|
|
23
|
+
"gitHead": "ba1f9465b2fc40c98cb42965ac3eadf534f8a116"
|
|
24
24
|
}
|
package/tokens/base.common.js
CHANGED
|
@@ -19,45 +19,9 @@
|
|
|
19
19
|
*/
|
|
20
20
|
|
|
21
21
|
module.exports = {
|
|
22
|
-
colorSkyBlueShade03: "rgb(2, 18, 44)",
|
|
23
|
-
colorPrimaryGradientLight: "rgb(0, 98, 227)",
|
|
24
|
-
colorErfoud: "rgb(255, 181, 77)",
|
|
25
|
-
colorValensole: "rgb(165, 155, 200)",
|
|
26
|
-
colorMonteverde: "rgb(0, 166, 152)",
|
|
27
|
-
colorSkyGrayTint01: "rgb(68, 69, 96)",
|
|
28
|
-
colorBlack: "rgb(1, 9, 19)",
|
|
29
|
-
colorSkyGrayTint02: "rgb(104, 105, 127)",
|
|
30
|
-
colorSagano: "rgb(208, 238, 236)",
|
|
31
|
-
colorSkyGrayTint03: "rgb(143, 144, 160)",
|
|
32
|
-
colorSkyGrayTint04: "rgb(178, 178, 191)",
|
|
33
|
-
colorHarbour: "rgb(246, 221, 225)",
|
|
34
|
-
colorSkyGrayTint05: "rgb(205, 205, 215)",
|
|
35
|
-
colorSkyGrayTint06: "rgb(221, 221, 229)",
|
|
36
|
-
colorBlackTint01: "rgb(29, 27, 32)",
|
|
37
|
-
colorSkyGrayTint07: "rgb(241, 242, 248)",
|
|
38
|
-
colorBlackTint02: "rgb(44, 44, 46)",
|
|
39
|
-
colorAbisko: "rgb(90, 72, 155)",
|
|
40
|
-
colorBlackTint03: "rgb(58, 58, 60)",
|
|
41
|
-
colorBlackTint04: "rgb(72, 72, 74)",
|
|
42
22
|
colorWhite: "rgb(255, 255, 255)",
|
|
43
|
-
colorBlackTint05: "rgb(99, 99, 102)",
|
|
44
|
-
colorBlackTint06: "rgb(142, 142, 147)",
|
|
45
|
-
colorPanjin: "rgb(209, 67, 91)",
|
|
46
|
-
colorKolkata: "rgb(255, 148, 0)",
|
|
47
|
-
colorGlencoe: "rgb(115, 206, 198)",
|
|
48
|
-
colorTochigi: "rgb(225, 221, 236)",
|
|
49
|
-
colorPetra: "rgb(255, 171, 149)",
|
|
50
23
|
colorSkyBlue: "rgb(0, 98, 227)",
|
|
51
|
-
|
|
52
|
-
colorHillier: "rgb(225, 139, 150)",
|
|
53
|
-
colorSkyBlueTint01: "rgb(109, 159, 235)",
|
|
54
|
-
colorSkyBlueTint02: "rgb(157, 192, 242)",
|
|
55
|
-
colorBunol: "rgb(255, 123, 89)",
|
|
56
|
-
colorSkyBlueTint03: "rgb(205, 223, 248)",
|
|
57
|
-
colorSkyGray: "rgb(17, 18, 54)",
|
|
58
|
-
colorNara: "rgb(255, 231, 224)",
|
|
59
|
-
colorSkyBlueShade01: "rgb(8, 78, 178)",
|
|
60
|
-
colorSkyBlueShade02: "rgb(4, 39, 89)",
|
|
24
|
+
colorBlack: "rgb(1, 9, 19)",
|
|
61
25
|
privateBadgeBackgroundNormalDay: "rgb(239, 243, 248)",
|
|
62
26
|
privateBadgeBackgroundNormalNight: "rgb(36, 51, 70)",
|
|
63
27
|
canvasDay: "rgb(255, 255, 255)",
|
|
@@ -103,57 +67,27 @@ module.exports = {
|
|
|
103
67
|
textLinkNight: "rgb(132, 233, 255)",
|
|
104
68
|
textHeroNight: "rgb(1, 9, 19)",
|
|
105
69
|
textDisabledNight: "rgba(255, 255, 255, 0.2)",
|
|
106
|
-
textPrimaryDarkColor: "rgb(255, 255, 255)",
|
|
107
70
|
textLinkDay: "rgb(0, 98, 227)",
|
|
108
71
|
textHeroDay: "rgb(0, 98, 227)",
|
|
109
|
-
textQuaternaryDarkColor: "rgb(142, 142, 147)",
|
|
110
72
|
textPrimaryNight: "rgb(255, 255, 255)",
|
|
111
|
-
textQuaternaryLightColor: "rgb(143, 144, 160)",
|
|
112
73
|
textDisabledDay: "rgba(0, 0, 0, 0.2)",
|
|
113
|
-
textPrimaryLightColor: "rgb(17, 18, 54)",
|
|
114
74
|
textPrimaryDay: "rgb(22, 22, 22)",
|
|
115
75
|
textErrorNight: "rgb(255, 100, 156)",
|
|
116
76
|
textErrorDay: "rgb(231, 8, 102)",
|
|
117
|
-
textTertiaryDarkColor: "rgb(142, 142, 147)",
|
|
118
|
-
textSecondaryDarkColor: "rgb(178, 178, 191)",
|
|
119
77
|
textPrimaryInverseNight: "rgb(1, 9, 19)",
|
|
120
78
|
textSecondaryNight: "rgb(189, 196, 203)",
|
|
121
79
|
textOnDarkNight: "rgb(255, 255, 255)",
|
|
122
|
-
textSecondaryLightColor: "rgb(104, 105, 127)",
|
|
123
80
|
textPrimaryInverseDay: "rgb(255, 255, 255)",
|
|
124
81
|
textDisabledOnDarkNight: "rgba(255, 255, 255, 0.5)",
|
|
125
|
-
textTertiaryLightColor: "rgb(143, 144, 160)",
|
|
126
82
|
textSecondaryDay: "rgb(98, 105, 113)",
|
|
127
|
-
scrimDay: "rgba(0, 0, 0, 0.7)",
|
|
128
|
-
backgroundElevation03DarkColor: "rgb(58, 58, 60)",
|
|
129
|
-
backgroundElevation02DarkColor: "rgb(44, 44, 46)",
|
|
130
|
-
lineOnDarkNight: "rgb(68, 80, 95)",
|
|
131
|
-
lineDarkColor: "rgb(72, 72, 74)",
|
|
132
|
-
backgroundElevation01DarkColor: "rgb(29, 27, 32)",
|
|
133
|
-
lineOnDarkDay: "rgba(255, 255, 255, 0.5)",
|
|
134
|
-
backgroundAlternativeSecondaryDarkColor: "rgb(29, 27, 32)",
|
|
135
|
-
backgroundLightColor: "rgb(255, 255, 255)",
|
|
136
|
-
overlayNight: "rgba(255, 255, 255, 0.8)",
|
|
137
|
-
backgroundDarkColor: "rgb(0, 0, 0)",
|
|
138
|
-
backgroundAlternativeSecondaryLightColor: "rgb(255, 255, 255)",
|
|
139
|
-
overlayDay: "rgba(0, 0, 0, 0.2)",
|
|
140
|
-
lineNight: "rgb(68, 80, 95)",
|
|
141
|
-
colorSystemGreen: "rgb(0, 166, 152)",
|
|
142
|
-
backgroundElevation01LightColor: "rgb(255, 255, 255)",
|
|
143
|
-
lineLightColor: "rgb(205, 205, 215)",
|
|
144
|
-
backgroundElevation02LightColor: "rgb(255, 255, 255)",
|
|
145
83
|
lineDay: "rgb(193, 199, 207)",
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
primaryDarkColor: "rgb(109, 159, 235)",
|
|
151
|
-
colorSystemRed: "rgb(209, 67, 91)",
|
|
152
|
-
backgroundAlternativeDarkColor: "rgb(0, 0, 0)",
|
|
153
|
-
primaryLightColor: "rgb(0, 98, 227)",
|
|
154
|
-
backgroundTertiaryLightColor: "rgb(255, 255, 255)",
|
|
155
|
-
backgroundSecondaryLightColor: "rgb(241, 242, 248)",
|
|
84
|
+
lineNight: "rgb(68, 80, 95)",
|
|
85
|
+
lineOnDarkDay: "rgba(255, 255, 255, 0.5)",
|
|
86
|
+
lineOnDarkNight: "rgb(68, 80, 95)",
|
|
87
|
+
scrimDay: "rgba(0, 0, 0, 0.7)",
|
|
156
88
|
scrimNight: "rgba(0, 0, 0, 0.7)",
|
|
89
|
+
overlayDay: "rgba(0, 0, 0, 0.2)",
|
|
90
|
+
overlayNight: "rgba(255, 255, 255, 0.8)",
|
|
157
91
|
privateInfoBannerDefaultDay: "rgb(239, 243, 248)",
|
|
158
92
|
privateInfoBannerOnContrastDay: "rgb(255, 255, 255)",
|
|
159
93
|
privateInfoBannerSuccessDay: "rgb(12, 131, 138)",
|
|
@@ -277,6 +211,72 @@ module.exports = {
|
|
|
277
211
|
privateSegmentedControlSurfaceContrastNight: "rgb(19, 29, 43)",
|
|
278
212
|
privateSegmentedControlSurfaceContrastOnDay: "rgb(2, 77, 175)",
|
|
279
213
|
privateSegmentedControlSurfaceContrastOnNight: "rgb(5, 65, 132)",
|
|
214
|
+
colorSkyBlueShade03: "rgb(2, 18, 44)",
|
|
215
|
+
colorPrimaryGradientLight: "rgb(0, 98, 227)",
|
|
216
|
+
colorErfoud: "rgb(255, 181, 77)",
|
|
217
|
+
colorValensole: "rgb(165, 155, 200)",
|
|
218
|
+
colorMonteverde: "rgb(0, 166, 152)",
|
|
219
|
+
backgroundElevation03DarkColor: "rgb(58, 58, 60)",
|
|
220
|
+
colorSkyGrayTint01: "rgb(68, 69, 96)",
|
|
221
|
+
backgroundElevation02DarkColor: "rgb(44, 44, 46)",
|
|
222
|
+
colorSkyGrayTint02: "rgb(104, 105, 127)",
|
|
223
|
+
lineDarkColor: "rgb(72, 72, 74)",
|
|
224
|
+
backgroundElevation01DarkColor: "rgb(29, 27, 32)",
|
|
225
|
+
colorSagano: "rgb(208, 238, 236)",
|
|
226
|
+
colorSkyGrayTint03: "rgb(143, 144, 160)",
|
|
227
|
+
colorSkyGrayTint04: "rgb(178, 178, 191)",
|
|
228
|
+
colorHarbour: "rgb(246, 221, 225)",
|
|
229
|
+
colorSkyGrayTint05: "rgb(205, 205, 215)",
|
|
230
|
+
backgroundAlternativeSecondaryDarkColor: "rgb(29, 27, 32)",
|
|
231
|
+
colorSkyGrayTint06: "rgb(221, 221, 229)",
|
|
232
|
+
textPrimaryDarkColor: "rgb(255, 255, 255)",
|
|
233
|
+
textQuaternaryDarkColor: "rgb(142, 142, 147)",
|
|
234
|
+
backgroundLightColor: "rgb(255, 255, 255)",
|
|
235
|
+
colorBlackTint01: "rgb(29, 27, 32)",
|
|
236
|
+
colorSkyGrayTint07: "rgb(241, 242, 248)",
|
|
237
|
+
colorBlackTint02: "rgb(44, 44, 46)",
|
|
238
|
+
colorAbisko: "rgb(90, 72, 155)",
|
|
239
|
+
textQuaternaryLightColor: "rgb(143, 144, 160)",
|
|
240
|
+
backgroundDarkColor: "rgb(0, 0, 0)",
|
|
241
|
+
colorBlackTint03: "rgb(58, 58, 60)",
|
|
242
|
+
textPrimaryLightColor: "rgb(17, 18, 54)",
|
|
243
|
+
colorBlackTint04: "rgb(72, 72, 74)",
|
|
244
|
+
backgroundAlternativeSecondaryLightColor: "rgb(255, 255, 255)",
|
|
245
|
+
colorBlackTint05: "rgb(99, 99, 102)",
|
|
246
|
+
colorBlackTint06: "rgb(142, 142, 147)",
|
|
247
|
+
colorPanjin: "rgb(209, 67, 91)",
|
|
248
|
+
colorSystemGreen: "rgb(0, 166, 152)",
|
|
249
|
+
colorKolkata: "rgb(255, 148, 0)",
|
|
250
|
+
colorGlencoe: "rgb(115, 206, 198)",
|
|
251
|
+
backgroundElevation01LightColor: "rgb(255, 255, 255)",
|
|
252
|
+
colorTochigi: "rgb(225, 221, 236)",
|
|
253
|
+
lineLightColor: "rgb(205, 205, 215)",
|
|
254
|
+
backgroundElevation02LightColor: "rgb(255, 255, 255)",
|
|
255
|
+
backgroundElevation03LightColor: "rgb(255, 255, 255)",
|
|
256
|
+
colorPetra: "rgb(255, 171, 149)",
|
|
257
|
+
textTertiaryDarkColor: "rgb(142, 142, 147)",
|
|
258
|
+
backgroundTertiaryDarkColor: "rgb(44, 44, 46)",
|
|
259
|
+
backgroundSecondaryDarkColor: "rgb(29, 27, 32)",
|
|
260
|
+
textSecondaryDarkColor: "rgb(178, 178, 191)",
|
|
261
|
+
backgroundAlternativeLightColor: "rgb(241, 242, 248)",
|
|
262
|
+
primaryDarkColor: "rgb(109, 159, 235)",
|
|
263
|
+
colorBagan: "rgb(255, 235, 208)",
|
|
264
|
+
colorHillier: "rgb(225, 139, 150)",
|
|
265
|
+
colorSkyBlueTint01: "rgb(109, 159, 235)",
|
|
266
|
+
colorSkyBlueTint02: "rgb(157, 192, 242)",
|
|
267
|
+
colorBunol: "rgb(255, 123, 89)",
|
|
268
|
+
colorSkyBlueTint03: "rgb(205, 223, 248)",
|
|
269
|
+
colorSkyGray: "rgb(17, 18, 54)",
|
|
270
|
+
colorSystemRed: "rgb(209, 67, 91)",
|
|
271
|
+
textSecondaryLightColor: "rgb(104, 105, 127)",
|
|
272
|
+
backgroundAlternativeDarkColor: "rgb(0, 0, 0)",
|
|
273
|
+
primaryLightColor: "rgb(0, 98, 227)",
|
|
274
|
+
backgroundTertiaryLightColor: "rgb(255, 255, 255)",
|
|
275
|
+
colorNara: "rgb(255, 231, 224)",
|
|
276
|
+
colorSkyBlueShade01: "rgb(8, 78, 178)",
|
|
277
|
+
backgroundSecondaryLightColor: "rgb(241, 242, 248)",
|
|
278
|
+
textTertiaryLightColor: "rgb(143, 144, 160)",
|
|
279
|
+
colorSkyBlueShade02: "rgb(4, 39, 89)",
|
|
280
280
|
durationXs: "50ms",
|
|
281
281
|
durationSm: "200ms",
|
|
282
282
|
durationBase: "400ms",
|
package/tokens/base.default.scss
CHANGED
|
@@ -18,83 +18,11 @@
|
|
|
18
18
|
*
|
|
19
19
|
*/
|
|
20
20
|
/// @group colors
|
|
21
|
-
$bpk-color-sky-blue-shade-03: rgb(2, 18, 44) !default;
|
|
22
|
-
/// @group colors
|
|
23
|
-
$bpk-color-primary-gradient-light: rgb(0, 98, 227) !default;
|
|
24
|
-
/// @group colors
|
|
25
|
-
$bpk-color-erfoud: rgb(255, 181, 77) !default;
|
|
26
|
-
/// @group colors
|
|
27
|
-
$bpk-color-valensole: rgb(165, 155, 200) !default;
|
|
28
|
-
/// @group colors
|
|
29
|
-
$bpk-color-monteverde: rgb(0, 166, 152) !default;
|
|
30
|
-
/// @group colors
|
|
31
|
-
$bpk-color-sky-gray-tint-01: rgb(68, 69, 96) !default;
|
|
32
|
-
/// @group colors
|
|
33
|
-
$bpk-color-black: rgb(1, 9, 19) !default;
|
|
34
|
-
/// @group colors
|
|
35
|
-
$bpk-color-sky-gray-tint-02: rgb(104, 105, 127) !default;
|
|
36
|
-
/// @group colors
|
|
37
|
-
$bpk-color-sagano: rgb(208, 238, 236) !default;
|
|
38
|
-
/// @group colors
|
|
39
|
-
$bpk-color-sky-gray-tint-03: rgb(143, 144, 160) !default;
|
|
40
|
-
/// @group colors
|
|
41
|
-
$bpk-color-sky-gray-tint-04: rgb(178, 178, 191) !default;
|
|
42
|
-
/// @group colors
|
|
43
|
-
$bpk-color-harbour: rgb(246, 221, 225) !default;
|
|
44
|
-
/// @group colors
|
|
45
|
-
$bpk-color-sky-gray-tint-05: rgb(205, 205, 215) !default;
|
|
46
|
-
/// @group colors
|
|
47
|
-
$bpk-color-sky-gray-tint-06: rgb(221, 221, 229) !default;
|
|
48
|
-
/// @group colors
|
|
49
|
-
$bpk-color-black-tint-01: rgb(29, 27, 32) !default;
|
|
50
|
-
/// @group colors
|
|
51
|
-
$bpk-color-sky-gray-tint-07: rgb(241, 242, 248) !default;
|
|
52
|
-
/// @group colors
|
|
53
|
-
$bpk-color-black-tint-02: rgb(44, 44, 46) !default;
|
|
54
|
-
/// @group colors
|
|
55
|
-
$bpk-color-abisko: rgb(90, 72, 155) !default;
|
|
56
|
-
/// @group colors
|
|
57
|
-
$bpk-color-black-tint-03: rgb(58, 58, 60) !default;
|
|
58
|
-
/// @group colors
|
|
59
|
-
$bpk-color-black-tint-04: rgb(72, 72, 74) !default;
|
|
60
|
-
/// @group colors
|
|
61
21
|
$bpk-color-white: rgb(255, 255, 255) !default;
|
|
62
22
|
/// @group colors
|
|
63
|
-
$bpk-color-black-tint-05: rgb(99, 99, 102) !default;
|
|
64
|
-
/// @group colors
|
|
65
|
-
$bpk-color-black-tint-06: rgb(142, 142, 147) !default;
|
|
66
|
-
/// @group colors
|
|
67
|
-
$bpk-color-panjin: rgb(209, 67, 91) !default;
|
|
68
|
-
/// @group colors
|
|
69
|
-
$bpk-color-kolkata: rgb(255, 148, 0) !default;
|
|
70
|
-
/// @group colors
|
|
71
|
-
$bpk-color-glencoe: rgb(115, 206, 198) !default;
|
|
72
|
-
/// @group colors
|
|
73
|
-
$bpk-color-tochigi: rgb(225, 221, 236) !default;
|
|
74
|
-
/// @group colors
|
|
75
|
-
$bpk-color-petra: rgb(255, 171, 149) !default;
|
|
76
|
-
/// @group colors
|
|
77
23
|
$bpk-color-sky-blue: rgb(0, 98, 227) !default;
|
|
78
24
|
/// @group colors
|
|
79
|
-
$bpk-color-
|
|
80
|
-
/// @group colors
|
|
81
|
-
$bpk-color-hillier: rgb(225, 139, 150) !default;
|
|
82
|
-
/// @group colors
|
|
83
|
-
$bpk-color-sky-blue-tint-01: rgb(109, 159, 235) !default;
|
|
84
|
-
/// @group colors
|
|
85
|
-
$bpk-color-sky-blue-tint-02: rgb(157, 192, 242) !default;
|
|
86
|
-
/// @group colors
|
|
87
|
-
$bpk-color-bunol: rgb(255, 123, 89) !default;
|
|
88
|
-
/// @group colors
|
|
89
|
-
$bpk-color-sky-blue-tint-03: rgb(205, 223, 248) !default;
|
|
90
|
-
/// @group colors
|
|
91
|
-
$bpk-color-sky-gray: rgb(17, 18, 54) !default;
|
|
92
|
-
/// @group colors
|
|
93
|
-
$bpk-color-nara: rgb(255, 231, 224) !default;
|
|
94
|
-
/// @group colors
|
|
95
|
-
$bpk-color-sky-blue-shade-01: rgb(8, 78, 178) !default;
|
|
96
|
-
/// @group colors
|
|
97
|
-
$bpk-color-sky-blue-shade-02: rgb(4, 39, 89) !default;
|
|
25
|
+
$bpk-color-black: rgb(1, 9, 19) !default;
|
|
98
26
|
/// @group badge-colors
|
|
99
27
|
$bpk-private-badge-background-normal-day: rgb(239, 243, 248) !default;
|
|
100
28
|
/// @group badge-colors
|
|
@@ -186,107 +114,47 @@ $bpk-text-hero-night: rgb(1, 9, 19) !default;
|
|
|
186
114
|
/// @group text-colors
|
|
187
115
|
$bpk-text-disabled-night: rgba(255, 255, 255, 0.2) !default;
|
|
188
116
|
/// @group text-colors
|
|
189
|
-
$bpk-text-primary-dark-color: rgb(255, 255, 255) !default;
|
|
190
|
-
/// @group text-colors
|
|
191
117
|
$bpk-text-link-day: rgb(0, 98, 227) !default;
|
|
192
118
|
/// @group text-colors
|
|
193
119
|
$bpk-text-hero-day: rgb(0, 98, 227) !default;
|
|
194
120
|
/// @group text-colors
|
|
195
|
-
$bpk-text-quaternary-dark-color: rgb(142, 142, 147) !default;
|
|
196
|
-
/// @group text-colors
|
|
197
121
|
$bpk-text-primary-night: rgb(255, 255, 255) !default;
|
|
198
122
|
/// @group text-colors
|
|
199
|
-
$bpk-text-quaternary-light-color: rgb(143, 144, 160) !default;
|
|
200
|
-
/// @group text-colors
|
|
201
123
|
$bpk-text-disabled-day: rgba(0, 0, 0, 0.2) !default;
|
|
202
124
|
/// @group text-colors
|
|
203
|
-
$bpk-text-primary-light-color: rgb(17, 18, 54) !default;
|
|
204
|
-
/// @group text-colors
|
|
205
125
|
$bpk-text-primary-day: rgb(22, 22, 22) !default;
|
|
206
126
|
/// @group text-colors
|
|
207
127
|
$bpk-text-error-night: rgb(255, 100, 156) !default;
|
|
208
128
|
/// @group text-colors
|
|
209
129
|
$bpk-text-error-day: rgb(231, 8, 102) !default;
|
|
210
130
|
/// @group text-colors
|
|
211
|
-
$bpk-text-tertiary-dark-color: rgb(142, 142, 147) !default;
|
|
212
|
-
/// @group text-colors
|
|
213
|
-
$bpk-text-secondary-dark-color: rgb(178, 178, 191) !default;
|
|
214
|
-
/// @group text-colors
|
|
215
131
|
$bpk-text-primary-inverse-night: rgb(1, 9, 19) !default;
|
|
216
132
|
/// @group text-colors
|
|
217
133
|
$bpk-text-secondary-night: rgb(189, 196, 203) !default;
|
|
218
134
|
/// @group text-colors
|
|
219
135
|
$bpk-text-on-dark-night: rgb(255, 255, 255) !default;
|
|
220
136
|
/// @group text-colors
|
|
221
|
-
$bpk-text-secondary-light-color: rgb(104, 105, 127) !default;
|
|
222
|
-
/// @group text-colors
|
|
223
137
|
$bpk-text-primary-inverse-day: rgb(255, 255, 255) !default;
|
|
224
138
|
/// @group text-colors
|
|
225
139
|
$bpk-text-disabled-on-dark-night: rgba(255, 255, 255, 0.5) !default;
|
|
226
140
|
/// @group text-colors
|
|
227
|
-
$bpk-text-tertiary-light-color: rgb(143, 144, 160) !default;
|
|
228
|
-
/// @group text-colors
|
|
229
141
|
$bpk-text-secondary-day: rgb(98, 105, 113) !default;
|
|
230
|
-
/// @group scrim-colors
|
|
231
|
-
$bpk-scrim-day: rgba(0, 0, 0, 0.7) !default;
|
|
232
|
-
/// @group text-colors
|
|
233
|
-
$bpk-background-elevation-03-dark-color: rgb(58, 58, 60) !default;
|
|
234
|
-
/// @group text-colors
|
|
235
|
-
$bpk-background-elevation-02-dark-color: rgb(44, 44, 46) !default;
|
|
236
|
-
/// @group line-colors
|
|
237
|
-
$bpk-line-on-dark-night: rgb(68, 80, 95) !default;
|
|
238
|
-
/// @group colors
|
|
239
|
-
$bpk-line-dark-color: rgb(72, 72, 74) !default;
|
|
240
|
-
/// @group text-colors
|
|
241
|
-
$bpk-background-elevation-01-dark-color: rgb(29, 27, 32) !default;
|
|
242
142
|
/// @group line-colors
|
|
243
|
-
$bpk-line-
|
|
244
|
-
/// @group colors
|
|
245
|
-
$bpk-background-alternative-secondary-dark-color: rgb(29, 27, 32) !default;
|
|
246
|
-
/// @group colors
|
|
247
|
-
$bpk-background-light-color: rgb(255, 255, 255) !default;
|
|
248
|
-
/// @group overlay-colors
|
|
249
|
-
$bpk-overlay-night: rgba(255, 255, 255, 0.8) !default;
|
|
250
|
-
/// @group colors
|
|
251
|
-
$bpk-background-dark-color: rgb(0, 0, 0) !default;
|
|
252
|
-
/// @group colors
|
|
253
|
-
$bpk-background-alternative-secondary-light-color: rgb(255, 255, 255) !default;
|
|
254
|
-
/// @group overlay-colors
|
|
255
|
-
$bpk-overlay-day: rgba(0, 0, 0, 0.2) !default;
|
|
143
|
+
$bpk-line-day: rgb(193, 199, 207) !default;
|
|
256
144
|
/// @group line-colors
|
|
257
145
|
$bpk-line-night: rgb(68, 80, 95) !default;
|
|
258
|
-
/// @group colors
|
|
259
|
-
$bpk-color-system-green: rgb(0, 166, 152) !default;
|
|
260
|
-
/// @group text-colors
|
|
261
|
-
$bpk-background-elevation-01-light-color: rgb(255, 255, 255) !default;
|
|
262
|
-
/// @group colors
|
|
263
|
-
$bpk-line-light-color: rgb(205, 205, 215) !default;
|
|
264
|
-
/// @group text-colors
|
|
265
|
-
$bpk-background-elevation-02-light-color: rgb(255, 255, 255) !default;
|
|
266
146
|
/// @group line-colors
|
|
267
|
-
$bpk-line-day:
|
|
268
|
-
/// @group
|
|
269
|
-
$bpk-
|
|
270
|
-
/// @group colors
|
|
271
|
-
$bpk-
|
|
272
|
-
/// @group colors
|
|
273
|
-
$bpk-background-secondary-dark-color: rgb(29, 27, 32) !default;
|
|
274
|
-
/// @group colors
|
|
275
|
-
$bpk-background-alternative-light-color: rgb(241, 242, 248) !default;
|
|
276
|
-
/// @group colors
|
|
277
|
-
$bpk-primary-dark-color: rgb(109, 159, 235) !default;
|
|
278
|
-
/// @group colors
|
|
279
|
-
$bpk-color-system-red: rgb(209, 67, 91) !default;
|
|
280
|
-
/// @group colors
|
|
281
|
-
$bpk-background-alternative-dark-color: rgb(0, 0, 0) !default;
|
|
282
|
-
/// @group colors
|
|
283
|
-
$bpk-primary-light-color: rgb(0, 98, 227) !default;
|
|
284
|
-
/// @group colors
|
|
285
|
-
$bpk-background-tertiary-light-color: rgb(255, 255, 255) !default;
|
|
286
|
-
/// @group colors
|
|
287
|
-
$bpk-background-secondary-light-color: rgb(241, 242, 248) !default;
|
|
147
|
+
$bpk-line-on-dark-day: rgba(255, 255, 255, 0.5) !default;
|
|
148
|
+
/// @group line-colors
|
|
149
|
+
$bpk-line-on-dark-night: rgb(68, 80, 95) !default;
|
|
150
|
+
/// @group scrim-colors
|
|
151
|
+
$bpk-scrim-day: rgba(0, 0, 0, 0.7) !default;
|
|
288
152
|
/// @group scrim-colors
|
|
289
153
|
$bpk-scrim-night: rgba(0, 0, 0, 0.7) !default;
|
|
154
|
+
/// @group overlay-colors
|
|
155
|
+
$bpk-overlay-day: rgba(0, 0, 0, 0.2) !default;
|
|
156
|
+
/// @group overlay-colors
|
|
157
|
+
$bpk-overlay-night: rgba(255, 255, 255, 0.8) !default;
|
|
290
158
|
/// @group info-banner-colors
|
|
291
159
|
$bpk-private-info-banner-default-day: rgb(239, 243, 248) !default;
|
|
292
160
|
/// @group info-banner-colors
|
|
@@ -533,6 +401,138 @@ $bpk-private-segmented-control-surface-contrast-night: rgb(19, 29, 43) !default;
|
|
|
533
401
|
$bpk-private-segmented-control-surface-contrast-on-day: rgb(2, 77, 175) !default;
|
|
534
402
|
/// @group segmented-control-colors
|
|
535
403
|
$bpk-private-segmented-control-surface-contrast-on-night: rgb(5, 65, 132) !default;
|
|
404
|
+
/// @group colors
|
|
405
|
+
$bpk-color-sky-blue-shade-03: rgb(2, 18, 44) !default;
|
|
406
|
+
/// @group colors
|
|
407
|
+
$bpk-color-primary-gradient-light: rgb(0, 98, 227) !default;
|
|
408
|
+
/// @group colors
|
|
409
|
+
$bpk-color-erfoud: rgb(255, 181, 77) !default;
|
|
410
|
+
/// @group colors
|
|
411
|
+
$bpk-color-valensole: rgb(165, 155, 200) !default;
|
|
412
|
+
/// @group colors
|
|
413
|
+
$bpk-color-monteverde: rgb(0, 166, 152) !default;
|
|
414
|
+
/// @group text-colors
|
|
415
|
+
$bpk-background-elevation-03-dark-color: rgb(58, 58, 60) !default;
|
|
416
|
+
/// @group colors
|
|
417
|
+
$bpk-color-sky-gray-tint-01: rgb(68, 69, 96) !default;
|
|
418
|
+
/// @group text-colors
|
|
419
|
+
$bpk-background-elevation-02-dark-color: rgb(44, 44, 46) !default;
|
|
420
|
+
/// @group colors
|
|
421
|
+
$bpk-color-sky-gray-tint-02: rgb(104, 105, 127) !default;
|
|
422
|
+
/// @group colors
|
|
423
|
+
$bpk-line-dark-color: rgb(72, 72, 74) !default;
|
|
424
|
+
/// @group text-colors
|
|
425
|
+
$bpk-background-elevation-01-dark-color: rgb(29, 27, 32) !default;
|
|
426
|
+
/// @group colors
|
|
427
|
+
$bpk-color-sagano: rgb(208, 238, 236) !default;
|
|
428
|
+
/// @group colors
|
|
429
|
+
$bpk-color-sky-gray-tint-03: rgb(143, 144, 160) !default;
|
|
430
|
+
/// @group colors
|
|
431
|
+
$bpk-color-sky-gray-tint-04: rgb(178, 178, 191) !default;
|
|
432
|
+
/// @group colors
|
|
433
|
+
$bpk-color-harbour: rgb(246, 221, 225) !default;
|
|
434
|
+
/// @group colors
|
|
435
|
+
$bpk-color-sky-gray-tint-05: rgb(205, 205, 215) !default;
|
|
436
|
+
/// @group colors
|
|
437
|
+
$bpk-background-alternative-secondary-dark-color: rgb(29, 27, 32) !default;
|
|
438
|
+
/// @group colors
|
|
439
|
+
$bpk-color-sky-gray-tint-06: rgb(221, 221, 229) !default;
|
|
440
|
+
/// @group text-colors
|
|
441
|
+
$bpk-text-primary-dark-color: rgb(255, 255, 255) !default;
|
|
442
|
+
/// @group text-colors
|
|
443
|
+
$bpk-text-quaternary-dark-color: rgb(142, 142, 147) !default;
|
|
444
|
+
/// @group colors
|
|
445
|
+
$bpk-background-light-color: rgb(255, 255, 255) !default;
|
|
446
|
+
/// @group colors
|
|
447
|
+
$bpk-color-black-tint-01: rgb(29, 27, 32) !default;
|
|
448
|
+
/// @group colors
|
|
449
|
+
$bpk-color-sky-gray-tint-07: rgb(241, 242, 248) !default;
|
|
450
|
+
/// @group colors
|
|
451
|
+
$bpk-color-black-tint-02: rgb(44, 44, 46) !default;
|
|
452
|
+
/// @group colors
|
|
453
|
+
$bpk-color-abisko: rgb(90, 72, 155) !default;
|
|
454
|
+
/// @group text-colors
|
|
455
|
+
$bpk-text-quaternary-light-color: rgb(143, 144, 160) !default;
|
|
456
|
+
/// @group colors
|
|
457
|
+
$bpk-background-dark-color: rgb(0, 0, 0) !default;
|
|
458
|
+
/// @group colors
|
|
459
|
+
$bpk-color-black-tint-03: rgb(58, 58, 60) !default;
|
|
460
|
+
/// @group text-colors
|
|
461
|
+
$bpk-text-primary-light-color: rgb(17, 18, 54) !default;
|
|
462
|
+
/// @group colors
|
|
463
|
+
$bpk-color-black-tint-04: rgb(72, 72, 74) !default;
|
|
464
|
+
/// @group colors
|
|
465
|
+
$bpk-background-alternative-secondary-light-color: rgb(255, 255, 255) !default;
|
|
466
|
+
/// @group colors
|
|
467
|
+
$bpk-color-black-tint-05: rgb(99, 99, 102) !default;
|
|
468
|
+
/// @group colors
|
|
469
|
+
$bpk-color-black-tint-06: rgb(142, 142, 147) !default;
|
|
470
|
+
/// @group colors
|
|
471
|
+
$bpk-color-panjin: rgb(209, 67, 91) !default;
|
|
472
|
+
/// @group colors
|
|
473
|
+
$bpk-color-system-green: rgb(0, 166, 152) !default;
|
|
474
|
+
/// @group colors
|
|
475
|
+
$bpk-color-kolkata: rgb(255, 148, 0) !default;
|
|
476
|
+
/// @group colors
|
|
477
|
+
$bpk-color-glencoe: rgb(115, 206, 198) !default;
|
|
478
|
+
/// @group text-colors
|
|
479
|
+
$bpk-background-elevation-01-light-color: rgb(255, 255, 255) !default;
|
|
480
|
+
/// @group colors
|
|
481
|
+
$bpk-color-tochigi: rgb(225, 221, 236) !default;
|
|
482
|
+
/// @group colors
|
|
483
|
+
$bpk-line-light-color: rgb(205, 205, 215) !default;
|
|
484
|
+
/// @group text-colors
|
|
485
|
+
$bpk-background-elevation-02-light-color: rgb(255, 255, 255) !default;
|
|
486
|
+
/// @group text-colors
|
|
487
|
+
$bpk-background-elevation-03-light-color: rgb(255, 255, 255) !default;
|
|
488
|
+
/// @group colors
|
|
489
|
+
$bpk-color-petra: rgb(255, 171, 149) !default;
|
|
490
|
+
/// @group text-colors
|
|
491
|
+
$bpk-text-tertiary-dark-color: rgb(142, 142, 147) !default;
|
|
492
|
+
/// @group colors
|
|
493
|
+
$bpk-background-tertiary-dark-color: rgb(44, 44, 46) !default;
|
|
494
|
+
/// @group colors
|
|
495
|
+
$bpk-background-secondary-dark-color: rgb(29, 27, 32) !default;
|
|
496
|
+
/// @group text-colors
|
|
497
|
+
$bpk-text-secondary-dark-color: rgb(178, 178, 191) !default;
|
|
498
|
+
/// @group colors
|
|
499
|
+
$bpk-background-alternative-light-color: rgb(241, 242, 248) !default;
|
|
500
|
+
/// @group colors
|
|
501
|
+
$bpk-primary-dark-color: rgb(109, 159, 235) !default;
|
|
502
|
+
/// @group colors
|
|
503
|
+
$bpk-color-bagan: rgb(255, 235, 208) !default;
|
|
504
|
+
/// @group colors
|
|
505
|
+
$bpk-color-hillier: rgb(225, 139, 150) !default;
|
|
506
|
+
/// @group colors
|
|
507
|
+
$bpk-color-sky-blue-tint-01: rgb(109, 159, 235) !default;
|
|
508
|
+
/// @group colors
|
|
509
|
+
$bpk-color-sky-blue-tint-02: rgb(157, 192, 242) !default;
|
|
510
|
+
/// @group colors
|
|
511
|
+
$bpk-color-bunol: rgb(255, 123, 89) !default;
|
|
512
|
+
/// @group colors
|
|
513
|
+
$bpk-color-sky-blue-tint-03: rgb(205, 223, 248) !default;
|
|
514
|
+
/// @group colors
|
|
515
|
+
$bpk-color-sky-gray: rgb(17, 18, 54) !default;
|
|
516
|
+
/// @group colors
|
|
517
|
+
$bpk-color-system-red: rgb(209, 67, 91) !default;
|
|
518
|
+
/// @group text-colors
|
|
519
|
+
$bpk-text-secondary-light-color: rgb(104, 105, 127) !default;
|
|
520
|
+
/// @group colors
|
|
521
|
+
$bpk-background-alternative-dark-color: rgb(0, 0, 0) !default;
|
|
522
|
+
/// @group colors
|
|
523
|
+
$bpk-primary-light-color: rgb(0, 98, 227) !default;
|
|
524
|
+
/// @group colors
|
|
525
|
+
$bpk-background-tertiary-light-color: rgb(255, 255, 255) !default;
|
|
526
|
+
/// @group colors
|
|
527
|
+
$bpk-color-nara: rgb(255, 231, 224) !default;
|
|
528
|
+
/// @group colors
|
|
529
|
+
$bpk-color-sky-blue-shade-01: rgb(8, 78, 178) !default;
|
|
530
|
+
/// @group colors
|
|
531
|
+
$bpk-background-secondary-light-color: rgb(241, 242, 248) !default;
|
|
532
|
+
/// @group text-colors
|
|
533
|
+
$bpk-text-tertiary-light-color: rgb(143, 144, 160) !default;
|
|
534
|
+
/// @group colors
|
|
535
|
+
$bpk-color-sky-blue-shade-02: rgb(4, 39, 89) !default;
|
|
536
536
|
/// @group animations
|
|
537
537
|
$bpk-duration-xs: 50ms !default;
|
|
538
538
|
/// @group animations
|