@skyscanner/bpk-foundations-ios 6.11.0 → 6.13.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyscanner/bpk-foundations-ios",
3
- "version": "6.11.0",
3
+ "version": "6.13.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": "^6.11.0",
20
+ "@skyscanner/bpk-foundations-common": "^6.13.0",
21
21
  "color": "^4.2.3"
22
22
  },
23
- "gitHead": "3abf50467782dc050b82f3cac2c6aeb87f72a227"
23
+ "gitHead": "a88b0817b4896a748a3f32d8355b9b7d52f2960c"
24
24
  }
@@ -1543,6 +1543,13 @@
1543
1543
  "originalValue": "{!NIGHT_GREY_25}",
1544
1544
  "name": "surfaceElevatedNight"
1545
1545
  },
1546
+ {
1547
+ "type": "color",
1548
+ "category": "surface-colors",
1549
+ "value": "#243346ff",
1550
+ "originalValue": "{!NIGHT_GREY_25}",
1551
+ "name": "surfaceLowContrastNight"
1552
+ },
1546
1553
  {
1547
1554
  "type": "color",
1548
1555
  "category": "surface-colors",
@@ -1564,6 +1571,13 @@
1564
1571
  "originalValue": "{!NIGHT_GREY_25}",
1565
1572
  "name": "surfaceHighlightNight"
1566
1573
  },
1574
+ {
1575
+ "type": "color",
1576
+ "category": "surface-colors",
1577
+ "value": "#eff3f8ff",
1578
+ "originalValue": "{!GREY_10}",
1579
+ "name": "surfaceLowContrastDay"
1580
+ },
1567
1581
  {
1568
1582
  "type": "color",
1569
1583
  "category": "surface-colors",
@@ -1851,6 +1865,13 @@
1851
1865
  "originalValue": "{!WHITE}",
1852
1866
  "name": "backgroundLightColor"
1853
1867
  },
1868
+ {
1869
+ "type": "color",
1870
+ "category": "overlay-colors",
1871
+ "value": "#ffffffcc",
1872
+ "originalValue": "{!WHITE_ALPHA_80}",
1873
+ "name": "overlayNight"
1874
+ },
1854
1875
  {
1855
1876
  "type": "color",
1856
1877
  "category": "colors",
@@ -1867,6 +1888,13 @@
1867
1888
  "originalValue": "{!WHITE}",
1868
1889
  "name": "backgroundAlternativeSecondaryLightColor"
1869
1890
  },
1891
+ {
1892
+ "type": "color",
1893
+ "category": "overlay-colors",
1894
+ "value": "#00000033",
1895
+ "originalValue": "{!BLACK_ALPHA_20}",
1896
+ "name": "overlayDay"
1897
+ },
1870
1898
  {
1871
1899
  "type": "color",
1872
1900
  "category": "line-colors",
@@ -2819,6 +2847,48 @@
2819
2847
  "originalValue": "{!BLACK_ALPHA_80}",
2820
2848
  "name": "privateCardButtonContainedFillNight"
2821
2849
  },
2850
+ {
2851
+ "type": "color",
2852
+ "category": "segmented-control-colors",
2853
+ "value": "#eff3f8ff",
2854
+ "originalValue": "{!GREY_10}",
2855
+ "name": "privateSegmentedControlCanvasDefaultDay"
2856
+ },
2857
+ {
2858
+ "type": "color",
2859
+ "category": "segmented-control-colors",
2860
+ "value": "#131d2bff",
2861
+ "originalValue": "{!NIGHT_GREY_20}",
2862
+ "name": "privateSegmentedControlCanvasDefaultNight"
2863
+ },
2864
+ {
2865
+ "type": "color",
2866
+ "category": "segmented-control-colors",
2867
+ "value": "#ffffff1a",
2868
+ "originalValue": "{!WHITE_ALPHA_10}",
2869
+ "name": "privateSegmentedControlSurfaceContrastDay"
2870
+ },
2871
+ {
2872
+ "type": "color",
2873
+ "category": "segmented-control-colors",
2874
+ "value": "#131d2bff",
2875
+ "originalValue": "{!NIGHT_GREY_20}",
2876
+ "name": "privateSegmentedControlSurfaceContrastNight"
2877
+ },
2878
+ {
2879
+ "type": "color",
2880
+ "category": "segmented-control-colors",
2881
+ "value": "#024dafff",
2882
+ "originalValue": "{!SKY_BLUE_85}",
2883
+ "name": "privateSegmentedControlSurfaceContrastOnDay"
2884
+ },
2885
+ {
2886
+ "type": "color",
2887
+ "category": "segmented-control-colors",
2888
+ "value": "#054184ff",
2889
+ "originalValue": "{!NIGHT_SKY}",
2890
+ "name": "privateSegmentedControlSurfaceContrastOnNight"
2891
+ },
2822
2892
  {
2823
2893
  "type": "duration",
2824
2894
  "value": "50ms",
@@ -3419,6 +3489,15 @@
3419
3489
  "darkValue": "#243346ff",
3420
3490
  "originalDarkValue": "{!NIGHT_GREY_25}"
3421
3491
  },
