@skyscanner/bpk-foundations-ios 2.7.1 → 3.0.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 (3) hide show
  1. package/package.json +3 -3
  2. package/tokens/base.ios.json +56 -245
  3. package/tokens/base.raw.ios.json +72 -288
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyscanner/bpk-foundations-ios",
3
- "version": "2.7.1",
3
+ "version": "3.0.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": "^2.6.1",
20
+ "@skyscanner/bpk-foundations-common": "^3.0.0",
21
21
  "color": "^3.0.0"
22
22
  },
23
- "gitHead": "a91140d169f2cb3b371d864029aaee4471323fd1"
23
+ "gitHead": "2d6f16f9f80299a89ee28eaa2df8a33cf6c09913"
24
24
  }
package/tokens/base.ios.json CHANGED
@@ -301,13 +301,6 @@
301
301
  "originalValue": "{!ABISKO}",
302
302
  "name": "colorAbisko"
303
303
  },
304
- {
305
- "type": "color",
306
- "category": "colors",
307
- "value": "#ff9400ff",
308
- "originalValue": "{!AMBER_SPOT}",
309
- "name": "colorAmberSpot"
310
- },
311
304
  {
312
305
  "type": "color",
313
306
  "category": "colors",
@@ -315,13 +308,6 @@
315
308
  "originalValue": "{!BAGAN}",
316
309
  "name": "colorBagan"
317
310
  },
318
- {
319
- "type": "color",
320
- "category": "colors",
321
- "value": "#d1435bff",
322
- "originalValue": "{!BERRY}",
323
- "name": "colorBerry"
324
- },
325
311
  {
326
312
  "type": "color",
327
313
  "category": "colors",
@@ -329,20 +315,6 @@
329
315
  "originalValue": "{!BLACK}",
330
316
  "name": "colorBlack"
331
317
  },
332
- {
333
- "type": "color",
334
- "category": "colors",
335
- "value": "#b2b2bfff",
336
- "originalValue": "{!BLACK_ALPHA_20}",
337
- "name": "colorBlackAlpha20"
338
- },
339
- {
340
- "type": "color",
341
- "category": "colors",
342
- "value": "#02122cff",
343
- "originalValue": "{!BLACK_ALPHA_70}",
344
- "name": "colorBlackAlpha70"
345
- },
346
318
  {
347
319
  "type": "color",
348
320
  "category": "colors",
@@ -392,27 +364,6 @@
392
364
  "originalValue": "{!BUNOL}",
393
365
  "name": "colorBunol"
394
366
  },
395
- {
396
- "type": "color",
397
- "category": "colors",
398
- "value": "#111236ff",
399
- "originalValue": "{!CHARCOAL}",
400
- "name": "colorCharcoal"
401
- },
402
- {
403
- "type": "color",
404
- "category": "colors",
405
- "value": "#02122cff",
406
- "originalValue": "{!DARK_SKY}",
407
- "name": "colorDarkSky"
408
- },
409
- {
410
- "type": "color",
411
- "category": "colors",
412
- "value": "#0fa1a9ff",
413
- "originalValue": "{!ECO_GREEN}",
414
- "name": "colorEcoGreen"
415
- },
416
367
  {
417
368
  "type": "color",
418
369
  "category": "colors",
@@ -427,48 +378,6 @@
427
378
  "originalValue": "{!GLENCOE}",
428
379
  "name": "colorGlencoe"
429
380
  },
430
- {
431
- "type": "color",
432
- "category": "colors",
433
- "value": "#d0eeecff",
434
- "originalValue": "{!GREEN_MUTED}",
435
- "name": "colorGreenMuted"
436
- },
437
- {
438
- "type": "color",
439
- "category": "colors",
440
- "value": "#00a698ff",
441
- "originalValue": "{!GREEN_SPOT}",
442
- "name": "colorGreenSpot"
443
- },
444
- {
445
- "type": "color",
446
- "category": "colors",
447
- "value": "#f1f2f8ff",
448
- "originalValue": "{!GREY_10}",
449
- "name": "colorGrey10"
450
- },
451
- {
452
- "type": "color",
453
- "category": "colors",
454
- "value": "#dddde5ff",
455
- "originalValue": "{!GREY_20}",
456
- "name": "colorGrey20"
457
- },
458
- {
459
- "type": "color",
460
- "category": "colors",
461
- "value": "#cdcdd7ff",
462
- "originalValue": "{!GREY_30}",
463
- "name": "colorGrey30"
464
- },
465
- {
466
- "type": "color",
467
- "category": "colors",
468
- "value": "#68697fff",
469
- "originalValue": "{!GREY_40}",
470
- "name": "colorGrey40"
471
- },
472
381
  {
473
382
  "type": "color",
474
383
  "category": "colors",
@@ -504,97 +413,6 @@
504
413
  "originalValue": "{!NARA}",
505
414
  "name": "colorNara"
506
415
  },
