@telus-uds/theme-allium 4.36.0 → 5.1.0

package/theme.json

@@ -52,7 +52,7 @@
         "borderRadius": "{system.radius.none}",
         "borderWidth": "{system.border.none}",
         "contentFontColor": "{palette.color.greyCharcoal}",
-        "contentFontName": "{palette.fontName.HelveticaNow}",
+        "contentFontName": "{palette.fontName.HNforTELUSSA}",
         "contentFontSize": "{palette.fontSize.size16}",
         "contentFontWeight": "{palette.fontWeight.weight400}",
         "contentLineHeight": "{palette.lineHeight.ratio5to4}",
@@ -73,7 +73,7 @@
         "statusIcon": "{system.icon.none}",
         "statusIconColor": "{system.color.none}",
         "titleFontColor": "{palette.color.greyCharcoal}",
-        "titleFontName": "{palette.fontName.HelveticaNow}",
+        "titleFontName": "{palette.fontName.HNforTELUSSA}",
         "titleFontSize": "{palette.fontSize.size16}",
         "titleFontWeight": "{palette.fontWeight.weight700}",
         "titleLineHeight": "{palette.lineHeight.ratio3to2}",
@@ -233,7 +233,7 @@
         "borderRadius": "{palette.radius.radius4}",
         "borderWidth": "{palette.border.border2}",
         "color": "{palette.color.white}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size12}",
         "fontWeight": "{palette.fontWeight.weight700}",
         "gradient": "{system.gradient.none}",
@@ -253,7 +253,7 @@
             "viewport": ["xs", "sm", "md"]
           },
           "tokens": {
-            "titleHeadingFontName": "{palette.fontName.HelveticaNow}",
+            "titleHeadingFontName": "{palette.fontName.HNforTELUSSA}",
             "titleHeadingFontSize": "{palette.fontSize.size24}",
             "titleHeadingFontWeight": "{palette.fontWeight.weight400}",
             "titleHeadingLineHeight": "{palette.lineHeight.ratio4to3}"
@@ -263,7 +263,7 @@
       "tokens": {
         "backgroundGradient": "{palette.gradient.purple}",
         "color": "{palette.color.greyCharcoal}",
-        "linkFontName": "{palette.fontName.HelveticaNow}",
+        "linkFontName": "{palette.fontName.HNforTELUSSA}",
         "linkFontSize": "{palette.fontSize.size16}",
         "linkFontWeight": "{palette.fontWeight.weight700}",
         "linkLineHeight": "{palette.lineHeight.ratio3to2}",
@@ -272,10 +272,10 @@
         "paddingLeft": "{palette.size.size32}",
         "paddingRight": "{palette.size.size32}",
         "paddingTop": "{palette.size.size16}",
-        "titleFontName": "{palette.fontName.HelveticaNow}",
+        "titleFontName": "{palette.fontName.HNforTELUSSA}",
         "titleFontSize": "{palette.fontSize.size20}",
         "titleFontWeight": "{palette.fontWeight.weight400}",
-        "titleHeadingFontName": "{palette.fontName.HelveticaNow}",
+        "titleHeadingFontName": "{palette.fontName.HNforTELUSSA}",
         "titleHeadingFontSize": "{palette.fontSize.size28}",
         "titleHeadingFontWeight": "{palette.fontWeight.weight400}",
         "titleHeadingLineHeight": "{palette.lineHeight.ratio9to7}",
@@ -545,7 +545,7 @@
       "tokens": {
         "color": "{palette.color.greyShuttle}",
         "currentColor": "{palette.color.greyCharcoal}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size12}",
         "fontWeight": "{palette.fontWeight.weight500}",
         "icon": "{palette.icon.ChevronRight}",
@@ -996,7 +996,7 @@
         "borderTopWidth": "{palette.border.border1}",
         "borderWidth": "{palette.border.border1}",
         "color": "{palette.color.greenAccessible}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight700}",
         "height": "{system.size.none}",
@@ -1143,7 +1143,7 @@
         "borderWidth": "{palette.border.border1}",
         "color": "{palette.color.greyShuttle}",
         "dividerColor": "{palette.color.greyMystic}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size14}",
         "fontWeight": "{palette.fontWeight.weight700}",
         "icon": "{palette.icon.CaretDown}",
@@ -1176,6 +1176,11 @@
     },
     "ButtonGroup": {
       "appearances": {
+        "style": {
+          "description": "Configure `style` variant for `ButtonGroup`",
+          "type": "variant",
+          "values": ["contained"]
+        },
         "viewport": "{appearances.system.viewport}",
         "width": {
           "description": "Available in default, or responsive. Default-width expands based on content. Responsive automatically applies full-width when is displayed on the XS viewport.",
@@ -1189,6 +1194,7 @@
             "viewport": ["lg", "xl"]
           },
           "tokens": {
+            "gap": "{palette.size.size3}",
             "space": "{system.integer.3}"
           }
         },
@@ -1201,16 +1207,40 @@
             "alignItems": "{system.flexAlign.stretch}",
             "direction": "{system.direction.column}"
           }
+        },
+        {
+          "if": {
+            "style": "contained"
+          },
+          "tokens": {
+            "backgroundColor": "{palette.color.dark5}",
+            "borderRadius": "{palette.radius.radius99}",
+            "padding": "{palette.size.size8}",
+            "space": "{system.integer.2}"
+          }
+        },
+        {
+          "if": {
+            "style": "contained",
+            "viewport": ["xs", "sm", "md", "lg", "xl"]
+          },
+          "tokens": {
+            "borderRadius": "{palette.radius.radius24}"
+          }
         }
       ],
       "tokens": {
         "alignItems": "{system.flexAlign.center}",
+        "backgroundColor": "{system.color.none}",
+        "borderRadius": "{palette.radius.none}",
         "direction": "{system.direction.row}",
         "fieldSpace": "{system.integer.2}",
         "flexGrow": "{system.integer.0}",
         "flexShrink": "{system.integer.0}",
+        "gap": "{palette.size.size2}",
         "justifyContent": "{system.flexJustifyContent.flexStart}",
-        "space": "{system.integer.1}"
+        "padding": "{system.size.zero}",
+        "space": "{system.integer.2}"
       }
     },
     "ButtonGroupItem": {
@@ -1221,6 +1251,11 @@
         "inactive": "{appearances.ButtonGroupItem.inactive}",
         "pressed": "{appearances.ButtonGroupItem.pressed}",
         "selected": "{appearances.ButtonGroupItem.selected}",
+        "style": {
+          "description": "Configure `style` variant for `ButtonGroupItem`",
+          "type": "variant",
+          "values": ["contained"]
+        },
         "width": {
           "description": "Available in default, or responsive. Default-width expands based on content. Responsive automatically applies full-width when is displayed on the XS viewport.",
           "type": "variant",
@@ -1330,6 +1365,83 @@
           "tokens": {
             "width": "{system.size.full}"
           }
+        },
+        {
+          "if": {
+            "style": "contained"
+          },
+          "tokens": {
+            "backgroundColor": "{palette.color.transparent}",
+            "borderColor": "{palette.color.transparent}",
+            "borderWidth": "{system.border.zero}",
+            "height": "{palette.size.size32}"
+          }
+        },
+        {
+          "if": {
+            "hover": true,
+            "style": "contained"
+          },
+          "tokens": {
+            "backgroundColor": "{palette.color.transparent}",
+            "borderColor": "{palette.color.greyShuttle}",
+            "borderWidth": "{palette.border.border3}"
+          }
+        },
+        {
+          "if": {
+            "selected": true,
+            "style": "contained"
+          },
+          "tokens": {
+            "backgroundColor": "{palette.color.purpleTelus}",
+            "color": "{palette.color.white}",
+            "outerBorderWidth": "{palette.border.none}"
+          }
+        },
+        {
+          "if": {
+            "focus": true,
+            "style": "contained"
+          },
+          "tokens": {
+            "borderColor": "{palette.color.greyShuttle}",
+            "borderWidth": "{palette.border.border1}",
+            "outerBorderWidth": "{palette.border.none}"
+          }
+        },
+        {
+          "if": {
+            "hover": true,
+            "selected": true,
+            "style": "contained"
+          },
+          "tokens": {
+            "backgroundColor": "{palette.color.purpleDeluge}",
+            "borderColor": "{palette.color.transparent}",
+            "color": "{palette.color.white}",
+            "outerBorderWidth": "{palette.border.none}"
+          }
+        },
+        {
+          "if": {
+            "focus": true,
+            "selected": true,
+            "style": "contained"
+          },
+          "tokens": {
+            "outerBorderColor": "{palette.color.purpleTelus}",
+            "outerBorderWidth": "{palette.border.border2}"
+          }
+        },
+        {
+          "if": {
+            "pressed": true,
+            "style": "contained"
+          },
+          "tokens": {
+            "backgroundColor": "{palette.color.purpleDark}"
+          }
         }
       ],
       "tokens": {
@@ -1339,7 +1451,7 @@
         "borderRadius": "{palette.radius.pill32}",
         "borderWidth": "{palette.border.border1}",
         "color": "{palette.color.greyShuttle}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size14}",
         "fontWeight": "{palette.fontWeight.weight700}",
         "height": "{palette.size.size36}",
@@ -1406,7 +1518,7 @@
       "appearances": {
         "background": {
           "type": "variant",
-          "values": ["alternative", "subtle", "grid", "feature"]
+          "values": ["alternative", "subtle", "grid", "feature", "plain"]
         },
         "borderRadius": {
           "type": "variant",
@@ -1550,6 +1662,15 @@
             "borderWidth": "{palette.border.none}"
           }
         },
+        {
+          "if": {
+            "background": "plain"
+          },
+          "tokens": {
+            "backgroundColor": "{palette.color.white}",
+            "borderWidth": "{palette.border.none}"
+          }
+        },
         {
           "if": {
             "viewport": ["md", "lg", "xl"]
@@ -1868,7 +1989,7 @@
             "borderBottomColor": "{palette.color.greyShuttle}",
             "borderBottomWidth": "{palette.border.border4}",
             "color": "{palette.color.greyShuttle}",
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontWeight": "{palette.fontWeight.weight400}"
           }
         },
@@ -1934,7 +2055,7 @@
             "borderBottomColor": "{palette.color.white}",
             "borderBottomWidth": "{palette.border.border4}",
             "color": "{palette.color.white}",
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontWeight": "{palette.fontWeight.weight700}"
           }
         }