3492
+ {
3493
+ "type": "color",
3494
+ "category": "surface-colors",
3495
+ "value": "#eff3f8ff",
3496
+ "originalValue": "{!GREY_10}",
3497
+ "name": "surfaceLowContrastColor",
3498
+ "darkValue": "#243346ff",
3499
+ "originalDarkValue": "{!NIGHT_GREY_25}"
3500
+ },
3422
3501
  {
3423
3502
  "type": "color",
3424
3503
  "category": "surface-colors",
@@ -3624,6 +3703,15 @@
3624
3703
  "darkValue": "#010913ff",
3625
3704
  "originalDarkValue": "{!NIGHT_GREY_10}"
3626
3705
  },
3706
+ {
3707
+ "type": "color",
3708
+ "category": "overlay-colors",
3709
+ "value": "#00000033",
3710
+ "originalValue": "{!BLACK_ALPHA_20}",
3711
+ "name": "overlayColor",
3712
+ "darkValue": "#ffffffcc",
3713
+ "originalDarkValue": "{!WHITE_ALPHA_80}"
3714
+ },
3627
3715
  {
3628
3716
  "type": "color",
3629
3717
  "category": "colors",
@@ -4113,6 +4201,33 @@
4113
4201
  "name": "privateCardButtonContainedFillColor",
4114
4202
  "darkValue": "#000000cc",
4115
4203
  "originalDarkValue": "{!BLACK_ALPHA_80}"
4204
+ },
4205
+ {
4206
+ "type": "color",
4207
+ "category": "segmented-control-colors",
4208
+ "value": "#eff3f8ff",
4209
+ "originalValue": "{!GREY_10}",
4210
+ "name": "privateSegmentedControlCanvasDefaultColor",
4211
+ "darkValue": "#131d2bff",
4212
+ "originalDarkValue": "{!NIGHT_GREY_20}"
4213
+ },
4214
+ {
4215
+ "type": "color",
4216
+ "category": "segmented-control-colors",
4217
+ "value": "#ffffff1a",
4218
+ "originalValue": "{!WHITE_ALPHA_10}",
4219
+ "name": "privateSegmentedControlSurfaceContrastColor",
4220
+ "darkValue": "#131d2bff",
4221
+ "originalDarkValue": "{!NIGHT_GREY_20}"
4222
+ },
4223
+ {
4224
+ "type": "color",
4225
+ "category": "segmented-control-colors",
4226
+ "value": "#024dafff",
4227
+ "originalValue": "{!SKY_BLUE_85}",
4228
+ "name": "privateSegmentedControlSurfaceContrastOnColor",
4229
+ "darkValue": "#054184ff",
4230
+ "originalDarkValue": "{!NIGHT_SKY}"
4116
4231
  }
4117
4232
  ]
4118
4233
  }
@@ -1980,6 +1980,13 @@
1980
1980
  "originalValue": "{!NIGHT_GREY_25}",
1981
1981
  "name": "SURFACE_ELEVATED_NIGHT"
1982
1982
  },
