@telus-uds/theme-public-mobile 2.30.0 → 2.32.0

package/build/web/spacingScale.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 25 Sep 2024 16:55:58 GMT
+ * Generated on Thu, 31 Oct 2024 05:00:58 GMT
  *
  */
 

package/build/web/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 25 Sep 2024 16:55:58 GMT
+ * Generated on Thu, 31 Oct 2024 05:00:58 GMT
  *
  */
 
@@ -1418,6 +1418,7 @@ const theme = {
       ],
       tokens: {
         backgroundColor: '#ffffff',
+        backgroundGradient: null,
         borderColor: '#cdcfd5',
         borderRadius: 6,
         borderWidth: 1,
@@ -3657,7 +3658,7 @@ const theme = {
         itemFontSize: 16,
         itemFontWeight: '400',
         itemIconColor: '#394056',
-        itemIconSize: 16,
+        itemIconSize: 24,
         itemLineHeight: 1.5,
         itemTextColor: '#394056',
         listGutter: 16
@@ -3875,6 +3876,8 @@ const theme = {
           tokens: {
             direction: 'column',
             height: '100%',
+            marginLeft: 24,
+            marginRight: 24,
             paddingBottom: 24,
             paddingLeft: 24,
             paddingRight: 24,
@@ -3963,12 +3966,13 @@ const theme = {
         containerPaddingRight: 0,
         containerPaddingTop: 0,
         direction: 'row',
+        footerTopWidth: 0,
         gap: 16,
         headingColor: '#394056',
         headingPaddingRight: 24,
         height: null,
-        marginLeft: 24,
-        marginRight: 24,
+        marginLeft: 32,
+        marginRight: 32,
         maxWidth: '100%',
         paddingBottom: 24,
         paddingLeft: 32,
@@ -4778,6 +4782,7 @@ const theme = {
         }
       ],
       tokens: {
+        alignItemsText: 'flex-start',
         amountFontName: 'BystanderSans',
         amountFontSize: 48,
         amountFontWeight: '700',
@@ -4853,7 +4858,15 @@ const theme = {
         borderColor: '#9c9faa',
         borderRadius: 12,
         borderWidth: 1,
-        height: 16
+        height: 16,
+        shadow: {
+          blur: 2,
+          color: 'rgba(0, 0, 0, 0.1)',
+          inset: true,
+          offsetX: 0,
+          offsetY: 2,
+          spread: 0
+        }
       }
     },
     ProgressBar: {
@@ -4880,7 +4893,8 @@ const theme = {
         borderRadius: 12,
         gradient: null,
         outlineColor: '#394056',
-        outlineWidth: 1
+        outlineWidth: 1,
+        shadow: null
       }
     },
     QuantitySelector: {
@@ -8029,6 +8043,6 @@ const theme = {
       tokens: { size: 80 }
     }
   },
-  metadata: { name: 'theme-public-mobile', themeTokensVersion: '2.64.0' }
+  metadata: { name: 'theme-public-mobile', themeTokensVersion: '2.66.0' }
 }
 export default theme

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telus-uds/theme-public-mobile",
-  "version": "2.30.0",
+  "version": "2.32.0",
   "description": "Public Mobile theme",
   "keywords": [
     "public mobile"
@@ -14,11 +14,11 @@
     "theme.json"
   ],
   "devDependencies": {
-    "@telus-uds/palette-public-mobile": "^1.14.0",
-    "@telus-uds/system-theme-tokens": "^2.64.0"
+    "@telus-uds/palette-public-mobile": "^1.15.0",
+    "@telus-uds/system-theme-tokens": "^2.66.0"
   },
   "peerDependencies": {
-    "@telus-uds/palette-public-mobile": "^1.14.0"
+    "@telus-uds/palette-public-mobile": "^1.15.0"
   },
   "repository": {
     "type": "git",

package/theme.json

@@ -1837,6 +1837,7 @@
       ],
       "tokens": {
         "backgroundColor": "{palette.color.white}",
+        "backgroundGradient": "{system.gradient.none}",
         "borderColor": "{palette.color.slate25}",
         "borderRadius": "{palette.radius.radius6}",
         "borderWidth": "{palette.border.border1}",
@@ -4834,7 +4835,7 @@
         "itemFontSize": "{palette.fontSize.size16}",
         "itemFontWeight": "{palette.fontWeight.weight400}",
         "itemIconColor": "{palette.color.slate100}",
-        "itemIconSize": "{palette.size.size16}",
+        "itemIconSize": "{palette.size.size24}",
         "itemLineHeight": "{palette.lineHeight.ratio3to2}",
         "itemTextColor": "{palette.color.slate100}",
         "listGutter": "{palette.size.size16}"
@@ -5052,6 +5053,8 @@
           "tokens": {
             "direction": "{system.direction.column}",
             "height": "{system.size.full}",
+            "marginLeft": "{palette.size.size24}",
+            "marginRight": "{palette.size.size24}",
             "paddingBottom": "{palette.size.size24}",
             "paddingLeft": "{palette.size.size24}",
             "paddingRight": "{palette.size.size24}",
@@ -5163,12 +5166,13 @@
         "containerPaddingRight": "{system.size.zero}",
         "containerPaddingTop": "{system.size.zero}",
         "direction": "{system.direction.row}",
+        "footerTopWidth": "{palette.size.size0}",
         "gap": "{palette.size.size16}",
         "headingColor": "{palette.color.slate100}",
         "headingPaddingRight": "{palette.size.size24}",
         "height": "{system.size.none}",
-        "marginLeft": "{palette.size.size24}",
-        "marginRight": "{palette.size.size24}",
+        "marginLeft": "{palette.size.size32}",
+        "marginRight": "{palette.size.size32}",
         "maxWidth": "{system.size.full}",
         "paddingBottom": "{palette.size.size24}",
         "paddingLeft": "{palette.size.size32}",
@@ -6020,6 +6024,7 @@
         }
       ],
       "tokens": {
+        "alignItemsText": "{system.flexAlign.flexStart}",
         "amountFontName": "{palette.fontName.BystanderSans}",
         "amountFontSize": "{palette.fontSize.size48}",
         "amountFontWeight": "{palette.fontWeight.weight700}",
@@ -6111,7 +6116,8 @@
         "borderColor": "{palette.color.slate50}",
         "borderRadius": "{palette.radius.radius12}",
         "borderWidth": "{palette.border.border1}",
-        "height": "{palette.size.size16}"
+        "height": "{palette.size.size16}",
+        "shadow": "{palette.shadow.surfaceInset}"
       }
     },
     "ProgressBar": {
@@ -6145,7 +6151,8 @@
         "borderRadius": "{palette.radius.radius12}",
         "gradient": "{system.gradient.none}",
         "outlineColor": "{palette.color.slate100}",
-        "outlineWidth": "{palette.border.border1}"
+        "outlineWidth": "{palette.border.border1}",
+        "shadow": "{system.shadow.none}"
       }
     },
     "QuantitySelector": {