diff --git a/packages/bpk-foundations-android/tokens/base.raw.android.json b/packages/bpk-foundations-android/tokens/base.raw.android.json index 3e9b5bcb..e196e986 100644 --- 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 index aa372de8..b38aa09e 100644 --- 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 index 876f999f..43550279 100644 --- 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 index 4b658894..cfff55d2 100644 --- 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 index 379fa8a8..9da5eab9 100644 --- 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 index 2f0fda17..a068b602 100644 --- 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 index d4468eb8..a56fe5e8 100644 --- 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 index 8d8cc9d6..4938817f 100644 --- 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 index 6bc4abd8..5db8a1d4 100644 --- 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 index 45ced94a..4555ef29 100644 --- 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 index 5451a0fc..88cac562 100644 --- 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