1983
+ "SURFACE_LOW_CONTRAST_NIGHT": {
1984
+ "type": "color",
1985
+ "category": "surface-colors",
1986
+ "value": "#243346ff",
1987
+ "originalValue": "{!NIGHT_GREY_25}",
1988
+ "name": "SURFACE_LOW_CONTRAST_NIGHT"
1989
+ },
1983
1990
  "SURFACE_SUBTLE_NIGHT": {
1984
1991
  "type": "color",
1985
1992
  "category": "surface-colors",
@@ -2001,6 +2008,13 @@
2001
2008
  "originalValue": "{!NIGHT_GREY_25}",
2002
2009
  "name": "SURFACE_HIGHLIGHT_NIGHT"
2003
2010
  },
2011
+ "SURFACE_LOW_CONTRAST_DAY": {
2012
+ "type": "color",
2013
+ "category": "surface-colors",
2014
+ "value": "#eff3f8ff",
2015
+ "originalValue": "{!GREY_10}",
2016
+ "name": "SURFACE_LOW_CONTRAST_DAY"
2017
+ },
2004
2018
  "SURFACE_SUBTLE_DAY": {
2005
2019
  "type": "color",
2006
2020
  "category": "surface-colors",
@@ -2288,6 +2302,13 @@
2288
2302
  "originalValue": "{!WHITE}",
2289
2303
  "name": "BACKGROUND_LIGHT_COLOR"
2290
2304
  },
2305
+ "OVERLAY_NIGHT": {
2306
+ "type": "color",
2307
+ "category": "overlay-colors",
2308
+ "value": "#ffffffcc",
2309
+ "originalValue": "{!WHITE_ALPHA_80}",
2310
+ "name": "OVERLAY_NIGHT"
2311
+ },
2291
2312
  "BACKGROUND_DARK_COLOR": {
2292
2313
  "type": "color",
2293
2314
  "category": "colors",
@@ -2304,6 +2325,13 @@
2304
2325
  "originalValue": "{!WHITE}",
2305
2326
  "name": "BACKGROUND_ALTERNATIVE_SECONDARY_LIGHT_COLOR"
2306
2327
  },
2328
+ "OVERLAY_DAY": {
2329
+ "type": "color",
2330
+ "category": "overlay-colors",
2331
+ "value": "#00000033",
2332
+ "originalValue": "{!BLACK_ALPHA_20}",
2333
+ "name": "OVERLAY_DAY"
2334
+ },
2307
2335
  "LINE_NIGHT": {
2308
2336
  "type": "color",
2309
2337
  "category": "line-colors",
@@ -3256,6 +3284,48 @@
3256
3284
  "originalValue": "{!BLACK_ALPHA_80}",
3257
3285
  "name": "PRIVATE_CARD_BUTTON_CONTAINED_FILL_NIGHT"
3258
3286
  },
3287
+ "PRIVATE_SEGMENTED_CONTROL_CANVAS_DEFAULT_DAY": {
3288
+ "type": "color",
3289
+ "category": "segmented-control-colors",
3290
+ "value": "#eff3f8ff",
3291
+ "originalValue": "{!GREY_10}",
3292
+ "name": "PRIVATE_SEGMENTED_CONTROL_CANVAS_DEFAULT_DAY"
3293
+ },
3294
+ "PRIVATE_SEGMENTED_CONTROL_CANVAS_DEFAULT_NIGHT": {
3295
+ "type": "color",
3296
+ "category": "segmented-control-colors",
3297
+ "value": "#131d2bff",
3298
+ "originalValue": "{!NIGHT_GREY_20}",
3299
+ "name": "PRIVATE_SEGMENTED_CONTROL_CANVAS_DEFAULT_NIGHT"
3300
+ },
3301
+ "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_DAY": {
3302
+ "type": "color",
3303
+ "category": "segmented-control-colors",
3304
+ "value": "#ffffff1a",
3305
+ "originalValue": "{!WHITE_ALPHA_10}",
3306
+ "name": "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_DAY"
3307
+ },
3308
+ "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_NIGHT": {
3309
+ "type": "color",
3310
+ "category": "segmented-control-colors",
3311
+ "value": "#131d2bff",
3312
+ "originalValue": "{!NIGHT_GREY_20}",
3313
+ "name": "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_NIGHT"
3314
+ },
3315
+ "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_ON_DAY": {
3316
+ "type": "color",
3317
+ "category": "segmented-control-colors",
3318
+ "value": "#024dafff",
3319
+ "originalValue": "{!SKY_BLUE_85}",
3320
+ "name": "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_ON_DAY"
3321
+ },
3322
+ "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_ON_NIGHT": {
3323
+ "type": "color",
3324
+ "category": "segmented-control-colors",
3325
+ "value": "#054184ff",
3326
+ "originalValue": "{!NIGHT_SKY}",
3327
+ "name": "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_ON_NIGHT"
3328
+ },
3259
3329
  "ANIMATION_DURATION_XS": {
3260
3330
  "type": "duration",
3261
3331
  "value": "50ms",
@@ -3856,6 +3926,15 @@
3856
3926
  "darkValue": "#243346ff",
3857
3927
  "originalDarkValue": "{!NIGHT_GREY_25}"
3858
3928
  },