@@ -1946,7 +2067,7 @@
         "borderBottomWidth": "{palette.border.border1}",
         "color": "{palette.color.greyCharcoal}",
         "flex": "{system.integer.1}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontScaleCap": "{palette.fontSize.size64}",
         "fontSize": "{palette.fontSize.size14}",
         "fontWeight": "{palette.fontWeight.weight400}",
@@ -2096,7 +2217,7 @@
         "inputShadow": "{system.shadow.none}",
         "inputWidth": "{palette.size.size20}",
         "labelColor": "{palette.color.greyCharcoal}",
-        "labelFontName": "{palette.fontName.HelveticaNow}",
+        "labelFontName": "{palette.fontName.HNforTELUSSA}",
         "labelFontSize": "{palette.fontSize.size16}",
         "labelFontWeight": "{palette.fontWeight.weight400}",
         "labelLineHeight": "{palette.lineHeight.ratio3to2}",
@@ -2234,7 +2355,7 @@
         "contentJustifyContent": "{system.flexJustifyContent.flexStart}",
         "contentSpace": "{system.integer.2}",
         "flex": "{system.integer.1}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size20}",
         "fontWeight": "{palette.fontWeight.weight500}",
         "letterSpacing": "{system.letterSpacing.none}",
@@ -2585,7 +2706,7 @@
           "tokens": {
             "textFontSize": "{palette.fontSize.size64}",
             "textLineHeight": "{palette.lineHeight.ratio9to8}",
-            "textTimerFontName": "{palette.fontName.HelveticaNow}",
+            "textTimerFontName": "{palette.fontName.HNforTELUSSA}",
             "textTimerFontWeight": "{palette.fontWeight.weight300}"
           }
         },
@@ -2597,7 +2718,7 @@
             "labelBorderColor": "{palette.color.purpleTelus}",
             "textFontSize": "{palette.fontSize.size64}",
             "textLineHeight": "{palette.lineHeight.ratio9to8}",
-            "textTimerFontName": "{palette.fontName.HelveticaNow}",
+            "textTimerFontName": "{palette.fontName.HNforTELUSSA}",
             "textTimerFontWeight": "{palette.fontWeight.weight300}"
           }
         },
@@ -2649,13 +2770,13 @@
         "containerPaddingLeftRight": "{palette.size.size64}",
         "inverseBorderColor": "{palette.color.greyShuttle}",
         "labelBorderColor": "{palette.color.greyCharcoal}",
-        "labelFontName": "{palette.fontName.HelveticaNow}",
+        "labelFontName": "{palette.fontName.HNforTELUSSA}",
         "labelFontSize": "{palette.fontSize.size16}",
         "labelFontWeight": "{palette.fontWeight.weight400}",
         "labelLineHeight": "{palette.lineHeight.ratio3to2}",
         "textFontSize": "{palette.fontSize.size16}",
         "textLineHeight": "{palette.lineHeight.ratio3to2}",
-        "textTimerFontName": "{palette.fontName.HelveticaNow}",
+        "textTimerFontName": "{palette.fontName.HNforTELUSSA}",
         "textTimerFontWeight": "{palette.fontWeight.weight400}"
       }
     },
