@skyscanner/bpk-foundations-web
Advanced tools
Comparing version 17.4.0 to 17.5.0
{ | ||
"name": "@skyscanner/bpk-foundations-web", | ||
"version": "17.4.0", | ||
"version": "17.5.0", | ||
"description": "Common Backpack design tokens for colors, spacing, font, etc.", | ||
@@ -20,6 +20,6 @@ "license": "Apache-2.0", | ||
"dependencies": { | ||
"@skyscanner/bpk-foundations-common": "^6.5.0", | ||
"@skyscanner/bpk-foundations-common": "^6.6.0", | ||
"color": "^3.0.0" | ||
}, | ||
"gitHead": "6316d2e38494805824b123b5c54361c66878340c" | ||
"gitHead": "827bcf9ef5d427563b46a168fdb19f3e381ec098" | ||
} |
@@ -149,2 +149,6 @@ /* | ||
scrimNight: "rgba(0, 0, 0, 0.7)", | ||
privateInfoBannerSuccessColor: "rgb(12, 131, 138)", | ||
privateInfoBannerWarningColor: "rgb(245, 93, 66)", | ||
privateInfoBannerErrorColor: "rgb(231, 8, 102)", | ||
privateInfoBannerInfoColor: "rgb(194, 201, 205)", | ||
marcommsBerry: "rgb(231, 8, 102)", | ||
@@ -316,9 +320,9 @@ marcommsCharcoal: "rgb(22, 22, 22)", | ||
modalContentPadding: "1rem", | ||
bannerAlertWarnColor: "rgb(245, 93, 66)", | ||
bannerAlertHeaderExpandableHoverBackgroundColor: "rgb(239, 241, 242)", | ||
bannerAlertHeaderExpandableActiveBackgroundColor: "rgb(239, 241, 242)", | ||
bannerAlertPrimaryColor: "rgb(0, 98, 227)", | ||
bannerAlertSuccessColor: "rgb(12, 131, 138)", | ||
bannerAlertWarnColor: "rgb(245, 93, 66)", | ||
bannerAlertNeutralColor: "rgb(194, 201, 205)", | ||
bannerAlertErrorColor: "rgb(231, 8, 102)", | ||
bannerAlertNeutralColor: "rgb(194, 201, 205)", | ||
bannerAlertHeaderExpandableActiveBackgroundColor: "rgb(239, 241, 242)", | ||
panelBorderColor: "rgb(194, 201, 205)", | ||
@@ -325,0 +329,0 @@ privateSliderSelectedDay: "rgb(21, 70, 121)", |
@@ -147,2 +147,6 @@ /* | ||
export const scrimNight = "rgba(0, 0, 0, 0.7)"; | ||
export const privateInfoBannerSuccessColor = "rgb(12, 131, 138)"; | ||
export const privateInfoBannerWarningColor = "rgb(245, 93, 66)"; | ||
export const privateInfoBannerErrorColor = "rgb(231, 8, 102)"; | ||
export const privateInfoBannerInfoColor = "rgb(194, 201, 205)"; | ||
export const marcommsBerry = "rgb(231, 8, 102)"; | ||
@@ -314,9 +318,9 @@ export const marcommsCharcoal = "rgb(22, 22, 22)"; | ||
export const modalContentPadding = "1rem"; | ||
export const bannerAlertWarnColor = "rgb(245, 93, 66)"; | ||
export const bannerAlertHeaderExpandableHoverBackgroundColor = "rgb(239, 241, 242)"; | ||
export const bannerAlertHeaderExpandableActiveBackgroundColor = "rgb(239, 241, 242)"; | ||
export const bannerAlertPrimaryColor = "rgb(0, 98, 227)"; | ||
export const bannerAlertSuccessColor = "rgb(12, 131, 138)"; | ||
export const bannerAlertWarnColor = "rgb(245, 93, 66)"; | ||
export const bannerAlertNeutralColor = "rgb(194, 201, 205)"; | ||
export const bannerAlertErrorColor = "rgb(231, 8, 102)"; | ||
export const bannerAlertNeutralColor = "rgb(194, 201, 205)"; | ||
export const bannerAlertHeaderExpandableActiveBackgroundColor = "rgb(239, 241, 242)"; | ||
export const panelBorderColor = "rgb(194, 201, 205)"; | ||
@@ -595,2 +599,8 @@ export const privateSliderSelectedDay = "rgb(21, 70, 121)"; | ||
}; | ||
export const infoBannerColors = { | ||
privateInfoBannerSuccessColor, | ||
privateInfoBannerWarningColor, | ||
privateInfoBannerErrorColor, | ||
privateInfoBannerInfoColor, | ||
}; | ||
export const letterSpacings = { | ||
@@ -645,9 +655,9 @@ letterSpacingTight, | ||
export const notifications = { | ||
bannerAlertWarnColor, | ||
bannerAlertHeaderExpandableHoverBackgroundColor, | ||
bannerAlertHeaderExpandableActiveBackgroundColor, | ||
bannerAlertPrimaryColor, | ||
bannerAlertSuccessColor, | ||
bannerAlertWarnColor, | ||
bannerAlertNeutralColor, | ||
bannerAlertErrorColor, | ||
bannerAlertNeutralColor, | ||
bannerAlertHeaderExpandableActiveBackgroundColor, | ||
}; | ||
@@ -654,0 +664,0 @@ export const panels = { |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
205767
4196