@telus-uds/theme-public-mobile 2.24.1 → 2.25.0

package/build/web/VideoVolumeSlider.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:06 GMT
+ * Generated on Fri, 19 Jul 2024 18:12:23 GMT
  *
  */
 

package/build/web/WaffleGrid.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:06 GMT
+ * Generated on Fri, 19 Jul 2024 18:12:23 GMT
  *
  */
 

package/build/web/spacingScale.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:06 GMT
+ * Generated on Fri, 19 Jul 2024 18:12:23 GMT
  *
  */
 

package/build/web/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:06 GMT
+ * Generated on Fri, 19 Jul 2024 18:12:23 GMT
  *
  */
 
@@ -4120,8 +4120,8 @@ const theme = {
         borderRightWidth: 0,
         borderTopWidth: 0,
         color: '#394056',
-        containerPaddingLeft: 16,
-        containerPaddingRight: 16,
+        containerPaddingLeft: 0,
+        containerPaddingRight: 0,
         dismissButtonGap: 12,
         dismissIcon: PaletteIconMobileXClose,
         dismissIconColor: '#394056',
@@ -4515,7 +4515,10 @@ const theme = {
     },
     PriceLockup: {
       appearances: {
-        size: { type: 'variant', values: [ 'small', 'medium', 'large' ] },
+        size: {
+          type: 'variant',
+          values: [ 'micro', 'small', 'medium', 'large' ]
+        },
         viewport: {
           description: 'The size label for the current screen viewport based on the current screen width',
           type: 'state',
@@ -4542,6 +4545,24 @@ const theme = {
             topTextLineHeight: 1.5
           }
         },
+        {
+          if: { size: 'micro' },
+          tokens: {
+            amountFontSize: 36,
+            bottomTextFontSize: 16,
+            centsFontSize: 18,
+            centsLineHeight: 0.975,
+            currencySymbolFontSize: 18,
+            currencySymbolLineHeight: 1.2,
+            rateFontName: 'SofiaPro',
+            rateFontSize: 16,
+            rateFontWeight: '700',
+            rateLineHeight: 1.25,
+            strikeThroughPosition: 16,
+            topTextFontSize: 16,
+            topTextLineHeight: 1.5
+          }
+        },
         {
           if: { size: 'small' },
           tokens: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telus-uds/theme-public-mobile",
-  "version": "2.24.1",
+  "version": "2.25.0",
   "description": "Public Mobile theme",
   "keywords": [
     "public mobile"

package/theme.json

@@ -5295,8 +5295,8 @@
         "borderRightWidth": "{system.border.zero}",
         "borderTopWidth": "{system.border.zero}",
         "color": "{palette.color.slate100}",
-        "containerPaddingLeft": "{palette.size.size16}",
-        "containerPaddingRight": "{palette.size.size16}",
+        "containerPaddingLeft": "{palette.size.size0}",
+        "containerPaddingRight": "{palette.size.size0}",
         "dismissButtonGap": "{palette.size.size12}",
         "dismissIcon": "{palette.icon.MobileXClose}",
         "dismissIconColor": "{palette.color.slate100}",
@@ -5729,7 +5729,7 @@
       "appearances": {
         "size": {
           "type": "variant",
-          "values": ["small", "medium", "large"]
+          "values": ["micro", "small", "medium", "large"]
         },
         "viewport": "{appearances.system.viewport}"
       },
@@ -5756,6 +5756,26 @@
             "topTextLineHeight": "{palette.lineHeight.ratio3to2}"
           }
         },
+        {
+          "if": {
+            "size": "micro"
+          },
+          "tokens": {
+            "amountFontSize": "{palette.fontSize.size36}",
+            "bottomTextFontSize": "{palette.fontSize.size16}",
+            "centsFontSize": "{palette.fontSize.size18}",
+            "centsLineHeight": "{palette.lineHeight.multiply14}",
+            "currencySymbolFontSize": "{palette.fontSize.size18}",
+            "currencySymbolLineHeight": "{palette.lineHeight.ratio6to5}",
+            "rateFontName": "{palette.fontName.SofiaPro}",
+            "rateFontSize": "{palette.fontSize.size16}",
+            "rateFontWeight": "{palette.fontWeight.weight700}",
+            "rateLineHeight": "{palette.lineHeight.ratio5to4}",
+            "strikeThroughPosition": "{palette.size.size16}",
+            "topTextFontSize": "{palette.fontSize.size16}",
+            "topTextLineHeight": "{palette.lineHeight.ratio3to2}"
+          }
+        },
         {
           "if": {
             "size": "small"