@@ -2673,7 +2794,7 @@
         "calendarDayDefaultCalendarDaySelectedHoverBeforeBackground": "{palette.color.purpleDeluge}",
         "calendarDayDefaultCalendarDaySelectedHoverColor": "{palette.color.white}",
         "calendarDayDefaultColor": "{palette.color.greyCharcoal}",
-        "calendarDayDefaultFontName": "{palette.fontName.HelveticaNow}",
+        "calendarDayDefaultFontName": "{palette.fontName.HNforTELUSSA}",
         "calendarDayDefaultFontSize": "{palette.fontSize.size14}",
         "calendarDayDefaultFontWeight": "{palette.fontWeight.weight400}",
         "calendarDaySelectedDisabledBackground": "{palette.color.greyAlabaster}",
@@ -2686,7 +2807,7 @@
         "calendarDaySelectedHoverBorderColor": "{palette.color.greyCloud}",
         "calendarDaySelectedHoverColor": "{palette.color.greyCharcoal}",
         "calendarMonthCaptionColor": "{palette.color.greyThunder}",
-        "calendarMonthCaptionFontName": "{palette.fontName.HelveticaNow}",
+        "calendarMonthCaptionFontName": "{palette.fontName.HNforTELUSSA}",
         "calendarMonthCaptionFontSize": "{palette.fontSize.size20}",
         "calendarMonthCaptionFontWeight": "{palette.fontWeight.weight700}",
         "calendarMonthCaptionLineHeight": "{palette.lineHeight.ratio7to5}",
@@ -2694,7 +2815,7 @@
         "dateInputStrokeColor": "{palette.color.greyShuttle}",
         "dayPickerNavigationButtonPadding": "{palette.size.size8}",
         "dayPickerWeekHeaderColor": "{palette.color.greyCharcoal}",
-        "dayPickerWeekHeaderFontName": "{palette.fontName.HelveticaNow}",
+        "dayPickerWeekHeaderFontName": "{palette.fontName.HNforTELUSSA}",
         "dayPickerWeekHeaderFontWeight": "{palette.fontWeight.weight700}",
         "dayPickerWeekHeaderLineHeight": "{palette.lineHeight.ratio10to7}",
         "dayPickerWeekHeaderSmall": "{palette.fontSize.size14}",
@@ -2715,7 +2836,7 @@
       "rules": [],
       "tokens": {
         "color": "{palette.color.greyCharcoal}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size12}",
         "fontWeight": "{palette.fontWeight.weight500}",
         "lineHeight": "{palette.lineHeight.ratio4to3}"
@@ -3058,7 +3179,7 @@
         "contentPanelBorderColor": "{palette.color.transparent}",
         "contentPanelBorderWidth": "{palette.border.none}",
         "contentPanelFontColor": "{palette.color.greyThunder}",
-        "contentPanelFontName": "{palette.fontName.HelveticaNow}",
+        "contentPanelFontName": "{palette.fontName.HNforTELUSSA}",
         "contentPanelFontSize": "{palette.fontSize.size16}",
         "contentPanelFontWeight": "{palette.fontWeight.weight700}",
         "contentPanelLineHeight": "{palette.lineHeight.ratio3to2}",
@@ -3129,7 +3250,7 @@
         "borderWidth": "{palette.border.border1}",
         "color": "{palette.color.greyThunder}",
         "contentFontSize": "{palette.fontSize.size16}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontWeight": "{palette.fontWeight.weight400}",
         "icon": "{system.icon.none}",
         "iconColor": "{palette.color.transparent}",
@@ -3175,6 +3296,31 @@
         "paddingTop": "{system.size.zero}"
       }
     },
+    "FileUpload": {
+      "appearances": {},
+      "rules": [],
+      "tokens": {
+        "buttonBackgroundColor": "{system.color.none}",
+        "buttonBorderColor": "{system.color.none}",
+        "buttonBorderRadius": "{system.radius.none}",
+        "buttonBorderWidth": "{system.border.none}",
+        "buttonHeight": "{system.size.none}",
+        "buttonMinWidth": "{system.size.none}",
+        "buttonTextColor": "{system.color.none}",
+        "buttonWidth": "{system.size.none}",
+        "notificationBackgroundColor": "{system.color.none}",
+        "notificationBorderColor": "{system.color.none}",
+        "notificationBorderRadius": "{system.radius.none}",
+        "notificationDismissButtonGap": "{system.size.none}",
+        "notificationDismissIcon": "{system.icon.none}",
+        "notificationDismissIconColor": "{system.color.none}",
+        "notificationIcon": "{system.icon.none}",
+        "notificationIconColor": "{system.color.none}",
+        "notificationIconGap": "{system.size.none}",
+        "notificationIconSize": "{system.size.none}",
+        "notificationTextColor": "{palette.color.greyCharcoal}"
+      }
+    },
     "Footnote": {
       "appearances": {
         "viewport": "{appearances.system.viewport}"
@@ -3250,13 +3396,13 @@
         "footnoteHeaderPaddingLeft": "{palette.size.size16}",
         "footnoteHeaderPaddingRight": "{palette.size.size4}",
         "footnoteHeaderPaddingTop": "{palette.size.size24}",
-        "headerFontName": "{palette.fontName.HelveticaNow}",
+        "headerFontName": "{palette.fontName.HNforTELUSSA}",
         "headerFontSize": "{palette.size.size16}",
         "headerFontWeight": "{palette.fontWeight.weight500}",
         "headerLineHeight": "{palette.lineHeight.ratio3to2}",
         "headerMargin": "{palette.size.size16}",
         "listItemColor": "{palette.color.greyCharcoal}",
-        "listItemFontName": "{palette.fontName.HelveticaNow}",
+        "listItemFontName": "{palette.fontName.HNforTELUSSA}",
         "listItemFontSize": "{palette.size.size16}",
         "listItemFontWeight": "{palette.fontWeight.weight400}",
         "listItemLineHeight": "{palette.lineHeight.ratio3to2}",
@@ -3398,7 +3544,7 @@
       ],
       "tokens": {
         "color": "{system.color.none}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight400}",
         "lineHeight": "{palette.lineHeight.ratio1to1}",
@@ -3457,7 +3603,16 @@
         },
         "color": {
           "type": "variant",
-          "values": ["brand", "default", "subtle", "success", "danger", "warning", "inverse"]
+          "values": [
+            "brand",
+            "subtle",
+            "offer",
+            "success",
+            "danger",
+            "warning",
+            "inverse",
+            "default"
+          ]
         },
         "padding": {
           "type": "variant",
@@ -3658,6 +3813,14 @@
             "color": "{palette.color.white}"
           }
         },
