@telus-uds/theme-koodo 3.10.0 → 3.12.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 +404 -378
- package/build/android/theme.json +254 -60
- package/build/ios/schema.json +404 -378
- package/build/ios/theme.json +254 -60
- package/build/rn/schema.json +404 -378
- package/build/rn/theme.js +134 -45
- package/package.json +4 -4
- package/theme.json +269 -48
package/build/android/theme.json
CHANGED
|
@@ -664,9 +664,9 @@
|
|
|
664
664
|
"alpha": 1
|
|
665
665
|
},
|
|
666
666
|
"borderColor": {
|
|
667
|
-
"red": 0.
|
|
668
|
-
"green": 0.
|
|
669
|
-
"blue": 0.
|
|
667
|
+
"red": 0.10588,
|
|
668
|
+
"green": 0.27843,
|
|
669
|
+
"blue": 0.27451,
|
|
670
670
|
"alpha": 1
|
|
671
671
|
},
|
|
672
672
|
"borderRadius": 4,
|
|
@@ -730,9 +730,9 @@
|
|
|
730
730
|
"paddingTop": 8,
|
|
731
731
|
"shadow": null,
|
|
732
732
|
"subtitleColor": {
|
|
733
|
-
"red": 0.
|
|
734
|
-
"green": 0.
|
|
735
|
-
"blue": 0.
|
|
733
|
+
"red": 0.10588,
|
|
734
|
+
"green": 0.27843,
|
|
735
|
+
"blue": 0.27451,
|
|
736
736
|
"alpha": 1
|
|
737
737
|
},
|
|
738
738
|
"textAlign": "center",
|
|
@@ -871,9 +871,9 @@
|
|
|
871
871
|
"alpha": 1
|
|
872
872
|
},
|
|
873
873
|
"borderColor": {
|
|
874
|
-
"red": 0.
|
|
875
|
-
"green": 0.
|
|
876
|
-
"blue": 0.
|
|
874
|
+
"red": 0.10588,
|
|
875
|
+
"green": 0.27843,
|
|
876
|
+
"blue": 0.27451,
|
|
877
877
|
"alpha": 1
|
|
878
878
|
},
|
|
879
879
|
"borderRadius": 4,
|
|
@@ -1023,16 +1023,16 @@
|
|
|
1023
1023
|
},
|
|
1024
1024
|
"tokens": {
|
|
1025
1025
|
"borderBottomColor": {
|
|
1026
|
-
"red": 0.
|
|
1027
|
-
"green": 0.
|
|
1028
|
-
"blue": 0.
|
|
1026
|
+
"red": 0.10588,
|
|
1027
|
+
"green": 0.27843,
|
|
1028
|
+
"blue": 0.27451,
|
|
1029
1029
|
"alpha": 1
|
|
1030
1030
|
},
|
|
1031
1031
|
"borderBottomWidth": 2,
|
|
1032
1032
|
"color": {
|
|
1033
|
-
"red": 0.
|
|
1034
|
-
"green": 0.
|
|
1035
|
-
"blue": 0.
|
|
1033
|
+
"red": 0.10588,
|
|
1034
|
+
"green": 0.27843,
|
|
1035
|
+
"blue": 0.27451,
|
|
1036
1036
|
"alpha": 1
|
|
1037
1037
|
}
|
|
1038
1038
|
}
|
|
@@ -1198,13 +1198,136 @@
|
|
|
1198
1198
|
}
|
|
1199
1199
|
},
|
|
1200
1200
|
"ChevronLink": {
|
|
1201
|
-
"appearances": {
|
|
1202
|
-
|
|
1201
|
+
"appearances": {
|
|
1202
|
+
"alternative": {
|
|
1203
|
+
"type": "variant",
|
|
1204
|
+
"values": [true]
|
|
1205
|
+
},
|
|
1206
|
+
"inverse": {
|
|
1207
|
+
"type": "variant",
|
|
1208
|
+
"values": [true]
|
|
1209
|
+
},
|
|
1210
|
+
"pressed": {
|
|
1211
|
+
"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.",
|
|
1212
|
+
"values": [true],
|
|
1213
|
+
"type": "state"
|
|
1214
|
+
},
|
|
1215
|
+
"size": {
|
|
1216
|
+
"description": "Sets the size of the text and icon; these variants are shared with ChevronLink",
|
|
1217
|
+
"type": "variant",
|
|
1218
|
+
"values": ["large", "small", "micro"]
|
|
1219
|
+
}
|
|
1220
|
+
},
|
|
1221
|
+
"rules": [
|
|
1222
|
+
{
|
|
1223
|
+
"if": {
|
|
1224
|
+
"pressed": true
|
|
1225
|
+
},
|
|
1226
|
+
"tokens": {
|
|
1227
|
+
"color": {
|
|
1228
|
+
"red": 0.34902,
|
|
1229
|
+
"green": 0.34902,
|
|
1230
|
+
"blue": 0.34902,
|
|
1231
|
+
"alpha": 1
|
|
1232
|
+
}
|
|
1233
|
+
}
|
|
1234
|
+
},
|
|
1235
|
+
{
|
|
1236
|
+
"if": {
|
|
1237
|
+
"alternative": true
|
|
1238
|
+
},
|
|
1239
|
+
"tokens": {
|
|
1240
|
+
"color": {
|
|
1241
|
+
"red": 0.4,
|
|
1242
|
+
"green": 0.4,
|
|
1243
|
+
"blue": 0.4,
|
|
1244
|
+
"alpha": 1
|
|
1245
|
+
}
|
|
1246
|
+
}
|
|
1247
|
+
},
|
|
1248
|
+
{
|
|
1249
|
+
"if": {
|
|
1250
|
+
"alternative": true,
|
|
1251
|
+
"pressed": true
|
|
1252
|
+
},
|
|
1253
|
+
"tokens": {
|
|
1254
|
+
"color": {
|
|
1255
|
+
"red": 0.34902,
|
|
1256
|
+
"green": 0.34902,
|
|
1257
|
+
"blue": 0.34902,
|
|
1258
|
+
"alpha": 1
|
|
1259
|
+
}
|
|
1260
|
+
}
|
|
1261
|
+
},
|
|
1262
|
+
{
|
|
1263
|
+
"if": {
|
|
1264
|
+
"inverse": true
|
|
1265
|
+
},
|
|
1266
|
+
"tokens": {
|
|
1267
|
+
"color": {
|
|
1268
|
+
"red": 0.89804,
|
|
1269
|
+
"green": 0.96863,
|
|
1270
|
+
"blue": 0.98431,
|
|
1271
|
+
"alpha": 1
|
|
1272
|
+
}
|
|
1273
|
+
}
|
|
1274
|
+
},
|
|
1275
|
+
{
|
|
1276
|
+
"if": {
|
|
1277
|
+
"inverse": true,
|
|
1278
|
+
"pressed": true
|
|
1279
|
+
},
|
|
1280
|
+
"tokens": {
|
|
1281
|
+
"color": {
|
|
1282
|
+
"red": 0.78824,
|
|
1283
|
+
"green": 0.78431,
|
|
1284
|
+
"blue": 0.78431,
|
|
1285
|
+
"alpha": 1
|
|
1286
|
+
}
|
|
1287
|
+
}
|
|
1288
|
+
},
|
|
1289
|
+
{
|
|
1290
|
+
"if": {
|
|
1291
|
+
"size": "large"
|
|
1292
|
+
},
|
|
1293
|
+
"tokens": {
|
|
1294
|
+
"iconSize": 24
|
|
1295
|
+
}
|
|
1296
|
+
},
|
|
1297
|
+
{
|
|
1298
|
+
"if": {
|
|
1299
|
+
"size": "small"
|
|
1300
|
+
},
|
|
1301
|
+
"tokens": {
|
|
1302
|
+
"iconSize": 20
|
|
1303
|
+
}
|
|
1304
|
+
},
|
|
1305
|
+
{
|
|
1306
|
+
"if": {
|
|
1307
|
+
"size": "micro"
|
|
1308
|
+
},
|
|
1309
|
+
"tokens": {
|
|
1310
|
+
"iconSize": 16
|
|
1311
|
+
}
|
|
1312
|
+
}
|
|
1313
|
+
],
|
|
1203
1314
|
"tokens": {
|
|
1204
|
-
"
|
|
1315
|
+
"color": {
|
|
1316
|
+
"red": 0.00392,
|
|
1317
|
+
"green": 0.41961,
|
|
1318
|
+
"blue": 0.41569,
|
|
1319
|
+
"alpha": 1
|
|
1320
|
+
},
|
|
1321
|
+
"iconDisplace": 0,
|
|
1205
1322
|
"iconSize": 24,
|
|
1206
|
-
"iconSpace":
|
|
1323
|
+
"iconSpace": 1,
|
|
1207
1324
|
"leftIcon": "PaletteIconChevronLeft",
|
|
1325
|
+
"outerBorderColor": {
|
|
1326
|
+
"red": 0,
|
|
1327
|
+
"green": 0,
|
|
1328
|
+
"blue": 0,
|
|
1329
|
+
"alpha": 0
|
|
1330
|
+
},
|
|
1208
1331
|
"rightIcon": "PaletteIconChevronRight",
|
|
1209
1332
|
"textLine": "none"
|
|
1210
1333
|
}
|
|
@@ -1558,13 +1681,21 @@
|
|
|
1558
1681
|
},
|
|
1559
1682
|
"Icon": {
|
|
1560
1683
|
"appearances": {
|
|
1561
|
-
"
|
|
1684
|
+
"color": {
|
|
1562
1685
|
"type": "variant",
|
|
1563
|
-
"values": [
|
|
1686
|
+
"values": [
|
|
1687
|
+
"brand",
|
|
1688
|
+
"subtle",
|
|
1689
|
+
"offer",
|
|
1690
|
+
"success",
|
|
1691
|
+
"danger",
|
|
1692
|
+
"warning",
|
|
1693
|
+
"inverse"
|
|
1694
|
+
]
|
|
1564
1695
|
},
|
|
1565
1696
|
"size": {
|
|
1566
1697
|
"type": "variant",
|
|
1567
|
-
"values": ["small"]
|
|
1698
|
+
"values": ["micro", "small", "large", "extraLarge"]
|
|
1568
1699
|
},
|
|
1569
1700
|
"status": {
|
|
1570
1701
|
"description": "Uses icon colour to communicate meaning to the user",
|
|
@@ -1573,6 +1704,14 @@
|
|
|
1573
1704
|
}
|
|
1574
1705
|
},
|
|
1575
1706
|
"rules": [
|
|
1707
|
+
{
|
|
1708
|
+
"if": {
|
|
1709
|
+
"size": "micro"
|
|
1710
|
+
},
|
|
1711
|
+
"tokens": {
|
|
1712
|
+
"size": 16
|
|
1713
|
+
}
|
|
1714
|
+
},
|
|
1576
1715
|
{
|
|
1577
1716
|
"if": {
|
|
1578
1717
|
"size": "small"
|
|
@@ -1583,46 +1722,101 @@
|
|
|
1583
1722
|
},
|
|
1584
1723
|
{
|
|
1585
1724
|
"if": {
|
|
1586
|
-
"
|
|
1725
|
+
"size": "large"
|
|
1726
|
+
},
|
|
1727
|
+
"tokens": {
|
|
1728
|
+
"size": 32
|
|
1729
|
+
}
|
|
1730
|
+
},
|
|
1731
|
+
{
|
|
1732
|
+
"if": {
|
|
1733
|
+
"size": "extraLarge"
|
|
1734
|
+
},
|
|
1735
|
+
"tokens": {
|
|
1736
|
+
"size": 48
|
|
1737
|
+
}
|
|
1738
|
+
},
|
|
1739
|
+
{
|
|
1740
|
+
"if": {
|
|
1741
|
+
"color": "brand"
|
|
1587
1742
|
},
|
|
1588
1743
|
"tokens": {
|
|
1589
1744
|
"color": {
|
|
1590
|
-
"red": 0,
|
|
1591
|
-
"green": 0,
|
|
1592
|
-
"blue": 0,
|
|
1745
|
+
"red": 0.00392,
|
|
1746
|
+
"green": 0.41961,
|
|
1747
|
+
"blue": 0.41569,
|
|
1593
1748
|
"alpha": 1
|
|
1594
1749
|
}
|
|
1595
1750
|
}
|
|
1596
1751
|
},
|
|
1597
1752
|
{
|
|
1598
1753
|
"if": {
|
|
1599
|
-
"
|
|
1754
|
+
"color": "subtle"
|
|
1600
1755
|
},
|
|
1601
1756
|
"tokens": {
|
|
1602
1757
|
"color": {
|
|
1603
|
-
"red": 0,
|
|
1604
|
-
"green": 0.
|
|
1605
|
-
"blue": 0.
|
|
1758
|
+
"red": 0.4,
|
|
1759
|
+
"green": 0.4,
|
|
1760
|
+
"blue": 0.4,
|
|
1606
1761
|
"alpha": 1
|
|
1607
1762
|
}
|
|
1608
1763
|
}
|
|
1609
1764
|
},
|
|
1610
1765
|
{
|
|
1611
1766
|
"if": {
|
|
1612
|
-
"
|
|
1767
|
+
"color": "offer"
|
|
1613
1768
|
},
|
|
1614
1769
|
"tokens": {
|
|
1615
1770
|
"color": {
|
|
1616
|
-
"red": 0,
|
|
1617
|
-
"green": 0,
|
|
1618
|
-
"blue": 0,
|
|
1771
|
+
"red": 0.00392,
|
|
1772
|
+
"green": 0.41961,
|
|
1773
|
+
"blue": 0.41569,
|
|
1774
|
+
"alpha": 1
|
|
1775
|
+
}
|
|
1776
|
+
}
|
|
1777
|
+
},
|
|
1778
|
+
{
|
|
1779
|
+
"if": {
|
|
1780
|
+
"color": "success"
|
|
1781
|
+
},
|
|
1782
|
+
"tokens": {
|
|
1783
|
+
"color": {
|
|
1784
|
+
"red": 0.00392,
|
|
1785
|
+
"green": 0.41961,
|
|
1786
|
+
"blue": 0.41569,
|
|
1619
1787
|
"alpha": 1
|
|
1620
1788
|
}
|
|
1621
1789
|
}
|
|
1622
1790
|
},
|
|
1623
1791
|
{
|
|
1624
1792
|
"if": {
|
|
1625
|
-
"
|
|
1793
|
+
"color": "danger"
|
|
1794
|
+
},
|
|
1795
|
+
"tokens": {
|
|
1796
|
+
"color": {
|
|
1797
|
+
"red": 0.93333,
|
|
1798
|
+
"green": 0.17255,
|
|
1799
|
+
"blue": 0.4549,
|
|
1800
|
+
"alpha": 1
|
|
1801
|
+
}
|
|
1802
|
+
}
|
|
1803
|
+
},
|
|
1804
|
+
{
|
|
1805
|
+
"if": {
|
|
1806
|
+
"color": "warning"
|
|
1807
|
+
},
|
|
1808
|
+
"tokens": {
|
|
1809
|
+
"color": {
|
|
1810
|
+
"red": 0.34902,
|
|
1811
|
+
"green": 0.34902,
|
|
1812
|
+
"blue": 0.34902,
|
|
1813
|
+
"alpha": 1
|
|
1814
|
+
}
|
|
1815
|
+
}
|
|
1816
|
+
},
|
|
1817
|
+
{
|
|
1818
|
+
"if": {
|
|
1819
|
+
"color": "inverse"
|
|
1626
1820
|
},
|
|
1627
1821
|
"tokens": {
|
|
1628
1822
|
"color": {
|
|
@@ -1662,9 +1856,9 @@
|
|
|
1662
1856
|
],
|
|
1663
1857
|
"tokens": {
|
|
1664
1858
|
"color": {
|
|
1665
|
-
"red": 0
|
|
1666
|
-
"green": 0
|
|
1667
|
-
"blue": 0
|
|
1859
|
+
"red": 0,
|
|
1860
|
+
"green": 0,
|
|
1861
|
+
"blue": 0,
|
|
1668
1862
|
"alpha": 1
|
|
1669
1863
|
},
|
|
1670
1864
|
"scale": 1,
|
|
@@ -2559,9 +2753,9 @@
|
|
|
2559
2753
|
"borderRadius": 12,
|
|
2560
2754
|
"gradient": null,
|
|
2561
2755
|
"outlineColor": {
|
|
2562
|
-
"red": 0.
|
|
2563
|
-
"green": 0.
|
|
2564
|
-
"blue": 0.
|
|
2756
|
+
"red": 0.10588,
|
|
2757
|
+
"green": 0.27843,
|
|
2758
|
+
"blue": 0.27451,
|
|
2565
2759
|
"alpha": 1
|
|
2566
2760
|
},
|
|
2567
2761
|
"outlineWidth": 1
|
|
@@ -2981,9 +3175,9 @@
|
|
|
2981
3175
|
},
|
|
2982
3176
|
"outerBorderWidth": 2,
|
|
2983
3177
|
"radioInputBorderColor": {
|
|
2984
|
-
"red": 0.
|
|
2985
|
-
"green": 0.
|
|
2986
|
-
"blue": 0.
|
|
3178
|
+
"red": 0.10588,
|
|
3179
|
+
"green": 0.27843,
|
|
3180
|
+
"blue": 0.27451,
|
|
2987
3181
|
"alpha": 1
|
|
2988
3182
|
}
|
|
2989
3183
|
}
|
|
@@ -3753,9 +3947,9 @@
|
|
|
3753
3947
|
"rules": [],
|
|
3754
3948
|
"tokens": {
|
|
3755
3949
|
"backgroundColor": {
|
|
3756
|
-
"red": 0.
|
|
3757
|
-
"green": 0.
|
|
3758
|
-
"blue": 0.
|
|
3950
|
+
"red": 0.10588,
|
|
3951
|
+
"green": 0.27843,
|
|
3952
|
+
"blue": 0.27451,
|
|
3759
3953
|
"alpha": 1
|
|
3760
3954
|
},
|
|
3761
3955
|
"borderRadius": 12,
|
|
@@ -4216,9 +4410,9 @@
|
|
|
4216
4410
|
"alpha": 1
|
|
4217
4411
|
},
|
|
4218
4412
|
"borderColor": {
|
|
4219
|
-
"red": 0.
|
|
4220
|
-
"green": 0.
|
|
4221
|
-
"blue": 0.
|
|
4413
|
+
"red": 0.10588,
|
|
4414
|
+
"green": 0.27843,
|
|
4415
|
+
"blue": 0.27451,
|
|
4222
4416
|
"alpha": 1
|
|
4223
4417
|
},
|
|
4224
4418
|
"borderRadius": 4,
|
|
@@ -4682,9 +4876,9 @@
|
|
|
4682
4876
|
"alpha": 1
|
|
4683
4877
|
},
|
|
4684
4878
|
"color": {
|
|
4685
|
-
"red": 0.
|
|
4686
|
-
"green": 0.
|
|
4687
|
-
"blue": 0.
|
|
4879
|
+
"red": 0.10588,
|
|
4880
|
+
"green": 0.27843,
|
|
4881
|
+
"blue": 0.27451,
|
|
4688
4882
|
"alpha": 1
|
|
4689
4883
|
}
|
|
4690
4884
|
}
|
|
@@ -4695,9 +4889,9 @@
|
|
|
4695
4889
|
"arrowOffset": 4,
|
|
4696
4890
|
"arrowWidth": 8,
|
|
4697
4891
|
"backgroundColor": {
|
|
4698
|
-
"red": 0.
|
|
4699
|
-
"green": 0.
|
|
4700
|
-
"blue": 0.
|
|
4892
|
+
"red": 0.10588,
|
|
4893
|
+
"green": 0.27843,
|
|
4894
|
+
"blue": 0.27451,
|
|
4701
4895
|
"alpha": 1
|
|
4702
4896
|
},
|
|
4703
4897
|
"borderRadius": 4,
|
|
@@ -4745,9 +4939,9 @@
|
|
|
4745
4939
|
},
|
|
4746
4940
|
"tokens": {
|
|
4747
4941
|
"iconColor": {
|
|
4748
|
-
"red": 0.
|
|
4749
|
-
"green": 0.
|
|
4750
|
-
"blue": 0.
|
|
4942
|
+
"red": 0.10588,
|
|
4943
|
+
"green": 0.27843,
|
|
4944
|
+
"blue": 0.27451,
|
|
4751
4945
|
"alpha": 1
|
|
4752
4946
|
}
|
|
4753
4947
|
}
|
|
@@ -5168,7 +5362,7 @@
|
|
|
5168
5362
|
}
|
|
5169
5363
|
},
|
|
5170
5364
|
"metadata": {
|
|
5171
|
-
"themeTokensVersion": "2.
|
|
5365
|
+
"themeTokensVersion": "2.12.0",
|
|
5172
5366
|
"name": "theme-koodo"
|
|
5173
5367
|
}
|
|
5174
5368
|
}
|