@telus-uds/theme-allium 3.1.2 → 3.2.2

package/build/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 17 May 2022 20:59:58 GMT
+ * Generated on Wed, 22 Jun 2022 16:26:52 GMT
  *
  */
 
@@ -266,6 +266,7 @@ module.exports = {
       tokens: {
         alignItems: 'center',
         direction: 'row',
+        fieldSpace: 2,
         flexGrow: 0,
         flexShrink: 0,
         justifyContent: 'flex-start',
@@ -1092,11 +1093,17 @@ module.exports = {
       rules: [
         {
           if: { size: 'large' },
-          tokens: { itemFontSize: 20, itemLineHeight: 1.6, listGutter: 12 }
+          tokens: {
+            iconMarginTop: 8,
+            itemFontSize: 20,
+            itemLineHeight: 1.6,
+            listGutter: 12
+          }
         },
         {
           if: { size: 'small' },
           tokens: {
+            iconMarginTop: 2,
             itemFontSize: 14,
             itemLineHeight: 1.42857142857,
             listGutter: 12
@@ -1960,7 +1967,7 @@ module.exports = {
         fontWeight: '400',
         height: 48,
         icon: PaletteIconCaretDown,
-        iconColor: '#2b8000',
+        iconColor: '#414547',
         iconSize: 24,
         outerBackgroundColor: 'rgba(0, 0, 0, 0)',
         outerBorderColor: 'rgba(0, 0, 0, 0)',
@@ -2657,6 +2664,7 @@ module.exports = {
       tokens: {
         alignItems: 'flex-start',
         direction: 'column',
+        fieldSpace: 2,
         flexGrow: 0,
         flexShrink: 0,
         justifyContent: 'flex-start',
@@ -3035,5 +3043,5 @@ module.exports = {
       tokens: { size: 96 }
     }
   },
-  metadata: { name: 'theme-allium', themeTokensVersion: '1.5.0' }
+  metadata: { name: 'theme-allium', themeTokensVersion: '2.0.2' }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telus-uds/theme-allium",
-  "version": "3.1.2",
+  "version": "3.2.2",
   "description": "Allium theme",
   "author": "TELUS Digital",
   "homepage": "https://github.com/telus/allium-design-system#readme",
@@ -8,12 +8,12 @@
   "main": "build/theme.js",
   "dependencies": {},
   "devDependencies": {
-    "@telus-uds/palette-allium": "^2.0.0",
-    "@telus-uds/system-theme-tokens": "^1.5.0",
-    "@telus-uds/system-tokens": "^0.1.1"
+    "@telus-uds/palette-allium": "^2.1.0",
+    "@telus-uds/system-theme-tokens": "^2.0.2",
+    "@telus-uds/system-tokens": "^0.1.5"
   },
   "peerDependencies": {
-    "@telus-uds/palette-allium": "^2.0.0"
+    "@telus-uds/palette-allium": "^2.1.0"
   },
   "files": [
     "build",

package/theme.json

@@ -390,6 +390,7 @@
       "tokens": {
         "alignItems": "{system.flexAlign.center}",
         "direction": "{system.direction.row}",
+        "fieldSpace": "{system.integer.2}",
         "flexGrow": "{system.integer.0}",
         "flexShrink": "{system.integer.0}",
         "justifyContent": "{system.flexJustifyContent.flexStart}",
@@ -1502,6 +1503,7 @@
             "size": "large"
           },
           "tokens": {
+            "iconMarginTop": "{palette.size.size8}",
             "itemFontSize": "{palette.fontSize.size20}",
             "itemLineHeight": "{palette.lineHeight.ratio8to5}",
             "listGutter": "{palette.size.size12}"
@@ -1512,6 +1514,7 @@
             "size": "small"
           },
           "tokens": {
+            "iconMarginTop": "{palette.size.size2}",
             "itemFontSize": "{palette.fontSize.size14}",
             "itemLineHeight": "{palette.lineHeight.ratio10to7}",
             "listGutter": "{palette.size.size12}"
@@ -2427,7 +2430,7 @@
         "fontWeight": "{palette.fontWeight.weight400}",
         "height": "{palette.size.size48}",
         "icon": "{palette.icon.CaretDown}",
-        "iconColor": "{palette.color.greenAccessible}",
+        "iconColor": "{palette.color.greyCharcoal}",
         "iconSize": "{palette.size.size24}",
         "outerBackgroundColor": "{palette.color.transparent}",
         "outerBorderColor": "{palette.color.transparent}",
@@ -3187,6 +3190,7 @@
       "tokens": {
         "alignItems": "{system.flexAlign.flexStart}",
         "direction": "{system.direction.column}",
+        "fieldSpace": "{system.integer.2}",
         "flexGrow": "{system.integer.0}",
         "flexShrink": "{system.integer.0}",
         "justifyContent": "{system.flexJustifyContent.flexStart}",