+        {
+          "if": {
+            "color": "offer"
+          },
+          "tokens": {
+            "color": "{palette.color.purpleTelus}"
+          }
+        },
         {
           "if": {
             "size": "extraLarge"
@@ -4161,7 +4324,7 @@
       "appearances": {},
       "rules": [],
       "tokens": {
-        "borderRadius": "{palette.radius.radius4}"
+        "borderRadius": "{system.radius.none}"
       }
     },
     "InputLabel": {
@@ -4169,12 +4332,12 @@
       "rules": [],
       "tokens": {
         "color": "{palette.color.greyCharcoal}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight700}",
         "gap": "{palette.size.size8}",
         "hintColor": "{palette.color.greyCharcoal}",
-        "hintFontName": "{palette.fontName.HelveticaNow}",
+        "hintFontName": "{palette.fontName.HNforTELUSSA}",
         "hintFontSize": "{palette.fontSize.size14}",
         "hintFontWeight": "{palette.fontWeight.weight400}",
         "hintLineHeight": "{palette.lineHeight.ratio10to7}",
@@ -4298,7 +4461,7 @@
             "size": "micro"
           },
           "tokens": {
-            "blockFontName": "{palette.fontName.HelveticaNow}",
+            "blockFontName": "{palette.fontName.HNforTELUSSA}",
             "blockFontSize": "{palette.fontSize.size12}",
             "blockFontWeight": "{palette.fontWeight.weight500}",
             "blockLineHeight": "{palette.lineHeight.ratio9to8}",
@@ -4470,7 +4633,7 @@
       ],
       "tokens": {
         "alignSelf": "{system.flexAlign.flexStart}",
-        "blockFontName": "{palette.fontName.HelveticaNow}",
+        "blockFontName": "{palette.fontName.HNforTELUSSA}",
         "blockFontSize": "{palette.fontSize.size16}",
         "blockFontWeight": "{palette.fontWeight.weight400}",
         "blockLineHeight": "{palette.lineHeight.ratio3to2}",
@@ -4565,7 +4728,7 @@
         "itemBulletColor": "{palette.color.purpleTelus}",
         "itemBulletContainerAlign": "{system.textAlign.center}",
         "itemBulletContainerWidth": "{palette.size.size24}",
-        "itemFontName": "{palette.fontName.HelveticaNow}",
+        "itemFontName": "{palette.fontName.HNforTELUSSA}",
         "itemFontSize": "{palette.fontSize.size16}",
         "itemFontWeight": "{palette.fontWeight.weight400}",
         "itemIconColor": "{palette.color.purpleTelus}",
@@ -4642,7 +4805,7 @@
           },
           "tokens": {
             "groupColor": "{palette.color.purpleTelus}",
-            "groupFontName": "{palette.fontName.HelveticaNow}",
+            "groupFontName": "{palette.fontName.HNforTELUSSA}",
             "groupFontWeight": "{palette.fontWeight.weight700}",
             "itemColor": "{palette.color.purpleTelus}",
             "itemPaddingBottom": "{palette.size.size12}",
@@ -4660,7 +4823,7 @@
             "groupBackgroundColor": "{palette.color.greyMystic}",
             "groupBorderWidth": "{palette.border.none}",
             "groupColor": "{palette.color.greyShuttle}",
-            "groupFontName": "{palette.fontName.HelveticaNow}",
+            "groupFontName": "{palette.fontName.HNforTELUSSA}",
             "groupFontWeight": "{palette.fontWeight.weight700}"
           }
         },
@@ -4735,7 +4898,7 @@
         "groupBorderRadius": "{palette.radius.none}",
         "groupBorderWidth": "{palette.border.border1}",
         "groupColor": "{palette.color.greyCharcoal}",
-        "groupFontName": "{palette.fontName.HelveticaNow}",
+        "groupFontName": "{palette.fontName.HNforTELUSSA}",
         "groupFontSize": "{palette.size.size14}",
         "groupFontWeight": "{palette.fontWeight.weight400}",
         "groupHeight": "{palette.size.size40}",
@@ -4757,7 +4920,7 @@
         "itemBorderWidth": "{palette.border.border1}",
         "itemColor": "{palette.color.greyCharcoal}",
         "itemDisplay": "{system.show.false}",
-        "itemFontName": "{palette.fontName.HelveticaNow}",
+        "itemFontName": "{palette.fontName.HNforTELUSSA}",
         "itemFontSize": "{palette.size.size14}",
         "itemFontWeight": "{palette.fontWeight.weight700}",
         "itemHeight": "{palette.size.size40}",
@@ -4951,16 +5114,22 @@
       ],
       "tokens": {
         "buttonDirection": "{system.direction.row}",
+        "contentMarginBottom": "{palette.size.size32}",
+        "contentMarginLeft": "{palette.size.size16}",
+        "contentMarginRight": "{palette.size.size16}",
+        "contentMarginTop": "{palette.size.size24}",
+        "contentPaddingLeft": "{palette.size.size16}",
+        "contentPaddingRight": "{palette.size.size16}",
         "headerFontColor": "{palette.color.greyCharcoal}",
-        "headerFontName": "{palette.fontName.HelveticaNow}",
+        "headerFontName": "{palette.fontName.HNforTELUSSA}",
         "headerFontSize": "{palette.fontSize.size16}",
         "headerFontWeight": "{palette.fontWeight.weight500}",
         "headerLineHeight": "{palette.lineHeight.ratio3to2}",
-        "maxHeightSize": "{system.size.zero}",
+        "maxHeightSize": "{palette.size.size480}",
         "maxWidthSize": "{system.size.zero}",
-        "minHeight": "{palette.size.size412}",
+        "minHeight": "{system.size.zero}",
         "minWidth": "{palette.size.size320}",
-        "subHeaderFontName": "{palette.fontName.HelveticaNow}",
+        "subHeaderFontName": "{palette.fontName.HNforTELUSSA}",
         "subHeaderFontSize": "{palette.fontSize.size14}",
         "subHeaderFontWeight": "{palette.fontWeight.weight400}",
         "subHeaderLineHeight": "{palette.lineHeight.ratio7to5}"
@@ -4984,7 +5153,7 @@
             "backgroundColor": "{palette.color.greyAthens}",
             "borderColor": "{palette.color.greyAthens}",
             "color": "{palette.color.purpleTelus}",
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontWeight": "{palette.fontWeight.weight700}"
           }
         },
@@ -5058,7 +5227,7 @@
         "borderRadius": "{palette.radius.pill32}",
         "borderWidth": "{palette.border.border1}",
         "color": "{palette.color.greyCharcoal}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size14}",
         "fontWeight": "{palette.fontWeight.weight400}",
         "icoMenu": "{palette.icon.CaretDown}",
