@telus-uds/theme-koodo 5.14.0 → 5.15.0

package/build/web/spacingScale.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:49 GMT
+ * Generated on Fri, 07 Jun 2024 22:34:31 GMT
  *
  */
 

package/build/web/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:49 GMT
+ * Generated on Fri, 07 Jun 2024 22:34:32 GMT
  *
  */
 
@@ -2327,7 +2327,7 @@ const theme = {
           if: { mini: true },
           tokens: {
             borderColor: 'rgba(0, 0, 0, 0)',
-            borderWidth: 0,
+            borderWidth: null,
             icon: PaletteIconChevronDown,
             iconColor: '#000000',
             iconGap: 8,
@@ -2357,6 +2357,17 @@ const theme = {
             borderWidth: 2
           }
         },
+        {
+          if: { focus: true, mini: true },
+          tokens: {
+            borderBottomLeftRadius: 4,
+            borderBottomRightRadius: 4,
+            borderColor: '#000000',
+            borderTopLeftRadius: 4,
+            borderTopRightRadius: 4,
+            borderWidth: null
+          }
+        },
         {
           if: { hover: true },
           tokens: { backgroundColor: 'rgba(0, 0, 0, 0.1)' }
@@ -2377,6 +2388,18 @@ const theme = {
             borderWidth: 2
           }
         },
+        {
+          if: { focus: true, mini: true, pressed: true },
+          tokens: {
+            backgroundColor: 'rgba(0, 0, 0, 0.2)',
+            borderBottomLeftRadius: 4,
+            borderBottomRightRadius: 4,
+            borderColor: '#000000',
+            borderTopLeftRadius: 4,
+            borderTopRightRadius: 4,
+            borderWidth: null
+          }
+        },
         { if: { compact: true }, tokens: {} }
       ],
       tokens: {
@@ -2482,7 +2505,10 @@ const theme = {
             contentPaddingLeft: 0,
             contentPaddingRight: 0,
             contentPaddingTop: 0,
-            contentPanelBackgroundColor: 'rgba(0, 0, 0, 0)'
+            contentPanelBackgroundColor: 'rgba(0, 0, 0, 0)',
+            contentPanelPaddingBottom: 0,
+            contentPanelPaddingTop: 0,
+            marginBottom: 0
           }
         }
       ],
@@ -3390,6 +3416,7 @@ const theme = {
         itemIconColor: '#ff0076',
         itemIconSize: 16,
         itemLineHeight: 1.3,
+        itemTextColor: '#000000',
         listGutter: 10
       }
     },
@@ -7238,17 +7265,18 @@ const theme = {
             textTransform: 'uppercase'
           }
         },
-        {
-          if: { compact: true, size: 'large' },
-          tokens: { lineHeight: 1.2 }
-        },
         {
           if: { size: 'medium' },
           tokens: { fontSize: 16, lineHeight: 1.5 }
         },
+        { if: { compact: true }, tokens: { lineHeight: 1.25 } },
+        {
+          if: { compact: true, size: 'large' },
+          tokens: { lineHeight: 1.2 }
+        },
         {
-          if: { compact: true, size: 'medium' },
-          tokens: { lineHeight: 1.25 }
+          if: { bold: true, compact: true, size: 'large' },
+          tokens: { lineHeight: 1.2 }
         },
         {
           if: { size: 'small' },
@@ -7264,7 +7292,11 @@ const theme = {
         },
         {
           if: { compact: true, size: 'micro' },
-          tokens: { lineHeight: 1.33333333333 }
+          tokens: { lineHeight: 1.2 }
+        },
+        {
+          if: { bold: true, compact: true, size: 'micro' },
+          tokens: { lineHeight: 1.2 }
         },
         {
           if: { size: 'display1' },
@@ -7660,6 +7692,6 @@ const theme = {
       tokens: { size: 96 }
     }
   },
-  metadata: { name: 'theme-koodo', themeTokensVersion: '2.56.0' }
+  metadata: { name: 'theme-koodo', themeTokensVersion: '2.57.0' }
 }
 export default theme

package/package.json

