@skyscanner/bpk-foundations-web 24.2.0 → 24.3.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": "24.
|
|
3
|
+
"version": "24.3.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": "^24.
|
|
20
|
+
"@skyscanner/bpk-foundations-common": "^24.3.0",
|
|
21
21
|
"color": "^5.0.0"
|
|
22
22
|
},
|
|
23
|
-
"gitHead": "
|
|
23
|
+
"gitHead": "7bc1c2e577aaaaa3453d13a3035fd745a6fcb042"
|
|
24
24
|
}
|
package/tokens/base.common.js
CHANGED
|
@@ -206,6 +206,8 @@ module.exports = {
|
|
|
206
206
|
privateNavigationTabHoverNight: "rgb(209, 247, 255)",
|
|
207
207
|
privateNavigationTabOutlineDay: "rgb(193, 199, 207)",
|
|
208
208
|
privateNavigationTabOutlineNight: "rgb(255, 255, 255)",
|
|
209
|
+
privateNavigationTabOnDarkOutlineDay: "rgba(255, 255, 255, 0.2)",
|
|
210
|
+
privateNavigationTabOnDarkOutlineNight: "rgba(255, 255, 255, 0.2)",
|
|
209
211
|
privateNavigationTabSelectedDay: "rgb(2, 77, 175)",
|
|
210
212
|
privateNavigationTabSelectedNight: "rgb(5, 65, 132)",
|
|
211
213
|
privateCardButtonContainedFillDay: "rgba(255, 255, 255, 0.8)",
|
package/tokens/base.default.scss
CHANGED
|
@@ -392,6 +392,10 @@ $bpk-private-navigation-tab-outline-day: rgb(193, 199, 207) !default;
|
|
|
392
392
|
/// @group navigation-tab-colors
|
|
393
393
|
$bpk-private-navigation-tab-outline-night: rgb(255, 255, 255) !default;
|
|
394
394
|
/// @group navigation-tab-colors
|
|
395
|
+
$bpk-private-navigation-tab-on-dark-outline-day: rgba(255, 255, 255, 0.2) !default;
|
|
396
|
+
/// @group navigation-tab-colors
|
|
397
|
+
$bpk-private-navigation-tab-on-dark-outline-night: rgba(255, 255, 255, 0.2) !default;
|
|
398
|
+
/// @group navigation-tab-colors
|
|
395
399
|
$bpk-private-navigation-tab-selected-day: rgb(2, 77, 175) !default;
|
|
396
400
|
/// @group navigation-tab-colors
|
|
397
401
|
$bpk-private-navigation-tab-selected-night: rgb(5, 65, 132) !default;
|
package/tokens/base.es6.d.ts
CHANGED
|
@@ -204,6 +204,8 @@ export declare const privateNavigationTabHoverDay = "rgb(21, 70, 121)" as const;
|
|
|
204
204
|
export declare const privateNavigationTabHoverNight = "rgb(209, 247, 255)" as const;
|
|
205
205
|
export declare const privateNavigationTabOutlineDay = "rgb(193, 199, 207)" as const;
|
|
206
206
|
export declare const privateNavigationTabOutlineNight = "rgb(255, 255, 255)" as const;
|
|
207
|
+
export declare const privateNavigationTabOnDarkOutlineDay = "rgba(255, 255, 255, 0.2)" as const;
|
|
208
|
+
export declare const privateNavigationTabOnDarkOutlineNight = "rgba(255, 255, 255, 0.2)" as const;
|
|
207
209
|
export declare const privateNavigationTabSelectedDay = "rgb(2, 77, 175)" as const;
|
|
208
210
|
export declare const privateNavigationTabSelectedNight = "rgb(5, 65, 132)" as const;
|
|
209
211
|
export declare const privateCardButtonContainedFillDay = "rgba(255, 255, 255, 0.8)" as const;
|
|
@@ -726,6 +728,8 @@ privateNavigationTabHoverDay,
|
|
|
726
728
|
privateNavigationTabHoverNight,
|
|
727
729
|
privateNavigationTabOutlineDay,
|
|
728
730
|
privateNavigationTabOutlineNight,
|
|
731
|
+
privateNavigationTabOnDarkOutlineDay,
|
|
732
|
+
privateNavigationTabOnDarkOutlineNight,
|
|
729
733
|
privateNavigationTabSelectedDay,
|
|
730
734
|
privateNavigationTabSelectedNight,
|
|
731
735
|
} as const;
|
package/tokens/base.es6.js
CHANGED
|
@@ -204,6 +204,8 @@ export const privateNavigationTabHoverDay = "rgb(21, 70, 121)";
|
|
|
204
204
|
export const privateNavigationTabHoverNight = "rgb(209, 247, 255)";
|
|
205
205
|
export const privateNavigationTabOutlineDay = "rgb(193, 199, 207)";
|
|
206
206
|
export const privateNavigationTabOutlineNight = "rgb(255, 255, 255)";
|
|
207
|
+
export const privateNavigationTabOnDarkOutlineDay = "rgba(255, 255, 255, 0.2)";
|
|
208
|
+
export const privateNavigationTabOnDarkOutlineNight = "rgba(255, 255, 255, 0.2)";
|
|
207
209
|
export const privateNavigationTabSelectedDay = "rgb(2, 77, 175)";
|
|
208
210
|
export const privateNavigationTabSelectedNight = "rgb(5, 65, 132)";
|
|
209
211
|
export const privateCardButtonContainedFillDay = "rgba(255, 255, 255, 0.8)";
|
|
@@ -726,6 +728,8 @@ privateNavigationTabHoverDay,
|
|
|
726
728
|
privateNavigationTabHoverNight,
|
|
727
729
|
privateNavigationTabOutlineDay,
|
|
728
730
|
privateNavigationTabOutlineNight,
|
|
731
|
+
privateNavigationTabOnDarkOutlineDay,
|
|
732
|
+
privateNavigationTabOnDarkOutlineNight,
|
|
729
733
|
privateNavigationTabSelectedDay,
|
|
730
734
|
privateNavigationTabSelectedNight,
|
|
731
735
|
};
|
package/tokens/base.raw.json
CHANGED
|
@@ -1798,6 +1798,20 @@
|
|
|
1798
1798
|
"originalValue": "{!WHITE}",
|
|
1799
1799
|
"name": "PRIVATE_NAVIGATION_TAB_OUTLINE_NIGHT"
|
|
1800
1800
|
},
|
|
1801
|
+
"PRIVATE_NAVIGATION_TAB_ON_DARK_OUTLINE_DAY": {
|
|
1802
|
+
"type": "color",
|
|
1803
|
+
"category": "navigation-tab-colors",
|
|
1804
|
+
"value": "rgba(255, 255, 255, 0.2)",
|
|
1805
|
+
"originalValue": "{!WHITE_ALPHA_20}",
|
|
1806
|
+
"name": "PRIVATE_NAVIGATION_TAB_ON_DARK_OUTLINE_DAY"
|
|
1807
|
+
},
|
|
1808
|
+
"PRIVATE_NAVIGATION_TAB_ON_DARK_OUTLINE_NIGHT": {
|
|
1809
|
+
"type": "color",
|
|
1810
|
+
"category": "navigation-tab-colors",
|
|
1811
|
+
"value": "rgba(255, 255, 255, 0.2)",
|
|
1812
|
+
"originalValue": "{!WHITE_ALPHA_20}",
|
|
1813
|
+
"name": "PRIVATE_NAVIGATION_TAB_ON_DARK_OUTLINE_NIGHT"
|
|
1814
|
+
},
|
|
1801
1815
|
"PRIVATE_NAVIGATION_TAB_SELECTED_DAY": {
|
|
1802
1816
|
"type": "color",
|
|
1803
1817
|
"category": "navigation-tab-colors",
|
package/tokens/base.scss
CHANGED
|
@@ -392,6 +392,10 @@ $bpk-private-navigation-tab-outline-day: rgb(193, 199, 207);
|
|
|
392
392
|
/// @group navigation-tab-colors
|
|
393
393
|
$bpk-private-navigation-tab-outline-night: rgb(255, 255, 255);
|
|
394
394
|
/// @group navigation-tab-colors
|
|
395
|
+
$bpk-private-navigation-tab-on-dark-outline-day: rgba(255, 255, 255, 0.2);
|
|
396
|
+
/// @group navigation-tab-colors
|
|
397
|
+
$bpk-private-navigation-tab-on-dark-outline-night: rgba(255, 255, 255, 0.2);
|
|
398
|
+
/// @group navigation-tab-colors
|
|
395
399
|
$bpk-private-navigation-tab-selected-day: rgb(2, 77, 175);
|
|
396
400
|
/// @group navigation-tab-colors
|
|
397
401
|
$bpk-private-navigation-tab-selected-night: rgb(5, 65, 132);
|