@telus-uds/theme-koodo 5.8.0 → 5.9.0

package/build/web/spacingScale.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 Feb 2024 19:30:52 GMT
+ * Generated on Wed, 06 Mar 2024 00:01:13 GMT
  *
  */
 

package/build/web/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 Feb 2024 19:30:52 GMT
+ * Generated on Wed, 06 Mar 2024 00:01:13 GMT
  *
  */
 
@@ -1279,6 +1279,7 @@ const theme = {
       ],
       tokens: {
         backgroundColor: 'rgba(0, 0, 0, 0)',
+        iconBackgroundColor: '#ffffff',
         nextIcon: PaletteIconChevronRight,
         previousIcon: PaletteIconChevronLeft,
         showPanelNavigation: true,
@@ -2344,7 +2345,7 @@ const theme = {
             contentPaddingLeft: 0,
             contentPaddingRight: 0,
             contentPaddingTop: 0,
-            contentPanelBackgroundColor: '#000000'
+            contentPanelBackgroundColor: 'rgba(0, 0, 0, 0)'
           }
         }
       ],
@@ -2879,7 +2880,7 @@ const theme = {
         }
       ],
       tokens: {
-        backgroundColor: '#ffffff',
+        backgroundColor: 'rgba(0, 0, 0, 0)',
         borderBottomLeftRadius: null,
         borderBottomRightRadius: null,
         borderBottomWidth: null,
@@ -5635,15 +5636,15 @@ const theme = {
         knobBorderWidth: 1,
         knobCompletedBackgroundColor: '#000000',
         knobCompletedBorderColor: '#000000',
-        knobCompletedPaddingLeft: 1,
-        knobCompletedPaddingTop: 2,
+        knobCompletedPaddingLeft: null,
+        knobCompletedPaddingTop: null,
         knobCurrentBackgroundColor: '#000000',
         knobCurrentBorderColor: '#000000',
         knobCurrentBorderWidth: 1,
         knobCurrentInnerColor: null,
         knobCurrentInnerSize: null,
-        knobCurrentPaddingLeft: null,
-        knobCurrentPaddingTop: null,
+        knobCurrentPaddingLeft: 1,
+        knobCurrentPaddingTop: 2,
         knobSize: 15,
         labelColor: '#000000',
         labelCurrentColor: '#000000',
@@ -6262,7 +6263,7 @@ const theme = {
           if: { focus: true, pressed: true },
           tokens: {
             iconBackgroundColor: '#404040',
-            iconColor: '#404040',
+            iconColor: '#666666',
             iconOuterBorderGap: 2
           }
         }
@@ -6297,6 +6298,7 @@ const theme = {
         expandTitleMarginY: 0,
         expandTitlePaddingLeft: 0,
         expandTitleUnderline: 'none',
+        headerBackgroundColor: 'rgba(0, 0, 0, 0)',
         icon: PaletteIconChevronDown,
         iconBackgroundColor: 'rgba(0, 0, 0, 0)',
         iconBorderColor: 'rgba(0, 0, 0, 0)',
@@ -6448,7 +6450,7 @@ const theme = {
         },
         {
           if: { focus: true, inactive: null },
-          tokens: { borderColor: '#000000', borderWidth: 3, icon: null }
+          tokens: { borderColor: '#7a3dfc', borderWidth: 3, icon: null }
         },
         {
           if: { inactive: true },
@@ -7095,6 +7097,7 @@ const theme = {
         fontScaleCap: 64,
         fontSize: 16,
         fontWeight: '400',
+        gradient: null,
         letterSpacing: 0,
         lineHeight: 1.5,
         superScriptFontSize: null,
@@ -7372,6 +7375,6 @@ const theme = {
       tokens: { size: 96 }
     }
   },
-  metadata: { name: 'theme-koodo', themeTokensVersion: '2.52.0' }
+  metadata: { name: 'theme-koodo', themeTokensVersion: '2.53.0' }
 }
 export default theme

package/package.json

@@ -6,7 +6,7 @@
   "description": "Koodo theme",
   "devDependencies": {
     "@telus-uds/palette-koodo": "^1.1.3",
-    "@telus-uds/system-theme-tokens": "^2.52.0"
+    "@telus-uds/system-theme-tokens": "^2.53.0"
   },
   "files": [
     "build",
@@ -31,5 +31,5 @@
     "build": "UDS_PALETTE=@telus-uds/palette-koodo system-tokens-build-theme",
     "dev": "nodemon -w src -x 'npm run build'"
   },
-  "version": "5.8.0"
+  "version": "5.9.0"
 }

package/theme.json

@@ -1665,6 +1665,7 @@
       ],
       "tokens": {
         "backgroundColor": "{palette.color.transparent}",
+        "iconBackgroundColor": "{palette.color.white}",
         "nextIcon": "{palette.icon.ChevronRight}",
         "previousIcon": "{palette.icon.ChevronLeft}",
         "showPanelNavigation": "{system.show.true}",
@@ -2951,7 +2952,7 @@
             "contentPaddingLeft": "{palette.size.size0}",
             "contentPaddingRight": "{palette.size.size0}",
             "contentPaddingTop": "{palette.size.size0}",
-            "contentPanelBackgroundColor": "{palette.color.black}"
+            "contentPanelBackgroundColor": "{palette.color.transparent}"
           }
         }
       ],
