@telus-uds/theme-koodo 3.8.0 → 3.9.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 +385 -370
- package/build/android/theme.json +377 -35
- package/build/ios/schema.json +385 -370
- package/build/ios/theme.json +377 -35
- package/build/rn/schema.json +385 -370
- package/build/rn/theme.js +126 -24
- package/package.json +4 -4
- package/theme.json +257 -20
package/build/ios/theme.json
CHANGED
|
@@ -1,13 +1,29 @@
|
|
|
1
1
|
{
|
|
2
2
|
"components": {
|
|
3
3
|
"ActivityIndicator": {
|
|
4
|
-
"appearances": {
|
|
5
|
-
|
|
4
|
+
"appearances": {
|
|
5
|
+
"size": {
|
|
6
|
+
"description": "used for full-screen spinners",
|
|
7
|
+
"type": "variant",
|
|
8
|
+
"values": ["large"]
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
"rules": [
|
|
12
|
+
{
|
|
13
|
+
"if": {
|
|
14
|
+
"size": "large"
|
|
15
|
+
},
|
|
16
|
+
"tokens": {
|
|
17
|
+
"size": 48,
|
|
18
|
+
"thickness": 4
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
],
|
|
6
22
|
"tokens": {
|
|
7
23
|
"color": {
|
|
8
24
|
"red": 0.00392,
|
|
9
|
-
"green": 0.
|
|
10
|
-
"blue": 0.
|
|
25
|
+
"green": 0.41961,
|
|
26
|
+
"blue": 0.41569,
|
|
11
27
|
"alpha": 1
|
|
12
28
|
},
|
|
13
29
|
"size": 40,
|
|
@@ -17,8 +33,26 @@
|
|
|
17
33
|
"Box": {
|
|
18
34
|
"appearances": {
|
|
19
35
|
"background": {
|
|
20
|
-
"description": "Background colour of box.
|
|
21
|
-
"values": [
|
|
36
|
+
"description": "Background colour of box. White if not specified.",
|
|
37
|
+
"values": [
|
|
38
|
+
"lightest",
|
|
39
|
+
"lighter",
|
|
40
|
+
"light",
|
|
41
|
+
"dark",
|
|
42
|
+
"darker",
|
|
43
|
+
"darkest",
|
|
44
|
+
"critical",
|
|
45
|
+
"danger",
|
|
46
|
+
"warning",
|
|
47
|
+
"positive",
|
|
48
|
+
"brand",
|
|
49
|
+
"white",
|
|
50
|
+
"black",
|
|
51
|
+
"featurePrimary",
|
|
52
|
+
"featureSecondary",
|
|
53
|
+
"featureNeutral",
|
|
54
|
+
"featureBrand"
|
|
55
|
+
]
|
|
22
56
|
}
|
|
23
57
|
},
|
|
24
58
|
"rules": [
|
|
@@ -35,6 +69,19 @@
|
|
|
35
69
|
}
|
|
36
70
|
}
|
|
37
71
|
},
|
|
72
|
+
{
|
|
73
|
+
"if": {
|
|
74
|
+
"background": "lighter"
|
|
75
|
+
},
|
|
76
|
+
"tokens": {
|
|
77
|
+
"backgroundColor": {
|
|
78
|
+
"red": 0.98039,
|
|
79
|
+
"green": 0.98039,
|
|
80
|
+
"blue": 0.98039,
|
|
81
|
+
"alpha": 1
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
},
|
|
38
85
|
{
|
|
39
86
|
"if": {
|
|
40
87
|
"background": "light"
|
|
@@ -48,6 +95,123 @@
|
|
|
48
95
|
}
|
|
49
96
|
}
|
|
50
97
|
},
|
|
98
|
+
{
|
|
99
|
+
"if": {
|
|
100
|
+
"background": "dark"
|
|
101
|
+
},
|
|
102
|
+
"tokens": {
|
|
103
|
+
"backgroundColor": {
|
|
104
|
+
"red": 0.4,
|
|
105
|
+
"green": 0.4,
|
|
106
|
+
"blue": 0.4,
|
|
107
|
+
"alpha": 1
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
"if": {
|
|
113
|
+
"background": "darker"
|
|
114
|
+
},
|
|
115
|
+
"tokens": {
|
|
116
|
+
"backgroundColor": {
|
|
117
|
+
"red": 0.34902,
|
|
118
|
+
"green": 0.34902,
|
|
119
|
+
"blue": 0.34902,
|
|
120
|
+
"alpha": 1
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
"if": {
|
|
126
|
+
"background": "darkest"
|
|
127
|
+
},
|
|
128
|
+
"tokens": {
|
|
129
|
+
"backgroundColor": {
|
|
130
|
+
"red": 0,
|
|
131
|
+
"green": 0,
|
|
132
|
+
"blue": 0,
|
|
133
|
+
"alpha": 1
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
"if": {
|
|
139
|
+
"background": "critical"
|
|
140
|
+
},
|
|
141
|
+
"tokens": {
|
|
142
|
+
"backgroundColor": {
|
|
143
|
+
"red": 0.72157,
|
|
144
|
+
"green": 0.21569,
|
|
145
|
+
"blue": 0.24314,
|
|
146
|
+
"alpha": 1
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
"if": {
|
|
152
|
+
"background": "danger"
|
|
153
|
+
},
|
|
154
|
+
"tokens": {
|
|
155
|
+
"backgroundColor": {
|
|
156
|
+
"red": 0.97255,
|
|
157
|
+
"green": 0.86667,
|
|
158
|
+
"blue": 0.8902,
|
|
159
|
+
"alpha": 1
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
},
|
|
163
|
+
{
|
|
164
|
+
"if": {
|
|
165
|
+
"background": "warning"
|
|
166
|
+
},
|
|
167
|
+
"tokens": {
|
|
168
|
+
"backgroundColor": {
|
|
169
|
+
"red": 0.99608,
|
|
170
|
+
"green": 0.93333,
|
|
171
|
+
"blue": 0.78039,
|
|
172
|
+
"alpha": 1
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
},
|
|
176
|
+
{
|
|
177
|
+
"if": {
|
|
178
|
+
"background": "positive"
|
|
179
|
+
},
|
|
180
|
+
"tokens": {
|
|
181
|
+
"backgroundColor": {
|
|
182
|
+
"red": 0.89804,
|
|
183
|
+
"green": 0.96863,
|
|
184
|
+
"blue": 0.98431,
|
|
185
|
+
"alpha": 1
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
},
|
|
189
|
+
{
|
|
190
|
+
"if": {
|
|
191
|
+
"background": "brand"
|
|
192
|
+
},
|
|
193
|
+
"tokens": {
|
|
194
|
+
"backgroundColor": {
|
|
195
|
+
"red": 0.00392,
|
|
196
|
+
"green": 0.41961,
|
|
197
|
+
"blue": 0.41569,
|
|
198
|
+
"alpha": 1
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
"if": {
|
|
204
|
+
"background": "white"
|
|
205
|
+
},
|
|
206
|
+
"tokens": {
|
|
207
|
+
"backgroundColor": {
|
|
208
|
+
"red": 1,
|
|
209
|
+
"green": 1,
|
|
210
|
+
"blue": 1,
|
|
211
|
+
"alpha": 1
|
|
212
|
+
}
|
|
213
|
+
}
|
|
214
|
+
},
|
|
51
215
|
{
|
|
52
216
|
"if": {
|
|
53
217
|
"background": "black"
|
|
@@ -60,14 +224,66 @@
|
|
|
60
224
|
"alpha": 1
|
|
61
225
|
}
|
|
62
226
|
}
|
|
227
|
+
},
|
|
228
|
+
{
|
|
229
|
+
"if": {
|
|
230
|
+
"background": "featurePrimary"
|
|
231
|
+
},
|
|
232
|
+
"tokens": {
|
|
233
|
+
"backgroundColor": {
|
|
234
|
+
"red": 0.48627,
|
|
235
|
+
"green": 0.07451,
|
|
236
|
+
"blue": 0.4,
|
|
237
|
+
"alpha": 1
|
|
238
|
+
}
|
|
239
|
+
}
|
|
240
|
+
},
|
|
241
|
+
{
|
|
242
|
+
"if": {
|
|
243
|
+
"background": "featureSecondary"
|
|
244
|
+
},
|
|
245
|
+
"tokens": {
|
|
246
|
+
"backgroundColor": {
|
|
247
|
+
"red": 0.0902,
|
|
248
|
+
"green": 0.21176,
|
|
249
|
+
"blue": 0.4902,
|
|
250
|
+
"alpha": 1
|
|
251
|
+
}
|
|
252
|
+
}
|
|
253
|
+
},
|
|
254
|
+
{
|
|
255
|
+
"if": {
|
|
256
|
+
"background": "featureNeutral"
|
|
257
|
+
},
|
|
258
|
+
"tokens": {
|
|
259
|
+
"backgroundColor": {
|
|
260
|
+
"red": 0.34902,
|
|
261
|
+
"green": 0.34902,
|
|
262
|
+
"blue": 0.34902,
|
|
263
|
+
"alpha": 1
|
|
264
|
+
}
|
|
265
|
+
}
|
|
266
|
+
},
|
|
267
|
+
{
|
|
268
|
+
"if": {
|
|
269
|
+
"background": "featureBrand"
|
|
270
|
+
},
|
|
271
|
+
"tokens": {
|
|
272
|
+
"backgroundColor": {
|
|
273
|
+
"red": 0.00392,
|
|
274
|
+
"green": 0.41961,
|
|
275
|
+
"blue": 0.41569,
|
|
276
|
+
"alpha": 1
|
|
277
|
+
}
|
|
278
|
+
}
|
|
63
279
|
}
|
|
64
280
|
],
|
|
65
281
|
"tokens": {
|
|
66
282
|
"backgroundColor": {
|
|
67
|
-
"red":
|
|
68
|
-
"green":
|
|
69
|
-
"blue":
|
|
70
|
-
"alpha":
|
|
283
|
+
"red": 1,
|
|
284
|
+
"green": 1,
|
|
285
|
+
"blue": 1,
|
|
286
|
+
"alpha": 1
|
|
71
287
|
},
|
|
72
288
|
"gradient": null
|
|
73
289
|
}
|
|
@@ -994,8 +1210,57 @@
|
|
|
994
1210
|
}
|
|
995
1211
|
},
|
|
996
1212
|
"Divider": {
|
|
997
|
-
"appearances": {
|
|
998
|
-
|
|
1213
|
+
"appearances": {
|
|
1214
|
+
"decorative": {
|
|
1215
|
+
"description": "Use a decorative divider to highlight an element. Non-decorative dividers are for clearly identifying separation of content.",
|
|
1216
|
+
"type": "variant",
|
|
1217
|
+
"values": [true]
|
|
1218
|
+
},
|
|
1219
|
+
"inverse": {
|
|
1220
|
+
"type": "variant",
|
|
1221
|
+
"values": [true]
|
|
1222
|
+
},
|
|
1223
|
+
"weight": {
|
|
1224
|
+
"type": "variant",
|
|
1225
|
+
"values": ["thick"]
|
|
1226
|
+
}
|
|
1227
|
+
},
|
|
1228
|
+
"rules": [
|
|
1229
|
+
{
|
|
1230
|
+
"if": {
|
|
1231
|
+
"weight": "thick"
|
|
1232
|
+
},
|
|
1233
|
+
"tokens": {
|
|
1234
|
+
"width": 2
|
|
1235
|
+
}
|
|
1236
|
+
},
|
|
1237
|
+
{
|
|
1238
|
+
"if": {
|
|
1239
|
+
"decorative": true
|
|
1240
|
+
},
|
|
1241
|
+
"tokens": {
|
|
1242
|
+
"color": {
|
|
1243
|
+
"red": 0.93725,
|
|
1244
|
+
"green": 0.93725,
|
|
1245
|
+
"blue": 0.93725,
|
|
1246
|
+
"alpha": 1
|
|
1247
|
+
}
|
|
1248
|
+
}
|
|
1249
|
+
},
|
|
1250
|
+
{
|
|
1251
|
+
"if": {
|
|
1252
|
+
"inverse": true
|
|
1253
|
+
},
|
|
1254
|
+
"tokens": {
|
|
1255
|
+
"color": {
|
|
1256
|
+
"red": 1,
|
|
1257
|
+
"green": 1,
|
|
1258
|
+
"blue": 1,
|
|
1259
|
+
"alpha": 1
|
|
1260
|
+
}
|
|
1261
|
+
}
|
|
1262
|
+
}
|
|
1263
|
+
],
|
|
999
1264
|
"tokens": {
|
|
1000
1265
|
"color": {
|
|
1001
1266
|
"red": 0.78824,
|
|
@@ -1794,16 +2059,22 @@
|
|
|
1794
2059
|
},
|
|
1795
2060
|
"tokens": {
|
|
1796
2061
|
"backgroundColor": {
|
|
1797
|
-
"red": 0.
|
|
1798
|
-
"green": 0.
|
|
1799
|
-
"blue": 0.
|
|
2062
|
+
"red": 0.89804,
|
|
2063
|
+
"green": 0.96863,
|
|
2064
|
+
"blue": 0.98431,
|
|
2065
|
+
"alpha": 1
|
|
2066
|
+
},
|
|
2067
|
+
"color": {
|
|
2068
|
+
"red": 0,
|
|
2069
|
+
"green": 0,
|
|
2070
|
+
"blue": 0,
|
|
1800
2071
|
"alpha": 1
|
|
1801
2072
|
},
|
|
1802
2073
|
"icon": "PaletteIconCheckCircledFilled",
|
|
1803
2074
|
"iconColor": {
|
|
1804
|
-
"red": 0.
|
|
1805
|
-
"green": 0.
|
|
1806
|
-
"blue": 0.
|
|
2075
|
+
"red": 0.00392,
|
|
2076
|
+
"green": 0.41961,
|
|
2077
|
+
"blue": 0.41569,
|
|
1807
2078
|
"alpha": 1
|
|
1808
2079
|
}
|
|
1809
2080
|
}
|
|
@@ -1819,11 +2090,17 @@
|
|
|
1819
2090
|
"blue": 0.78039,
|
|
1820
2091
|
"alpha": 1
|
|
1821
2092
|
},
|
|
2093
|
+
"color": {
|
|
2094
|
+
"red": 0,
|
|
2095
|
+
"green": 0,
|
|
2096
|
+
"blue": 0,
|
|
2097
|
+
"alpha": 1
|
|
2098
|
+
},
|
|
1822
2099
|
"icon": "PaletteIconExclamationTriangle",
|
|
1823
2100
|
"iconColor": {
|
|
1824
|
-
"red": 0.
|
|
1825
|
-
"green": 0.
|
|
1826
|
-
"blue": 0.
|
|
2101
|
+
"red": 0.93333,
|
|
2102
|
+
"green": 0.17255,
|
|
2103
|
+
"blue": 0.4549,
|
|
1827
2104
|
"alpha": 1
|
|
1828
2105
|
}
|
|
1829
2106
|
}
|
|
@@ -1839,6 +2116,12 @@
|
|
|
1839
2116
|
"blue": 0.8902,
|
|
1840
2117
|
"alpha": 1
|
|
1841
2118
|
},
|
|
2119
|
+
"color": {
|
|
2120
|
+
"red": 0,
|
|
2121
|
+
"green": 0,
|
|
2122
|
+
"blue": 0,
|
|
2123
|
+
"alpha": 1
|
|
2124
|
+
},
|
|
1842
2125
|
"icon": "PaletteIconExclamationOctagon",
|
|
1843
2126
|
"iconColor": {
|
|
1844
2127
|
"red": 0.87451,
|
|
@@ -1851,9 +2134,9 @@
|
|
|
1851
2134
|
],
|
|
1852
2135
|
"tokens": {
|
|
1853
2136
|
"backgroundColor": {
|
|
1854
|
-
"red": 0.
|
|
1855
|
-
"green": 0.
|
|
1856
|
-
"blue": 0.
|
|
2137
|
+
"red": 0.98039,
|
|
2138
|
+
"green": 0.90196,
|
|
2139
|
+
"blue": 0.95686,
|
|
1857
2140
|
"alpha": 1
|
|
1858
2141
|
},
|
|
1859
2142
|
"borderBottomWidth": 0,
|
|
@@ -1868,9 +2151,9 @@
|
|
|
1868
2151
|
"borderRightWidth": 0,
|
|
1869
2152
|
"borderTopWidth": 0,
|
|
1870
2153
|
"color": {
|
|
1871
|
-
"red": 0,
|
|
1872
|
-
"green": 0,
|
|
1873
|
-
"blue": 0,
|
|
2154
|
+
"red": 0.48627,
|
|
2155
|
+
"green": 0.07451,
|
|
2156
|
+
"blue": 0.4,
|
|
1874
2157
|
"alpha": 1
|
|
1875
2158
|
},
|
|
1876
2159
|
"dismissButtonGap": 16,
|
|
@@ -4380,8 +4663,33 @@
|
|
|
4380
4663
|
}
|
|
4381
4664
|
},
|
|
4382
4665
|
"Tooltip": {
|
|
4383
|
-
"appearances": {
|
|
4384
|
-
|
|
4666
|
+
"appearances": {
|
|
4667
|
+
"inverse": {
|
|
4668
|
+
"type": "variant",
|
|
4669
|
+
"values": [true]
|
|
4670
|
+
}
|
|
4671
|
+
},
|
|
4672
|
+
"rules": [
|
|
4673
|
+
{
|
|
4674
|
+
"if": {
|
|
4675
|
+
"inverse": true
|
|
4676
|
+
},
|
|
4677
|
+
"tokens": {
|
|
4678
|
+
"backgroundColor": {
|
|
4679
|
+
"red": 1,
|
|
4680
|
+
"green": 1,
|
|
4681
|
+
"blue": 1,
|
|
4682
|
+
"alpha": 1
|
|
4683
|
+
},
|
|
4684
|
+
"color": {
|
|
4685
|
+
"red": 0.00392,
|
|
4686
|
+
"green": 0.28235,
|
|
4687
|
+
"blue": 0.27843,
|
|
4688
|
+
"alpha": 1
|
|
4689
|
+
}
|
|
4690
|
+
}
|
|
4691
|
+
}
|
|
4692
|
+
],
|
|
4385
4693
|
"tokens": {
|
|
4386
4694
|
"arrowBorderRadius": 0,
|
|
4387
4695
|
"arrowOffset": 4,
|
|
@@ -4677,7 +4985,7 @@
|
|
|
4677
4985
|
"appearances": {
|
|
4678
4986
|
"space": {
|
|
4679
4987
|
"description": "Index of the intended position on the spacing scale",
|
|
4680
|
-
"values": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
|
|
4988
|
+
"values": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
|
|
4681
4989
|
"type": "state"
|
|
4682
4990
|
},
|
|
4683
4991
|
"viewport": {
|
|
@@ -4695,6 +5003,22 @@
|
|
|
4695
5003
|
"size": 120
|
|
4696
5004
|
}
|
|
4697
5005
|
},
|
|
5006
|
+
{
|
|
5007
|
+
"if": {
|
|
5008
|
+
"space": 12
|
|
5009
|
+
},
|
|
5010
|
+
"tokens": {
|
|
5011
|
+
"size": 120
|
|
5012
|
+
}
|
|
5013
|
+
},
|
|
5014
|
+
{
|
|
5015
|
+
"if": {
|
|
5016
|
+
"space": 11
|
|
5017
|
+
},
|
|
5018
|
+
"tokens": {
|
|
5019
|
+
"size": 120
|
|
5020
|
+
}
|
|
5021
|
+
},
|
|
4698
5022
|
{
|
|
4699
5023
|
"if": {
|
|
4700
5024
|
"space": 10
|
|
@@ -4777,7 +5101,7 @@
|
|
|
4777
5101
|
},
|
|
4778
5102
|
{
|
|
4779
5103
|
"if": {
|
|
4780
|
-
"space":
|
|
5104
|
+
"space": 11,
|
|
4781
5105
|
"viewport": ["lg", "xl"]
|
|
4782
5106
|
},
|
|
4783
5107
|
"tokens": {
|
|
@@ -4786,7 +5110,7 @@
|
|
|
4786
5110
|
},
|
|
4787
5111
|
{
|
|
4788
5112
|
"if": {
|
|
4789
|
-
"space":
|
|
5113
|
+
"space": 10,
|
|
4790
5114
|
"viewport": ["lg", "xl"]
|
|
4791
5115
|
},
|
|
4792
5116
|
"tokens": {
|
|
@@ -4795,7 +5119,7 @@
|
|
|
4795
5119
|
},
|
|
4796
5120
|
{
|
|
4797
5121
|
"if": {
|
|
4798
|
-
"space":
|
|
5122
|
+
"space": 9,
|
|
4799
5123
|
"viewport": ["lg", "xl"]
|
|
4800
5124
|
},
|
|
4801
5125
|
"tokens": {
|
|
@@ -4804,13 +5128,31 @@
|
|
|
4804
5128
|
},
|
|
4805
5129
|
{
|
|
4806
5130
|
"if": {
|
|
4807
|
-
"space":
|
|
5131
|
+
"space": 8,
|
|
4808
5132
|
"viewport": ["lg", "xl"]
|
|
4809
5133
|
},
|
|
4810
5134
|
"tokens": {
|
|
4811
5135
|
"size": 64
|
|
4812
5136
|
}
|
|
4813
5137
|
},
|
|
5138
|
+
{
|
|
5139
|
+
"if": {
|
|
5140
|
+
"space": 7,
|
|
5141
|
+
"viewport": ["lg", "xl"]
|
|
5142
|
+
},
|
|
5143
|
+
"tokens": {
|
|
5144
|
+
"size": 48
|
|
5145
|
+
}
|
|
5146
|
+
},
|
|
5147
|
+
{
|
|
5148
|
+
"if": {
|
|
5149
|
+
"space": 6,
|
|
5150
|
+
"viewport": ["lg", "xl"]
|
|
5151
|
+
},
|
|
5152
|
+
"tokens": {
|
|
5153
|
+
"size": 40
|
|
5154
|
+
}
|
|
5155
|
+
},
|
|
4814
5156
|
{
|
|
4815
5157
|
"if": {
|
|
4816
5158
|
"space": 0
|
|
@@ -4826,7 +5168,7 @@
|
|
|
4826
5168
|
}
|
|
4827
5169
|
},
|
|
4828
5170
|
"metadata": {
|
|
4829
|
-
"themeTokensVersion": "2.
|
|
5171
|
+
"themeTokensVersion": "2.11.0",
|
|
4830
5172
|
"name": "theme-koodo"
|
|
4831
5173
|
}
|
|
4832
5174
|
}
|