@telus-uds/theme-koodo 3.10.0 → 3.11.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/theme.json +90 -19
- package/build/ios/theme.json +90 -19
- package/build/rn/theme.js +23 -9
- package/package.json +1 -1
- package/theme.json +59 -11
package/build/android/theme.json
CHANGED
|
@@ -1558,13 +1558,21 @@
|
|
|
1558
1558
|
},
|
|
1559
1559
|
"Icon": {
|
|
1560
1560
|
"appearances": {
|
|
1561
|
-
"
|
|
1561
|
+
"color": {
|
|
1562
1562
|
"type": "variant",
|
|
1563
|
-
"values": [
|
|
1563
|
+
"values": [
|
|
1564
|
+
"brand",
|
|
1565
|
+
"subtle",
|
|
1566
|
+
"offer",
|
|
1567
|
+
"success",
|
|
1568
|
+
"danger",
|
|
1569
|
+
"warning",
|
|
1570
|
+
"inverse"
|
|
1571
|
+
]
|
|
1564
1572
|
},
|
|
1565
1573
|
"size": {
|
|
1566
1574
|
"type": "variant",
|
|
1567
|
-
"values": ["small"]
|
|
1575
|
+
"values": ["micro", "small", "large", "extraLarge"]
|
|
1568
1576
|
},
|
|
1569
1577
|
"status": {
|
|
1570
1578
|
"description": "Uses icon colour to communicate meaning to the user",
|
|
@@ -1573,6 +1581,14 @@
|
|
|
1573
1581
|
}
|
|
1574
1582
|
},
|
|
1575
1583
|
"rules": [
|
|
1584
|
+
{
|
|
1585
|
+
"if": {
|
|
1586
|
+
"size": "micro"
|
|
1587
|
+
},
|
|
1588
|
+
"tokens": {
|
|
1589
|
+
"size": 16
|
|
1590
|
+
}
|
|
1591
|
+
},
|
|
1576
1592
|
{
|
|
1577
1593
|
"if": {
|
|
1578
1594
|
"size": "small"
|
|
@@ -1583,46 +1599,101 @@
|
|
|
1583
1599
|
},
|
|
1584
1600
|
{
|
|
1585
1601
|
"if": {
|
|
1586
|
-
"
|
|
1602
|
+
"size": "large"
|
|
1603
|
+
},
|
|
1604
|
+
"tokens": {
|
|
1605
|
+
"size": 32
|
|
1606
|
+
}
|
|
1607
|
+
},
|
|
1608
|
+
{
|
|
1609
|
+
"if": {
|
|
1610
|
+
"size": "extraLarge"
|
|
1611
|
+
},
|
|
1612
|
+
"tokens": {
|
|
1613
|
+
"size": 48
|
|
1614
|
+
}
|
|
1615
|
+
},
|
|
1616
|
+
{
|
|
1617
|
+
"if": {
|
|
1618
|
+
"color": "brand"
|
|
1587
1619
|
},
|
|
1588
1620
|
"tokens": {
|
|
1589
1621
|
"color": {
|
|
1590
|
-
"red": 0,
|
|
1591
|
-
"green": 0,
|
|
1592
|
-
"blue": 0,
|
|
1622
|
+
"red": 0.00392,
|
|
1623
|
+
"green": 0.41961,
|
|
1624
|
+
"blue": 0.41569,
|
|
1593
1625
|
"alpha": 1
|
|
1594
1626
|
}
|
|
1595
1627
|
}
|
|
1596
1628
|
},
|
|
1597
1629
|
{
|
|
1598
1630
|
"if": {
|
|
1599
|
-
"
|
|
1631
|
+
"color": "subtle"
|
|
1600
1632
|
},
|
|
1601
1633
|
"tokens": {
|
|
1602
1634
|
"color": {
|
|
1603
|
-
"red": 0,
|
|
1604
|
-
"green": 0.
|
|
1605
|
-
"blue": 0.
|
|
1635
|
+
"red": 0.4,
|
|
1636
|
+
"green": 0.4,
|
|
1637
|
+
"blue": 0.4,
|
|
1606
1638
|
"alpha": 1
|
|
1607
1639
|
}
|
|
1608
1640
|
}
|
|
1609
1641
|
},
|
|
1610
1642
|
{
|
|
1611
1643
|
"if": {
|
|
1612
|
-
"
|
|
1644
|
+
"color": "offer"
|
|
1613
1645
|
},
|
|
1614
1646
|
"tokens": {
|
|
1615
1647
|
"color": {
|
|
1616
|
-
"red": 0,
|
|
1617
|
-
"green": 0,
|
|
1618
|
-
"blue": 0,
|
|
1648
|
+
"red": 0.00392,
|
|
1649
|
+
"green": 0.41961,
|
|
1650
|
+
"blue": 0.41569,
|
|
1651
|
+
"alpha": 1
|
|
1652
|
+
}
|
|
1653
|
+
}
|
|
1654
|
+
},
|
|
1655
|
+
{
|
|
1656
|
+
"if": {
|
|
1657
|
+
"color": "success"
|
|
1658
|
+
},
|
|
1659
|
+
"tokens": {
|
|
1660
|
+
"color": {
|
|
1661
|
+
"red": 0.00392,
|
|
1662
|
+
"green": 0.41961,
|
|
1663
|
+
"blue": 0.41569,
|
|
1664
|
+
"alpha": 1
|
|
1665
|
+
}
|
|
1666
|
+
}
|
|
1667
|
+
},
|
|
1668
|
+
{
|
|
1669
|
+
"if": {
|
|
1670
|
+
"color": "danger"
|
|
1671
|
+
},
|
|
1672
|
+
"tokens": {
|
|
1673
|
+
"color": {
|
|
1674
|
+
"red": 0.93333,
|
|
1675
|
+
"green": 0.17255,
|
|
1676
|
+
"blue": 0.4549,
|
|
1677
|
+
"alpha": 1
|
|
1678
|
+
}
|
|
1679
|
+
}
|
|
1680
|
+
},
|
|
1681
|
+
{
|
|
1682
|
+
"if": {
|
|
1683
|
+
"color": "warning"
|
|
1684
|
+
},
|
|
1685
|
+
"tokens": {
|
|
1686
|
+
"color": {
|
|
1687
|
+
"red": 0.34902,
|
|
1688
|
+
"green": 0.34902,
|
|
1689
|
+
"blue": 0.34902,
|
|
1619
1690
|
"alpha": 1
|
|
1620
1691
|
}
|
|
1621
1692
|
}
|
|
1622
1693
|
},
|
|
1623
1694
|
{
|
|
1624
1695
|
"if": {
|
|
1625
|
-
"
|
|
1696
|
+
"color": "inverse"
|
|
1626
1697
|
},
|
|
1627
1698
|
"tokens": {
|
|
1628
1699
|
"color": {
|
|
@@ -1662,9 +1733,9 @@
|
|
|
1662
1733
|
],
|
|
1663
1734
|
"tokens": {
|
|
1664
1735
|
"color": {
|
|
1665
|
-
"red": 0
|
|
1666
|
-
"green": 0
|
|
1667
|
-
"blue": 0
|
|
1736
|
+
"red": 0,
|
|
1737
|
+
"green": 0,
|
|
1738
|
+
"blue": 0,
|
|
1668
1739
|
"alpha": 1
|
|
1669
1740
|
},
|
|
1670
1741
|
"scale": 1,
|
package/build/ios/theme.json
CHANGED
|
@@ -1558,13 +1558,21 @@
|
|
|
1558
1558
|
},
|
|
1559
1559
|
"Icon": {
|
|
1560
1560
|
"appearances": {
|
|
1561
|
-
"
|
|
1561
|
+
"color": {
|
|
1562
1562
|
"type": "variant",
|
|
1563
|
-
"values": [
|
|
1563
|
+
"values": [
|
|
1564
|
+
"brand",
|
|
1565
|
+
"subtle",
|
|
1566
|
+
"offer",
|
|
1567
|
+
"success",
|
|
1568
|
+
"danger",
|
|
1569
|
+
"warning",
|
|
1570
|
+
"inverse"
|
|
1571
|
+
]
|
|
1564
1572
|
},
|
|
1565
1573
|
"size": {
|
|
1566
1574
|
"type": "variant",
|
|
1567
|
-
"values": ["small"]
|
|
1575
|
+
"values": ["micro", "small", "large", "extraLarge"]
|
|
1568
1576
|
},
|
|
1569
1577
|
"status": {
|
|
1570
1578
|
"description": "Uses icon colour to communicate meaning to the user",
|
|
@@ -1573,6 +1581,14 @@
|
|
|
1573
1581
|
}
|
|
1574
1582
|
},
|
|
1575
1583
|
"rules": [
|
|
1584
|
+
{
|
|
1585
|
+
"if": {
|
|
1586
|
+
"size": "micro"
|
|
1587
|
+
},
|
|
1588
|
+
"tokens": {
|
|
1589
|
+
"size": 16
|
|
1590
|
+
}
|
|
1591
|
+
},
|
|
1576
1592
|
{
|
|
1577
1593
|
"if": {
|
|
1578
1594
|
"size": "small"
|
|
@@ -1583,46 +1599,101 @@
|
|
|
1583
1599
|
},
|
|
1584
1600
|
{
|
|
1585
1601
|
"if": {
|
|
1586
|
-
"
|
|
1602
|
+
"size": "large"
|
|
1603
|
+
},
|
|
1604
|
+
"tokens": {
|
|
1605
|
+
"size": 32
|
|
1606
|
+
}
|
|
1607
|
+
},
|
|
1608
|
+
{
|
|
1609
|
+
"if": {
|
|
1610
|
+
"size": "extraLarge"
|
|
1611
|
+
},
|
|
1612
|
+
"tokens": {
|
|
1613
|
+
"size": 48
|
|
1614
|
+
}
|
|
1615
|
+
},
|
|
1616
|
+
{
|
|
1617
|
+
"if": {
|
|
1618
|
+
"color": "brand"
|
|
1587
1619
|
},
|
|
1588
1620
|
"tokens": {
|
|
1589
1621
|
"color": {
|
|
1590
|
-
"red": 0,
|
|
1591
|
-
"green": 0,
|
|
1592
|
-
"blue": 0,
|
|
1622
|
+
"red": 0.00392,
|
|
1623
|
+
"green": 0.41961,
|
|
1624
|
+
"blue": 0.41569,
|
|
1593
1625
|
"alpha": 1
|
|
1594
1626
|
}
|
|
1595
1627
|
}
|
|
1596
1628
|
},
|
|
1597
1629
|
{
|
|
1598
1630
|
"if": {
|
|
1599
|
-
"
|
|
1631
|
+
"color": "subtle"
|
|
1600
1632
|
},
|
|
1601
1633
|
"tokens": {
|
|
1602
1634
|
"color": {
|
|
1603
|
-
"red": 0,
|
|
1604
|
-
"green": 0.
|
|
1605
|
-
"blue": 0.
|
|
1635
|
+
"red": 0.4,
|
|
1636
|
+
"green": 0.4,
|
|
1637
|
+
"blue": 0.4,
|
|
1606
1638
|
"alpha": 1
|
|
1607
1639
|
}
|
|
1608
1640
|
}
|
|
1609
1641
|
},
|
|
1610
1642
|
{
|
|
1611
1643
|
"if": {
|
|
1612
|
-
"
|
|
1644
|
+
"color": "offer"
|
|
1613
1645
|
},
|
|
1614
1646
|
"tokens": {
|
|
1615
1647
|
"color": {
|
|
1616
|
-
"red": 0,
|
|
1617
|
-
"green": 0,
|
|
1618
|
-
"blue": 0,
|
|
1648
|
+
"red": 0.00392,
|
|
1649
|
+
"green": 0.41961,
|
|
1650
|
+
"blue": 0.41569,
|
|
1651
|
+
"alpha": 1
|
|
1652
|
+
}
|
|
1653
|
+
}
|
|
1654
|
+
},
|
|
1655
|
+
{
|
|
1656
|
+
"if": {
|
|
1657
|
+
"color": "success"
|
|
1658
|
+
},
|
|
1659
|
+
"tokens": {
|
|
1660
|
+
"color": {
|
|
1661
|
+
"red": 0.00392,
|
|
1662
|
+
"green": 0.41961,
|
|
1663
|
+
"blue": 0.41569,
|
|
1664
|
+
"alpha": 1
|
|
1665
|
+
}
|
|
1666
|
+
}
|
|
1667
|
+
},
|
|
1668
|
+
{
|
|
1669
|
+
"if": {
|
|
1670
|
+
"color": "danger"
|
|
1671
|
+
},
|
|
1672
|
+
"tokens": {
|
|
1673
|
+
"color": {
|
|
1674
|
+
"red": 0.93333,
|
|
1675
|
+
"green": 0.17255,
|
|
1676
|
+
"blue": 0.4549,
|
|
1677
|
+
"alpha": 1
|
|
1678
|
+
}
|
|
1679
|
+
}
|
|
1680
|
+
},
|
|
1681
|
+
{
|
|
1682
|
+
"if": {
|
|
1683
|
+
"color": "warning"
|
|
1684
|
+
},
|
|
1685
|
+
"tokens": {
|
|
1686
|
+
"color": {
|
|
1687
|
+
"red": 0.34902,
|
|
1688
|
+
"green": 0.34902,
|
|
1689
|
+
"blue": 0.34902,
|
|
1619
1690
|
"alpha": 1
|
|
1620
1691
|
}
|
|
1621
1692
|
}
|
|
1622
1693
|
},
|
|
1623
1694
|
{
|
|
1624
1695
|
"if": {
|
|
1625
|
-
"
|
|
1696
|
+
"color": "inverse"
|
|
1626
1697
|
},
|
|
1627
1698
|
"tokens": {
|
|
1628
1699
|
"color": {
|
|
@@ -1662,9 +1733,9 @@
|
|
|
1662
1733
|
],
|
|
1663
1734
|
"tokens": {
|
|
1664
1735
|
"color": {
|
|
1665
|
-
"red": 0
|
|
1666
|
-
"green": 0
|
|
1667
|
-
"blue": 0
|
|
1736
|
+
"red": 0,
|
|
1737
|
+
"green": 0,
|
|
1738
|
+
"blue": 0,
|
|
1668
1739
|
"alpha": 1
|
|
1669
1740
|
},
|
|
1670
1741
|
"scale": 1,
|
package/build/rn/theme.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*
|
|
2
2
|
*
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on
|
|
4
|
+
* Generated on Thu, 02 Mar 2023 22:28:35 GMT
|
|
5
5
|
*
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -958,11 +958,19 @@ module.exports = {
|
|
|
958
958
|
},
|
|
959
959
|
Icon: {
|
|
960
960
|
appearances: {
|
|
961
|
-
|
|
961
|
+
color: {
|
|
962
962
|
type: 'variant',
|
|
963
|
-
values: [
|
|
963
|
+
values: [
|
|
964
|
+
'brand', 'subtle',
|
|
965
|
+
'offer', 'success',
|
|
966
|
+
'danger', 'warning',
|
|
967
|
+
'inverse'
|
|
968
|
+
]
|
|
969
|
+
},
|
|
970
|
+
size: {
|
|
971
|
+
type: 'variant',
|
|
972
|
+
values: [ 'micro', 'small', 'large', 'extraLarge' ]
|
|
964
973
|
},
|
|
965
|
-
size: { type: 'variant', values: [ 'small' ] },
|
|
966
974
|
status: {
|
|
967
975
|
description: 'Uses icon colour to communicate meaning to the user',
|
|
968
976
|
type: 'variant',
|
|
@@ -970,16 +978,22 @@ module.exports = {
|
|
|
970
978
|
}
|
|
971
979
|
},
|
|
972
980
|
rules: [
|
|
981
|
+
{ if: { size: 'micro' }, tokens: { size: 16 } },
|
|
973
982
|
{ if: { size: 'small' }, tokens: { size: 20 } },
|
|
974
|
-
{ if: {
|
|
975
|
-
{ if: {
|
|
976
|
-
{ if: {
|
|
977
|
-
{ if: {
|
|
983
|
+
{ if: { size: 'large' }, tokens: { size: 32 } },
|
|
984
|
+
{ if: { size: 'extraLarge' }, tokens: { size: 48 } },
|
|
985
|
+
{ if: { color: 'brand' }, tokens: { color: '#016b6a' } },
|
|
986
|
+
{ if: { color: 'subtle' }, tokens: { color: '#666666' } },
|
|
987
|
+
{ if: { color: 'offer' }, tokens: { color: '#016b6a' } },
|
|
988
|
+
{ if: { color: 'success' }, tokens: { color: '#016b6a' } },
|
|
989
|
+
{ if: { color: 'danger' }, tokens: { color: '#ee2c74' } },
|
|
990
|
+
{ if: { color: 'warning' }, tokens: { color: '#595959' } },
|
|
991
|
+
{ if: { color: 'inverse' }, tokens: { color: '#ffffff' } },
|
|
978
992
|
{ if: { status: 'success' }, tokens: { color: '#016b6a' } },
|
|
979
993
|
{ if: { status: 'error' }, tokens: { color: '#ee2c74' } }
|
|
980
994
|
],
|
|
981
995
|
tokens: {
|
|
982
|
-
color: '#
|
|
996
|
+
color: '#000000',
|
|
983
997
|
scale: 1,
|
|
984
998
|
size: 24,
|
|
985
999
|
translateX: 0,
|
package/package.json
CHANGED
package/theme.json
CHANGED
|
@@ -1097,13 +1097,13 @@
|
|
|
1097
1097
|
},
|
|
1098
1098
|
"Icon": {
|
|
1099
1099
|
"appearances": {
|
|
1100
|
-
"
|
|
1100
|
+
"color": {
|
|
1101
1101
|
"type": "variant",
|
|
1102
|
-
"values": ["
|
|
1102
|
+
"values": ["brand", "subtle", "offer", "success", "danger", "warning", "inverse"]
|
|
1103
1103
|
},
|
|
1104
1104
|
"size": {
|
|
1105
1105
|
"type": "variant",
|
|
1106
|
-
"values": ["small"]
|
|
1106
|
+
"values": ["micro", "small", "large", "extraLarge"]
|
|
1107
1107
|
},
|
|
1108
1108
|
"status": {
|
|
1109
1109
|
"description": "Uses icon colour to communicate meaning to the user",
|
|
@@ -1112,6 +1112,14 @@
|
|
|
1112
1112
|
}
|
|
1113
1113
|
},
|
|
1114
1114
|
"rules": [
|
|
1115
|
+
{
|
|
1116
|
+
"if": {
|
|
1117
|
+
"size": "micro"
|
|
1118
|
+
},
|
|
1119
|
+
"tokens": {
|
|
1120
|
+
"size": "{palette.size.size16}"
|
|
1121
|
+
}
|
|
1122
|
+
},
|
|
1115
1123
|
{
|
|
1116
1124
|
"if": {
|
|
1117
1125
|
"size": "small"
|
|
@@ -1122,31 +1130,71 @@
|
|
|
1122
1130
|
},
|
|
1123
1131
|
{
|
|
1124
1132
|
"if": {
|
|
1125
|
-
"
|
|
1133
|
+
"size": "large"
|
|
1126
1134
|
},
|
|
1127
1135
|
"tokens": {
|
|
1128
|
-
"
|
|
1136
|
+
"size": "{palette.size.size32}"
|
|
1129
1137
|
}
|
|
1130
1138
|
},
|
|
1131
1139
|
{
|
|
1132
1140
|
"if": {
|
|
1133
|
-
"
|
|
1141
|
+
"size": "extraLarge"
|
|
1134
1142
|
},
|
|
1135
1143
|
"tokens": {
|
|
1136
|
-
"
|
|
1144
|
+
"size": "{palette.size.size48}"
|
|
1137
1145
|
}
|
|
1138
1146
|
},
|
|
1139
1147
|
{
|
|
1140
1148
|
"if": {
|
|
1141
|
-
"
|
|
1149
|
+
"color": "brand"
|
|
1142
1150
|
},
|
|
1143
1151
|
"tokens": {
|
|
1144
|
-
"color": "{palette.color.
|
|
1152
|
+
"color": "{palette.color.mosque}"
|
|
1145
1153
|
}
|
|
1146
1154
|
},
|
|
1147
1155
|
{
|
|
1148
1156
|
"if": {
|
|
1149
|
-
"
|
|
1157
|
+
"color": "subtle"
|
|
1158
|
+
},
|
|
1159
|
+
"tokens": {
|
|
1160
|
+
"color": "{palette.color.dove}"
|
|
1161
|
+
}
|
|
1162
|
+
},
|
|
1163
|
+
{
|
|
1164
|
+
"if": {
|
|
1165
|
+
"color": "offer"
|
|
1166
|
+
},
|
|
1167
|
+
"tokens": {
|
|
1168
|
+
"color": "{palette.color.mosque}"
|
|
1169
|
+
}
|
|
1170
|
+
},
|
|
1171
|
+
{
|
|
1172
|
+
"if": {
|
|
1173
|
+
"color": "success"
|
|
1174
|
+
},
|
|
1175
|
+
"tokens": {
|
|
1176
|
+
"color": "{palette.color.mosque}"
|
|
1177
|
+
}
|
|
1178
|
+
},
|
|
1179
|
+
{
|
|
1180
|
+
"if": {
|
|
1181
|
+
"color": "danger"
|
|
1182
|
+
},
|
|
1183
|
+
"tokens": {
|
|
1184
|
+
"color": "{palette.color.amaranth}"
|
|
1185
|
+
}
|
|
1186
|
+
},
|
|
1187
|
+
{
|
|
1188
|
+
"if": {
|
|
1189
|
+
"color": "warning"
|
|
1190
|
+
},
|
|
1191
|
+
"tokens": {
|
|
1192
|
+
"color": "{palette.color.mortar}"
|
|
1193
|
+
}
|
|
1194
|
+
},
|
|
1195
|
+
{
|
|
1196
|
+
"if": {
|
|
1197
|
+
"color": "inverse"
|
|
1150
1198
|
},
|
|
1151
1199
|
"tokens": {
|
|
1152
1200
|
"color": "{palette.color.white}"
|
|
@@ -1170,7 +1218,7 @@
|
|
|
1170
1218
|
}
|
|
1171
1219
|
],
|
|
1172
1220
|
"tokens": {
|
|
1173
|
-
"color": "{palette.color.
|
|
1221
|
+
"color": "{palette.color.black}",
|
|
1174
1222
|
"scale": "{system.integer.1}",
|
|
1175
1223
|
"size": "{palette.size.size24}",
|
|
1176
1224
|
"translateX": "{system.size.zero}",
|