@@ -3738,7 +3739,7 @@
         }
       ],
       "tokens": {
-        "backgroundColor": "{palette.color.white}",
+        "backgroundColor": "{palette.color.transparent}",
         "borderBottomLeftRadius": "{system.radius.none}",
         "borderBottomRightRadius": "{system.radius.none}",
         "borderBottomWidth": "{system.border.none}",
@@ -6870,15 +6871,15 @@
         "knobBorderWidth": "{palette.border.border1}",
         "knobCompletedBackgroundColor": "{palette.color.black}",
         "knobCompletedBorderColor": "{palette.color.black}",
-        "knobCompletedPaddingLeft": "{palette.size.size1}",
-        "knobCompletedPaddingTop": "{palette.size.size2}",
+        "knobCompletedPaddingLeft": "{system.size.none}",
+        "knobCompletedPaddingTop": "{system.size.none}",
         "knobCurrentBackgroundColor": "{palette.color.black}",
         "knobCurrentBorderColor": "{palette.color.black}",
         "knobCurrentBorderWidth": "{palette.border.border1}",
         "knobCurrentInnerColor": "{system.color.none}",
         "knobCurrentInnerSize": "{system.size.none}",
-        "knobCurrentPaddingLeft": "{system.size.none}",
-        "knobCurrentPaddingTop": "{system.size.none}",
+        "knobCurrentPaddingLeft": "{palette.size.size1}",
+        "knobCurrentPaddingTop": "{palette.size.size2}",
         "knobSize": "{palette.size.size15}",
         "labelColor": "{palette.color.black}",
         "labelCurrentColor": "{palette.color.black}",
@@ -7569,7 +7570,7 @@
           },
           "tokens": {
             "iconBackgroundColor": "{palette.color.blackLight}",
-            "iconColor": "{palette.color.blackLight}",
+            "iconColor": "{palette.color.dove}",
             "iconOuterBorderGap": "{palette.size.size2}"
           }
         }
@@ -7604,6 +7605,7 @@
         "expandTitleMarginY": "{palette.size.size0}",
         "expandTitlePaddingLeft": "{palette.size.size0}",
         "expandTitleUnderline": "{system.textLine.none}",
+        "headerBackgroundColor": "{palette.color.transparent}",
         "icon": "{palette.icon.ChevronDown}",
         "iconBackgroundColor": "{palette.color.transparent}",
         "iconBorderColor": "{palette.color.transparent}",
@@ -7761,7 +7763,7 @@
             "inactive": null
           },
           "tokens": {
-            "borderColor": "{palette.color.black}",
+            "borderColor": "{palette.color.purple}",
             "borderWidth": "{palette.border.border3}",
             "icon": "{system.icon.none}"
           }
@@ -8646,6 +8648,7 @@
         "fontScaleCap": "{palette.fontSize.size64}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight400}",
+        "gradient": "{system.gradient.none}",
         "letterSpacing": "{system.letterSpacing.none}",
         "lineHeight": "{palette.lineHeight.multiply150}",
         "superScriptFontSize": "{system.fontSize.none}",