@skyscanner/bpk-foundations-web 22.0.0 → 22.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/package.json +3 -3
  2. package/tokens/base.common.js +3 -1
  3. package/tokens/base.default.scss +5 -1
  4. package/tokens/base.es6.d.ts +5 -1
  5. package/tokens/base.es6.js +5 -1
  6. package/tokens/base.raw.json +16 -2
  7. package/tokens/base.scss +5 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyscanner/bpk-foundations-web",
3
- "version": "22.0.0",
3
+ "version": "22.2.0",
4
4
  "description": "Common Backpack design tokens for colors, spacing, font, etc.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -17,8 +17,8 @@
17
17
  "tokens": "gulp"
18
18
  },
19
19
  "dependencies": {
20
- "@skyscanner/bpk-foundations-common": "^22.0.0",
20
+ "@skyscanner/bpk-foundations-common": "^22.2.0",
21
21
  "color": "^5.0.0"
22
22
  },
23
- "gitHead": "9ed7037e72e88f6fe761313fc9499f4406b20732"
23
+ "gitHead": "cadfc369bf9898bc30268d2d3de51d0d827e260b"
24
24
  }
package/tokens/base.common.js CHANGED
@@ -67,8 +67,10 @@ module.exports = {
67
67
  textLinkDay: "rgb(0, 98, 227)",
68
68
  textHeroDay: "rgb(0, 98, 227)",
69
69
  textPrimaryNight: "rgb(255, 255, 255)",
70
+ textSuccessNight: "rgb(98, 241, 198)",
70
71
  textDisabledDay: "rgba(0, 0, 0, 0.2)",
71
72
  textPrimaryDay: "rgb(22, 22, 22)",
73
+ textSuccessDay: "rgb(12, 131, 138)",
72
74
  textErrorNight: "rgb(255, 100, 156)",
73
75
  textErrorDay: "rgb(231, 8, 102)",
74
76
  textPrimaryInverseNight: "rgb(1, 9, 19)",
@@ -389,7 +391,7 @@ module.exports = {
389
391
  letterSpacingHero: "-0.04em",
390
392
  fontSizeRoot: "100%",
391
393
  fontSize6Xl: "4.75rem",
392
- fontFamilyBase: "'Skyscanner Relative', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
394
+ fontFamilyBase: "'Skyscanner Relative', 'Noto Sans Arabic', 'Noto Sans Hebrew', 'Noto Serif', 'Noto Serif Devanagari', 'Noto Serif Thai', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans JP', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
393
395
  fontWeightBold: "700",
394
396
  fontColorBase: "rgb(22, 22, 22)",
395
397
  lineHeightBaseTight: "1.25rem",
package/tokens/base.default.scss CHANGED
@@ -114,10 +114,14 @@ $bpk-text-hero-day: rgb(0, 98, 227) !default;
114
114
  /// @group text-colors
115
115
  $bpk-text-primary-night: rgb(255, 255, 255) !default;
116
116
  /// @group text-colors
117
+ $bpk-text-success-night: rgb(98, 241, 198) !default;
118
+ /// @group text-colors
117
119
  $bpk-text-disabled-day: rgba(0, 0, 0, 0.2) !default;
118
120
  /// @group text-colors
119
121
  $bpk-text-primary-day: rgb(22, 22, 22) !default;
120
122
  /// @group text-colors
123
+ $bpk-text-success-day: rgb(12, 131, 138) !default;
124
+ /// @group text-colors
121
125
  $bpk-text-error-night: rgb(255, 100, 156) !default;
122
126
  /// @group text-colors
123
127
  $bpk-text-error-day: rgb(231, 8, 102) !default;
@@ -774,7 +778,7 @@ $bpk-font-size-root: 100% !default;
774
778
  /// @group typesettings
775
779
  $bpk-font-size-6-xl: 4.75rem !default;
776
780
  /// @group typesettings
777
- $bpk-font-family-base: 'Skyscanner Relative', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !default;
781
+ $bpk-font-family-base: 'Skyscanner Relative', 'Noto Sans Arabic', 'Noto Sans Hebrew', 'Noto Serif', 'Noto Serif Devanagari', 'Noto Serif Thai', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans JP', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !default;
778
782
  /// @group font-weights
779
783
  $bpk-font-weight-bold: 700 !default;
780
784
  /// @group text-colors
package/tokens/base.es6.d.ts CHANGED
@@ -65,8 +65,10 @@ export declare const textDisabledNight = "rgba(255, 255, 255, 0.2)" as const;
65
65
  export declare const textLinkDay = "rgb(0, 98, 227)" as const;
66
66
  export declare const textHeroDay = "rgb(0, 98, 227)" as const;
67
67
  export declare const textPrimaryNight = "rgb(255, 255, 255)" as const;
68
+ export declare const textSuccessNight = "rgb(98, 241, 198)" as const;
68
69
  export declare const textDisabledDay = "rgba(0, 0, 0, 0.2)" as const;
69
70
  export declare const textPrimaryDay = "rgb(22, 22, 22)" as const;
71
+ export declare const textSuccessDay = "rgb(12, 131, 138)" as const;
70
72
  export declare const textErrorNight = "rgb(255, 100, 156)" as const;
71
73
  export declare const textErrorDay = "rgb(231, 8, 102)" as const;
72
74
  export declare const textPrimaryInverseNight = "rgb(1, 9, 19)" as const;
@@ -387,7 +389,7 @@ export declare const letterSpacingDisplay = "-0.05em" as const;
387
389
  export declare const letterSpacingHero = "-0.04em" as const;
388
390
  export declare const fontSizeRoot = "100%" as const;
389
391
  export declare const fontSize6Xl = "4.75rem" as const;
390
- export declare const fontFamilyBase = "'Skyscanner Relative', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif" as const;
392
+ export declare const fontFamilyBase = "'Skyscanner Relative', 'Noto Sans Arabic', 'Noto Sans Hebrew', 'Noto Serif', 'Noto Serif Devanagari', 'Noto Serif Thai', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans JP', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif" as const;
391
393
  export declare const fontWeightBold = "700" as const;
392
394
  export declare const fontColorBase = "rgb(22, 22, 22)" as const;
393
395
  export declare const lineHeightBaseTight = "1.25rem" as const;
@@ -819,8 +821,10 @@ textDisabledNight,
819
821
  textLinkDay,
820
822
  textHeroDay,
821
823
  textPrimaryNight,
824
+ textSuccessNight,
822
825
  textDisabledDay,
823
826
  textPrimaryDay,
827
+ textSuccessDay,
824
828
  textErrorNight,
825
829
  textErrorDay,
826
830
  textPrimaryInverseNight,
package/tokens/base.es6.js CHANGED
@@ -65,8 +65,10 @@ export const textDisabledNight = "rgba(255, 255, 255, 0.2)";
65
65
  export const textLinkDay = "rgb(0, 98, 227)";
66
66
  export const textHeroDay = "rgb(0, 98, 227)";
67
67
  export const textPrimaryNight = "rgb(255, 255, 255)";
68
+ export const textSuccessNight = "rgb(98, 241, 198)";
68
69
  export const textDisabledDay = "rgba(0, 0, 0, 0.2)";
69
70
  export const textPrimaryDay = "rgb(22, 22, 22)";
71
+ export const textSuccessDay = "rgb(12, 131, 138)";
70
72
  export const textErrorNight = "rgb(255, 100, 156)";
71
73
  export const textErrorDay = "rgb(231, 8, 102)";
72
74
  export const textPrimaryInverseNight = "rgb(1, 9, 19)";
@@ -387,7 +389,7 @@ export const letterSpacingDisplay = "-0.05em";
387
389
  export const letterSpacingHero = "-0.04em";
388
390
  export const fontSizeRoot = "100%";
389
391
  export const fontSize6Xl = "4.75rem";
390
- export const fontFamilyBase = "'Skyscanner Relative', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
392
+ export const fontFamilyBase = "'Skyscanner Relative', 'Noto Sans Arabic', 'Noto Sans Hebrew', 'Noto Serif', 'Noto Serif Devanagari', 'Noto Serif Thai', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans JP', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
391
393
  export const fontWeightBold = "700";
392
394
  export const fontColorBase = "rgb(22, 22, 22)";
393
395
  export const lineHeightBaseTight = "1.25rem";
@@ -819,8 +821,10 @@ textDisabledNight,
819
821
  textLinkDay,
820
822
  textHeroDay,
821
823
  textPrimaryNight,
824
+ textSuccessNight,
822
825
  textDisabledDay,
823
826
  textPrimaryDay,
827
+ textSuccessDay,
824
828
  textErrorNight,
825
829
  textErrorDay,
826
830
  textPrimaryInverseNight,
package/tokens/base.raw.json CHANGED
@@ -809,6 +809,13 @@
809
809
  "originalValue": "{!WHITE}",
810
810
  "name": "TEXT_PRIMARY_NIGHT"
811
811
  },
812
+ "TEXT_SUCCESS_NIGHT": {
813
+ "type": "color",
814
+ "category": "text-colors",
815
+ "value": "rgb(98, 241, 198)",
816
+ "originalValue": "{!NIGHT_GREEN_SPOT}",
817
+ "name": "TEXT_SUCCESS_NIGHT"
818
+ },
812
819
  "TEXT_DISABLED_DAY": {
813
820
  "type": "color",
814
821
  "category": "text-colors",
@@ -823,6 +830,13 @@
823
830
  "originalValue": "{!CHARCOAL}",
824
831
  "name": "TEXT_PRIMARY_DAY"
825
832
  },
833
+ "TEXT_SUCCESS_DAY": {
834
+ "type": "color",
835
+ "category": "text-colors",
836
+ "value": "rgb(12, 131, 138)",
837
+ "originalValue": "{!GREEN_SPOT}",
838
+ "name": "TEXT_SUCCESS_DAY"
839
+ },
826
840
  "TEXT_ERROR_NIGHT": {
827
841
  "type": "color",
828
842
  "category": "text-colors",
@@ -3186,10 +3200,10 @@
3186
3200
  "name": "FONT_SIZE_6XL"
3187
3201
  },
3188
3202
  "FONT_FAMILY_BASE": {
3189
- "value": "'Skyscanner Relative', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
3203
+ "value": "'Skyscanner Relative', 'Noto Sans Arabic', 'Noto Sans Hebrew', 'Noto Serif', 'Noto Serif Devanagari', 'Noto Serif Thai', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans JP', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
3190
3204
  "type": "font",
3191
3205
  "category": "typesettings",
3192
- "originalValue": "'Skyscanner Relative', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
3206
+ "originalValue": "'Skyscanner Relative', 'Noto Sans Arabic', 'Noto Sans Hebrew', 'Noto Serif', 'Noto Serif Devanagari', 'Noto Serif Thai', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans JP', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
3193
3207
  "name": "FONT_FAMILY_BASE"
3194
3208
  },
3195
3209
  "FONT_WEIGHT_BOLD": {
package/tokens/base.scss CHANGED
@@ -114,10 +114,14 @@ $bpk-text-hero-day: rgb(0, 98, 227);
114
114
  /// @group text-colors
115
115
  $bpk-text-primary-night: rgb(255, 255, 255);
116
116
  /// @group text-colors
117
+ $bpk-text-success-night: rgb(98, 241, 198);
118
+ /// @group text-colors
117
119
  $bpk-text-disabled-day: rgba(0, 0, 0, 0.2);
118
120
  /// @group text-colors
119
121
  $bpk-text-primary-day: rgb(22, 22, 22);
120
122
  /// @group text-colors
123
+ $bpk-text-success-day: rgb(12, 131, 138);
124
+ /// @group text-colors
121
125
  $bpk-text-error-night: rgb(255, 100, 156);
122
126
  /// @group text-colors
123
127
  $bpk-text-error-day: rgb(231, 8, 102);
@@ -774,7 +778,7 @@ $bpk-font-size-root: 100%;
774
778
  /// @group typesettings
775
779
  $bpk-font-size-6-xl: 4.75rem;
776
780
  /// @group typesettings
777
- $bpk-font-family-base: 'Skyscanner Relative', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
781
+ $bpk-font-family-base: 'Skyscanner Relative', 'Noto Sans Arabic', 'Noto Sans Hebrew', 'Noto Serif', 'Noto Serif Devanagari', 'Noto Serif Thai', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans JP', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
778
782
  /// @group font-weights
779
783
  $bpk-font-weight-bold: 700;
780
784
  /// @group text-colors