@@ -5,8 +5,8 @@
   },
   "description": "Koodo theme",
   "devDependencies": {
-    "@telus-uds/palette-koodo": "^1.3.0",
-    "@telus-uds/system-theme-tokens": "^2.56.0"
+    "@telus-uds/palette-koodo": "^1.4.0",
+    "@telus-uds/system-theme-tokens": "^2.57.0"
   },
   "files": [
     "build",
@@ -20,7 +20,7 @@
   "main": "build/rn/theme.js",
   "name": "@telus-uds/theme-koodo",
   "peerDependencies": {
-    "@telus-uds/palette-koodo": "^1.3.0"
+    "@telus-uds/palette-koodo": "^1.4.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": "5.14.0"
+  "version": "5.15.0"
 }

package/theme.json

@@ -2868,7 +2868,7 @@
           },
           "tokens": {
             "borderColor": "{palette.color.transparent}",
-            "borderWidth": "{system.border.zero}",
+            "borderWidth": "{system.border.none}",
             "icon": "{palette.icon.ChevronDown}",
             "iconColor": "{palette.color.black}",
             "iconGap": "{palette.size.size8}",
@@ -2904,6 +2904,20 @@
             "borderWidth": "{palette.border.border2}"
           }
         },
+        {
+          "if": {
+            "focus": true,
+            "mini": true
+          },
+          "tokens": {
+            "borderBottomLeftRadius": "{palette.radius.radius4}",
+            "borderBottomRightRadius": "{palette.radius.radius4}",
+            "borderColor": "{palette.color.black}",
+            "borderTopLeftRadius": "{palette.radius.radius4}",
+            "borderTopRightRadius": "{palette.radius.radius4}",
+            "borderWidth": "{system.border.none}"
+          }
+        },
         {
           "if": {
             "hover": true
@@ -2935,6 +2949,22 @@
             "borderWidth": "{palette.border.border2}"
           }
         },
+        {
+          "if": {
+            "focus": true,
+            "mini": true,
+            "pressed": true
+          },
+          "tokens": {
+            "backgroundColor": "{palette.color.dark20}",
+            "borderBottomLeftRadius": "{palette.radius.radius4}",
+            "borderBottomRightRadius": "{palette.radius.radius4}",
+            "borderColor": "{palette.color.black}",
+            "borderTopLeftRadius": "{palette.radius.radius4}",
+            "borderTopRightRadius": "{palette.radius.radius4}",
+            "borderWidth": "{system.border.none}"
+          }
+        },
         {
           "if": {
             "compact": true
@@ -3096,7 +3126,10 @@
             "contentPaddingLeft": "{palette.size.size0}",
             "contentPaddingRight": "{palette.size.size0}",
             "contentPaddingTop": "{palette.size.size0}",
-            "contentPanelBackgroundColor": "{palette.color.transparent}"
+            "contentPanelBackgroundColor": "{palette.color.transparent}",
+            "contentPanelPaddingBottom": "{palette.size.size0}",
+            "contentPanelPaddingTop": "{palette.size.size0}",
+            "marginBottom": "{palette.size.size0}"
           }
         }
       ],
@@ -4534,6 +4567,7 @@
         "itemIconColor": "{palette.color.pink}",
         "itemIconSize": "{palette.size.size16}",
         "itemLineHeight": "{palette.lineHeight.multiply130}",
+        "itemTextColor": "{palette.color.black}",
         "listGutter": "{palette.size.size10}"
       }
     },
@@ -8777,29 +8811,38 @@
         },
         {
           "if": {
-            "compact": true,
-            "size": "large"
+            "size": "medium"
           },
           "tokens": {
-            "lineHeight": "{palette.lineHeight.ratio6to5}"
+            "fontSize": "{palette.fontSize.size16}",
+            "lineHeight": "{palette.lineHeight.ratio3to2}"
           }
         },
         {
           "if": {
-            "size": "medium"
+            "compact": true
           },
           "tokens": {
-            "fontSize": "{palette.fontSize.size16}",
-            "lineHeight": "{palette.lineHeight.ratio3to2}"
+            "lineHeight": "{palette.lineHeight.ratio5to4}"
           }
         },
         {
           "if": {
             "compact": true,
-            "size": "medium"
+            "size": "large"
           },
           "tokens": {
-            "lineHeight": "{palette.lineHeight.ratio5to4}"
+            "lineHeight": "{palette.lineHeight.ratio6to5}"
+          }
+        },
+        {
+          "if": {
+            "bold": true,
+            "compact": true,
+            "size": "large"
+          },
+          "tokens": {
+            "lineHeight": "{palette.lineHeight.ratio6to5}"
           }
         },
         {
@@ -8835,7 +8878,17 @@
             "size": "micro"
           },
           "tokens": {
-            "lineHeight": "{palette.lineHeight.ratio4to3}"
+            "lineHeight": "{palette.lineHeight.ratio6to5}"
+          }
+        },
+        {
+          "if": {
+            "bold": true,
+            "compact": true,
+            "size": "micro"
+          },
+          "tokens": {
+            "lineHeight": "{palette.lineHeight.ratio6to5}"
           }
         },
         {