@@ -5234,7 +5403,7 @@
         "dismissButtonGap": "{palette.size.size24}",
         "dismissIcon": "{palette.icon.Close}",
         "dismissIconColor": "{palette.color.greyShuttle}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight400}",
         "icon": "{palette.icon.StatusInfo}",
@@ -5309,7 +5478,7 @@
         }
       ],
       "tokens": {
-        "headerFontName": "{palette.fontName.HelveticaNow}",
+        "headerFontName": "{palette.fontName.HNforTELUSSA}",
         "headerFontWeight": "{palette.fontWeight.weight700}",
         "interItemMargin": "{palette.size.size8}",
         "itemBulletContainerWidth": "{palette.size.size20}",
@@ -5317,7 +5486,7 @@
         "itemBulletTextAlign": "{system.textAlign.right}",
         "itemBulletWidth": "{palette.size.size4}",
         "itemColor": "{system.color.none}",
-        "itemFontName": "{palette.fontName.HelveticaNow}",
+        "itemFontName": "{palette.fontName.HNforTELUSSA}",
         "itemFontSize": "{palette.fontSize.size16}",
         "itemFontWeight": "{palette.fontWeight.weight400}",
         "itemLineHeight": "{palette.lineHeight.ratio3to2}",
@@ -5354,7 +5523,7 @@
         "ellipsisBorderTopWidth": "{palette.border.none}",
         "ellipsisHeight": "{system.size.none}",
         "ellipsisPadding": "{palette.size.size0}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight400}",
         "gap": "{palette.size.size2}",
@@ -5420,7 +5589,7 @@
         "borderRightWidth": "{palette.border.border1}",
         "borderTopWidth": "{palette.border.border1}",
         "color": "{palette.color.greyShuttle}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight400}",
         "height": "{palette.size.size32}",
@@ -5534,7 +5703,7 @@
         "borderTopWidth": "{palette.border.none}",
         "color": "{palette.color.greyShuttle}",
         "displayLabel": "{system.show.true}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight400}",
         "height": "{system.size.none}",
@@ -5697,7 +5866,7 @@
         }
       ],
       "tokens": {
-        "amountFontName": "{palette.fontName.HelveticaNow}",
+        "amountFontName": "{palette.fontName.HNforTELUSSA}",
         "amountFontSize": "{palette.fontSize.size40}",
         "amountFontWeight": "{palette.fontWeight.weight300}",
         "amountLetterSpacing": "{palette.letterSpacing.condensed}",
@@ -5706,34 +5875,34 @@
         "bottomTextFontSize": "{palette.fontSize.size16}",
         "bottomTextLineHeight": "{palette.lineHeight.ratio3to2}",
         "bottomTextMarginTop": "{palette.size.size4}",
-        "centsFontName": "{palette.fontName.HelveticaNow}",
+        "centsFontName": "{palette.fontName.HNforTELUSSA}",
         "centsFontSize": "{palette.fontSize.size20}",
         "centsFontWeight": "{palette.fontWeight.weight400}",
         "centsLineHeight": "{palette.lineHeight.ratio6to5}",
-        "currencySymbolFontName": "{palette.fontName.HelveticaNow}",
+        "currencySymbolFontName": "{palette.fontName.HNforTELUSSA}",
         "currencySymbolFontSize": "{palette.fontSize.size20}",
         "currencySymbolFontWeight": "{palette.fontWeight.weight400}",
         "currencySymbolLineHeight": "{palette.lineHeight.ratio6to5}",
         "dividerColor": "{palette.color.greyCloud}",
         "fontColor": "{palette.color.greyCharcoal}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontWeight": "{palette.fontWeight.weight700}",
         "footnoteGap": "{palette.size.size4}",
         "footnoteLinkColor": "{palette.color.greyCharcoal}",
-        "footnoteLinkFontName": "{palette.fontName.HelveticaNow}",
+        "footnoteLinkFontName": "{palette.fontName.HNforTELUSSA}",
         "footnoteLinkFontSize": "{palette.fontSize.size14}",
         "footnoteLinkFontWeight": "{palette.fontWeight.weight400}",
         "footnoteLinkLineHeight": "{palette.lineHeight.ratio10to7}",
         "footnoteMarginTop": "{palette.size.size4}",
         "priceMarginBottom": "{palette.size.size8}",
-        "rateFontName": "{palette.fontName.HelveticaNow}",
+        "rateFontName": "{palette.fontName.HNforTELUSSA}",
         "rateFontSize": "{palette.fontSize.size16}",
         "rateFontWeight": "{palette.fontWeight.weight400}",
         "rateLineHeight": "{palette.lineHeight.ratio5to4}",
         "strikeThroughColor": "{palette.color.greyShuttle}",
         "strikeThroughHeight": "{palette.size.size2}",
         "strikeThroughPosition": "{palette.size.size22}",
-        "topTextFontName": "{palette.fontName.HelveticaNow}",
+        "topTextFontName": "{palette.fontName.HNforTELUSSA}",
         "topTextFontSize": "{palette.fontSize.size16}",
         "topTextFontWeight": "{palette.fontWeight.weight700}",
         "topTextLineHeight": "{palette.lineHeight.ratio3to2}",
@@ -6143,7 +6312,7 @@
         "borderRadius": "{palette.radius.pill32}",
         "borderWidth": "{palette.border.border1}",
         "color": "{palette.color.greyShuttle}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight700}",
         "icon": "{system.icon.none}",
@@ -6274,7 +6443,7 @@
         "contentDirection": "{system.direction.column}",
         "contentMaxDimension": "{palette.size.size168}",
         "contentSpace": "{system.integer.3}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight700}",
         "gap": "{palette.size.size5}",
@@ -6337,7 +6506,7 @@
         "itemBulletHeight": "{palette.size.size4}",
         "itemBulletWidth": "{palette.size.size4}",
         "itemFontColor": "{palette.color.greyShuttle}",
-        "itemFontName": "{palette.fontName.HelveticaNow}",
+        "itemFontName": "{palette.fontName.HNforTELUSSA}",
         "itemFontSize": "{palette.fontSize.size16}",
         "itemFontWeight": "{palette.fontWeight.weight700}",
         "itemIconColor": "{palette.color.purpleTelus}",
@@ -6417,7 +6586,7 @@
         "containerPaddingRight": "{palette.size.size0}",
         "containerPaddingTop": "{palette.size.size0}",
         "containerShadow": "{system.shadow.none}",
-        "descriptionFontName": "{palette.fontName.HelveticaNow}",
+        "descriptionFontName": "{palette.fontName.HNforTELUSSA}",
         "descriptionFontSize": "{palette.fontSize.size14}",
         "descriptionFontWeight": "{palette.fontWeight.weight400}",
         "descriptionLineHeight": "{palette.lineHeight.ratio10to7}",
@@ -6432,7 +6601,7 @@
         "inputOutlineWidth": "{palette.border.none}",
         "inputSize": "{palette.size.size20}",
         "labelColor": "{palette.color.greyCharcoal}",
-        "labelFontName": "{palette.fontName.HelveticaNow}",
+        "labelFontName": "{palette.fontName.HNforTELUSSA}",
         "labelFontSize": "{palette.fontSize.size16}",
         "labelFontWeight": "{palette.fontWeight.weight400}",
         "labelLineHeight": "{palette.lineHeight.ratio3to2}",
@@ -6561,7 +6730,7 @@
         "contentJustifyContent": "{system.flexJustifyContent.flexStart}",
         "contentSpace": "{system.integer.2}",
         "flex": "{system.integer.1}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size20}",
         "fontWeight": "{palette.fontWeight.weight500}",
         "letterSpacing": "{system.letterSpacing.none}",
@@ -6707,7 +6876,7 @@
         "curveMarginTop": "{palette.size.size4}",
         "curveWidth": "{palette.size.size8}",
         "fontColor": "{palette.color.white}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size12}",
         "fontWeight": "{palette.fontWeight.weight700}",
         "gradient": "{system.gradient.none}",
@@ -6764,7 +6933,7 @@
         "buttonsGap": "{palette.size.size2}",
         "clearButtonIcon": "{palette.icon.Times}",
         "color": "{palette.color.greyCharcoal}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight400}",
         "lineHeight": "{palette.lineHeight.ratio3to2}",
@@ -6872,6 +7041,7 @@
     },
     "Select": {
       "appearances": {
+        "active": "{appearances.Select.active}",
         "focus": "{appearances.Select.focus}",
         "hover": "{appearances.Select.hover}",
         "inactive": "{appearances.Select.inactive}",
@@ -6927,6 +7097,14 @@
             "color": "{palette.color.greyShuttle}",
             "icon": "{system.icon.none}"
           }
+        },
+        {
+          "if": {
+            "active": true
+          },
+          "tokens": {
+            "icon": "{palette.icon.CaretUp}"
+          }
         }
       ],
       "tokens": {
@@ -6936,7 +7114,7 @@
         "borderWidth": "{palette.border.border1}",
         "color": "{palette.color.greyCharcoal}",
         "feedbackBackgroundColor": "{palette.color.greyAthens}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight400}",
         "height": "{palette.size.size48}",
@@ -6981,7 +7159,7 @@
             "accentBackgroundColor": "{palette.color.purpleTelus}",
             "backgroundColor": "{palette.color.greyAthens}",
             "color": "{palette.color.purpleTelus}",
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontWeight": "{palette.fontWeight.weight700}",
             "paddingLeft": "{palette.size.size12}"
           }
