@telus-uds/theme-allium 3.0.0 → 3.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.
package/build/theme.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Thu, 07 Apr 2022 22:59:47 GMT
4
+ * Generated on Thu, 21 Apr 2022 18:47:47 GMT
5
5
  *
6
6
  */
7
7
 
@@ -749,10 +749,16 @@ module.exports = {
749
749
  Icon: {
750
750
  appearances: {
751
751
  rank: { type: 'variant', values: [ 'primary' ] },
752
- size: { type: 'variant', values: [ 'small' ] }
752
+ size: {
753
+ type: 'variant',
754
+ values: [ 'micro', 'small', 'large', 'extraLarge' ]
755
+ }
753
756
  },
754
757
  rules: [
758
+ { if: { size: 'micro' }, tokens: { size: 16 } },
755
759
  { if: { size: 'small' }, tokens: { size: 20 } },
760
+ { if: { size: 'large' }, tokens: { size: 32 } },
761
+ { if: { size: 'extraLarge' }, tokens: { size: 48 } },
756
762
  { if: { rank: 'primary' }, tokens: { color: '#4b286d' } }
757
763
  ],
758
764
  tokens: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telus-uds/theme-allium",
3
- "version": "3.0.0",
3
+ "version": "3.1.0",
4
4
  "description": "Allium theme",
5
5
  "author": "TELUS Digital",
6
6
  "homepage": "https://github.com/telus/allium-design-system#readme",
package/theme.json CHANGED
@@ -965,10 +965,18 @@
965
965
  },
966
966
  "size": {
967
967
  "type": "variant",
968
- "values": ["small"]
968
+ "values": ["micro", "small", "large", "extraLarge"]
969
969
  }
970
970
  },
971
971
  "rules": [
972
+ {
973
+ "if": {
974
+ "size": "micro"
975
+ },
976
+ "tokens": {
977
+ "size": "{palette.size.size16}"
978
+ }
979
+ },
972
980
  {
973
981
  "if": {
974
982
  "size": "small"
@@ -977,6 +985,22 @@
977
985
  "size": "{palette.size.size20}"
978
986
  }
979
987
  },
988
+ {
989
+ "if": {
990
+ "size": "large"
991
+ },
992
+ "tokens": {
993
+ "size": "{palette.size.size32}"
994
+ }
995
+ },
996
+ {
997
+ "if": {
998
+ "size": "extraLarge"
999
+ },
1000
+ "tokens": {
1001
+ "size": "{palette.size.size48}"
1002
+ }
1003
+ },
980
1004
  {
981
1005
  "if": {
982
1006
  "rank": "primary"