@skyscanner/bpk-foundations-ios 6.10.0 → 6.12.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 +3 -3
- package/tokens/base.ios.json +92 -0
- package/tokens/base.raw.ios.json +105 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyscanner/bpk-foundations-ios",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.12.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.
|
|
20
|
+
"@skyscanner/bpk-foundations-common": "^6.12.0",
|
|
21
21
|
"color": "^4.2.3"
|
|
22
22
|
},
|
|
23
|
-
"gitHead": "
|
|
23
|
+
"gitHead": "2336423daada88da956d9633f9db18657e2382da"
|
|
24
24
|
}
|
package/tokens/base.ios.json
CHANGED
|
@@ -2805,6 +2805,62 @@
|
|
|
2805
2805
|
"originalValue": "{!WHITE}",
|
|
2806
2806
|
"name": "privateNavigationTabOutlineNight"
|
|
2807
2807
|
},
|
|
2808
|
+
{
|
|
2809
|
+
"type": "color",
|
|
2810
|
+
"category": "card-button-colors",
|
|
2811
|
+
"value": "#ffffffcc",
|
|
2812
|
+
"originalValue": "{!WHITE_ALPHA_80}",
|
|
2813
|
+
"name": "privateCardButtonContainedFillDay"
|
|
2814
|
+
},
|
|
2815
|
+
{
|
|
2816
|
+
"type": "color",
|
|
2817
|
+
"category": "card-button-colors",
|
|
2818
|
+
"value": "#000000cc",
|
|
2819
|
+
"originalValue": "{!BLACK_ALPHA_80}",
|
|
2820
|
+
"name": "privateCardButtonContainedFillNight"
|
|
2821
|
+
},
|
|
2822
|
+
{
|
|
2823
|
+
"type": "color",
|
|
2824
|
+
"category": "segmented-control-colors",
|
|
2825
|
+
"value": "#eff3f8ff",
|
|
2826
|
+
"originalValue": "{!GREY_10}",
|
|
2827
|
+
"name": "privateSegmentedControlCanvasDefaultDay"
|
|
2828
|
+
},
|
|
2829
|
+
{
|
|
2830
|
+
"type": "color",
|
|
2831
|
+
"category": "segmented-control-colors",
|
|
2832
|
+
"value": "#131d2bff",
|
|
2833
|
+
"originalValue": "{!NIGHT_GREY_20}",
|
|
2834
|
+
"name": "privateSegmentedControlCanvasDefaultNight"
|
|
2835
|
+
},
|
|
2836
|
+
{
|
|
2837
|
+
"type": "color",
|
|
2838
|
+
"category": "segmented-control-colors",
|
|
2839
|
+
"value": "#ffffff1a",
|
|
2840
|
+
"originalValue": "{!WHITE_ALPHA_10}",
|
|
2841
|
+
"name": "privateSegmentedControlSurfaceContrastDay"
|
|
2842
|
+
},
|
|
2843
|
+
{
|
|
2844
|
+
"type": "color",
|
|
2845
|
+
"category": "segmented-control-colors",
|
|
2846
|
+
"value": "#131d2bff",
|
|
2847
|
+
"originalValue": "{!NIGHT_GREY_20}",
|
|
2848
|
+
"name": "privateSegmentedControlSurfaceContrastNight"
|
|
2849
|
+
},
|
|
2850
|
+
{
|
|
2851
|
+
"type": "color",
|
|
2852
|
+
"category": "segmented-control-colors",
|
|
2853
|
+
"value": "#024dafff",
|
|
2854
|
+
"originalValue": "{!SKY_BLUE_85}",
|
|
2855
|
+
"name": "privateSegmentedControlSurfaceContrastOnDay"
|
|
2856
|
+
},
|
|
2857
|
+
{
|
|
2858
|
+
"type": "color",
|
|
2859
|
+
"category": "segmented-control-colors",
|
|
2860
|
+
"value": "#054184ff",
|
|
2861
|
+
"originalValue": "{!NIGHT_SKY}",
|
|
2862
|
+
"name": "privateSegmentedControlSurfaceContrastOnNight"
|
|
2863
|
+
},
|
|
2808
2864
|
{
|
|
2809
2865
|
"type": "duration",
|
|
2810
2866
|
"value": "50ms",
|
|
@@ -4090,6 +4146,42 @@
|
|
|
4090
4146
|
"name": "privateNavigationTabOutlineColor",
|
|
4091
4147
|
"darkValue": "#ffffffff",
|
|
4092
4148
|
"originalDarkValue": "{!WHITE}"
|
|
4149
|
+
},
|
|
4150
|
+
{
|
|
4151
|
+
"type": "color",
|
|
4152
|
+
"category": "card-button-colors",
|
|
4153
|
+
"value": "#ffffffcc",
|
|
4154
|
+
"originalValue": "{!WHITE_ALPHA_80}",
|
|
4155
|
+
"name": "privateCardButtonContainedFillColor",
|
|
4156
|
+
"darkValue": "#000000cc",
|
|
4157
|
+
"originalDarkValue": "{!BLACK_ALPHA_80}"
|
|
4158
|
+
},
|
|
4159
|
+
{
|
|
4160
|
+
"type": "color",
|
|
4161
|
+
"category": "segmented-control-colors",
|
|
4162
|
+
"value": "#eff3f8ff",
|
|
4163
|
+
"originalValue": "{!GREY_10}",
|
|
4164
|
+
"name": "privateSegmentedControlCanvasDefaultColor",
|
|
4165
|
+
"darkValue": "#131d2bff",
|
|
4166
|
+
"originalDarkValue": "{!NIGHT_GREY_20}"
|
|
4167
|
+
},
|
|
4168
|
+
{
|
|
4169
|
+
"type": "color",
|
|
4170
|
+
"category": "segmented-control-colors",
|
|
4171
|
+
"value": "#ffffff1a",
|
|
4172
|
+
"originalValue": "{!WHITE_ALPHA_10}",
|
|
4173
|
+
"name": "privateSegmentedControlSurfaceContrastColor",
|
|
4174
|
+
"darkValue": "#131d2bff",
|
|
4175
|
+
"originalDarkValue": "{!NIGHT_GREY_20}"
|
|
4176
|
+
},
|
|
4177
|
+
{
|
|
4178
|
+
"type": "color",
|
|
4179
|
+
"category": "segmented-control-colors",
|
|
4180
|
+
"value": "#024dafff",
|
|
4181
|
+
"originalValue": "{!SKY_BLUE_85}",
|
|
4182
|
+
"name": "privateSegmentedControlSurfaceContrastOnColor",
|
|
4183
|
+
"darkValue": "#054184ff",
|
|
4184
|
+
"originalDarkValue": "{!NIGHT_SKY}"
|
|
4093
4185
|
}
|
|
4094
4186
|
]
|
|
4095
4187
|
}
|
package/tokens/base.raw.ios.json
CHANGED
|
@@ -3242,6 +3242,62 @@
|
|
|
3242
3242
|
"originalValue": "{!WHITE}",
|
|
3243
3243
|
"name": "PRIVATE_NAVIGATION_TAB_OUTLINE_NIGHT"
|
|
3244
3244
|
},
|
|
3245
|
+
"PRIVATE_CARD_BUTTON_CONTAINED_FILL_DAY": {
|
|
3246
|
+
"type": "color",
|
|
3247
|
+
"category": "card-button-colors",
|
|
3248
|
+
"value": "#ffffffcc",
|
|
3249
|
+
"originalValue": "{!WHITE_ALPHA_80}",
|
|
3250
|
+
"name": "PRIVATE_CARD_BUTTON_CONTAINED_FILL_DAY"
|
|
3251
|
+
},
|
|
3252
|
+
"PRIVATE_CARD_BUTTON_CONTAINED_FILL_NIGHT": {
|
|
3253
|
+
"type": "color",
|
|
3254
|
+
"category": "card-button-colors",
|
|
3255
|
+
"value": "#000000cc",
|
|
3256
|
+
"originalValue": "{!BLACK_ALPHA_80}",
|
|
3257
|
+
"name": "PRIVATE_CARD_BUTTON_CONTAINED_FILL_NIGHT"
|
|
3258
|
+
},
|
|
3259
|
+
"PRIVATE_SEGMENTED_CONTROL_CANVAS_DEFAULT_DAY": {
|
|
3260
|
+
"type": "color",
|
|
3261
|
+
"category": "segmented-control-colors",
|
|
3262
|
+
"value": "#eff3f8ff",
|
|
3263
|
+
"originalValue": "{!GREY_10}",
|
|
3264
|
+
"name": "PRIVATE_SEGMENTED_CONTROL_CANVAS_DEFAULT_DAY"
|
|
3265
|
+
},
|
|
3266
|
+
"PRIVATE_SEGMENTED_CONTROL_CANVAS_DEFAULT_NIGHT": {
|
|
3267
|
+
"type": "color",
|
|
3268
|
+
"category": "segmented-control-colors",
|
|
3269
|
+
"value": "#131d2bff",
|
|
3270
|
+
"originalValue": "{!NIGHT_GREY_20}",
|
|
3271
|
+
"name": "PRIVATE_SEGMENTED_CONTROL_CANVAS_DEFAULT_NIGHT"
|
|
3272
|
+
},
|
|
3273
|
+
"PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_DAY": {
|
|
3274
|
+
"type": "color",
|
|
3275
|
+
"category": "segmented-control-colors",
|
|
3276
|
+
"value": "#ffffff1a",
|
|
3277
|
+
"originalValue": "{!WHITE_ALPHA_10}",
|
|
3278
|
+
"name": "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_DAY"
|
|
3279
|
+
},
|
|
3280
|
+
"PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_NIGHT": {
|
|
3281
|
+
"type": "color",
|
|
3282
|
+
"category": "segmented-control-colors",
|
|
3283
|
+
"value": "#131d2bff",
|
|
3284
|
+
"originalValue": "{!NIGHT_GREY_20}",
|
|
3285
|
+
"name": "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_NIGHT"
|
|
3286
|
+
},
|
|
3287
|
+
"PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_ON_DAY": {
|
|
3288
|
+
"type": "color",
|
|
3289
|
+
"category": "segmented-control-colors",
|
|
3290
|
+
"value": "#024dafff",
|
|
3291
|
+
"originalValue": "{!SKY_BLUE_85}",
|
|
3292
|
+
"name": "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_ON_DAY"
|
|
3293
|
+
},
|
|
3294
|
+
"PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_ON_NIGHT": {
|
|
3295
|
+
"type": "color",
|
|
3296
|
+
"category": "segmented-control-colors",
|
|
3297
|
+
"value": "#054184ff",
|
|
3298
|
+
"originalValue": "{!NIGHT_SKY}",
|
|
3299
|
+
"name": "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_ON_NIGHT"
|
|
3300
|
+
},
|
|
3245
3301
|
"ANIMATION_DURATION_XS": {
|
|
3246
3302
|
"type": "duration",
|
|
3247
3303
|
"value": "50ms",
|
|
@@ -4527,6 +4583,42 @@
|
|
|
4527
4583
|
"name": "PRIVATE_NAVIGATION_TAB_OUTLINE_COLOR",
|
|
4528
4584
|
"darkValue": "#ffffffff",
|
|
4529
4585
|
"originalDarkValue": "{!WHITE}"
|
|
4586
|
+
},
|
|
4587
|
+
"PRIVATE_CARD_BUTTON_CONTAINED_FILL_COLOR": {
|
|
4588
|
+
"type": "color",
|
|
4589
|
+
"category": "card-button-colors",
|
|
4590
|
+
"value": "#ffffffcc",
|
|
4591
|
+
"originalValue": "{!WHITE_ALPHA_80}",
|
|
4592
|
+
"name": "PRIVATE_CARD_BUTTON_CONTAINED_FILL_COLOR",
|
|
4593
|
+
"darkValue": "#000000cc",
|
|
4594
|
+
"originalDarkValue": "{!BLACK_ALPHA_80}"
|
|
4595
|
+
},
|
|
4596
|
+
"PRIVATE_SEGMENTED_CONTROL_CANVAS_DEFAULT_COLOR": {
|
|
4597
|
+
"type": "color",
|
|
4598
|
+
"category": "segmented-control-colors",
|
|
4599
|
+
"value": "#eff3f8ff",
|
|
4600
|
+
"originalValue": "{!GREY_10}",
|
|
4601
|
+
"name": "PRIVATE_SEGMENTED_CONTROL_CANVAS_DEFAULT_COLOR",
|
|
4602
|
+
"darkValue": "#131d2bff",
|
|
4603
|
+
"originalDarkValue": "{!NIGHT_GREY_20}"
|
|
4604
|
+
},
|
|
4605
|
+
"PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_COLOR": {
|
|
4606
|
+
"type": "color",
|
|
4607
|
+
"category": "segmented-control-colors",
|
|
4608
|
+
"value": "#ffffff1a",
|
|
4609
|
+
"originalValue": "{!WHITE_ALPHA_10}",
|
|
4610
|
+
"name": "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_COLOR",
|
|
4611
|
+
"darkValue": "#131d2bff",
|
|
4612
|
+
"originalDarkValue": "{!NIGHT_GREY_20}"
|
|
4613
|
+
},
|
|
4614
|
+
"PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_ON_COLOR": {
|
|
4615
|
+
"type": "color",
|
|
4616
|
+
"category": "segmented-control-colors",
|
|
4617
|
+
"value": "#024dafff",
|
|
4618
|
+
"originalValue": "{!SKY_BLUE_85}",
|
|
4619
|
+
"name": "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_ON_COLOR",
|
|
4620
|
+
"darkValue": "#054184ff",
|
|
4621
|
+
"originalDarkValue": "{!NIGHT_SKY}"
|
|
4530
4622
|
}
|
|
4531
4623
|
},
|
|
4532
4624
|
"propKeys": [
|
|
@@ -4914,6 +5006,14 @@
|
|
|
4914
5006
|
"PRIVATE_NAVIGATION_TAB_HOVER_NIGHT",
|
|
4915
5007
|
"PRIVATE_NAVIGATION_TAB_OUTLINE_DAY",
|
|
4916
5008
|
"PRIVATE_NAVIGATION_TAB_OUTLINE_NIGHT",
|
|
5009
|
+
"PRIVATE_CARD_BUTTON_CONTAINED_FILL_DAY",
|
|
5010
|
+
"PRIVATE_CARD_BUTTON_CONTAINED_FILL_NIGHT",
|
|
5011
|
+
"PRIVATE_SEGMENTED_CONTROL_CANVAS_DEFAULT_DAY",
|
|
5012
|
+
"PRIVATE_SEGMENTED_CONTROL_CANVAS_DEFAULT_NIGHT",
|
|
5013
|
+
"PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_DAY",
|
|
5014
|
+
"PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_NIGHT",
|
|
5015
|
+
"PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_ON_DAY",
|
|
5016
|
+
"PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_ON_NIGHT",
|
|
4917
5017
|
"ANIMATION_DURATION_XS",
|
|
4918
5018
|
"ANIMATION_DURATION_SM",
|
|
4919
5019
|
"ANIMATION_DURATION_BASE",
|
|
@@ -5069,6 +5169,10 @@
|
|
|
5069
5169
|
"PRIVATE_SKELETON_SHIMMER_CENTER_COLOR",
|
|
5070
5170
|
"PRIVATE_SPONSORED_BANNER_BACKGROUND_COLOR",
|
|
5071
5171
|
"PRIVATE_NAVIGATION_TAB_HOVER_COLOR",
|
|
5072
|
-
"PRIVATE_NAVIGATION_TAB_OUTLINE_COLOR"
|
|
5172
|
+
"PRIVATE_NAVIGATION_TAB_OUTLINE_COLOR",
|
|
5173
|
+
"PRIVATE_CARD_BUTTON_CONTAINED_FILL_COLOR",
|
|
5174
|
+
"PRIVATE_SEGMENTED_CONTROL_CANVAS_DEFAULT_COLOR",
|
|
5175
|
+
"PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_COLOR",
|
|
5176
|
+
"PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_ON_COLOR"
|
|
5073
5177
|
]
|
|
5074
5178
|
}
|