@telus-uds/theme-koodo 7.5.0 → 7.6.0

package/build/web/spacingScale.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 28 Mar 2025 00:59:12 GMT
+ * Generated on Thu, 24 Apr 2025 18:50:43 GMT
  *
  */
 

package/build/web/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 28 Mar 2025 00:59:12 GMT
+ * Generated on Thu, 24 Apr 2025 18:50:44 GMT
  *
  */
 
@@ -4733,6 +4733,8 @@ const theme = {
         }
       ],
       tokens: {
+        buttonBackgroundColor: '#ffffff',
+        buttonBackgroundColorSelected: '#000000',
         buttonBorderColor: '#000000',
         buttonDirection: 'row',
         buttonIconBackgroundColor: 'rgba(0, 0, 0, 0)',
@@ -4749,6 +4751,8 @@ const theme = {
         headerFontSize: 14,
         headerFontWeight: '700',
         headerLineHeight: 1.33333333333,
+        iconColor: '#000000',
+        iconColorSelected: '#ffffff',
         labelColor: '#000000',
         labelFontName: 'StagSans',
         labelFontSize: 14,
@@ -4929,10 +4933,6 @@ const theme = {
         }
       },
       rules: [
-        {
-          if: { system: true, viewport: [ 'xl' ] },
-          tokens: { containerPaddingLeft: 0, containerPaddingRight: 0 }
-        },
         {
           if: { system: true },
           tokens: {
@@ -4940,11 +4940,7 @@ const theme = {
             borderRadius: 0,
             borderRightWidth: 0,
             borderTopWidth: 0,
-            iconGap: 8,
-            paddingBottom: 12,
-            paddingLeft: 12,
-            paddingRight: 12,
-            paddingTop: 12
+            iconGap: 8
           }
         },
         {
@@ -4954,11 +4950,7 @@ const theme = {
             borderRadius: 0,
             borderRightWidth: 0,
             borderTopWidth: 0,
-            iconGap: 8,
-            paddingBottom: 12,
-            paddingLeft: 12,
-            paddingRight: 12,
-            paddingTop: 12
+            iconGap: 8
           }
         },
         {
@@ -4969,11 +4961,7 @@ const theme = {
             borderRadius: 6,
             borderRightWidth: 0,
             borderTopWidth: 0,
-            iconGap: 8,
-            paddingBottom: 12,
-            paddingLeft: 12,
-            paddingRight: 12,
-            paddingTop: 12
+            iconGap: 8
           }
         },
         {
@@ -5060,13 +5048,13 @@ const theme = {
         fontWeight: '400',
         icon: null,
         iconColor: null,
-        iconGap: 24,
+        iconGap: 8,
         iconSize: 24,
         justifyContent: 'flex-start',
         lineHeight: 1.5,
         paddingBottom: 12,
-        paddingLeft: 12,
-        paddingRight: 12,
+        paddingLeft: 16,
+        paddingRight: 16,
         paddingTop: 12
       }
     },
@@ -6620,11 +6608,7 @@ const theme = {
         },
         {
           if: { hover: true },
-          tokens: {
-            backgroundColor: '#efefef',
-            borderColor: '#000000',
-            outerBorderWidth: null
-          }
+          tokens: { backgroundColor: '#efefef', borderColor: '#000000' }
         },
         {
           if: { inactive: true },
@@ -9049,6 +9033,6 @@ const theme = {
       tokens: { size: 96 }
     }
   },
-  metadata: { name: 'theme-koodo', themeTokensVersion: '4.3.0' }
+  metadata: { name: 'theme-koodo', themeTokensVersion: '4.4.0' }
 }
 export default theme

package/package.json

@@ -6,7 +6,7 @@
   "description": "Koodo theme",
   "devDependencies": {
     "@telus-uds/palette-koodo": "^3.2.0",
-    "@telus-uds/system-theme-tokens": "^4.3.0"
+    "@telus-uds/system-theme-tokens": "^4.4.0"
   },
   "files": [
     "build",
@@ -32,5 +32,5 @@
     "build": "UDS_PALETTE=@telus-uds/palette-koodo system-tokens-build-theme",
     "dev": "nodemon -w src -x 'npm run build'"
   },
-  "version": "7.5.0"
+  "version": "7.6.0"
 }

package/theme.json

@@ -6715,6 +6715,8 @@
         }
       ],
       "tokens": {
+        "buttonBackgroundColor": "{palette.color.white}",
+        "buttonBackgroundColorSelected": "{palette.color.black}",
         "buttonBorderColor": "{palette.color.black}",
         "buttonDirection": "{system.direction.row}",
         "buttonIconBackgroundColor": "{palette.color.transparent}",
@@ -6731,6 +6733,8 @@
         "headerFontSize": "{palette.fontSize.size14}",
         "headerFontWeight": "{palette.fontWeight.weight700}",
         "headerLineHeight": "{palette.lineHeight.ratio4to3}",
+        "iconColor": "{palette.color.black}",
+        "iconColorSelected": "{palette.color.white}",
         "labelColor": "{palette.color.black}",
         "labelFontName": "{palette.fontName.StagSans}",
         "labelFontSize": "{palette.fontSize.size14}",
@@ -6910,16 +6914,6 @@
         "viewport": "{appearances.system.viewport}"
       },
       "rules": [
-        {
-          "if": {
-            "system": true,
-            "viewport": ["xl"]
-          },
-          "tokens": {
-            "containerPaddingLeft": "{palette.size.size0}",
-            "containerPaddingRight": "{palette.size.size0}"
-          }
-        },
         {
           "if": {
             "system": true
@@ -6929,11 +6923,7 @@
             "borderRadius": "{palette.radius.none}",
             "borderRightWidth": "{system.border.zero}",
             "borderTopWidth": "{system.border.zero}",
-            "iconGap": "{palette.size.size8}",
-            "paddingBottom": "{palette.size.size12}",
-            "paddingLeft": "{palette.size.size12}",
-            "paddingRight": "{palette.size.size12}",
-            "paddingTop": "{palette.size.size12}"
+            "iconGap": "{palette.size.size8}"
           }
         },
         {
@@ -6945,11 +6935,7 @@
             "borderRadius": "{palette.radius.none}",
             "borderRightWidth": "{system.border.zero}",
             "borderTopWidth": "{system.border.zero}",
-            "iconGap": "{palette.size.size8}",
-            "paddingBottom": "{palette.size.size12}",
-            "paddingLeft": "{palette.size.size12}",
-            "paddingRight": "{palette.size.size12}",
-            "paddingTop": "{palette.size.size12}"
+            "iconGap": "{palette.size.size8}"
           }
         },
         {
@@ -6962,11 +6948,7 @@
             "borderRadius": "{palette.radius.radius6}",
             "borderRightWidth": "{system.border.zero}",
             "borderTopWidth": "{system.border.zero}",
-            "iconGap": "{palette.size.size8}",
-            "paddingBottom": "{palette.size.size12}",
-            "paddingLeft": "{palette.size.size12}",
-            "paddingRight": "{palette.size.size12}",
-            "paddingTop": "{palette.size.size12}"
+            "iconGap": "{palette.size.size8}"
           }
         },
         {
@@ -7065,13 +7047,13 @@
         "fontWeight": "{palette.fontWeight.weight400}",
         "icon": "{system.icon.none}",
         "iconColor": "{system.color.none}",
-        "iconGap": "{palette.size.size24}",
+        "iconGap": "{palette.size.size8}",
         "iconSize": "{palette.size.size24}",
         "justifyContent": "{system.flexJustifyContent.flexStart}",
         "lineHeight": "{palette.lineHeight.ratio3to2}",
         "paddingBottom": "{palette.size.size12}",
-        "paddingLeft": "{palette.size.size12}",
-        "paddingRight": "{palette.size.size12}",
+        "paddingLeft": "{palette.size.size16}",
+        "paddingRight": "{palette.size.size16}",
         "paddingTop": "{palette.size.size12}"
       }
     },
@@ -8802,8 +8784,7 @@
           },
           "tokens": {
             "backgroundColor": "{palette.color.gallery}",
-            "borderColor": "{palette.color.black}",
-            "outerBorderWidth": "{system.border.none}"
+            "borderColor": "{palette.color.black}"
           }
         },
         {