@@ -7018,7 +7196,7 @@
           "tokens": {
             "accentBackgroundColor": "{palette.color.transparent}",
             "color": "{palette.color.purpleTelus}",
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontWeight": "{palette.fontWeight.weight400}",
             "paddingLeft": "{palette.size.size16}"
           }
@@ -7076,7 +7254,7 @@
         "borderStyle": "{system.borderStyle.solid}",
         "borderWidth": "{palette.border.border1}",
         "color": "{palette.color.greyCharcoal}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight400}",
         "justifyContent": "{system.flexJustifyContent.spaceBetween}",
@@ -7154,7 +7332,7 @@
         "backgroundColor": "{palette.color.transparent}",
         "borderRadius": "{palette.radius.radius4}",
         "color": "{palette.color.greenAccessible}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight400}",
         "lineHeight": "{palette.lineHeight.ratio3to2}",
@@ -7238,7 +7416,7 @@
         "buttonPaddingRight": "{palette.size.size16}",
         "buttonRadius": "{palette.radius.pill32}",
         "detailsContainerPadding": "{palette.size.size8}",
-        "labelFontName": "{palette.fontName.HelveticaNow}",
+        "labelFontName": "{palette.fontName.HNforTELUSSA}",
         "labelFontWeight": "{palette.fontWeight.weight700}",
         "playIcon": "{palette.icon.PlaySolid}",
         "playIconColor": "{palette.color.white}",
@@ -7514,12 +7692,13 @@
         "borderColor": "{system.color.none}",
         "borderRadius": "{system.radius.none}",
         "borderWidth": "{system.border.none}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight700}",
         "icon": "{palette.icon.StatusInfo}",
         "iconColor": "{palette.color.greyCharcoal}",
         "iconGradient": "{system.gradient.none}",
+        "marginLeft": "{palette.size.size8}",
         "paddingBottom": "{palette.size.size0}",
         "paddingLeft": "{palette.size.size0}",
         "paddingRight": "{palette.size.size0}",
@@ -7596,10 +7775,10 @@
         "knobSize": "{palette.size.size16}",
         "labelColor": "{palette.color.greyCharcoal}",
         "labelCurrentColor": "{palette.color.purpleDeluge}",
-        "labelCurrentFontName": "{palette.fontName.HelveticaNow}",
+        "labelCurrentFontName": "{palette.fontName.HNforTELUSSA}",
         "labelCurrentFontWeight": "{palette.fontWeight.weight700}",
         "labelDirection": "{system.direction.column}",
-        "labelFontName": "{palette.fontName.HelveticaNow}",
+        "labelFontName": "{palette.fontName.HNforTELUSSA}",
         "labelFontSize": "{palette.fontSize.size14}",
         "labelFontWeight": "{palette.fontWeight.weight400}",
         "labelGap": "{palette.size.size0}",
@@ -7611,7 +7790,7 @@
         "showStepName": "{system.show.true}",
         "showStepTrackerLabel": "{system.show.true}",
         "stepLabelColor": "{palette.color.greyShuttle}",
-        "stepLabelFontName": "{palette.fontName.HelveticaNow}",
+        "stepLabelFontName": "{palette.fontName.HNforTELUSSA}",
         "stepLabelFontSize": "{palette.fontSize.size12}",
         "stepLabelFontWeight": "{palette.fontWeight.weight700}",
         "stepLabelLineHeight": "{palette.lineHeight.ratio4to3}",