507
- {
508
- "type": "color",
509
- "category": "colors",
510
- "value": "#d1435bff",
511
- "originalValue": "{!NIGHT_BERRY}",
512
- "name": "colorNightBerry"
513
- },
514
- {
515
- "type": "color",
516
- "category": "colors",
517
- "value": "#6d9febff",
518
- "originalValue": "{!NIGHT_BLUE}",
519
- "name": "colorNightBlue"
520
- },
521
- {
522
- "type": "color",
523
- "category": "colors",
524
- "value": "#b1ffe7ff",
525
- "originalValue": "{!NIGHT_GREEN_FILL}",
526
- "name": "colorNightGreenFill"
527
- },
528
- {
529
- "type": "color",
530
- "category": "colors",
531
- "value": "#00a698ff",
532
- "originalValue": "{!NIGHT_GREEN_SPOT}",
533
- "name": "colorNightGreenSpot"
534
- },
535
- {
536
- "type": "color",
537
- "category": "colors",
538
- "value": "#000000ff",
539
- "originalValue": "{!NIGHT_GREY_10}",
540
- "name": "colorNightGrey10"
541
- },
542
- {
543
- "type": "color",
544
- "category": "colors",
545
- "value": "#1d1b20ff",
546
- "originalValue": "{!NIGHT_GREY_20}",
547
- "name": "colorNightGrey20"
548
- },
549
- {
550
- "type": "color",
551
- "category": "colors",
552
- "value": "#2c2c2eff",
553
- "originalValue": "{!NIGHT_GREY_25}",
554
- "name": "colorNightGrey25"
555
- },
556
- {
557
- "type": "color",
558
- "category": "colors",
559
- "value": "#48484aff",
560
- "originalValue": "{!NIGHT_GREY_30}",
561
- "name": "colorNightGrey30"
562
- },
563
- {
564
- "type": "color",
565
- "category": "colors",
566
- "value": "#8e8e93ff",
567
- "originalValue": "{!NIGHT_GREY_40}",
568
- "name": "colorNightGrey40"
569
- },
570
- {
571
- "type": "color",
572
- "category": "colors",
573
- "value": "#ffcaddff",
574
- "originalValue": "{!NIGHT_PINK}",
575
- "name": "colorNightPink"
576
- },
577
- {
578
- "type": "color",
579
- "category": "colors",
580
- "value": "#054184ff",
581
- "originalValue": "{!NIGHT_SKY}",
582
- "name": "colorNightSky"
583
- },
584
- {
585
- "type": "color",
586
- "category": "colors",
587
- "value": "#fbf1bbff",
588
- "originalValue": "{!NIGHT_YELLOW_FILL}",
589
- "name": "colorNightYellowFill"
590
- },
591
- {
592
- "type": "color",
593
- "category": "colors",
594
- "value": "#ffb54dff",
595
- "originalValue": "{!NIGHT_YELLOW_SPOT}",
596
- "name": "colorNightYellowSpot"
597
- },
598
416
  {
599
417
  "type": "color",
600
418
  "category": "colors",
@@ -609,13 +427,6 @@
609
427
  "originalValue": "{!PETRA}",
610
428
  "name": "colorPetra"
611
429
  },
612
- {
613
- "type": "color",
614
- "category": "colors",
615
- "value": "#f6dde1ff",
616
- "originalValue": "{!PINK_MUTED}",
617
- "name": "colorPinkMuted"
618
- },
619
430
  {
620
431
  "type": "color",
621
432
  "category": "colors",
@@ -770,27 +581,6 @@
770
581
  "originalValue": "{!WHITE}",
771
582
  "name": "colorWhite"
772
583
  },
773
- {
774
- "type": "color",
775
- "category": "colors",
776
- "value": "#8e8e93ff",
777
- "originalValue": "{!WHITE_ALPHA_20}",
778
- "name": "colorWhiteAlpha20"
779
- },
780
- {
781
- "type": "color",
782
- "category": "colors",
783
- "value": "#8e8e93ff",
784
- "originalValue": "{!WHITE_ALPHA_80}",
785
- "name": "colorWhiteAlpha80"
786
- },
787
- {
788
- "type": "color",
789
- "category": "colors",
790
- "value": "#ffebd0ff",
791
- "originalValue": "{!YELLOW_MUTED}",
792
- "name": "colorYellowMuted"
793
- },
794
584
  {
795
585
  "type": "color",
796
586
  "category": "core-colors",
@@ -2164,42 +1954,70 @@
2164
1954
  "category": "text-colors",
2165
1955
  "value": "#ffffffff",
2166
1956
  "originalValue": "{!WHITE}",
2167
- "name": "textPrimaryDarkColor"
1957
+ "name": "textOnDarkDay"
1958
+ },
1959
+ {
1960
+ "type": "color",
1961
+ "category": "text-colors",
1962
+ "value": "#ffffffff",
1963
+ "originalValue": "{!WHITE}",
1964
+ "name": "textOnDarkNight"
2168
1965
  },
2169
1966
  {
2170
1967
  "type": "color",
2171
1968
  "category": "text-colors",
2172
1969
  "value": "#111236ff",
2173
1970
  "originalValue": "{!CHARCOAL}",
2174
- "name": "textPrimaryDay"
1971
+ "name": "textOnLightDay"
2175
1972
  },
2176
1973
  {
2177
1974
  "type": "color",
2178
1975
  "category": "text-colors",
2179
1976
  "value": "#111236ff",
2180
- "originalValue": "{!SKY_GRAY}",
2181
- "name": "textPrimaryLightColor"
1977
+ "originalValue": "{!CHARCOAL}",
1978
+ "name": "textOnLightNight"
2182
1979
  },
