@telus-uds/theme-koodo 3.11.0 → 3.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/build/android/schema.json +404 -378
- package/build/android/theme.json +164 -41
- package/build/ios/schema.json +404 -378
- package/build/ios/theme.json +164 -41
- package/build/rn/schema.json +404 -378
- package/build/rn/theme.js +112 -37
- package/package.json +4 -4
- package/theme.json +210 -37
package/theme.json
CHANGED
|
@@ -241,8 +241,8 @@
|
|
|
241
241
|
"hover": true
|
|
242
242
|
},
|
|
243
243
|
"tokens": {
|
|
244
|
-
"backgroundColor": "{palette.color.
|
|
245
|
-
"borderColor": "{palette.color.
|
|
244
|
+
"backgroundColor": "{palette.color.mosqueDark}",
|
|
245
|
+
"borderColor": "{palette.color.mosqueDark}",
|
|
246
246
|
"color": "{palette.color.white}"
|
|
247
247
|
}
|
|
248
248
|
},
|
|
@@ -437,8 +437,8 @@
|
|
|
437
437
|
"hover": true
|
|
438
438
|
},
|
|
439
439
|
"tokens": {
|
|
440
|
-
"backgroundColor": "{palette.color.
|
|
441
|
-
"iconColor": "{palette.color.
|
|
440
|
+
"backgroundColor": "{palette.color.mosqueDark}",
|
|
441
|
+
"iconColor": "{palette.color.mosqueDark}"
|
|
442
442
|
}
|
|
443
443
|
},
|
|
444
444
|
{
|
|
@@ -489,14 +489,14 @@
|
|
|
489
489
|
"selected": true
|
|
490
490
|
},
|
|
491
491
|
"tokens": {
|
|
492
|
-
"outerBorderColor": "{palette.color.
|
|
492
|
+
"outerBorderColor": "{palette.color.mosqueDark}"
|
|
493
493
|
}
|
|
494
494
|
}
|
|
495
495
|
],
|
|
496
496
|
"tokens": {
|
|
497
497
|
"alignSelf": "{system.flexAlign.flexStart}",
|
|
498
498
|
"backgroundColor": "{palette.color.mosque}",
|
|
499
|
-
"borderColor": "{palette.color.
|
|
499
|
+
"borderColor": "{palette.color.mosqueDark}",
|
|
500
500
|
"borderRadius": "{palette.radius.radius4}",
|
|
501
501
|
"borderWidth": "{palette.border.none}",
|
|
502
502
|
"color": "{palette.color.white}",
|
|
@@ -527,7 +527,7 @@
|
|
|
527
527
|
"paddingRight": "{palette.size.size16}",
|
|
528
528
|
"paddingTop": "{palette.size.size8}",
|
|
529
529
|
"shadow": "{system.shadow.none}",
|
|
530
|
-
"subtitleColor": "{palette.color.
|
|
530
|
+
"subtitleColor": "{palette.color.mosqueDark}",
|
|
531
531
|
"textAlign": "{system.flexJustifyContent.center}",
|
|
532
532
|
"width": "{system.size.none}"
|
|
533
533
|
}
|
|
@@ -578,7 +578,7 @@
|
|
|
578
578
|
"hover": true
|
|
579
579
|
},
|
|
580
580
|
"tokens": {
|
|
581
|
-
"backgroundColor": "{palette.color.
|
|
581
|
+
"backgroundColor": "{palette.color.mosqueDark}"
|
|
582
582
|
}
|
|
583
583
|
},
|
|
584
584
|
{
|
|
@@ -628,7 +628,7 @@
|
|
|
628
628
|
"selected": true
|
|
629
629
|
},
|
|
630
630
|
"tokens": {
|
|
631
|
-
"outerBorderColor": "{palette.color.
|
|
631
|
+
"outerBorderColor": "{palette.color.mosqueDark}"
|
|
632
632
|
}
|
|
633
633
|
},
|
|
634
634
|
{
|
|
@@ -643,7 +643,7 @@
|
|
|
643
643
|
"tokens": {
|
|
644
644
|
"alignSelf": "{system.flexAlign.flexStart}",
|
|
645
645
|
"backgroundColor": "{palette.color.mosque}",
|
|
646
|
-
"borderColor": "{palette.color.
|
|
646
|
+
"borderColor": "{palette.color.mosqueDark}",
|
|
647
647
|
"borderRadius": "{palette.radius.radius4}",
|
|
648
648
|
"borderWidth": "{palette.border.none}",
|
|
649
649
|
"color": "{palette.color.white}",
|
|
@@ -756,9 +756,9 @@
|
|
|
756
756
|
"pressed": true
|
|
757
757
|
},
|
|
758
758
|
"tokens": {
|
|
759
|
-
"borderBottomColor": "{palette.color.
|
|
759
|
+
"borderBottomColor": "{palette.color.mosqueDark}",
|
|
760
760
|
"borderBottomWidth": "{palette.border.border2}",
|
|
761
|
-
"color": "{palette.color.
|
|
761
|
+
"color": "{palette.color.mosqueDark}"
|
|
762
762
|
}
|
|
763
763
|
},
|
|
764
764
|
{
|
|
@@ -867,13 +867,186 @@
|
|
|
867
867
|
}
|
|
868
868
|
},
|
|
869
869
|
"ChevronLink": {
|
|
870
|
-
"appearances": {
|
|
871
|
-
|
|
870
|
+
"appearances": {
|
|
871
|
+
"alternative": {
|
|
872
|
+
"type": "variant",
|
|
873
|
+
"values": [true]
|
|
874
|
+
},
|
|
875
|
+
"focus": "{appearances.ChevronLink.focus}",
|
|
876
|
+
"hover": "{appearances.ChevronLink.hover}",
|
|
877
|
+
"inverse": {
|
|
878
|
+
"type": "variant",
|
|
879
|
+
"values": [true]
|
|
880
|
+
},
|
|
881
|
+
"pressed": "{appearances.ChevronLink.pressed}",
|
|
882
|
+
"size": {
|
|
883
|
+
"description": "Sets the size of the text and icon; these variants are shared with ChevronLink",
|
|
884
|
+
"type": "variant",
|
|
885
|
+
"values": ["large", "small", "micro"]
|
|
886
|
+
}
|
|
887
|
+
},
|
|
888
|
+
"rules": [
|
|
889
|
+
{
|
|
890
|
+
"if": {
|
|
891
|
+
"hover": true
|
|
892
|
+
},
|
|
893
|
+
"tokens": {
|
|
894
|
+
"color": "{palette.color.mosqueDark}"
|
|
895
|
+
}
|
|
896
|
+
},
|
|
897
|
+
{
|
|
898
|
+
"if": {
|
|
899
|
+
"pressed": true
|
|
900
|
+
},
|
|
901
|
+
"tokens": {
|
|
902
|
+
"color": "{palette.color.mortar}"
|
|
903
|
+
}
|
|
904
|
+
},
|
|
905
|
+
{
|
|
906
|
+
"if": {
|
|
907
|
+
"focus": true
|
|
908
|
+
},
|
|
909
|
+
"tokens": {
|
|
910
|
+
"color": "{palette.color.mosque}",
|
|
911
|
+
"outerBorderColor": "{palette.color.mosque}"
|
|
912
|
+
}
|
|
913
|
+
},
|
|
914
|
+
{
|
|
915
|
+
"if": {
|
|
916
|
+
"focus": true,
|
|
917
|
+
"pressed": true
|
|
918
|
+
},
|
|
919
|
+
"tokens": {
|
|
920
|
+
"color": "{palette.color.mosqueDark}",
|
|
921
|
+
"outerBorderColor": "{palette.color.mosqueDark}"
|
|
922
|
+
}
|
|
923
|
+
},
|
|
924
|
+
{
|
|
925
|
+
"if": {
|
|
926
|
+
"alternative": true
|
|
927
|
+
},
|
|
928
|
+
"tokens": {
|
|
929
|
+
"color": "{palette.color.dove}"
|
|
930
|
+
}
|
|
931
|
+
},
|
|
932
|
+
{
|
|
933
|
+
"if": {
|
|
934
|
+
"alternative": true,
|
|
935
|
+
"hover": true
|
|
936
|
+
},
|
|
937
|
+
"tokens": {
|
|
938
|
+
"color": "{palette.color.doveDark}"
|
|
939
|
+
}
|
|
940
|
+
},
|
|
941
|
+
{
|
|
942
|
+
"if": {
|
|
943
|
+
"alternative": true,
|
|
944
|
+
"pressed": true
|
|
945
|
+
},
|
|
946
|
+
"tokens": {
|
|
947
|
+
"color": "{palette.color.mortar}"
|
|
948
|
+
}
|
|
949
|
+
},
|
|
950
|
+
{
|
|
951
|
+
"if": {
|
|
952
|
+
"alternative": true,
|
|
953
|
+
"focus": true
|
|
954
|
+
},
|
|
955
|
+
"tokens": {
|
|
956
|
+
"color": "{palette.color.dove}",
|
|
957
|
+
"outerBorderColor": "{palette.color.dove}"
|
|
958
|
+
}
|
|
959
|
+
},
|
|
960
|
+
{
|
|
961
|
+
"if": {
|
|
962
|
+
"alternative": true,
|
|
963
|
+
"focus": true,
|
|
964
|
+
"pressed": true
|
|
965
|
+
},
|
|
966
|
+
"tokens": {
|
|
967
|
+
"color": "{palette.color.doveDark}",
|
|
968
|
+
"outerBorderColor": "{palette.color.doveDark}"
|
|
969
|
+
}
|
|
970
|
+
},
|
|
971
|
+
{
|
|
972
|
+
"if": {
|
|
973
|
+
"inverse": true
|
|
974
|
+
},
|
|
975
|
+
"tokens": {
|
|
976
|
+
"color": "{palette.color.icicle}"
|
|
977
|
+
}
|
|
978
|
+
},
|
|
979
|
+
{
|
|
980
|
+
"if": {
|
|
981
|
+
"hover": true,
|
|
982
|
+
"inverse": true
|
|
983
|
+
},
|
|
984
|
+
"tokens": {
|
|
985
|
+
"color": "{palette.color.icicleDark}"
|
|
986
|
+
}
|
|
987
|
+
},
|
|
988
|
+
{
|
|
989
|
+
"if": {
|
|
990
|
+
"inverse": true,
|
|
991
|
+
"pressed": true
|
|
992
|
+
},
|
|
993
|
+
"tokens": {
|
|
994
|
+
"color": "{palette.color.silver}"
|
|
995
|
+
}
|
|
996
|
+
},
|
|
997
|
+
{
|
|
998
|
+
"if": {
|
|
999
|
+
"focus": true,
|
|
1000
|
+
"inverse": true
|
|
1001
|
+
},
|
|
1002
|
+
"tokens": {
|
|
1003
|
+
"color": "{palette.color.icicle}",
|
|
1004
|
+
"outerBorderColor": "{palette.color.icicle}"
|
|
1005
|
+
}
|
|
1006
|
+
},
|
|
1007
|
+
{
|
|
1008
|
+
"if": {
|
|
1009
|
+
"focus": true,
|
|
1010
|
+
"inverse": true,
|
|
1011
|
+
"pressed": true
|
|
1012
|
+
},
|
|
1013
|
+
"tokens": {
|
|
1014
|
+
"color": "{palette.color.icicleDark}",
|
|
1015
|
+
"outerBorderColor": "{palette.color.icicleDark}"
|
|
1016
|
+
}
|
|
1017
|
+
},
|
|
1018
|
+
{
|
|
1019
|
+
"if": {
|
|
1020
|
+
"size": "large"
|
|
1021
|
+
},
|
|
1022
|
+
"tokens": {
|
|
1023
|
+
"iconSize": "{palette.size.size24}"
|
|
1024
|
+
}
|
|
1025
|
+
},
|
|
1026
|
+
{
|
|
1027
|
+
"if": {
|
|
1028
|
+
"size": "small"
|
|
1029
|
+
},
|
|
1030
|
+
"tokens": {
|
|
1031
|
+
"iconSize": "{palette.size.size20}"
|
|
1032
|
+
}
|
|
1033
|
+
},
|
|
1034
|
+
{
|
|
1035
|
+
"if": {
|
|
1036
|
+
"size": "micro"
|
|
1037
|
+
},
|
|
1038
|
+
"tokens": {
|
|
1039
|
+
"iconSize": "{palette.size.size16}"
|
|
1040
|
+
}
|
|
1041
|
+
}
|
|
1042
|
+
],
|
|
872
1043
|
"tokens": {
|
|
873
|
-
"
|
|
1044
|
+
"color": "{palette.color.mosque}",
|
|
1045
|
+
"iconDisplace": "{palette.size.size0}",
|
|
874
1046
|
"iconSize": "{palette.size.size24}",
|
|
875
|
-
"iconSpace": "{system.integer.
|
|
1047
|
+
"iconSpace": "{system.integer.1}",
|
|
876
1048
|
"leftIcon": "{palette.icon.ChevronLeft}",
|
|
1049
|
+
"outerBorderColor": "{palette.color.transparent}",
|
|
877
1050
|
"rightIcon": "{palette.icon.ChevronRight}",
|
|
878
1051
|
"textLine": "{system.textLine.none}"
|
|
879
1052
|
}
|
|
@@ -1063,8 +1236,8 @@
|
|
|
1063
1236
|
},
|
|
1064
1237
|
"tokens": {
|
|
1065
1238
|
"backgroundColor": "{palette.color.texas}",
|
|
1066
|
-
"borderColor": "{palette.color.
|
|
1067
|
-
"iconColor": "{palette.color.
|
|
1239
|
+
"borderColor": "{palette.color.mosqueDark}",
|
|
1240
|
+
"iconColor": "{palette.color.mosqueDark}"
|
|
1068
1241
|
}
|
|
1069
1242
|
},
|
|
1070
1243
|
{
|
|
@@ -1312,7 +1485,7 @@
|
|
|
1312
1485
|
"hover": true
|
|
1313
1486
|
},
|
|
1314
1487
|
"tokens": {
|
|
1315
|
-
"color": "{palette.color.
|
|
1488
|
+
"color": "{palette.color.mosqueDark}",
|
|
1316
1489
|
"textLine": "{system.textLine.none}"
|
|
1317
1490
|
}
|
|
1318
1491
|
},
|
|
@@ -1833,7 +2006,7 @@
|
|
|
1833
2006
|
"backgroundColor": "{palette.color.mosque}",
|
|
1834
2007
|
"borderRadius": "{palette.radius.radius12}",
|
|
1835
2008
|
"gradient": "{system.gradient.none}",
|
|
1836
|
-
"outlineColor": "{palette.color.
|
|
2009
|
+
"outlineColor": "{palette.color.mosqueDark}",
|
|
1837
2010
|
"outlineWidth": "{palette.border.border1}"
|
|
1838
2011
|
}
|
|
1839
2012
|
},
|
|
@@ -1874,8 +2047,8 @@
|
|
|
1874
2047
|
"hover": true
|
|
1875
2048
|
},
|
|
1876
2049
|
"tokens": {
|
|
1877
|
-
"backgroundColor": "{palette.color.
|
|
1878
|
-
"borderColor": "{palette.color.
|
|
2050
|
+
"backgroundColor": "{palette.color.mosqueDark}",
|
|
2051
|
+
"borderColor": "{palette.color.mosqueDark}",
|
|
1879
2052
|
"color": "{palette.color.white}"
|
|
1880
2053
|
}
|
|
1881
2054
|
},
|
|
@@ -2137,7 +2310,7 @@
|
|
|
2137
2310
|
"tokens": {
|
|
2138
2311
|
"outerBorderColor": "{palette.color.gallery}",
|
|
2139
2312
|
"outerBorderWidth": "{palette.border.border2}",
|
|
2140
|
-
"radioInputBorderColor": "{palette.color.
|
|
2313
|
+
"radioInputBorderColor": "{palette.color.mosqueDark}"
|
|
2141
2314
|
}
|
|
2142
2315
|
},
|
|
2143
2316
|
{
|
|
@@ -2149,7 +2322,7 @@
|
|
|
2149
2322
|
"backgroundColor": "{palette.color.gallery}",
|
|
2150
2323
|
"outerBorderColor": "{palette.color.gallery}",
|
|
2151
2324
|
"outerBorderWidth": "{palette.border.border2}",
|
|
2152
|
-
"radioInputBorderColor": "{palette.color.
|
|
2325
|
+
"radioInputBorderColor": "{palette.color.mosqueDark}"
|
|
2153
2326
|
}
|
|
2154
2327
|
},
|
|
2155
2328
|
{
|
|
@@ -2160,7 +2333,7 @@
|
|
|
2160
2333
|
"outerBorderColor": "{palette.color.dove}",
|
|
2161
2334
|
"outerBorderGap": "{palette.size.size4}",
|
|
2162
2335
|
"outerBorderWidth": "{palette.border.border2}",
|
|
2163
|
-
"radioInputBorderColor": "{palette.color.
|
|
2336
|
+
"radioInputBorderColor": "{palette.color.mosqueDark}"
|
|
2164
2337
|
}
|
|
2165
2338
|
},
|
|
2166
2339
|
{
|
|
@@ -2339,8 +2512,8 @@
|
|
|
2339
2512
|
"hover": true
|
|
2340
2513
|
},
|
|
2341
2514
|
"tokens": {
|
|
2342
|
-
"backgroundColor": "{palette.color.
|
|
2343
|
-
"borderColor": "{palette.color.
|
|
2515
|
+
"backgroundColor": "{palette.color.mosqueDark}",
|
|
2516
|
+
"borderColor": "{palette.color.mosqueDark}",
|
|
2344
2517
|
"iconColor": "{palette.color.white}"
|
|
2345
2518
|
}
|
|
2346
2519
|
},
|
|
@@ -2626,7 +2799,7 @@
|
|
|
2626
2799
|
"appearances": {},
|
|
2627
2800
|
"rules": [],
|
|
2628
2801
|
"tokens": {
|
|
2629
|
-
"backgroundColor": "{palette.color.
|
|
2802
|
+
"backgroundColor": "{palette.color.mosqueDark}",
|
|
2630
2803
|
"borderRadius": "{palette.radius.radius12}",
|
|
2631
2804
|
"color": "{palette.color.white}",
|
|
2632
2805
|
"outlineColor": "{palette.color.mosque}",
|
|
@@ -2849,8 +3022,8 @@
|
|
|
2849
3022
|
"hover": true
|
|
2850
3023
|
},
|
|
2851
3024
|
"tokens": {
|
|
2852
|
-
"backgroundColor": "{palette.color.
|
|
2853
|
-
"iconColor": "{palette.color.
|
|
3025
|
+
"backgroundColor": "{palette.color.mosqueDark}",
|
|
3026
|
+
"iconColor": "{palette.color.mosqueDark}"
|
|
2854
3027
|
}
|
|
2855
3028
|
},
|
|
2856
3029
|
{
|
|
@@ -2902,14 +3075,14 @@
|
|
|
2902
3075
|
"selected": true
|
|
2903
3076
|
},
|
|
2904
3077
|
"tokens": {
|
|
2905
|
-
"outerBorderColor": "{palette.color.
|
|
3078
|
+
"outerBorderColor": "{palette.color.mosqueDark}"
|
|
2906
3079
|
}
|
|
2907
3080
|
}
|
|
2908
3081
|
],
|
|
2909
3082
|
"tokens": {
|
|
2910
3083
|
"alignSelf": "{system.flexAlign.center}",
|
|
2911
3084
|
"backgroundColor": "{palette.color.mosque}",
|
|
2912
|
-
"borderColor": "{palette.color.
|
|
3085
|
+
"borderColor": "{palette.color.mosqueDark}",
|
|
2913
3086
|
"borderRadius": "{palette.radius.radius4}",
|
|
2914
3087
|
"borderWidth": "{palette.border.none}",
|
|
2915
3088
|
"color": "{palette.color.white}",
|
|
@@ -3097,7 +3270,7 @@
|
|
|
3097
3270
|
"hover": true
|
|
3098
3271
|
},
|
|
3099
3272
|
"tokens": {
|
|
3100
|
-
"backgroundColor": "{palette.color.
|
|
3273
|
+
"backgroundColor": "{palette.color.mosqueDark}"
|
|
3101
3274
|
}
|
|
3102
3275
|
},
|
|
3103
3276
|
{
|
|
@@ -3234,7 +3407,7 @@
|
|
|
3234
3407
|
},
|
|
3235
3408
|
"tokens": {
|
|
3236
3409
|
"backgroundColor": "{palette.color.white}",
|
|
3237
|
-
"color": "{palette.color.
|
|
3410
|
+
"color": "{palette.color.mosqueDark}"
|
|
3238
3411
|
}
|
|
3239
3412
|
}
|
|
3240
3413
|
],
|
|
@@ -3242,7 +3415,7 @@
|
|
|
3242
3415
|
"arrowBorderRadius": "{palette.radius.none}",
|
|
3243
3416
|
"arrowOffset": "{palette.size.size4}",
|
|
3244
3417
|
"arrowWidth": "{palette.size.size8}",
|
|
3245
|
-
"backgroundColor": "{palette.color.
|
|
3418
|
+
"backgroundColor": "{palette.color.mosqueDark}",
|
|
3246
3419
|
"borderRadius": "{palette.radius.radius4}",
|
|
3247
3420
|
"color": "{palette.color.white}",
|
|
3248
3421
|
"fontName": "{palette.fontName.StagSans}",
|
|
@@ -3276,7 +3449,7 @@
|
|
|
3276
3449
|
"pressed": true
|
|
3277
3450
|
},
|
|
3278
3451
|
"tokens": {
|
|
3279
|
-
"iconColor": "{palette.color.
|
|
3452
|
+
"iconColor": "{palette.color.mosqueDark}"
|
|
3280
3453
|
}
|
|
3281
3454
|
},
|
|
3282
3455
|
{
|
|
@@ -3284,7 +3457,7 @@
|
|
|
3284
3457
|
"focus": true
|
|
3285
3458
|
},
|
|
3286
3459
|
"tokens": {
|
|
3287
|
-
"outerBorderColor": "{palette.color.
|
|
3460
|
+
"outerBorderColor": "{palette.color.mosqueDark}"
|
|
3288
3461
|
}
|
|
3289
3462
|
}
|
|
3290
3463
|
],
|