3929
+ "SURFACE_LOW_CONTRAST_COLOR": {
3930
+ "type": "color",
3931
+ "category": "surface-colors",
3932
+ "value": "#eff3f8ff",
3933
+ "originalValue": "{!GREY_10}",
3934
+ "name": "SURFACE_LOW_CONTRAST_COLOR",
3935
+ "darkValue": "#243346ff",
3936
+ "originalDarkValue": "{!NIGHT_GREY_25}"
3937
+ },
3859
3938
  "SURFACE_SUBTLE_COLOR": {
3860
3939
  "type": "color",
3861
3940
  "category": "surface-colors",
@@ -4061,6 +4140,15 @@
4061
4140
  "darkValue": "#010913ff",
4062
4141
  "originalDarkValue": "{!NIGHT_GREY_10}"
4063
4142
  },
4143
+ "OVERLAY_COLOR": {
4144
+ "type": "color",
4145
+ "category": "overlay-colors",
4146
+ "value": "#00000033",
4147
+ "originalValue": "{!BLACK_ALPHA_20}",
4148
+ "name": "OVERLAY_COLOR",
4149
+ "darkValue": "#ffffffcc",
4150
+ "originalDarkValue": "{!WHITE_ALPHA_80}"
4151
+ },
4064
4152
  "BACKGROUND_TERTIARY_COLOR": {
4065
4153
  "type": "color",
4066
4154
  "category": "colors",
@@ -4550,6 +4638,33 @@
4550
4638
  "name": "PRIVATE_CARD_BUTTON_CONTAINED_FILL_COLOR",
4551
4639
  "darkValue": "#000000cc",
4552
4640
  "originalDarkValue": "{!BLACK_ALPHA_80}"
4641
+ },
4642
+ "PRIVATE_SEGMENTED_CONTROL_CANVAS_DEFAULT_COLOR": {
4643
+ "type": "color",
4644
+ "category": "segmented-control-colors",
4645
+ "value": "#eff3f8ff",
4646
+ "originalValue": "{!GREY_10}",
4647
+ "name": "PRIVATE_SEGMENTED_CONTROL_CANVAS_DEFAULT_COLOR",
4648
+ "darkValue": "#131d2bff",
4649
+ "originalDarkValue": "{!NIGHT_GREY_20}"
4650
+ },
4651
+ "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_COLOR": {
4652
+ "type": "color",
4653
+ "category": "segmented-control-colors",
4654
+ "value": "#ffffff1a",
4655
+ "originalValue": "{!WHITE_ALPHA_10}",
4656
+ "name": "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_COLOR",
4657
+ "darkValue": "#131d2bff",
4658
+ "originalDarkValue": "{!NIGHT_GREY_20}"
4659
+ },
4660
+ "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_ON_COLOR": {
4661
+ "type": "color",
4662
+ "category": "segmented-control-colors",
4663
+ "value": "#024dafff",
4664
+ "originalValue": "{!SKY_BLUE_85}",
4665
+ "name": "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_ON_COLOR",
4666
+ "darkValue": "#054184ff",
4667
+ "originalDarkValue": "{!NIGHT_SKY}"
4553
4668
  }
4554
4669
  },
