Socket
Socket
Sign inDemoInstall

@skyscanner/bpk-foundations-web

Package Overview
Dependencies
7
Maintainers
6
Versions
100
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 13.6.0 to 14.0.0

6

package.json
{
"name": "@skyscanner/bpk-foundations-web",
"version": "13.6.0",
"version": "14.0.0",
"description": "Common Backpack design tokens for colors, spacing, font, etc.",

@@ -20,6 +20,6 @@ "license": "Apache-2.0",

"dependencies": {
"@skyscanner/bpk-foundations-common": "^5.0.0",
"@skyscanner/bpk-foundations-common": "^6.0.0",
"color": "^3.0.0"
},
"gitHead": "63f2854be993fa37bf15a89c36b5814af55c58f7"
"gitHead": "b99673b539a67e7e532fa94602cc54742f7ed4dd"
}

@@ -162,16 +162,10 @@ /*

marcommsEcoGreen: "rgb(15, 161, 169)",
privateChipOnDarkNormalBackgroundDay: "rgba(255, 255, 255, 0.2)",
privateChipOnDarkPressedBackgroundNight: "rgb(0, 43, 91)",
privateChipOnDarkPressedStrokeDay: "rgb(255, 255, 255)",
privateChipOnDarkPressedStrokeNight: "rgb(5, 65, 132)",
privateChipOnDarkOnBackgroundDay: "rgb(255, 255, 255)",
privateChipOnDarkOnBackgroundNight: "rgb(5, 65, 132)",
privateChipOnDarkPressedBackgroundDay: "rgb(194, 201, 205)",
privateChipDefaultNormalBackgroundNight: "rgb(36, 51, 70)",
privateChipOnDarkOnBackgroundDay: "rgb(255, 255, 255)",
privateChipDefaultNormalBackgroundDay: "rgb(224, 227, 229)",
privateChipDefaultOnBackgroundNight: "rgb(5, 65, 132)",
privateChipDisabledBackgroundDay: "rgb(224, 227, 229)",
privateChipDisabledBackgroundNight: "rgb(11, 18, 29)",
privateChipDefaultOnBackgroundDay: "rgb(5, 32, 60)",
privateChipDisabledBackgroundDay: "rgb(224, 227, 229)",
privateChipDefaultPressedBackgroundNight: "rgb(0, 43, 91)",
privateChipDefaultPressedBackgroundDay: "rgb(194, 201, 205)",
privateChipOnDarkNormalBackgroundNight: "rgb(36, 51, 70)",
privateChipOnDarkOnDismissIconDay: "rgb(84, 88, 96)",
privateChipOnDarkOnDismissIconNight: "rgba(255, 255, 255, 0.5)",
privateButtonSecondaryPressedBackgroundNight: "rgb(1, 9, 19)",

@@ -178,0 +172,0 @@ privateButtonLinkNormalForegroundNight: "rgb(132, 233, 255)",

@@ -160,16 +160,10 @@ /*

export const marcommsEcoGreen = "rgb(15, 161, 169)";
export const privateChipOnDarkNormalBackgroundDay = "rgba(255, 255, 255, 0.2)";
export const privateChipOnDarkPressedBackgroundNight = "rgb(0, 43, 91)";
export const privateChipOnDarkPressedStrokeDay = "rgb(255, 255, 255)";
export const privateChipOnDarkPressedStrokeNight = "rgb(5, 65, 132)";
export const privateChipOnDarkOnBackgroundDay = "rgb(255, 255, 255)";
export const privateChipOnDarkOnBackgroundNight = "rgb(5, 65, 132)";
export const privateChipOnDarkPressedBackgroundDay = "rgb(194, 201, 205)";
export const privateChipDefaultNormalBackgroundNight = "rgb(36, 51, 70)";
export const privateChipOnDarkOnBackgroundDay = "rgb(255, 255, 255)";
export const privateChipDefaultNormalBackgroundDay = "rgb(224, 227, 229)";
export const privateChipDefaultOnBackgroundNight = "rgb(5, 65, 132)";
export const privateChipDisabledBackgroundDay = "rgb(224, 227, 229)";
export const privateChipDisabledBackgroundNight = "rgb(11, 18, 29)";
export const privateChipDefaultOnBackgroundDay = "rgb(5, 32, 60)";
export const privateChipDisabledBackgroundDay = "rgb(224, 227, 229)";
export const privateChipDefaultPressedBackgroundNight = "rgb(0, 43, 91)";
export const privateChipDefaultPressedBackgroundDay = "rgb(194, 201, 205)";
export const privateChipOnDarkNormalBackgroundNight = "rgb(36, 51, 70)";
export const privateChipOnDarkOnDismissIconDay = "rgb(84, 88, 96)";
export const privateChipOnDarkOnDismissIconNight = "rgba(255, 255, 255, 0.5)";
export const privateButtonSecondaryPressedBackgroundNight = "rgb(1, 9, 19)";

@@ -949,16 +943,10 @@ export const privateButtonLinkNormalForegroundNight = "rgb(132, 233, 255)";

export const chipColors = {
privateChipOnDarkNormalBackgroundDay,
privateChipOnDarkPressedBackgroundNight,
privateChipOnDarkPressedStrokeDay,
privateChipOnDarkPressedStrokeNight,
privateChipOnDarkOnBackgroundDay,
privateChipOnDarkOnBackgroundNight,
privateChipOnDarkPressedBackgroundDay,
privateChipDefaultNormalBackgroundNight,
privateChipOnDarkOnBackgroundDay,
privateChipDefaultNormalBackgroundDay,
privateChipDefaultOnBackgroundNight,
privateChipDisabledBackgroundDay,
privateChipDisabledBackgroundNight,
privateChipDefaultOnBackgroundDay,
privateChipDisabledBackgroundDay,
privateChipDefaultPressedBackgroundNight,
privateChipDefaultPressedBackgroundDay,
privateChipOnDarkNormalBackgroundNight,
privateChipOnDarkOnDismissIconDay,
privateChipOnDarkOnDismissIconNight,
};

@@ -965,0 +953,0 @@ export const colors = {

@@ -162,16 +162,10 @@ /*

marcommsEcoGreen: "rgb(15, 161, 169)",
privateChipOnDarkNormalBackgroundDay: "rgba(255, 255, 255, 0.2)",
privateChipOnDarkPressedBackgroundNight: "rgb(0, 43, 91)",
privateChipOnDarkPressedStrokeDay: "rgb(255, 255, 255)",
privateChipOnDarkPressedStrokeNight: "rgb(5, 65, 132)",
privateChipOnDarkOnBackgroundDay: "rgb(255, 255, 255)",
privateChipOnDarkOnBackgroundNight: "rgb(5, 65, 132)",
privateChipOnDarkPressedBackgroundDay: "rgb(194, 201, 205)",
privateChipDefaultNormalBackgroundNight: "rgb(36, 51, 70)",
privateChipOnDarkOnBackgroundDay: "rgb(255, 255, 255)",
privateChipDefaultNormalBackgroundDay: "rgb(224, 227, 229)",
privateChipDefaultOnBackgroundNight: "rgb(5, 65, 132)",
privateChipDisabledBackgroundDay: "rgb(224, 227, 229)",
privateChipDisabledBackgroundNight: "rgb(11, 18, 29)",
privateChipDefaultOnBackgroundDay: "rgb(5, 32, 60)",
privateChipDisabledBackgroundDay: "rgb(224, 227, 229)",
privateChipDefaultPressedBackgroundNight: "rgb(0, 43, 91)",
privateChipDefaultPressedBackgroundDay: "rgb(194, 201, 205)",
privateChipOnDarkNormalBackgroundNight: "rgb(36, 51, 70)",
privateChipOnDarkOnDismissIconDay: "rgb(84, 88, 96)",
privateChipOnDarkOnDismissIconNight: "rgba(255, 255, 255, 0.5)",
privateButtonSecondaryPressedBackgroundNight: "rgb(1, 9, 19)",

@@ -178,0 +172,0 @@ privateButtonLinkNormalForegroundNight: "rgb(132, 233, 255)",

@@ -160,16 +160,10 @@ /*

export const marcommsEcoGreen = "rgb(15, 161, 169)";
export const privateChipOnDarkNormalBackgroundDay = "rgba(255, 255, 255, 0.2)";
export const privateChipOnDarkPressedBackgroundNight = "rgb(0, 43, 91)";
export const privateChipOnDarkPressedStrokeDay = "rgb(255, 255, 255)";
export const privateChipOnDarkPressedStrokeNight = "rgb(5, 65, 132)";
export const privateChipOnDarkOnBackgroundDay = "rgb(255, 255, 255)";
export const privateChipOnDarkOnBackgroundNight = "rgb(5, 65, 132)";
export const privateChipOnDarkPressedBackgroundDay = "rgb(194, 201, 205)";
export const privateChipDefaultNormalBackgroundNight = "rgb(36, 51, 70)";
export const privateChipOnDarkOnBackgroundDay = "rgb(255, 255, 255)";
export const privateChipDefaultNormalBackgroundDay = "rgb(224, 227, 229)";
export const privateChipDefaultOnBackgroundNight = "rgb(5, 65, 132)";
export const privateChipDisabledBackgroundDay = "rgb(224, 227, 229)";
export const privateChipDisabledBackgroundNight = "rgb(11, 18, 29)";
export const privateChipDefaultOnBackgroundDay = "rgb(5, 32, 60)";
export const privateChipDisabledBackgroundDay = "rgb(224, 227, 229)";
export const privateChipDefaultPressedBackgroundNight = "rgb(0, 43, 91)";
export const privateChipDefaultPressedBackgroundDay = "rgb(194, 201, 205)";
export const privateChipOnDarkNormalBackgroundNight = "rgb(36, 51, 70)";
export const privateChipOnDarkOnDismissIconDay = "rgb(84, 88, 96)";
export const privateChipOnDarkOnDismissIconNight = "rgba(255, 255, 255, 0.5)";
export const privateButtonSecondaryPressedBackgroundNight = "rgb(1, 9, 19)";

@@ -336,16 +330,10 @@ export const privateButtonLinkNormalForegroundNight = "rgb(132, 233, 255)";

export const chipColors = {
privateChipOnDarkNormalBackgroundDay,
privateChipOnDarkPressedBackgroundNight,
privateChipOnDarkPressedStrokeDay,
privateChipOnDarkPressedStrokeNight,
privateChipOnDarkOnBackgroundDay,
privateChipOnDarkOnBackgroundNight,
privateChipOnDarkPressedBackgroundDay,
privateChipDefaultNormalBackgroundNight,
privateChipOnDarkOnBackgroundDay,
privateChipDefaultNormalBackgroundDay,
privateChipDefaultOnBackgroundNight,
privateChipDisabledBackgroundDay,
privateChipDisabledBackgroundNight,
privateChipDefaultOnBackgroundDay,
privateChipDisabledBackgroundDay,
privateChipDefaultPressedBackgroundNight,
privateChipDefaultPressedBackgroundDay,
privateChipOnDarkNormalBackgroundNight,
privateChipOnDarkOnDismissIconDay,
privateChipOnDarkOnDismissIconNight,
};

@@ -352,0 +340,0 @@ export const colors = {

@@ -1510,37 +1510,16 @@ {

},
"PRIVATE_CHIP_ON_DARK_NORMAL_BACKGROUND_DAY": {
"PRIVATE_CHIP_ON_DARK_PRESSED_STROKE_DAY": {
"type": "color",
"category": "chip-colors",
"value": "rgba(255, 255, 255, 0.2)",
"originalValue": "{!WHITE_ALPHA_20}",
"name": "PRIVATE_CHIP_ON_DARK_NORMAL_BACKGROUND_DAY"
"value": "rgb(255, 255, 255)",
"originalValue": "{!WHITE}",
"name": "PRIVATE_CHIP_ON_DARK_PRESSED_STROKE_DAY"
},
"PRIVATE_CHIP_ON_DARK_PRESSED_BACKGROUND_NIGHT": {
"PRIVATE_CHIP_ON_DARK_PRESSED_STROKE_NIGHT": {
"type": "color",
"category": "chip-colors",
"value": "rgb(0, 43, 91)",
"originalValue": "{!NIGHT_BLUE_100}",
"name": "PRIVATE_CHIP_ON_DARK_PRESSED_BACKGROUND_NIGHT"
},
"PRIVATE_CHIP_ON_DARK_ON_BACKGROUND_NIGHT": {
"type": "color",
"category": "chip-colors",
"value": "rgb(5, 65, 132)",
"originalValue": "{!NIGHT_SKY}",
"name": "PRIVATE_CHIP_ON_DARK_ON_BACKGROUND_NIGHT"
"name": "PRIVATE_CHIP_ON_DARK_PRESSED_STROKE_NIGHT"
},
"PRIVATE_CHIP_ON_DARK_PRESSED_BACKGROUND_DAY": {
"type": "color",
"category": "chip-colors",
"value": "rgb(194, 201, 205)",
"originalValue": "{!GREY_30}",
"name": "PRIVATE_CHIP_ON_DARK_PRESSED_BACKGROUND_DAY"
},
"PRIVATE_CHIP_DEFAULT_NORMAL_BACKGROUND_NIGHT": {
"type": "color",
"category": "chip-colors",
"value": "rgb(36, 51, 70)",
"originalValue": "{!NIGHT_GREY_25}",
"name": "PRIVATE_CHIP_DEFAULT_NORMAL_BACKGROUND_NIGHT"
},
"PRIVATE_CHIP_ON_DARK_ON_BACKGROUND_DAY": {

@@ -1553,30 +1532,9 @@ "type": "color",

},
"PRIVATE_CHIP_DEFAULT_NORMAL_BACKGROUND_DAY": {
"PRIVATE_CHIP_ON_DARK_ON_BACKGROUND_NIGHT": {
"type": "color",
"category": "chip-colors",
"value": "rgb(224, 227, 229)",
"originalValue": "{!GREY_20}",
"name": "PRIVATE_CHIP_DEFAULT_NORMAL_BACKGROUND_DAY"
},
"PRIVATE_CHIP_DEFAULT_ON_BACKGROUND_NIGHT": {
"type": "color",
"category": "chip-colors",
"value": "rgb(5, 65, 132)",
"originalValue": "{!NIGHT_SKY}",
"name": "PRIVATE_CHIP_DEFAULT_ON_BACKGROUND_NIGHT"
"name": "PRIVATE_CHIP_ON_DARK_ON_BACKGROUND_NIGHT"
},
"PRIVATE_CHIP_DISABLED_BACKGROUND_NIGHT": {
"type": "color",
"category": "chip-colors",
"value": "rgb(11, 18, 29)",
"originalValue": "{!NIGHT_GREY_00}",
"name": "PRIVATE_CHIP_DISABLED_BACKGROUND_NIGHT"
},
"PRIVATE_CHIP_DEFAULT_ON_BACKGROUND_DAY": {
"type": "color",
"category": "chip-colors",
"value": "rgb(5, 32, 60)",
"originalValue": "{!DARK_SKY}",
"name": "PRIVATE_CHIP_DEFAULT_ON_BACKGROUND_DAY"
},
"PRIVATE_CHIP_DISABLED_BACKGROUND_DAY": {

@@ -1589,22 +1547,22 @@ "type": "color",

},
"PRIVATE_CHIP_DEFAULT_PRESSED_BACKGROUND_NIGHT": {
"PRIVATE_CHIP_DISABLED_BACKGROUND_NIGHT": {
"type": "color",
"category": "chip-colors",
"value": "rgb(0, 43, 91)",
"originalValue": "{!NIGHT_BLUE_100}",
"name": "PRIVATE_CHIP_DEFAULT_PRESSED_BACKGROUND_NIGHT"
"value": "rgb(11, 18, 29)",
"originalValue": "{!NIGHT_GREY_00}",
"name": "PRIVATE_CHIP_DISABLED_BACKGROUND_NIGHT"
},
"PRIVATE_CHIP_DEFAULT_PRESSED_BACKGROUND_DAY": {
"PRIVATE_CHIP_ON_DARK_ON_DISMISS_ICON_DAY": {
"type": "color",
"category": "chip-colors",
"value": "rgb(194, 201, 205)",
"originalValue": "{!GREY_30}",
"name": "PRIVATE_CHIP_DEFAULT_PRESSED_BACKGROUND_DAY"
"value": "rgb(84, 88, 96)",
"originalValue": "{!GREY_40}",
"name": "PRIVATE_CHIP_ON_DARK_ON_DISMISS_ICON_DAY"
},
"PRIVATE_CHIP_ON_DARK_NORMAL_BACKGROUND_NIGHT": {
"PRIVATE_CHIP_ON_DARK_ON_DISMISS_ICON_NIGHT": {
"type": "color",
"category": "chip-colors",
"value": "rgb(36, 51, 70)",
"originalValue": "{!NIGHT_GREY_25}",
"name": "PRIVATE_CHIP_ON_DARK_NORMAL_BACKGROUND_NIGHT"
"value": "rgba(255, 255, 255, 0.5)",
"originalValue": "{!WHITE_ALPHA_50}",
"name": "PRIVATE_CHIP_ON_DARK_ON_DISMISS_ICON_NIGHT"
},

@@ -1611,0 +1569,0 @@ "PRIVATE_BUTTON_SECONDARY_PRESSED_BACKGROUND_NIGHT": {

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

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc