@telus-uds/theme-allium 3.12.0 → 3.14.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 +912 -836
- package/build/android/theme.json +327 -17
- package/build/ios/schema.json +912 -836
- package/build/ios/theme.json +327 -17
- package/build/rn/schema.json +912 -836
- package/build/rn/theme.js +136 -38
- package/package.json +5 -5
- package/theme.json +192 -40
package/build/android/theme.json
CHANGED
|
@@ -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": {
|
|
@@ -1765,28 +1959,136 @@
|
|
|
1765
1959
|
},
|
|
1766
1960
|
"ChevronLink": {
|
|
1767
1961
|
"appearances": {
|
|
1962
|
+
"alternative": {
|
|
1963
|
+
"type": "variant",
|
|
1964
|
+
"values": [true]
|
|
1965
|
+
},
|
|
1966
|
+
"inverse": {
|
|
1967
|
+
"type": "variant",
|
|
1968
|
+
"values": [true]
|
|
1969
|
+
},
|
|
1970
|
+
"pressed": {
|
|
1971
|
+
"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.",
|
|
1972
|
+
"values": [true],
|
|
1973
|
+
"type": "state"
|
|
1974
|
+
},
|
|
1768
1975
|
"size": {
|
|
1769
|
-
"description": "Sets the size of the text and icon; these variants are shared with
|
|
1976
|
+
"description": "Sets the size of the text and icon; these variants are shared with ChevronLink",
|
|
1770
1977
|
"type": "variant",
|
|
1771
1978
|
"values": ["large", "small", "micro"]
|
|
1772
1979
|
}
|
|
1773
1980
|
},
|
|
1774
1981
|
"rules": [
|
|
1982
|
+
{
|
|
1983
|
+
"if": {
|
|
1984
|
+
"pressed": true
|
|
1985
|
+
},
|
|
1986
|
+
"tokens": {
|
|
1987
|
+
"color": {
|
|
1988
|
+
"red": 0.08627,
|
|
1989
|
+
"green": 0.24314,
|
|
1990
|
+
"blue": 0.02353,
|
|
1991
|
+
"alpha": 1
|
|
1992
|
+
}
|
|
1993
|
+
}
|
|
1994
|
+
},
|
|
1995
|
+
{
|
|
1996
|
+
"if": {
|
|
1997
|
+
"alternative": true
|
|
1998
|
+
},
|
|
1999
|
+
"tokens": {
|
|
2000
|
+
"color": {
|
|
2001
|
+
"red": 0.2549,
|
|
2002
|
+
"green": 0.27059,
|
|
2003
|
+
"blue": 0.27843,
|
|
2004
|
+
"alpha": 1
|
|
2005
|
+
}
|
|
2006
|
+
}
|
|
2007
|
+
},
|
|
2008
|
+
{
|
|
2009
|
+
"if": {
|
|
2010
|
+
"alternative": true,
|
|
2011
|
+
"pressed": true
|
|
2012
|
+
},
|
|
2013
|
+
"tokens": {
|
|
2014
|
+
"color": {
|
|
2015
|
+
"red": 0.17255,
|
|
2016
|
+
"green": 0.18039,
|
|
2017
|
+
"blue": 0.18824,
|
|
2018
|
+
"alpha": 1
|
|
2019
|
+
}
|
|
2020
|
+
}
|
|
2021
|
+
},
|
|
2022
|
+
{
|
|
2023
|
+
"if": {
|
|
2024
|
+
"inverse": true
|
|
2025
|
+
},
|
|
2026
|
+
"tokens": {
|
|
2027
|
+
"color": {
|
|
2028
|
+
"red": 1,
|
|
2029
|
+
"green": 1,
|
|
2030
|
+
"blue": 1,
|
|
2031
|
+
"alpha": 1
|
|
2032
|
+
}
|
|
2033
|
+
}
|
|
2034
|
+
},
|
|
2035
|
+
{
|
|
2036
|
+
"if": {
|
|
2037
|
+
"inverse": true,
|
|
2038
|
+
"pressed": true
|
|
2039
|
+
},
|
|
2040
|
+
"tokens": {
|
|
2041
|
+
"color": {
|
|
2042
|
+
"red": 0.8902,
|
|
2043
|
+
"green": 0.90196,
|
|
2044
|
+
"blue": 0.9098,
|
|
2045
|
+
"alpha": 1
|
|
2046
|
+
}
|
|
2047
|
+
}
|
|
2048
|
+
},
|
|
1775
2049
|
{
|
|
1776
2050
|
"if": {
|
|
1777
2051
|
"size": "large"
|
|
1778
2052
|
},
|
|
1779
2053
|
"tokens": {
|
|
1780
|
-
"iconSize":
|
|
2054
|
+
"iconSize": 20
|
|
2055
|
+
}
|
|
2056
|
+
},
|
|
2057
|
+
{
|
|
2058
|
+
"if": {
|
|
2059
|
+
"size": "small"
|
|
2060
|
+
},
|
|
2061
|
+
"tokens": {
|
|
2062
|
+
"iconSize": 14
|
|
2063
|
+
}
|
|
2064
|
+
},
|
|
2065
|
+
{
|
|
2066
|
+
"if": {
|
|
2067
|
+
"size": "micro"
|
|
2068
|
+
},
|
|
2069
|
+
"tokens": {
|
|
2070
|
+
"iconSize": 12
|
|
1781
2071
|
}
|
|
1782
2072
|
}
|
|
1783
2073
|
],
|
|
1784
2074
|
"tokens": {
|
|
2075
|
+
"color": {
|
|
2076
|
+
"red": 0.16863,
|
|
2077
|
+
"green": 0.50196,
|
|
2078
|
+
"blue": 0,
|
|
2079
|
+
"alpha": 1
|
|
2080
|
+
},
|
|
1785
2081
|
"iconDisplace": 0,
|
|
1786
|
-
"iconSize":
|
|
2082
|
+
"iconSize": 24,
|
|
1787
2083
|
"iconSpace": 1,
|
|
1788
|
-
"leftIcon": "
|
|
1789
|
-
"
|
|
2084
|
+
"leftIcon": "PaletteIconChevronLeft",
|
|
2085
|
+
"outerBorderColor": {
|
|
2086
|
+
"red": 0,
|
|
2087
|
+
"green": 0,
|
|
2088
|
+
"blue": 0,
|
|
2089
|
+
"alpha": 0
|
|
2090
|
+
},
|
|
2091
|
+
"rightIcon": "PaletteIconChevronRight",
|
|
1790
2092
|
"textLine": "none"
|
|
1791
2093
|
}
|
|
1792
2094
|
},
|
|
@@ -2236,8 +2538,8 @@
|
|
|
2236
2538
|
},
|
|
2237
2539
|
"tokens": {
|
|
2238
2540
|
"color": {
|
|
2239
|
-
"red": 0.
|
|
2240
|
-
"green": 0.
|
|
2541
|
+
"red": 0.16863,
|
|
2542
|
+
"green": 0.50196,
|
|
2241
2543
|
"blue": 0,
|
|
2242
2544
|
"alpha": 1
|
|
2243
2545
|
}
|
|
@@ -6751,7 +7053,7 @@
|
|
|
6751
7053
|
"appearances": {
|
|
6752
7054
|
"space": {
|
|
6753
7055
|
"description": "Index of the intended position on the spacing scale",
|
|
6754
|
-
"values": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
|
|
7056
|
+
"values": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
|
|
6755
7057
|
"type": "state"
|
|
6756
7058
|
},
|
|
6757
7059
|
"viewport": {
|
|
@@ -6777,6 +7079,14 @@
|
|
|
6777
7079
|
"size": 96
|
|
6778
7080
|
}
|
|
6779
7081
|
},
|
|
7082
|
+
{
|
|
7083
|
+
"if": {
|
|
7084
|
+
"space": 12
|
|
7085
|
+
},
|
|
7086
|
+
"tokens": {
|
|
7087
|
+
"size": 120
|
|
7088
|
+
}
|
|
7089
|
+
},
|
|
6780
7090
|
{
|
|
6781
7091
|
"if": {
|
|
6782
7092
|
"space": 10
|
|
@@ -6926,7 +7236,7 @@
|
|
|
6926
7236
|
}
|
|
6927
7237
|
},
|
|
6928
7238
|
"metadata": {
|
|
6929
|
-
"themeTokensVersion": "2.
|
|
7239
|
+
"themeTokensVersion": "2.12.0",
|
|
6930
7240
|
"name": "theme-allium"
|
|
6931
7241
|
}
|
|
6932
7242
|
}
|