@telus-uds/theme-allium 3.11.3 → 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 +920 -834
- package/build/android/theme.json +254 -22
- package/build/ios/schema.json +920 -834
- package/build/ios/theme.json +254 -22
- package/build/rn/schema.json +920 -834
- package/build/rn/theme.js +148 -42
- package/package.json +5 -5
- package/theme.json +140 -44
package/build/android/theme.json
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"size": "large"
|
|
15
15
|
},
|
|
16
16
|
"tokens": {
|
|
17
|
-
"size":
|
|
17
|
+
"size": 48,
|
|
18
18
|
"thickness": 4
|
|
19
19
|
}
|
|
20
20
|
}
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"blue": 0,
|
|
27
27
|
"alpha": 1
|
|
28
28
|
},
|
|
29
|
-
"size":
|
|
29
|
+
"size": 24,
|
|
30
30
|
"thickness": 2
|
|
31
31
|
}
|
|
32
32
|
},
|
|
@@ -35,20 +35,27 @@
|
|
|
35
35
|
"background": {
|
|
36
36
|
"description": "Background colour of box. Transparent if not specified.",
|
|
37
37
|
"values": [
|
|
38
|
-
"light",
|
|
39
38
|
"lightest",
|
|
39
|
+
"lighter",
|
|
40
|
+
"light",
|
|
40
41
|
"dark",
|
|
42
|
+
"darker",
|
|
41
43
|
"darkest",
|
|
42
44
|
"critical",
|
|
43
45
|
"danger",
|
|
44
46
|
"warning",
|
|
45
47
|
"positive",
|
|
46
48
|
"brand",
|
|
49
|
+
"white",
|
|
47
50
|
"black",
|
|
48
|
-
"
|
|
51
|
+
"purpleGradient",
|
|
49
52
|
"greenGradient",
|
|
50
53
|
"neutralGradient",
|
|
51
|
-
"
|
|
54
|
+
"brandGradient",
|
|
55
|
+
"featurePrimary",
|
|
56
|
+
"featureSecondary",
|
|
57
|
+
"featureNeutral",
|
|
58
|
+
"featureBrand"
|
|
52
59
|
]
|
|
53
60
|
}
|
|
54
61
|
},
|
|
@@ -68,13 +75,13 @@
|
|
|
68
75
|
},
|
|
69
76
|
{
|
|
70
77
|
"if": {
|
|
71
|
-
"background": "
|
|
78
|
+
"background": "lighter"
|
|
72
79
|
},
|
|
73
80
|
"tokens": {
|
|
74
81
|
"backgroundColor": {
|
|
75
|
-
"red":
|
|
76
|
-
"green":
|
|
77
|
-
"blue":
|
|
82
|
+
"red": 1,
|
|
83
|
+
"green": 1,
|
|
84
|
+
"blue": 1,
|
|
78
85
|
"alpha": 1
|
|
79
86
|
}
|
|
80
87
|
}
|
|
@@ -107,7 +114,7 @@
|
|
|
107
114
|
},
|
|
108
115
|
{
|
|
109
116
|
"if": {
|
|
110
|
-
"background": "
|
|
117
|
+
"background": "darker"
|
|
111
118
|
},
|
|
112
119
|
"tokens": {
|
|
113
120
|
"backgroundColor": {
|
|
@@ -118,6 +125,19 @@
|
|
|
118
125
|
}
|
|
119
126
|
}
|
|
120
127
|
},
|
|
128
|
+
{
|
|
129
|
+
"if": {
|
|
130
|
+
"background": "darkest"
|
|
131
|
+
},
|
|
132
|
+
"tokens": {
|
|
133
|
+
"backgroundColor": {
|
|
134
|
+
"red": 0,
|
|
135
|
+
"green": 0,
|
|
136
|
+
"blue": 0,
|
|
137
|
+
"alpha": 1
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
},
|
|
121
141
|
{
|
|
122
142
|
"if": {
|
|
123
143
|
"background": "critical"
|
|
@@ -183,6 +203,32 @@
|
|
|
183
203
|
}
|
|
184
204
|
}
|
|
185
205
|
},
|
|
206
|
+
{
|
|
207
|
+
"if": {
|
|
208
|
+
"background": "white"
|
|
209
|
+
},
|
|
210
|
+
"tokens": {
|
|
211
|
+
"backgroundColor": {
|
|
212
|
+
"red": 1,
|
|
213
|
+
"green": 1,
|
|
214
|
+
"blue": 1,
|
|
215
|
+
"alpha": 1
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
},
|
|
219
|
+
{
|
|
220
|
+
"if": {
|
|
221
|
+
"background": "black"
|
|
222
|
+
},
|
|
223
|
+
"tokens": {
|
|
224
|
+
"backgroundColor": {
|
|
225
|
+
"red": 0,
|
|
226
|
+
"green": 0,
|
|
227
|
+
"blue": 0,
|
|
228
|
+
"alpha": 1
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
},
|
|
186
232
|
{
|
|
187
233
|
"if": {
|
|
188
234
|
"background": "brandGradient"
|
|
@@ -330,6 +376,154 @@
|
|
|
330
376
|
]
|
|
331
377
|
}
|
|
332
378
|
}
|
|
379
|
+
},
|
|
380
|
+
{
|
|
381
|
+
"if": {
|
|
382
|
+
"background": "featurePrimary"
|
|
383
|
+
},
|
|
384
|
+
"tokens": {
|
|
385
|
+
"backgroundColor": {
|
|
386
|
+
"red": 0,
|
|
387
|
+
"green": 0,
|
|
388
|
+
"blue": 0,
|
|
389
|
+
"alpha": 0
|
|
390
|
+
},
|
|
391
|
+
"gradient": {
|
|
392
|
+
"type": "linear",
|
|
393
|
+
"angle": 135,
|
|
394
|
+
"stops": [
|
|
395
|
+
{
|
|
396
|
+
"stop": 0,
|
|
397
|
+
"color": {
|
|
398
|
+
"red": 0.29412,
|
|
399
|
+
"green": 0.15686,
|
|
400
|
+
"blue": 0.42745,
|
|
401
|
+
"alpha": 1
|
|
402
|
+
}
|
|
403
|
+
},
|
|
404
|
+
{
|
|
405
|
+
"stop": 1,
|
|
406
|
+
"color": {
|
|
407
|
+
"red": 0.89804,
|
|
408
|
+
"green": 0.19608,
|
|
409
|
+
"blue": 0.57647,
|
|
410
|
+
"alpha": 1
|
|
411
|
+
}
|
|
412
|
+
}
|
|
413
|
+
]
|
|
414
|
+
}
|
|
415
|
+
}
|
|
416
|
+
},
|
|
417
|
+
{
|
|
418
|
+
"if": {
|
|
419
|
+
"background": "featureSecondary"
|
|
420
|
+
},
|
|
421
|
+
"tokens": {
|
|
422
|
+
"backgroundColor": {
|
|
423
|
+
"red": 0,
|
|
424
|
+
"green": 0,
|
|
425
|
+
"blue": 0,
|
|
426
|
+
"alpha": 0
|
|
427
|
+
},
|
|
428
|
+
"gradient": {
|
|
429
|
+
"type": "linear",
|
|
430
|
+
"angle": 135,
|
|
431
|
+
"stops": [
|
|
432
|
+
{
|
|
433
|
+
"stop": 0,
|
|
434
|
+
"color": {
|
|
435
|
+
"red": 0,
|
|
436
|
+
"green": 0.47059,
|
|
437
|
+
"blue": 0.2902,
|
|
438
|
+
"alpha": 1
|
|
439
|
+
}
|
|
440
|
+
},
|
|
441
|
+
{
|
|
442
|
+
"stop": 1,
|
|
443
|
+
"color": {
|
|
444
|
+
"red": 0.4,
|
|
445
|
+
"green": 0.8,
|
|
446
|
+
"blue": 0,
|
|
447
|
+
"alpha": 1
|
|
448
|
+
}
|
|
449
|
+
}
|
|
450
|
+
]
|
|
451
|
+
}
|
|
452
|
+
}
|
|
453
|
+
},
|
|
454
|
+
{
|
|
455
|
+
"if": {
|
|
456
|
+
"background": "featureNeutral"
|
|
457
|
+
},
|
|
458
|
+
"tokens": {
|
|
459
|
+
"backgroundColor": {
|
|
460
|
+
"red": 0,
|
|
461
|
+
"green": 0,
|
|
462
|
+
"blue": 0,
|
|
463
|
+
"alpha": 0
|
|
464
|
+
},
|
|
465
|
+
"gradient": {
|
|
466
|
+
"type": "linear",
|
|
467
|
+
"angle": 180,
|
|
468
|
+
"stops": [
|
|
469
|
+
{
|
|
470
|
+
"stop": 0,
|
|
471
|
+
"color": {
|
|
472
|
+
"red": 1,
|
|
473
|
+
"green": 1,
|
|
474
|
+
"blue": 1,
|
|
475
|
+
"alpha": 1
|
|
476
|
+
}
|
|
477
|
+
},
|
|
478
|
+
{
|
|
479
|
+
"stop": 1,
|
|
480
|
+
"color": {
|
|
481
|
+
"red": 0.95686,
|
|
482
|
+
"green": 0.95686,
|
|
483
|
+
"blue": 0.96863,
|
|
484
|
+
"alpha": 1
|
|
485
|
+
}
|
|
486
|
+
}
|
|
487
|
+
]
|
|
488
|
+
}
|
|
489
|
+
}
|
|
490
|
+
},
|
|
491
|
+
{
|
|
492
|
+
"if": {
|
|
493
|
+
"background": "featureBrand"
|
|
494
|
+
},
|
|
495
|
+
"tokens": {
|
|
496
|
+
"backgroundColor": {
|
|
497
|
+
"red": 0,
|
|
498
|
+
"green": 0,
|
|
499
|
+
"blue": 0,
|
|
500
|
+
"alpha": 0
|
|
501
|
+
},
|
|
502
|
+
"gradient": {
|
|
503
|
+
"type": "linear",
|
|
504
|
+
"angle": 135,
|
|
505
|
+
"stops": [
|
|
506
|
+
{
|
|
507
|
+
"stop": 0,
|
|
508
|
+
"color": {
|
|
509
|
+
"red": 0.29412,
|
|
510
|
+
"green": 0.15686,
|
|
511
|
+
"blue": 0.42745,
|
|
512
|
+
"alpha": 1
|
|
513
|
+
}
|
|
514
|
+
},
|
|
515
|
+
{
|
|
516
|
+
"stop": 1,
|
|
517
|
+
"color": {
|
|
518
|
+
"red": 0.38039,
|
|
519
|
+
"green": 0.21961,
|
|
520
|
+
"blue": 0.53725,
|
|
521
|
+
"alpha": 1
|
|
522
|
+
}
|
|
523
|
+
}
|
|
524
|
+
]
|
|
525
|
+
}
|
|
526
|
+
}
|
|
333
527
|
}
|
|
334
528
|
],
|
|
335
529
|
"tokens": {
|
|
@@ -981,6 +1175,12 @@
|
|
|
981
1175
|
"blue": 0.45098,
|
|
982
1176
|
"alpha": 1
|
|
983
1177
|
},
|
|
1178
|
+
"dividerColor": {
|
|
1179
|
+
"red": 0.8902,
|
|
1180
|
+
"green": 0.90196,
|
|
1181
|
+
"blue": 0.9098,
|
|
1182
|
+
"alpha": 1
|
|
1183
|
+
},
|
|
984
1184
|
"fontName": "HelveticaNow",
|
|
985
1185
|
"fontSize": 14,
|
|
986
1186
|
"fontWeight": 700,
|
|
@@ -1027,6 +1227,12 @@
|
|
|
1027
1227
|
"paddingRight": 8,
|
|
1028
1228
|
"paddingTop": 8,
|
|
1029
1229
|
"shadow": null,
|
|
1230
|
+
"subtitleColor": {
|
|
1231
|
+
"red": 0.40392,
|
|
1232
|
+
"green": 0.43137,
|
|
1233
|
+
"blue": 0.45098,
|
|
1234
|
+
"alpha": 1
|
|
1235
|
+
},
|
|
1030
1236
|
"textAlign": "center",
|
|
1031
1237
|
"width": null
|
|
1032
1238
|
}
|
|
@@ -1061,6 +1267,11 @@
|
|
|
1061
1267
|
},
|
|
1062
1268
|
"ButtonGroupItem": {
|
|
1063
1269
|
"appearances": {
|
|
1270
|
+
"iconPosition": {
|
|
1271
|
+
"description": "Theme styles to be applied to icon links depending on where the icon is in relation to the link text",
|
|
1272
|
+
"values": ["left", "right"],
|
|
1273
|
+
"type": "state"
|
|
1274
|
+
},
|
|
1064
1275
|
"inactive": {
|
|
1065
1276
|
"description": "Prevents an interactive component from being interacted with and applies accessibility attributes to indicate to the user that this component cannot be used.",
|
|
1066
1277
|
"values": [true],
|
|
@@ -1157,6 +1368,14 @@
|
|
|
1157
1368
|
"alpha": 1
|
|
1158
1369
|
}
|
|
1159
1370
|
}
|
|
1371
|
+
},
|
|
1372
|
+
{
|
|
1373
|
+
"if": {
|
|
1374
|
+
"iconPosition": "right"
|
|
1375
|
+
},
|
|
1376
|
+
"tokens": {
|
|
1377
|
+
"iconSpace": 1
|
|
1378
|
+
}
|
|
1160
1379
|
}
|
|
1161
1380
|
],
|
|
1162
1381
|
"tokens": {
|
|
@@ -1184,9 +1403,10 @@
|
|
|
1184
1403
|
"fontName": "HelveticaNow",
|
|
1185
1404
|
"fontSize": 14,
|
|
1186
1405
|
"fontWeight": 700,
|
|
1406
|
+
"height": 36,
|
|
1187
1407
|
"iconSize": 20,
|
|
1188
1408
|
"iconSpace": 2,
|
|
1189
|
-
"lineHeight": 1.
|
|
1409
|
+
"lineHeight": 1.42857142857,
|
|
1190
1410
|
"minWidth": 0,
|
|
1191
1411
|
"opacity": 1,
|
|
1192
1412
|
"outerBackgroundColor": {
|
|
@@ -1502,7 +1722,7 @@
|
|
|
1502
1722
|
"blue": 0.45098,
|
|
1503
1723
|
"alpha": 1
|
|
1504
1724
|
},
|
|
1505
|
-
"borderBottomWidth":
|
|
1725
|
+
"borderBottomWidth": 4,
|
|
1506
1726
|
"color": {
|
|
1507
1727
|
"red": 0.40392,
|
|
1508
1728
|
"green": 0.43137,
|
|
@@ -1538,6 +1758,7 @@
|
|
|
1538
1758
|
"blue": 0.45098,
|
|
1539
1759
|
"alpha": 1
|
|
1540
1760
|
},
|
|
1761
|
+
"borderBottomWidth": 2,
|
|
1541
1762
|
"color": {
|
|
1542
1763
|
"red": 0.40392,
|
|
1543
1764
|
"green": 0.43137,
|
|
@@ -1553,15 +1774,16 @@
|
|
|
1553
1774
|
},
|
|
1554
1775
|
"tokens": {
|
|
1555
1776
|
"borderBottomColor": {
|
|
1556
|
-
"red":
|
|
1557
|
-
"green":
|
|
1558
|
-
"blue":
|
|
1777
|
+
"red": 1,
|
|
1778
|
+
"green": 1,
|
|
1779
|
+
"blue": 1,
|
|
1559
1780
|
"alpha": 1
|
|
1560
1781
|
},
|
|
1782
|
+
"borderBottomWidth": 4,
|
|
1561
1783
|
"color": {
|
|
1562
|
-
"red":
|
|
1563
|
-
"green":
|
|
1564
|
-
"blue":
|
|
1784
|
+
"red": 1,
|
|
1785
|
+
"green": 1,
|
|
1786
|
+
"blue": 1,
|
|
1565
1787
|
"alpha": 1
|
|
1566
1788
|
}
|
|
1567
1789
|
}
|
|
@@ -2208,8 +2430,8 @@
|
|
|
2208
2430
|
},
|
|
2209
2431
|
"tokens": {
|
|
2210
2432
|
"color": {
|
|
2211
|
-
"red": 0.
|
|
2212
|
-
"green": 0.
|
|
2433
|
+
"red": 0.16863,
|
|
2434
|
+
"green": 0.50196,
|
|
2213
2435
|
"blue": 0,
|
|
2214
2436
|
"alpha": 1
|
|
2215
2437
|
}
|
|
@@ -2769,6 +2991,7 @@
|
|
|
2769
2991
|
"tokens": {
|
|
2770
2992
|
"iconMarginTop": 8,
|
|
2771
2993
|
"itemFontSize": 20,
|
|
2994
|
+
"itemIconSize": 20,
|
|
2772
2995
|
"itemLineHeight": 1.6,
|
|
2773
2996
|
"listGutter": 12
|
|
2774
2997
|
}
|
|
@@ -2780,6 +3003,7 @@
|
|
|
2780
3003
|
"tokens": {
|
|
2781
3004
|
"iconMarginTop": 2,
|
|
2782
3005
|
"itemFontSize": 14,
|
|
3006
|
+
"itemIconSize": 14,
|
|
2783
3007
|
"itemLineHeight": 1.42857142857,
|
|
2784
3008
|
"listGutter": 12
|
|
2785
3009
|
}
|
|
@@ -6721,7 +6945,7 @@
|
|
|
6721
6945
|
"appearances": {
|
|
6722
6946
|
"space": {
|
|
6723
6947
|
"description": "Index of the intended position on the spacing scale",
|
|
6724
|
-
"values": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
|
|
6948
|
+
"values": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
|
|
6725
6949
|
"type": "state"
|
|
6726
6950
|
},
|
|
6727
6951
|
"viewport": {
|
|
@@ -6747,6 +6971,14 @@
|
|
|
6747
6971
|
"size": 96
|
|
6748
6972
|
}
|
|
6749
6973
|
},
|
|
6974
|
+
{
|
|
6975
|
+
"if": {
|
|
6976
|
+
"space": 12
|
|
6977
|
+
},
|
|
6978
|
+
"tokens": {
|
|
6979
|
+
"size": 120
|
|
6980
|
+
}
|
|
6981
|
+
},
|
|
6750
6982
|
{
|
|
6751
6983
|
"if": {
|
|
6752
6984
|
"space": 10
|
|
@@ -6896,7 +7128,7 @@
|
|
|
6896
7128
|
}
|
|
6897
7129
|
},
|
|
6898
7130
|
"metadata": {
|
|
6899
|
-
"themeTokensVersion": "2.
|
|
7131
|
+
"themeTokensVersion": "2.11.0",
|
|
6900
7132
|
"name": "theme-allium"
|
|
6901
7133
|
}
|
|
6902
7134
|
}
|