@telus-uds/theme-koodo 1.0.0 → 2.0.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.
Files changed (6) hide show
  1. package/README.md +1 -1
  2. package/build/schema.json +131 -119
  3. package/build/theme.js +19 -27
  4. package/package.json +8 -9
  5. package/theme.json +17 -25
  6. package/CHANGELOG.md +0 -1621
package/build/theme.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Mon, 21 Mar 2022 20:22:31 GMT
4
+ * Generated on Tue, 05 Apr 2022 06:04:41 GMT
5
5
  *
6
6
  */
7
7
 
@@ -400,7 +400,8 @@ module.exports = {
400
400
  iconSize: 24,
401
401
  iconSpace: 0,
402
402
  leftIcon: PaletteIconChevronLeft,
403
- rightIcon: PaletteIconChevronRight
403
+ rightIcon: PaletteIconChevronRight,
404
+ textLine: 'none'
404
405
  }
405
406
  },
406
407
  Divider: {
@@ -645,12 +646,12 @@ module.exports = {
645
646
  appearances: {},
646
647
  rules: [],
647
648
  tokens: {
648
- color: '#666666',
649
+ color: '#000000',
649
650
  fontName: 'StagSans',
650
651
  fontSize: 16,
651
- fontWeight: '500',
652
+ fontWeight: '700',
652
653
  gap: 8,
653
- hintColor: '#666666',
654
+ hintColor: '#000000',
654
655
  hintFontName: 'StagSans',
655
656
  hintFontSize: 14,
656
657
  hintFontWeight: '400',
@@ -834,10 +835,6 @@ module.exports = {
834
835
  {
835
836
  if: { system: true },
836
837
  tokens: {
837
- borderLeftWidth: 0,
838
- borderRadius: 0,
839
- borderRightWidth: 0,
840
- borderTopWidth: 0,
841
838
  iconGap: 12,
842
839
  paddingBottom: 16,
843
840
  paddingLeft: 16,
@@ -849,7 +846,6 @@ module.exports = {
849
846
  if: { style: 'success' },
850
847
  tokens: {
851
848
  backgroundColor: '#c1f2e8',
852
- borderColor: '#258b0b',
853
849
  icon: PaletteIconCheckCircledFilled,
854
850
  iconColor: '#258b0b'
855
851
  }
@@ -858,7 +854,6 @@ module.exports = {
858
854
  if: { style: 'warning' },
859
855
  tokens: {
860
856
  backgroundColor: '#feeec7',
861
- borderColor: '#fbaf34',
862
857
  icon: PaletteIconExclamationTriangle,
863
858
  iconColor: '#fbaf34'
864
859
  }
@@ -866,8 +861,7 @@ module.exports = {
866
861
  {
867
862
  if: { style: 'error' },
868
863
  tokens: {
869
- backgroundColor: '#fae6f4',
870
- borderColor: '#df3d0c',
864
+ backgroundColor: '#f8dde3',
871
865
  icon: PaletteIconExclamationOctagon,
872
866
  iconColor: '#df3d0c'
873
867
  }
@@ -875,16 +869,16 @@ module.exports = {
875
869
  ],
876
870
  tokens: {
877
871
  backgroundColor: '#efefef',
878
- borderBottomWidth: 1,
879
- borderColor: '#595959',
880
- borderLeftWidth: 1,
881
- borderRadius: 4,
882
- borderRightWidth: 1,
883
- borderTopWidth: 1,
884
- color: '#666666',
872
+ borderBottomWidth: 0,
873
+ borderColor: 'transparent',
874
+ borderLeftWidth: 0,
875
+ borderRadius: 0,
876
+ borderRightWidth: 0,
877
+ borderTopWidth: 0,
878
+ color: '#000000',
885
879
  dismissButtonGap: 16,
886
880
  dismissIcon: PaletteIconTimes,
887
- dismissIconColor: '#666666',
881
+ dismissIconColor: '#000000',
888
882
  dismissIconSize: 16,
889
883
  fontName: 'StagSans',
890
884
  fontSize: 16,
@@ -1234,7 +1228,6 @@ module.exports = {
1234
1228
  {
1235
1229
  if: { hover: true },
1236
1230
  tokens: {
1237
- borderColor: '#666666',
1238
1231
  outerBorderColor: '#efefef',
1239
1232
  outerBorderWidth: 2,
1240
1233
  radioInputBorderColor: '#014847'
@@ -1245,7 +1238,6 @@ module.exports = {
1245
1238
  if: { pressed: true },
1246
1239
  tokens: {
1247
1240
  backgroundColor: '#efefef',
1248
- borderColor: '#666666',
1249
1241
  outerBorderColor: '#efefef',
1250
1242
  outerBorderWidth: 2,
1251
1243
  radioInputBorderColor: '#014847'
@@ -1281,7 +1273,7 @@ module.exports = {
1281
1273
  ],
1282
1274
  tokens: {
1283
1275
  backgroundColor: '#ffffff',
1284
- borderColor: '#c9c8c8',
1276
+ borderColor: '#000000',
1285
1277
  borderRadius: 4,
1286
1278
  borderWidth: 1,
1287
1279
  color: '#000000',
@@ -1525,7 +1517,7 @@ module.exports = {
1525
1517
  borderColor: '#c9c8c8',
1526
1518
  borderRadius: 4,
1527
1519
  borderWidth: 1,
1528
- color: '#666666',
1520
+ color: '#000000',
1529
1521
  fontName: 'StagSans',
1530
1522
  fontSize: 16,
1531
1523
  fontWeight: '400',
@@ -2015,7 +2007,7 @@ module.exports = {
2015
2007
  ],
2016
2008
  tokens: {
2017
2009
  backgroundColor: '#ffffff',
2018
- borderColor: '#c9c8c8',
2010
+ borderColor: '#000000',
2019
2011
  borderRadius: 4,
2020
2012
  borderWidth: 1,
2021
2013
  color: '#666666',
@@ -2376,5 +2368,5 @@ module.exports = {
2376
2368
  tokens: { size: 96 }
2377
2369
  }
2378
2370
  },
2379
- metadata: { name: 'theme-koodo', themeTokensVersion: '1.2.1' }
2371
+ metadata: { name: 'theme-koodo', themeTokensVersion: '1.3.0' }
2380
2372
  }
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@telus-uds/theme-koodo",
3
- "version": "1.0.0",
3
+ "version": "2.0.0",
4
4
  "description": "Koodo theme",
5
5
  "keywords": [
6
6
  "koodo"
7
7
  ],
8
8
  "author": "TELUS Digital",
9
- "homepage": "https://github.com/telus/universal-design-system#readme",
9
+ "homepage": "https://github.com/telus/koodo-design-system#readme",
10
10
  "license": "UNLICENSED",
11
11
  "main": "build/theme.js",
12
12
  "files": [
@@ -15,23 +15,22 @@
15
15
  ],
16
16
  "dependencies": {},
17
17
  "peerDependencies": {
18
- "@telus-uds/palette-koodo": "^0.1.0-prerelease.4"
18
+ "@telus-uds/palette-koodo": "^0.1.0"
19
19
  },
20
20
  "devDependencies": {
21
- "@telus-uds/palette-koodo": "^0.1.0-prerelease.4",
22
- "@telus-uds/system-theme-tokens": "^1.2.1",
23
- "@telus-uds/system-themes": "^0.0.1"
21
+ "@telus-uds/palette-koodo": "^0.1.0",
22
+ "@telus-uds/system-theme-tokens": "^1.3.0"
24
23
  },
25
24
  "repository": {
26
25
  "type": "git",
27
- "url": "git+https://github.com/telus/universal-design-system.git"
26
+ "url": "git+https://github.com/telus/koodo-design-system.git"
28
27
  },
29
28
  "scripts": {
30
29
  "release": "standard-version",
31
- "build": "UDS_PALETTE=@telus-uds/palette-koodo system-themes-build",
30
+ "build": "UDS_PALETTE=@telus-uds/palette-koodo system-tokens-build-theme",
32
31
  "dev": "nodemon -w src -x 'yarn build'"
33
32
  },
34
33
  "bugs": {
35
- "url": "https://github.com/telus/universal-design-system/issues"
34
+ "url": "https://github.com/telus/koodo-design-system/issues"
36
35
  }
37
36
  }
package/theme.json CHANGED
@@ -438,7 +438,8 @@
438
438
  "iconSize": "{palette.size.size24}",
439
439
  "iconSpace": "{system.integer.0}",
440
440
  "leftIcon": "{palette.icon.ChevronLeft}",
441
- "rightIcon": "{palette.icon.ChevronRight}"
441
+ "rightIcon": "{palette.icon.ChevronRight}",
442
+ "textLine": "{system.textLine.none}"
442
443
  }
443
444
  },
444
445
  "Divider": {
@@ -723,12 +724,12 @@
723
724
  "appearances": {},
724
725
  "rules": [],
725
726
  "tokens": {
726
- "color": "{palette.color.dove}",
727
+ "color": "{palette.color.black}",
727
728
  "fontName": "{palette.fontName.StagSans}",
728
729
  "fontSize": "{palette.fontSize.size16}",
729
- "fontWeight": "{palette.fontWeight.weight500}",
730
+ "fontWeight": "{palette.fontWeight.weight700}",
730
731
  "gap": "{palette.size.size8}",
731
- "hintColor": "{palette.color.dove}",
732
+ "hintColor": "{palette.color.black}",
732
733
  "hintFontName": "{palette.fontName.StagSans}",
733
734
  "hintFontSize": "{palette.fontSize.size14}",
734
735
  "hintFontWeight": "{palette.fontWeight.weight400}",
@@ -958,10 +959,6 @@
958
959
  "system": true
959
960
  },
960
961
  "tokens": {
961
- "borderLeftWidth": "{system.border.zero}",
962
- "borderRadius": "{system.radius.zero}",
963
- "borderRightWidth": "{system.border.zero}",
964
- "borderTopWidth": "{system.border.zero}",
965
962
  "iconGap": "{palette.size.size12}",
966
963
  "paddingBottom": "{palette.size.size16}",
967
964
  "paddingLeft": "{palette.size.size16}",
@@ -975,7 +972,6 @@
975
972
  },
976
973
  "tokens": {
977
974
  "backgroundColor": "{palette.color.mintTulip}",
978
- "borderColor": "{palette.color.bilbao}",
979
975
  "icon": "{palette.icon.CheckCircledFilled}",
980
976
  "iconColor": "{palette.color.bilbao}"
981
977
  }
@@ -986,7 +982,6 @@
986
982
  },
987
983
  "tokens": {
988
984
  "backgroundColor": "{palette.color.beeswax}",
989
- "borderColor": "{palette.color.seaBuckthorn}",
990
985
  "icon": "{palette.icon.ExclamationTriangle}",
991
986
  "iconColor": "{palette.color.seaBuckthorn}"
992
987
  }
@@ -996,8 +991,7 @@
996
991
  "style": "error"
997
992
  },
998
993
  "tokens": {
999
- "backgroundColor": "{palette.color.carouselPink}",
1000
- "borderColor": "{palette.color.trinidad}",
994
+ "backgroundColor": "{palette.color.notificationErrorBg}",
1001
995
  "icon": "{palette.icon.ExclamationOctagon}",
1002
996
  "iconColor": "{palette.color.trinidad}"
1003
997
  }
@@ -1005,16 +999,16 @@
1005
999
  ],
1006
1000
  "tokens": {
1007
1001
  "backgroundColor": "{palette.color.gallery}",
1008
- "borderBottomWidth": "{palette.border.border1}",
1009
- "borderColor": "{palette.color.mortar}",
1010
- "borderLeftWidth": "{palette.border.border1}",
1011
- "borderRadius": "{palette.radius.radius4}",
1012
- "borderRightWidth": "{palette.border.border1}",
1013
- "borderTopWidth": "{palette.border.border1}",
1014
- "color": "{palette.color.dove}",
1002
+ "borderBottomWidth": "{system.border.zero}",
1003
+ "borderColor": "{system.color.transparent}",
1004
+ "borderLeftWidth": "{system.border.zero}",
1005
+ "borderRadius": "{system.radius.zero}",
1006
+ "borderRightWidth": "{system.border.zero}",
1007
+ "borderTopWidth": "{system.border.zero}",
1008
+ "color": "{palette.color.black}",
1015
1009
  "dismissButtonGap": "{palette.size.size16}",
1016
1010
  "dismissIcon": "{palette.icon.Times}",
1017
- "dismissIconColor": "{palette.color.dove}",
1011
+ "dismissIconColor": "{palette.color.black}",
1018
1012
  "dismissIconSize": "{palette.size.size16}",
1019
1013
  "fontName": "{palette.fontName.StagSans}",
1020
1014
  "fontSize": "{palette.fontSize.size16}",
@@ -1361,7 +1355,6 @@
1361
1355
  "hover": true
1362
1356
  },
1363
1357
  "tokens": {
1364
- "borderColor": "{palette.color.dove}",
1365
1358
  "outerBorderColor": "{palette.color.gallery}",
1366
1359
  "outerBorderWidth": "{palette.border.border2}",
1367
1360
  "radioInputBorderColor": "{palette.color.darkMosque}"
@@ -1374,7 +1367,6 @@
1374
1367
  },
1375
1368
  "tokens": {
1376
1369
  "backgroundColor": "{palette.color.gallery}",
1377
- "borderColor": "{palette.color.dove}",
1378
1370
  "outerBorderColor": "{palette.color.gallery}",
1379
1371
  "outerBorderWidth": "{palette.border.border2}",
1380
1372
  "radioInputBorderColor": "{palette.color.darkMosque}"
@@ -1416,7 +1408,7 @@
1416
1408
  ],
1417
1409
  "tokens": {
1418
1410
  "backgroundColor": "{palette.color.white}",
1419
- "borderColor": "{palette.color.silver}",
1411
+ "borderColor": "{palette.color.black}",
1420
1412
  "borderRadius": "{palette.radius.radius4}",
1421
1413
  "borderWidth": "{palette.border.border1}",
1422
1414
  "color": "{palette.color.black}",
@@ -1681,7 +1673,7 @@
1681
1673
  "borderColor": "{palette.color.silver}",
1682
1674
  "borderRadius": "{palette.radius.radius4}",
1683
1675
  "borderWidth": "{palette.border.border1}",
1684
- "color": "{palette.color.dove}",
1676
+ "color": "{palette.color.black}",
1685
1677
  "fontName": "{palette.fontName.StagSans}",
1686
1678
  "fontSize": "{palette.fontSize.size16}",
1687
1679
  "fontWeight": "{palette.fontWeight.weight400}",
@@ -2202,7 +2194,7 @@
2202
2194
  ],
2203
2195
  "tokens": {
2204
2196
  "backgroundColor": "{palette.color.white}",
2205
- "borderColor": "{palette.color.silver}",
2197
+ "borderColor": "{palette.color.black}",
2206
2198
  "borderRadius": "{palette.radius.radius4}",
2207
2199
  "borderWidth": "{palette.border.border1}",
2208
2200
  "color": "{palette.color.dove}",