@skyscanner/bpk-foundations-web 24.0.0 → 24.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 +4 -2
  3. package/tokens/base.default.scss +10 -2
  4. package/tokens/base.es6.d.ts +6 -2
  5. package/tokens/base.es6.js +6 -2
  6. package/tokens/base.raw.json +38 -4
  7. package/tokens/base.scss +10 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyscanner/bpk-foundations-web",
3
- "version": "24.0.0",
3
+ "version": "24.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": "^24.0.0",
20
+ "@skyscanner/bpk-foundations-common": "^24.2.0",
21
21
  "color": "^5.0.0"
22
22
  },
23
- "gitHead": "c0b09255d56f00c139988461085774835a0d573b"
23
+ "gitHead": "3df1c21f0b472adbf43229e661c0fa2ee7f2a32c"
24
24
  }
package/tokens/base.common.js CHANGED
@@ -206,6 +206,8 @@ module.exports = {
206
206
  privateNavigationTabHoverNight: "rgb(209, 247, 255)",
207
207
  privateNavigationTabOutlineDay: "rgb(193, 199, 207)",
208
208
  privateNavigationTabOutlineNight: "rgb(255, 255, 255)",
209
+ privateNavigationTabSelectedDay: "rgb(2, 77, 175)",
210
+ privateNavigationTabSelectedNight: "rgb(5, 65, 132)",
209
211
  privateCardButtonContainedFillDay: "rgba(255, 255, 255, 0.8)",
210
212
  privateCardButtonContainedFillNight: "rgba(0, 0, 0, 0.8)",
211
213
  privateSegmentedControlCanvasDefaultDay: "rgb(239, 243, 248)",
@@ -379,7 +381,7 @@ module.exports = {
379
381
  lineHeightXxxl: "3rem",
380
382
  lineHeightXl: "2rem",
381
383
  fontSizeXl: "1.5rem",
382
- fontFamilyLarken: "'Larken', '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', sans-serif",
384
+ fontFamilyLarken: "'Larken', 'Noto Sans Arabic', 'Noto Serif Hebrew', 'Noto Serif', 'Noto Serif Devanagari', 'Noto Serif Thai', 'Noto Serif SC', 'Noto Serif TC', 'Noto Serif JP', 'Noto Serif KR', sans-serif",
383
385
  fontSizeXxxxxl: "4rem",
384
386
  fontSizeXxxl: "2.5rem",
385
387
  lineHeightSm: "1.25rem",
@@ -395,7 +397,7 @@ module.exports = {
395
397
  letterSpacingHero: "-0.04em",
396
398
  fontSizeRoot: "100%",
397
399
  fontSize6Xl: "4.75rem",
398
- 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",
400
+ fontFamilyBase: "'Skyscanner Relative', 'Noto Sans Arabic', 'Noto Sans Hebrew', 'Noto Sans', 'Noto Sans Devanagari', 'Noto Sans 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",
399
401
  fontWeightBold: "700",
400
402
  fontColorBase: "rgb(22, 22, 22)",
401
403
  lineHeightBaseTight: "1.25rem",
package/tokens/base.default.scss CHANGED
@@ -391,6 +391,10 @@ $bpk-private-navigation-tab-hover-night: rgb(209, 247, 255) !default;
391
391
  $bpk-private-navigation-tab-outline-day: rgb(193, 199, 207) !default;
392
392
  /// @group navigation-tab-colors
393
393
  $bpk-private-navigation-tab-outline-night: rgb(255, 255, 255) !default;
394
+ /// @group navigation-tab-colors
395
+ $bpk-private-navigation-tab-selected-day: rgb(2, 77, 175) !default;
396
+ /// @group navigation-tab-colors
397
+ $bpk-private-navigation-tab-selected-night: rgb(5, 65, 132) !default;
394
398
  /// @group card-button-colors
395
399
  $bpk-private-card-button-contained-fill-day: rgba(255, 255, 255, 0.8) !default;
396
400
  /// @group card-button-colors
@@ -730,8 +734,12 @@ $bpk-private-slider-selected-day: rgb(21, 70, 121) !default;
730
734
  /// @group spacings
731
735
  @function bpk-spacing-lg() { @return 1.5rem; }
732
736
  /// @group spacings
737
+ @function bpk-spacing-xs() { @return .125rem; }
738
+ /// @group spacings
733
739
  $bpk-one-pixel-rem: .0625rem !default;
734
740
  /// @group spacings
741
+ @function bpk-spacing-xxs() { @return .0625rem; }
742
+ /// @group spacings
735
743
  $bpk-spacing-none: 0 !default;
736
744
  /// @group spacings
737
745
  $bpk-spacing-icon-text: .5rem !default;
@@ -754,7 +762,7 @@ $bpk-line-height-xl: 2rem !default;
754
762
  /// @group typesettings
755
763
  $bpk-font-size-xl: 1.5rem !default;
756
764
  /// @group typesettings
757
- $bpk-font-family-larken: 'Larken', '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', sans-serif !default;
765
+ $bpk-font-family-larken: 'Larken', 'Noto Sans Arabic', 'Noto Serif Hebrew', 'Noto Serif', 'Noto Serif Devanagari', 'Noto Serif Thai', 'Noto Serif SC', 'Noto Serif TC', 'Noto Serif JP', 'Noto Serif KR', sans-serif !default;
758
766
  /// @group typesettings
759
767
  $bpk-font-size-xxxxxl: 4rem !default;
760
768
  /// @group typesettings
@@ -786,7 +794,7 @@ $bpk-font-size-root: 100% !default;
786
794
  /// @group typesettings
787
795
  $bpk-font-size-6-xl: 4.75rem !default;
788
796
  /// @group typesettings
789
- $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;
797
+ $bpk-font-family-base: 'Skyscanner Relative', 'Noto Sans Arabic', 'Noto Sans Hebrew', 'Noto Sans', 'Noto Sans Devanagari', 'Noto Sans 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;
790
798
  /// @group font-weights
791
799
  $bpk-font-weight-bold: 700 !default;
792
800
  /// @group text-colors
package/tokens/base.es6.d.ts CHANGED
@@ -204,6 +204,8 @@ export declare const privateNavigationTabHoverDay = "rgb(21, 70, 121)" as const;
204
204
  export declare const privateNavigationTabHoverNight = "rgb(209, 247, 255)" as const;
205
205
  export declare const privateNavigationTabOutlineDay = "rgb(193, 199, 207)" as const;
206
206
  export declare const privateNavigationTabOutlineNight = "rgb(255, 255, 255)" as const;
207
+ export declare const privateNavigationTabSelectedDay = "rgb(2, 77, 175)" as const;
208
+ export declare const privateNavigationTabSelectedNight = "rgb(5, 65, 132)" as const;
207
209
  export declare const privateCardButtonContainedFillDay = "rgba(255, 255, 255, 0.8)" as const;
208
210
  export declare const privateCardButtonContainedFillNight = "rgba(0, 0, 0, 0.8)" as const;
209
211
  export declare const privateSegmentedControlCanvasDefaultDay = "rgb(239, 243, 248)" as const;
@@ -377,7 +379,7 @@ export declare const lineHeightXxxxxl = "4rem" as const;
377
379
  export declare const lineHeightXxxl = "3rem" as const;
378
380
  export declare const lineHeightXl = "2rem" as const;
379
381
  export declare const fontSizeXl = "1.5rem" as const;
380
- export declare const fontFamilyLarken = "'Larken', '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', sans-serif" as const;
382
+ export declare const fontFamilyLarken = "'Larken', 'Noto Sans Arabic', 'Noto Serif Hebrew', 'Noto Serif', 'Noto Serif Devanagari', 'Noto Serif Thai', 'Noto Serif SC', 'Noto Serif TC', 'Noto Serif JP', 'Noto Serif KR', sans-serif" as const;
381
383
  export declare const fontSizeXxxxxl = "4rem" as const;
382
384
  export declare const fontSizeXxxl = "2.5rem" as const;
383
385
  export declare const lineHeightSm = "1.25rem" as const;
@@ -393,7 +395,7 @@ export declare const letterSpacingDisplay = "-0.05em" as const;
393
395
  export declare const letterSpacingHero = "-0.04em" as const;
394
396
  export declare const fontSizeRoot = "100%" as const;
395
397
  export declare const fontSize6Xl = "4.75rem" as const;
396
- 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;
398
+ export declare const fontFamilyBase = "'Skyscanner Relative', 'Noto Sans Arabic', 'Noto Sans Hebrew', 'Noto Sans', 'Noto Sans Devanagari', 'Noto Sans 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;
397
399
  export declare const fontWeightBold = "700" as const;
398
400
  export declare const fontColorBase = "rgb(22, 22, 22)" as const;
399
401
  export declare const lineHeightBaseTight = "1.25rem" as const;
@@ -724,6 +726,8 @@ privateNavigationTabHoverDay,
724
726
  privateNavigationTabHoverNight,
725
727
  privateNavigationTabOutlineDay,
726
728
  privateNavigationTabOutlineNight,
729
+ privateNavigationTabSelectedDay,
730
+ privateNavigationTabSelectedNight,
727
731
  } as const;
728
732
  export declare const notifications = {
729
733
  bannerAlertHeaderExpandableHoverBackgroundColor,
package/tokens/base.es6.js CHANGED
@@ -204,6 +204,8 @@ export const privateNavigationTabHoverDay = "rgb(21, 70, 121)";
204
204
  export const privateNavigationTabHoverNight = "rgb(209, 247, 255)";
205
205
  export const privateNavigationTabOutlineDay = "rgb(193, 199, 207)";
206
206
  export const privateNavigationTabOutlineNight = "rgb(255, 255, 255)";
207
+ export const privateNavigationTabSelectedDay = "rgb(2, 77, 175)";
208
+ export const privateNavigationTabSelectedNight = "rgb(5, 65, 132)";
207
209
  export const privateCardButtonContainedFillDay = "rgba(255, 255, 255, 0.8)";
208
210
  export const privateCardButtonContainedFillNight = "rgba(0, 0, 0, 0.8)";
209
211
  export const privateSegmentedControlCanvasDefaultDay = "rgb(239, 243, 248)";
@@ -377,7 +379,7 @@ export const lineHeightXxxxxl = "4rem";
377
379
  export const lineHeightXxxl = "3rem";
378
380
  export const lineHeightXl = "2rem";
379
381
  export const fontSizeXl = "1.5rem";
380
- export const fontFamilyLarken = "'Larken', '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', sans-serif";
382
+ export const fontFamilyLarken = "'Larken', 'Noto Sans Arabic', 'Noto Serif Hebrew', 'Noto Serif', 'Noto Serif Devanagari', 'Noto Serif Thai', 'Noto Serif SC', 'Noto Serif TC', 'Noto Serif JP', 'Noto Serif KR', sans-serif";
381
383
  export const fontSizeXxxxxl = "4rem";
382
384
  export const fontSizeXxxl = "2.5rem";
383
385
  export const lineHeightSm = "1.25rem";
@@ -393,7 +395,7 @@ export const letterSpacingDisplay = "-0.05em";
393
395
  export const letterSpacingHero = "-0.04em";
394
396
  export const fontSizeRoot = "100%";
395
397
  export const fontSize6Xl = "4.75rem";
396
- 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";
398
+ export const fontFamilyBase = "'Skyscanner Relative', 'Noto Sans Arabic', 'Noto Sans Hebrew', 'Noto Sans', 'Noto Sans Devanagari', 'Noto Sans 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";
397
399
  export const fontWeightBold = "700";
398
400
  export const fontColorBase = "rgb(22, 22, 22)";
399
401
  export const lineHeightBaseTight = "1.25rem";
@@ -724,6 +726,8 @@ privateNavigationTabHoverDay,
724
726
  privateNavigationTabHoverNight,
725
727
  privateNavigationTabOutlineDay,
726
728
  privateNavigationTabOutlineNight,
729
+ privateNavigationTabSelectedDay,
730
+ privateNavigationTabSelectedNight,
727
731
  };
728
732
  export const notifications = {
729
733
  bannerAlertHeaderExpandableHoverBackgroundColor,
package/tokens/base.raw.json CHANGED
@@ -420,12 +420,18 @@
420
420
  "SPACING_SM": {
421
421
  "value": ".25rem"
422
422
  },
423
+ "SPACING_XS": {
424
+ "value": ".125rem"
425
+ },
423
426
  "FONT_LINE_HEIGHT_LG_TIGHT": {
424
427
  "value": "1.5rem"
425
428
  },
426
429
  "SPACING_LG": {
427
430
  "value": "1.5rem"
428
431
  },
432
+ "SPACING_XXS": {
433
+ "value": ".0625rem"
434
+ },
429
435
  "FONT_LINE_HEIGHT_SM": {
430
436
  "value": "1.25rem"
431
437
  },
@@ -1792,6 +1798,20 @@
1792
1798
  "originalValue": "{!WHITE}",
1793
1799
  "name": "PRIVATE_NAVIGATION_TAB_OUTLINE_NIGHT"
1794
1800
  },
1801
+ "PRIVATE_NAVIGATION_TAB_SELECTED_DAY": {
1802
+ "type": "color",
1803
+ "category": "navigation-tab-colors",
1804
+ "value": "rgb(2, 77, 175)",
1805
+ "originalValue": "{!SKY_BLUE_85}",
1806
+ "name": "PRIVATE_NAVIGATION_TAB_SELECTED_DAY"
1807
+ },
1808
+ "PRIVATE_NAVIGATION_TAB_SELECTED_NIGHT": {
1809
+ "type": "color",
1810
+ "category": "navigation-tab-colors",
1811
+ "value": "rgb(5, 65, 132)",
1812
+ "originalValue": "{!NIGHT_SKY}",
1813
+ "name": "PRIVATE_NAVIGATION_TAB_SELECTED_NIGHT"
1814
+ },
1795
1815
  "PRIVATE_CARD_BUTTON_CONTAINED_FILL_DAY": {
1796
1816
  "type": "color",
1797
1817
  "category": "card-button-colors",
@@ -3041,6 +3061,13 @@
3041
3061
  "originalValue": "@function bpk-spacing-lg() { @return {!SPACING_LG}; }",
3042
3062
  "name": "SPACING_FUNCTION_LG"
3043
3063
  },
3064
+ "SPACING_FUNCTION_XS": {
3065
+ "type": "function",
3066
+ "category": "spacings",
3067
+ "value": "@function bpk-spacing-xs() { @return .125rem; }",
3068
+ "originalValue": "@function bpk-spacing-xs() { @return {!SPACING_XS}; }",
3069
+ "name": "SPACING_FUNCTION_XS"
3070
+ },
3044
3071
  "ONE_PIXEL_REM": {
3045
3072
  "type": "size",
3046
3073
  "category": "spacings",
@@ -3048,6 +3075,13 @@
3048
3075
  "originalValue": "{!ONE_PIXEL_REM}",
3049
3076
  "name": "ONE_PIXEL_REM"
3050
3077
  },
3078
+ "SPACING_FUNCTION_XXS": {
3079
+ "type": "function",
3080
+ "category": "spacings",
3081
+ "value": "@function bpk-spacing-xxs() { @return .0625rem; }",
3082
+ "originalValue": "@function bpk-spacing-xxs() { @return {!SPACING_XXS}; }",
3083
+ "name": "SPACING_FUNCTION_XXS"
3084
+ },
3051
3085
  "SPACING_NONE": {
3052
3086
  "type": "size",
3053
3087
  "category": "spacings",
@@ -3126,10 +3160,10 @@
3126
3160
  "name": "FONT_SIZE_XL"
3127
3161
  },
3128
3162
  "FONT_FAMILY_LARKEN": {
3129
- "value": "'Larken', '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', sans-serif",
3163
+ "value": "'Larken', 'Noto Sans Arabic', 'Noto Serif Hebrew', 'Noto Serif', 'Noto Serif Devanagari', 'Noto Serif Thai', 'Noto Serif SC', 'Noto Serif TC', 'Noto Serif JP', 'Noto Serif KR', sans-serif",
3130
3164
  "type": "font",
3131
3165
  "category": "typesettings",
3132
- "originalValue": "'Larken', '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', sans-serif",
3166
+ "originalValue": "'Larken', 'Noto Sans Arabic', 'Noto Serif Hebrew', 'Noto Serif', 'Noto Serif Devanagari', 'Noto Serif Thai', 'Noto Serif SC', 'Noto Serif TC', 'Noto Serif JP', 'Noto Serif KR', sans-serif",
3133
3167
  "name": "FONT_FAMILY_LARKEN"
3134
3168
  },
3135
3169
  "FONT_SIZE_XXXXXL": {
@@ -3238,10 +3272,10 @@
3238
3272
  "name": "FONT_SIZE_6XL"
3239
3273
  },
3240
3274
  "FONT_FAMILY_BASE": {
3241
- "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",
3275
+ "value": "'Skyscanner Relative', 'Noto Sans Arabic', 'Noto Sans Hebrew', 'Noto Sans', 'Noto Sans Devanagari', 'Noto Sans 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",
3242
3276
  "type": "font",
3243
3277
  "category": "typesettings",
3244
- "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",
3278
+ "originalValue": "'Skyscanner Relative', 'Noto Sans Arabic', 'Noto Sans Hebrew', 'Noto Sans', 'Noto Sans Devanagari', 'Noto Sans 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",
3245
3279
  "name": "FONT_FAMILY_BASE"
3246
3280
  },
3247
3281
  "FONT_WEIGHT_BOLD": {
package/tokens/base.scss CHANGED
@@ -391,6 +391,10 @@ $bpk-private-navigation-tab-hover-night: rgb(209, 247, 255);
391
391
  $bpk-private-navigation-tab-outline-day: rgb(193, 199, 207);
392
392
  /// @group navigation-tab-colors
393
393
  $bpk-private-navigation-tab-outline-night: rgb(255, 255, 255);
394
+ /// @group navigation-tab-colors
395
+ $bpk-private-navigation-tab-selected-day: rgb(2, 77, 175);
396
+ /// @group navigation-tab-colors
397
+ $bpk-private-navigation-tab-selected-night: rgb(5, 65, 132);
394
398
  /// @group card-button-colors
395
399
  $bpk-private-card-button-contained-fill-day: rgba(255, 255, 255, 0.8);
396
400
  /// @group card-button-colors
@@ -730,8 +734,12 @@ $bpk-private-slider-selected-day: rgb(21, 70, 121);
730
734
  /// @group spacings
731
735
  @function bpk-spacing-lg() { @return 1.5rem; }
732
736
  /// @group spacings
737
+ @function bpk-spacing-xs() { @return .125rem; }
738
+ /// @group spacings
733
739
  $bpk-one-pixel-rem: .0625rem;
734
740
  /// @group spacings
741
+ @function bpk-spacing-xxs() { @return .0625rem; }
742
+ /// @group spacings
735
743
  $bpk-spacing-none: 0;
736
744
  /// @group spacings
737
745
  $bpk-spacing-icon-text: .5rem;
@@ -754,7 +762,7 @@ $bpk-line-height-xl: 2rem;
754
762
  /// @group typesettings
755
763
  $bpk-font-size-xl: 1.5rem;
756
764
  /// @group typesettings
757
- $bpk-font-family-larken: 'Larken', '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', sans-serif;
765
+ $bpk-font-family-larken: 'Larken', 'Noto Sans Arabic', 'Noto Serif Hebrew', 'Noto Serif', 'Noto Serif Devanagari', 'Noto Serif Thai', 'Noto Serif SC', 'Noto Serif TC', 'Noto Serif JP', 'Noto Serif KR', sans-serif;
758
766
  /// @group typesettings
759
767
  $bpk-font-size-xxxxxl: 4rem;
760
768
  /// @group typesettings
@@ -786,7 +794,7 @@ $bpk-font-size-root: 100%;
786
794
  /// @group typesettings
787
795
  $bpk-font-size-6-xl: 4.75rem;
788
796
  /// @group typesettings
789
- $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;
797
+ $bpk-font-family-base: 'Skyscanner Relative', 'Noto Sans Arabic', 'Noto Sans Hebrew', 'Noto Sans', 'Noto Sans Devanagari', 'Noto Sans 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;
790
798
  /// @group font-weights
791
799
  $bpk-font-weight-bold: 700;
792
800
  /// @group text-colors