@telus-uds/theme-koodo 7.12.0 → 7.14.0

package/build/web/spacingScale.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 11 Jul 2025 22:13:58 GMT
+ * Generated on Fri, 25 Jul 2025 04:07:57 GMT
  *
  */
 

package/build/web/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 11 Jul 2025 22:13:59 GMT
+ * Generated on Fri, 25 Jul 2025 04:07:58 GMT
  *
  */
 
@@ -2158,12 +2158,14 @@ const theme = {
         {
           if: { hover: true },
           tokens: {
-            borderColor: '#666666',
-            checkboxOuterBorderColor: '#000000',
-            checkboxOuterBorderGap: 2,
-            checkboxOuterBorderWidth: 1,
-            outerBorderColor: '#c9c8c8',
-            outerBorderWidth: 2
+            backgroundColor: 'rgba(0, 0, 0, 0.05)',
+            borderColor: '#c9c8c8',
+            checkboxOuterBorderColor: 'rgba(0, 0, 0, 0)',
+            checkboxOuterBorderGap: 0,
+            checkboxOuterBorderWidth: 0,
+            outerBorderColor: 'rgba(0, 0, 0, 0)',
+            outerBorderGap: 0,
+            outerBorderWidth: 0
           }
         },
         {
@@ -2192,13 +2194,14 @@ const theme = {
           description: 'Pressed state matches hover state plus light grey background',
           if: { pressed: true },
           tokens: {
-            backgroundColor: '#efefef',
-            borderColor: '#666666',
-            checkboxOuterBorderColor: '#000000',
-            checkboxOuterBorderGap: 2,
-            outerBorderColor: '#c9c8c8',
+            backgroundColor: 'rgba(0, 0, 0, 0.1)',
+            borderColor: '#c9c8c8',
+            checkboxOuterBorderColor: 'rgba(0, 0, 0, 0)',
+            checkboxOuterBorderGap: 0,
+            checkboxOuterBorderWidth: 0,
+            outerBorderColor: 'rgba(0, 0, 0, 0)',
             outerBorderGap: 0,
-            outerBorderWidth: 1
+            outerBorderWidth: 0
           }
         },
         {
@@ -6300,12 +6303,13 @@ const theme = {
         {
           if: { hover: true },
           tokens: {
-            borderColor: '#666666',
-            outerBorderColor: '#c9c8c8',
-            outerBorderWidth: 2,
-            radioOuterBorderColor: '#000000',
-            radioOuterBorderGap: 2,
-            radioOuterBorderWidth: 1
+            backgroundColor: 'rgba(0, 0, 0, 0.05)',
+            borderColor: '#c9c8c8',
+            outerBorderColor: 'rgba(0, 0, 0, 0)',
+            outerBorderGap: 0,
+            outerBorderWidth: 0,
+            radioOuterBorderColor: 'rgba(0, 0, 0, 0)',
+            radioOuterBorderGap: 0
           }
         },
         {
@@ -6334,13 +6338,13 @@ const theme = {
           description: 'Pressed state matches hover state plus light grey background',
           if: { pressed: true },
           tokens: {
-            backgroundColor: '#efefef',
-            borderColor: '#666666',
-            outerBorderColor: '#c9c8c8',
+            backgroundColor: 'rgba(0, 0, 0, 0.1)',
+            borderColor: '#c9c8c8',
+            outerBorderColor: 'rgba(0, 0, 0, 0)',
             outerBorderGap: 0,
-            outerBorderWidth: 1,
-            radioOuterBorderColor: '#000000',
-            radioOuterBorderGap: 2
+            outerBorderWidth: 0,
+            radioOuterBorderColor: 'rgba(0, 0, 0, 0)',
+            radioOuterBorderGap: 0
           }
         },
         {
@@ -6735,7 +6739,7 @@ const theme = {
         borderColor: '#000000',
         borderRadius: 4,
         borderWidth: 1,
-        color: '#666666',
+        color: '#000000',
         feedbackBackgroundColor: '#e0d8fc',
         fontName: 'StagSans',
         fontSize: 16,
@@ -8221,7 +8225,7 @@ const theme = {
         buttonsGap: 0,
         buttonsPaddingRight: 0,
         clearButtonIcon: PaletteIconTimes,
-        color: '#666666',
+        color: '#000000',
         defaultCreditIcon: PaletteIconCreditCard,
         fontName: 'StagSans',
         fontSize: 16,
@@ -9145,6 +9149,6 @@ const theme = {
       tokens: { size: 96 }
     }
   },
-  metadata: { name: 'theme-koodo', themeTokensVersion: '4.10.0' }
+  metadata: { name: 'theme-koodo', themeTokensVersion: '4.11.0' }
 }
 export default theme

package/package.json

@@ -6,7 +6,7 @@
   "description": "Koodo theme",
   "devDependencies": {
     "@telus-uds/palette-koodo": "^3.6.1",
-    "@telus-uds/system-theme-tokens": "^4.10.0"
+    "@telus-uds/system-theme-tokens": "^4.11.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.12.0"
+  "version": "7.14.0"
 }

package/theme.json

@@ -2733,12 +2733,14 @@
             "hover": true
           },
           "tokens": {
-            "borderColor": "{palette.color.dove}",
-            "checkboxOuterBorderColor": "{palette.color.black}",
-            "checkboxOuterBorderGap": "{palette.size.size2}",
-            "checkboxOuterBorderWidth": "{palette.border.border1}",
-            "outerBorderColor": "{palette.color.silver}",
-            "outerBorderWidth": "{palette.border.border2}"
+            "backgroundColor": "{palette.color.dark5}",
+            "borderColor": "{palette.color.silver}",
+            "checkboxOuterBorderColor": "{palette.color.transparent}",
+            "checkboxOuterBorderGap": "{system.size.zero}",
+            "checkboxOuterBorderWidth": "{system.border.zero}",
+            "outerBorderColor": "{palette.color.transparent}",
+            "outerBorderGap": "{system.size.zero}",
+            "outerBorderWidth": "{system.border.zero}"
           }
         },
         {
@@ -2773,13 +2775,14 @@
             "pressed": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.gallery}",
-            "borderColor": "{palette.color.dove}",
-            "checkboxOuterBorderColor": "{palette.color.black}",
-            "checkboxOuterBorderGap": "{palette.size.size2}",
-            "outerBorderColor": "{palette.color.silver}",
-            "outerBorderGap": "{palette.size.size0}",
-            "outerBorderWidth": "{palette.border.border1}"
+            "backgroundColor": "{palette.color.dark10}",
+            "borderColor": "{palette.color.silver}",
+            "checkboxOuterBorderColor": "{palette.color.transparent}",
+            "checkboxOuterBorderGap": "{system.size.zero}",
+            "checkboxOuterBorderWidth": "{system.border.zero}",
+            "outerBorderColor": "{palette.color.transparent}",
+            "outerBorderGap": "{system.size.zero}",
+            "outerBorderWidth": "{system.border.zero}"
           }
         },
         {
@@ -8490,12 +8493,13 @@
             "hover": true
           },
           "tokens": {
-            "borderColor": "{palette.color.dove}",
-            "outerBorderColor": "{palette.color.silver}",
-            "outerBorderWidth": "{palette.border.border2}",
-            "radioOuterBorderColor": "{palette.color.black}",
-            "radioOuterBorderGap": "{palette.size.size2}",
-            "radioOuterBorderWidth": "{palette.border.border1}"
+            "backgroundColor": "{palette.color.dark5}",
+            "borderColor": "{palette.color.silver}",
+            "outerBorderColor": "{palette.color.transparent}",
+            "outerBorderGap": "{system.size.zero}",
+            "outerBorderWidth": "{system.border.zero}",
+            "radioOuterBorderColor": "{palette.color.transparent}",
+            "radioOuterBorderGap": "{system.size.zero}"
           }
         },
         {
@@ -8530,13 +8534,13 @@
             "pressed": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.gallery}",
-            "borderColor": "{palette.color.dove}",
-            "outerBorderColor": "{palette.color.silver}",
-            "outerBorderGap": "{palette.size.size0}",
-            "outerBorderWidth": "{palette.border.border1}",
-            "radioOuterBorderColor": "{palette.color.black}",
-            "radioOuterBorderGap": "{palette.size.size2}"
+            "backgroundColor": "{palette.color.dark10}",
+            "borderColor": "{palette.color.silver}",
+            "outerBorderColor": "{palette.color.transparent}",
+            "outerBorderGap": "{system.size.zero}",
+            "outerBorderWidth": "{system.border.zero}",
+            "radioOuterBorderColor": "{palette.color.transparent}",
+            "radioOuterBorderGap": "{system.size.zero}"
           }
         },
         {
@@ -8961,7 +8965,7 @@
         "borderColor": "{palette.color.black}",
         "borderRadius": "{palette.radius.radius4}",
         "borderWidth": "{palette.border.border1}",
-        "color": "{palette.color.dove}",
+        "color": "{palette.color.black}",
         "feedbackBackgroundColor": "{palette.color.purpleLight}",
         "fontName": "{palette.fontName.StagSans}",
         "fontSize": "{palette.fontSize.size16}",
@@ -10654,7 +10658,7 @@
         "buttonsGap": "{palette.size.size0}",
         "buttonsPaddingRight": "{palette.size.size0}",
         "clearButtonIcon": "{palette.icon.Times}",
-        "color": "{palette.color.dove}",
+        "color": "{palette.color.black}",
         "defaultCreditIcon": "{palette.icon.CreditCard}",
         "fontName": "{palette.fontName.StagSans}",
         "fontSize": "{palette.fontSize.size16}",