2183
1980
  {
2184
1981
  "type": "color",
2185
1982
  "category": "text-colors",
2186
1983
  "value": "#ffffffff",
2187
1984
  "originalValue": "{!WHITE}",
2188
- "name": "textPrimaryNight"
1985
+ "name": "textPrimaryDarkColor"
1986
+ },
1987
+ {
1988
+ "type": "color",
1989
+ "category": "text-colors",
1990
+ "value": "#111236ff",
1991
+ "originalValue": "{!CHARCOAL}",
1992
+ "name": "textPrimaryDay"
2189
1993
  },
2190
1994
  {
2191
1995
  "type": "color",
2192
1996
  "category": "text-colors",
2193
1997
  "value": "#ffffffff",
2194
1998
  "originalValue": "{!WHITE}",
2195
- "name": "textPrimaryOnContrastDay"
1999
+ "name": "textPrimaryInverseDay"
2000
+ },
2001
+ {
2002
+ "type": "color",
2003
+ "category": "text-colors",
2004
+ "value": "#111236ff",
2005
+ "originalValue": "{!CHARCOAL}",
2006
+ "name": "textPrimaryInverseNight"
2007
+ },
2008
+ {
2009
+ "type": "color",
2010
+ "category": "text-colors",
2011
+ "value": "#111236ff",
2012
+ "originalValue": "{!SKY_GRAY}",
2013
+ "name": "textPrimaryLightColor"
2196
2014
  },
2197
2015
  {
2198
2016
  "type": "color",
2199
2017
  "category": "text-colors",
2200
2018
  "value": "#ffffffff",
2201
2019
  "originalValue": "{!WHITE}",
2202
- "name": "textPrimaryOnContrastNight"
2020
+ "name": "textPrimaryNight"
2203
2021
  },
2204
2022
  {
2205
2023
  "type": "color",
@@ -2244,21 +2062,6 @@
2244
2062
  "originalValue": "{!SKY_GRAY_TINT_04}",
2245
2063
  "name": "textSecondaryNight"
2246
2064
  },
2247
- {
2248
- "type": "color",
2249
- "category": "text-colors",
2250
- "value": "#8e8e93ff",
2251
- "comment": "This colour needs to be apply opacity to it but needs a better solution but shouldn't be in use in product so safe to leave as is",
2252
- "originalValue": "{!WHITE_ALPHA_80}",
2253
- "name": "textSecondaryOnContrastDay"
2254
- },
2255
- {
2256
- "type": "color",
2257
- "category": "text-colors",
2258
- "value": "#8e8e93ff",
2259
- "originalValue": "{!NIGHT_GREY_40}",
2260
- "name": "textSecondaryOnContrastNight"
2261
- },
2262
2065
  {
2263
2066
  "value": "14",
2264
2067
  "type": "font-size",
@@ -2884,6 +2687,24 @@
2884
2687
  "darkValue": "#6d9febff",
2885
2688
  "originalDarkValue": "{!NIGHT_BLUE}"
2886
2689
  },
2690
+ {
2691
+ "type": "color",
2692
+ "category": "text-colors",
2693
+ "value": "#ffffffff",
2694
+ "originalValue": "{!WHITE}",
2695
+ "name": "textOnDarkColor",
2696
+ "darkValue": "#ffffffff",
2697
+ "originalDarkValue": "{!WHITE}"
2698
+ },
2699
+ {
2700
+ "type": "color",
2701
+ "category": "text-colors",
2702
+ "value": "#111236ff",
2703
+ "originalValue": "{!CHARCOAL}",
2704
+ "name": "textOnLightColor",
2705
+ "darkValue": "#111236ff",
2706
+ "originalDarkValue": "{!CHARCOAL}"
2707
+ },
2887
2708
  {
2888
2709
  "type": "color",
2889
2710
  "category": "text-colors",
@@ -2898,9 +2719,9 @@
2898
2719
  "category": "text-colors",
2899
2720
  "value": "#ffffffff",
2900
2721
  "originalValue": "{!WHITE}",
2901
- "name": "textPrimaryOnContrastColor",
2902
- "darkValue": "#ffffffff",
2903
- "originalDarkValue": "{!WHITE}"
2722
+ "name": "textPrimaryInverseColor",
2723
+ "darkValue": "#111236ff",
2724
+ "originalDarkValue": "{!CHARCOAL}"
2904
2725
  },
2905
2726
  {
2906
2727
  "type": "color",
@@ -2920,16 +2741,6 @@
2920
2741
  "darkValue": "#b2b2bfff",
2921
2742
  "originalDarkValue": "{!SKY_GRAY_TINT_04}"
2922
2743
  },
2923
- {
2924
- "type": "color",
2925
- "category": "text-colors",
2926
- "value": "#8e8e93ff",
2927
- "comment": "This colour needs to be apply opacity to it but needs a better solution but shouldn't be in use in product so safe to leave as is",
2928
- "originalValue": "{!WHITE_ALPHA_80}",
2929
- "name": "textSecondaryOnContrastColor",
2930
- "darkValue": "#8e8e93ff",
2931
- "originalDarkValue": "{!NIGHT_GREY_40}"
2932
- },
2933
2744
  {
2934
2745
  "type": "color",
2935
2746
  "category": "text-colors",
package/tokens/base.raw.ios.json CHANGED
@@ -696,13 +696,6 @@
696
696
  "originalValue": "{!ABISKO}",
697
697
  "name": "COLOR_ABISKO"
698
698
  },
