@telus-uds/theme-koodo 1.0.0-prerelease.1 → 2.1.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 +435 -374
  3. package/build/theme.js +26 -27
  4. package/package.json +8 -9
  5. package/theme.json +24 -25
  6. package/CHANGELOG.md +0 -1617
package/build/theme.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Wed, 02 Mar 2022 21:32:42 GMT
4
+ * Generated on Fri, 29 Apr 2022 14:48:53 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: {
@@ -565,7 +566,13 @@ module.exports = {
565
566
  borderRadius: 32,
566
567
  borderWidth: 1,
567
568
  iconColor: '#016b6a',
569
+ iconScale: 1,
568
570
  iconSize: 16,
571
+ iconTranslateX: 0,
572
+ iconTranslateY: 0,
573
+ outerBorderColor: 'transparent',
574
+ outerBorderGap: 0,
575
+ outerBorderWidth: 0,
569
576
  padding: 8,
570
577
  shadow: null
571
578
  }
@@ -645,12 +652,12 @@ module.exports = {
645
652
  appearances: {},
646
653
  rules: [],
647
654
  tokens: {
648
- color: '#666666',
655
+ color: '#000000',
649
656
  fontName: 'StagSans',
650
657
  fontSize: 16,
651
- fontWeight: '500',
658
+ fontWeight: '700',
652
659
  gap: 8,
653
- hintColor: '#666666',
660
+ hintColor: '#000000',
654
661
  hintFontName: 'StagSans',
655
662
  hintFontSize: 14,
656
663
  hintFontWeight: '400',
@@ -805,6 +812,7 @@ module.exports = {
805
812
  closeIcon: PaletteIconTimes,
806
813
  closeIconColor: '#000000',
807
814
  closeIconSize: 24,
815
+ closePadding: 4,
808
816
  containerPaddingBottom: 0,
809
817
  containerPaddingLeft: 0,
810
818
  containerPaddingRight: 0,
@@ -834,10 +842,6 @@ module.exports = {
834
842
  {
835
843
  if: { system: true },
836
844
  tokens: {
837
- borderLeftWidth: 0,
838
- borderRadius: 0,
839
- borderRightWidth: 0,
840
- borderTopWidth: 0,
841
845
  iconGap: 12,
842
846
  paddingBottom: 16,
843
847
  paddingLeft: 16,
@@ -849,7 +853,6 @@ module.exports = {
849
853
  if: { style: 'success' },
850
854
  tokens: {
851
855
  backgroundColor: '#c1f2e8',
852
- borderColor: '#258b0b',
853
856
  icon: PaletteIconCheckCircledFilled,
854
857
  iconColor: '#258b0b'
855
858
  }
@@ -858,7 +861,6 @@ module.exports = {
858
861
  if: { style: 'warning' },
859
862
  tokens: {
860
863
  backgroundColor: '#feeec7',
861
- borderColor: '#fbaf34',
862
864
  icon: PaletteIconExclamationTriangle,
863
865
  iconColor: '#fbaf34'
864
866
  }
@@ -866,8 +868,7 @@ module.exports = {
866
868
  {
867
869
  if: { style: 'error' },
868
870
  tokens: {
869
- backgroundColor: '#fae6f4',
870
- borderColor: '#df3d0c',
871
+ backgroundColor: '#f8dde3',
871
872
  icon: PaletteIconExclamationOctagon,
872
873
  iconColor: '#df3d0c'
873
874
  }
@@ -875,16 +876,16 @@ module.exports = {
875
876
  ],
876
877
  tokens: {
877
878
  backgroundColor: '#efefef',
878
- borderBottomWidth: 1,
879
- borderColor: '#595959',
880
- borderLeftWidth: 1,
881
- borderRadius: 4,
882
- borderRightWidth: 1,
883
- borderTopWidth: 1,
884
- color: '#666666',
879
+ borderBottomWidth: 0,
880
+ borderColor: 'transparent',
881
+ borderLeftWidth: 0,
882
+ borderRadius: 0,
883
+ borderRightWidth: 0,
884
+ borderTopWidth: 0,
885
+ color: '#000000',
885
886
  dismissButtonGap: 16,
886
887
  dismissIcon: PaletteIconTimes,
887
- dismissIconColor: '#666666',
888
+ dismissIconColor: '#000000',
888
889
  dismissIconSize: 16,
889
890
  fontName: 'StagSans',
890
891
  fontSize: 16,
@@ -1234,7 +1235,6 @@ module.exports = {
1234
1235
  {
1235
1236
  if: { hover: true },
1236
1237
  tokens: {
1237
- borderColor: '#666666',
1238
1238
  outerBorderColor: '#efefef',
1239
1239
  outerBorderWidth: 2,
1240
1240
  radioInputBorderColor: '#014847'
@@ -1245,7 +1245,6 @@ module.exports = {
1245
1245
  if: { pressed: true },
1246
1246
  tokens: {
1247
1247
  backgroundColor: '#efefef',
1248
- borderColor: '#666666',
1249
1248
  outerBorderColor: '#efefef',
1250
1249
  outerBorderWidth: 2,
1251
1250
  radioInputBorderColor: '#014847'
@@ -1281,7 +1280,7 @@ module.exports = {
1281
1280
  ],
1282
1281
  tokens: {
1283
1282
  backgroundColor: '#ffffff',
1284
- borderColor: '#c9c8c8',
1283
+ borderColor: '#000000',
1285
1284
  borderRadius: 4,
1286
1285
  borderWidth: 1,
1287
1286
  color: '#000000',
@@ -1525,7 +1524,7 @@ module.exports = {
1525
1524
  borderColor: '#c9c8c8',
1526
1525
  borderRadius: 4,
1527
1526
  borderWidth: 1,
1528
- color: '#666666',
1527
+ color: '#000000',
1529
1528
  fontName: 'StagSans',
1530
1529
  fontSize: 16,
1531
1530
  fontWeight: '400',
@@ -2015,7 +2014,7 @@ module.exports = {
2015
2014
  ],
2016
2015
  tokens: {
2017
2016
  backgroundColor: '#ffffff',
2018
- borderColor: '#c9c8c8',
2017
+ borderColor: '#000000',
2019
2018
  borderRadius: 4,
2020
2019
  borderWidth: 1,
2021
2020
  color: '#666666',
@@ -2376,5 +2375,5 @@ module.exports = {
2376
2375
  tokens: { size: 96 }
2377
2376
  }
2378
2377
  },
2379
- metadata: { name: 'theme-koodo', themeTokensVersion: '1.2.0' }
2378
+ metadata: { name: 'theme-koodo', themeTokensVersion: '1.5.0' }
2380
2379
  }
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@telus-uds/theme-koodo",
3
- "version": "1.0.0-prerelease.1",
3
+ "version": "2.1.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.1"
19
19
  },
20
20
  "devDependencies": {
21
- "@telus-uds/palette-koodo": "^0.1.0-prerelease.4",
22
- "@telus-uds/system-theme-tokens": "^1.2.0",
23
- "@telus-uds/system-themes": "^0.0.1"
21
+ "@telus-uds/palette-koodo": "^0.1.1",
22
+ "@telus-uds/system-theme-tokens": "^1.5.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": {
@@ -607,7 +608,13 @@
607
608
  "borderRadius": "{palette.radius.pill32}",
608
609
  "borderWidth": "{palette.border.border1}",
609
610
  "iconColor": "{palette.color.mosque}",
611
+ "iconScale": "{system.iconScale.scale1}",
610
612
  "iconSize": "{palette.size.size16}",
613
+ "iconTranslateX": "{system.size.zero}",
614
+ "iconTranslateY": "{system.size.zero}",
615
+ "outerBorderColor": "{system.color.transparent}",
616
+ "outerBorderGap": "{system.size.zero}",
617
+ "outerBorderWidth": "{system.border.zero}",
611
618
  "padding": "{palette.size.size8}",
612
619
  "shadow": "{system.shadow.none}"
613
620
  }
@@ -723,12 +730,12 @@
723
730
  "appearances": {},
724
731
  "rules": [],
725
732
  "tokens": {
726
- "color": "{palette.color.dove}",
733
+ "color": "{palette.color.black}",
727
734
  "fontName": "{palette.fontName.StagSans}",
728
735
  "fontSize": "{palette.fontSize.size16}",
729
- "fontWeight": "{palette.fontWeight.weight500}",
736
+ "fontWeight": "{palette.fontWeight.weight700}",
730
737
  "gap": "{palette.size.size8}",
731
- "hintColor": "{palette.color.dove}",
738
+ "hintColor": "{palette.color.black}",
732
739
  "hintFontName": "{palette.fontName.StagSans}",
733
740
  "hintFontSize": "{palette.fontSize.size14}",
734
741
  "hintFontWeight": "{palette.fontWeight.weight400}",
@@ -934,6 +941,7 @@
934
941
  "closeIcon": "{palette.icon.Times}",
935
942
  "closeIconColor": "{palette.color.black}",
936
943
  "closeIconSize": "{palette.size.size24}",
944
+ "closePadding": "{palette.size.size4}",
937
945
  "containerPaddingBottom": "{system.size.zero}",
938
946
  "containerPaddingLeft": "{system.size.zero}",
939
947
  "containerPaddingRight": "{system.size.zero}",
@@ -958,10 +966,6 @@
958
966
  "system": true
959
967
  },
960
968
  "tokens": {
961
- "borderLeftWidth": "{system.border.zero}",
962
- "borderRadius": "{system.radius.zero}",
963
- "borderRightWidth": "{system.border.zero}",
964
- "borderTopWidth": "{system.border.zero}",
965
969
  "iconGap": "{palette.size.size12}",
966
970
  "paddingBottom": "{palette.size.size16}",
967
971
  "paddingLeft": "{palette.size.size16}",
@@ -975,7 +979,6 @@
975
979
  },
976
980
  "tokens": {
977
981
  "backgroundColor": "{palette.color.mintTulip}",
978
- "borderColor": "{palette.color.bilbao}",
979
982
  "icon": "{palette.icon.CheckCircledFilled}",
980
983
  "iconColor": "{palette.color.bilbao}"
981
984
  }
@@ -986,7 +989,6 @@
986
989
  },
987
990
  "tokens": {
988
991
  "backgroundColor": "{palette.color.beeswax}",
989
- "borderColor": "{palette.color.seaBuckthorn}",
990
992
  "icon": "{palette.icon.ExclamationTriangle}",
991
993
  "iconColor": "{palette.color.seaBuckthorn}"
992
994
  }
@@ -996,8 +998,7 @@
996
998
  "style": "error"
997
999
  },
998
1000
  "tokens": {
999
- "backgroundColor": "{palette.color.carouselPink}",
1000
- "borderColor": "{palette.color.trinidad}",
1001
+ "backgroundColor": "{palette.color.notificationErrorBg}",
1001
1002
  "icon": "{palette.icon.ExclamationOctagon}",
1002
1003
  "iconColor": "{palette.color.trinidad}"
1003
1004
  }
@@ -1005,16 +1006,16 @@
1005
1006
  ],
1006
1007
  "tokens": {
1007
1008
  "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}",
1009
+ "borderBottomWidth": "{system.border.zero}",
1010
+ "borderColor": "{system.color.transparent}",
1011
+ "borderLeftWidth": "{system.border.zero}",
1012
+ "borderRadius": "{system.radius.zero}",
1013
+ "borderRightWidth": "{system.border.zero}",
1014
+ "borderTopWidth": "{system.border.zero}",
1015
+ "color": "{palette.color.black}",
1015
1016
  "dismissButtonGap": "{palette.size.size16}",
1016
1017
  "dismissIcon": "{palette.icon.Times}",
1017
- "dismissIconColor": "{palette.color.dove}",
1018
+ "dismissIconColor": "{palette.color.black}",
1018
1019
  "dismissIconSize": "{palette.size.size16}",
1019
1020
  "fontName": "{palette.fontName.StagSans}",
1020
1021
  "fontSize": "{palette.fontSize.size16}",
@@ -1361,7 +1362,6 @@
1361
1362
  "hover": true
1362
1363
  },
1363
1364
  "tokens": {
1364
- "borderColor": "{palette.color.dove}",
1365
1365
  "outerBorderColor": "{palette.color.gallery}",
1366
1366
  "outerBorderWidth": "{palette.border.border2}",
1367
1367
  "radioInputBorderColor": "{palette.color.darkMosque}"
@@ -1374,7 +1374,6 @@
1374
1374
  },
1375
1375
  "tokens": {
1376
1376
  "backgroundColor": "{palette.color.gallery}",
1377
- "borderColor": "{palette.color.dove}",
1378
1377
  "outerBorderColor": "{palette.color.gallery}",
1379
1378
  "outerBorderWidth": "{palette.border.border2}",
1380
1379
  "radioInputBorderColor": "{palette.color.darkMosque}"
@@ -1416,7 +1415,7 @@
1416
1415
  ],
1417
1416
  "tokens": {
1418
1417
  "backgroundColor": "{palette.color.white}",
1419
- "borderColor": "{palette.color.silver}",
1418
+ "borderColor": "{palette.color.black}",
1420
1419
  "borderRadius": "{palette.radius.radius4}",
1421
1420
  "borderWidth": "{palette.border.border1}",
1422
1421
  "color": "{palette.color.black}",
@@ -1681,7 +1680,7 @@
1681
1680
  "borderColor": "{palette.color.silver}",
1682
1681
  "borderRadius": "{palette.radius.radius4}",
1683
1682
  "borderWidth": "{palette.border.border1}",
1684
- "color": "{palette.color.dove}",
1683
+ "color": "{palette.color.black}",
1685
1684
  "fontName": "{palette.fontName.StagSans}",
1686
1685
  "fontSize": "{palette.fontSize.size16}",
1687
1686
  "fontWeight": "{palette.fontWeight.weight400}",
@@ -2202,7 +2201,7 @@
2202
2201
  ],
2203
2202
  "tokens": {
2204
2203
  "backgroundColor": "{palette.color.white}",
2205
- "borderColor": "{palette.color.silver}",
2204
+ "borderColor": "{palette.color.black}",
2206
2205
  "borderRadius": "{palette.radius.radius4}",
2207
2206
  "borderWidth": "{palette.border.border1}",
2208
2207
  "color": "{palette.color.dove}",