@@ -7710,7 +7889,7 @@
           "tokens": {
             "cellPaddingBottom": "{palette.size.size8}",
             "cellPaddingTop": "{palette.size.size8}",
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontSize": "{palette.fontSize.size16}",
             "fontWeight": "{palette.fontWeight.weight700}",
             "lineHeight": "{palette.lineHeight.ratio5to4}"
@@ -7726,7 +7905,7 @@
             "cellBackground": "{palette.color.greyAlabaster}",
             "cellPaddingBottom": "{palette.size.size8}",
             "cellPaddingTop": "{palette.size.size8}",
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontSize": "{palette.fontSize.size14}",
             "fontWeight": "{palette.fontWeight.weight500}",
             "lineHeight": "{palette.lineHeight.ratio8to7}"
@@ -7739,7 +7918,7 @@
           "tokens": {
             "cellBackground": "{palette.color.greyAthens}",
             "cellBoxShadowColor": "{palette.color.greyCloud}",
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontSize": "{palette.fontSize.size16}",
             "fontWeight": "{palette.fontWeight.weight500}"
           }
@@ -7751,7 +7930,7 @@
           },
           "tokens": {
             "cellBackground": "{palette.color.greyAlabaster}",
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontSize": "{palette.fontSize.size14}",
             "fontWeight": "{palette.fontWeight.weight500}",
             "lineHeight": "{palette.lineHeight.ratio9to7}"
@@ -7765,7 +7944,7 @@
           },
           "tokens": {
             "cellBackground": "{palette.color.greyAlabaster}",
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontSize": "{palette.fontSize.size16}",
             "fontWeight": "{palette.fontWeight.weight500}",
             "lineHeight": "{palette.lineHeight.ratio5to4}"
@@ -7777,7 +7956,7 @@
             "type": "rowHeading"
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontSize": "{palette.fontSize.size16}",
             "fontWeight": "{palette.fontWeight.weight700}"
           }
@@ -7789,7 +7968,7 @@
             "type": "default"
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontSize": "{palette.fontSize.size14}",
             "fontWeight": "{palette.fontWeight.weight400}",
             "lineHeight": "{palette.lineHeight.ratio10to7}"
@@ -7802,7 +7981,7 @@
             "type": "default"
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontSize": "{palette.fontSize.size14}",
             "fontWeight": "{palette.fontWeight.weight400}",
             "lineHeight": "{palette.lineHeight.ratio8to7}"
@@ -7814,7 +7993,7 @@
             "type": "rowHeading"
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontSize": "{palette.fontSize.size14}",
             "fontWeight": "{palette.fontWeight.weight700}",
             "lineHeight": "{palette.lineHeight.ratio8to7}"
@@ -7834,7 +8013,7 @@
         "cellStickyShadow": "{palette.shadow.elevation1}",
         "display": "{system.display.none}",
         "fontColor": "{palette.color.black}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight400}",
         "lineHeight": "{palette.lineHeight.ratio3to2}",
@@ -8011,7 +8190,7 @@
         "borderRadius": "{palette.radius.pill32}",
         "borderWidth": "{system.border.zero}",
         "color": "{palette.color.greyShuttle}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontScaleCap": "{palette.fontSize.size64}",
         "fontSize": "{palette.fontSize.size14}",
         "fontWeight": "{palette.fontWeight.weight700}",
@@ -8167,7 +8346,7 @@
         "borderRadius": "{palette.radius.pill32}",
         "borderWidth": "{palette.border.border1}",
         "color": "{palette.color.greyShuttle}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size14}",
         "fontWeight": "{palette.fontWeight.weight700}",
         "icon": "{palette.icon.Add}",
@@ -8266,7 +8445,7 @@
         "expandTitleBorder": "{palette.border.none}",
         "expandTitleBorderColor": "{palette.color.transparent}",
         "expandTitleColor": "{palette.color.greyThunder}",
-        "expandTitleFontName": "{palette.fontName.HelveticaNow}",
+        "expandTitleFontName": "{palette.fontName.HNforTELUSSA}",
         "expandTitleFontSize": "{palette.size.size16}",
         "expandTitleFontWeight": "{palette.fontWeight.weight500}",
         "expandTitleLineHeight": "{palette.lineHeight.ratio3to2}",
@@ -8283,7 +8462,7 @@
         "iconOuterBorderGap": "{system.size.zero}",
         "iconOuterBorderWidth": "{system.border.none}",
         "listColor": "{palette.color.greyCharcoal}",
-        "listFontName": "{palette.fontName.HelveticaNow}",
+        "listFontName": "{palette.fontName.HNforTELUSSA}",
         "listFontSize": "{palette.fontSize.size14}",
         "listFontWeight": "{palette.fontWeight.weight400}",
         "listLineHeight": "{palette.lineHeight.ratio10to7}",
@@ -8309,7 +8488,7 @@
             "viewport": ["md", "lg", "xl"]
           },
           "tokens": {
-            "testimonialFontNameHeading": "{palette.fontName.HelveticaNow}",
+            "testimonialFontNameHeading": "{palette.fontName.HNforTELUSSA}",
             "testimonialFontSizeHeading": "{palette.fontSize.size28}",
             "testimonialFontWeightHeading": "{palette.fontWeight.weight400}",
             "testimonialLineHeightHeading": "{palette.lineHeight.ratio9to7}"
@@ -8317,11 +8496,11 @@
         }
       ],
       "tokens": {
-        "additionalFontName": "{palette.fontName.HelveticaNow}",
+        "additionalFontName": "{palette.fontName.HNforTELUSSA}",
         "additionalFontSize": "{palette.fontSize.size14}",
         "additionalFontWeight": "{palette.fontWeight.weight400}",
         "additionalLineHeight": "{palette.lineHeight.ratio10to7}",
-        "authorFontName": "{palette.fontName.HelveticaNow}",
+        "authorFontName": "{palette.fontName.HNforTELUSSA}",
         "authorFontSize": "{palette.fontSize.size16}",
         "authorFontWeight": "{palette.fontWeight.weight700}",
         "authorLineHeight": "{palette.lineHeight.ratio3to2}",
@@ -8334,8 +8513,8 @@
         "imageSize": "{palette.size.size48}",
         "quoteContainerGap": "{palette.size.size4}",
         "testimonialContainerGap": "{palette.size.size12}",
-        "testimonialFontNameHeading": "{palette.fontName.HelveticaNow}",
-        "testimonialFontNameLarge": "{palette.fontName.HelveticaNow}",
+        "testimonialFontNameHeading": "{palette.fontName.HNforTELUSSA}",
+        "testimonialFontNameLarge": "{palette.fontName.HNforTELUSSA}",
         "testimonialFontSizeHeading": "{palette.fontSize.size24}",
         "testimonialFontSizeLarge": "{palette.fontSize.size20}",
         "testimonialFontWeightHeading": "{palette.fontWeight.weight400}",
@@ -8433,7 +8612,7 @@
         "clearButtonIcon": "{palette.icon.Times}",
         "color": "{palette.color.greyCharcoal}",
         "defaultCreditIcon": "{palette.icon.CreditCard}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight400}",
         "icon": "{system.icon.none}",
@@ -8530,7 +8709,7 @@
         "animationPaddingBottomBefore": "{palette.size.size0}",
         "animationPaddingTopAfter": "{palette.size.size16}",
         "animationPaddingTopBefore": "{palette.size.size0}",
-        "chevronlinkFontName": "{palette.fontName.HelveticaNow}",
+        "chevronlinkFontName": "{palette.fontName.HNforTELUSSA}",
         "chevronlinkFontWeight": "{palette.fontWeight.weight400}",
         "containerBackgroundColor": "{palette.color.purpleTelus}",
         "containerGap": "{palette.size.size10}",
@@ -8656,7 +8835,7 @@
         "iconColor": "{palette.color.greyShuttle}",
         "iconSize": "{palette.size.size14}",
         "labelColor": "{palette.color.greyCharcoal}",
-        "labelFontName": "{palette.fontName.HelveticaNow}",
+        "labelFontName": "{palette.fontName.HNforTELUSSA}",
         "labelFontSize": "{palette.fontSize.size16}",
         "labelFontWeight": "{palette.fontWeight.weight400}",
         "labelLineHeight": "{palette.lineHeight.ratio3to2}",
@@ -8735,7 +8914,7 @@
         "backgroundColor": "{palette.color.greyThunder}",
         "borderRadius": "{palette.radius.radius8}",
         "color": "{palette.color.white}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontSize": "{palette.fontSize.size14}",
         "fontWeight": "{palette.fontWeight.weight400}",
         "lineHeight": "{palette.lineHeight.ratio3to2}",
@@ -8932,7 +9111,7 @@
             "size": "display1"
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNowDisplay}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontSize": "{palette.fontSize.size40}",
             "fontWeight": "{palette.fontWeight.weight300}",
             "letterSpacing": "{system.letterSpacing.none}",
