@telus-uds/theme-koodo 4.12.3 → 4.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 +550 -521
- package/build/android/theme.json +167 -10
- package/build/ios/schema.json +550 -521
- package/build/ios/theme.json +167 -10
- package/build/rn/schema.json +550 -521
- package/build/rn/theme.js +93 -19
- package/package.json +3 -3
- package/theme.json +132 -19
package/build/ios/theme.json
CHANGED
|
@@ -36,6 +36,10 @@
|
|
|
36
36
|
"type": "variant",
|
|
37
37
|
"values": [true]
|
|
38
38
|
},
|
|
39
|
+
"inverse": {
|
|
40
|
+
"type": "variant",
|
|
41
|
+
"values": [true]
|
|
42
|
+
},
|
|
39
43
|
"outline": {
|
|
40
44
|
"type": "variant",
|
|
41
45
|
"values": [true]
|
|
@@ -46,6 +50,31 @@
|
|
|
46
50
|
}
|
|
47
51
|
},
|
|
48
52
|
"rules": [
|
|
53
|
+
{
|
|
54
|
+
"if": {
|
|
55
|
+
"inverse": true
|
|
56
|
+
},
|
|
57
|
+
"tokens": {
|
|
58
|
+
"backgroundColor": {
|
|
59
|
+
"red": 0,
|
|
60
|
+
"green": 0,
|
|
61
|
+
"blue": 0,
|
|
62
|
+
"alpha": 0
|
|
63
|
+
},
|
|
64
|
+
"borderColor": {
|
|
65
|
+
"red": 1,
|
|
66
|
+
"green": 1,
|
|
67
|
+
"blue": 1,
|
|
68
|
+
"alpha": 1
|
|
69
|
+
},
|
|
70
|
+
"color": {
|
|
71
|
+
"red": 1,
|
|
72
|
+
"green": 1,
|
|
73
|
+
"blue": 1,
|
|
74
|
+
"alpha": 1
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
},
|
|
49
78
|
{
|
|
50
79
|
"if": {
|
|
51
80
|
"outline": true
|
|
@@ -1664,6 +1693,10 @@
|
|
|
1664
1693
|
"type": "variant",
|
|
1665
1694
|
"values": ["alternative", "subtle", "grid", "feature"]
|
|
1666
1695
|
},
|
|
1696
|
+
"borderRadius": {
|
|
1697
|
+
"type": "variant",
|
|
1698
|
+
"values": ["none", "small", "large"]
|
|
1699
|
+
},
|
|
1667
1700
|
"padding": {
|
|
1668
1701
|
"type": "variant",
|
|
1669
1702
|
"values": ["narrow", "intermediate", "compact", "custom"]
|
|
@@ -1675,6 +1708,30 @@
|
|
|
1675
1708
|
}
|
|
1676
1709
|
},
|
|
1677
1710
|
"rules": [
|
|
1711
|
+
{
|
|
1712
|
+
"if": {
|
|
1713
|
+
"borderRadius": "none"
|
|
1714
|
+
},
|
|
1715
|
+
"tokens": {
|
|
1716
|
+
"borderRadius": 0
|
|
1717
|
+
}
|
|
1718
|
+
},
|
|
1719
|
+
{
|
|
1720
|
+
"if": {
|
|
1721
|
+
"borderRadius": "small"
|
|
1722
|
+
},
|
|
1723
|
+
"tokens": {
|
|
1724
|
+
"borderRadius": 4
|
|
1725
|
+
}
|
|
1726
|
+
},
|
|
1727
|
+
{
|
|
1728
|
+
"if": {
|
|
1729
|
+
"borderRadius": "large"
|
|
1730
|
+
},
|
|
1731
|
+
"tokens": {
|
|
1732
|
+
"borderRadius": 8
|
|
1733
|
+
}
|
|
1734
|
+
},
|
|
1678
1735
|
{
|
|
1679
1736
|
"if": {
|
|
1680
1737
|
"background": "alternative"
|
|
@@ -3321,8 +3378,60 @@
|
|
|
3321
3378
|
}
|
|
3322
3379
|
},
|
|
3323
3380
|
"Footnote": {
|
|
3324
|
-
"appearances": {
|
|
3325
|
-
|
|
3381
|
+
"appearances": {
|
|
3382
|
+
"viewport": {
|
|
3383
|
+
"description": "The size label for the current screen viewport based on the current screen width",
|
|
3384
|
+
"values": ["xs", "sm", "md", "lg", "xl"],
|
|
3385
|
+
"type": "state"
|
|
3386
|
+
}
|
|
3387
|
+
},
|
|
3388
|
+
"rules": [
|
|
3389
|
+
{
|
|
3390
|
+
"if": {
|
|
3391
|
+
"viewport": ["xs"]
|
|
3392
|
+
},
|
|
3393
|
+
"tokens": {
|
|
3394
|
+
"footnoteBodyPaddingBottom": 32,
|
|
3395
|
+
"footnoteBodyPaddingLeft": 16,
|
|
3396
|
+
"footnoteBodyPaddingRight": 16,
|
|
3397
|
+
"footnoteBodyPaddingTop": 0,
|
|
3398
|
+
"footnoteHeaderPaddingBottom": 16,
|
|
3399
|
+
"footnoteHeaderPaddingLeft": 16,
|
|
3400
|
+
"footnoteHeaderPaddingRight": 4,
|
|
3401
|
+
"footnoteHeaderPaddingTop": 16
|
|
3402
|
+
}
|
|
3403
|
+
},
|
|
3404
|
+
{
|
|
3405
|
+
"if": {
|
|
3406
|
+
"viewport": ["md", "lg"]
|
|
3407
|
+
},
|
|
3408
|
+
"tokens": {
|
|
3409
|
+
"footnoteBodyPaddingBottom": 40,
|
|
3410
|
+
"footnoteBodyPaddingLeft": 16,
|
|
3411
|
+
"footnoteBodyPaddingRight": 16,
|
|
3412
|
+
"footnoteBodyPaddingTop": 0,
|
|
3413
|
+
"footnoteHeaderPaddingBottom": 24,
|
|
3414
|
+
"footnoteHeaderPaddingLeft": 16,
|
|
3415
|
+
"footnoteHeaderPaddingRight": 4,
|
|
3416
|
+
"footnoteHeaderPaddingTop": 24
|
|
3417
|
+
}
|
|
3418
|
+
},
|
|
3419
|
+
{
|
|
3420
|
+
"if": {
|
|
3421
|
+
"viewport": ["xl"]
|
|
3422
|
+
},
|
|
3423
|
+
"tokens": {
|
|
3424
|
+
"footnoteBodyPaddingBottom": 40,
|
|
3425
|
+
"footnoteBodyPaddingLeft": 16,
|
|
3426
|
+
"footnoteBodyPaddingRight": 16,
|
|
3427
|
+
"footnoteBodyPaddingTop": 0,
|
|
3428
|
+
"footnoteHeaderPaddingBottom": 24,
|
|
3429
|
+
"footnoteHeaderPaddingLeft": 16,
|
|
3430
|
+
"footnoteHeaderPaddingRight": 16,
|
|
3431
|
+
"footnoteHeaderPaddingTop": 24
|
|
3432
|
+
}
|
|
3433
|
+
}
|
|
3434
|
+
],
|
|
3326
3435
|
"tokens": {
|
|
3327
3436
|
"closeButtonBackgroundColor": {
|
|
3328
3437
|
"red": 1,
|
|
@@ -3357,7 +3466,7 @@
|
|
|
3357
3466
|
"blue": 1,
|
|
3358
3467
|
"alpha": 1
|
|
3359
3468
|
},
|
|
3360
|
-
"footnoteBodyPaddingBottom":
|
|
3469
|
+
"footnoteBodyPaddingBottom": 40,
|
|
3361
3470
|
"footnoteBodyPaddingLeft": 16,
|
|
3362
3471
|
"footnoteBodyPaddingRight": 16,
|
|
3363
3472
|
"footnoteBodyPaddingTop": 0,
|
|
@@ -3368,10 +3477,10 @@
|
|
|
3368
3477
|
"alpha": 1
|
|
3369
3478
|
},
|
|
3370
3479
|
"footnoteBorderTopSizeMd": 1,
|
|
3371
|
-
"footnoteHeaderPaddingBottom":
|
|
3480
|
+
"footnoteHeaderPaddingBottom": 24,
|
|
3372
3481
|
"footnoteHeaderPaddingLeft": 16,
|
|
3373
|
-
"footnoteHeaderPaddingRight":
|
|
3374
|
-
"footnoteHeaderPaddingTop":
|
|
3482
|
+
"footnoteHeaderPaddingRight": 4,
|
|
3483
|
+
"footnoteHeaderPaddingTop": 24,
|
|
3375
3484
|
"headerFontName": "StagSans",
|
|
3376
3485
|
"headerFontSize": 16,
|
|
3377
3486
|
"headerFontWeight": 700,
|
|
@@ -3890,6 +3999,26 @@
|
|
|
3890
3999
|
}
|
|
3891
4000
|
}
|
|
3892
4001
|
},
|
|
4002
|
+
{
|
|
4003
|
+
"if": {
|
|
4004
|
+
"inactive": null,
|
|
4005
|
+
"pressed": true
|
|
4006
|
+
},
|
|
4007
|
+
"tokens": {
|
|
4008
|
+
"backgroundColor": {
|
|
4009
|
+
"red": 0,
|
|
4010
|
+
"green": 0,
|
|
4011
|
+
"blue": 0,
|
|
4012
|
+
"alpha": 0
|
|
4013
|
+
},
|
|
4014
|
+
"iconColor": {
|
|
4015
|
+
"red": 0.00392,
|
|
4016
|
+
"green": 0.28235,
|
|
4017
|
+
"blue": 0.27843,
|
|
4018
|
+
"alpha": 1
|
|
4019
|
+
}
|
|
4020
|
+
}
|
|
4021
|
+
},
|
|
3893
4022
|
{
|
|
3894
4023
|
"if": {
|
|
3895
4024
|
"pressed": true
|
|
@@ -4080,9 +4209,9 @@
|
|
|
4080
4209
|
},
|
|
4081
4210
|
"borderWidth": 0,
|
|
4082
4211
|
"iconColor": {
|
|
4083
|
-
"red": 0.
|
|
4084
|
-
"green": 0.
|
|
4085
|
-
"blue": 0.
|
|
4212
|
+
"red": 0.7098,
|
|
4213
|
+
"green": 0.70588,
|
|
4214
|
+
"blue": 0.70588,
|
|
4086
4215
|
"alpha": 1
|
|
4087
4216
|
},
|
|
4088
4217
|
"outerBorderColor": {
|
|
@@ -4100,6 +4229,32 @@
|
|
|
4100
4229
|
"tokens": {
|
|
4101
4230
|
"outerBorderGap": 0
|
|
4102
4231
|
}
|
|
4232
|
+
},
|
|
4233
|
+
{
|
|
4234
|
+
"if": {
|
|
4235
|
+
"inactive": true
|
|
4236
|
+
},
|
|
4237
|
+
"tokens": {
|
|
4238
|
+
"backgroundColor": {
|
|
4239
|
+
"red": 0,
|
|
4240
|
+
"green": 0,
|
|
4241
|
+
"blue": 0,
|
|
4242
|
+
"alpha": 0
|
|
4243
|
+
},
|
|
4244
|
+
"iconColor": {
|
|
4245
|
+
"red": 0.7098,
|
|
4246
|
+
"green": 0.70588,
|
|
4247
|
+
"blue": 0.70588,
|
|
4248
|
+
"alpha": 1
|
|
4249
|
+
},
|
|
4250
|
+
"outerBorderColor": {
|
|
4251
|
+
"red": 0,
|
|
4252
|
+
"green": 0,
|
|
4253
|
+
"blue": 0,
|
|
4254
|
+
"alpha": 0
|
|
4255
|
+
},
|
|
4256
|
+
"outerBorderWidth": 0
|
|
4257
|
+
}
|
|
4103
4258
|
}
|
|
4104
4259
|
],
|
|
4105
4260
|
"tokens": {
|
|
@@ -4125,6 +4280,7 @@
|
|
|
4125
4280
|
"borderTopRightRadius": null,
|
|
4126
4281
|
"borderTopWidth": null,
|
|
4127
4282
|
"borderWidth": 1,
|
|
4283
|
+
"height": null,
|
|
4128
4284
|
"icon": "PaletteIconAdd",
|
|
4129
4285
|
"iconColor": {
|
|
4130
4286
|
"red": 0,
|
|
@@ -4145,7 +4301,8 @@
|
|
|
4145
4301
|
"outerBorderGap": 0,
|
|
4146
4302
|
"outerBorderWidth": 0,
|
|
4147
4303
|
"padding": 4,
|
|
4148
|
-
"shadow": null
|
|
4304
|
+
"shadow": null,
|
|
4305
|
+
"width": null
|
|
4149
4306
|
}
|
|
4150
4307
|
},
|
|
4151
4308
|
"Image": {
|