@skyscanner/bpk-foundations-web 22.3.0 → 23.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 +2 -0
- package/tokens/base.default.scss +4 -0
- package/tokens/base.es6.d.ts +4 -0
- package/tokens/base.es6.js +4 -0
- package/tokens/base.raw.json +14 -0
- package/tokens/base.scss +4 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyscanner/bpk-foundations-web",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "23.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": "^23.0.0",
|
|
21
21
|
"color": "^5.0.0"
|
|
22
22
|
},
|
|
23
|
-
"gitHead": "
|
|
23
|
+
"gitHead": "57cee02164d04d64aa82a4662d9a82e4ce135146"
|
|
24
24
|
}
|
package/tokens/base.common.js
CHANGED
|
@@ -44,8 +44,10 @@ module.exports = {
|
|
|
44
44
|
statusDangerFillDay: "rgb(255, 233, 249)",
|
|
45
45
|
statusWarningFillDay: "rgb(255, 247, 207)",
|
|
46
46
|
surfaceHeroNight: "rgb(1, 9, 19)",
|
|
47
|
+
surfaceTintNight: "rgba(255, 255, 255, 0.1)",
|
|
47
48
|
surfaceDefaultNight: "rgb(19, 29, 43)",
|
|
48
49
|
surfaceHeroDay: "rgb(0, 98, 227)",
|
|
50
|
+
surfaceTintDay: "rgba(255, 255, 255, 0.1)",
|
|
49
51
|
surfaceDefaultDay: "rgb(255, 255, 255)",
|
|
50
52
|
surfaceContrastNight: "rgb(1, 9, 19)",
|
|
51
53
|
surfaceContrastDay: "rgb(5, 32, 60)",
|
package/tokens/base.default.scss
CHANGED
|
@@ -68,10 +68,14 @@ $bpk-status-warning-fill-day: rgb(255, 247, 207) !default;
|
|
|
68
68
|
/// @group surface-colors
|
|
69
69
|
$bpk-surface-hero-night: rgb(1, 9, 19) !default;
|
|
70
70
|
/// @group surface-colors
|
|
71
|
+
$bpk-surface-tint-night: rgba(255, 255, 255, 0.1) !default;
|
|
72
|
+
/// @group surface-colors
|
|
71
73
|
$bpk-surface-default-night: rgb(19, 29, 43) !default;
|
|
72
74
|
/// @group surface-colors
|
|
73
75
|
$bpk-surface-hero-day: rgb(0, 98, 227) !default;
|
|
74
76
|
/// @group surface-colors
|
|
77
|
+
$bpk-surface-tint-day: rgba(255, 255, 255, 0.1) !default;
|
|
78
|
+
/// @group surface-colors
|
|
75
79
|
$bpk-surface-default-day: rgb(255, 255, 255) !default;
|
|
76
80
|
/// @group surface-colors
|
|
77
81
|
$bpk-surface-contrast-night: rgb(1, 9, 19) !default;
|
package/tokens/base.es6.d.ts
CHANGED
|
@@ -42,8 +42,10 @@ export declare const statusWarningSpotDay = "rgb(245, 93, 66)" as const;
|
|
|
42
42
|
export declare const statusDangerFillDay = "rgb(255, 233, 249)" as const;
|
|
43
43
|
export declare const statusWarningFillDay = "rgb(255, 247, 207)" as const;
|
|
44
44
|
export declare const surfaceHeroNight = "rgb(1, 9, 19)" as const;
|
|
45
|
+
export declare const surfaceTintNight = "rgba(255, 255, 255, 0.1)" as const;
|
|
45
46
|
export declare const surfaceDefaultNight = "rgb(19, 29, 43)" as const;
|
|
46
47
|
export declare const surfaceHeroDay = "rgb(0, 98, 227)" as const;
|
|
48
|
+
export declare const surfaceTintDay = "rgba(255, 255, 255, 0.1)" as const;
|
|
47
49
|
export declare const surfaceDefaultDay = "rgb(255, 255, 255)" as const;
|
|
48
50
|
export declare const surfaceContrastNight = "rgb(1, 9, 19)" as const;
|
|
49
51
|
export declare const surfaceContrastDay = "rgb(5, 32, 60)" as const;
|
|
@@ -796,8 +798,10 @@ statusWarningFillDay,
|
|
|
796
798
|
} as const;
|
|
797
799
|
export declare const surfaceColors = {
|
|
798
800
|
surfaceHeroNight,
|
|
801
|
+
surfaceTintNight,
|
|
799
802
|
surfaceDefaultNight,
|
|
800
803
|
surfaceHeroDay,
|
|
804
|
+
surfaceTintDay,
|
|
801
805
|
surfaceDefaultDay,
|
|
802
806
|
surfaceContrastNight,
|
|
803
807
|
surfaceContrastDay,
|
package/tokens/base.es6.js
CHANGED
|
@@ -42,8 +42,10 @@ export const statusWarningSpotDay = "rgb(245, 93, 66)";
|
|
|
42
42
|
export const statusDangerFillDay = "rgb(255, 233, 249)";
|
|
43
43
|
export const statusWarningFillDay = "rgb(255, 247, 207)";
|
|
44
44
|
export const surfaceHeroNight = "rgb(1, 9, 19)";
|
|
45
|
+
export const surfaceTintNight = "rgba(255, 255, 255, 0.1)";
|
|
45
46
|
export const surfaceDefaultNight = "rgb(19, 29, 43)";
|
|
46
47
|
export const surfaceHeroDay = "rgb(0, 98, 227)";
|
|
48
|
+
export const surfaceTintDay = "rgba(255, 255, 255, 0.1)";
|
|
47
49
|
export const surfaceDefaultDay = "rgb(255, 255, 255)";
|
|
48
50
|
export const surfaceContrastNight = "rgb(1, 9, 19)";
|
|
49
51
|
export const surfaceContrastDay = "rgb(5, 32, 60)";
|
|
@@ -796,8 +798,10 @@ statusWarningFillDay,
|
|
|
796
798
|
};
|
|
797
799
|
export const surfaceColors = {
|
|
798
800
|
surfaceHeroNight,
|
|
801
|
+
surfaceTintNight,
|
|
799
802
|
surfaceDefaultNight,
|
|
800
803
|
surfaceHeroDay,
|
|
804
|
+
surfaceTintDay,
|
|
801
805
|
surfaceDefaultDay,
|
|
802
806
|
surfaceContrastNight,
|
|
803
807
|
surfaceContrastDay,
|
package/tokens/base.raw.json
CHANGED
|
@@ -648,6 +648,13 @@
|
|
|
648
648
|
"originalValue": "{!NIGHT_GREY_10}",
|
|
649
649
|
"name": "SURFACE_HERO_NIGHT"
|
|
650
650
|
},
|
|
651
|
+
"SURFACE_TINT_NIGHT": {
|
|
652
|
+
"type": "color",
|
|
653
|
+
"category": "surface-colors",
|
|
654
|
+
"value": "rgba(255, 255, 255, 0.1)",
|
|
655
|
+
"originalValue": "{!WHITE_ALPHA_10}",
|
|
656
|
+
"name": "SURFACE_TINT_NIGHT"
|
|
657
|
+
},
|
|
651
658
|
"SURFACE_DEFAULT_NIGHT": {
|
|
652
659
|
"type": "color",
|
|
653
660
|
"category": "surface-colors",
|
|
@@ -662,6 +669,13 @@
|
|
|
662
669
|
"originalValue": "{!SKY_BLUE}",
|
|
663
670
|
"name": "SURFACE_HERO_DAY"
|
|
664
671
|
},
|
|
672
|
+
"SURFACE_TINT_DAY": {
|
|
673
|
+
"type": "color",
|
|
674
|
+
"category": "surface-colors",
|
|
675
|
+
"value": "rgba(255, 255, 255, 0.1)",
|
|
676
|
+
"originalValue": "{!WHITE_ALPHA_10}",
|
|
677
|
+
"name": "SURFACE_TINT_DAY"
|
|
678
|
+
},
|
|
665
679
|
"SURFACE_DEFAULT_DAY": {
|
|
666
680
|
"type": "color",
|
|
667
681
|
"category": "surface-colors",
|
package/tokens/base.scss
CHANGED
|
@@ -68,10 +68,14 @@ $bpk-status-warning-fill-day: rgb(255, 247, 207);
|
|
|
68
68
|
/// @group surface-colors
|
|
69
69
|
$bpk-surface-hero-night: rgb(1, 9, 19);
|
|
70
70
|
/// @group surface-colors
|
|
71
|
+
$bpk-surface-tint-night: rgba(255, 255, 255, 0.1);
|
|
72
|
+
/// @group surface-colors
|
|
71
73
|
$bpk-surface-default-night: rgb(19, 29, 43);
|
|
72
74
|
/// @group surface-colors
|
|
73
75
|
$bpk-surface-hero-day: rgb(0, 98, 227);
|
|
74
76
|
/// @group surface-colors
|
|
77
|
+
$bpk-surface-tint-day: rgba(255, 255, 255, 0.1);
|
|
78
|
+
/// @group surface-colors
|
|
75
79
|
$bpk-surface-default-day: rgb(255, 255, 255);
|
|
76
80
|
/// @group surface-colors
|
|
77
81
|
$bpk-surface-contrast-night: rgb(1, 9, 19);
|