@telus-uds/theme-allium 4.35.0 → 5.0.0

package/build/rn/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 26 Jul 2024 21:16:30 GMT
+ * Generated on Thu, 22 Aug 2024 18:16:13 GMT
  *
  */
 
@@ -95,7 +95,7 @@ module.exports = {
         borderRadius: null,
         borderWidth: null,
         contentFontColor: '#414547',
-        contentFontName: 'HelveticaNow',
+        contentFontName: 'HNforTELUSSA',
         contentFontSize: 16,
         contentFontWeight: '400',
         contentLineHeight: 1.25,
@@ -116,7 +116,7 @@ module.exports = {
         statusIcon: null,
         statusIconColor: null,
         titleFontColor: '#414547',
-        titleFontName: 'HelveticaNow',
+        titleFontName: 'HNforTELUSSA',
         titleFontSize: 16,
         titleFontWeight: '700',
         titleLineHeight: 1.5,
@@ -247,7 +247,7 @@ module.exports = {
         borderRadius: 4,
         borderWidth: 2,
         color: '#ffffff',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 12,
         fontWeight: '700',
         gradient: null,
@@ -269,7 +269,7 @@ module.exports = {
         {
           if: { viewport: [ 'xs', 'sm', 'md' ] },
           tokens: {
-            titleHeadingFontName: 'HelveticaNow',
+            titleHeadingFontName: 'HNforTELUSSA',
             titleHeadingFontSize: 24,
             titleHeadingFontWeight: '400',
             titleHeadingLineHeight: 1.33333333333
@@ -286,7 +286,7 @@ module.exports = {
           type: 'linear'
         },
         color: '#414547',
-        linkFontName: 'HelveticaNow',
+        linkFontName: 'HNforTELUSSA',
         linkFontSize: 16,
         linkFontWeight: '700',
         linkLineHeight: 1.5,
@@ -295,10 +295,10 @@ module.exports = {
         paddingLeft: 32,
         paddingRight: 32,
         paddingTop: 16,
-        titleFontName: 'HelveticaNow',
+        titleFontName: 'HNforTELUSSA',
         titleFontSize: 20,
         titleFontWeight: '400',
-        titleHeadingFontName: 'HelveticaNow',
+        titleHeadingFontName: 'HNforTELUSSA',
         titleHeadingFontSize: 28,
         titleHeadingFontWeight: '400',
         titleHeadingLineHeight: 1.28571428571,
@@ -526,7 +526,7 @@ module.exports = {
       tokens: {
         color: '#676e73',
         currentColor: '#414547',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 12,
         fontWeight: '500',
         icon: PaletteIconChevronRight,
@@ -829,7 +829,7 @@ module.exports = {
         borderTopWidth: 1,
         borderWidth: 1,
         color: '#2b8000',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 16,
         fontWeight: '700',
         height: null,
@@ -956,7 +956,7 @@ module.exports = {
         borderWidth: 1,
         color: '#676e73',
         dividerColor: '#e3e6e8',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 14,
         fontWeight: '700',
         icon: PaletteIconCaretDown,
@@ -1119,7 +1119,7 @@ module.exports = {
         borderRadius: 32,
         borderWidth: 1,
         color: '#676e73',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 14,
         fontWeight: '700',
         height: 36,
@@ -1168,7 +1168,7 @@ module.exports = {
       appearances: {
         background: {
           type: 'variant',
-          values: [ 'alternative', 'subtle', 'grid', 'feature' ]
+          values: [ 'alternative', 'subtle', 'grid', 'feature', 'plain' ]
         },
         borderRadius: { type: 'variant', values: [ 'none', 'small', 'large' ] },
         focus: {
@@ -1277,6 +1277,10 @@ module.exports = {
           if: { background: 'grid' },
           tokens: { backgroundColor: '#fafafa', borderWidth: 0 }
         },
+        {
+          if: { background: 'plain' },
+          tokens: { backgroundColor: '#ffffff', borderWidth: 0 }
+        },
         {
           if: { viewport: [ 'md', 'lg', 'xl' ] },
           tokens: {
@@ -1574,7 +1578,7 @@ module.exports = {
             borderBottomColor: '#676e73',
             borderBottomWidth: 4,
             color: '#676e73',
-            fontName: 'HelveticaNow',
+            fontName: 'HNforTELUSSA',
             fontWeight: '400'
           }
         },
@@ -1617,7 +1621,7 @@ module.exports = {
             borderBottomColor: '#ffffff',
             borderBottomWidth: 4,
             color: '#ffffff',
-            fontName: 'HelveticaNow',
+            fontName: 'HNforTELUSSA',
             fontWeight: '700'
           }
         }
@@ -1629,7 +1633,7 @@ module.exports = {
         borderBottomWidth: 1,
         color: '#414547',
         flex: 1,
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontScaleCap: 64,
         fontSize: 14,
         fontWeight: '400',
@@ -1774,7 +1778,7 @@ module.exports = {
         inputShadow: null,
         inputWidth: 20,
         labelColor: '#414547',
-        labelFontName: 'HelveticaNow',
+        labelFontName: 'HNforTELUSSA',
         labelFontSize: 16,
         labelFontWeight: '400',
         labelLineHeight: 1.5,
@@ -1914,7 +1918,7 @@ module.exports = {
         contentJustifyContent: 'flex-start',
         contentSpace: 2,
         flex: 1,
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 20,
         fontWeight: '500',
         letterSpacing: 0,
@@ -2195,7 +2199,7 @@ module.exports = {
           tokens: {
             textFontSize: 64,
             textLineHeight: 1.125,
-            textTimerFontName: 'HelveticaNow',
+            textTimerFontName: 'HNforTELUSSA',
             textTimerFontWeight: '300'
           }
         },
@@ -2205,7 +2209,7 @@ module.exports = {
             labelBorderColor: '#4b286d',
             textFontSize: 64,
             textLineHeight: 1.125,
-            textTimerFontName: 'HelveticaNow',
+            textTimerFontName: 'HNforTELUSSA',
             textTimerFontWeight: '300'
           }
         },
@@ -2247,13 +2251,13 @@ module.exports = {
         containerPaddingLeftRight: 64,
         inverseBorderColor: '#676e73',
         labelBorderColor: '#414547',
-        labelFontName: 'HelveticaNow',
+        labelFontName: 'HNforTELUSSA',
         labelFontSize: 16,
         labelFontWeight: '400',
         labelLineHeight: 1.5,
         textFontSize: 16,
         textLineHeight: 1.5,
-        textTimerFontName: 'HelveticaNow',
+        textTimerFontName: 'HNforTELUSSA',
         textTimerFontWeight: '400'
       }
     },
@@ -2271,7 +2275,7 @@ module.exports = {
         calendarDayDefaultCalendarDaySelectedHoverBeforeBackground: '#7c53a5',
         calendarDayDefaultCalendarDaySelectedHoverColor: '#ffffff',
         calendarDayDefaultColor: '#414547',
-        calendarDayDefaultFontName: 'HelveticaNow',
+        calendarDayDefaultFontName: 'HNforTELUSSA',
         calendarDayDefaultFontSize: 14,
         calendarDayDefaultFontWeight: '400',
         calendarDaySelectedDisabledBackground: '#fafafa',
@@ -2284,7 +2288,7 @@ module.exports = {
         calendarDaySelectedHoverBorderColor: '#b2b9bf',
         calendarDaySelectedHoverColor: '#414547',
         calendarMonthCaptionColor: '#2c2e30',
-        calendarMonthCaptionFontName: 'HelveticaNow',
+        calendarMonthCaptionFontName: 'HNforTELUSSA',
         calendarMonthCaptionFontSize: 20,
         calendarMonthCaptionFontWeight: '700',
         calendarMonthCaptionLineHeight: 1.4,
@@ -2292,7 +2296,7 @@ module.exports = {
         dateInputStrokeColor: '#676e73',
         dayPickerNavigationButtonPadding: 8,
         dayPickerWeekHeaderColor: '#414547',
-        dayPickerWeekHeaderFontName: 'HelveticaNow',
+        dayPickerWeekHeaderFontName: 'HNforTELUSSA',
         dayPickerWeekHeaderFontWeight: '700',
         dayPickerWeekHeaderLineHeight: 1.42857142857,
         dayPickerWeekHeaderSmall: 14,
@@ -2313,7 +2317,7 @@ module.exports = {
       rules: [],
       tokens: {
         color: '#414547',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 12,
         fontWeight: '500',
         lineHeight: 1.33333333333
@@ -2553,7 +2557,7 @@ module.exports = {
         contentPanelBorderColor: 'rgba(0, 0, 0, 0)',
         contentPanelBorderWidth: 0,
         contentPanelFontColor: '#2c2e30',
-        contentPanelFontName: 'HelveticaNow',
+        contentPanelFontName: 'HNforTELUSSA',
         contentPanelFontSize: 16,
         contentPanelFontWeight: '700',
         contentPanelLineHeight: 1.5,
@@ -2609,7 +2613,7 @@ module.exports = {
         borderWidth: 1,
         color: '#2c2e30',
         contentFontSize: 16,
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontWeight: '400',
         icon: null,
         iconColor: 'rgba(0, 0, 0, 0)',
@@ -2714,13 +2718,13 @@ module.exports = {
         footnoteHeaderPaddingLeft: 16,
         footnoteHeaderPaddingRight: 4,
         footnoteHeaderPaddingTop: 24,
-        headerFontName: 'HelveticaNow',
+        headerFontName: 'HNforTELUSSA',
         headerFontSize: 16,
         headerFontWeight: '500',
         headerLineHeight: 1.5,
         headerMargin: 16,
         listItemColor: '#414547',
-        listItemFontName: 'HelveticaNow',
+        listItemFontName: 'HNforTELUSSA',
         listItemFontSize: 16,
         listItemFontWeight: '400',
         listItemLineHeight: 1.5,
@@ -2784,7 +2788,7 @@ module.exports = {
       ],
       tokens: {
         color: null,
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 16,
         fontWeight: '400',
         lineHeight: 1,
@@ -3254,18 +3258,18 @@ module.exports = {
         width: null
       }
     },
-    Image: { appearances: {}, rules: [], tokens: { borderRadius: 4 } },
+    Image: { appearances: {}, rules: [], tokens: { borderRadius: null } },
     InputLabel: {
       appearances: {},
       rules: [],
       tokens: {
         color: '#414547',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 16,
         fontWeight: '700',
         gap: 8,
         hintColor: '#414547',
-        hintFontName: 'HelveticaNow',
+        hintFontName: 'HNforTELUSSA',
         hintFontSize: 14,
         hintFontWeight: '400',
         hintLineHeight: 1.42857142857,
@@ -3353,7 +3357,7 @@ module.exports = {
         {
           if: { size: 'micro' },
           tokens: {
-            blockFontName: 'HelveticaNow',
+            blockFontName: 'HNforTELUSSA',
             blockFontSize: 12,
             blockFontWeight: '500',
             blockLineHeight: 1.125,
@@ -3419,7 +3423,7 @@ module.exports = {
       ],
       tokens: {
         alignSelf: 'flex-start',
-        blockFontName: 'HelveticaNow',
+        blockFontName: 'HNforTELUSSA',
         blockFontSize: 16,
         blockFontWeight: '400',
         blockLineHeight: 1.5,
@@ -3495,7 +3499,7 @@ module.exports = {
         itemBulletColor: '#4b286d',
         itemBulletContainerAlign: 'center',
         itemBulletContainerWidth: 24,
-        itemFontName: 'HelveticaNow',
+        itemFontName: 'HNforTELUSSA',
         itemFontSize: 16,
         itemFontWeight: '400',
         itemIconColor: '#4b286d',
@@ -3581,7 +3585,7 @@ module.exports = {
           if: { current: true },
           tokens: {
             groupColor: '#4b286d',
-            groupFontName: 'HelveticaNow',
+            groupFontName: 'HNforTELUSSA',
             groupFontWeight: '700',
             itemColor: '#4b286d',
             itemPaddingBottom: 12,
@@ -3596,7 +3600,7 @@ module.exports = {
             groupBackgroundColor: '#e3e6e8',
             groupBorderWidth: 0,
             groupColor: '#676e73',
-            groupFontName: 'HelveticaNow',
+            groupFontName: 'HNforTELUSSA',
             groupFontWeight: '700'
           }
         },
@@ -3648,7 +3652,7 @@ module.exports = {
         groupBorderRadius: 0,
         groupBorderWidth: 1,
         groupColor: '#414547',
-        groupFontName: 'HelveticaNow',
+        groupFontName: 'HNforTELUSSA',
         groupFontSize: 14,
         groupFontWeight: '400',
         groupHeight: 40,
@@ -3670,7 +3674,7 @@ module.exports = {
         itemBorderWidth: 1,
         itemColor: '#414547',
         itemDisplay: false,
-        itemFontName: 'HelveticaNow',
+        itemFontName: 'HNforTELUSSA',
         itemFontSize: 14,
         itemFontWeight: '700',
         itemHeight: 40,
@@ -3866,7 +3870,7 @@ module.exports = {
       tokens: {
         buttonDirection: 'row',
         headerFontColor: '#414547',
-        headerFontName: 'HelveticaNow',
+        headerFontName: 'HNforTELUSSA',
         headerFontSize: 16,
         headerFontWeight: '500',
         headerLineHeight: 1.5,
@@ -3874,7 +3878,7 @@ module.exports = {
         maxWidthSize: 0,
         minHeight: 412,
         minWidth: 320,
-        subHeaderFontName: 'HelveticaNow',
+        subHeaderFontName: 'HNforTELUSSA',
         subHeaderFontSize: 14,
         subHeaderFontWeight: '400',
         subHeaderLineHeight: 1.4
@@ -3922,7 +3926,7 @@ module.exports = {
             backgroundColor: '#f4f4f7',
             borderColor: '#f4f4f7',
             color: '#4b286d',
-            fontName: 'HelveticaNow',
+            fontName: 'HNforTELUSSA',
             fontWeight: '700'
           }
         },
@@ -3978,7 +3982,7 @@ module.exports = {
         borderRadius: 32,
         borderWidth: 1,
         color: '#414547',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 14,
         fontWeight: '400',
         icoMenu: PaletteIconCaretDown,
@@ -4141,7 +4145,7 @@ module.exports = {
         dismissButtonGap: 24,
         dismissIcon: PaletteIconClose,
         dismissIconColor: '#676e73',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 16,
         fontWeight: '400',
         icon: PaletteIconStatusInfo,
@@ -4189,20 +4193,21 @@ module.exports = {
         }
       ],
       tokens: {
-        headerFontName: 'HelveticaNow',
+        headerFontName: 'HNforTELUSSA',
         headerFontWeight: '700',
         interItemMargin: 8,
         itemBulletContainerWidth: 20,
         itemBulletHeight: 4,
         itemBulletTextAlign: 'right',
         itemBulletWidth: 4,
-        itemColor: '#414547',
-        itemFontName: 'HelveticaNow',
+        itemColor: null,
+        itemFontName: 'HNforTELUSSA',
         itemFontSize: 16,
         itemFontWeight: '400',
         itemLineHeight: 1.5,
         itemMarginTop: 0,
         itemPaddingTop: 0,
+        itemTextColor: '#414547',
         listGutter: 8
       }
     },
@@ -4233,7 +4238,7 @@ module.exports = {
         ellipsisBorderTopWidth: 0,
         ellipsisHeight: null,
         ellipsisPadding: 0,
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 16,
         fontWeight: '400',
         gap: 2,
@@ -4303,7 +4308,7 @@ module.exports = {
         borderRightWidth: 1,
         borderTopWidth: 1,
         color: '#676e73',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 16,
         fontWeight: '400',
         height: 32,
@@ -4416,7 +4421,7 @@ module.exports = {
         borderTopWidth: 0,
         color: '#676e73',
         displayLabel: true,
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 16,
         fontWeight: '400',
         height: null,
@@ -4536,11 +4541,11 @@ module.exports = {
           }
         },
         {
-          if: { size: 'large', viewport: [ 'lg', 'xl' ] },
+          if: { size: 'large' },
           tokens: {
             amountFontSize: 64,
-            bottomTextFontSize: 20,
-            bottomTextLineHeight: 1.6,
+            bottomTextFontSize: 16,
+            bottomTextLineHeight: 1.5,
             centsFontSize: 36,
             centsLineHeight: 1.125,
             currencySymbolFontSize: 36,
@@ -4549,6 +4554,15 @@ module.exports = {
             rateLineHeight: 1.6,
             strikeThroughHeight: 3,
             strikeThroughPosition: 35,
+            topTextFontSize: 16,
+            topTextLineHeight: 1.5
+          }
+        },
+        {
+          if: { size: 'large', viewport: [ 'lg', 'xl' ] },
+          tokens: {
+            bottomTextFontSize: 20,
+            bottomTextLineHeight: 1.6,
             topTextFontSize: 20,
             topTextLineHeight: 1.6
           }
@@ -4559,43 +4573,43 @@ module.exports = {
         }
       ],
       tokens: {
-        amountFontName: 'HelveticaNow',
+        amountFontName: 'HNforTELUSSA',
         amountFontSize: 40,
         amountFontWeight: '300',
         amountLetterSpacing: -0.039,
         amountLineHeight: 1,
         bottomLinksMarginLeft: 4,
         bottomTextFontSize: 16,
-        bottomTextLineHeight: 1.6,
+        bottomTextLineHeight: 1.5,
         bottomTextMarginTop: 4,
-        centsFontName: 'HelveticaNow',
+        centsFontName: 'HNforTELUSSA',
         centsFontSize: 20,
         centsFontWeight: '400',
         centsLineHeight: 1.2,
-        currencySymbolFontName: 'HelveticaNow',
+        currencySymbolFontName: 'HNforTELUSSA',
         currencySymbolFontSize: 20,
         currencySymbolFontWeight: '400',
         currencySymbolLineHeight: 1.2,
         dividerColor: '#b2b9bf',
         fontColor: '#414547',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontWeight: '700',
         footnoteGap: 4,
         footnoteLinkColor: '#414547',
-        footnoteLinkFontName: 'HelveticaNow',
+        footnoteLinkFontName: 'HNforTELUSSA',
         footnoteLinkFontSize: 14,
         footnoteLinkFontWeight: '400',
         footnoteLinkLineHeight: 1.42857142857,
         footnoteMarginTop: 4,
         priceMarginBottom: 8,
-        rateFontName: 'HelveticaNow',
+        rateFontName: 'HNforTELUSSA',
         rateFontSize: 16,
         rateFontWeight: '400',
         rateLineHeight: 1.25,
         strikeThroughColor: '#676e73',
         strikeThroughHeight: 2,
         strikeThroughPosition: 22,
-        topTextFontName: 'HelveticaNow',
+        topTextFontName: 'HNforTELUSSA',
         topTextFontSize: 16,
         topTextFontWeight: '700',
         topTextLineHeight: 1.5,
@@ -4881,7 +4895,7 @@ module.exports = {
         borderRadius: 32,
         borderWidth: 1,
         color: '#676e73',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 16,
         fontWeight: '700',
         icon: null,
@@ -4993,7 +5007,7 @@ module.exports = {
         contentDirection: 'column',
         contentMaxDimension: 168,
         contentSpace: 3,
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 16,
         fontWeight: '700',
         gap: 5,
@@ -5064,7 +5078,7 @@ module.exports = {
         itemBulletHeight: 4,
         itemBulletWidth: 4,
         itemFontColor: '#676e73',
-        itemFontName: 'HelveticaNow',
+        itemFontName: 'HNforTELUSSA',
         itemFontSize: 16,
         itemFontWeight: '700',
         itemIconColor: '#4b286d',
@@ -5143,7 +5157,7 @@ module.exports = {
         containerPaddingRight: 0,
         containerPaddingTop: 0,
         containerShadow: null,
-        descriptionFontName: 'HelveticaNow',
+        descriptionFontName: 'HNforTELUSSA',
         descriptionFontSize: 14,
         descriptionFontWeight: '400',
         descriptionLineHeight: 1.42857142857,
@@ -5158,7 +5172,7 @@ module.exports = {
         inputOutlineWidth: 0,
         inputSize: 20,
         labelColor: '#414547',
-        labelFontName: 'HelveticaNow',
+        labelFontName: 'HNforTELUSSA',
         labelFontSize: 16,
         labelFontWeight: '400',
         labelLineHeight: 1.5,
@@ -5289,7 +5303,7 @@ module.exports = {
         contentJustifyContent: 'flex-start',
         contentSpace: 2,
         flex: 1,
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 20,
         fontWeight: '500',
         letterSpacing: 0,
@@ -5378,6 +5392,7 @@ module.exports = {
           if: { purpose: 'editorial' },
           tokens: {
             backgroundColor: '#676e73',
+            curveAfterBackgroundColor: '#676e73',
             curveBackgroundColor: '#2c2e30'
           }
         },
@@ -5400,7 +5415,10 @@ module.exports = {
         },
         {
           if: { purpose: 'subtle' },
-          tokens: { backgroundColor: '#7c53a5' }
+          tokens: {
+            backgroundColor: '#7c53a5',
+            curveAfterBackgroundColor: '#7c53a5'
+          }
         }
       ],
       tokens: {
@@ -5422,7 +5440,7 @@ module.exports = {
         curveMarginTop: 4,
         curveWidth: 8,
         fontColor: '#ffffff',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 12,
         fontWeight: '700',
         gradient: null,
@@ -5483,7 +5501,7 @@ module.exports = {
         buttonsGap: 2,
         clearButtonIcon: PaletteIconTimes,
         color: '#414547',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 16,
         fontWeight: '400',
         lineHeight: 1.5,
@@ -5588,6 +5606,7 @@ module.exports = {
     },
     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',
@@ -5645,6 +5664,10 @@ module.exports = {
             color: '#676e73',
             icon: null
           }
+        },
+        {
+          if: { active: true },
+          tokens: { icon: PaletteIconCaretUp }
         }
       ],
       tokens: {
@@ -5654,7 +5677,7 @@ module.exports = {
         borderWidth: 1,
         color: '#414547',
         feedbackBackgroundColor: '#f4f4f7',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 16,
         fontWeight: '400',
         height: 48,
@@ -5715,7 +5738,7 @@ module.exports = {
             accentBackgroundColor: '#4b286d',
             backgroundColor: '#f4f4f7',
             color: '#4b286d',
-            fontName: 'HelveticaNow',
+            fontName: 'HNforTELUSSA',
             fontWeight: '700',
             paddingLeft: 12
           }
@@ -5740,7 +5763,7 @@ module.exports = {
           tokens: {
             accentBackgroundColor: 'rgba(0, 0, 0, 0)',
             color: '#4b286d',
-            fontName: 'HelveticaNow',
+            fontName: 'HNforTELUSSA',
             fontWeight: '400',
             paddingLeft: 16
           }
@@ -5781,7 +5804,7 @@ module.exports = {
         borderStyle: 'solid',
         borderWidth: 1,
         color: '#414547',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 16,
         fontWeight: '400',
         justifyContent: 'space-between',
@@ -5862,7 +5885,7 @@ module.exports = {
         backgroundColor: 'rgba(0, 0, 0, 0)',
         borderRadius: 4,
         color: '#2b8000',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 16,
         fontWeight: '400',
         lineHeight: 1.5,
@@ -5935,7 +5958,7 @@ module.exports = {
         buttonPaddingRight: 16,
         buttonRadius: 32,
         detailsContainerPadding: 8,
-        labelFontName: 'HelveticaNow',
+        labelFontName: 'HNforTELUSSA',
         labelFontWeight: '700',
         playIcon: PaletteIconPlaySolid,
         playIconColor: '#ffffff',
@@ -6102,7 +6125,7 @@ module.exports = {
         borderColor: null,
         borderRadius: null,
         borderWidth: null,
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 16,
         fontWeight: '700',
         icon: PaletteIconStatusInfo,
@@ -6181,10 +6204,10 @@ module.exports = {
         knobSize: 16,
         labelColor: '#414547',
         labelCurrentColor: '#7c53a5',
-        labelCurrentFontName: 'HelveticaNow',
+        labelCurrentFontName: 'HNforTELUSSA',
         labelCurrentFontWeight: '700',
         labelDirection: 'column',
-        labelFontName: 'HelveticaNow',
+        labelFontName: 'HNforTELUSSA',
         labelFontSize: 14,
         labelFontWeight: '400',
         labelGap: 0,
@@ -6196,7 +6219,7 @@ module.exports = {
         showStepName: true,
         showStepTrackerLabel: true,
         stepLabelColor: '#676e73',
-        stepLabelFontName: 'HelveticaNow',
+        stepLabelFontName: 'HNforTELUSSA',
         stepLabelFontSize: 12,
         stepLabelFontWeight: '700',
         stepLabelLineHeight: 1.33333333333,
@@ -6287,7 +6310,7 @@ module.exports = {
           tokens: {
             cellPaddingBottom: 8,
             cellPaddingTop: 8,
-            fontName: 'HelveticaNow',
+            fontName: 'HNforTELUSSA',
             fontSize: 16,
             fontWeight: '700',
             lineHeight: 1.25
@@ -6299,7 +6322,7 @@ module.exports = {
             cellBackground: '#fafafa',
             cellPaddingBottom: 8,
             cellPaddingTop: 8,
-            fontName: 'HelveticaNow',
+            fontName: 'HNforTELUSSA',
             fontSize: 14,
             fontWeight: '500',
             lineHeight: 1.14285714286
@@ -6310,7 +6333,7 @@ module.exports = {
           tokens: {
             cellBackground: '#f4f4f7',
             cellBoxShadowColor: '#b2b9bf',
-            fontName: 'HelveticaNow',
+            fontName: 'HNforTELUSSA',
             fontSize: 16,
             fontWeight: '500'
           }
@@ -6319,7 +6342,7 @@ module.exports = {
           if: { spacing: 'default', type: 'subHeading' },
           tokens: {
             cellBackground: '#fafafa',
-            fontName: 'HelveticaNow',
+            fontName: 'HNforTELUSSA',
             fontSize: 14,
             fontWeight: '500',
             lineHeight: 1.28571428571
@@ -6329,7 +6352,7 @@ module.exports = {
           if: { spacing: 'compact', text: 'medium', type: 'subHeading' },
           tokens: {
             cellBackground: '#fafafa',
-            fontName: 'HelveticaNow',
+            fontName: 'HNforTELUSSA',
             fontSize: 16,
             fontWeight: '500',
             lineHeight: 1.25
@@ -6337,12 +6360,12 @@ module.exports = {
         },
         {
           if: { spacing: 'default', type: 'rowHeading' },
-          tokens: { fontName: 'HelveticaNow', fontSize: 16, fontWeight: '700' }
+          tokens: { fontName: 'HNforTELUSSA', fontSize: 16, fontWeight: '700' }
         },
         {
           if: { spacing: 'default', text: 'small', type: 'default' },
           tokens: {
-            fontName: 'HelveticaNow',
+            fontName: 'HNforTELUSSA',
             fontSize: 14,
             fontWeight: '400',
             lineHeight: 1.42857142857
@@ -6351,7 +6374,7 @@ module.exports = {
         {
           if: { spacing: 'compact', text: 'small', type: 'default' },
           tokens: {
-            fontName: 'HelveticaNow',
+            fontName: 'HNforTELUSSA',
             fontSize: 14,
             fontWeight: '400',
             lineHeight: 1.14285714286
@@ -6360,7 +6383,7 @@ module.exports = {
         {
           if: { text: 'small', type: 'rowHeading' },
           tokens: {
-            fontName: 'HelveticaNow',
+            fontName: 'HNforTELUSSA',
             fontSize: 14,
             fontWeight: '700',
             lineHeight: 1.14285714286
@@ -6387,7 +6410,7 @@ module.exports = {
         },
         display: null,
         fontColor: '#000000',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 16,
         fontWeight: '400',
         lineHeight: 1.5,
@@ -6523,7 +6546,7 @@ module.exports = {
         borderRadius: 32,
         borderWidth: 0,
         color: '#676e73',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontScaleCap: 64,
         fontSize: 14,
         fontWeight: '700',
@@ -6657,7 +6680,7 @@ module.exports = {
         borderRadius: 32,
         borderWidth: 1,
         color: '#676e73',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 14,
         fontWeight: '700',
         icon: PaletteIconAdd,
@@ -6763,7 +6786,7 @@ module.exports = {
         expandTitleBorder: 0,
         expandTitleBorderColor: 'rgba(0, 0, 0, 0)',
         expandTitleColor: '#2c2e30',
-        expandTitleFontName: 'HelveticaNow',
+        expandTitleFontName: 'HNforTELUSSA',
         expandTitleFontSize: 16,
         expandTitleFontWeight: '500',
         expandTitleLineHeight: 1.5,
@@ -6780,7 +6803,7 @@ module.exports = {
         iconOuterBorderGap: 0,
         iconOuterBorderWidth: null,
         listColor: '#414547',
-        listFontName: 'HelveticaNow',
+        listFontName: 'HNforTELUSSA',
         listFontSize: 14,
         listFontWeight: '400',
         listLineHeight: 1.42857142857,
@@ -6808,7 +6831,7 @@ module.exports = {
         {
           if: { viewport: [ 'md', 'lg', 'xl' ] },
           tokens: {
-            testimonialFontNameHeading: 'HelveticaNow',
+            testimonialFontNameHeading: 'HNforTELUSSA',
             testimonialFontSizeHeading: 28,
             testimonialFontWeightHeading: '400',
             testimonialLineHeightHeading: 1.28571428571
@@ -6816,11 +6839,11 @@ module.exports = {
         }
       ],
       tokens: {
-        additionalFontName: 'HelveticaNow',
+        additionalFontName: 'HNforTELUSSA',
         additionalFontSize: 14,
         additionalFontWeight: '400',
         additionalLineHeight: 1.42857142857,
-        authorFontName: 'HelveticaNow',
+        authorFontName: 'HNforTELUSSA',
         authorFontSize: 16,
         authorFontWeight: '700',
         authorLineHeight: 1.5,
@@ -6833,8 +6856,8 @@ module.exports = {
         imageSize: 48,
         quoteContainerGap: 4,
         testimonialContainerGap: 12,
-        testimonialFontNameHeading: 'HelveticaNow',
-        testimonialFontNameLarge: 'HelveticaNow',
+        testimonialFontNameHeading: 'HNforTELUSSA',
+        testimonialFontNameLarge: 'HNforTELUSSA',
         testimonialFontSizeHeading: 24,
         testimonialFontSizeLarge: 20,
         testimonialFontWeightHeading: '400',
@@ -6928,7 +6951,7 @@ module.exports = {
         clearButtonIcon: PaletteIconTimes,
         color: '#414547',
         defaultCreditIcon: PaletteIconCreditCard,
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 16,
         fontWeight: '400',
         icon: null,
@@ -7028,7 +7051,7 @@ module.exports = {
         animationPaddingBottomBefore: 0,
         animationPaddingTopAfter: 16,
         animationPaddingTopBefore: 0,
-        chevronlinkFontName: 'HelveticaNow',
+        chevronlinkFontName: 'HNforTELUSSA',
         chevronlinkFontWeight: '400',
         containerBackgroundColor: '#4b286d',
         containerGap: 10,
@@ -7131,7 +7154,7 @@ module.exports = {
         iconColor: '#676e73',
         iconSize: 14,
         labelColor: '#414547',
-        labelFontName: 'HelveticaNow',
+        labelFontName: 'HNforTELUSSA',
         labelFontSize: 16,
         labelFontWeight: '400',
         labelLineHeight: 1.5,
@@ -7209,7 +7232,7 @@ module.exports = {
         backgroundColor: '#2c2e30',
         borderRadius: 8,
         color: '#ffffff',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontSize: 14,
         fontWeight: '400',
         lineHeight: 1.5,
@@ -7358,7 +7381,7 @@ module.exports = {
         {
           if: { size: 'display1' },
           tokens: {
-            fontName: 'HelveticaNowDisplay',
+            fontName: 'HNforTELUSSA',
             fontSize: 40,
             fontWeight: '300',
             letterSpacing: 0,
@@ -7369,7 +7392,7 @@ module.exports = {
         {
           if: { size: 'display1', viewport: [ 'lg', 'xl' ] },
           tokens: {
-            fontName: 'HelveticaNowDisplay',
+            fontName: 'HNforTELUSSA',
             fontSize: 64,
             fontWeight: '300',
             lineHeight: 1.2,
@@ -7379,7 +7402,7 @@ module.exports = {
         {
           if: { size: 'display2' },
           tokens: {
-            fontName: 'HelveticaNowDisplay',
+            fontName: 'HNforTELUSSA',
             fontSize: 36,
             fontWeight: '300',
             letterSpacing: 0,
@@ -7390,7 +7413,7 @@ module.exports = {
         {
           if: { size: 'display2', viewport: [ 'lg', 'xl' ] },
           tokens: {
-            fontName: 'HelveticaNowDisplay',
+            fontName: 'HNforTELUSSA',
             fontSize: 56,
             fontWeight: '300',
             lineHeight: 1.14285714286,
@@ -7400,7 +7423,7 @@ module.exports = {
         {
           if: { size: 'h1' },
           tokens: {
-            fontName: 'HelveticaNowDisplay',
+            fontName: 'HNforTELUSSA',
             fontSize: 28,
             fontWeight: '300',
             letterSpacing: 0,
@@ -7411,7 +7434,7 @@ module.exports = {
         {
           if: { size: 'h1', viewport: [ 'lg', 'xl' ] },
           tokens: {
-            fontName: 'HelveticaNowDisplay',
+            fontName: 'HNforTELUSSA',
             fontSize: 40,
             fontWeight: '300',
             letterSpacing: 0,
@@ -7422,7 +7445,7 @@ module.exports = {
         {
           if: { size: 'h2' },
           tokens: {
-            fontName: 'HelveticaNowDisplay',
+            fontName: 'HNforTELUSSA',
             fontSize: 24,
             fontWeight: '300',
             letterSpacing: 0,
@@ -7433,7 +7456,7 @@ module.exports = {
         {
           if: { size: 'h2', viewport: [ 'lg', 'xl' ] },
           tokens: {
-            fontName: 'HelveticaNowDisplay',
+            fontName: 'HNforTELUSSA',
             fontSize: 28,
             fontWeight: '300',
             letterSpacing: -0.017,
@@ -7444,7 +7467,7 @@ module.exports = {
         {
           if: { size: 'h3' },
           tokens: {
-            fontName: 'HelveticaNow',
+            fontName: 'HNforTELUSSA',
             fontSize: 20,
             fontWeight: '500',
             letterSpacing: 0,
@@ -7455,7 +7478,7 @@ module.exports = {
         {
           if: { size: 'h4' },
           tokens: {
-            fontName: 'HelveticaNow',
+            fontName: 'HNforTELUSSA',
             fontSize: 16,
             fontWeight: '500',
             letterSpacing: 0,
@@ -7466,7 +7489,7 @@ module.exports = {
         {
           if: { size: 'h5' },
           tokens: {
-            fontName: 'HelveticaNow',
+            fontName: 'HNforTELUSSA',
             fontSize: 14,
             fontWeight: '500',
             letterSpacing: 0,
@@ -7480,7 +7503,7 @@ module.exports = {
         {
           if: { size: 'h6' },
           tokens: {
-            fontName: 'HelveticaNow',
+            fontName: 'HNforTELUSSA',
             fontSize: 12,
             fontWeight: '700',
             letterSpacing: 0,
@@ -7515,7 +7538,7 @@ module.exports = {
         {
           if: { size: 'micro' },
           tokens: {
-            fontName: 'HelveticaNow',
+            fontName: 'HNforTELUSSA',
             fontSize: 12,
             fontWeight: '500',
             lineHeight: 1.33333333333,
@@ -7526,7 +7549,7 @@ module.exports = {
           if: { size: 'eyebrow' },
           tokens: {
             color: '#7c53a5',
-            fontName: 'HelveticaNow',
+            fontName: 'HNforTELUSSA',
             fontSize: 14,
             fontWeight: '700',
             lineHeight: 1.42857142857,
@@ -7536,31 +7559,31 @@ module.exports = {
         {
           description: 'Please only bold single words while using with headings',
           if: { bold: true },
-          tokens: { fontName: 'HelveticaNow', fontWeight: '700' }
+          tokens: { fontName: 'HNforTELUSSA', fontWeight: '700' }
         },
         {
           if: { bold: true, size: 'micro' },
-          tokens: { fontName: 'HelveticaNow', fontWeight: '700' }
+          tokens: { fontName: 'HNforTELUSSA', fontWeight: '700' }
         },
         {
           if: { bold: true, size: 'display1' },
-          tokens: { fontName: 'HelveticaNowDisplay', fontWeight: '700' }
+          tokens: { fontName: 'HNforTELUSSA', fontWeight: '700' }
         },
         {
           if: { bold: true, size: 'display2' },
-          tokens: { fontName: 'HelveticaNowDisplay', fontWeight: '700' }
+          tokens: { fontName: 'HNforTELUSSA', fontWeight: '700' }
         },
         {
           if: { bold: true, size: 'h1' },
-          tokens: { fontName: 'HelveticaNowDisplay', fontWeight: '700' }
+          tokens: { fontName: 'HNforTELUSSA', fontWeight: '700' }
         },
         {
           if: { bold: true, size: 'h2' },
-          tokens: { fontName: 'HelveticaNowDisplay', fontWeight: '700' }
+          tokens: { fontName: 'HNforTELUSSA', fontWeight: '700' }
         },
         {
           if: { bold: true, size: 'h3' },
-          tokens: { fontName: 'HelveticaNow', fontWeight: '700' }
+          tokens: { fontName: 'HNforTELUSSA', fontWeight: '700' }
         },
         {
           if: {
@@ -7568,15 +7591,15 @@ module.exports = {
             size: [ 'h4', 'h5', 'h6' ],
             viewport: [ 'xs', 'sm', 'md' ]
           },
-          tokens: { fontName: 'HelveticaNow', fontWeight: '700' }
+          tokens: { fontName: 'HNforTELUSSA', fontWeight: '700' }
         },
         {
           if: { weight: 'semibold' },
-          tokens: { fontName: 'HelveticaNow', fontWeight: '500' }
+          tokens: { fontName: 'HNforTELUSSA', fontWeight: '500' }
         },
         {
           if: { weight: 'bold' },
-          tokens: { fontName: 'HelveticaNow', fontWeight: '700' }
+          tokens: { fontName: 'HNforTELUSSA', fontWeight: '700' }
         },
         { if: { colour: 'default' }, tokens: { color: '#414547' } },
         { if: { colour: 'brand' }, tokens: { color: '#4b286d' } },
@@ -7614,7 +7637,7 @@ module.exports = {
       ],
       tokens: {
         color: '#414547',
-        fontName: 'HelveticaNow',
+        fontName: 'HNforTELUSSA',
         fontScaleCap: 64,
         fontSize: 16,
         fontWeight: '400',
@@ -7892,5 +7915,5 @@ module.exports = {
       tokens: { size: 96 }
     }
   },
-  metadata: { name: 'theme-allium', themeTokensVersion: '2.60.0' }
+  metadata: { name: 'theme-allium', themeTokensVersion: '2.62.0' }
 }