@telus-uds/theme-public-mobile 2.27.0 → 2.28.0

package/build/web/spacingScale.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:13 GMT
+ * Generated on Thu, 22 Aug 2024 18:15:53 GMT
  *
  */
 

package/build/web/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 12 Aug 2024 06:25:13 GMT
+ * Generated on Thu, 22 Aug 2024 18:15:53 GMT
  *
  */
 
@@ -1114,7 +1114,14 @@ const theme = {
       appearances: {
         background: {
           type: 'variant',
-          values: [ 'alternative', 'subtle', 'grid', 'image', 'feature' ]
+          values: [
+            'alternative',
+            'subtle',
+            'grid',
+            'image',
+            'feature',
+            'plain'
+          ]
         },
         borderRadius: { type: 'variant', values: [ 'none', 'small', 'large' ] },
         focus: {
@@ -1216,6 +1223,10 @@ const theme = {
           if: { background: 'feature' },
           tokens: { backgroundColor: '#ffffff', borderColor: '#f39d80' }
         },
+        {
+          if: { background: 'plain' },
+          tokens: { backgroundColor: '#fdfcf6', borderWidth: 0 }
+        },
         {
           if: { viewport: [ 'md', 'lg', 'xl' ] },
           tokens: {
@@ -3221,7 +3232,7 @@ const theme = {
         width: null
       }
     },
-    Image: { appearances: {}, rules: [], tokens: { borderRadius: 4 } },
+    Image: { appearances: {}, rules: [], tokens: { borderRadius: null } },
     InputLabel: {
       appearances: {},
       rules: [],
@@ -5582,6 +5593,7 @@ const theme = {
     },
     Select: {
       appearances: {
+        active: { type: 'state', values: [ true ] },
         focus: {
           description: 'Focus states for some input elements are well supported across web, RN, ios and android',
           type: 'state',
@@ -5637,6 +5649,10 @@ const theme = {
             color: '#9c9faa',
             icon: null
           }
+        },
+        {
+          if: { active: true },
+          tokens: { icon: PaletteIconChevronUp }
         }
       ],
       tokens: {
@@ -7759,6 +7775,6 @@ const theme = {
       tokens: { size: 80 }
     }
   },
-  metadata: { name: 'theme-public-mobile', themeTokensVersion: '2.61.0' }
+  metadata: { name: 'theme-public-mobile', themeTokensVersion: '2.62.0' }
 }
 export default theme

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telus-uds/theme-public-mobile",
-  "version": "2.27.0",
+  "version": "2.28.0",
   "description": "Public Mobile theme",
   "keywords": [
     "public mobile"
@@ -14,11 +14,11 @@
     "theme.json"
   ],
   "devDependencies": {
-    "@telus-uds/palette-public-mobile": "^1.11.0",
-    "@telus-uds/system-theme-tokens": "^2.61.0"
+    "@telus-uds/palette-public-mobile": "^1.12.0",
+    "@telus-uds/system-theme-tokens": "^2.62.0"
   },
   "peerDependencies": {
-    "@telus-uds/palette-public-mobile": "^1.11.0"
+    "@telus-uds/palette-public-mobile": "^1.12.0"
   },
   "repository": {
     "type": "git",

package/theme.json

@@ -1420,7 +1420,7 @@
       "appearances": {
         "background": {
           "type": "variant",
-          "values": ["alternative", "subtle", "grid", "image", "feature"]
+          "values": ["alternative", "subtle", "grid", "image", "feature", "plain"]
         },
         "borderRadius": {
           "type": "variant",
@@ -1574,6 +1574,15 @@
             "borderColor": "{palette.color.apricot100}"
           }
         },
+        {
+          "if": {
+            "background": "plain"
+          },
+          "tokens": {
+            "backgroundColor": "{palette.color.sand25}",
+            "borderWidth": "{palette.border.none}"
+          }
+        },
         {
           "if": {
             "viewport": ["md", "lg", "xl"]
@@ -4205,7 +4214,7 @@
       "appearances": {},
       "rules": [],
       "tokens": {
-        "borderRadius": "{palette.radius.radius4}"
+        "borderRadius": "{system.radius.none}"
       }
     },
     "InputLabel": {
@@ -6942,6 +6951,7 @@
     },
     "Select": {
       "appearances": {
+        "active": "{appearances.Select.active}",
         "focus": "{appearances.Select.focus}",
         "hover": "{appearances.Select.hover}",
         "inactive": "{appearances.Select.inactive}",
@@ -6995,6 +7005,14 @@
             "color": "{palette.color.slate50}",
             "icon": "{system.icon.none}"
           }
+        },
+        {
+          "if": {
+            "active": true
+          },
+          "tokens": {
+            "icon": "{palette.icon.ChevronUp}"
+          }
         }
       ],
       "tokens": {