699
- "COLOR_AMBER_SPOT": {
700
- "type": "color",
701
- "category": "colors",
702
- "value": "#ff9400ff",
703
- "originalValue": "{!AMBER_SPOT}",
704
- "name": "COLOR_AMBER_SPOT"
705
- },
706
699
  "COLOR_BAGAN": {
707
700
  "type": "color",
708
701
  "category": "colors",
@@ -710,13 +703,6 @@
710
703
  "originalValue": "{!BAGAN}",
711
704
  "name": "COLOR_BAGAN"
712
705
  },
713
- "COLOR_BERRY": {
714
- "type": "color",
715
- "category": "colors",
716
- "value": "#d1435bff",
717
- "originalValue": "{!BERRY}",
718
- "name": "COLOR_BERRY"
719
- },
720
706
  "COLOR_BLACK": {
721
707
  "type": "color",
722
708
  "category": "colors",
@@ -724,20 +710,6 @@
724
710
  "originalValue": "{!BLACK}",
725
711
  "name": "COLOR_BLACK"
726
712
  },
727
- "COLOR_BLACK_ALPHA_20": {
728
- "type": "color",
729
- "category": "colors",
730
- "value": "#b2b2bfff",
731
- "originalValue": "{!BLACK_ALPHA_20}",
732
- "name": "COLOR_BLACK_ALPHA_20"
733
- },
734
- "COLOR_BLACK_ALPHA_70": {
735
- "type": "color",
736
- "category": "colors",
737
- "value": "#02122cff",
738
- "originalValue": "{!BLACK_ALPHA_70}",
739
- "name": "COLOR_BLACK_ALPHA_70"
740
- },
741
713
  "COLOR_BLACK_TINT_01": {
742
714
  "type": "color",
743
715
  "category": "colors",
@@ -787,27 +759,6 @@
787
759
  "originalValue": "{!BUNOL}",
788
760
  "name": "COLOR_BUNOL"
789
761
  },
790
- "COLOR_CHARCOAL": {
791
- "type": "color",
792
- "category": "colors",
793
- "value": "#111236ff",
794
- "originalValue": "{!CHARCOAL}",
795
- "name": "COLOR_CHARCOAL"
796
- },
797
- "COLOR_DARK_SKY": {
798
- "type": "color",
799
- "category": "colors",
800
- "value": "#02122cff",
801
- "originalValue": "{!DARK_SKY}",
802
- "name": "COLOR_DARK_SKY"
803
- },
804
- "COLOR_ECO_GREEN": {
805
- "type": "color",
806
- "category": "colors",
807
- "value": "#0fa1a9ff",
808
- "originalValue": "{!ECO_GREEN}",
809
- "name": "COLOR_ECO_GREEN"
810
- },
811
762
  "COLOR_ERFOUD": {
812
763
  "type": "color",
813
764
  "category": "colors",
@@ -822,48 +773,6 @@
822
773
  "originalValue": "{!GLENCOE}",
823
774
  "name": "COLOR_GLENCOE"
824
775
  },
825
- "COLOR_GREEN_MUTED": {
826
- "type": "color",
827
- "category": "colors",
828
- "value": "#d0eeecff",
829
- "originalValue": "{!GREEN_MUTED}",
830
- "name": "COLOR_GREEN_MUTED"
831
- },
832
- "COLOR_GREEN_SPOT": {
833
- "type": "color",
834
- "category": "colors",
835
- "value": "#00a698ff",
836
- "originalValue": "{!GREEN_SPOT}",
837
- "name": "COLOR_GREEN_SPOT"
838
- },
839
- "COLOR_GREY_10": {
840
- "type": "color",
841
- "category": "colors",
842
- "value": "#f1f2f8ff",
843
- "originalValue": "{!GREY_10}",
844
- "name": "COLOR_GREY_10"
845
- },
846
- "COLOR_GREY_20": {
847
- "type": "color",
848
- "category": "colors",
849
- "value": "#dddde5ff",
850
- "originalValue": "{!GREY_20}",
851
- "name": "COLOR_GREY_20"
852
- },
853
- "COLOR_GREY_30": {
854
- "type": "color",
855
- "category": "colors",
856
- "value": "#cdcdd7ff",
857
- "originalValue": "{!GREY_30}",
858
- "name": "COLOR_GREY_30"
859
- },
860
- "COLOR_GREY_40": {
861
- "type": "color",
862
- "category": "colors",
863
- "value": "#68697fff",
864
- "originalValue": "{!GREY_40}",
865
- "name": "COLOR_GREY_40"
866
- },
867
776
  "COLOR_HARBOUR": {
868
777
  "type": "color",
869
778
  "category": "colors",
@@ -899,97 +808,6 @@
899
808
  "originalValue": "{!NARA}",
900
809
  "name": "COLOR_NARA"
901
810
  },
