[NO JIRA]: Adding Grey 5 and updating surface token (#397)

Skyscanner · Jan 28, 2025 · 81ee4f7 · 81ee4f7
1 parent eb20c43
commit 81ee4f7
Show file tree

Hide file tree

Showing 11 changed files with 30 additions and 20 deletions.
diff --git a/packages/bpk-foundations-android/tokens/base.raw.android.json b/packages/bpk-foundations-android/tokens/base.raw.android.json
@@ -201,6 +201,9 @@
     "ERFOUD": {
       "value": "#FEEB87"
     },
+    "GREY_05": {
+      "value": "#F7F9FB"
+    },
     "NIGHT_GREEN_SPOT": {
       "value": "#62F1C6"
     },
@@ -2011,8 +2014,8 @@
     "SURFACE_LOW_CONTRAST_DAY": {
       "type": "color",
       "category": "surface-colors",
-      "value": "#eff3f8ff",
-      "originalValue": "{!GREY_10}",
+      "value": "#f7f9fbff",
+      "originalValue": "{!GREY_05}",
       "name": "SURFACE_LOW_CONTRAST_DAY"
     },
     "SURFACE_SUBTLE_DAY": {
@@ -3725,8 +3728,8 @@
     "SURFACE_LOW_CONTRAST_COLOR": {
       "type": "color",
       "category": "surface-colors",
-      "value": "#eff3f8ff",
-      "originalValue": "{!GREY_10}",
+      "value": "#f7f9fbff",
+      "originalValue": "{!GREY_05}",
       "name": "SURFACE_LOW_CONTRAST_COLOR",
       "darkValue": "#243346ff",
       "originalDarkValue": "{!NIGHT_GREY_25}"

diff --git a/packages/bpk-foundations-common/base/colors/aliases.json b/packages/bpk-foundations-common/base/colors/aliases.json
@@ -50,6 +50,7 @@
     "BERRY": "#E70866",
     "BERRY_75": "#C80456",
     "PINK_MUTED": "#FFE9F9",
+    "GREY_05": "#F7F9FB",
     "GREY_10": "#EFF3F8",
     "GREY_20": "#E0E4E9",
     "GREY_30": "#C1C7CF",

diff --git a/packages/bpk-foundations-common/base/colors/surface.json b/packages/bpk-foundations-common/base/colors/surface.json
@@ -14,7 +14,7 @@
       "value": "{!NIGHT_GREY_10}"
     },
     "SURFACE_LOW_CONTRAST_DAY": {
-      "value": "{!GREY_10}"
+      "value": "{!GREY_05}"
     },
     "SURFACE_LOW_CONTRAST_NIGHT": {
       "value": "{!NIGHT_GREY_25}"

diff --git a/packages/bpk-foundations-ios/tokens/base.ios.json b/packages/bpk-foundations-ios/tokens/base.ios.json
@@ -1574,8 +1574,8 @@
     {
       "type": "color",
       "category": "surface-colors",
-      "value": "#eff3f8ff",
-      "originalValue": "{!GREY_10}",
+      "value": "#f7f9fbff",
+      "originalValue": "{!GREY_05}",
       "name": "surfaceLowContrastDay"
     },
     {
@@ -3492,8 +3492,8 @@
     {
       "type": "color",
       "category": "surface-colors",
-      "value": "#eff3f8ff",
-      "originalValue": "{!GREY_10}",
+      "value": "#f7f9fbff",
+      "originalValue": "{!GREY_05}",
       "name": "surfaceLowContrastColor",
       "darkValue": "#243346ff",
       "originalDarkValue": "{!NIGHT_GREY_25}"

diff --git a/packages/bpk-foundations-ios/tokens/base.raw.ios.json b/packages/bpk-foundations-ios/tokens/base.raw.ios.json
@@ -201,6 +201,9 @@
     "ERFOUD": {
       "value": "#FEEB87"
     },
+    "GREY_05": {
+      "value": "#F7F9FB"
+    },
     "NIGHT_GREEN_SPOT": {
       "value": "#62F1C6"
     },
@@ -2011,8 +2014,8 @@
     "SURFACE_LOW_CONTRAST_DAY": {
       "type": "color",
       "category": "surface-colors",
-      "value": "#eff3f8ff",
-      "originalValue": "{!GREY_10}",
+      "value": "#f7f9fbff",
+      "originalValue": "{!GREY_05}",
       "name": "SURFACE_LOW_CONTRAST_DAY"
     },
     "SURFACE_SUBTLE_DAY": {
@@ -3929,8 +3932,8 @@
     "SURFACE_LOW_CONTRAST_COLOR": {
       "type": "color",
       "category": "surface-colors",
-      "value": "#eff3f8ff",
-      "originalValue": "{!GREY_10}",
+      "value": "#f7f9fbff",
+      "originalValue": "{!GREY_05}",
       "name": "SURFACE_LOW_CONTRAST_COLOR",
       "darkValue": "#243346ff",
       "originalDarkValue": "{!NIGHT_GREY_25}"

diff --git a/packages/bpk-foundations-web/tokens/base.common.js b/packages/bpk-foundations-web/tokens/base.common.js
@@ -93,7 +93,7 @@ module.exports = {
   surfaceSubtleNight: "rgb(36, 51, 70)",
   surfaceElevatedDay: "rgb(255, 255, 255)",
   surfaceHighlightNight: "rgb(36, 51, 70)",
-  surfaceLowContrastDay: "rgb(239, 243, 248)",
+  surfaceLowContrastDay: "rgb(247, 249, 251)",
   surfaceSubtleDay: "rgb(227, 240, 255)",
   surfaceHighlightDay: "rgb(224, 228, 233)",
   textOnDarkDay: "rgb(255, 255, 255)",

diff --git a/packages/bpk-foundations-web/tokens/base.default.scss b/packages/bpk-foundations-web/tokens/base.default.scss
@@ -166,7 +166,7 @@ $bpk-surface-elevated-day: rgb(255, 255, 255) !default;
 /// @group surface-colors
 $bpk-surface-highlight-night: rgb(36, 51, 70) !default;
 /// @group surface-colors
-$bpk-surface-low-contrast-day: rgb(239, 243, 248) !default;
+$bpk-surface-low-contrast-day: rgb(247, 249, 251) !default;
 /// @group surface-colors
 $bpk-surface-subtle-day: rgb(227, 240, 255) !default;
 /// @group surface-colors

diff --git a/packages/bpk-foundations-web/tokens/base.es6.d.ts b/packages/bpk-foundations-web/tokens/base.es6.d.ts
@@ -91,7 +91,7 @@ export declare const surfaceLowContrastNight = "rgb(36, 51, 70)" as const;
 export declare const surfaceSubtleNight = "rgb(36, 51, 70)" as const;
 export declare const surfaceElevatedDay = "rgb(255, 255, 255)" as const;
 export declare const surfaceHighlightNight = "rgb(36, 51, 70)" as const;
-export declare const surfaceLowContrastDay = "rgb(239, 243, 248)" as const;
+export declare const surfaceLowContrastDay = "rgb(247, 249, 251)" as const;
 export declare const surfaceSubtleDay = "rgb(227, 240, 255)" as const;
 export declare const surfaceHighlightDay = "rgb(224, 228, 233)" as const;
 export declare const textOnDarkDay = "rgb(255, 255, 255)" as const;

diff --git a/packages/bpk-foundations-web/tokens/base.es6.js b/packages/bpk-foundations-web/tokens/base.es6.js
@@ -91,7 +91,7 @@ export const surfaceLowContrastNight = "rgb(36, 51, 70)";
 export const surfaceSubtleNight = "rgb(36, 51, 70)";
 export const surfaceElevatedDay = "rgb(255, 255, 255)";
 export const surfaceHighlightNight = "rgb(36, 51, 70)";
-export const surfaceLowContrastDay = "rgb(239, 243, 248)";
+export const surfaceLowContrastDay = "rgb(247, 249, 251)";
 export const surfaceSubtleDay = "rgb(227, 240, 255)";
 export const surfaceHighlightDay = "rgb(224, 228, 233)";
 export const textOnDarkDay = "rgb(255, 255, 255)";

diff --git a/packages/bpk-foundations-web/tokens/base.raw.json b/packages/bpk-foundations-web/tokens/base.raw.json
@@ -51,6 +51,9 @@
     "ERFOUD": {
       "value": "#ffb54d"
     },
+    "GREY_05": {
+      "value": "#F7F9FB"
+    },
     "NIGHT_GREEN_SPOT": {
       "value": "#62F1C6"
     },
@@ -1021,8 +1024,8 @@
     "SURFACE_LOW_CONTRAST_DAY": {
       "type": "color",
       "category": "surface-colors",
-      "value": "rgb(239, 243, 248)",
-      "originalValue": "{!GREY_10}",
+      "value": "rgb(247, 249, 251)",
+      "originalValue": "{!GREY_05}",
       "name": "SURFACE_LOW_CONTRAST_DAY"
     },
     "SURFACE_SUBTLE_DAY": {

diff --git a/packages/bpk-foundations-web/tokens/base.scss b/packages/bpk-foundations-web/tokens/base.scss
@@ -166,7 +166,7 @@ $bpk-surface-elevated-day: rgb(255, 255, 255);
 /// @group surface-colors
 $bpk-surface-highlight-night: rgb(36, 51, 70);
 /// @group surface-colors
-$bpk-surface-low-contrast-day: rgb(239, 243, 248);
+$bpk-surface-low-contrast-day: rgb(247, 249, 251);
 /// @group surface-colors
 $bpk-surface-subtle-day: rgb(227, 240, 255);
 /// @group surface-colors