@telus-uds/theme-koodo 3.11.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.
@@ -664,9 +664,9 @@
664
664
  "alpha": 1
665
665
  },
666
666
  "borderColor": {
667
- "red": 0.00392,
668
- "green": 0.28235,
669
- "blue": 0.27843,
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.00392,
734
- "green": 0.28235,
735
- "blue": 0.27843,
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.00392,
875
- "green": 0.28235,
876
- "blue": 0.27843,
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.00392,
1027
- "green": 0.28235,
1028
- "blue": 0.27843,
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.00392,
1034
- "green": 0.28235,
1035
- "blue": 0.27843,
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
- "rules": [],
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
- "iconDisplace": 4,
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": 0,
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
  }
@@ -2630,9 +2753,9 @@
2630
2753
  "borderRadius": 12,
2631
2754
  "gradient": null,
2632
2755
  "outlineColor": {
2633
- "red": 0.00392,
2634
- "green": 0.28235,
2635
- "blue": 0.27843,
2756
+ "red": 0.10588,
2757
+ "green": 0.27843,
2758
+ "blue": 0.27451,
2636
2759
  "alpha": 1
2637
2760
  },
2638
2761
  "outlineWidth": 1
@@ -3052,9 +3175,9 @@
3052
3175
  },
3053
3176
  "outerBorderWidth": 2,
3054
3177
  "radioInputBorderColor": {
3055
- "red": 0.00392,
3056
- "green": 0.28235,
3057
- "blue": 0.27843,
3178
+ "red": 0.10588,
3179
+ "green": 0.27843,
3180
+ "blue": 0.27451,
3058
3181
  "alpha": 1
3059
3182
  }
3060
3183
  }
@@ -3824,9 +3947,9 @@
3824
3947
  "rules": [],
3825
3948
  "tokens": {
3826
3949
  "backgroundColor": {
3827
- "red": 0.00392,
3828
- "green": 0.28235,
3829
- "blue": 0.27843,
3950
+ "red": 0.10588,
3951
+ "green": 0.27843,
3952
+ "blue": 0.27451,
3830
3953
  "alpha": 1
3831
3954
  },
3832
3955
  "borderRadius": 12,
@@ -4287,9 +4410,9 @@
4287
4410
  "alpha": 1
4288
4411
  },
4289
4412
  "borderColor": {
4290
- "red": 0.00392,
4291
- "green": 0.28235,
4292
- "blue": 0.27843,
4413
+ "red": 0.10588,
4414
+ "green": 0.27843,
4415
+ "blue": 0.27451,
4293
4416
  "alpha": 1
4294
4417
  },
4295
4418
  "borderRadius": 4,
@@ -4753,9 +4876,9 @@
4753
4876
  "alpha": 1
4754
4877
  },
4755
4878
  "color": {
4756
- "red": 0.00392,
4757
- "green": 0.28235,
4758
- "blue": 0.27843,
4879
+ "red": 0.10588,
4880
+ "green": 0.27843,
4881
+ "blue": 0.27451,
4759
4882
  "alpha": 1
4760
4883
  }
4761
4884
  }
@@ -4766,9 +4889,9 @@
4766
4889
  "arrowOffset": 4,
4767
4890
  "arrowWidth": 8,
4768
4891
  "backgroundColor": {
4769
- "red": 0.00392,
4770
- "green": 0.28235,
4771
- "blue": 0.27843,
4892
+ "red": 0.10588,
4893
+ "green": 0.27843,
4894
+ "blue": 0.27451,
4772
4895
  "alpha": 1
4773
4896
  },
4774
4897
  "borderRadius": 4,
@@ -4816,9 +4939,9 @@
4816
4939
  },
4817
4940
  "tokens": {
4818
4941
  "iconColor": {
4819
- "red": 0.00392,
4820
- "green": 0.28235,
4821
- "blue": 0.27843,
4942
+ "red": 0.10588,
4943
+ "green": 0.27843,
4944
+ "blue": 0.27451,
4822
4945
  "alpha": 1
4823
4946
  }
4824
4947
  }
@@ -5239,7 +5362,7 @@
5239
5362
  }
5240
5363
  },
5241
5364
  "metadata": {
5242
- "themeTokensVersion": "2.11.0",
5365
+ "themeTokensVersion": "2.12.0",
5243
5366
  "name": "theme-koodo"
5244
5367
  }
5245
5368
  }