@skyscanner/bpk-foundations-ios 6.9.0 → 6.10.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 +4 -4
- package/tokens/base.ios.json +98 -52
- package/tokens/base.raw.ios.json +111 -53
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyscanner/bpk-foundations-ios",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.10.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.
|
|
21
|
-
"color": "^
|
|
20
|
+
"@skyscanner/bpk-foundations-common": "^6.10.0",
|
|
21
|
+
"color": "^4.2.3"
|
|
22
22
|
},
|
|
23
|
-
"gitHead": "
|
|
23
|
+
"gitHead": "0cfc5bad29512433201923a50650221d22d2c288"
|
|
24
24
|
}
|
package/tokens/base.ios.json
CHANGED
|
@@ -2381,8 +2381,8 @@
|
|
|
2381
2381
|
{
|
|
2382
2382
|
"type": "color",
|
|
2383
2383
|
"category": "button-colors",
|
|
2384
|
-
"value": "#
|
|
2385
|
-
"originalValue": "{!
|
|
2384
|
+
"value": "#024dafff",
|
|
2385
|
+
"originalValue": "{!NIGHT_SKY_85}",
|
|
2386
2386
|
"name": "privateButtonPrimaryOnLightNormalBackgroundNight"
|
|
2387
2387
|
},
|
|
2388
2388
|
{
|
|
@@ -2402,8 +2402,8 @@
|
|
|
2402
2402
|
{
|
|
2403
2403
|
"type": "color",
|
|
2404
2404
|
"category": "button-colors",
|
|
2405
|
-
"value": "#
|
|
2406
|
-
"originalValue": "{!
|
|
2405
|
+
"value": "#ffffff33",
|
|
2406
|
+
"originalValue": "{!WHITE_ALPHA_20}",
|
|
2407
2407
|
"name": "privateButtonPrimaryOnLightDisabledForegroundNight"
|
|
2408
2408
|
},
|
|
2409
2409
|
{
|
|
@@ -2465,8 +2465,8 @@
|
|
|
2465
2465
|
{
|
|
2466
2466
|
"type": "color",
|
|
2467
2467
|
"category": "button-colors",
|
|
2468
|
-
"value": "#
|
|
2469
|
-
"originalValue": "{!
|
|
2468
|
+
"value": "#ffffff33",
|
|
2469
|
+
"originalValue": "{!WHITE_ALPHA_20}",
|
|
2470
2470
|
"name": "privateButtonPrimaryOnDarkDisabledForegroundNight"
|
|
2471
2471
|
},
|
|
2472
2472
|
{
|
|
@@ -2486,8 +2486,8 @@
|
|
|
2486
2486
|
{
|
|
2487
2487
|
"type": "color",
|
|
2488
2488
|
"category": "button-colors",
|
|
2489
|
-
"value": "#
|
|
2490
|
-
"originalValue": "{!
|
|
2489
|
+
"value": "#e70866ff",
|
|
2490
|
+
"originalValue": "{!BERRY}",
|
|
2491
2491
|
"name": "privateButtonDestructiveNormalForegroundDay"
|
|
2492
2492
|
},
|
|
2493
2493
|
{
|
|
@@ -2521,15 +2521,15 @@
|
|
|
2521
2521
|
{
|
|
2522
2522
|
"type": "color",
|
|
2523
2523
|
"category": "button-colors",
|
|
2524
|
-
"value": "#
|
|
2525
|
-
"originalValue": "{!
|
|
2524
|
+
"value": "#0b121dff",
|
|
2525
|
+
"originalValue": "{!NIGHT_GREY_00}",
|
|
2526
2526
|
"name": "privateButtonPrimaryOnLightDisabledBackgroundNight"
|
|
2527
2527
|
},
|
|
2528
2528
|
{
|
|
2529
2529
|
"type": "color",
|
|
2530
2530
|
"category": "button-colors",
|
|
2531
|
-
"value": "#
|
|
2532
|
-
"originalValue": "{!
|
|
2531
|
+
"value": "#024dafff",
|
|
2532
|
+
"originalValue": "{!NIGHT_SKY_85}",
|
|
2533
2533
|
"name": "privateButtonLinkPressedForegroundDay"
|
|
2534
2534
|
},
|
|
2535
2535
|
{
|
|
@@ -2542,8 +2542,8 @@
|
|
|
2542
2542
|
{
|
|
2543
2543
|
"type": "color",
|
|
2544
2544
|
"category": "button-colors",
|
|
2545
|
-
"value": "#
|
|
2546
|
-
"originalValue": "{!
|
|
2545
|
+
"value": "#024dafff",
|
|
2546
|
+
"originalValue": "{!NIGHT_SKY_85}",
|
|
2547
2547
|
"name": "privateButtonPrimaryNormalBackgroundNight"
|
|
2548
2548
|
},
|
|
2549
2549
|
{
|
|
@@ -2556,8 +2556,8 @@
|
|
|
2556
2556
|
{
|
|
2557
2557
|
"type": "color",
|
|
2558
2558
|
"category": "button-colors",
|
|
2559
|
-
"value": "#
|
|
2560
|
-
"originalValue": "{!
|
|
2559
|
+
"value": "#054184ff",
|
|
2560
|
+
"originalValue": "{!NIGHT_SKY}",
|
|
2561
2561
|
"name": "privateButtonPrimaryPressedBackgroundNight"
|
|
2562
2562
|
},
|
|
2563
2563
|
{
|
|
@@ -2570,8 +2570,8 @@
|
|
|
2570
2570
|
{
|
|
2571
2571
|
"type": "color",
|
|
2572
2572
|
"category": "button-colors",
|
|
2573
|
-
"value": "#
|
|
2574
|
-
"originalValue": "{!
|
|
2573
|
+
"value": "#0b121dff",
|
|
2574
|
+
"originalValue": "{!NIGHT_GREY_00}",
|
|
2575
2575
|
"name": "privateButtonPrimaryOnDarkDisabledBackgroundNight"
|
|
2576
2576
|
},
|
|
2577
2577
|
{
|
|
@@ -2598,8 +2598,8 @@
|
|
|
2598
2598
|
{
|
|
2599
2599
|
"type": "color",
|
|
2600
2600
|
"category": "button-colors",
|
|
2601
|
-
"value": "#
|
|
2602
|
-
"originalValue": "{!
|
|
2601
|
+
"value": "#e70866ff",
|
|
2602
|
+
"originalValue": "{!BERRY}",
|
|
2603
2603
|
"name": "privateButtonDestructivePressedBackgroundDay"
|
|
2604
2604
|
},
|
|
2605
2605
|
{
|
|
@@ -2633,8 +2633,8 @@
|
|
|
2633
2633
|
{
|
|
2634
2634
|
"type": "color",
|
|
2635
2635
|
"category": "button-colors",
|
|
2636
|
-
"value": "#
|
|
2637
|
-
"originalValue": "{!
|
|
2636
|
+
"value": "#ffffff1a",
|
|
2637
|
+
"originalValue": "{!WHITE_ALPHA_10}",
|
|
2638
2638
|
"name": "privateButtonSecondaryOnDarkNormalBackgroundNight"
|
|
2639
2639
|
},
|
|
2640
2640
|
{
|
|
@@ -2675,8 +2675,8 @@
|
|
|
2675
2675
|
{
|
|
2676
2676
|
"type": "color",
|
|
2677
2677
|
"category": "button-colors",
|
|
2678
|
-
"value": "#
|
|
2679
|
-
"originalValue": "{!
|
|
2678
|
+
"value": "#ffffff1a",
|
|
2679
|
+
"originalValue": "{!WHITE_ALPHA_10}",
|
|
2680
2680
|
"name": "privateButtonSecondaryOnDarkNormalBackgroundDay"
|
|
2681
2681
|
},
|
|
2682
2682
|
{
|
|
@@ -2696,8 +2696,8 @@
|
|
|
2696
2696
|
{
|
|
2697
2697
|
"type": "color",
|
|
2698
2698
|
"category": "button-colors",
|
|
2699
|
-
"value": "#
|
|
2700
|
-
"originalValue": "{!
|
|
2699
|
+
"value": "#054184ff",
|
|
2700
|
+
"originalValue": "{!NIGHT_SKY}",
|
|
2701
2701
|
"name": "privateButtonPrimaryOnLightPressedBackgroundNight"
|
|
2702
2702
|
},
|
|
2703
2703
|
{
|
|
@@ -2777,6 +2777,34 @@
|
|
|
2777
2777
|
"originalValue": "{!NIGHT_GREY_25}",
|
|
2778
2778
|
"name": "privateSponsoredBannerBackgroundNight"
|
|
2779
2779
|
},
|
|
2780
|
+
{
|
|
2781
|
+
"type": "color",
|
|
2782
|
+
"category": "navigation-tab-colors",
|
|
2783
|
+
"value": "#154679ff",
|
|
2784
|
+
"originalValue": "{!DARK_SKY_85}",
|
|
2785
|
+
"name": "privateNavigationTabHoverDay"
|
|
2786
|
+
},
|
|
2787
|
+
{
|
|
2788
|
+
"type": "color",
|
|
2789
|
+
"category": "navigation-tab-colors",
|
|
2790
|
+
"value": "#d1f7ffff",
|
|
2791
|
+
"originalValue": "{!NIGHT_BLUE_20}",
|
|
2792
|
+
"name": "privateNavigationTabHoverNight"
|
|
2793
|
+
},
|
|
2794
|
+
{
|
|
2795
|
+
"type": "color",
|
|
2796
|
+
"category": "navigation-tab-colors",
|
|
2797
|
+
"value": "#c1c7cfff",
|
|
2798
|
+
"originalValue": "{!GREY_30}",
|
|
2799
|
+
"name": "privateNavigationTabOutlineDay"
|
|
2800
|
+
},
|
|
2801
|
+
{
|
|
2802
|
+
"type": "color",
|
|
2803
|
+
"category": "navigation-tab-colors",
|
|
2804
|
+
"value": "#ffffffff",
|
|
2805
|
+
"originalValue": "{!WHITE}",
|
|
2806
|
+
"name": "privateNavigationTabOutlineNight"
|
|
2807
|
+
},
|
|
2780
2808
|
{
|
|
2781
2809
|
"type": "duration",
|
|
2782
2810
|
"value": "50ms",
|
|
@@ -3799,8 +3827,8 @@
|
|
|
3799
3827
|
"value": "#154679ff",
|
|
3800
3828
|
"originalValue": "{!DARK_SKY_85}",
|
|
3801
3829
|
"name": "privateButtonPrimaryOnLightPressedBackgroundColor",
|
|
3802
|
-
"darkValue": "#
|
|
3803
|
-
"originalDarkValue": "{!
|
|
3830
|
+
"darkValue": "#054184ff",
|
|
3831
|
+
"originalDarkValue": "{!NIGHT_SKY}"
|
|
3804
3832
|
},
|
|
3805
3833
|
{
|
|
3806
3834
|
"type": "color",
|
|
@@ -3826,8 +3854,8 @@
|
|
|
3826
3854
|
"value": "#05203cff",
|
|
3827
3855
|
"originalValue": "{!DARK_SKY}",
|
|
3828
3856
|
"name": "privateButtonPrimaryOnLightNormalBackgroundColor",
|
|
3829
|
-
"darkValue": "#
|
|
3830
|
-
"originalDarkValue": "{!
|
|
3857
|
+
"darkValue": "#024dafff",
|
|
3858
|
+
"originalDarkValue": "{!NIGHT_SKY_85}"
|
|
3831
3859
|
},
|
|
3832
3860
|
{
|
|
3833
3861
|
"type": "color",
|
|
@@ -3835,8 +3863,8 @@
|
|
|
3835
3863
|
"value": "#00000033",
|
|
3836
3864
|
"originalValue": "{!BLACK_ALPHA_20}",
|
|
3837
3865
|
"name": "privateButtonPrimaryOnLightDisabledForegroundColor",
|
|
3838
|
-
"darkValue": "#
|
|
3839
|
-
"originalDarkValue": "{!
|
|
3866
|
+
"darkValue": "#ffffff33",
|
|
3867
|
+
"originalDarkValue": "{!WHITE_ALPHA_20}"
|
|
3840
3868
|
},
|
|
3841
3869
|
{
|
|
3842
3870
|
"type": "color",
|
|
@@ -3850,8 +3878,8 @@
|
|
|
3850
3878
|
{
|
|
3851
3879
|
"type": "color",
|
|
3852
3880
|
"category": "button-colors",
|
|
3853
|
-
"value": "#
|
|
3854
|
-
"originalValue": "{!
|
|
3881
|
+
"value": "#e70866ff",
|
|
3882
|
+
"originalValue": "{!BERRY}",
|
|
3855
3883
|
"name": "privateButtonDestructiveNormalForegroundColor",
|
|
3856
3884
|
"darkValue": "#ff649cff",
|
|
3857
3885
|
"originalDarkValue": "{!NIGHT_BERRY}"
|
|
@@ -3871,8 +3899,8 @@
|
|
|
3871
3899
|
"value": "#00000033",
|
|
3872
3900
|
"originalValue": "{!BLACK_ALPHA_20}",
|
|
3873
3901
|
"name": "privateButtonPrimaryOnDarkDisabledForegroundColor",
|
|
3874
|
-
"darkValue": "#
|
|
3875
|
-
"originalDarkValue": "{!
|
|
3902
|
+
"darkValue": "#ffffff33",
|
|
3903
|
+
"originalDarkValue": "{!WHITE_ALPHA_20}"
|
|
3876
3904
|
},
|
|
3877
3905
|
{
|
|
3878
3906
|
"type": "color",
|
|
@@ -3886,8 +3914,8 @@
|
|
|
3886
3914
|
{
|
|
3887
3915
|
"type": "color",
|
|
3888
3916
|
"category": "button-colors",
|
|
3889
|
-
"value": "#
|
|
3890
|
-
"originalValue": "{!
|
|
3917
|
+
"value": "#024dafff",
|
|
3918
|
+
"originalValue": "{!NIGHT_SKY_85}",
|
|
3891
3919
|
"name": "privateButtonLinkPressedForegroundColor",
|
|
3892
3920
|
"darkValue": "#d1f7ffff",
|
|
3893
3921
|
"originalDarkValue": "{!NIGHT_BLUE_20}"
|
|
@@ -3898,8 +3926,8 @@
|
|
|
3898
3926
|
"value": "#e0e4e9ff",
|
|
3899
3927
|
"originalValue": "{!GREY_20}",
|
|
3900
3928
|
"name": "privateButtonPrimaryOnLightDisabledBackgroundColor",
|
|
3901
|
-
"darkValue": "#
|
|
3902
|
-
"originalDarkValue": "{!
|
|
3929
|
+
"darkValue": "#0b121dff",
|
|
3930
|
+
"originalDarkValue": "{!NIGHT_GREY_00}"
|
|
3903
3931
|
},
|
|
3904
3932
|
{
|
|
3905
3933
|
"type": "color",
|
|
@@ -3916,14 +3944,14 @@
|
|
|
3916
3944
|
"value": "#05203cff",
|
|
3917
3945
|
"originalValue": "{!DARK_SKY}",
|
|
3918
3946
|
"name": "privateButtonPrimaryNormalBackgroundColor",
|
|
3919
|
-
"darkValue": "#
|
|
3920
|
-
"originalDarkValue": "{!
|
|
3947
|
+
"darkValue": "#024dafff",
|
|
3948
|
+
"originalDarkValue": "{!NIGHT_SKY_85}"
|
|
3921
3949
|
},
|
|
3922
3950
|
{
|
|
3923
3951
|
"type": "color",
|
|
3924
3952
|
"category": "button-colors",
|
|
3925
|
-
"value": "#
|
|
3926
|
-
"originalValue": "{!
|
|
3953
|
+
"value": "#e70866ff",
|
|
3954
|
+
"originalValue": "{!BERRY}",
|
|
3927
3955
|
"name": "privateButtonDestructivePressedBackgroundColor",
|
|
3928
3956
|
"darkValue": "#ff649cff",
|
|
3929
3957
|
"originalDarkValue": "{!NIGHT_BERRY}"
|
|
@@ -3934,8 +3962,8 @@
|
|
|
3934
3962
|
"value": "#154679ff",
|
|
3935
3963
|
"originalValue": "{!DARK_SKY_85}",
|
|
3936
3964
|
"name": "privateButtonPrimaryPressedBackgroundColor",
|
|
3937
|
-
"darkValue": "#
|
|
3938
|
-
"originalDarkValue": "{!
|
|
3965
|
+
"darkValue": "#054184ff",
|
|
3966
|
+
"originalDarkValue": "{!NIGHT_SKY}"
|
|
3939
3967
|
},
|
|
3940
3968
|
{
|
|
3941
3969
|
"type": "color",
|
|
@@ -3943,8 +3971,8 @@
|
|
|
3943
3971
|
"value": "#e0e4e9ff",
|
|
3944
3972
|
"originalValue": "{!GREY_20}",
|
|
3945
3973
|
"name": "privateButtonPrimaryOnDarkDisabledBackgroundColor",
|
|
3946
|
-
"darkValue": "#
|
|
3947
|
-
"originalDarkValue": "{!
|
|
3974
|
+
"darkValue": "#0b121dff",
|
|
3975
|
+
"originalDarkValue": "{!NIGHT_GREY_00}"
|
|
3948
3976
|
},
|
|
3949
3977
|
{
|
|
3950
3978
|
"type": "color",
|
|
@@ -3976,11 +4004,11 @@
|
|
|
3976
4004
|
{
|
|
3977
4005
|
"type": "color",
|
|
3978
4006
|
"category": "button-colors",
|
|
3979
|
-
"value": "#
|
|
3980
|
-
"originalValue": "{!
|
|
4007
|
+
"value": "#ffffff1a",
|
|
4008
|
+
"originalValue": "{!WHITE_ALPHA_10}",
|
|
3981
4009
|
"name": "privateButtonSecondaryOnDarkNormalBackgroundColor",
|
|
3982
|
-
"darkValue": "#
|
|
3983
|
-
"originalDarkValue": "{!
|
|
4010
|
+
"darkValue": "#ffffff1a",
|
|
4011
|
+
"originalDarkValue": "{!WHITE_ALPHA_10}"
|
|
3984
4012
|
},
|
|
3985
4013
|
{
|
|
3986
4014
|
"type": "color",
|
|
@@ -4044,6 +4072,24 @@
|
|
|
4044
4072
|
"name": "privateSponsoredBannerBackgroundColor",
|
|
4045
4073
|
"darkValue": "#243346ff",
|
|
4046
4074
|
"originalDarkValue": "{!NIGHT_GREY_25}"
|
|
4075
|
+
},
|
|
4076
|
+
{
|
|
4077
|
+
"type": "color",
|
|
4078
|
+
"category": "navigation-tab-colors",
|
|
4079
|
+
"value": "#154679ff",
|
|
4080
|
+
"originalValue": "{!DARK_SKY_85}",
|
|
4081
|
+
"name": "privateNavigationTabHoverColor",
|
|
4082
|
+
"darkValue": "#d1f7ffff",
|
|
4083
|
+
"originalDarkValue": "{!NIGHT_BLUE_20}"
|
|
4084
|
+
},
|
|
4085
|
+
{
|
|
4086
|
+
"type": "color",
|
|
4087
|
+
"category": "navigation-tab-colors",
|
|
4088
|
+
"value": "#c1c7cfff",
|
|
4089
|
+
"originalValue": "{!GREY_30}",
|
|
4090
|
+
"name": "privateNavigationTabOutlineColor",
|
|
4091
|
+
"darkValue": "#ffffffff",
|
|
4092
|
+
"originalDarkValue": "{!WHITE}"
|
|
4047
4093
|
}
|
|
4048
4094
|
]
|
|
4049
4095
|
}
|
package/tokens/base.raw.ios.json
CHANGED
|
@@ -171,6 +171,9 @@
|
|
|
171
171
|
"SKY_GRAY": {
|
|
172
172
|
"value": "#161616"
|
|
173
173
|
},
|
|
174
|
+
"NIGHT_SKY_85": {
|
|
175
|
+
"value": "#024DAF"
|
|
176
|
+
},
|
|
174
177
|
"PINK_MUTED": {
|
|
175
178
|
"value": "#FFE9F9"
|
|
176
179
|
},
|
|
@@ -309,6 +312,9 @@
|
|
|
309
312
|
"NIGHT_GREY_40": {
|
|
310
313
|
"value": "#BDC4CB"
|
|
311
314
|
},
|
|
315
|
+
"WHITE_ALPHA_10": {
|
|
316
|
+
"value": "#FFFFFF1A"
|
|
317
|
+
},
|
|
312
318
|
"NIGHT_GREY_30": {
|
|
313
319
|
"value": "#44505F"
|
|
314
320
|
},
|
|
@@ -2812,8 +2818,8 @@
|
|
|
2812
2818
|
"PRIVATE_BUTTON_PRIMARY_ON_LIGHT_NORMAL_BACKGROUND_NIGHT": {
|
|
2813
2819
|
"type": "color",
|
|
2814
2820
|
"category": "button-colors",
|
|
2815
|
-
"value": "#
|
|
2816
|
-
"originalValue": "{!
|
|
2821
|
+
"value": "#024dafff",
|
|
2822
|
+
"originalValue": "{!NIGHT_SKY_85}",
|
|
2817
2823
|
"name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_NORMAL_BACKGROUND_NIGHT"
|
|
2818
2824
|
},
|
|
2819
2825
|
"PRIVATE_BUTTON_SECONDARY_PRESSED_BACKGROUND_DAY": {
|
|
@@ -2833,8 +2839,8 @@
|
|
|
2833
2839
|
"PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_FOREGROUND_NIGHT": {
|
|
2834
2840
|
"type": "color",
|
|
2835
2841
|
"category": "button-colors",
|
|
2836
|
-
"value": "#
|
|
2837
|
-
"originalValue": "{!
|
|
2842
|
+
"value": "#ffffff33",
|
|
2843
|
+
"originalValue": "{!WHITE_ALPHA_20}",
|
|
2838
2844
|
"name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_FOREGROUND_NIGHT"
|
|
2839
2845
|
},
|
|
2840
2846
|
"PRIVATE_BUTTON_SECONDARY_ON_DARK_DISABLED_BACKGROUND_NIGHT": {
|
|
@@ -2896,8 +2902,8 @@
|
|
|
2896
2902
|
"PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_FOREGROUND_NIGHT": {
|
|
2897
2903
|
"type": "color",
|
|
2898
2904
|
"category": "button-colors",
|
|
2899
|
-
"value": "#
|
|
2900
|
-
"originalValue": "{!
|
|
2905
|
+
"value": "#ffffff33",
|
|
2906
|
+
"originalValue": "{!WHITE_ALPHA_20}",
|
|
2901
2907
|
"name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_FOREGROUND_NIGHT"
|
|
2902
2908
|
},
|
|
2903
2909
|
"PRIVATE_BUTTON_SECONDARY_ON_DARK_DISABLED_BACKGROUND_DAY": {
|
|
@@ -2917,8 +2923,8 @@
|
|
|
2917
2923
|
"PRIVATE_BUTTON_DESTRUCTIVE_NORMAL_FOREGROUND_DAY": {
|
|
2918
2924
|
"type": "color",
|
|
2919
2925
|
"category": "button-colors",
|
|
2920
|
-
"value": "#
|
|
2921
|
-
"originalValue": "{!
|
|
2926
|
+
"value": "#e70866ff",
|
|
2927
|
+
"originalValue": "{!BERRY}",
|
|
2922
2928
|
"name": "PRIVATE_BUTTON_DESTRUCTIVE_NORMAL_FOREGROUND_DAY"
|
|
2923
2929
|
},
|
|
2924
2930
|
"PRIVATE_BUTTON_PRIMARY_ON_DARK_NORMAL_BACKGROUND_DAY": {
|
|
@@ -2952,15 +2958,15 @@
|
|
|
2952
2958
|
"PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_BACKGROUND_NIGHT": {
|
|
2953
2959
|
"type": "color",
|
|
2954
2960
|
"category": "button-colors",
|
|
2955
|
-
"value": "#
|
|
2956
|
-
"originalValue": "{!
|
|
2961
|
+
"value": "#0b121dff",
|
|
2962
|
+
"originalValue": "{!NIGHT_GREY_00}",
|
|
2957
2963
|
"name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_BACKGROUND_NIGHT"
|
|
2958
2964
|
},
|
|
2959
2965
|
"PRIVATE_BUTTON_LINK_PRESSED_FOREGROUND_DAY": {
|
|
2960
2966
|
"type": "color",
|
|
2961
2967
|
"category": "button-colors",
|
|
2962
|
-
"value": "#
|
|
2963
|
-
"originalValue": "{!
|
|
2968
|
+
"value": "#024dafff",
|
|
2969
|
+
"originalValue": "{!NIGHT_SKY_85}",
|
|
2964
2970
|
"name": "PRIVATE_BUTTON_LINK_PRESSED_FOREGROUND_DAY"
|
|
2965
2971
|
},
|
|
2966
2972
|
"PRIVATE_BUTTON_DESTRUCTIVE_NORMAL_BACKGROUND_NIGHT": {
|
|
@@ -2973,8 +2979,8 @@
|
|
|
2973
2979
|
"PRIVATE_BUTTON_PRIMARY_NORMAL_BACKGROUND_NIGHT": {
|
|
2974
2980
|
"type": "color",
|
|
2975
2981
|
"category": "button-colors",
|
|
2976
|
-
"value": "#
|
|
2977
|
-
"originalValue": "{!
|
|
2982
|
+
"value": "#024dafff",
|
|
2983
|
+
"originalValue": "{!NIGHT_SKY_85}",
|
|
2978
2984
|
"name": "PRIVATE_BUTTON_PRIMARY_NORMAL_BACKGROUND_NIGHT"
|
|
2979
2985
|
},
|
|
2980
2986
|
"PRIVATE_BUTTON_DESTRUCTIVE_PRESSED_BACKGROUND_NIGHT": {
|
|
@@ -2987,8 +2993,8 @@
|
|
|
2987
2993
|
"PRIVATE_BUTTON_PRIMARY_PRESSED_BACKGROUND_NIGHT": {
|
|
2988
2994
|
"type": "color",
|
|
2989
2995
|
"category": "button-colors",
|
|
2990
|
-
"value": "#
|
|
2991
|
-
"originalValue": "{!
|
|
2996
|
+
"value": "#054184ff",
|
|
2997
|
+
"originalValue": "{!NIGHT_SKY}",
|
|
2992
2998
|
"name": "PRIVATE_BUTTON_PRIMARY_PRESSED_BACKGROUND_NIGHT"
|
|
2993
2999
|
},
|
|
2994
3000
|
"PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_BACKGROUND_DAY": {
|
|
@@ -3001,8 +3007,8 @@
|
|
|
3001
3007
|
"PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_BACKGROUND_NIGHT": {
|
|
3002
3008
|
"type": "color",
|
|
3003
3009
|
"category": "button-colors",
|
|
3004
|
-
"value": "#
|
|
3005
|
-
"originalValue": "{!
|
|
3010
|
+
"value": "#0b121dff",
|
|
3011
|
+
"originalValue": "{!NIGHT_GREY_00}",
|
|
3006
3012
|
"name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_BACKGROUND_NIGHT"
|
|
3007
3013
|
},
|
|
3008
3014
|
"PRIVATE_BUTTON_PRIMARY_NORMAL_BACKGROUND_DAY": {
|
|
@@ -3029,8 +3035,8 @@
|
|
|
3029
3035
|
"PRIVATE_BUTTON_DESTRUCTIVE_PRESSED_BACKGROUND_DAY": {
|
|
3030
3036
|
"type": "color",
|
|
3031
3037
|
"category": "button-colors",
|
|
3032
|
-
"value": "#
|
|
3033
|
-
"originalValue": "{!
|
|
3038
|
+
"value": "#e70866ff",
|
|
3039
|
+
"originalValue": "{!BERRY}",
|
|
3034
3040
|
"name": "PRIVATE_BUTTON_DESTRUCTIVE_PRESSED_BACKGROUND_DAY"
|
|
3035
3041
|
},
|
|
3036
3042
|
"PRIVATE_BUTTON_PRIMARY_PRESSED_BACKGROUND_DAY": {
|
|
@@ -3064,8 +3070,8 @@
|
|
|
3064
3070
|
"PRIVATE_BUTTON_SECONDARY_ON_DARK_NORMAL_BACKGROUND_NIGHT": {
|
|
3065
3071
|
"type": "color",
|
|
3066
3072
|
"category": "button-colors",
|
|
3067
|
-
"value": "#
|
|
3068
|
-
"originalValue": "{!
|
|
3073
|
+
"value": "#ffffff1a",
|
|
3074
|
+
"originalValue": "{!WHITE_ALPHA_10}",
|
|
3069
3075
|
"name": "PRIVATE_BUTTON_SECONDARY_ON_DARK_NORMAL_BACKGROUND_NIGHT"
|
|
3070
3076
|
},
|
|
3071
3077
|
"PRIVATE_BUTTON_SECONDARY_ON_DARK_DISABLED_FOREGROUND_NIGHT": {
|
|
@@ -3106,8 +3112,8 @@
|
|
|
3106
3112
|
"PRIVATE_BUTTON_SECONDARY_ON_DARK_NORMAL_BACKGROUND_DAY": {
|
|
3107
3113
|
"type": "color",
|
|
3108
3114
|
"category": "button-colors",
|
|
3109
|
-
"value": "#
|
|
3110
|
-
"originalValue": "{!
|
|
3115
|
+
"value": "#ffffff1a",
|
|
3116
|
+
"originalValue": "{!WHITE_ALPHA_10}",
|
|
3111
3117
|
"name": "PRIVATE_BUTTON_SECONDARY_ON_DARK_NORMAL_BACKGROUND_DAY"
|
|
3112
3118
|
},
|
|
3113
3119
|
"PRIVATE_BUTTON_SECONDARY_ON_DARK_DISABLED_FOREGROUND_DAY": {
|
|
@@ -3127,8 +3133,8 @@
|
|
|
3127
3133
|
"PRIVATE_BUTTON_PRIMARY_ON_LIGHT_PRESSED_BACKGROUND_NIGHT": {
|
|
3128
3134
|
"type": "color",
|
|
3129
3135
|
"category": "button-colors",
|
|
3130
|
-
"value": "#
|
|
3131
|
-
"originalValue": "{!
|
|
3136
|
+
"value": "#054184ff",
|
|
3137
|
+
"originalValue": "{!NIGHT_SKY}",
|
|
3132
3138
|
"name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_PRESSED_BACKGROUND_NIGHT"
|
|
3133
3139
|
},
|
|
3134
3140
|
"PRIVATE_BUTTON_FEATURED_NORMAL_BACKGROUND_NIGHT": {
|
|
@@ -3208,6 +3214,34 @@
|
|
|
3208
3214
|
"originalValue": "{!NIGHT_GREY_25}",
|
|
3209
3215
|
"name": "PRIVATE_SPONSORED_BANNER_BACKGROUND_NIGHT"
|
|
3210
3216
|
},
|
|
3217
|
+
"PRIVATE_NAVIGATION_TAB_HOVER_DAY": {
|
|
3218
|
+
"type": "color",
|
|
3219
|
+
"category": "navigation-tab-colors",
|
|
3220
|
+
"value": "#154679ff",
|
|
3221
|
+
"originalValue": "{!DARK_SKY_85}",
|
|
3222
|
+
"name": "PRIVATE_NAVIGATION_TAB_HOVER_DAY"
|
|
3223
|
+
},
|
|
3224
|
+
"PRIVATE_NAVIGATION_TAB_HOVER_NIGHT": {
|
|
3225
|
+
"type": "color",
|
|
3226
|
+
"category": "navigation-tab-colors",
|
|
3227
|
+
"value": "#d1f7ffff",
|
|
3228
|
+
"originalValue": "{!NIGHT_BLUE_20}",
|
|
3229
|
+
"name": "PRIVATE_NAVIGATION_TAB_HOVER_NIGHT"
|
|
3230
|
+
},
|
|
3231
|
+
"PRIVATE_NAVIGATION_TAB_OUTLINE_DAY": {
|
|
3232
|
+
"type": "color",
|
|
3233
|
+
"category": "navigation-tab-colors",
|
|
3234
|
+
"value": "#c1c7cfff",
|
|
3235
|
+
"originalValue": "{!GREY_30}",
|
|
3236
|
+
"name": "PRIVATE_NAVIGATION_TAB_OUTLINE_DAY"
|
|
3237
|
+
},
|
|
3238
|
+
"PRIVATE_NAVIGATION_TAB_OUTLINE_NIGHT": {
|
|
3239
|
+
"type": "color",
|
|
3240
|
+
"category": "navigation-tab-colors",
|
|
3241
|
+
"value": "#ffffffff",
|
|
3242
|
+
"originalValue": "{!WHITE}",
|
|
3243
|
+
"name": "PRIVATE_NAVIGATION_TAB_OUTLINE_NIGHT"
|
|
3244
|
+
},
|
|
3211
3245
|
"ANIMATION_DURATION_XS": {
|
|
3212
3246
|
"type": "duration",
|
|
3213
3247
|
"value": "50ms",
|
|
@@ -4230,8 +4264,8 @@
|
|
|
4230
4264
|
"value": "#154679ff",
|
|
4231
4265
|
"originalValue": "{!DARK_SKY_85}",
|
|
4232
4266
|
"name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_PRESSED_BACKGROUND_COLOR",
|
|
4233
|
-
"darkValue": "#
|
|
4234
|
-
"originalDarkValue": "{!
|
|
4267
|
+
"darkValue": "#054184ff",
|
|
4268
|
+
"originalDarkValue": "{!NIGHT_SKY}"
|
|
4235
4269
|
},
|
|
4236
4270
|
"PRIVATE_BUTTON_FEATURED_NORMAL_BACKGROUND_COLOR": {
|
|
4237
4271
|
"type": "color",
|
|
@@ -4257,8 +4291,8 @@
|
|
|
4257
4291
|
"value": "#05203cff",
|
|
4258
4292
|
"originalValue": "{!DARK_SKY}",
|
|
4259
4293
|
"name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_NORMAL_BACKGROUND_COLOR",
|
|
4260
|
-
"darkValue": "#
|
|
4261
|
-
"originalDarkValue": "{!
|
|
4294
|
+
"darkValue": "#024dafff",
|
|
4295
|
+
"originalDarkValue": "{!NIGHT_SKY_85}"
|
|
4262
4296
|
},
|
|
4263
4297
|
"PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_FOREGROUND_COLOR": {
|
|
4264
4298
|
"type": "color",
|
|
@@ -4266,8 +4300,8 @@
|
|
|
4266
4300
|
"value": "#00000033",
|
|
4267
4301
|
"originalValue": "{!BLACK_ALPHA_20}",
|
|
4268
4302
|
"name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_FOREGROUND_COLOR",
|
|
4269
|
-
"darkValue": "#
|
|
4270
|
-
"originalDarkValue": "{!
|
|
4303
|
+
"darkValue": "#ffffff33",
|
|
4304
|
+
"originalDarkValue": "{!WHITE_ALPHA_20}"
|
|
4271
4305
|
},
|
|
4272
4306
|
"PRIVATE_BUTTON_SECONDARY_ON_DARK_DISABLED_BACKGROUND_COLOR": {
|
|
4273
4307
|
"type": "color",
|
|
@@ -4281,8 +4315,8 @@
|
|
|
4281
4315
|
"PRIVATE_BUTTON_DESTRUCTIVE_NORMAL_FOREGROUND_COLOR": {
|
|
4282
4316
|
"type": "color",
|
|
4283
4317
|
"category": "button-colors",
|
|
4284
|
-
"value": "#
|
|
4285
|
-
"originalValue": "{!
|
|
4318
|
+
"value": "#e70866ff",
|
|
4319
|
+
"originalValue": "{!BERRY}",
|
|
4286
4320
|
"name": "PRIVATE_BUTTON_DESTRUCTIVE_NORMAL_FOREGROUND_COLOR",
|
|
4287
4321
|
"darkValue": "#ff649cff",
|
|
4288
4322
|
"originalDarkValue": "{!NIGHT_BERRY}"
|
|
@@ -4302,8 +4336,8 @@
|
|
|
4302
4336
|
"value": "#00000033",
|
|
4303
4337
|
"originalValue": "{!BLACK_ALPHA_20}",
|
|
4304
4338
|
"name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_FOREGROUND_COLOR",
|
|
4305
|
-
"darkValue": "#
|
|
4306
|
-
"originalDarkValue": "{!
|
|
4339
|
+
"darkValue": "#ffffff33",
|
|
4340
|
+
"originalDarkValue": "{!WHITE_ALPHA_20}"
|
|
4307
4341
|
},
|
|
4308
4342
|
"PRIVATE_BUTTON_SECONDARY_ON_DARK_PRESSED_BACKGROUND_COLOR": {
|
|
4309
4343
|
"type": "color",
|
|
@@ -4317,8 +4351,8 @@
|
|
|
4317
4351
|
"PRIVATE_BUTTON_LINK_PRESSED_FOREGROUND_COLOR": {
|
|
4318
4352
|
"type": "color",
|
|
4319
4353
|
"category": "button-colors",
|
|
4320
|
-
"value": "#
|
|
4321
|
-
"originalValue": "{!
|
|
4354
|
+
"value": "#024dafff",
|
|
4355
|
+
"originalValue": "{!NIGHT_SKY_85}",
|
|
4322
4356
|
"name": "PRIVATE_BUTTON_LINK_PRESSED_FOREGROUND_COLOR",
|
|
4323
4357
|
"darkValue": "#d1f7ffff",
|
|
4324
4358
|
"originalDarkValue": "{!NIGHT_BLUE_20}"
|
|
@@ -4329,8 +4363,8 @@
|
|
|
4329
4363
|
"value": "#e0e4e9ff",
|
|
4330
4364
|
"originalValue": "{!GREY_20}",
|
|
4331
4365
|
"name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_BACKGROUND_COLOR",
|
|
4332
|
-
"darkValue": "#
|
|
4333
|
-
"originalDarkValue": "{!
|
|
4366
|
+
"darkValue": "#0b121dff",
|
|
4367
|
+
"originalDarkValue": "{!NIGHT_GREY_00}"
|
|
4334
4368
|
},
|
|
4335
4369
|
"PRIVATE_BUTTON_DESTRUCTIVE_NORMAL_BACKGROUND_COLOR": {
|
|
4336
4370
|
"type": "color",
|
|
@@ -4347,14 +4381,14 @@
|
|
|
4347
4381
|
"value": "#05203cff",
|
|
4348
4382
|
"originalValue": "{!DARK_SKY}",
|
|
4349
4383
|
"name": "PRIVATE_BUTTON_PRIMARY_NORMAL_BACKGROUND_COLOR",
|
|
4350
|
-
"darkValue": "#
|
|
4351
|
-
"originalDarkValue": "{!
|
|
4384
|
+
"darkValue": "#024dafff",
|
|
4385
|
+
"originalDarkValue": "{!NIGHT_SKY_85}"
|
|
4352
4386
|
},
|
|
4353
4387
|
"PRIVATE_BUTTON_DESTRUCTIVE_PRESSED_BACKGROUND_COLOR": {
|
|
4354
4388
|
"type": "color",
|
|
4355
4389
|
"category": "button-colors",
|
|
4356
|
-
"value": "#
|
|
4357
|
-
"originalValue": "{!
|
|
4390
|
+
"value": "#e70866ff",
|
|
4391
|
+
"originalValue": "{!BERRY}",
|
|
4358
4392
|
"name": "PRIVATE_BUTTON_DESTRUCTIVE_PRESSED_BACKGROUND_COLOR",
|
|
4359
4393
|
"darkValue": "#ff649cff",
|
|
4360
4394
|
"originalDarkValue": "{!NIGHT_BERRY}"
|
|
@@ -4365,8 +4399,8 @@
|
|
|
4365
4399
|
"value": "#154679ff",
|
|
4366
4400
|
"originalValue": "{!DARK_SKY_85}",
|
|
4367
4401
|
"name": "PRIVATE_BUTTON_PRIMARY_PRESSED_BACKGROUND_COLOR",
|
|
4368
|
-
"darkValue": "#
|
|
4369
|
-
"originalDarkValue": "{!
|
|
4402
|
+
"darkValue": "#054184ff",
|
|
4403
|
+
"originalDarkValue": "{!NIGHT_SKY}"
|
|
4370
4404
|
},
|
|
4371
4405
|
"PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_BACKGROUND_COLOR": {
|
|
4372
4406
|
"type": "color",
|
|
@@ -4374,8 +4408,8 @@
|
|
|
4374
4408
|
"value": "#e0e4e9ff",
|
|
4375
4409
|
"originalValue": "{!GREY_20}",
|
|
4376
4410
|
"name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_BACKGROUND_COLOR",
|
|
4377
|
-
"darkValue": "#
|
|
4378
|
-
"originalDarkValue": "{!
|
|
4411
|
+
"darkValue": "#0b121dff",
|
|
4412
|
+
"originalDarkValue": "{!NIGHT_GREY_00}"
|
|
4379
4413
|
},
|
|
4380
4414
|
"PRIVATE_BUTTON_LINK_ON_DARK_PRESSED_FOREGROUND_COLOR": {
|
|
4381
4415
|
"type": "color",
|
|
@@ -4407,11 +4441,11 @@
|
|
|
4407
4441
|
"PRIVATE_BUTTON_SECONDARY_ON_DARK_NORMAL_BACKGROUND_COLOR": {
|
|
4408
4442
|
"type": "color",
|
|
4409
4443
|
"category": "button-colors",
|
|
4410
|
-
"value": "#
|
|
4411
|
-
"originalValue": "{!
|
|
4444
|
+
"value": "#ffffff1a",
|
|
4445
|
+
"originalValue": "{!WHITE_ALPHA_10}",
|
|
4412
4446
|
"name": "PRIVATE_BUTTON_SECONDARY_ON_DARK_NORMAL_BACKGROUND_COLOR",
|
|
4413
|
-
"darkValue": "#
|
|
4414
|
-
"originalDarkValue": "{!
|
|
4447
|
+
"darkValue": "#ffffff1a",
|
|
4448
|
+
"originalDarkValue": "{!WHITE_ALPHA_10}"
|
|
4415
4449
|
},
|
|
4416
4450
|
"PRIVATE_BUTTON_SECONDARY_ON_DARK_DISABLED_FOREGROUND_COLOR": {
|
|
4417
4451
|
"type": "color",
|
|
@@ -4475,6 +4509,24 @@
|
|
|
4475
4509
|
"name": "PRIVATE_SPONSORED_BANNER_BACKGROUND_COLOR",
|
|
4476
4510
|
"darkValue": "#243346ff",
|
|
4477
4511
|
"originalDarkValue": "{!NIGHT_GREY_25}"
|
|
4512
|
+
},
|
|
4513
|
+
"PRIVATE_NAVIGATION_TAB_HOVER_COLOR": {
|
|
4514
|
+
"type": "color",
|
|
4515
|
+
"category": "navigation-tab-colors",
|
|
4516
|
+
"value": "#154679ff",
|
|
4517
|
+
"originalValue": "{!DARK_SKY_85}",
|
|
4518
|
+
"name": "PRIVATE_NAVIGATION_TAB_HOVER_COLOR",
|
|
4519
|
+
"darkValue": "#d1f7ffff",
|
|
4520
|
+
"originalDarkValue": "{!NIGHT_BLUE_20}"
|
|
4521
|
+
},
|
|
4522
|
+
"PRIVATE_NAVIGATION_TAB_OUTLINE_COLOR": {
|
|
4523
|
+
"type": "color",
|
|
4524
|
+
"category": "navigation-tab-colors",
|
|
4525
|
+
"value": "#c1c7cfff",
|
|
4526
|
+
"originalValue": "{!GREY_30}",
|
|
4527
|
+
"name": "PRIVATE_NAVIGATION_TAB_OUTLINE_COLOR",
|
|
4528
|
+
"darkValue": "#ffffffff",
|
|
4529
|
+
"originalDarkValue": "{!WHITE}"
|
|
4478
4530
|
}
|
|
4479
4531
|
},
|
|
4480
4532
|
"propKeys": [
|
|
@@ -4858,6 +4910,10 @@
|
|
|
4858
4910
|
"PRIVATE_SKELETON_SHIMMER_CENTER_NIGHT",
|
|
4859
4911
|
"PRIVATE_SPONSORED_BANNER_BACKGROUND_DAY",
|
|
4860
4912
|
"PRIVATE_SPONSORED_BANNER_BACKGROUND_NIGHT",
|
|
4913
|
+
"PRIVATE_NAVIGATION_TAB_HOVER_DAY",
|
|
4914
|
+
"PRIVATE_NAVIGATION_TAB_HOVER_NIGHT",
|
|
4915
|
+
"PRIVATE_NAVIGATION_TAB_OUTLINE_DAY",
|
|
4916
|
+
"PRIVATE_NAVIGATION_TAB_OUTLINE_NIGHT",
|
|
4861
4917
|
"ANIMATION_DURATION_XS",
|
|
4862
4918
|
"ANIMATION_DURATION_SM",
|
|
4863
4919
|
"ANIMATION_DURATION_BASE",
|
|
@@ -5011,6 +5067,8 @@
|
|
|
5011
5067
|
"PRIVATE_BAR_TRACK_ON_CONTRAST_COLOR",
|
|
5012
5068
|
"PRIVATE_SKELETON_SHIMMER_START_END_COLOR",
|
|
5013
5069
|
"PRIVATE_SKELETON_SHIMMER_CENTER_COLOR",
|
|
5014
|
-
"PRIVATE_SPONSORED_BANNER_BACKGROUND_COLOR"
|
|
5070
|
+
"PRIVATE_SPONSORED_BANNER_BACKGROUND_COLOR",
|
|
5071
|
+
"PRIVATE_NAVIGATION_TAB_HOVER_COLOR",
|
|
5072
|
+
"PRIVATE_NAVIGATION_TAB_OUTLINE_COLOR"
|
|
5015
5073
|
]
|
|
5016
5074
|
}
|