@skyscanner/bpk-foundations-web 20.0.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 +67 -67
- package/tokens/base.default.scss +131 -131
- package/tokens/base.es6.d.ts +102 -102
- package/tokens/base.es6.js +102 -102
- package/tokens/base.raw.json +624 -624
- package/tokens/base.scss +131 -131
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,39 +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
|
-
colorSkyGrayTint07: "rgb(241, 242, 248)",
|
|
37
|
-
colorAbisko: "rgb(90, 72, 155)",
|
|
38
22
|
colorWhite: "rgb(255, 255, 255)",
|
|
39
|
-
colorPanjin: "rgb(209, 67, 91)",
|
|
40
|
-
colorKolkata: "rgb(255, 148, 0)",
|
|
41
|
-
colorGlencoe: "rgb(115, 206, 198)",
|
|
42
|
-
colorTochigi: "rgb(225, 221, 236)",
|
|
43
|
-
colorPetra: "rgb(255, 171, 149)",
|
|
44
23
|
colorSkyBlue: "rgb(0, 98, 227)",
|
|
45
|
-
|
|
46
|
-
colorHillier: "rgb(225, 139, 150)",
|
|
47
|
-
colorSkyBlueTint01: "rgb(109, 159, 235)",
|
|
48
|
-
colorSkyBlueTint02: "rgb(157, 192, 242)",
|
|
49
|
-
colorBunol: "rgb(255, 123, 89)",
|
|
50
|
-
colorSkyBlueTint03: "rgb(205, 223, 248)",
|
|
51
|
-
colorSkyGray: "rgb(17, 18, 54)",
|
|
52
|
-
colorNara: "rgb(255, 231, 224)",
|
|
53
|
-
colorSkyBlueShade01: "rgb(8, 78, 178)",
|
|
54
|
-
colorSkyBlueShade02: "rgb(4, 39, 89)",
|
|
24
|
+
colorBlack: "rgb(1, 9, 19)",
|
|
55
25
|
privateBadgeBackgroundNormalDay: "rgb(239, 243, 248)",
|
|
56
26
|
privateBadgeBackgroundNormalNight: "rgb(36, 51, 70)",
|
|
57
27
|
canvasDay: "rgb(255, 255, 255)",
|
|
@@ -97,57 +67,27 @@ module.exports = {
|
|
|
97
67
|
textLinkNight: "rgb(132, 233, 255)",
|
|
98
68
|
textHeroNight: "rgb(1, 9, 19)",
|
|
99
69
|
textDisabledNight: "rgba(255, 255, 255, 0.2)",
|
|
100
|
-
textPrimaryDarkColor: "rgb(255, 255, 255)",
|
|
101
70
|
textLinkDay: "rgb(0, 98, 227)",
|
|
102
71
|
textHeroDay: "rgb(0, 98, 227)",
|
|
103
|
-
textQuaternaryDarkColor: "rgb(142, 142, 147)",
|
|
104
72
|
textPrimaryNight: "rgb(255, 255, 255)",
|
|
105
|
-
textQuaternaryLightColor: "rgb(143, 144, 160)",
|
|
106
73
|
textDisabledDay: "rgba(0, 0, 0, 0.2)",
|
|
107
|
-
textPrimaryLightColor: "rgb(17, 18, 54)",
|
|
108
74
|
textPrimaryDay: "rgb(22, 22, 22)",
|
|
109
75
|
textErrorNight: "rgb(255, 100, 156)",
|
|
110
76
|
textErrorDay: "rgb(231, 8, 102)",
|
|
111
|
-
textTertiaryDarkColor: "rgb(142, 142, 147)",
|
|
112
|
-
textSecondaryDarkColor: "rgb(178, 178, 191)",
|
|
113
77
|
textPrimaryInverseNight: "rgb(1, 9, 19)",
|
|
114
78
|
textSecondaryNight: "rgb(189, 196, 203)",
|
|
115
79
|
textOnDarkNight: "rgb(255, 255, 255)",
|
|
116
|
-
textSecondaryLightColor: "rgb(104, 105, 127)",
|
|
117
80
|
textPrimaryInverseDay: "rgb(255, 255, 255)",
|
|
118
81
|
textDisabledOnDarkNight: "rgba(255, 255, 255, 0.5)",
|
|
119
|
-
textTertiaryLightColor: "rgb(143, 144, 160)",
|
|
120
82
|
textSecondaryDay: "rgb(98, 105, 113)",
|
|
121
|
-
scrimDay: "rgba(0, 0, 0, 0.7)",
|
|
122
|
-
backgroundElevation03DarkColor: "rgb(58, 58, 60)",
|
|
123
|
-
backgroundElevation02DarkColor: "rgb(44, 44, 46)",
|
|
124
|
-
lineOnDarkNight: "rgb(68, 80, 95)",
|
|
125
|
-
lineDarkColor: "rgb(72, 72, 74)",
|
|
126
|
-
backgroundElevation01DarkColor: "rgb(29, 27, 32)",
|
|
127
|
-
lineOnDarkDay: "rgba(255, 255, 255, 0.5)",
|
|
128
|
-
backgroundAlternativeSecondaryDarkColor: "rgb(29, 27, 32)",
|
|
129
|
-
backgroundLightColor: "rgb(255, 255, 255)",
|
|
130
|
-
overlayNight: "rgba(255, 255, 255, 0.8)",
|
|
131
|
-
backgroundDarkColor: "rgb(0, 0, 0)",
|
|
132
|
-
backgroundAlternativeSecondaryLightColor: "rgb(255, 255, 255)",
|
|
133
|
-
overlayDay: "rgba(0, 0, 0, 0.2)",
|
|
134
|
-
lineNight: "rgb(68, 80, 95)",
|
|
135
|
-
colorSystemGreen: "rgb(0, 166, 152)",
|
|
136
|
-
backgroundElevation01LightColor: "rgb(255, 255, 255)",
|
|
137
|
-
lineLightColor: "rgb(205, 205, 215)",
|
|
138
|
-
backgroundElevation02LightColor: "rgb(255, 255, 255)",
|
|
139
83
|
lineDay: "rgb(193, 199, 207)",
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
primaryDarkColor: "rgb(109, 159, 235)",
|
|
145
|
-
colorSystemRed: "rgb(209, 67, 91)",
|
|
146
|
-
backgroundAlternativeDarkColor: "rgb(0, 0, 0)",
|
|
147
|
-
primaryLightColor: "rgb(0, 98, 227)",
|
|
148
|
-
backgroundTertiaryLightColor: "rgb(255, 255, 255)",
|
|
149
|
-
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)",
|
|
150
88
|
scrimNight: "rgba(0, 0, 0, 0.7)",
|
|
89
|
+
overlayDay: "rgba(0, 0, 0, 0.2)",
|
|
90
|
+
overlayNight: "rgba(255, 255, 255, 0.8)",
|
|
151
91
|
privateInfoBannerDefaultDay: "rgb(239, 243, 248)",
|
|
152
92
|
privateInfoBannerOnContrastDay: "rgb(255, 255, 255)",
|
|
153
93
|
privateInfoBannerSuccessDay: "rgb(12, 131, 138)",
|
|
@@ -271,12 +211,72 @@ module.exports = {
|
|
|
271
211
|
privateSegmentedControlSurfaceContrastNight: "rgb(19, 29, 43)",
|
|
272
212
|
privateSegmentedControlSurfaceContrastOnDay: "rgb(2, 77, 175)",
|
|
273
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)",
|
|
274
235
|
colorBlackTint01: "rgb(29, 27, 32)",
|
|
236
|
+
colorSkyGrayTint07: "rgb(241, 242, 248)",
|
|
275
237
|
colorBlackTint02: "rgb(44, 44, 46)",
|
|
238
|
+
colorAbisko: "rgb(90, 72, 155)",
|
|
239
|
+
textQuaternaryLightColor: "rgb(143, 144, 160)",
|
|
240
|
+
backgroundDarkColor: "rgb(0, 0, 0)",
|
|
276
241
|
colorBlackTint03: "rgb(58, 58, 60)",
|
|
242
|
+
textPrimaryLightColor: "rgb(17, 18, 54)",
|
|
277
243
|
colorBlackTint04: "rgb(72, 72, 74)",
|
|
244
|
+
backgroundAlternativeSecondaryLightColor: "rgb(255, 255, 255)",
|
|
278
245
|
colorBlackTint05: "rgb(99, 99, 102)",
|
|
279
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,71 +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-sky-gray-tint-07: rgb(241, 242, 248) !default;
|
|
50
|
-
/// @group colors
|
|
51
|
-
$bpk-color-abisko: rgb(90, 72, 155) !default;
|
|
52
|
-
/// @group colors
|
|
53
21
|
$bpk-color-white: rgb(255, 255, 255) !default;
|
|
54
22
|
/// @group colors
|
|
55
|
-
$bpk-color-panjin: rgb(209, 67, 91) !default;
|
|
56
|
-
/// @group colors
|
|
57
|
-
$bpk-color-kolkata: rgb(255, 148, 0) !default;
|
|
58
|
-
/// @group colors
|
|
59
|
-
$bpk-color-glencoe: rgb(115, 206, 198) !default;
|
|
60
|
-
/// @group colors
|
|
61
|
-
$bpk-color-tochigi: rgb(225, 221, 236) !default;
|
|
62
|
-
/// @group colors
|
|
63
|
-
$bpk-color-petra: rgb(255, 171, 149) !default;
|
|
64
|
-
/// @group colors
|
|
65
23
|
$bpk-color-sky-blue: rgb(0, 98, 227) !default;
|
|
66
24
|
/// @group colors
|
|
67
|
-
$bpk-color-
|
|
68
|
-
/// @group colors
|
|
69
|
-
$bpk-color-hillier: rgb(225, 139, 150) !default;
|
|
70
|
-
/// @group colors
|
|
71
|
-
$bpk-color-sky-blue-tint-01: rgb(109, 159, 235) !default;
|
|
72
|
-
/// @group colors
|
|
73
|
-
$bpk-color-sky-blue-tint-02: rgb(157, 192, 242) !default;
|
|
74
|
-
/// @group colors
|
|
75
|
-
$bpk-color-bunol: rgb(255, 123, 89) !default;
|
|
76
|
-
/// @group colors
|
|
77
|
-
$bpk-color-sky-blue-tint-03: rgb(205, 223, 248) !default;
|
|
78
|
-
/// @group colors
|
|
79
|
-
$bpk-color-sky-gray: rgb(17, 18, 54) !default;
|
|
80
|
-
/// @group colors
|
|
81
|
-
$bpk-color-nara: rgb(255, 231, 224) !default;
|
|
82
|
-
/// @group colors
|
|
83
|
-
$bpk-color-sky-blue-shade-01: rgb(8, 78, 178) !default;
|
|
84
|
-
/// @group colors
|
|
85
|
-
$bpk-color-sky-blue-shade-02: rgb(4, 39, 89) !default;
|
|
25
|
+
$bpk-color-black: rgb(1, 9, 19) !default;
|
|
86
26
|
/// @group badge-colors
|
|
87
27
|
$bpk-private-badge-background-normal-day: rgb(239, 243, 248) !default;
|
|
88
28
|
/// @group badge-colors
|
|
@@ -174,107 +114,47 @@ $bpk-text-hero-night: rgb(1, 9, 19) !default;
|
|
|
174
114
|
/// @group text-colors
|
|
175
115
|
$bpk-text-disabled-night: rgba(255, 255, 255, 0.2) !default;
|
|
176
116
|
/// @group text-colors
|
|
177
|
-
$bpk-text-primary-dark-color: rgb(255, 255, 255) !default;
|
|
178
|
-
/// @group text-colors
|
|
179
117
|
$bpk-text-link-day: rgb(0, 98, 227) !default;
|
|
180
118
|
/// @group text-colors
|
|
181
119
|
$bpk-text-hero-day: rgb(0, 98, 227) !default;
|
|
182
120
|
/// @group text-colors
|
|
183
|
-
$bpk-text-quaternary-dark-color: rgb(142, 142, 147) !default;
|
|
184
|
-
/// @group text-colors
|
|
185
121
|
$bpk-text-primary-night: rgb(255, 255, 255) !default;
|
|
186
122
|
/// @group text-colors
|
|
187
|
-
$bpk-text-quaternary-light-color: rgb(143, 144, 160) !default;
|
|
188
|
-
/// @group text-colors
|
|
189
123
|
$bpk-text-disabled-day: rgba(0, 0, 0, 0.2) !default;
|
|
190
124
|
/// @group text-colors
|
|
191
|
-
$bpk-text-primary-light-color: rgb(17, 18, 54) !default;
|
|
192
|
-
/// @group text-colors
|
|
193
125
|
$bpk-text-primary-day: rgb(22, 22, 22) !default;
|
|
194
126
|
/// @group text-colors
|
|
195
127
|
$bpk-text-error-night: rgb(255, 100, 156) !default;
|
|
196
128
|
/// @group text-colors
|
|
197
129
|
$bpk-text-error-day: rgb(231, 8, 102) !default;
|
|
198
130
|
/// @group text-colors
|
|
199
|
-
$bpk-text-tertiary-dark-color: rgb(142, 142, 147) !default;
|
|
200
|
-
/// @group text-colors
|
|
201
|
-
$bpk-text-secondary-dark-color: rgb(178, 178, 191) !default;
|
|
202
|
-
/// @group text-colors
|
|
203
131
|
$bpk-text-primary-inverse-night: rgb(1, 9, 19) !default;
|
|
204
132
|
/// @group text-colors
|
|
205
133
|
$bpk-text-secondary-night: rgb(189, 196, 203) !default;
|
|
206
134
|
/// @group text-colors
|
|
207
135
|
$bpk-text-on-dark-night: rgb(255, 255, 255) !default;
|
|
208
136
|
/// @group text-colors
|
|
209
|
-
$bpk-text-secondary-light-color: rgb(104, 105, 127) !default;
|
|
210
|
-
/// @group text-colors
|
|
211
137
|
$bpk-text-primary-inverse-day: rgb(255, 255, 255) !default;
|
|
212
138
|
/// @group text-colors
|
|
213
139
|
$bpk-text-disabled-on-dark-night: rgba(255, 255, 255, 0.5) !default;
|
|
214
140
|
/// @group text-colors
|
|
215
|
-
$bpk-text-tertiary-light-color: rgb(143, 144, 160) !default;
|
|
216
|
-
/// @group text-colors
|
|
217
141
|
$bpk-text-secondary-day: rgb(98, 105, 113) !default;
|
|
218
|
-
/// @group scrim-colors
|
|
219
|
-
$bpk-scrim-day: rgba(0, 0, 0, 0.7) !default;
|
|
220
|
-
/// @group text-colors
|
|
221
|
-
$bpk-background-elevation-03-dark-color: rgb(58, 58, 60) !default;
|
|
222
|
-
/// @group text-colors
|
|
223
|
-
$bpk-background-elevation-02-dark-color: rgb(44, 44, 46) !default;
|
|
224
|
-
/// @group line-colors
|
|
225
|
-
$bpk-line-on-dark-night: rgb(68, 80, 95) !default;
|
|
226
|
-
/// @group colors
|
|
227
|
-
$bpk-line-dark-color: rgb(72, 72, 74) !default;
|
|
228
|
-
/// @group text-colors
|
|
229
|
-
$bpk-background-elevation-01-dark-color: rgb(29, 27, 32) !default;
|
|
230
142
|
/// @group line-colors
|
|
231
|
-
$bpk-line-
|
|
232
|
-
/// @group colors
|
|
233
|
-
$bpk-background-alternative-secondary-dark-color: rgb(29, 27, 32) !default;
|
|
234
|
-
/// @group colors
|
|
235
|
-
$bpk-background-light-color: rgb(255, 255, 255) !default;
|
|
236
|
-
/// @group overlay-colors
|
|
237
|
-
$bpk-overlay-night: rgba(255, 255, 255, 0.8) !default;
|
|
238
|
-
/// @group colors
|
|
239
|
-
$bpk-background-dark-color: rgb(0, 0, 0) !default;
|
|
240
|
-
/// @group colors
|
|
241
|
-
$bpk-background-alternative-secondary-light-color: rgb(255, 255, 255) !default;
|
|
242
|
-
/// @group overlay-colors
|
|
243
|
-
$bpk-overlay-day: rgba(0, 0, 0, 0.2) !default;
|
|
143
|
+
$bpk-line-day: rgb(193, 199, 207) !default;
|
|
244
144
|
/// @group line-colors
|
|
245
145
|
$bpk-line-night: rgb(68, 80, 95) !default;
|
|
246
|
-
/// @group colors
|
|
247
|
-
$bpk-color-system-green: rgb(0, 166, 152) !default;
|
|
248
|
-
/// @group text-colors
|
|
249
|
-
$bpk-background-elevation-01-light-color: rgb(255, 255, 255) !default;
|
|
250
|
-
/// @group colors
|
|
251
|
-
$bpk-line-light-color: rgb(205, 205, 215) !default;
|
|
252
|
-
/// @group text-colors
|
|
253
|
-
$bpk-background-elevation-02-light-color: rgb(255, 255, 255) !default;
|
|
254
146
|
/// @group line-colors
|
|
255
|
-
$bpk-line-day:
|
|
256
|
-
/// @group
|
|
257
|
-
$bpk-
|
|
258
|
-
/// @group colors
|
|
259
|
-
$bpk-
|
|
260
|
-
/// @group colors
|
|
261
|
-
$bpk-background-secondary-dark-color: rgb(29, 27, 32) !default;
|
|
262
|
-
/// @group colors
|
|
263
|
-
$bpk-background-alternative-light-color: rgb(241, 242, 248) !default;
|
|
264
|
-
/// @group colors
|
|
265
|
-
$bpk-primary-dark-color: rgb(109, 159, 235) !default;
|
|
266
|
-
/// @group colors
|
|
267
|
-
$bpk-color-system-red: rgb(209, 67, 91) !default;
|
|
268
|
-
/// @group colors
|
|
269
|
-
$bpk-background-alternative-dark-color: rgb(0, 0, 0) !default;
|
|
270
|
-
/// @group colors
|
|
271
|
-
$bpk-primary-light-color: rgb(0, 98, 227) !default;
|
|
272
|
-
/// @group colors
|
|
273
|
-
$bpk-background-tertiary-light-color: rgb(255, 255, 255) !default;
|
|
274
|
-
/// @group colors
|
|
275
|
-
$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;
|
|
276
152
|
/// @group scrim-colors
|
|
277
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;
|
|
278
158
|
/// @group info-banner-colors
|
|
279
159
|
$bpk-private-info-banner-default-day: rgb(239, 243, 248) !default;
|
|
280
160
|
/// @group info-banner-colors
|
|
@@ -522,17 +402,137 @@ $bpk-private-segmented-control-surface-contrast-on-day: rgb(2, 77, 175) !default
|
|
|
522
402
|
/// @group segmented-control-colors
|
|
523
403
|
$bpk-private-segmented-control-surface-contrast-on-night: rgb(5, 65, 132) !default;
|
|
524
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
|
|
525
447
|
$bpk-color-black-tint-01: rgb(29, 27, 32) !default;
|
|
526
448
|
/// @group colors
|
|
449
|
+
$bpk-color-sky-gray-tint-07: rgb(241, 242, 248) !default;
|
|
450
|
+
/// @group colors
|
|
527
451
|
$bpk-color-black-tint-02: rgb(44, 44, 46) !default;
|
|
528
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
|
|
529
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;
|
|
530
462
|
/// @group colors
|
|
531
463
|
$bpk-color-black-tint-04: rgb(72, 72, 74) !default;
|
|
532
464
|
/// @group colors
|
|
465
|
+
$bpk-background-alternative-secondary-light-color: rgb(255, 255, 255) !default;
|
|
466
|
+
/// @group colors
|
|
533
467
|
$bpk-color-black-tint-05: rgb(99, 99, 102) !default;
|
|
534
468
|
/// @group colors
|
|
535
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
|