4555
4670
  "propKeys": [
@@ -4761,9 +4876,11 @@
4761
4876
  "SURFACE_CONTRAST_NIGHT",
4762
4877
  "SURFACE_CONTRAST_DAY",
4763
4878
  "SURFACE_ELEVATED_NIGHT",
4879
+ "SURFACE_LOW_CONTRAST_NIGHT",
4764
4880
  "SURFACE_SUBTLE_NIGHT",
4765
4881
  "SURFACE_ELEVATED_DAY",
4766
4882
  "SURFACE_HIGHLIGHT_NIGHT",
4883
+ "SURFACE_LOW_CONTRAST_DAY",
4767
4884
  "SURFACE_SUBTLE_DAY",
4768
4885
  "SURFACE_HIGHLIGHT_DAY",
4769
4886
  "TEXT_ON_DARK_DAY",
@@ -4803,8 +4920,10 @@
4803
4920
  "LINE_ON_DARK_DAY",
4804
4921
  "BACKGROUND_ALTERNATIVE_SECONDARY_DARK_COLOR",
4805
4922
  "BACKGROUND_LIGHT_COLOR",
4923
+ "OVERLAY_NIGHT",
4806
4924
  "BACKGROUND_DARK_COLOR",
4807
4925
  "BACKGROUND_ALTERNATIVE_SECONDARY_LIGHT_COLOR",
4926
+ "OVERLAY_DAY",
4808
4927
  "LINE_NIGHT",
4809
4928
  "COLOR_SYSTEM_GREEN",
4810
4929
  "BACKGROUND_ELEVATION_01_LIGHT_COLOR",
@@ -4939,6 +5058,12 @@
4939
5058
  "PRIVATE_NAVIGATION_TAB_OUTLINE_NIGHT",
4940
5059
  "PRIVATE_CARD_BUTTON_CONTAINED_FILL_DAY",
4941
5060
  "PRIVATE_CARD_BUTTON_CONTAINED_FILL_NIGHT",
5061
+ "PRIVATE_SEGMENTED_CONTROL_CANVAS_DEFAULT_DAY",
5062
+ "PRIVATE_SEGMENTED_CONTROL_CANVAS_DEFAULT_NIGHT",
5063
+ "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_DAY",
5064
+ "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_NIGHT",
5065
+ "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_ON_DAY",
5066
+ "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_ON_NIGHT",
4942
5067
  "ANIMATION_DURATION_XS",
4943
5068
  "ANIMATION_DURATION_SM",
4944
5069
  "ANIMATION_DURATION_BASE",
@@ -5020,6 +5145,7 @@
5020
5145
  "SURFACE_DEFAULT_COLOR",
5021
5146
  "SURFACE_CONTRAST_COLOR",
5022
5147
  "SURFACE_ELEVATED_COLOR",
5148
+ "SURFACE_LOW_CONTRAST_COLOR",
5023
5149
  "SURFACE_SUBTLE_COLOR",
5024
5150
  "SURFACE_HIGHLIGHT_COLOR",
5025
5151
  "TEXT_ON_DARK_COLOR",
@@ -5042,6 +5168,7 @@
5042
5168
  "BACKGROUND_ELEVATION_01_COLOR",
5043
5169
  "BACKGROUND_ALTERNATIVE_SECONDARY_COLOR",
5044
5170
  "BACKGROUND_COLOR",
5171
+ "OVERLAY_COLOR",
5045
5172
  "BACKGROUND_TERTIARY_COLOR",
5046
5173
  "BACKGROUND_SECONDARY_COLOR",
5047
5174
  "BACKGROUND_ALTERNATIVE_COLOR",
@@ -5095,6 +5222,9 @@
5095
5222
  "PRIVATE_SPONSORED_BANNER_BACKGROUND_COLOR",
5096
5223
  "PRIVATE_NAVIGATION_TAB_HOVER_COLOR",
5097
5224
  "PRIVATE_NAVIGATION_TAB_OUTLINE_COLOR",
5098
- "PRIVATE_CARD_BUTTON_CONTAINED_FILL_COLOR"
5225
+ "PRIVATE_CARD_BUTTON_CONTAINED_FILL_COLOR",
5226
+ "PRIVATE_SEGMENTED_CONTROL_CANVAS_DEFAULT_COLOR",
5227
+ "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_COLOR",
5228
+ "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_ON_COLOR"
5099
5229
  ]
5100
5230
  }