@telus-uds/theme-koodo 7.10.0 → 7.12.0

package/build/web/spacingScale.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 24 Jun 2025 18:52:14 GMT
+ * Generated on Fri, 11 Jul 2025 22:13:58 GMT
  *
  */
 

package/build/web/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 24 Jun 2025 18:52:14 GMT
+ * Generated on Fri, 11 Jul 2025 22:13:59 GMT
  *
  */
 
@@ -1523,6 +1523,15 @@ const theme = {
             paddingTop: 48
           }
         },
+        {
+          if: { interactive: true, viewport: [ 'md', 'lg', 'xl' ] },
+          tokens: {
+            paddingBottom: 45,
+            paddingLeft: 29,
+            paddingRight: 29,
+            paddingTop: 45
+          }
+        },
         {
           if: { padding: 'narrow' },
           tokens: {
@@ -1532,6 +1541,15 @@ const theme = {
             paddingTop: 24
           }
         },
+        {
+          if: { interactive: true, padding: 'narrow' },
+          tokens: {
+            paddingBottom: 21,
+            paddingLeft: 13,
+            paddingRight: 13,
+            paddingTop: 21
+          }
+        },
         {
           if: { padding: 'narrow', viewport: [ 'md', 'lg', 'xl' ] },
           tokens: {
@@ -1541,6 +1559,19 @@ const theme = {
             paddingTop: 32
           }
         },
+        {
+          if: {
+            interactive: true,
+            padding: 'narrow',
+            viewport: [ 'md', 'lg', 'xl' ]
+          },
+          tokens: {
+            paddingBottom: 29,
+            paddingLeft: 13,
+            paddingRight: 13,
+            paddingTop: 29
+          }
+        },
         {
           if: { padding: 'intermediate' },
           tokens: {
@@ -1550,6 +1581,15 @@ const theme = {
             paddingTop: 24
           }
         },
+        {
+          if: { interactive: true, padding: 'intermediate' },
+          tokens: {
+            paddingBottom: 21,
+            paddingLeft: 21,
+            paddingRight: 21,
+            paddingTop: 21
+          }
+        },
         {
           if: { padding: 'intermediate', viewport: [ 'md', 'lg', 'xl' ] },
           tokens: {
@@ -1559,6 +1599,19 @@ const theme = {
             paddingTop: 32
           }
         },
+        {
+          if: {
+            interactive: true,
+            padding: 'intermediate',
+            viewport: [ 'md', 'lg', 'xl' ]
+          },
+          tokens: {
+            paddingBottom: 29,
+            paddingLeft: 29,
+            paddingRight: 29,
+            paddingTop: 29
+          }
+        },
         {
           if: { padding: 'compact' },
           tokens: {
@@ -1568,6 +1621,15 @@ const theme = {
             paddingTop: 16
           }
         },
+        {
+          if: { interactive: true, padding: 'compact' },
+          tokens: {
+            paddingBottom: 13,
+            paddingLeft: 13,
+            paddingRight: 13,
+            paddingTop: 13
+          }
+        },
         {
           if: { padding: 'custom' },
           tokens: {
@@ -2001,6 +2063,7 @@ const theme = {
         {
           if: { inactive: true },
           tokens: {
+            descriptionFontColor: '#666666',
             inputBackgroundColor: '#c9c8c8',
             inputBorderColor: 'rgba(0, 0, 0, 0)',
             labelColor: '#666666'
@@ -2013,6 +2076,12 @@ const theme = {
       ],
       tokens: {
         containerBackgroundColor: 'rgba(0, 0, 0, 0)',
+        descriptionFontColor: '#000000',
+        descriptionFontName: 'StagSans',
+        descriptionFontSize: 14,
+        descriptionFontWeight: '400',
+        descriptionLineHeight: 1.4,
+        descriptionMarginLeft: null,
         feedbackMarginBottom: 0,
         feedbackMarginTop: 12,
         feedbackPosition: 'bottom',
@@ -7178,15 +7247,15 @@ const theme = {
         knobBorderWidth: 1,
         knobCompletedBackgroundColor: '#000000',
         knobCompletedBorderColor: '#000000',
-        knobCompletedPaddingLeft: null,
-        knobCompletedPaddingTop: null,
+        knobCompletedPaddingLeft: 0,
+        knobCompletedPaddingTop: 0,
         knobCurrentBackgroundColor: '#000000',
         knobCurrentBorderColor: '#000000',
         knobCurrentBorderWidth: 1,
         knobCurrentInnerColor: null,
         knobCurrentInnerSize: null,
-        knobCurrentPaddingLeft: 1,
-        knobCurrentPaddingTop: 2,
+        knobCurrentPaddingLeft: 0,
+        knobCurrentPaddingTop: 0,
         knobSize: 15,
         labelColor: '#000000',
         labelCurrentColor: '#000000',
@@ -8389,6 +8458,7 @@ const theme = {
         borderColor: 'rgba(0, 0, 0, 0)',
         borderRadius: 32,
         borderWidth: 0,
+        containerWidth: null,
         icon: null,
         iconColor: null,
         iconSize: 12,
@@ -9075,6 +9145,6 @@ const theme = {
       tokens: { size: 96 }
     }
   },
-  metadata: { name: 'theme-koodo', themeTokensVersion: '4.8.0' }
+  metadata: { name: 'theme-koodo', themeTokensVersion: '4.10.0' }
 }
 export default theme

package/package.json

@@ -5,8 +5,8 @@
   },
   "description": "Koodo theme",
   "devDependencies": {
-    "@telus-uds/palette-koodo": "^3.5.0",
-    "@telus-uds/system-theme-tokens": "^4.8.0"
+    "@telus-uds/palette-koodo": "^3.6.1",
+    "@telus-uds/system-theme-tokens": "^4.10.0"
   },
   "files": [
     "build",
@@ -21,7 +21,7 @@
   "module": "build/web/index.js",
   "name": "@telus-uds/theme-koodo",
   "peerDependencies": {
-    "@telus-uds/palette-koodo": "^3.5.0"
+    "@telus-uds/palette-koodo": "^3.6.1"
   },
   "repository": {
     "type": "git",
@@ -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.10.0"
+  "version": "7.12.0"
 }

package/theme.json

@@ -2021,6 +2021,18 @@
             "paddingTop": "{palette.size.size48}"
           }
         },
+        {
+          "if": {
+            "interactive": true,
+            "viewport": ["md", "lg", "xl"]
+          },
+          "tokens": {
+            "paddingBottom": "{palette.size.size45}",
+            "paddingLeft": "{palette.size.size29}",
+            "paddingRight": "{palette.size.size29}",
+            "paddingTop": "{palette.size.size45}"
+          }
+        },
         {
           "if": {
             "padding": "narrow"
@@ -2032,6 +2044,18 @@
             "paddingTop": "{palette.size.size24}"
           }
         },
+        {
+          "if": {
+            "interactive": true,
+            "padding": "narrow"
+          },
+          "tokens": {
+            "paddingBottom": "{palette.size.size21}",
+            "paddingLeft": "{palette.size.size13}",
+            "paddingRight": "{palette.size.size13}",
+            "paddingTop": "{palette.size.size21}"
+          }
+        },
         {
           "if": {
             "padding": "narrow",
@@ -2044,6 +2068,19 @@
             "paddingTop": "{palette.size.size32}"
           }
         },
+        {
+          "if": {
+            "interactive": true,
+            "padding": "narrow",
+            "viewport": ["md", "lg", "xl"]
+          },
+          "tokens": {
+            "paddingBottom": "{palette.size.size29}",
+            "paddingLeft": "{palette.size.size13}",
+            "paddingRight": "{palette.size.size13}",
+            "paddingTop": "{palette.size.size29}"
+          }
+        },
         {
           "if": {
             "padding": "intermediate"
@@ -2055,6 +2092,18 @@
             "paddingTop": "{palette.size.size24}"
           }
         },
+        {
+          "if": {
+            "interactive": true,
+            "padding": "intermediate"
+          },
+          "tokens": {
+            "paddingBottom": "{palette.size.size21}",
+            "paddingLeft": "{palette.size.size21}",
+            "paddingRight": "{palette.size.size21}",
+            "paddingTop": "{palette.size.size21}"
+          }
+        },
         {
           "if": {
             "padding": "intermediate",
@@ -2067,6 +2116,19 @@
             "paddingTop": "{palette.size.size32}"
           }
         },
+        {
+          "if": {
+            "interactive": true,
+            "padding": "intermediate",
+            "viewport": ["md", "lg", "xl"]
+          },
+          "tokens": {
+            "paddingBottom": "{palette.size.size29}",
+            "paddingLeft": "{palette.size.size29}",
+            "paddingRight": "{palette.size.size29}",
+            "paddingTop": "{palette.size.size29}"
+          }
+        },
         {
           "if": {
             "padding": "compact"
@@ -2078,6 +2140,18 @@
             "paddingTop": "{palette.size.size16}"
           }
         },
+        {
+          "if": {
+            "interactive": true,
+            "padding": "compact"
+          },
+          "tokens": {
+            "paddingBottom": "{palette.size.size13}",
+            "paddingLeft": "{palette.size.size13}",
+            "paddingRight": "{palette.size.size13}",
+            "paddingTop": "{palette.size.size13}"
+          }
+        },
         {
           "if": {
             "padding": "custom"
@@ -2580,6 +2654,7 @@
             "inactive": true
           },
           "tokens": {
+            "descriptionFontColor": "{palette.color.dove}",
             "inputBackgroundColor": "{palette.color.silver}",
             "inputBorderColor": "{palette.color.transparent}",
             "labelColor": "{palette.color.dove}"
@@ -2598,6 +2673,12 @@
       ],
       "tokens": {
         "containerBackgroundColor": "{palette.color.transparent}",
+        "descriptionFontColor": "{palette.color.black}",
+        "descriptionFontName": "{palette.fontName.StagSans}",
+        "descriptionFontSize": "{palette.fontSize.size14}",
+        "descriptionFontWeight": "{palette.fontWeight.weight400}",
+        "descriptionLineHeight": "{palette.lineHeight.multiply140}",
+        "descriptionMarginLeft": "{system.size.none}",
         "feedbackMarginBottom": "{system.size.zero}",
         "feedbackMarginTop": "{palette.size.size12}",
         "feedbackPosition": "{system.position.bottom}",
@@ -9516,15 +9597,15 @@
         "knobBorderWidth": "{palette.border.border1}",
         "knobCompletedBackgroundColor": "{palette.color.black}",
         "knobCompletedBorderColor": "{palette.color.black}",
-        "knobCompletedPaddingLeft": "{system.size.none}",
-        "knobCompletedPaddingTop": "{system.size.none}",
+        "knobCompletedPaddingLeft": "{palette.size.size0}",
+        "knobCompletedPaddingTop": "{palette.size.size0}",
         "knobCurrentBackgroundColor": "{palette.color.black}",
         "knobCurrentBorderColor": "{palette.color.black}",
         "knobCurrentBorderWidth": "{palette.border.border1}",
         "knobCurrentInnerColor": "{system.color.none}",
         "knobCurrentInnerSize": "{system.size.none}",
-        "knobCurrentPaddingLeft": "{palette.size.size1}",
-        "knobCurrentPaddingTop": "{palette.size.size2}",
+        "knobCurrentPaddingLeft": "{palette.size.size0}",
+        "knobCurrentPaddingTop": "{palette.size.size0}",
         "knobSize": "{palette.size.size15}",
         "labelColor": "{palette.color.black}",
         "labelCurrentColor": "{palette.color.black}",
@@ -10826,6 +10907,7 @@
         "borderColor": "{palette.color.transparent}",
         "borderRadius": "{palette.radius.pill32}",
         "borderWidth": "{palette.border.none}",
+        "containerWidth": "{system.size.none}",
         "icon": "{system.icon.none}",
         "iconColor": "{system.color.none}",
         "iconSize": "{palette.size.size12}",