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

package/build/rn/spacingScale.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:38 GMT
+ * Generated on Fri, 26 Jul 2024 21:15:45 GMT
  *
  */
 

package/build/rn/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:39 GMT
+ * Generated on Fri, 26 Jul 2024 21:15:45 GMT
  *
  */
 
@@ -29,6 +29,7 @@ const PaletteIconBulletFill = require('@telus-uds/palette-public-mobile/build/rn
 const PaletteIconMobileXClose = require('@telus-uds/palette-public-mobile/build/rn/icons/MobileXClose')
 const PaletteIconSearch = require('@telus-uds/palette-public-mobile/build/rn/icons/Search')
 const PaletteIconInfo = require('@telus-uds/palette-public-mobile/build/rn/icons/Info')
+const PaletteIconMobileRewards = require('@telus-uds/palette-public-mobile/build/rn/icons/MobileRewards')
 const PaletteIconXMark = require('@telus-uds/palette-public-mobile/build/rn/icons/XMark')
 const PaletteIconQuoteLeft = require('@telus-uds/palette-public-mobile/build/rn/icons/QuoteLeft')
 const PaletteIconQuoteLeftArrow = require('@telus-uds/palette-public-mobile/build/rn/icons/QuoteLeftArrow')
@@ -4121,8 +4122,8 @@ module.exports = {
         borderRightWidth: 0,
         borderTopWidth: 0,
         color: '#394056',
-        containerPaddingLeft: 16,
-        containerPaddingRight: 16,
+        containerPaddingLeft: 0,
+        containerPaddingRight: 0,
         dismissButtonGap: 12,
         dismissIcon: PaletteIconMobileXClose,
         dismissIconColor: '#394056',
@@ -4516,7 +4517,10 @@ module.exports = {
     },
     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',
@@ -4543,6 +4547,24 @@ module.exports = {
             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: {
@@ -5877,6 +5899,187 @@ module.exports = {
         width: null
       }
     },
+    Status: {
+      appearances: {
+        inverse: {
+          description: 'Inverts the status colors',
+          type: 'variant',
+          values: [ true ]
+        },
+        priority: { type: 'variant', values: [ 'default', 'low', 'high' ] },
+        purpose: {
+          type: 'variant',
+          values: [
+            'default', 'brand',
+            'subtle',  'success',
+            'warning', 'error',
+            'offer'
+          ]
+        }
+      },
+      rules: [
+        { if: { purpose: 'brand' }, tokens: { iconColor: '#394056' } },
+        { if: { purpose: 'subtle' }, tokens: { iconColor: '#6a7080' } },
+        {
+          if: { purpose: 'success' },
+          tokens: { icon: PaletteIconCheckMark, iconColor: '#2b826e' }
+        },
+        {
+          if: { purpose: 'warning' },
+          tokens: { icon: PaletteIconWarningError, iconColor: '#bf1722' }
+        },
+        {
+          if: { purpose: 'error' },
+          tokens: { icon: PaletteIconWarningError, iconColor: '#bf1722' }
+        },
+        {
+          if: { purpose: 'offer' },
+          tokens: { icon: PaletteIconMobileRewards, iconColor: '#f39d80' }
+        },
+        {
+          if: { priority: 'low' },
+          tokens: {
+            borderRadius: 99,
+            paddingBottom: 4,
+            paddingLeft: 12,
+            paddingRight: 12,
+            paddingTop: 4
+          }
+        },
+        {
+          if: { priority: 'high' },
+          tokens: {
+            backgroundColor: '#394056',
+            borderRadius: 99,
+            iconColor: '#cdcfd5',
+            paddingBottom: 4,
+            paddingLeft: 12,
+            paddingRight: 12,
+            paddingTop: 4,
+            textColor: '#cdcfd5'
+          }
+        },
+        {
+          if: { priority: 'low', purpose: 'default' },
+          tokens: { backgroundColor: '#cdcfd5' }
+        },
+        {
+          if: { priority: 'high', purpose: 'default' },
+          tokens: { backgroundColor: '#394056' }
+        },
+        {
+          if: { priority: 'low', purpose: 'brand' },
+          tokens: { backgroundColor: '#cdcfd5' }
+        },
+        {
+          if: { priority: 'high', purpose: 'brand' },
+          tokens: { backgroundColor: '#394056' }
+        },
+        {
+          if: { priority: 'low', purpose: 'subtle' },
+          tokens: { backgroundColor: '#cdcfd5' }
+        },
+        {
+          if: { priority: 'high', purpose: 'subtle' },
+          tokens: {
+            backgroundColor: '#cdcfd5',
+            iconColor: '#f5f5f7',
+            textColor: '#f5f5f7'
+          }
+        },
+        {
+          if: { priority: 'low', purpose: 'success' },
+          tokens: { backgroundColor: '#eaf3f1', iconColor: '#2b826e' }
+        },
+        {
+          if: { priority: 'high', purpose: 'success' },
+          tokens: {
+            backgroundColor: '#2b826e',
+            iconColor: '#eaf3f1',
+            textColor: '#eaf3f1'
+          }
+        },
+        {
+          if: { priority: 'low', purpose: 'warning' },
+          tokens: { backgroundColor: '#f9e8e9', iconColor: '#bf1722' }
+        },
+        {
+          if: { priority: 'high', purpose: 'warning' },
+          tokens: {
+            backgroundColor: '#bf1722',
+            iconColor: '#f9e8e9',
+            textColor: '#f9e8e9'
+          }
+        },
+        {
+          if: { priority: 'low', purpose: 'error' },
+          tokens: { backgroundColor: '#f9e8e9', iconColor: '#bf1722' }
+        },
+        {
+          if: { priority: 'high', purpose: 'error' },
+          tokens: {
+            backgroundColor: '#bf1722',
+            iconColor: '#f9e8e9',
+            textColor: '#f9e8e9'
+          }
+        },
+        {
+          if: { priority: 'low', purpose: 'offer' },
+          tokens: { backgroundColor: '#cdcfd5', iconColor: '#f39d80' }
+        },
+        {
+          if: { priority: 'high', purpose: 'offer' },
+          tokens: {
+            backgroundColor: '#f39d80',
+            iconColor: '#394056',
+            textColor: '#394056'
+          }
+        },
+        {
+          if: { inverse: true },
+          tokens: {
+            backgroundColor: 'rgba(0, 0, 0, 0)',
+            iconColor: '#ffffff',
+            textColor: '#ffffff'
+          }
+        },
+        {
+          if: { inverse: true, priority: 'low' },
+          tokens: {
+            backgroundColor: '#394056',
+            iconColor: '#ffffff',
+            textColor: '#ffffff'
+          }
+        },
+        {
+          if: { inverse: true, priority: 'high' },
+          tokens: {
+            backgroundColor: '#6a7080',
+            iconColor: '#ffffff',
+            textColor: '#ffffff'
+          }
+        }
+      ],
+      tokens: {
+        backgroundColor: null,
+        backgroundGradient: null,
+        borderColor: null,
+        borderRadius: null,
+        borderWidth: null,
+        fontName: 'SofiaPro',
+        fontSize: 18,
+        fontWeight: '400',
+        icon: PaletteIconWarningError,
+        iconColor: '#394056',
+        iconGradient: null,
+        paddingBottom: 0,
+        paddingLeft: 0,
+        paddingRight: 0,
+        paddingTop: 0,
+        textColor: '#394056',
+        textLineHeight: 1.153
+      }
+    },
     StepTracker: {
       appearances: {
         inverse: {
@@ -7544,5 +7747,5 @@ module.exports = {
       tokens: { size: 80 }
     }
   },
-  metadata: { name: 'theme-public-mobile', themeTokensVersion: '2.59.0' }
+  metadata: { name: 'theme-public-mobile', themeTokensVersion: '2.60.0' }
 }

package/build/web/ActionCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/ActivityIndicator.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/Badge.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/BlockQuote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/Box.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/Breadcrumbs.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/Button.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/ButtonDropdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/ButtonGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/ButtonGroupItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/Callout.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/Card.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/CardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/Carousel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/CarouselTabsPanelItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/CarouselThumbnail.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/Checkbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/CheckboxCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/CheckboxCardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/ChevronLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/ColourToggle.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/Countdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/DatePicker.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/Disclaimer.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/Divider.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/ExpandCollapse.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/ExpandCollapseControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/ExpandCollapseMini.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/ExpandCollapseMiniControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/ExpandCollapsePanel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/Feedback.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/Fieldset.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/Footnote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/FootnoteLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/HorizontalScrollButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/Icon.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:05 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/IconButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:06 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */
 

package/build/web/Image.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:06 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
  *
  */