902
- "COLOR_NIGHT_BERRY": {
903
- "type": "color",
904
- "category": "colors",
905
- "value": "#d1435bff",
906
- "originalValue": "{!NIGHT_BERRY}",
907
- "name": "COLOR_NIGHT_BERRY"
908
- },
909
- "COLOR_NIGHT_BLUE": {
910
- "type": "color",
911
- "category": "colors",
912
- "value": "#6d9febff",
913
- "originalValue": "{!NIGHT_BLUE}",
914
- "name": "COLOR_NIGHT_BLUE"
915
- },
916
- "COLOR_NIGHT_GREEN_FILL": {
917
- "type": "color",
918
- "category": "colors",
919
- "value": "#b1ffe7ff",
920
- "originalValue": "{!NIGHT_GREEN_FILL}",
921
- "name": "COLOR_NIGHT_GREEN_FILL"
922
- },
923
- "COLOR_NIGHT_GREEN_SPOT": {
924
- "type": "color",
925
- "category": "colors",
926
- "value": "#00a698ff",
927
- "originalValue": "{!NIGHT_GREEN_SPOT}",
928
- "name": "COLOR_NIGHT_GREEN_SPOT"
929
- },
930
- "COLOR_NIGHT_GREY_10": {
931
- "type": "color",
932
- "category": "colors",
933
- "value": "#000000ff",
934
- "originalValue": "{!NIGHT_GREY_10}",
935
- "name": "COLOR_NIGHT_GREY_10"
936
- },
937
- "COLOR_NIGHT_GREY_20": {
938
- "type": "color",
939
- "category": "colors",
940
- "value": "#1d1b20ff",
941
- "originalValue": "{!NIGHT_GREY_20}",
942
- "name": "COLOR_NIGHT_GREY_20"
943
- },
944
- "COLOR_NIGHT_GREY_25": {
945
- "type": "color",
946
- "category": "colors",
947
- "value": "#2c2c2eff",
948
- "originalValue": "{!NIGHT_GREY_25}",
949
- "name": "COLOR_NIGHT_GREY_25"
950
- },
951
- "COLOR_NIGHT_GREY_30": {
952
- "type": "color",
953
- "category": "colors",
954
- "value": "#48484aff",
955
- "originalValue": "{!NIGHT_GREY_30}",
956
- "name": "COLOR_NIGHT_GREY_30"
957
- },
958
- "COLOR_NIGHT_GREY_40": {
959
- "type": "color",
960
- "category": "colors",
961
- "value": "#8e8e93ff",
962
- "originalValue": "{!NIGHT_GREY_40}",
963
- "name": "COLOR_NIGHT_GREY_40"
964
- },
965
- "COLOR_NIGHT_PINK": {
966
- "type": "color",
967
- "category": "colors",
968
- "value": "#ffcaddff",
969
- "originalValue": "{!NIGHT_PINK}",
970
- "name": "COLOR_NIGHT_PINK"
971
- },
972
- "COLOR_NIGHT_SKY": {
973
- "type": "color",
974
- "category": "colors",
975
- "value": "#054184ff",
976
- "originalValue": "{!NIGHT_SKY}",
977
- "name": "COLOR_NIGHT_SKY"
978
- },
979
- "COLOR_NIGHT_YELLOW_FILL": {
980
- "type": "color",
981
- "category": "colors",
982
- "value": "#fbf1bbff",
983
- "originalValue": "{!NIGHT_YELLOW_FILL}",
984
- "name": "COLOR_NIGHT_YELLOW_FILL"
985
- },
986
- "COLOR_NIGHT_YELLOW_SPOT": {
987
- "type": "color",
988
- "category": "colors",
989
- "value": "#ffb54dff",
990
- "originalValue": "{!NIGHT_YELLOW_SPOT}",
991
- "name": "COLOR_NIGHT_YELLOW_SPOT"
992
- },
993
811
  "COLOR_PANJIN": {
994
812
  "type": "color",
995
813
  "category": "colors",
@@ -1004,13 +822,6 @@
1004
822
  "originalValue": "{!PETRA}",
1005
823
  "name": "COLOR_PETRA"
1006
824
  },
1007
- "COLOR_PINK_MUTED": {
1008
- "type": "color",
1009
- "category": "colors",
1010
- "value": "#f6dde1ff",
1011
- "originalValue": "{!PINK_MUTED}",
1012
- "name": "COLOR_PINK_MUTED"
1013
- },
1014
825
  "COLOR_PRIMARY_GRADIENT_LIGHT": {
1015
826
  "type": "color",
1016
827
  "category": "colors",
@@ -1165,27 +976,6 @@
1165
976
  "originalValue": "{!WHITE}",
1166
977
  "name": "COLOR_WHITE"
1167
978
  },
1168
- "COLOR_WHITE_ALPHA_20": {
1169
- "type": "color",
1170
- "category": "colors",
1171
- "value": "#8e8e93ff",
1172
- "originalValue": "{!WHITE_ALPHA_20}",
1173
- "name": "COLOR_WHITE_ALPHA_20"
1174
- },
1175
- "COLOR_WHITE_ALPHA_80": {
1176
- "type": "color",
1177
- "category": "colors",
1178
- "value": "#8e8e93ff",
1179
- "originalValue": "{!WHITE_ALPHA_80}",
1180
- "name": "COLOR_WHITE_ALPHA_80"
1181
- },
1182
- "COLOR_YELLOW_MUTED": {
1183
- "type": "color",
1184
- "category": "colors",
1185
- "value": "#ffebd0ff",
1186
- "originalValue": "{!YELLOW_MUTED}",
1187
- "name": "COLOR_YELLOW_MUTED"
1188
- },
1189
979
  "CORE_ACCENT_DAY": {
1190
980
  "type": "color",
1191
981
  "category": "core-colors",
@@ -2554,47 +2344,75 @@
2554
2344
  "originalValue": "{!NIGHT_BLUE}",
2555
2345
  "name": "TEXT_LINK_NIGHT"
2556
2346
  },
