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

Comparing version 17.14.0 to 18.0.0

package.json

 {
   "name": "@skyscanner/bpk-foundations-web",
-  "version": "17.14.0",
+  "version": "18.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": "^6.11.0",
+    "@skyscanner/bpk-foundations-common": "^6.12.0",
     "color": "^4.2.3"
   },
-  "gitHead": "f39d8ac09176cbf0744da10355bf922ba3b87812"
+  "gitHead": "2336423daada88da956d9633f9db18657e2382da"
 }

tokens/base.common.js

@@ -270,2 +270,8 @@ /*
   privateCardButtonContainedFillNight: "rgba(0, 0, 0, 0.8)",
+  privateSegmentedControlCanvasDefaultDay: "rgb(239, 243, 248)",
+  privateSegmentedControlCanvasDefaultNight: "rgb(19, 29, 43)",
+  privateSegmentedControlSurfaceContrastDay: "rgba(255, 255, 255, 0.1)",
+  privateSegmentedControlSurfaceContrastNight: "rgb(19, 29, 43)",
+  privateSegmentedControlSurfaceContrastOnDay: "rgb(2, 77, 175)",
+  privateSegmentedControlSurfaceContrastOnNight: "rgb(5, 65, 132)",
   durationXs: "50ms",
@@ -356,3 +362,3 @@ durationSm: "200ms",
   lineHeightXlTight: "1.75rem",
-  lineHeightXxxxxl: "4.5rem",
+  lineHeightXxxxxl: "4rem",
   lineHeightXxxl: "3rem",
@@ -380,3 +386,3 @@ lineHeightXl: "2rem",
   fontSize7Xl: "6rem",
-  lineHeight6Xl: "5.25rem",
+  lineHeight6Xl: "4.75rem",
   fontSize8Xl: "7.5rem",
@@ -383,0 +389,0 @@ fontSizeXxl: "2rem",

tokens/base.es6.d.ts

@@ -268,2 +268,8 @@ /*
 export declare const privateCardButtonContainedFillNight = "rgba(0, 0, 0, 0.8)" as const;
+export declare const privateSegmentedControlCanvasDefaultDay = "rgb(239, 243, 248)" as const;
+export declare const privateSegmentedControlCanvasDefaultNight = "rgb(19, 29, 43)" as const;
+export declare const privateSegmentedControlSurfaceContrastDay = "rgba(255, 255, 255, 0.1)" as const;
+export declare const privateSegmentedControlSurfaceContrastNight = "rgb(19, 29, 43)" as const;
+export declare const privateSegmentedControlSurfaceContrastOnDay = "rgb(2, 77, 175)" as const;
+export declare const privateSegmentedControlSurfaceContrastOnNight = "rgb(5, 65, 132)" as const;
 export declare const durationXs = "50ms" as const;
@@ -354,3 +360,3 @@ export declare const durationSm = "200ms" as const;
 export declare const lineHeightXlTight = "1.75rem" as const;
-export declare const lineHeightXxxxxl = "4.5rem" as const;
+export declare const lineHeightXxxxxl = "4rem" as const;
 export declare const lineHeightXxxl = "3rem" as const;
@@ -378,3 +384,3 @@ export declare const lineHeightXl = "2rem" as const;
 export declare const fontSize7Xl = "6rem" as const;
-export declare const lineHeight6Xl = "5.25rem" as const;
+export declare const lineHeight6Xl = "4.75rem" as const;
 export declare const fontSize8Xl = "7.5rem" as const;
@@ -726,2 +732,10 @@ export declare const fontSizeXxl = "2rem" as const;
 } as const;
+export declare const segmentedControlColors = {
+privateSegmentedControlCanvasDefaultDay,
+privateSegmentedControlCanvasDefaultNight,
+privateSegmentedControlSurfaceContrastDay,
+privateSegmentedControlSurfaceContrastNight,
+privateSegmentedControlSurfaceContrastOnDay,
+privateSegmentedControlSurfaceContrastOnNight,
+} as const;
 export declare const skeletonColors = {
@@ -728,0 +742,0 @@ privateSkeletonShimmerStartEndDay,

tokens/base.es6.js

@@ -268,2 +268,8 @@ /*
 export const privateCardButtonContainedFillNight = "rgba(0, 0, 0, 0.8)";
+export const privateSegmentedControlCanvasDefaultDay = "rgb(239, 243, 248)";
+export const privateSegmentedControlCanvasDefaultNight = "rgb(19, 29, 43)";
+export const privateSegmentedControlSurfaceContrastDay = "rgba(255, 255, 255, 0.1)";
+export const privateSegmentedControlSurfaceContrastNight = "rgb(19, 29, 43)";
+export const privateSegmentedControlSurfaceContrastOnDay = "rgb(2, 77, 175)";
+export const privateSegmentedControlSurfaceContrastOnNight = "rgb(5, 65, 132)";
 export const durationXs = "50ms";
@@ -354,3 +360,3 @@ export const durationSm = "200ms";
 export const lineHeightXlTight = "1.75rem";
-export const lineHeightXxxxxl = "4.5rem";
+export const lineHeightXxxxxl = "4rem";
 export const lineHeightXxxl = "3rem";
@@ -378,3 +384,3 @@ export const lineHeightXl = "2rem";
 export const fontSize7Xl = "6rem";
-export const lineHeight6Xl = "5.25rem";
+export const lineHeight6Xl = "4.75rem";
 export const fontSize8Xl = "7.5rem";
@@ -726,2 +732,10 @@ export const fontSizeXxl = "2rem";
 };
+export const segmentedControlColors = {
+privateSegmentedControlCanvasDefaultDay,
+privateSegmentedControlCanvasDefaultNight,
+privateSegmentedControlSurfaceContrastDay,
+privateSegmentedControlSurfaceContrastNight,
+privateSegmentedControlSurfaceContrastOnDay,
+privateSegmentedControlSurfaceContrastOnNight,
+};
 export const skeletonColors = {
@@ -728,0 +742,0 @@ privateSkeletonShimmerStartEndDay,

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

Improved metrics

Total package byte prevSize

265349

increased by1.95%

Lines of code

5371

increased by1.44%

Dependency changes

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