@skyscanner/bpk-foundations-web 22.0.0 → 22.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/bpk-foundations-web",
-  "version": "22.0.0",
+  "version": "22.1.0",
   "description": "Common Backpack design tokens for colors, spacing, font, etc.",
   "license": "Apache-2.0",
   "repository": {
@@ -17,8 +17,8 @@
     "tokens": "gulp"
   },
   "dependencies": {
-    "@skyscanner/bpk-foundations-common": "^22.0.0",
+    "@skyscanner/bpk-foundations-common": "^22.1.0",
     "color": "^5.0.0"
   },
-  "gitHead": "9ed7037e72e88f6fe761313fc9499f4406b20732"
+  "gitHead": "23551b231a7cb5277da41a8e9165a0eb32832065"
 }

package/tokens/base.common.js

@@ -67,8 +67,10 @@ module.exports = {
   textLinkDay: "rgb(0, 98, 227)",
   textHeroDay: "rgb(0, 98, 227)",
   textPrimaryNight: "rgb(255, 255, 255)",
+  textSuccessNight: "rgb(98, 241, 198)",
   textDisabledDay: "rgba(0, 0, 0, 0.2)",
   textPrimaryDay: "rgb(22, 22, 22)",
+  textSuccessDay: "rgb(12, 131, 138)",
   textErrorNight: "rgb(255, 100, 156)",
   textErrorDay: "rgb(231, 8, 102)",
   textPrimaryInverseNight: "rgb(1, 9, 19)",

package/tokens/base.default.scss

@@ -114,10 +114,14 @@ $bpk-text-hero-day: rgb(0, 98, 227) !default;
 /// @group text-colors
 $bpk-text-primary-night: rgb(255, 255, 255) !default;
 /// @group text-colors
+$bpk-text-success-night: rgb(98, 241, 198) !default;
+/// @group text-colors
 $bpk-text-disabled-day: rgba(0, 0, 0, 0.2) !default;
 /// @group text-colors
 $bpk-text-primary-day: rgb(22, 22, 22) !default;
 /// @group text-colors
+$bpk-text-success-day: rgb(12, 131, 138) !default;
+/// @group text-colors
 $bpk-text-error-night: rgb(255, 100, 156) !default;
 /// @group text-colors
 $bpk-text-error-day: rgb(231, 8, 102) !default;

package/tokens/base.es6.d.ts

@@ -65,8 +65,10 @@ export declare const textDisabledNight = "rgba(255, 255, 255, 0.2)" as const;
 export declare const textLinkDay = "rgb(0, 98, 227)" as const;
 export declare const textHeroDay = "rgb(0, 98, 227)" as const;
 export declare const textPrimaryNight = "rgb(255, 255, 255)" as const;
+export declare const textSuccessNight = "rgb(98, 241, 198)" as const;
 export declare const textDisabledDay = "rgba(0, 0, 0, 0.2)" as const;
 export declare const textPrimaryDay = "rgb(22, 22, 22)" as const;
+export declare const textSuccessDay = "rgb(12, 131, 138)" as const;
 export declare const textErrorNight = "rgb(255, 100, 156)" as const;
 export declare const textErrorDay = "rgb(231, 8, 102)" as const;
 export declare const textPrimaryInverseNight = "rgb(1, 9, 19)" as const;
@@ -819,8 +821,10 @@ textDisabledNight,
 textLinkDay,
 textHeroDay,
 textPrimaryNight,
+textSuccessNight,
 textDisabledDay,
 textPrimaryDay,
+textSuccessDay,
 textErrorNight,
 textErrorDay,
 textPrimaryInverseNight,

package/tokens/base.es6.js

@@ -65,8 +65,10 @@ export const textDisabledNight = "rgba(255, 255, 255, 0.2)";
 export const textLinkDay = "rgb(0, 98, 227)";
 export const textHeroDay = "rgb(0, 98, 227)";
 export const textPrimaryNight = "rgb(255, 255, 255)";
+export const textSuccessNight = "rgb(98, 241, 198)";
 export const textDisabledDay = "rgba(0, 0, 0, 0.2)";
 export const textPrimaryDay = "rgb(22, 22, 22)";
+export const textSuccessDay = "rgb(12, 131, 138)";
 export const textErrorNight = "rgb(255, 100, 156)";
 export const textErrorDay = "rgb(231, 8, 102)";
 export const textPrimaryInverseNight = "rgb(1, 9, 19)";
@@ -819,8 +821,10 @@ textDisabledNight,
 textLinkDay,
 textHeroDay,
 textPrimaryNight,
+textSuccessNight,
 textDisabledDay,
 textPrimaryDay,
+textSuccessDay,
 textErrorNight,
 textErrorDay,
 textPrimaryInverseNight,

package/tokens/base.raw.json

@@ -809,6 +809,13 @@
       "originalValue": "{!WHITE}",
       "name": "TEXT_PRIMARY_NIGHT"
     },
+    "TEXT_SUCCESS_NIGHT": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(98, 241, 198)",
+      "originalValue": "{!NIGHT_GREEN_SPOT}",
+      "name": "TEXT_SUCCESS_NIGHT"
+    },
     "TEXT_DISABLED_DAY": {
       "type": "color",
       "category": "text-colors",
@@ -823,6 +830,13 @@
       "originalValue": "{!CHARCOAL}",
       "name": "TEXT_PRIMARY_DAY"
     },
+    "TEXT_SUCCESS_DAY": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(12, 131, 138)",
+      "originalValue": "{!GREEN_SPOT}",
+      "name": "TEXT_SUCCESS_DAY"
+    },
     "TEXT_ERROR_NIGHT": {
       "type": "color",
       "category": "text-colors",

package/tokens/base.scss

@@ -114,10 +114,14 @@ $bpk-text-hero-day: rgb(0, 98, 227);
 /// @group text-colors
 $bpk-text-primary-night: rgb(255, 255, 255);
 /// @group text-colors
+$bpk-text-success-night: rgb(98, 241, 198);
+/// @group text-colors
 $bpk-text-disabled-day: rgba(0, 0, 0, 0.2);
 /// @group text-colors
 $bpk-text-primary-day: rgb(22, 22, 22);
 /// @group text-colors
+$bpk-text-success-day: rgb(12, 131, 138);
+/// @group text-colors
 $bpk-text-error-night: rgb(255, 100, 156);
 /// @group text-colors
 $bpk-text-error-day: rgb(231, 8, 102);