@skyscanner/bpk-foundations-web - npm Package Compare versions

Comparing version 13.6.0 to 14.0.0

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"
 }

tokens/base.common.js

@@ -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)",

tokens/base.es6.js

@@ -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 = {

tokens/breakpoints.common.js

@@ -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)",

tokens/breakpoints.es6.js

@@ -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 = {

tokens/breakpoints.raw.json

@@ -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": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

483554

decreased by-1.53%

Lines of code

10246

decreased by-1.16%

Dependency changes

• + Added@skyscanner/bpk-foundations-common@6.13.0(transitive)

• + Addedcolor@4.2.3(transitive)

• + Addedcolor-convert@2.0.1(transitive)

• + Addedcolor-name@1.1.4(transitive)

• - Removed@skyscanner/bpk-foundations-common@5.0.0(transitive)

• Updated@skyscanner/bpk-foundations-common@^6.0.0