@telus-uds/theme-koodo 3.24.0 → 3.25.0

package/build/rn/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 27 Apr 2023 14:30:29 GMT
+ * Generated on Mon, 01 May 2023 22:00:59 GMT
  *
  */
 
@@ -212,7 +212,7 @@ module.exports = {
           tokens: { backgroundColor: '#016b6a' }
         }
       ],
-      tokens: { backgroundColor: '#ffffff', gradient: null }
+      tokens: { backgroundColor: 'rgba(0, 0, 0, 0)', gradient: null }
     },
     Breadcrumbs: {
       appearances: { inverse: { type: 'variant', values: [ true ] } },
@@ -1221,20 +1221,20 @@ module.exports = {
         },
         {
           if: { size: 'large' },
-          tokens: { height: 48, iconSize: 24, textLineHeight: 2.15 }
+          tokens: { fontSize: 20, iconSize: 24, textLineHeight: 2.15 }
         },
         {
           if: { size: 'small' },
-          tokens: { height: 36, iconSize: 16, textLineHeight: 2.15 }
+          tokens: { fontSize: 14, iconSize: 16, textLineHeight: 2.15 }
         },
         {
           if: { size: 'micro' },
-          tokens: { height: 32, iconSize: 16, textLineHeight: 2.25 }
+          tokens: { fontSize: 12, iconSize: 16, textLineHeight: 2.25 }
         }
       ],
       tokens: {
         color: '#016b6a',
-        height: 40,
+        fontSize: 16,
         iconDisplace: 0,
         iconSize: 18,
         iconSpace: 1,
@@ -2114,6 +2114,7 @@ module.exports = {
         {
           if: { size: 'large' },
           tokens: {
+            iconMarginTop: 2,
             itemFontSize: 20,
             itemIconSize: 20,
             itemLineHeight: 1.4,
@@ -2122,7 +2123,12 @@ module.exports = {
         },
         {
           if: { size: 'small' },
-          tokens: { itemFontSize: 14, itemIconSize: 14, listGutter: 10 }
+          tokens: {
+            iconMarginTop: 1,
+            itemFontSize: 14,
+            itemIconSize: 14,
+            listGutter: 10
+          }
         },
         { if: { compact: true }, tokens: { itemLineHeight: 1.2 } },
         {
@@ -2137,7 +2143,7 @@ module.exports = {
       tokens: {
         dividerColor: '#c9c8c8',
         dividerSize: 1,
-        iconMarginTop: 4,
+        iconMarginTop: 2,
         interItemMargin: 8,
         interItemMarginWithDivider: 16,
         itemBulletColor: '#7c1366',
@@ -2147,7 +2153,7 @@ module.exports = {
         itemBulletWidth: 4,
         itemFontName: 'StagSans',
         itemFontSize: 16,
-        itemFontWeight: '600',
+        itemFontWeight: '400',
         itemIconColor: '#7c1366',
         itemIconSize: 16,
         itemLineHeight: 1.3,
@@ -2426,7 +2432,6 @@ module.exports = {
           if: { size: 'large' },
           tokens: { itemFontSize: 20, itemLineHeight: 1.4 }
         },
-        { if: { size: 'medium' }, tokens: {} },
         {
           if: { size: 'small' },
           tokens: { itemFontSize: 14, itemLineHeight: 1.42857142857 }
@@ -4364,8 +4369,6 @@ module.exports = {
         animationColorBefore: '#ffffff',
         animationDivColorAfter: '#ffffff',
         animationDivColorBefore: '#ffffff',
-        animationFillColorAfter: '#ffffff',
-        animationFillColorBefore: '#ffffff',
         animationHeightAfter: 24,
         animationHeightBefore: 0,
         animationPaddingBottomAfter: 16,
@@ -4890,5 +4893,5 @@ module.exports = {
       tokens: { size: 96 }
     }
   },
-  metadata: { name: 'theme-koodo', themeTokensVersion: '2.23.0' }
+  metadata: { name: 'theme-koodo', themeTokensVersion: '2.24.0' }
 }

package/package.json

@@ -5,8 +5,8 @@
   },
   "description": "Koodo theme",
   "devDependencies": {
-    "@telus-uds/palette-koodo": "^0.13.0",
-    "@telus-uds/system-theme-tokens": "^2.23.0"
+    "@telus-uds/palette-koodo": "^0.14.0",
+    "@telus-uds/system-theme-tokens": "^2.24.0"
   },
   "files": [
     "build",
@@ -20,7 +20,7 @@
   "main": "build/rn/theme.js",
   "name": "@telus-uds/theme-koodo",
   "peerDependencies": {
-    "@telus-uds/palette-koodo": "^0.13.0"
+    "@telus-uds/palette-koodo": "^0.14.0"
   },
   "repository": {
     "type": "git",
@@ -31,5 +31,5 @@
     "build": "UDS_PALETTE=@telus-uds/palette-koodo system-tokens-build-theme",
     "dev": "nodemon -w src -x 'npm run build'"
   },
-  "version": "3.24.0"
+  "version": "3.25.0"
 }

package/theme.json

@@ -298,7 +298,7 @@
         }
       ],
       "tokens": {
-        "backgroundColor": "{palette.color.white}",
+        "backgroundColor": "{palette.color.transparent}",
         "gradient": "{system.gradient.none}"
       }
     },
@@ -1644,7 +1644,7 @@
             "size": "large"
           },
           "tokens": {
-            "height": "{palette.size.size48}",
+            "fontSize": "{palette.fontSize.size20}",
             "iconSize": "{palette.size.size24}",
             "textLineHeight": "{palette.lineHeight.ratio11to5}"
           }
@@ -1654,7 +1654,7 @@
             "size": "small"
           },
           "tokens": {
-            "height": "{palette.size.size36}",
+            "fontSize": "{palette.fontSize.size14}",
             "iconSize": "{palette.size.size16}",
             "textLineHeight": "{palette.lineHeight.ratio15to7}"
           }
@@ -1664,7 +1664,7 @@
             "size": "micro"
           },
           "tokens": {
-            "height": "{palette.size.size32}",
+            "fontSize": "{palette.fontSize.size12}",
             "iconSize": "{palette.size.size16}",
             "textLineHeight": "{palette.lineHeight.ratio7to3}"
           }
@@ -1672,7 +1672,7 @@
       ],
       "tokens": {
         "color": "{palette.color.mosque}",
-        "height": "{palette.size.size40}",
+        "fontSize": "{palette.fontSize.size16}",
         "iconDisplace": "{palette.size.size0}",
         "iconSize": "{palette.size.size18}",
         "iconSpace": "{system.integer.1}",
@@ -2981,6 +2981,7 @@
             "size": "large"
           },
           "tokens": {
+            "iconMarginTop": "{palette.size.size2}",
             "itemFontSize": "{palette.fontSize.size20}",
             "itemIconSize": "{palette.size.size20}",
             "itemLineHeight": "{palette.lineHeight.multiply140}",
@@ -2992,6 +2993,7 @@
             "size": "small"
           },
           "tokens": {
+            "iconMarginTop": "{palette.size.size1}",
             "itemFontSize": "{palette.fontSize.size14}",
             "itemIconSize": "{palette.size.size14}",
             "listGutter": "{palette.size.size10}"
@@ -3027,7 +3029,7 @@
       "tokens": {
         "dividerColor": "{palette.color.silver}",
         "dividerSize": "{palette.border.border1}",
-        "iconMarginTop": "{palette.size.size4}",
+        "iconMarginTop": "{palette.size.size2}",
         "interItemMargin": "{palette.size.size8}",
         "interItemMarginWithDivider": "{palette.size.size16}",
         "itemBulletColor": "{palette.color.flirt}",
@@ -3037,7 +3039,7 @@
         "itemBulletWidth": "{palette.size.size4}",
         "itemFontName": "{palette.fontName.StagSans}",
         "itemFontSize": "{palette.fontSize.size16}",
-        "itemFontWeight": "{palette.fontWeight.weight600}",
+        "itemFontWeight": "{palette.fontWeight.weight400}",
         "itemIconColor": "{palette.color.flirt}",
         "itemIconSize": "{palette.size.size16}",
         "itemLineHeight": "{palette.lineHeight.multiply130}",
@@ -3314,12 +3316,6 @@
             "itemLineHeight": "{palette.lineHeight.ratio7to5}"
           }
         },
-        {
-          "if": {
-            "size": "medium"
-          },
-          "tokens": {}
-        },
         {
           "if": {
             "size": "small"
@@ -5381,8 +5377,6 @@
         "animationColorBefore": "{palette.color.white}",
         "animationDivColorAfter": "{palette.color.white}",
         "animationDivColorBefore": "{palette.color.white}",
-        "animationFillColorAfter": "{palette.color.white}",
-        "animationFillColorBefore": "{palette.color.white}",
         "animationHeightAfter": "{palette.size.size24}",
         "animationHeightBefore": "{palette.size.size0}",
         "animationPaddingBottomAfter": "{palette.size.size16}",