@@ -8946,7 +9125,7 @@
             "viewport": ["lg", "xl"]
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNowDisplay}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontSize": "{palette.fontSize.size64}",
             "fontWeight": "{palette.fontWeight.weight300}",
             "lineHeight": "{palette.lineHeight.ratio6to5}",
@@ -8958,7 +9137,7 @@
             "size": "display2"
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNowDisplay}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontSize": "{palette.fontSize.size36}",
             "fontWeight": "{palette.fontWeight.weight300}",
             "letterSpacing": "{system.letterSpacing.none}",
@@ -8972,7 +9151,7 @@
             "viewport": ["lg", "xl"]
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNowDisplay}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontSize": "{palette.fontSize.size56}",
             "fontWeight": "{palette.fontWeight.weight300}",
             "lineHeight": "{palette.lineHeight.ratio8to7}",
@@ -8984,7 +9163,7 @@
             "size": "h1"
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNowDisplay}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontSize": "{palette.fontSize.size28}",
             "fontWeight": "{palette.fontWeight.weight300}",
             "letterSpacing": "{system.letterSpacing.none}",
@@ -8998,7 +9177,7 @@
             "viewport": ["lg", "xl"]
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNowDisplay}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontSize": "{palette.fontSize.size40}",
             "fontWeight": "{palette.fontWeight.weight300}",
             "letterSpacing": "{system.letterSpacing.none}",
@@ -9011,7 +9190,7 @@
             "size": "h2"
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNowDisplay}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontSize": "{palette.fontSize.size24}",
             "fontWeight": "{palette.fontWeight.weight300}",
             "letterSpacing": "{system.letterSpacing.none}",
@@ -9025,7 +9204,7 @@
             "viewport": ["lg", "xl"]
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNowDisplay}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontSize": "{palette.fontSize.size28}",
             "fontWeight": "{palette.fontWeight.weight300}",
             "letterSpacing": "{palette.letterSpacing.loose}",
@@ -9038,7 +9217,7 @@
             "size": "h3"
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontSize": "{palette.fontSize.size20}",
             "fontWeight": "{palette.fontWeight.weight500}",
             "letterSpacing": "{system.letterSpacing.none}",
@@ -9051,7 +9230,7 @@
             "size": "h4"
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontSize": "{palette.fontSize.size16}",
             "fontWeight": "{palette.fontWeight.weight500}",
             "letterSpacing": "{system.letterSpacing.none}",
@@ -9064,7 +9243,7 @@
             "size": "h5"
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontSize": "{palette.fontSize.size14}",
             "fontWeight": "{palette.fontWeight.weight500}",
             "letterSpacing": "{system.letterSpacing.none}",
@@ -9084,7 +9263,7 @@
             "size": "h6"
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontSize": "{palette.fontSize.size12}",
             "fontWeight": "{palette.fontWeight.weight700}",
             "letterSpacing": "{system.letterSpacing.none}",
@@ -9144,7 +9323,7 @@
             "size": "micro"
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontSize": "{palette.fontSize.size12}",
             "fontWeight": "{palette.fontWeight.weight500}",
             "lineHeight": "{palette.lineHeight.ratio4to3}",
@@ -9157,7 +9336,7 @@
           },
           "tokens": {
             "color": "{palette.color.purpleDeluge}",
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontSize": "{palette.fontSize.size14}",
             "fontWeight": "{palette.fontWeight.weight700}",
             "lineHeight": "{palette.lineHeight.ratio10to7}",
@@ -9170,7 +9349,7 @@
             "bold": true
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontWeight": "{palette.fontWeight.weight700}"
           }
         },
@@ -9180,7 +9359,7 @@
             "size": "micro"
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontWeight": "{palette.fontWeight.weight700}"
           }
         },
@@ -9190,7 +9369,7 @@
             "size": "display1"
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNowDisplay}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontWeight": "{palette.fontWeight.weight700}"
           }
         },
@@ -9200,7 +9379,7 @@
             "size": "display2"
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNowDisplay}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontWeight": "{palette.fontWeight.weight700}"
           }
         },
@@ -9210,7 +9389,7 @@
             "size": "h1"
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNowDisplay}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontWeight": "{palette.fontWeight.weight700}"
           }
         },
@@ -9220,7 +9399,7 @@
             "size": "h2"
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNowDisplay}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontWeight": "{palette.fontWeight.weight700}"
           }
         },
@@ -9230,7 +9409,7 @@
             "size": "h3"
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontWeight": "{palette.fontWeight.weight700}"
           }
         },
@@ -9241,7 +9420,7 @@
             "viewport": ["xs", "sm", "md"]
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontWeight": "{palette.fontWeight.weight700}"
           }
         },
@@ -9250,7 +9429,7 @@
             "weight": "semibold"
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontWeight": "{palette.fontWeight.weight500}"
           }
         },
@@ -9259,7 +9438,7 @@
             "weight": "bold"
           },
           "tokens": {
-            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontName": "{palette.fontName.HNforTELUSSA}",
             "fontWeight": "{palette.fontWeight.weight700}"
           }
         },
@@ -9379,7 +9558,7 @@
       ],
       "tokens": {
         "color": "{palette.color.greyCharcoal}",
-        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontName": "{palette.fontName.HNforTELUSSA}",
         "fontScaleCap": "{palette.fontSize.size64}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight400}",