@telus-uds/theme-koodo 3.11.0 → 3.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/build/android/schema.json +409 -378
- package/build/android/theme.json +231 -46
- package/build/ios/schema.json +409 -378
- package/build/ios/theme.json +231 -46
- package/build/rn/schema.json +409 -378
- package/build/rn/theme.js +138 -40
- package/package.json +4 -4
- package/theme.json +255 -40
package/build/android/theme.json
CHANGED
|
@@ -664,9 +664,9 @@
|
|
|
664
664
|
"alpha": 1
|
|
665
665
|
},
|
|
666
666
|
"borderColor": {
|
|
667
|
-
"red": 0.
|
|
668
|
-
"green": 0.
|
|
669
|
-
"blue": 0.
|
|
667
|
+
"red": 0.10588,
|
|
668
|
+
"green": 0.27843,
|
|
669
|
+
"blue": 0.27451,
|
|
670
670
|
"alpha": 1
|
|
671
671
|
},
|
|
672
672
|
"borderRadius": 4,
|
|
@@ -730,9 +730,9 @@
|
|
|
730
730
|
"paddingTop": 8,
|
|
731
731
|
"shadow": null,
|
|
732
732
|
"subtitleColor": {
|
|
733
|
-
"red": 0.
|
|
734
|
-
"green": 0.
|
|
735
|
-
"blue": 0.
|
|
733
|
+
"red": 0.10588,
|
|
734
|
+
"green": 0.27843,
|
|
735
|
+
"blue": 0.27451,
|
|
736
736
|
"alpha": 1
|
|
737
737
|
},
|
|
738
738
|
"textAlign": "center",
|
|
@@ -871,9 +871,9 @@
|
|
|
871
871
|
"alpha": 1
|
|
872
872
|
},
|
|
873
873
|
"borderColor": {
|
|
874
|
-
"red": 0.
|
|
875
|
-
"green": 0.
|
|
876
|
-
"blue": 0.
|
|
874
|
+
"red": 0.10588,
|
|
875
|
+
"green": 0.27843,
|
|
876
|
+
"blue": 0.27451,
|
|
877
877
|
"alpha": 1
|
|
878
878
|
},
|
|
879
879
|
"borderRadius": 4,
|
|
@@ -917,13 +917,75 @@
|
|
|
917
917
|
}
|
|
918
918
|
},
|
|
919
919
|
"Card": {
|
|
920
|
-
"appearances": {
|
|
921
|
-
|
|
920
|
+
"appearances": {
|
|
921
|
+
"background": {
|
|
922
|
+
"description": "Defines background related attributes of Card",
|
|
923
|
+
"type": "variant",
|
|
924
|
+
"values": ["alternative", "subtle", "grid", "feature"]
|
|
925
|
+
}
|
|
926
|
+
},
|
|
927
|
+
"rules": [
|
|
928
|
+
{
|
|
929
|
+
"if": {
|
|
930
|
+
"background": "alternative"
|
|
931
|
+
},
|
|
932
|
+
"tokens": {
|
|
933
|
+
"backgroundColor": {
|
|
934
|
+
"red": 0.89804,
|
|
935
|
+
"green": 0.96863,
|
|
936
|
+
"blue": 0.98431,
|
|
937
|
+
"alpha": 1
|
|
938
|
+
}
|
|
939
|
+
}
|
|
940
|
+
},
|
|
941
|
+
{
|
|
942
|
+
"if": {
|
|
943
|
+
"background": "subtle"
|
|
944
|
+
},
|
|
945
|
+
"tokens": {
|
|
946
|
+
"backgroundColor": {
|
|
947
|
+
"red": 0.98039,
|
|
948
|
+
"green": 0.90196,
|
|
949
|
+
"blue": 0.95686,
|
|
950
|
+
"alpha": 1
|
|
951
|
+
},
|
|
952
|
+
"borderRadius": 8
|
|
953
|
+
}
|
|
954
|
+
},
|
|
955
|
+
{
|
|
956
|
+
"if": {
|
|
957
|
+
"background": "grid"
|
|
958
|
+
},
|
|
959
|
+
"tokens": {
|
|
960
|
+
"borderColor": {
|
|
961
|
+
"red": 0.00392,
|
|
962
|
+
"green": 0.41961,
|
|
963
|
+
"blue": 0.41569,
|
|
964
|
+
"alpha": 1
|
|
965
|
+
},
|
|
966
|
+
"borderRadius": 8,
|
|
967
|
+
"borderWidth": 1
|
|
968
|
+
}
|
|
969
|
+
},
|
|
970
|
+
{
|
|
971
|
+
"if": {
|
|
972
|
+
"background": "feature"
|
|
973
|
+
},
|
|
974
|
+
"tokens": {
|
|
975
|
+
"backgroundColor": {
|
|
976
|
+
"red": 0.97647,
|
|
977
|
+
"green": 0.96471,
|
|
978
|
+
"blue": 0.64706,
|
|
979
|
+
"alpha": 1
|
|
980
|
+
}
|
|
981
|
+
}
|
|
982
|
+
}
|
|
983
|
+
],
|
|
922
984
|
"tokens": {
|
|
923
985
|
"backgroundColor": {
|
|
924
|
-
"red":
|
|
925
|
-
"green":
|
|
926
|
-
"blue":
|
|
986
|
+
"red": 1,
|
|
987
|
+
"green": 1,
|
|
988
|
+
"blue": 1,
|
|
927
989
|
"alpha": 1
|
|
928
990
|
},
|
|
929
991
|
"borderColor": {
|
|
@@ -1023,16 +1085,16 @@
|
|
|
1023
1085
|
},
|
|
1024
1086
|
"tokens": {
|
|
1025
1087
|
"borderBottomColor": {
|
|
1026
|
-
"red": 0.
|
|
1027
|
-
"green": 0.
|
|
1028
|
-
"blue": 0.
|
|
1088
|
+
"red": 0.10588,
|
|
1089
|
+
"green": 0.27843,
|
|
1090
|
+
"blue": 0.27451,
|
|
1029
1091
|
"alpha": 1
|
|
1030
1092
|
},
|
|
1031
1093
|
"borderBottomWidth": 2,
|
|
1032
1094
|
"color": {
|
|
1033
|
-
"red": 0.
|
|
1034
|
-
"green": 0.
|
|
1035
|
-
"blue": 0.
|
|
1095
|
+
"red": 0.10588,
|
|
1096
|
+
"green": 0.27843,
|
|
1097
|
+
"blue": 0.27451,
|
|
1036
1098
|
"alpha": 1
|
|
1037
1099
|
}
|
|
1038
1100
|
}
|
|
@@ -1198,13 +1260,136 @@
|
|
|
1198
1260
|
}
|
|
1199
1261
|
},
|
|
1200
1262
|
"ChevronLink": {
|
|
1201
|
-
"appearances": {
|
|
1202
|
-
|
|
1263
|
+
"appearances": {
|
|
1264
|
+
"alternative": {
|
|
1265
|
+
"type": "variant",
|
|
1266
|
+
"values": [true]
|
|
1267
|
+
},
|
|
1268
|
+
"inverse": {
|
|
1269
|
+
"type": "variant",
|
|
1270
|
+
"values": [true]
|
|
1271
|
+
},
|
|
1272
|
+
"pressed": {
|
|
1273
|
+
"description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
|
|
1274
|
+
"values": [true],
|
|
1275
|
+
"type": "state"
|
|
1276
|
+
},
|
|
1277
|
+
"size": {
|
|
1278
|
+
"description": "Sets the size of the text and icon; these variants are shared with ChevronLink",
|
|
1279
|
+
"type": "variant",
|
|
1280
|
+
"values": ["large", "small", "micro"]
|
|
1281
|
+
}
|
|
1282
|
+
},
|
|
1283
|
+
"rules": [
|
|
1284
|
+
{
|
|
1285
|
+
"if": {
|
|
1286
|
+
"pressed": true
|
|
1287
|
+
},
|
|
1288
|
+
"tokens": {
|
|
1289
|
+
"color": {
|
|
1290
|
+
"red": 0.34902,
|
|
1291
|
+
"green": 0.34902,
|
|
1292
|
+
"blue": 0.34902,
|
|
1293
|
+
"alpha": 1
|
|
1294
|
+
}
|
|
1295
|
+
}
|
|
1296
|
+
},
|
|
1297
|
+
{
|
|
1298
|
+
"if": {
|
|
1299
|
+
"alternative": true
|
|
1300
|
+
},
|
|
1301
|
+
"tokens": {
|
|
1302
|
+
"color": {
|
|
1303
|
+
"red": 0.4,
|
|
1304
|
+
"green": 0.4,
|
|
1305
|
+
"blue": 0.4,
|
|
1306
|
+
"alpha": 1
|
|
1307
|
+
}
|
|
1308
|
+
}
|
|
1309
|
+
},
|
|
1310
|
+
{
|
|
1311
|
+
"if": {
|
|
1312
|
+
"alternative": true,
|
|
1313
|
+
"pressed": true
|
|
1314
|
+
},
|
|
1315
|
+
"tokens": {
|
|
1316
|
+
"color": {
|
|
1317
|
+
"red": 0.34902,
|
|
1318
|
+
"green": 0.34902,
|
|
1319
|
+
"blue": 0.34902,
|
|
1320
|
+
"alpha": 1
|
|
1321
|
+
}
|
|
1322
|
+
}
|
|
1323
|
+
},
|
|
1324
|
+
{
|
|
1325
|
+
"if": {
|
|
1326
|
+
"inverse": true
|
|
1327
|
+
},
|
|
1328
|
+
"tokens": {
|
|
1329
|
+
"color": {
|
|
1330
|
+
"red": 0.89804,
|
|
1331
|
+
"green": 0.96863,
|
|
1332
|
+
"blue": 0.98431,
|
|
1333
|
+
"alpha": 1
|
|
1334
|
+
}
|
|
1335
|
+
}
|
|
1336
|
+
},
|
|
1337
|
+
{
|
|
1338
|
+
"if": {
|
|
1339
|
+
"inverse": true,
|
|
1340
|
+
"pressed": true
|
|
1341
|
+
},
|
|
1342
|
+
"tokens": {
|
|
1343
|
+
"color": {
|
|
1344
|
+
"red": 0.78824,
|
|
1345
|
+
"green": 0.78431,
|
|
1346
|
+
"blue": 0.78431,
|
|
1347
|
+
"alpha": 1
|
|
1348
|
+
}
|
|
1349
|
+
}
|
|
1350
|
+
},
|
|
1351
|
+
{
|
|
1352
|
+
"if": {
|
|
1353
|
+
"size": "large"
|
|
1354
|
+
},
|
|
1355
|
+
"tokens": {
|
|
1356
|
+
"iconSize": 24
|
|
1357
|
+
}
|
|
1358
|
+
},
|
|
1359
|
+
{
|
|
1360
|
+
"if": {
|
|
1361
|
+
"size": "small"
|
|
1362
|
+
},
|
|
1363
|
+
"tokens": {
|
|
1364
|
+
"iconSize": 20
|
|
1365
|
+
}
|
|
1366
|
+
},
|
|
1367
|
+
{
|
|
1368
|
+
"if": {
|
|
1369
|
+
"size": "micro"
|
|
1370
|
+
},
|
|
1371
|
+
"tokens": {
|
|
1372
|
+
"iconSize": 16
|
|
1373
|
+
}
|
|
1374
|
+
}
|
|
1375
|
+
],
|
|
1203
1376
|
"tokens": {
|
|
1204
|
-
"
|
|
1377
|
+
"color": {
|
|
1378
|
+
"red": 0.00392,
|
|
1379
|
+
"green": 0.41961,
|
|
1380
|
+
"blue": 0.41569,
|
|
1381
|
+
"alpha": 1
|
|
1382
|
+
},
|
|
1383
|
+
"iconDisplace": 0,
|
|
1205
1384
|
"iconSize": 24,
|
|
1206
|
-
"iconSpace":
|
|
1385
|
+
"iconSpace": 1,
|
|
1207
1386
|
"leftIcon": "PaletteIconChevronLeft",
|
|
1387
|
+
"outerBorderColor": {
|
|
1388
|
+
"red": 0,
|
|
1389
|
+
"green": 0,
|
|
1390
|
+
"blue": 0,
|
|
1391
|
+
"alpha": 0
|
|
1392
|
+
},
|
|
1208
1393
|
"rightIcon": "PaletteIconChevronRight",
|
|
1209
1394
|
"textLine": "none"
|
|
1210
1395
|
}
|
|
@@ -2630,9 +2815,9 @@
|
|
|
2630
2815
|
"borderRadius": 12,
|
|
2631
2816
|
"gradient": null,
|
|
2632
2817
|
"outlineColor": {
|
|
2633
|
-
"red": 0.
|
|
2634
|
-
"green": 0.
|
|
2635
|
-
"blue": 0.
|
|
2818
|
+
"red": 0.10588,
|
|
2819
|
+
"green": 0.27843,
|
|
2820
|
+
"blue": 0.27451,
|
|
2636
2821
|
"alpha": 1
|
|
2637
2822
|
},
|
|
2638
2823
|
"outlineWidth": 1
|
|
@@ -3052,9 +3237,9 @@
|
|
|
3052
3237
|
},
|
|
3053
3238
|
"outerBorderWidth": 2,
|
|
3054
3239
|
"radioInputBorderColor": {
|
|
3055
|
-
"red": 0.
|
|
3056
|
-
"green": 0.
|
|
3057
|
-
"blue": 0.
|
|
3240
|
+
"red": 0.10588,
|
|
3241
|
+
"green": 0.27843,
|
|
3242
|
+
"blue": 0.27451,
|
|
3058
3243
|
"alpha": 1
|
|
3059
3244
|
}
|
|
3060
3245
|
}
|
|
@@ -3824,9 +4009,9 @@
|
|
|
3824
4009
|
"rules": [],
|
|
3825
4010
|
"tokens": {
|
|
3826
4011
|
"backgroundColor": {
|
|
3827
|
-
"red": 0.
|
|
3828
|
-
"green": 0.
|
|
3829
|
-
"blue": 0.
|
|
4012
|
+
"red": 0.10588,
|
|
4013
|
+
"green": 0.27843,
|
|
4014
|
+
"blue": 0.27451,
|
|
3830
4015
|
"alpha": 1
|
|
3831
4016
|
},
|
|
3832
4017
|
"borderRadius": 12,
|
|
@@ -4287,9 +4472,9 @@
|
|
|
4287
4472
|
"alpha": 1
|
|
4288
4473
|
},
|
|
4289
4474
|
"borderColor": {
|
|
4290
|
-
"red": 0.
|
|
4291
|
-
"green": 0.
|
|
4292
|
-
"blue": 0.
|
|
4475
|
+
"red": 0.10588,
|
|
4476
|
+
"green": 0.27843,
|
|
4477
|
+
"blue": 0.27451,
|
|
4293
4478
|
"alpha": 1
|
|
4294
4479
|
},
|
|
4295
4480
|
"borderRadius": 4,
|
|
@@ -4753,9 +4938,9 @@
|
|
|
4753
4938
|
"alpha": 1
|
|
4754
4939
|
},
|
|
4755
4940
|
"color": {
|
|
4756
|
-
"red": 0.
|
|
4757
|
-
"green": 0.
|
|
4758
|
-
"blue": 0.
|
|
4941
|
+
"red": 0.10588,
|
|
4942
|
+
"green": 0.27843,
|
|
4943
|
+
"blue": 0.27451,
|
|
4759
4944
|
"alpha": 1
|
|
4760
4945
|
}
|
|
4761
4946
|
}
|
|
@@ -4766,9 +4951,9 @@
|
|
|
4766
4951
|
"arrowOffset": 4,
|
|
4767
4952
|
"arrowWidth": 8,
|
|
4768
4953
|
"backgroundColor": {
|
|
4769
|
-
"red": 0.
|
|
4770
|
-
"green": 0.
|
|
4771
|
-
"blue": 0.
|
|
4954
|
+
"red": 0.10588,
|
|
4955
|
+
"green": 0.27843,
|
|
4956
|
+
"blue": 0.27451,
|
|
4772
4957
|
"alpha": 1
|
|
4773
4958
|
},
|
|
4774
4959
|
"borderRadius": 4,
|
|
@@ -4816,9 +5001,9 @@
|
|
|
4816
5001
|
},
|
|
4817
5002
|
"tokens": {
|
|
4818
5003
|
"iconColor": {
|
|
4819
|
-
"red": 0.
|
|
4820
|
-
"green": 0.
|
|
4821
|
-
"blue": 0.
|
|
5004
|
+
"red": 0.10588,
|
|
5005
|
+
"green": 0.27843,
|
|
5006
|
+
"blue": 0.27451,
|
|
4822
5007
|
"alpha": 1
|
|
4823
5008
|
}
|
|
4824
5009
|
}
|
|
@@ -5239,7 +5424,7 @@
|
|
|
5239
5424
|
}
|
|
5240
5425
|
},
|
|
5241
5426
|
"metadata": {
|
|
5242
|
-
"themeTokensVersion": "2.
|
|
5427
|
+
"themeTokensVersion": "2.12.0",
|
|
5243
5428
|
"name": "theme-koodo"
|
|
5244
5429
|
}
|
|
5245
5430
|
}
|