@telus-uds/theme-koodo 3.7.1 → 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 +406 -370
- package/build/android/theme.json +406 -36
- package/build/ios/schema.json +406 -370
- package/build/ios/theme.json +406 -36
- package/build/rn/schema.json +406 -370
- package/build/rn/theme.js +144 -28
- package/package.json +4 -4
- package/theme.json +272 -21
package/theme.json
CHANGED
|
@@ -1,10 +1,26 @@
|
|
|
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": "{palette.size.size48}",
|
|
18
|
+
"thickness": "{palette.border.border4}"
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
],
|
|
6
22
|
"tokens": {
|
|
7
|
-
"color": "{palette.color.
|
|
23
|
+
"color": "{palette.color.mosque}",
|
|
8
24
|
"size": "{palette.size.size40}",
|
|
9
25
|
"thickness": "{palette.border.border4}"
|
|
10
26
|
}
|
|
@@ -12,8 +28,26 @@
|
|
|
12
28
|
"Box": {
|
|
13
29
|
"appearances": {
|
|
14
30
|
"background": {
|
|
15
|
-
"description": "Background colour of box.
|
|
16
|
-
"values": [
|
|
31
|
+
"description": "Background colour of box. White if not specified.",
|
|
32
|
+
"values": [
|
|
33
|
+
"lightest",
|
|
34
|
+
"lighter",
|
|
35
|
+
"light",
|
|
36
|
+
"dark",
|
|
37
|
+
"darker",
|
|
38
|
+
"darkest",
|
|
39
|
+
"critical",
|
|
40
|
+
"danger",
|
|
41
|
+
"warning",
|
|
42
|
+
"positive",
|
|
43
|
+
"brand",
|
|
44
|
+
"white",
|
|
45
|
+
"black",
|
|
46
|
+
"featurePrimary",
|
|
47
|
+
"featureSecondary",
|
|
48
|
+
"featureNeutral",
|
|
49
|
+
"featureBrand"
|
|
50
|
+
]
|
|
17
51
|
}
|
|
18
52
|
},
|
|
19
53
|
"rules": [
|
|
@@ -25,6 +59,14 @@
|
|
|
25
59
|
"backgroundColor": "{palette.color.white}"
|
|
26
60
|
}
|
|
27
61
|
},
|
|
62
|
+
{
|
|
63
|
+
"if": {
|
|
64
|
+
"background": "lighter"
|
|
65
|
+
},
|
|
66
|
+
"tokens": {
|
|
67
|
+
"backgroundColor": "{palette.color.greyLight}"
|
|
68
|
+
}
|
|
69
|
+
},
|
|
28
70
|
{
|
|
29
71
|
"if": {
|
|
30
72
|
"background": "light"
|
|
@@ -33,6 +75,78 @@
|
|
|
33
75
|
"backgroundColor": "{palette.color.gallery}"
|
|
34
76
|
}
|
|
35
77
|
},
|
|
78
|
+
{
|
|
79
|
+
"if": {
|
|
80
|
+
"background": "dark"
|
|
81
|
+
},
|
|
82
|
+
"tokens": {
|
|
83
|
+
"backgroundColor": "{palette.color.dove}"
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
"if": {
|
|
88
|
+
"background": "darker"
|
|
89
|
+
},
|
|
90
|
+
"tokens": {
|
|
91
|
+
"backgroundColor": "{palette.color.mortar}"
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
"if": {
|
|
96
|
+
"background": "darkest"
|
|
97
|
+
},
|
|
98
|
+
"tokens": {
|
|
99
|
+
"backgroundColor": "{palette.color.black}"
|
|
100
|
+
}
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"if": {
|
|
104
|
+
"background": "critical"
|
|
105
|
+
},
|
|
106
|
+
"tokens": {
|
|
107
|
+
"backgroundColor": "{palette.color.wellRead}"
|
|
108
|
+
}
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
"if": {
|
|
112
|
+
"background": "danger"
|
|
113
|
+
},
|
|
114
|
+
"tokens": {
|
|
115
|
+
"backgroundColor": "{palette.color.piggyPink}"
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"if": {
|
|
120
|
+
"background": "warning"
|
|
121
|
+
},
|
|
122
|
+
"tokens": {
|
|
123
|
+
"backgroundColor": "{palette.color.beeswax}"
|
|
124
|
+
}
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
"if": {
|
|
128
|
+
"background": "positive"
|
|
129
|
+
},
|
|
130
|
+
"tokens": {
|
|
131
|
+
"backgroundColor": "{palette.color.icicle}"
|
|
132
|
+
}
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
"if": {
|
|
136
|
+
"background": "brand"
|
|
137
|
+
},
|
|
138
|
+
"tokens": {
|
|
139
|
+
"backgroundColor": "{palette.color.mosque}"
|
|
140
|
+
}
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"if": {
|
|
144
|
+
"background": "white"
|
|
145
|
+
},
|
|
146
|
+
"tokens": {
|
|
147
|
+
"backgroundColor": "{palette.color.white}"
|
|
148
|
+
}
|
|
149
|
+
},
|
|
36
150
|
{
|
|
37
151
|
"if": {
|
|
38
152
|
"background": "black"
|
|
@@ -40,10 +154,42 @@
|
|
|
40
154
|
"tokens": {
|
|
41
155
|
"backgroundColor": "{palette.color.black}"
|
|
42
156
|
}
|
|
157
|
+
},
|
|
158
|
+
{
|
|
159
|
+
"if": {
|
|
160
|
+
"background": "featurePrimary"
|
|
161
|
+
},
|
|
162
|
+
"tokens": {
|
|
163
|
+
"backgroundColor": "{palette.color.flirt}"
|
|
164
|
+
}
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
"if": {
|
|
168
|
+
"background": "featureSecondary"
|
|
169
|
+
},
|
|
170
|
+
"tokens": {
|
|
171
|
+
"backgroundColor": "{palette.color.chathamsBlue}"
|
|
172
|
+
}
|
|
173
|
+
},
|
|
174
|
+
{
|
|
175
|
+
"if": {
|
|
176
|
+
"background": "featureNeutral"
|
|
177
|
+
},
|
|
178
|
+
"tokens": {
|
|
179
|
+
"backgroundColor": "{palette.color.mortar}"
|
|
180
|
+
}
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
"if": {
|
|
184
|
+
"background": "featureBrand"
|
|
185
|
+
},
|
|
186
|
+
"tokens": {
|
|
187
|
+
"backgroundColor": "{palette.color.mosque}"
|
|
188
|
+
}
|
|
43
189
|
}
|
|
44
190
|
],
|
|
45
191
|
"tokens": {
|
|
46
|
-
"backgroundColor": "{
|
|
192
|
+
"backgroundColor": "{palette.color.white}",
|
|
47
193
|
"gradient": "{system.gradient.none}"
|
|
48
194
|
}
|
|
49
195
|
},
|
|
@@ -354,6 +500,7 @@
|
|
|
354
500
|
"borderRadius": "{palette.radius.radius4}",
|
|
355
501
|
"borderWidth": "{palette.border.none}",
|
|
356
502
|
"color": "{palette.color.white}",
|
|
503
|
+
"dividerColor": "{palette.color.mosque}",
|
|
357
504
|
"fontName": "{palette.fontName.StagSans}",
|
|
358
505
|
"fontSize": "{palette.fontSize.size14}",
|
|
359
506
|
"fontWeight": "{palette.fontWeight.weight600}",
|
|
@@ -380,6 +527,7 @@
|
|
|
380
527
|
"paddingRight": "{palette.size.size16}",
|
|
381
528
|
"paddingTop": "{palette.size.size8}",
|
|
382
529
|
"shadow": "{system.shadow.none}",
|
|
530
|
+
"subtitleColor": "{palette.color.darkMosque}",
|
|
383
531
|
"textAlign": "{system.flexJustifyContent.center}",
|
|
384
532
|
"width": "{system.size.none}"
|
|
385
533
|
}
|
|
@@ -401,6 +549,7 @@
|
|
|
401
549
|
"appearances": {
|
|
402
550
|
"focus": "{appearances.ButtonGroupItem.focus}",
|
|
403
551
|
"hover": "{appearances.ButtonGroupItem.hover}",
|
|
552
|
+
"iconPosition": "{appearances.Link.iconPosition}",
|
|
404
553
|
"inactive": "{appearances.ButtonGroupItem.inactive}",
|
|
405
554
|
"pressed": "{appearances.ButtonGroupItem.pressed}",
|
|
406
555
|
"selected": "{appearances.ButtonGroupItem.selected}"
|
|
@@ -481,6 +630,14 @@
|
|
|
481
630
|
"tokens": {
|
|
482
631
|
"outerBorderColor": "{palette.color.darkMosque}"
|
|
483
632
|
}
|
|
633
|
+
},
|
|
634
|
+
{
|
|
635
|
+
"if": {
|
|
636
|
+
"iconPosition": "right"
|
|
637
|
+
},
|
|
638
|
+
"tokens": {
|
|
639
|
+
"iconSpace": "{system.integer.1}"
|
|
640
|
+
}
|
|
484
641
|
}
|
|
485
642
|
],
|
|
486
643
|
"tokens": {
|
|
@@ -493,9 +650,10 @@
|
|
|
493
650
|
"fontName": "{palette.fontName.StagSans}",
|
|
494
651
|
"fontSize": "{palette.fontSize.size14}",
|
|
495
652
|
"fontWeight": "{palette.fontWeight.weight600}",
|
|
653
|
+
"height": "{palette.size.size36}",
|
|
496
654
|
"iconSize": "{palette.size.size20}",
|
|
497
655
|
"iconSpace": "{system.integer.3}",
|
|
498
|
-
"lineHeight": "{palette.lineHeight.
|
|
656
|
+
"lineHeight": "{palette.lineHeight.multiply140}",
|
|
499
657
|
"minWidth": "{system.size.zero}",
|
|
500
658
|
"opacity": "{system.opacity.opaque}",
|
|
501
659
|
"outerBackgroundColor": "{palette.color.transparent}",
|
|
@@ -721,8 +879,47 @@
|
|
|
721
879
|
}
|
|
722
880
|
},
|
|
723
881
|
"Divider": {
|
|
724
|
-
"appearances": {
|
|
725
|
-
|
|
882
|
+
"appearances": {
|
|
883
|
+
"decorative": {
|
|
884
|
+
"description": "Use a decorative divider to highlight an element. Non-decorative dividers are for clearly identifying separation of content.",
|
|
885
|
+
"type": "variant",
|
|
886
|
+
"values": [true]
|
|
887
|
+
},
|
|
888
|
+
"inverse": {
|
|
889
|
+
"type": "variant",
|
|
890
|
+
"values": [true]
|
|
891
|
+
},
|
|
892
|
+
"weight": {
|
|
893
|
+
"type": "variant",
|
|
894
|
+
"values": ["thick"]
|
|
895
|
+
}
|
|
896
|
+
},
|
|
897
|
+
"rules": [
|
|
898
|
+
{
|
|
899
|
+
"if": {
|
|
900
|
+
"weight": "thick"
|
|
901
|
+
},
|
|
902
|
+
"tokens": {
|
|
903
|
+
"width": "{palette.size.size2}"
|
|
904
|
+
}
|
|
905
|
+
},
|
|
906
|
+
{
|
|
907
|
+
"if": {
|
|
908
|
+
"decorative": true
|
|
909
|
+
},
|
|
910
|
+
"tokens": {
|
|
911
|
+
"color": "{palette.color.gallery}"
|
|
912
|
+
}
|
|
913
|
+
},
|
|
914
|
+
{
|
|
915
|
+
"if": {
|
|
916
|
+
"inverse": true
|
|
917
|
+
},
|
|
918
|
+
"tokens": {
|
|
919
|
+
"color": "{palette.color.white}"
|
|
920
|
+
}
|
|
921
|
+
}
|
|
922
|
+
],
|
|
726
923
|
"tokens": {
|
|
727
924
|
"color": "{palette.color.silver}",
|
|
728
925
|
"width": "{palette.size.size1}"
|
|
@@ -1130,6 +1327,7 @@
|
|
|
1130
1327
|
},
|
|
1131
1328
|
"tokens": {
|
|
1132
1329
|
"itemFontSize": "{palette.fontSize.size20}",
|
|
1330
|
+
"itemIconSize": "{palette.size.size20}",
|
|
1133
1331
|
"itemLineHeight": "{palette.lineHeight.multiply140}",
|
|
1134
1332
|
"listGutter": "{palette.size.size16}"
|
|
1135
1333
|
}
|
|
@@ -1140,6 +1338,7 @@
|
|
|
1140
1338
|
},
|
|
1141
1339
|
"tokens": {
|
|
1142
1340
|
"itemFontSize": "{palette.fontSize.size14}",
|
|
1341
|
+
"itemIconSize": "{palette.size.size14}",
|
|
1143
1342
|
"listGutter": "{palette.size.size10}"
|
|
1144
1343
|
}
|
|
1145
1344
|
},
|
|
@@ -1271,9 +1470,10 @@
|
|
|
1271
1470
|
"style": "success"
|
|
1272
1471
|
},
|
|
1273
1472
|
"tokens": {
|
|
1274
|
-
"backgroundColor": "{palette.color.
|
|
1473
|
+
"backgroundColor": "{palette.color.icicle}",
|
|
1474
|
+
"color": "{palette.color.black}",
|
|
1275
1475
|
"icon": "{palette.icon.CheckCircledFilled}",
|
|
1276
|
-
"iconColor": "{palette.color.
|
|
1476
|
+
"iconColor": "{palette.color.mosque}"
|
|
1277
1477
|
}
|
|
1278
1478
|
},
|
|
1279
1479
|
{
|
|
@@ -1282,8 +1482,9 @@
|
|
|
1282
1482
|
},
|
|
1283
1483
|
"tokens": {
|
|
1284
1484
|
"backgroundColor": "{palette.color.beeswax}",
|
|
1485
|
+
"color": "{palette.color.black}",
|
|
1285
1486
|
"icon": "{palette.icon.ExclamationTriangle}",
|
|
1286
|
-
"iconColor": "{palette.color.
|
|
1487
|
+
"iconColor": "{palette.color.amaranth}"
|
|
1287
1488
|
}
|
|
1288
1489
|
},
|
|
1289
1490
|
{
|
|
@@ -1291,21 +1492,22 @@
|
|
|
1291
1492
|
"style": "error"
|
|
1292
1493
|
},
|
|
1293
1494
|
"tokens": {
|
|
1294
|
-
"backgroundColor": "{palette.color.
|
|
1495
|
+
"backgroundColor": "{palette.color.piggyPink}",
|
|
1496
|
+
"color": "{palette.color.black}",
|
|
1295
1497
|
"icon": "{palette.icon.ExclamationOctagon}",
|
|
1296
1498
|
"iconColor": "{palette.color.trinidad}"
|
|
1297
1499
|
}
|
|
1298
1500
|
}
|
|
1299
1501
|
],
|
|
1300
1502
|
"tokens": {
|
|
1301
|
-
"backgroundColor": "{palette.color.
|
|
1503
|
+
"backgroundColor": "{palette.color.carouselPink}",
|
|
1302
1504
|
"borderBottomWidth": "{system.border.zero}",
|
|
1303
1505
|
"borderColor": "{system.color.transparent}",
|
|
1304
1506
|
"borderLeftWidth": "{system.border.zero}",
|
|
1305
1507
|
"borderRadius": "{system.radius.zero}",
|
|
1306
1508
|
"borderRightWidth": "{system.border.zero}",
|
|
1307
1509
|
"borderTopWidth": "{system.border.zero}",
|
|
1308
|
-
"color": "{palette.color.
|
|
1510
|
+
"color": "{palette.color.flirt}",
|
|
1309
1511
|
"dismissButtonGap": "{palette.size.size16}",
|
|
1310
1512
|
"dismissIcon": "{palette.icon.Times}",
|
|
1311
1513
|
"dismissIconColor": "{palette.color.black}",
|
|
@@ -2971,8 +3173,23 @@
|
|
|
2971
3173
|
}
|
|
2972
3174
|
},
|
|
2973
3175
|
"Tooltip": {
|
|
2974
|
-
"appearances": {
|
|
2975
|
-
|
|
3176
|
+
"appearances": {
|
|
3177
|
+
"inverse": {
|
|
3178
|
+
"type": "variant",
|
|
3179
|
+
"values": [true]
|
|
3180
|
+
}
|
|
3181
|
+
},
|
|
3182
|
+
"rules": [
|
|
3183
|
+
{
|
|
3184
|
+
"if": {
|
|
3185
|
+
"inverse": true
|
|
3186
|
+
},
|
|
3187
|
+
"tokens": {
|
|
3188
|
+
"backgroundColor": "{palette.color.white}",
|
|
3189
|
+
"color": "{palette.color.darkMosque}"
|
|
3190
|
+
}
|
|
3191
|
+
}
|
|
3192
|
+
],
|
|
2976
3193
|
"tokens": {
|
|
2977
3194
|
"arrowBorderRadius": "{palette.radius.none}",
|
|
2978
3195
|
"arrowOffset": "{palette.size.size4}",
|
|
@@ -3231,6 +3448,22 @@
|
|
|
3231
3448
|
"size": "{palette.size.size120}"
|
|
3232
3449
|
}
|
|
3233
3450
|
},
|
|
3451
|
+
{
|
|
3452
|
+
"if": {
|
|
3453
|
+
"space": 12
|
|
3454
|
+
},
|
|
3455
|
+
"tokens": {
|
|
3456
|
+
"size": "{palette.size.size120}"
|
|
3457
|
+
}
|
|
3458
|
+
},
|
|
3459
|
+
{
|
|
3460
|
+
"if": {
|
|
3461
|
+
"space": 11
|
|
3462
|
+
},
|
|
3463
|
+
"tokens": {
|
|
3464
|
+
"size": "{palette.size.size120}"
|
|
3465
|
+
}
|
|
3466
|
+
},
|
|
3234
3467
|
{
|
|
3235
3468
|
"if": {
|
|
3236
3469
|
"space": 10
|
|
@@ -3313,7 +3546,7 @@
|
|
|
3313
3546
|
},
|
|
3314
3547
|
{
|
|
3315
3548
|
"if": {
|
|
3316
|
-
"space":
|
|
3549
|
+
"space": 11,
|
|
3317
3550
|
"viewport": ["lg", "xl"]
|
|
3318
3551
|
},
|
|
3319
3552
|
"tokens": {
|
|
@@ -3322,7 +3555,7 @@
|
|
|
3322
3555
|
},
|
|
3323
3556
|
{
|
|
3324
3557
|
"if": {
|
|
3325
|
-
"space":
|
|
3558
|
+
"space": 10,
|
|
3326
3559
|
"viewport": ["lg", "xl"]
|
|
3327
3560
|
},
|
|
3328
3561
|
"tokens": {
|
|
@@ -3331,7 +3564,7 @@
|
|
|
3331
3564
|
},
|
|
3332
3565
|
{
|
|
3333
3566
|
"if": {
|
|
3334
|
-
"space":
|
|
3567
|
+
"space": 9,
|
|
3335
3568
|
"viewport": ["lg", "xl"]
|
|
3336
3569
|
},
|
|
3337
3570
|
"tokens": {
|
|
@@ -3340,13 +3573,31 @@
|
|
|
3340
3573
|
},
|
|
3341
3574
|
{
|
|
3342
3575
|
"if": {
|
|
3343
|
-
"space":
|
|
3576
|
+
"space": 8,
|
|
3344
3577
|
"viewport": ["lg", "xl"]
|
|
3345
3578
|
},
|
|
3346
3579
|
"tokens": {
|
|
3347
3580
|
"size": "{palette.size.size64}"
|
|
3348
3581
|
}
|
|
3349
3582
|
},
|
|
3583
|
+
{
|
|
3584
|
+
"if": {
|
|
3585
|
+
"space": 7,
|
|
3586
|
+
"viewport": ["lg", "xl"]
|
|
3587
|
+
},
|
|
3588
|
+
"tokens": {
|
|
3589
|
+
"size": "{palette.size.size48}"
|
|
3590
|
+
}
|
|
3591
|
+
},
|
|
3592
|
+
{
|
|
3593
|
+
"if": {
|
|
3594
|
+
"space": 6,
|
|
3595
|
+
"viewport": ["lg", "xl"]
|
|
3596
|
+
},
|
|
3597
|
+
"tokens": {
|
|
3598
|
+
"size": "{palette.size.size40}"
|
|
3599
|
+
}
|
|
3600
|
+
},
|
|
3350
3601
|
{
|
|
3351
3602
|
"if": {
|
|
3352
3603
|
"space": 0
|