2557
- "TEXT_PRIMARY_DARK_COLOR": {
2347
+ "TEXT_ON_DARK_DAY": {
2558
2348
  "type": "color",
2559
2349
  "category": "text-colors",
2560
2350
  "value": "#ffffffff",
2561
2351
  "originalValue": "{!WHITE}",
2562
- "name": "TEXT_PRIMARY_DARK_COLOR"
2352
+ "name": "TEXT_ON_DARK_DAY"
2563
2353
  },
2564
- "TEXT_PRIMARY_DAY": {
2354
+ "TEXT_ON_DARK_NIGHT": {
2355
+ "type": "color",
2356
+ "category": "text-colors",
2357
+ "value": "#ffffffff",
2358
+ "originalValue": "{!WHITE}",
2359
+ "name": "TEXT_ON_DARK_NIGHT"
2360
+ },
2361
+ "TEXT_ON_LIGHT_DAY": {
2565
2362
  "type": "color",
2566
2363
  "category": "text-colors",
2567
2364
  "value": "#111236ff",
2568
2365
  "originalValue": "{!CHARCOAL}",
2569
- "name": "TEXT_PRIMARY_DAY"
2366
+ "name": "TEXT_ON_LIGHT_DAY"
2570
2367
  },
2571
- "TEXT_PRIMARY_LIGHT_COLOR": {
2368
+ "TEXT_ON_LIGHT_NIGHT": {
2572
2369
  "type": "color",
2573
2370
  "category": "text-colors",
2574
2371
  "value": "#111236ff",
2575
- "originalValue": "{!SKY_GRAY}",
2576
- "name": "TEXT_PRIMARY_LIGHT_COLOR"
2372
+ "originalValue": "{!CHARCOAL}",
2373
+ "name": "TEXT_ON_LIGHT_NIGHT"
2577
2374
  },
2578
- "TEXT_PRIMARY_NIGHT": {
2375
+ "TEXT_PRIMARY_DARK_COLOR": {
2579
2376
  "type": "color",
2580
2377
  "category": "text-colors",
2581
2378
  "value": "#ffffffff",
2582
2379
  "originalValue": "{!WHITE}",
2583
- "name": "TEXT_PRIMARY_NIGHT"
2380
+ "name": "TEXT_PRIMARY_DARK_COLOR"
2381
+ },
2382
+ "TEXT_PRIMARY_DAY": {
2383
+ "type": "color",
2384
+ "category": "text-colors",
2385
+ "value": "#111236ff",
2386
+ "originalValue": "{!CHARCOAL}",
2387
+ "name": "TEXT_PRIMARY_DAY"
2584
2388
  },
2585
- "TEXT_PRIMARY_ON_CONTRAST_DAY": {
2389
+ "TEXT_PRIMARY_INVERSE_DAY": {
2586
2390
  "type": "color",
2587
2391
  "category": "text-colors",
2588
2392
  "value": "#ffffffff",
2589
2393
  "originalValue": "{!WHITE}",
2590
- "name": "TEXT_PRIMARY_ON_CONTRAST_DAY"
2394
+ "name": "TEXT_PRIMARY_INVERSE_DAY"
2591
2395
  },
2592
- "TEXT_PRIMARY_ON_CONTRAST_NIGHT": {
2396
+ "TEXT_PRIMARY_INVERSE_NIGHT": {
2397
+ "type": "color",
2398
+ "category": "text-colors",
2399
+ "value": "#111236ff",
2400
+ "originalValue": "{!CHARCOAL}",
2401
+ "name": "TEXT_PRIMARY_INVERSE_NIGHT"
2402
+ },
2403
+ "TEXT_PRIMARY_LIGHT_COLOR": {
2404
+ "type": "color",
2405
+ "category": "text-colors",
2406
+ "value": "#111236ff",
2407
+ "originalValue": "{!SKY_GRAY}",
2408
+ "name": "TEXT_PRIMARY_LIGHT_COLOR"
2409
+ },
2410
+ "TEXT_PRIMARY_NIGHT": {
2593
2411
  "type": "color",
2594
2412
  "category": "text-colors",
2595
2413
  "value": "#ffffffff",
2596
2414
  "originalValue": "{!WHITE}",
2597
- "name": "TEXT_PRIMARY_ON_CONTRAST_NIGHT"
2415
+ "name": "TEXT_PRIMARY_NIGHT"
2598
2416
  },
2599
2417
  "TEXT_QUATERNARY_DARK_COLOR": {
2600
2418
  "type": "color",
@@ -2639,21 +2457,6 @@
2639
2457
  "originalValue": "{!SKY_GRAY_TINT_04}",
2640
2458
  "name": "TEXT_SECONDARY_NIGHT"
2641
2459
  },
2642
- "TEXT_SECONDARY_ON_CONTRAST_DAY": {
2643
- "type": "color",
2644
- "category": "text-colors",
2645
- "value": "#8e8e93ff",
2646
- "comment": "This colour needs to be apply opacity to it but needs a better solution but shouldn't be in use in product so safe to leave as is",
2647
- "originalValue": "{!WHITE_ALPHA_80}",
2648
- "name": "TEXT_SECONDARY_ON_CONTRAST_DAY"
2649
- },
2650
- "TEXT_SECONDARY_ON_CONTRAST_NIGHT": {
2651
- "type": "color",
2652
- "category": "text-colors",
2653
- "value": "#8e8e93ff",
2654
- "originalValue": "{!NIGHT_GREY_40}",
2655
- "name": "TEXT_SECONDARY_ON_CONTRAST_NIGHT"
2656
- },
2657
2460
  "TEXT_SM-EMPHASIZED_FONT_SIZE": {
2658
2461
  "value": "14",
2659
2462
  "type": "font-size",
@@ -3279,6 +3082,24 @@
3279
3082
  "darkValue": "#6d9febff",
3280
3083
  "originalDarkValue": "{!NIGHT_BLUE}"
3281
3084
  },
3085
+ "TEXT_ON_DARK_COLOR": {
3086
+ "type": "color",
3087
+ "category": "text-colors",
3088
+ "value": "#ffffffff",
3089
+ "originalValue": "{!WHITE}",
3090
+ "name": "TEXT_ON_DARK_COLOR",
3091
+ "darkValue": "#ffffffff",
3092
+ "originalDarkValue": "{!WHITE}"
3093
+ },
3094
+ "TEXT_ON_LIGHT_COLOR": {
3095
+ "type": "color",
3096
+ "category": "text-colors",
3097
+ "value": "#111236ff",
3098
+ "originalValue": "{!CHARCOAL}",
3099
+ "name": "TEXT_ON_LIGHT_COLOR",
3100
+ "darkValue": "#111236ff",
3101
+ "originalDarkValue": "{!CHARCOAL}"
3102
+ },
3282
3103
  "TEXT_PRIMARY_COLOR": {
3283
3104
  "type": "color",
3284
3105
  "category": "text-colors",
@@ -3288,14 +3109,14 @@
3288
3109
  "darkValue": "#ffffffff",
3289
3110
  "originalDarkValue": "{!WHITE}"
3290
3111
  },
3291
- "TEXT_PRIMARY_ON_CONTRAST_COLOR": {
3112
+ "TEXT_PRIMARY_INVERSE_COLOR": {
3292
3113
  "type": "color",
3293
3114
  "category": "text-colors",
3294
3115
  "value": "#ffffffff",
3295
3116
  "originalValue": "{!WHITE}",
3296
- "name": "TEXT_PRIMARY_ON_CONTRAST_COLOR",
3297
- "darkValue": "#ffffffff",
3298
- "originalDarkValue": "{!WHITE}"
3117
+ "name": "TEXT_PRIMARY_INVERSE_COLOR",
3118
+ "darkValue": "#111236ff",
3119
+ "originalDarkValue": "{!CHARCOAL}"
3299
3120
  },
3300
3121
  "TEXT_QUATERNARY_COLOR": {
3301
3122
  "type": "color",
@@ -3315,16 +3136,6 @@
3315
3136
  "darkValue": "#b2b2bfff",
3316
3137
  "originalDarkValue": "{!SKY_GRAY_TINT_04}"
3317
3138
  },
3318
- "TEXT_SECONDARY_ON_CONTRAST_COLOR": {
3319
- "type": "color",
3320
- "category": "text-colors",
3321
- "value": "#8e8e93ff",
3322
- "comment": "This colour needs to be apply opacity to it but needs a better solution but shouldn't be in use in product so safe to leave as is",
3323
- "originalValue": "{!WHITE_ALPHA_80}",
3324
- "name": "TEXT_SECONDARY_ON_CONTRAST_COLOR",
3325
- "darkValue": "#8e8e93ff",
3326
- "originalDarkValue": "{!NIGHT_GREY_40}"
3327
- },
3328
3139
  "TEXT_TERTIARY_COLOR": {
3329
3140
  "type": "color",
3330
3141
  "category": "text-colors",
@@ -3379,12 +3190,8 @@
3379
3190
  "CAROUSEL_INDICATOR_DOT_SIZE_MD",
3380
3191
  "CAROUSEL_INDICATOR_DOT_SIZE_SM",
3381
3192
  "COLOR_ABISKO",
3382
- "COLOR_AMBER_SPOT",
3383
3193
  "COLOR_BAGAN",
3384
- "COLOR_BERRY",
3385
3194
  "COLOR_BLACK",
3386
- "COLOR_BLACK_ALPHA_20",
3387
- "COLOR_BLACK_ALPHA_70",
3388
3195
  "COLOR_BLACK_TINT_01",
3389
3196
  "COLOR_BLACK_TINT_02",
3390
3197
  "COLOR_BLACK_TINT_03",
@@ -3392,38 +3199,15 @@
3392
3199
  "COLOR_BLACK_TINT_05",
3393
3200
  "COLOR_BLACK_TINT_06",
3394
3201
  "COLOR_BUNOL",
3395
- "COLOR_CHARCOAL",
3396
- "COLOR_DARK_SKY",
3397
- "COLOR_ECO_GREEN",
3398
3202
  "COLOR_ERFOUD",
3399
3203
  "COLOR_GLENCOE",
3400
- "COLOR_GREEN_MUTED",
3401
- "COLOR_GREEN_SPOT",
3402
- "COLOR_GREY_10",
3403
- "COLOR_GREY_20",
3404
- "COLOR_GREY_30",
3405
- "COLOR_GREY_40",
3406
3204
  "COLOR_HARBOUR",
3407
3205
  "COLOR_HILLIER",
3408
3206
  "COLOR_KOLKATA",
3409
3207
  "COLOR_MONTEVERDE",
3410
3208
  "COLOR_NARA",
3411
- "COLOR_NIGHT_BERRY",
3412
- "COLOR_NIGHT_BLUE",
3413
- "COLOR_NIGHT_GREEN_FILL",
3414
- "COLOR_NIGHT_GREEN_SPOT",
3415
- "COLOR_NIGHT_GREY_10",
3416
- "COLOR_NIGHT_GREY_20",
3417
- "COLOR_NIGHT_GREY_25",
3418
- "COLOR_NIGHT_GREY_30",
3419
- "COLOR_NIGHT_GREY_40",
3420
- "COLOR_NIGHT_PINK",
3421
- "COLOR_NIGHT_SKY",
3422
- "COLOR_NIGHT_YELLOW_FILL",
3423
- "COLOR_NIGHT_YELLOW_SPOT",
3424
3209
  "COLOR_PANJIN",
3425
3210
  "COLOR_PETRA",
3426
- "COLOR_PINK_MUTED",
3427
3211
  "COLOR_PRIMARY_GRADIENT_LIGHT",
3428
3212
  "COLOR_SAGANO",
3429
3213
  "COLOR_SKY_BLUE",
@@ -3446,9 +3230,6 @@
3446
3230
  "COLOR_TOCHIGI",
3447
3231
  "COLOR_VALENSOLE",
3448
3232
  "COLOR_WHITE",
3449
- "COLOR_WHITE_ALPHA_20",
3450
- "COLOR_WHITE_ALPHA_80",
3451
- "COLOR_YELLOW_MUTED",
3452
3233
  "CORE_ACCENT_DAY",
3453
3234
  "CORE_ACCENT_NIGHT",
3454
3235
  "CORE_ECO_DAY",
@@ -3642,20 +3423,22 @@
3642
3423
  "TEXT_LG_LINE_HEIGHT",
3643
3424
  "TEXT_LINK_DAY",
3644
3425
  "TEXT_LINK_NIGHT",
3426
+ "TEXT_ON_DARK_DAY",
3427
+ "TEXT_ON_DARK_NIGHT",
3428
+ "TEXT_ON_LIGHT_DAY",
3429
+ "TEXT_ON_LIGHT_NIGHT",
3645
3430
  "TEXT_PRIMARY_DARK_COLOR",
3646
3431
  "TEXT_PRIMARY_DAY",
3432
+ "TEXT_PRIMARY_INVERSE_DAY",
3433
+ "TEXT_PRIMARY_INVERSE_NIGHT",
3647
3434
  "TEXT_PRIMARY_LIGHT_COLOR",
3648
3435
  "TEXT_PRIMARY_NIGHT",
3649
- "TEXT_PRIMARY_ON_CONTRAST_DAY",
3650
- "TEXT_PRIMARY_ON_CONTRAST_NIGHT",
3651
3436
  "TEXT_QUATERNARY_DARK_COLOR",
3652
3437
  "TEXT_QUATERNARY_LIGHT_COLOR",
3653
3438
  "TEXT_SECONDARY_DARK_COLOR",
3654
3439
  "TEXT_SECONDARY_DAY",
3655
3440
  "TEXT_SECONDARY_LIGHT_COLOR",
3656
3441
  "TEXT_SECONDARY_NIGHT",
3657
- "TEXT_SECONDARY_ON_CONTRAST_DAY",
3658
- "TEXT_SECONDARY_ON_CONTRAST_NIGHT",
3659
3442
  "TEXT_SM-EMPHASIZED_FONT_SIZE",
3660
3443
  "TEXT_SM-EMPHASIZED_FONT_WEIGHT",
3661
3444
  "TEXT_SM-EMPHASIZED_LINE_HEIGHT",
@@ -3732,11 +3515,12 @@
3732
3515
  "TEXT_DISABLED_COLOR",
3733
3516
  "TEXT_ERROR_COLOR",
3734
3517
  "TEXT_LINK_COLOR",
3518
+ "TEXT_ON_DARK_COLOR",
3519
+ "TEXT_ON_LIGHT_COLOR",
3735
3520
  "TEXT_PRIMARY_COLOR",
3736
- "TEXT_PRIMARY_ON_CONTRAST_COLOR",
3521
+ "TEXT_PRIMARY_INVERSE_COLOR",
3737
3522
  "TEXT_QUATERNARY_COLOR",
3738
3523
  "TEXT_SECONDARY_COLOR",
3739
- "TEXT_SECONDARY_ON_CONTRAST_COLOR",
3740
3524
  "TEXT_TERTIARY_COLOR"
3741
3525
  ]
3742
3526
  }