@telus-uds/theme-public-mobile 2.22.0 → 2.23.0

package/build/web/spacingScale.js

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

package/build/web/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:53 GMT
+ * Generated on Fri, 07 Jun 2024 22:34:35 GMT
  *
  */
 
@@ -2236,6 +2236,7 @@ const theme = {
           if: { mini: true },
           tokens: {
             borderColor: 'rgba(0, 0, 0, 0)',
+            borderWidth: null,
             paddingBottom: 0,
             paddingLeft: 0,
             paddingRight: 0,
@@ -2251,6 +2252,15 @@ const theme = {
             textLine: 'underline'
           }
         },
+        {
+          if: { focus: true, mini: true },
+          tokens: {
+            backgroundColor: 'rgba(0, 0, 0, 0)',
+            borderColor: '#394056',
+            borderWidth: null,
+            textLine: 'underline'
+          }
+        },
         {
           if: { expanded: false, hover: true },
           tokens: {
@@ -2406,7 +2416,10 @@ const theme = {
             contentPaddingLeft: 0,
             contentPaddingRight: 0,
             contentPaddingTop: 0,
-            expandDividerColor: 'rgba(0, 0, 0, 0)'
+            contentPanelPaddingBottom: 0,
+            contentPanelPaddingTop: 0,
+            expandDividerColor: 'rgba(0, 0, 0, 0)',
+            marginBottom: 0
           }
         }
       ],
@@ -3387,6 +3400,7 @@ const theme = {
         itemIconColor: '#394056',
         itemIconSize: 16,
         itemLineHeight: 1.5,
+        itemTextColor: '#394056',
         listGutter: 16
       }
     },
@@ -7439,6 +7453,6 @@ const theme = {
       tokens: { size: 80 }
     }
   },
-  metadata: { name: 'theme-public-mobile', themeTokensVersion: '2.56.0' }
+  metadata: { name: 'theme-public-mobile', themeTokensVersion: '2.57.0' }
 }
 export default theme

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telus-uds/theme-public-mobile",
-  "version": "2.22.0",
+  "version": "2.23.0",
   "description": "Public Mobile theme",
   "keywords": [
     "public mobile"
@@ -15,7 +15,7 @@
   ],
   "devDependencies": {
     "@telus-uds/palette-public-mobile": "^1.9.0",
-    "@telus-uds/system-theme-tokens": "^2.56.0"
+    "@telus-uds/system-theme-tokens": "^2.57.0"
   },
   "peerDependencies": {
     "@telus-uds/palette-public-mobile": "^1.9.0"

package/theme.json

@@ -2753,6 +2753,7 @@
           },
           "tokens": {
             "borderColor": "{palette.color.transparent}",
+            "borderWidth": "{system.border.none}",
             "paddingBottom": "{palette.size.size0}",
             "paddingLeft": "{palette.size.size0}",
             "paddingRight": "{palette.size.size0}",
@@ -2770,6 +2771,18 @@
             "textLine": "{system.textLine.underline}"
           }
         },
+        {
+          "if": {
+            "focus": true,
+            "mini": true
+          },
+          "tokens": {
+            "backgroundColor": "{palette.color.transparent}",
+            "borderColor": "{palette.color.slate100}",
+            "borderWidth": "{system.border.none}",
+            "textLine": "{system.textLine.underline}"
+          }
+        },
         {
           "if": {
             "expanded": false,
@@ -2992,7 +3005,10 @@
             "contentPaddingLeft": "{palette.size.size0}",
             "contentPaddingRight": "{palette.size.size0}",
             "contentPaddingTop": "{palette.size.size0}",
-            "expandDividerColor": "{palette.color.transparent}"
+            "contentPanelPaddingBottom": "{palette.size.size0}",
+            "contentPanelPaddingTop": "{palette.size.size0}",
+            "expandDividerColor": "{palette.color.transparent}",
+            "marginBottom": "{palette.size.size0}"
           }
         }
       ],
@@ -4534,6 +4550,7 @@
         "itemIconColor": "{palette.color.slate100}",
         "itemIconSize": "{palette.size.size16}",
         "itemLineHeight": "{palette.lineHeight.ratio3to2}",
+        "itemTextColor": "{palette.color.slate100}",
         "listGutter": "{palette.size.size16}"
       }
     },