npm - @telus-uds/theme-allium - Versions diffs - 0.1.0-prerelease.0 → 2.0.0 - Mend

@telus-uds/theme-allium 0.1.0-prerelease.0 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/theme.json CHANGED Viewed

@@ -1,33 +1,29 @@
 {
-  "metadata": {
-    "name": "allium",
-    "package": "@telus-uds/theme-allium"
-  },
   "components": {
     "ActivityIndicator": {
       "appearances": {
         "size": {
-          "values": ["large"],
           "description": "used for full-screen spinners",
-          "type": "variant"
+          "type": "variant",
+          "values": ["large"]
         }
       },
-      "tokens": {
-        "size": "{palette.size.size20}",
-        "thickness": "{palette.border.border2}",
-        "color": "{palette.color.greenAccessible}"
-      },
       "rules": [
         {
           "if": {
             "size": "large"
           },
           "tokens": {
-            "thickness": "{palette.border.border4}",
-            "size": "{palette.size.size40}"
+            "size": "{palette.size.size40}",
+            "thickness": "{palette.border.border4}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "color": "{palette.color.greenAccessible}",
+        "size": "{palette.size.size20}",
+        "thickness": "{palette.border.border2}"
+      }
     },
     "Box": {
       "appearances": {
@@ -46,9 +42,6 @@
           ]
         }
       },
-      "tokens": {
-        "backgroundColor": "{system.color.none}"
-      },
       "rules": [
         {
           "if": {
@@ -122,63 +115,41 @@
             "backgroundColor": "{palette.color.purpleTelus}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "backgroundColor": "{system.color.none}"
+      }
     },
     "Button": {
       "appearances": {
-        "priority": {
-          "description": "Indicates the importance of the call-to-action. Limit the amount of high priority buttons on a page to prioritize meaningful user flows. Low priority styles are applied by default.",
-          "values": ["high"],
-          "type": "variant"
-        },
         "danger": {
           "description": "Indicates a user action that is destructive and will result in loss of information or cause significant monetary charges. Limit the use of the danger button whenever possible.",
-          "values": [true],
-          "type": "variant"
+          "type": "variant",
+          "values": [true]
         },
+        "focus": "{appearances.Button.focus}",
+        "hover": "{appearances.Button.hover}",
+        "inactive": "{appearances.Button.inactive}",
         "inverse": {
           "description": "Use inverse buttons on darker backgrounds. High and low priority buttons, and danger buttons, are available in inverse.",
-          "values": [true],
-          "type": "variant"
+          "type": "variant",
+          "values": [true]
+        },
+        "pressed": "{appearances.Button.pressed}",
+        "priority": {
+          "description": "Indicates the importance of the call-to-action. Limit the amount of high priority buttons on a page to prioritize meaningful user flows. Low priority styles are applied by default.",
+          "type": "variant",
+          "values": ["high"]
         },
         "size": {
-          "values": ["small"],
-          "type": "variant"
+          "type": "variant",
+          "values": ["small"]
         },
         "width": {
           "description": "Available in default or full-width. Default-width expands based on content Full-width expands to width of the container.",
-          "values": ["full"],
-          "type": "variant"
-        },
-        "hover": "{appearances.Button.hover}",
-        "focus": "{appearances.Button.focus}",
-        "pressed": "{appearances.Button.pressed}",
-        "inactive": "{appearances.Button.inactive}"
-      },
-      "tokens": {
-        "borderColor": "{palette.color.greenAccessible}",
-        "borderWidth": "{palette.border.border1}",
-        "borderRadius": "{palette.radius.pill32}",
-        "shadow": "{system.shadow.none}",
-        "fontSize": "{palette.fontSize.size16}",
-        "color": "{palette.color.greenAccessible}",
-        "lineHeight": "{palette.lineHeight.ratio3to2}",
-        "textAlign": "{system.flexJustifyContent.center}",
-        "alignSelf": "{system.flexAlign.flexStart}",
-        "fontName": "{palette.fontName.HelveticaNow}",
-        "fontWeight": "{palette.fontWeight.weight700}",
-        "backgroundColor": "{palette.color.white}",
-        "opacity": "{system.opacity.opaque}",
-        "paddingLeft": "{palette.size.size32}",
-        "paddingRight": "{palette.size.size32}",
-        "paddingTop": "{palette.size.size12}",
-        "paddingBottom": "{palette.size.size12}",
-        "width": "{system.size.none}",
-        "minWidth": "{palette.size.size144}",
-        "outerBorderColor": "{palette.color.transparent}",
-        "outerBorderWidth": "{palette.border.border2}",
-        "outerBorderGap": "{palette.border.border2}",
-        "outerBackgroundColor": "{palette.color.transparent}"
+          "type": "variant",
+          "values": ["full"]
+        }
       },
       "rules": [
         {
@@ -195,14 +166,14 @@
           },
           "tokens": {
             "backgroundColor": "{palette.color.greenAccessible}",
-            "color": "{palette.color.white}",
-            "borderWidth": "{palette.border.none}"
+            "borderWidth": "{palette.border.none}",
+            "color": "{palette.color.white}"
           }
         },
         {
           "if": {
-            "priority": "high",
-            "hover": true
+            "hover": true,
+            "priority": "high"
           },
           "tokens": {
             "backgroundColor": "{palette.color.greenSanFelix}"
@@ -213,8 +184,8 @@
             "pressed": true
           },
           "tokens": {
-            "borderWidth": "{system.size.zero}",
             "backgroundColor": "{palette.color.greenDarkFern}",
+            "borderWidth": "{system.border.zero}",
             "color": "{palette.color.white}"
           }
         },
@@ -257,9 +228,9 @@
         },
         {
           "if": {
+            "hover": true,
             "inverse": true,
-            "priority": "high",
-            "hover": true
+            "priority": "high"
           },
           "tokens": {
             "backgroundColor": "{palette.color.light80}"
@@ -271,14 +242,14 @@
             "pressed": true
           },
           "tokens": {
-            "color": "{palette.color.greyCharcoal}",
-            "backgroundColor": "{palette.color.light60}"
+            "backgroundColor": "{palette.color.light60}",
+            "color": "{palette.color.greyCharcoal}"
           }
         },
         {
           "if": {
-            "inverse": true,
-            "focus": true
+            "focus": true,
+            "inverse": true
           },
           "tokens": {
             "outerBorderColor": "{palette.color.white}"
@@ -290,15 +261,15 @@
             "priority": null
           },
           "tokens": {
-            "color": "{palette.color.red}",
-            "borderColor": "{palette.color.red}"
+            "borderColor": "{palette.color.red}",
+            "color": "{palette.color.red}"
           }
         },
         {
           "if": {
             "danger": true,
-            "priority": null,
-            "inverse": true
+            "inverse": true,
+            "priority": null
           },
           "tokens": {
             "backgroundColor": "{palette.color.white}"
@@ -307,8 +278,8 @@
         {
           "if": {
             "danger": true,
-            "priority": null,
-            "focus": true
+            "focus": true,
+            "priority": null
           },
           "tokens": {
             "outerBorderColor": "{palette.color.red}"
@@ -317,8 +288,8 @@
         {
           "if": {
             "danger": true,
-            "priority": null,
-            "pressed": true
+            "pressed": true,
+            "priority": null
           },
           "tokens": {
             "backgroundColor": "{palette.color.redDark}",
@@ -328,9 +299,9 @@
         {
           "if": {
             "danger": true,
-            "priority": null,
+            "focus": true,
             "pressed": true,
-            "focus": true
+            "priority": null
           },
           "tokens": {
             "outerBorderColor": "{palette.color.redDark}"
@@ -349,9 +320,9 @@
             "size": "small"
           },
           "tokens": {
-            "paddingTop": "{palette.size.size4}",
+            "minWidth": "{system.size.zero}",
             "paddingBottom": "{palette.size.size4}",
-            "minWidth": "{system.size.zero}"
+            "paddingTop": "{palette.size.size4}"
           }
         },
         {
@@ -361,8 +332,8 @@
           },
           "tokens": {
             "backgroundColor": "{palette.color.greyCloud}",
-            "color": "{palette.color.white}",
-            "borderWidth": "{system.size.zero}"
+            "borderWidth": "{palette.border.none}",
+            "color": "{palette.color.white}"
           }
         },
         {
@@ -375,19 +346,37 @@
             "color": "{palette.color.greyCharcoal}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "alignSelf": "{system.flexAlign.flexStart}",
+        "backgroundColor": "{palette.color.white}",
+        "borderColor": "{palette.color.greenAccessible}",
+        "borderRadius": "{palette.radius.pill32}",
+        "borderWidth": "{palette.border.border1}",
+        "color": "{palette.color.greenAccessible}",
+        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontSize": "{palette.fontSize.size16}",
+        "fontWeight": "{palette.fontWeight.weight700}",
+        "lineHeight": "{palette.lineHeight.ratio3to2}",
+        "minWidth": "{palette.size.size144}",
+        "opacity": "{system.opacity.opaque}",
+        "outerBackgroundColor": "{palette.color.transparent}",
+        "outerBorderColor": "{palette.color.transparent}",
+        "outerBorderGap": "{palette.size.size2}",
+        "outerBorderWidth": "{palette.border.border2}",
+        "paddingBottom": "{palette.size.size12}",
+        "paddingLeft": "{palette.size.size32}",
+        "paddingRight": "{palette.size.size32}",
+        "paddingTop": "{palette.size.size12}",
+        "shadow": "{system.shadow.none}",
+        "textAlign": "{system.flexJustifyContent.center}",
+        "width": "{system.size.none}"
+      }
     },
     "ButtonGroup": {
       "appearances": {
         "viewport": "{appearances.system.viewport}"
       },
-      "tokens": {
-        "space": "{system.integer.1}",
-        "direction": "{system.direction.row}",
-        "alignItems": "{system.flexAlign.center}",
-        "justifyContent": "{system.flexJustifyContent.flexStart}",
-        "flexGrow": "{system.integer.0}"
-      },
       "rules": [
         {
           "if": {
@@ -397,40 +386,23 @@
             "space": "{system.integer.3}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "alignItems": "{system.flexAlign.center}",
+        "direction": "{system.direction.row}",
+        "flexGrow": "{system.integer.0}",
+        "flexShrink": "{system.integer.0}",
+        "justifyContent": "{system.flexJustifyContent.flexStart}",
+        "space": "{system.integer.1}"
+      }
     },
     "ButtonGroupItem": {
       "appearances": {
-        "hover": "{appearances.ButtonGroupItem.hover}",
         "focus": "{appearances.ButtonGroupItem.focus}",
+        "hover": "{appearances.ButtonGroupItem.hover}",
+        "inactive": "{appearances.ButtonGroupItem.inactive}",
         "pressed": "{appearances.ButtonGroupItem.pressed}",
-        "selected": "{appearances.ButtonGroupItem.selected}",
-        "inactive": "{appearances.ButtonGroupItem.inactive}"
-      },
-      "tokens": {
-        "borderColor": "{palette.color.greyCloud}",
-        "borderWidth": "{palette.border.border1}",
-        "borderRadius": "{palette.radius.pill32}",
-        "shadow": "{system.shadow.none}",
-        "fontSize": "{palette.fontSize.size14}",
-        "color": "{palette.color.greyShuttle}",
-        "lineHeight": "{palette.lineHeight.ratio3to2}",
-        "textAlign": "{system.flexJustifyContent.center}",
-        "alignSelf": "{system.flexAlign.flexStart}",
-        "fontName": "{palette.fontName.HelveticaNow}",
-        "fontWeight": "{palette.fontWeight.weight700}",
-        "backgroundColor": "{palette.color.white}",
-        "opacity": "{system.opacity.opaque}",
-        "paddingLeft": "{palette.size.size16}",
-        "paddingRight": "{palette.size.size16}",
-        "paddingTop": "{palette.size.size8}",
-        "paddingBottom": "{palette.size.size8}",
-        "width": "{system.size.none}",
-        "minWidth": "{system.size.zero}",
-        "outerBorderColor": "{palette.color.transparent}",
-        "outerBorderWidth": "{palette.border.border2}",
-        "outerBorderGap": "{palette.border.border2}",
-        "outerBackgroundColor": "{palette.color.transparent}"
+        "selected": "{appearances.ButtonGroupItem.selected}"
       },
       "rules": [
         {
@@ -438,9 +410,9 @@
             "pressed": true
           },
           "tokens": {
-            "borderWidth": "{palette.border.none}",
             "backgroundColor": "{palette.color.greyShuttle}",
             "borderColor": "{palette.color.greyShuttle}",
+            "borderWidth": "{palette.border.none}",
             "color": "{palette.color.white}"
           }
         },
@@ -452,7 +424,7 @@
             "borderColor": "{palette.color.greyShuttle}",
             "outerBorderColor": "{palette.color.greyShuttle}",
             "outerBorderGap": "{palette.size.size2}",
-            "outerBorderWidth": "{palette.size.size2}"
+            "outerBorderWidth": "{palette.border.border2}"
           }
         },
         {
@@ -468,15 +440,15 @@
             "selected": true
           },
           "tokens": {
-            "borderWidth": "{palette.border.none}",
             "backgroundColor": "{palette.color.purpleTelus}",
+            "borderWidth": "{palette.border.none}",
             "color": "{palette.color.white}"
           }
         },
         {
           "if": {
-            "selected": true,
-            "hover": true
+            "hover": true,
+            "selected": true
           },
           "tokens": {
             "backgroundColor": "{palette.color.purpleDeluge}"
@@ -484,8 +456,8 @@
         },
         {
           "if": {
-            "selected": true,
-            "pressed": true
+            "pressed": true,
+            "selected": true
           },
           "tokens": {
             "backgroundColor": "{palette.color.purpleDark}"
@@ -493,8 +465,8 @@
         },
         {
           "if": {
-            "selected": true,
-            "focus": true
+            "focus": true,
+            "selected": true
           },
           "tokens": {
             "outerBorderColor": "{palette.color.purpleTelus}"
@@ -502,9 +474,9 @@
         },
         {
           "if": {
-            "selected": true,
             "focus": true,
-            "pressed": true
+            "pressed": true,
+            "selected": true
           },
           "tokens": {
             "outerBorderColor": "{palette.color.purpleDark}"
@@ -516,37 +488,49 @@
           },
           "tokens": {
             "backgroundColor": "{palette.color.greyCloud}",
-            "color": "{palette.color.white}",
-            "borderWidth": "{system.border.zero}"
+            "borderWidth": "{system.border.zero}",
+            "color": "{palette.color.white}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "alignSelf": "{system.flexAlign.flexStart}",
+        "backgroundColor": "{palette.color.white}",
+        "borderColor": "{palette.color.greyCloud}",
+        "borderRadius": "{palette.radius.pill32}",
+        "borderWidth": "{palette.border.border1}",
+        "color": "{palette.color.greyShuttle}",
+        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontSize": "{palette.fontSize.size14}",
+        "fontWeight": "{palette.fontWeight.weight700}",
+        "lineHeight": "{palette.lineHeight.ratio3to2}",
+        "minWidth": "{system.size.zero}",
+        "opacity": "{system.opacity.opaque}",
+        "outerBackgroundColor": "{palette.color.transparent}",
+        "outerBorderColor": "{palette.color.transparent}",
+        "outerBorderGap": "{palette.size.size2}",
+        "outerBorderWidth": "{palette.border.border2}",
+        "paddingBottom": "{palette.size.size8}",
+        "paddingLeft": "{palette.size.size16}",
+        "paddingRight": "{palette.size.size16}",
+        "paddingTop": "{palette.size.size8}",
+        "shadow": "{system.shadow.none}",
+        "textAlign": "{system.flexJustifyContent.center}",
+        "width": "{system.size.none}"
+      }
     },
     "Card": {
       "appearances": {
         "background": {
-          "values": ["alternative"],
-          "type": "variant"
+          "type": "variant",
+          "values": ["alternative"]
         },
         "padding": {
-          "values": ["narrow", "intermediate", "compact", "custom"],
-          "type": "variant"
+          "type": "variant",
+          "values": ["narrow", "intermediate", "compact", "custom"]
         },
         "viewport": "{appearances.system.viewport}"
       },
-      "tokens": {
-        "flex": "{system.integer.1}",
-        "backgroundColor": "{palette.color.white}",
-        "borderColor": "{palette.color.greyMystic}",
-        "borderRadius": "{palette.radius.radius6}",
-        "borderWidth": "{palette.border.border1}",
-        "paddingBottom": "{palette.size.size32}",
-        "paddingLeft": "{palette.size.size24}",
-        "paddingRight": "{palette.size.size24}",
-        "paddingTop": "{palette.size.size32}",
-        "minWidth": "{system.size.none}",
-        "shadow": "{system.shadow.none}"
-      },
       "rules": [
         {
           "if": {
@@ -635,7 +619,20 @@
             "paddingTop": "{palette.size.size0}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "backgroundColor": "{palette.color.white}",
+        "borderColor": "{palette.color.greyMystic}",
+        "borderRadius": "{palette.radius.radius6}",
+        "borderWidth": "{palette.border.border1}",
+        "flex": "{system.integer.1}",
+        "minWidth": "{system.size.none}",
+        "paddingBottom": "{palette.size.size32}",
+        "paddingLeft": "{palette.size.size24}",
+        "paddingRight": "{palette.size.size24}",
+        "paddingTop": "{palette.size.size32}",
+        "shadow": "{system.shadow.none}"
+      }
     },
     "Checkbox": {
       "appearances": {
@@ -645,31 +642,6 @@
         "hover": "{appearances.Checkbox.hover}",
         "inactive": "{appearances.Checkbox.inactive}"
       },
-      "tokens": {
-        "containerBackgroundColor": "{palette.color.transparent}",
-        "feedbackMarginBottom": "{system.size.zero}",
-        "feedbackMarginTop": "{palette.size.size2}",
-        "feedbackPosition": "{system.position.bottom}",
-        "icon": "{palette.icon.Checkmark}",
-        "iconBackgroundColor": "{palette.color.purpleDeluge}",
-        "iconColor": "{palette.color.white}",
-        "iconSize": "{palette.size.size16}",
-        "inputBackgroundColor": "{palette.color.white}",
-        "inputBorderColor": "{palette.color.greyShuttle}",
-        "inputBorderRadius": "{palette.radius.radius4}",
-        "inputBorderWidth": "{palette.border.border1}",
-        "inputHeight": "{palette.size.size20}",
-        "inputOutlineColor": "{system.color.none}",
-        "inputOutlineWidth": "{palette.border.none}",
-        "inputShadow": "{system.shadow.none}",
-        "inputWidth": "{palette.size.size20}",
-        "labelColor": "{palette.color.greyCharcoal}",
-        "labelFontName": "{palette.fontName.HelveticaNow}",
-        "labelFontSize": "{palette.fontSize.size16}",
-        "labelFontWeight": "{palette.fontWeight.weight400}",
-        "labelLineHeight": "{palette.lineHeight.ratio3to2}",
-        "labelMarginLeft": "{palette.size.size10}"
-      },
       "rules": [
         {
           "if": {
@@ -693,32 +665,56 @@
             "inactive": true
           },
           "tokens": {
-            "inputBorderColor": "{palette.color.transparent}",
-            "inputBackgroundColor": "{palette.color.greyMystic}",
             "iconBackgroundColor": "{palette.color.greyMystic}",
             "iconColor": "{palette.color.greyShuttle}",
+            "inputBackgroundColor": "{palette.color.greyMystic}",
+            "inputBorderColor": "{palette.color.transparent}",
             "labelColor": "{palette.color.greyShuttle}"
           }
         }
-      ]
-    },
-    "CheckboxGroup": {
-      "appearances": {},
+      ],
       "tokens": {
-        "space": "{system.integer.2}",
-        "fieldSpace": "{system.integer.2}"
-      },
-      "rules": []
-    },
-    "ChevronLink": {
-      "appearances": {
-        "hover": "{appearances.ChevronLink.hover}"
-      },
+        "containerBackgroundColor": "{palette.color.transparent}",
+        "feedbackMarginBottom": "{system.size.zero}",
+        "feedbackMarginTop": "{palette.size.size2}",
+        "feedbackPosition": "{system.position.bottom}",
+        "icon": "{palette.icon.Checkmark}",
+        "iconBackgroundColor": "{palette.color.purpleDeluge}",
+        "iconColor": "{palette.color.white}",
+        "iconSize": "{palette.size.size16}",
+        "inputBackgroundColor": "{palette.color.white}",
+        "inputBorderColor": "{palette.color.greyShuttle}",
+        "inputBorderRadius": "{palette.radius.radius4}",
+        "inputBorderWidth": "{palette.border.border1}",
+        "inputHeight": "{palette.size.size20}",
+        "inputOutlineColor": "{system.color.none}",
+        "inputOutlineWidth": "{palette.border.none}",
+        "inputShadow": "{system.shadow.none}",
+        "inputWidth": "{palette.size.size20}",
+        "labelColor": "{palette.color.greyCharcoal}",
+        "labelFontName": "{palette.fontName.HelveticaNow}",
+        "labelFontSize": "{palette.fontSize.size16}",
+        "labelFontWeight": "{palette.fontWeight.weight400}",
+        "labelLineHeight": "{palette.lineHeight.ratio3to2}",
+        "labelMarginLeft": "{palette.size.size10}"
+      }
+    },
+    "CheckboxGroup": {
+      "appearances": {},
+      "rules": [],
       "tokens": {
-        "leftIcon": "{palette.icon.ArrowLeft}",
-        "rightIcon": "{palette.icon.ArrowRight}",
-        "iconDisplace": "{palette.size.size0}",
-        "iconSpace": "{system.integer.0}"
+        "fieldSpace": "{system.integer.2}",
+        "space": "{system.integer.2}"
+      }
+    },
+    "ChevronLink": {
+      "appearances": {
+        "hover": "{appearances.ChevronLink.hover}",
+        "size": {
+          "description": "Sets the size of the text and icon; these variants are shared with Link",
+          "type": "variant",
+          "values": ["large", "small", "micro"]
+        }
       },
       "rules": [
         {
@@ -728,36 +724,47 @@
           "tokens": {
             "iconDisplace": "{palette.size.size4}"
           }
+        },
+        {
+          "if": {
+            "size": "large"
+          },
+          "tokens": {
+            "iconSize": "{palette.size.size24}"
+          }
         }
-      ]
+      ],
+      "tokens": {
+        "iconDisplace": "{palette.size.size0}",
+        "iconSize": "{palette.size.size20}",
+        "iconSpace": "{system.integer.1}",
+        "leftIcon": "{palette.icon.ArrowLeft}",
+        "rightIcon": "{palette.icon.ArrowRight}"
+      }
     },
     "Divider": {
       "appearances": {
-        "weight": {
-          "values": ["thick"],
-          "type": "variant"
-        },
         "decorative": {
           "description": "Use a decorative divider to highlight an element. Non-decorative dividers are for clearly identifying separation of content.",
-          "values": [true],
-          "type": "variant"
+          "type": "variant",
+          "values": [true]
         },
         "inverse": {
-          "values": [true],
-          "type": "variant"
+          "type": "variant",
+          "values": [true]
+        },
+        "weight": {
+          "type": "variant",
+          "values": ["thick"]
         }
       },
-      "tokens": {
-        "width": "{palette.border.border1}",
-        "color": "{palette.color.greyShuttle}"
-      },
       "rules": [
         {
           "if": {
             "weight": "thick"
           },
           "tokens": {
-            "width": "{palette.border.border2}"
+            "width": "{palette.size.size2}"
           }
         },
         {
@@ -776,37 +783,25 @@
             "color": "{palette.color.white}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "color": "{palette.color.greyShuttle}",
+        "width": "{palette.size.size1}"
+      }
     },
     "ExpandCollapse": {
       "appearances": {},
+      "rules": [],
       "tokens": {
         "borderColor": "{palette.color.greyCloud}",
-        "borderWidth": "{palette.border.border1}",
-        "borderStyle": "{system.borderStyle.solid}"
-      },
-      "rules": []
+        "borderStyle": "{system.borderStyle.solid}",
+        "borderWidth": "{system.border.zero}"
+      }
     },
     "ExpandCollapseControl": {
       "appearances": {
         "expanded": "{appearances.ExpandCollapseControl.expanded}"
       },
-      "tokens": {
-        "icon": "{palette.icon.CaretDown}",
-        "iconColor": "{palette.color.greenAccessible}",
-        "iconSize": "{palette.size.size24}",
-        "iconGap": "{palette.size.size8}",
-        "iconPosition": "{system.position.left}",
-        "verticalAlign": "{system.verticalAlign.top}",
-        "justifyContent": "{system.flexJustifyContent.flexStart}",
-        "paddingLeft": "{palette.size.size8}",
-        "paddingRight": "{palette.size.size16}",
-        "paddingTop": "{palette.size.size16}",
-        "paddingBottom": "{palette.size.size16}",
-        "borderWidth": "{system.border.zero}",
-        "borderColor": "{palette.color.transparent}",
-        "backgroundColor": "{palette.color.transparent}"
-      },
       "rules": [
         {
           "if": {
@@ -816,48 +811,43 @@
             "icon": "{palette.icon.CaretUp}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "backgroundColor": "{palette.color.transparent}",
+        "borderColor": "{palette.color.transparent}",
+        "borderWidth": "{system.border.zero}",
+        "icon": "{palette.icon.CaretDown}",
+        "iconColor": "{palette.color.greenAccessible}",
+        "iconGap": "{palette.size.size8}",
+        "iconPosition": "{system.position.left}",
+        "iconSize": "{palette.size.size24}",
+        "justifyContent": "{system.flexJustifyContent.flexStart}",
+        "paddingBottom": "{palette.size.size16}",
+        "paddingLeft": "{palette.size.size8}",
+        "paddingRight": "{palette.size.size16}",
+        "paddingTop": "{palette.size.size16}",
+        "verticalAlign": "{system.verticalAlign.top}"
+      }
     },
     "ExpandCollapsePanel": {
       "appearances": {},
+      "rules": [],
       "tokens": {
-        "expandDuration": "{palette.duration.duration300}",
         "collapseDuration": "{palette.duration.duration250}",
+        "contentPaddingBottom": "{palette.size.size16}",
         "contentPaddingLeft": "{palette.size.size40}",
         "contentPaddingRight": "{palette.size.size16}",
         "contentPaddingTop": "{palette.size.size0}",
-        "contentPaddingBottom": "{palette.size.size16}"
-      },
-      "rules": []
+        "expandDuration": "{palette.duration.duration300}"
+      }
     },
     "Feedback": {
       "appearances": {
-        "validation": "{appearances.Feedback.validation}",
         "icon": {
-          "values": [true],
-          "type": "variant"
-        }
-      },
-      "tokens": {
-        "backgroundColor": "{palette.color.greyAthens}",
-        "borderColor": "{palette.color.greyMystic}",
-        "borderWidth": "{palette.border.border1}",
-        "borderRadius": "{palette.radius.radius4}",
-        "paddingTop": "{palette.size.size12}",
-        "paddingBottom": "{palette.size.size12}",
-        "paddingLeft": "{palette.size.size16}",
-        "paddingRight": "{palette.size.size16}",
-        "space": "{system.integer.2}",
-        "color": "{palette.color.greyThunder}",
-        "fontName": "{palette.fontName.HelveticaNow}",
-        "fontWeight": "{palette.fontWeight.weight400}",
-        "lineHeight": "{palette.lineHeight.ratio3to2}",
-        "titleFontSize": "{palette.fontSize.size16}",
-        "contentFontSize": "{palette.fontSize.size14}",
-        "icon": "{system.icon.none}",
-        "iconSize": "{palette.fontSize.size24}",
-        "iconColor": "{palette.color.transparent}",
-        "iconGap": "{palette.size.size8}"
+          "type": "variant",
+          "values": [true]
+        },
+        "validation": "{appearances.Feedback.validation}"
       },
       "rules": [
         {
@@ -882,8 +872,8 @@
         },
         {
           "if": {
-            "validation": "success",
-            "icon": true
+            "icon": true,
+            "validation": "success"
           },
           "tokens": {
             "icon": "{palette.icon.StatusSuccess}",
@@ -892,34 +882,85 @@
         },
         {
           "if": {
-            "validation": "error",
-            "icon": true
+            "icon": true,
+            "validation": "error"
           },
           "tokens": {
             "icon": "{palette.icon.StatusError}",
             "iconColor": "{palette.color.red}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "backgroundColor": "{palette.color.greyAthens}",
+        "borderColor": "{palette.color.greyMystic}",
+        "borderRadius": "{palette.radius.radius4}",
+        "borderWidth": "{palette.border.border1}",
+        "color": "{palette.color.greyThunder}",
+        "contentFontSize": "{palette.fontSize.size14}",
+        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontWeight": "{palette.fontWeight.weight400}",
+        "icon": "{system.icon.none}",
+        "iconColor": "{palette.color.transparent}",
+        "iconGap": "{palette.size.size8}",
+        "iconSize": "{palette.size.size24}",
+        "lineHeight": "{palette.lineHeight.ratio3to2}",
+        "paddingBottom": "{palette.size.size12}",
+        "paddingLeft": "{palette.size.size16}",
+        "paddingRight": "{palette.size.size16}",
+        "paddingTop": "{palette.size.size12}",
+        "space": "{system.integer.2}",
+        "titleFontSize": "{palette.fontSize.size16}"
+      }
+    },
+    "HorizontalScrollButton": {
+      "appearances": {
+        "focus": "{appearances.HorizontalScrollButton.focus}",
+        "hover": "{appearances.HorizontalScrollButton.hover}",
+        "pressed": "{appearances.HorizontalScrollButton.pressed}"
+      },
+      "rules": [
+        {
+          "if": {
+            "hover": true
+          },
+          "tokens": {
+            "borderColor": "{palette.color.greyCharcoal}",
+            "iconColor": "{palette.color.greyCharcoal}"
+          }
+        },
+        {
+          "if": {
+            "pressed": true
+          },
+          "tokens": {
+            "backgroundColor": "{palette.color.greyShuttle}",
+            "iconColor": "{palette.color.white}"
+          }
+        }
+      ],
+      "tokens": {
+        "backgroundColor": "{palette.color.white}",
+        "borderColor": "{palette.color.greyCloud}",
+        "borderRadius": "{palette.radius.pill32}",
+        "borderWidth": "{palette.border.border1}",
+        "iconColor": "{palette.color.greyShuttle}",
+        "iconSize": "{palette.size.size32}",
+        "padding": "{system.size.zero}",
+        "shadow": "{palette.shadow.surfaceRaised}"
+      }
     },
     "Icon": {
       "appearances": {
-        "size": {
-          "values": ["small"],
-          "type": "variant"
-        },
         "rank": {
-          "values": ["primary"],
-          "type": "variant"
+          "type": "variant",
+          "values": ["primary"]
+        },
+        "size": {
+          "type": "variant",
+          "values": ["small"]
         }
       },
-      "tokens": {
-        "size": "{palette.size.size24}",
-        "color": "{palette.color.greyCharcoal}",
-        "translateX": "{system.size.zero}",
-        "translateY": "{system.size.zero}",
-        "scale": "{system.integer.1}"
-      },
       "rules": [
         {
           "if": {
@@ -937,18 +978,25 @@
             "color": "{palette.color.purpleTelus}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "color": "{palette.color.greyCharcoal}",
+        "scale": "{system.integer.1}",
+        "size": "{palette.size.size24}",
+        "translateX": "{system.size.zero}",
+        "translateY": "{system.size.zero}"
+      }
     },
     "IconButton": {
       "appearances": {
-        "hover": "{appearances.IconButton.hover}",
         "focus": "{appearances.IconButton.focus}",
-        "pressed": "{appearances.IconButton.pressed}",
+        "hover": "{appearances.IconButton.hover}",
         "inverse": {
           "description": "For use on dark backgrounds",
           "type": "variant",
           "values": [true]
         },
+        "pressed": "{appearances.IconButton.pressed}",
         "raised": {
           "description": "Uses shadow and background colour to appear raised above the page",
           "type": "variant",
@@ -959,30 +1007,14 @@
           "values": ["small", "large"]
         }
       },
-      "tokens": {
-        "outerBorderWidth": "{system.border.zero}",
-        "outerBorderColor": "{system.color.transparent}",
-        "outerBorderGap": "{system.size.zero}",
-        "backgroundColor": "{system.color.transparent}",
-        "shadow": "{system.shadow.none}",
-        "padding": "{palette.size.size8}",
-        "borderRadius": "{system.radius.round}",
-        "borderWidth": "{palette.border.border1}",
-        "borderColor": "{palette.color.greyShuttle}",
-        "iconColor": "{palette.color.greyShuttle}",
-        "iconSize": "{palette.size.size16}",
-        "iconScale": "{system.iconScale.scale1}",
-        "iconTranslateX": "{system.size.zero}",
-        "iconTranslateY": "{system.size.zero}"
-      },
       "rules": [
         {
           "if": {
             "inverse": true
           },
           "tokens": {
-            "iconColor": "{palette.color.white}",
-            "borderColor": "{palette.color.white}"
+            "borderColor": "{palette.color.white}",
+            "iconColor": "{palette.color.white}"
           }
         },
         {
@@ -1010,9 +1042,9 @@
             "focus": true
           },
           "tokens": {
-            "outerBorderWidth": "{palette.border.border1}",
             "outerBorderColor": "{palette.color.greyShuttle}",
-            "outerBorderGap": "{palette.size.size4}"
+            "outerBorderGap": "{palette.size.size4}",
+            "outerBorderWidth": "{palette.border.border1}"
           }
         },
         {
@@ -1021,10 +1053,10 @@
             "inverse": true
           },
           "tokens": {
-            "outerBorderWidth": "{system.border.zero}",
+            "backgroundColor": "{palette.color.light60}",
             "borderColor": "{palette.color.greyCharcoal}",
             "iconColor": "{palette.color.greyCharcoal}",
-            "backgroundColor": "{palette.color.light60}"
+            "outerBorderWidth": "{system.border.zero}"
           }
         },
         {
@@ -1032,21 +1064,21 @@
             "pressed": true
           },
           "tokens": {
+            "backgroundColor": "{palette.color.greyShuttle}",
             "borderColor": "{palette.color.white}",
             "iconColor": "{palette.color.white}",
-            "backgroundColor": "{palette.color.greyShuttle}",
             "outerBorderGap": "{palette.size.size4}"
           }
         },
         {
           "if": {
-            "pressed": true,
-            "inverse": true
+            "inverse": true,
+            "pressed": true
           },
           "tokens": {
+            "backgroundColor": "{palette.color.light40}",
             "borderColor": "{palette.color.greyShuttle}",
-            "iconColor": "{palette.color.greyShuttle}",
-            "backgroundColor": "{palette.color.light40}"
+            "iconColor": "{palette.color.greyShuttle}"
           }
         },
         {
@@ -1067,19 +1099,19 @@
           }
         },
         {
+          "description": "Raised IconButtons follow different design patterns to other variants",
           "if": {
             "raised": true
           },
-          "description": "Raised IconButtons follow different design patterns to other variants",
           "tokens": {
             "backgroundColor": "{palette.color.white}",
-            "borderWidth": "{palette.border.border1}",
             "borderColor": "{palette.color.greyCloud}",
-            "shadow": "{palette.shadow.surfaceRaised}",
-            "padding": "{palette.size.size12}",
-            "outerBorderWidth": "{system.border.zero}",
+            "borderWidth": "{palette.border.border1}",
             "outerBorderColor": "{system.color.transparent}",
-            "outerBorderGap": "{system.size.zero}"
+            "outerBorderGap": "{system.size.zero}",
+            "outerBorderWidth": "{system.border.zero}",
+            "padding": "{palette.size.size12}",
+            "shadow": "{palette.shadow.surfaceRaised}"
           }
         },
         {
@@ -1102,8 +1134,8 @@
         },
         {
           "if": {
-            "raised": true,
-            "pressed": true
+            "pressed": true,
+            "raised": true
           },
           "tokens": {
             "backgroundColor": "{palette.color.greyShuttle}",
@@ -1112,9 +1144,9 @@
         },
         {
           "if": {
-            "raised": true,
+            "focus": true,
             "pressed": true,
-            "focus": true
+            "raised": true
           },
           "tokens": {
             "backgroundColor": "{palette.color.purpleTelus}",
@@ -1141,78 +1173,74 @@
             "borderWidth": "{palette.border.border3}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "backgroundColor": "{system.color.transparent}",
+        "borderColor": "{palette.color.greyShuttle}",
+        "borderRadius": "{system.radius.round}",
+        "borderWidth": "{palette.border.border1}",
+        "iconColor": "{palette.color.greyShuttle}",
+        "iconScale": "{system.iconScale.scale1}",
+        "iconSize": "{palette.size.size16}",
+        "iconTranslateX": "{system.size.zero}",
+        "iconTranslateY": "{system.size.zero}",
+        "outerBorderColor": "{system.color.transparent}",
+        "outerBorderGap": "{system.size.zero}",
+        "outerBorderWidth": "{system.border.zero}",
+        "padding": "{palette.size.size8}",
+        "shadow": "{system.shadow.none}"
+      }
     },
     "InputLabel": {
       "appearances": {},
+      "rules": [],
       "tokens": {
-        "gap": "{palette.size.size8}",
         "color": "{palette.color.greyCharcoal}",
         "fontName": "{palette.fontName.HelveticaNow}",
-        "fontWeight": "{palette.fontWeight.weight700}",
         "fontSize": "{palette.fontSize.size16}",
-        "lineHeight": "{palette.lineHeight.ratio3to2}",
+        "fontWeight": "{palette.fontWeight.weight700}",
+        "gap": "{palette.size.size8}",
         "hintColor": "{palette.color.greyCharcoal}",
         "hintFontName": "{palette.fontName.HelveticaNow}",
-        "hintFontWeight": "{palette.fontWeight.weight400}",
         "hintFontSize": "{palette.fontSize.size14}",
-        "hintLineHeight": "{palette.lineHeight.ratio7to5}"
-      },
-      "rules": []
+        "hintFontWeight": "{palette.fontWeight.weight400}",
+        "hintLineHeight": "{palette.lineHeight.ratio7to5}",
+        "lineHeight": "{palette.lineHeight.ratio3to2}"
+      }
     },
     "InputSupports": {
       "appearances": {},
+      "rules": [],
       "tokens": {
         "space": "{system.integer.1}"
-      },
-      "rules": []
+      }
     },
     "Link": {
       "appearances": {
-        "size": {
-          "description": "Text sizes for block links; similar but not always identical to Typography sizes.",
-          "values": ["large", "small", "micro"],
-          "type": "variant"
-        },
         "alternative": {
           "description": "Replaces the default green colour with a more subtle grey.",
-          "values": [true],
-          "type": "variant"
+          "type": "variant",
+          "values": [true]
         },
+        "focus": "{appearances.Link.focus}",
+        "hover": "{appearances.Link.hover}",
+        "iconPosition": "{appearances.Link.iconPosition}",
         "inverse": {
           "description": "Styles the link white for use on dark backgrounds.",
-          "values": [true],
-          "type": "variant"
+          "type": "variant",
+          "values": [true]
         },
         "light": {
           "description": "A lighter grey variant, used to lower the emphasis on a given Link (e.g. in Breadcrumbs)",
-          "values": [true],
-          "type": "variant"
+          "type": "variant",
+          "values": [true]
         },
-        "iconPosition": "{appearances.Link.iconPosition}",
-        "focus": "{appearances.Link.focus}",
-        "hover": "{appearances.Link.hover}",
-        "pressed": "{appearances.Link.pressed}"
-      },
-      "tokens": {
-        "color": "{palette.color.greenAccessible}",
-        "textLine": "{system.textLine.underline}",
-        "textLineStyle": "{system.textLineStyle.solid}",
-        "outerBorderColor": "{palette.color.transparent}",
-        "outerBorderWidth": "{palette.border.border2}",
-        "outerBorderGap": "{palette.border.border2}",
-        "borderRadius": "{palette.radius.radius4}",
-        "outerBorderOutline": "{system.borderStyle.none}",
-        "blockFontWeight": "{palette.fontWeight.weight400}",
-        "blockFontName": "{palette.fontName.HelveticaNow}",
-        "blockFontSize": "{palette.fontSize.size16}",
-        "blockLineHeight": "{palette.lineHeight.ratio3to2}",
-        "alignSelf": "{system.flexAlign.flexStart}",
-        "icon": "{system.icon.none}",
-        "iconSize": "{palette.fontSize.size24}",
-        "iconSpace": "{system.integer.1}",
-        "iconTranslateX": "{system.size.zero}",
-        "iconTranslateY": "{system.size.zero}"
+        "pressed": "{appearances.Link.pressed}",
+        "size": {
+          "description": "Text sizes for block links; similar but not always identical to Typography sizes.",
+          "type": "variant",
+          "values": ["large", "small", "micro"]
+        }
       },
       "rules": [
         {
@@ -1237,8 +1265,8 @@
             "hover": true
           },
           "tokens": {
-            "textLine": "{system.textLine.none}",
-            "color": "{palette.color.greenSanFelix}"
+            "color": "{palette.color.greenSanFelix}",
+            "textLine": "{system.textLine.none}"
           }
         },
         {
@@ -1246,14 +1274,14 @@
             "pressed": true
           },
           "tokens": {
-            "textLine": "{system.textLine.none}",
-            "color": "{palette.color.greenDarkFern}"
+            "color": "{palette.color.greenDarkFern}",
+            "textLine": "{system.textLine.none}"
           }
         },
         {
           "if": {
-            "pressed": true,
-            "focus": true
+            "focus": true,
+            "pressed": true
           },
           "tokens": {
             "outerBorderColor": "{palette.color.greenDarkFern}"
@@ -1265,8 +1293,8 @@
           },
           "tokens": {
             "blockFontSize": "{palette.fontSize.size20}",
-            "iconSize": "{palette.fontSize.size24}",
-            "blockLineHeight": "{palette.lineHeight.ratio8to5}"
+            "blockLineHeight": "{palette.lineHeight.ratio8to5}",
+            "iconSize": "{palette.size.size24}"
           }
         },
         {
@@ -1275,8 +1303,8 @@
           },
           "tokens": {
             "blockFontSize": "{palette.fontSize.size14}",
-            "iconSize": "{palette.fontSize.size20}",
-            "blockLineHeight": "{palette.lineHeight.ratio10to7}"
+            "blockLineHeight": "{palette.lineHeight.ratio10to7}",
+            "iconSize": "{palette.size.size20}"
           }
         },
         {
@@ -1284,11 +1312,11 @@
             "size": "micro"
           },
           "tokens": {
+            "blockFontName": "{palette.fontName.HelveticaNow}",
             "blockFontSize": "{palette.fontSize.size12}",
             "blockFontWeight": "{palette.fontWeight.weight500}",
-            "blockFontName": "{palette.fontName.HelveticaNow}",
-            "iconSize": "{palette.fontSize.size16}",
-            "blockLineHeight": "{palette.lineHeight.ratio4to3}"
+            "blockLineHeight": "{palette.lineHeight.ratio4to3}",
+            "iconSize": "{palette.size.size16}"
           }
         },
         {
@@ -1337,8 +1365,8 @@
         },
         {
           "if": {
-            "inverse": true,
-            "hover": true
+            "hover": true,
+            "inverse": true
           },
           "tokens": {
             "color": "{palette.color.greyAthens}"
@@ -1346,8 +1374,8 @@
         },
         {
           "if": {
-            "inverse": true,
-            "focus": true
+            "focus": true,
+            "inverse": true
           },
           "tokens": {
             "outerBorderColor": "{palette.color.white}",
@@ -1365,9 +1393,9 @@
         },
         {
           "if": {
+            "focus": true,
             "inverse": true,
-            "pressed": true,
-            "focus": true
+            "pressed": true
           },
           "tokens": {
             "color": "{palette.color.greyMystic}",
@@ -1384,8 +1412,8 @@
         },
         {
           "if": {
-            "light": true,
-            "focus": true
+            "focus": true,
+            "light": true
           },
           "tokens": {
             "color": "{palette.color.greyShuttle}",
@@ -1394,47 +1422,49 @@
         },
         {
           "if": {
-            "light": true,
-            "hover": true
+            "hover": true,
+            "light": true
           },
           "tokens": {
             "color": "{palette.color.greyCharcoal}",
             "textLine": "{system.textLine.none}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "alignSelf": "{system.flexAlign.flexStart}",
+        "blockFontName": "{palette.fontName.HelveticaNow}",
+        "blockFontSize": "{palette.fontSize.size16}",
+        "blockFontWeight": "{palette.fontWeight.weight400}",
+        "blockLineHeight": "{palette.lineHeight.ratio3to2}",
+        "borderRadius": "{palette.radius.radius4}",
+        "color": "{palette.color.greenAccessible}",
+        "icon": "{system.icon.none}",
+        "iconSize": "{palette.size.size24}",
+        "iconSpace": "{system.integer.1}",
+        "iconTranslateX": "{system.size.zero}",
+        "iconTranslateY": "{system.size.zero}",
+        "outerBorderColor": "{palette.color.transparent}",
+        "outerBorderGap": "{palette.size.size2}",
+        "outerBorderOutline": "{system.borderStyle.none}",
+        "outerBorderWidth": "{palette.border.border2}",
+        "textLine": "{system.textLine.underline}",
+        "textLineStyle": "{system.textLineStyle.solid}"
+      }
     },
     "List": {
       "appearances": {
-        "size": {
-          "description": "Indicates list item text size.",
-          "values": ["large", "small"],
-          "type": "variant"
-        },
         "compact": {
           "description": "When true it will reduce the line height of the list item.",
-          "values": [true],
-          "type": "variant"
+          "type": "variant",
+          "values": [true]
+        },
+        "size": {
+          "description": "Indicates list item text size.",
+          "type": "variant",
+          "values": ["large", "small"]
         }
       },
-      "tokens": {
-        "itemFontWeight": "{palette.fontWeight.weight400}",
-        "itemFontSize": "{palette.fontSize.size16}",
-        "itemLineHeight": "{palette.lineHeight.ratio3to2}",
-        "itemFontName": "{palette.fontName.HelveticaNow}",
-        "interItemMargin": "{palette.size.size8}",
-        "interItemMarginWithDivider": "{palette.size.size16}",
-        "dividerColor": "{palette.color.greyCloud}",
-        "dividerSize": "{palette.border.border1}",
-        "itemBulletContainerWidth": "{palette.size.size16}",
-        "itemBulletContainerAlign": "{system.textAlign.center}",
-        "itemBulletWidth": "{palette.size.size4}",
-        "itemBulletHeight": "{palette.size.size4}",
-        "itemBulletColor": "{palette.color.purpleTelus}",
-        "itemIconSize": "{palette.size.size16}",
-        "itemIconColor": "{palette.color.purpleTelus}",
-        "listGutter": "{palette.size.size12}"
-      },
       "rules": [
         {
           "if": {
@@ -1482,33 +1512,32 @@
             "itemLineHeight": "{palette.lineHeight.ratio6to5}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "dividerColor": "{palette.color.greyCloud}",
+        "dividerSize": "{palette.border.border1}",
+        "iconMarginTop": "{palette.size.size4}",
+        "interItemMargin": "{palette.size.size8}",
+        "interItemMarginWithDivider": "{palette.size.size16}",
+        "itemBulletColor": "{palette.color.purpleTelus}",
+        "itemBulletContainerAlign": "{system.textAlign.center}",
+        "itemBulletContainerWidth": "{palette.size.size16}",
+        "itemBulletHeight": "{palette.size.size4}",
+        "itemBulletWidth": "{palette.size.size4}",
+        "itemFontName": "{palette.fontName.HelveticaNow}",
+        "itemFontSize": "{palette.fontSize.size16}",
+        "itemFontWeight": "{palette.fontWeight.weight400}",
+        "itemIconColor": "{palette.color.purpleTelus}",
+        "itemIconSize": "{palette.size.size16}",
+        "itemLineHeight": "{palette.lineHeight.ratio3to2}",
+        "listGutter": "{palette.size.size16}"
+      }
     },
     "Modal": {
       "appearances": {
         "maxWidth": "{appearances.Modal.maxWidth}",
         "viewport": "{appearances.system.viewport}"
       },
-      "tokens": {
-        "backdropColor": "{palette.color.bgModal}",
-        "backdropOpacity": "{system.opacity.opaque}",
-        "height": "{system.size.none}",
-        "maxWidth": "{system.size.full}",
-        "containerPaddingLeft": "{system.size.zero}",
-        "containerPaddingRight": "{system.size.zero}",
-        "containerPaddingTop": "{system.size.zero}",
-        "containerPaddingBottom": "{system.size.zero}",
-        "backgroundColor": "{palette.color.white}",
-        "borderRadius": "{palette.radius.radius4}",
-        "shadow": "{palette.shadow.elevation1}",
-        "paddingLeft": "{palette.size.size24}",
-        "paddingRight": "{palette.size.size24}",
-        "paddingTop": "{palette.size.size24}",
-        "paddingBottom": "{palette.size.size24}",
-        "closeIcon": "{palette.icon.Close}",
-        "closeIconSize": "{palette.size.size24}",
-        "closeIconColor": "{palette.color.greyCharcoal}"
-      },
       "rules": [
         {
           "if": {
@@ -1523,54 +1552,48 @@
             "viewport": ["md", "lg", "xl"]
           },
           "tokens": {
-            "maxWidth": "{system.integer.576}",
+            "containerPaddingBottom": "{palette.size.size32}",
             "containerPaddingTop": "{palette.size.size32}",
-            "containerPaddingBottom": "{palette.size.size32}"
+            "maxWidth": "{system.size.viewportSm}"
           }
         },
         {
           "if": {
-            "viewport": ["md", "lg", "xl"],
-            "maxWidth": true
+            "maxWidth": true,
+            "viewport": ["md", "lg", "xl"]
           },
           "tokens": {
-            "maxWidth": "{system.size.twoThirds}",
             "containerPaddingLeft": "{palette.size.size16}",
-            "containerPaddingRight": "{palette.size.size16}"
+            "containerPaddingRight": "{palette.size.size16}",
+            "maxWidth": "{system.size.twoThirds}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "backdropColor": "{palette.color.bgModal}",
+        "backdropOpacity": "{system.opacity.opaque}",
+        "backgroundColor": "{palette.color.white}",
+        "borderRadius": "{palette.radius.radius4}",
+        "closeIcon": "{palette.icon.Close}",
+        "closeIconColor": "{palette.color.greyCharcoal}",
+        "closeIconSize": "{palette.size.size24}",
+        "containerPaddingBottom": "{system.size.zero}",
+        "containerPaddingLeft": "{system.size.zero}",
+        "containerPaddingRight": "{system.size.zero}",
+        "containerPaddingTop": "{system.size.zero}",
+        "height": "{system.size.none}",
+        "maxWidth": "{system.size.full}",
+        "paddingBottom": "{palette.size.size24}",
+        "paddingLeft": "{palette.size.size24}",
+        "paddingRight": "{palette.size.size24}",
+        "paddingTop": "{palette.size.size24}",
+        "shadow": "{palette.shadow.elevation1}"
+      }
     },
     "Notification": {
       "appearances": {
-        "system": "{appearances.Notification.system}",
-        "style": "{appearances.Notification.style}"
-      },
-      "tokens": {
-        "backgroundColor": "{palette.color.greyAthens}",
-        "borderBottomWidth": "{palette.border.border1}",
-        "borderTopWidth": "{palette.border.border1}",
-        "borderLeftWidth": "{palette.border.border1}",
-        "borderRightWidth": "{palette.border.border1}",
-        "borderColor": "{palette.color.greyShuttle}",
-        "borderRadius": "{palette.radius.radius6}",
-        "paddingTop": "{palette.size.size12}",
-        "paddingBottom": "{palette.size.size12}",
-        "paddingLeft": "{palette.size.size12}",
-        "paddingRight": "{palette.size.size12}",
-        "color": "{palette.color.greyCharcoal}",
-        "fontSize": "{palette.fontSize.size16}",
-        "lineHeight": "{palette.lineHeight.ratio3to2}",
-        "fontName": "{palette.fontName.HelveticaNow}",
-        "fontWeight": "{palette.fontWeight.weight400}",
-        "icon": "{system.icon.none}",
-        "iconColor": "{system.color.none}",
-        "iconSize": "{palette.size.size24}",
-        "iconGap": "{palette.size.size16}",
-        "dismissIcon": "{palette.icon.Close}",
-        "dismissIconColor": "{palette.color.greyCharcoal}",
-        "dismissIconSize": "{palette.size.size24}",
-        "dismissButtonGap": "{palette.size.size16}"
+        "style": "{appearances.Notification.style}",
+        "system": "{appearances.Notification.system}"
       },
       "rules": [
         {
@@ -1578,15 +1601,15 @@
             "system": true
           },
           "tokens": {
-            "borderTopWidth": "{system.border.zero}",
             "borderLeftWidth": "{system.border.zero}",
-            "borderRightWidth": "{system.border.zero}",
             "borderRadius": "{system.radius.zero}",
-            "paddingTop": "{palette.size.size16}",
+            "borderRightWidth": "{system.border.zero}",
+            "borderTopWidth": "{system.border.zero}",
+            "iconGap": "{palette.size.size12}",
             "paddingBottom": "{palette.size.size16}",
             "paddingLeft": "{palette.size.size16}",
             "paddingRight": "{palette.size.size16}",
-            "iconGap": "{palette.size.size12}"
+            "paddingTop": "{palette.size.size16}"
           }
         },
         {
@@ -1607,9 +1630,9 @@
           "tokens": {
             "backgroundColor": "{palette.color.amberLight}",
             "borderColor": "{palette.color.amberDark}",
+            "dismissIcon": "{system.icon.none}",
             "icon": "{palette.icon.StatusWarning}",
-            "iconColor": "{palette.color.amberDark}",
-            "dismissIcon": "{system.icon.none}"
+            "iconColor": "{palette.color.amberDark}"
           }
         },
         {
@@ -1619,26 +1642,43 @@
           "tokens": {
             "backgroundColor": "{palette.color.redLight}",
             "borderColor": "{palette.color.red}",
+            "dismissIcon": "{system.icon.none}",
             "icon": "{palette.icon.StatusError}",
-            "iconColor": "{palette.color.red}",
-            "dismissIcon": "{system.icon.none}"
+            "iconColor": "{palette.color.red}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "backgroundColor": "{palette.color.greyAthens}",
+        "borderBottomWidth": "{palette.border.border1}",
+        "borderColor": "{palette.color.greyShuttle}",
+        "borderLeftWidth": "{palette.border.border1}",
+        "borderRadius": "{palette.radius.radius6}",
+        "borderRightWidth": "{palette.border.border1}",
+        "borderTopWidth": "{palette.border.border1}",
+        "color": "{palette.color.greyCharcoal}",
+        "dismissButtonGap": "{palette.size.size16}",
+        "dismissIcon": "{palette.icon.Close}",
+        "dismissIconColor": "{palette.color.greyCharcoal}",
+        "dismissIconSize": "{palette.size.size24}",
+        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontSize": "{palette.fontSize.size16}",
+        "fontWeight": "{palette.fontWeight.weight400}",
+        "icon": "{system.icon.none}",
+        "iconColor": "{system.color.none}",
+        "iconGap": "{palette.size.size16}",
+        "iconSize": "{palette.size.size24}",
+        "lineHeight": "{palette.lineHeight.ratio3to2}",
+        "paddingBottom": "{palette.size.size12}",
+        "paddingLeft": "{palette.size.size12}",
+        "paddingRight": "{palette.size.size12}",
+        "paddingTop": "{palette.size.size12}"
+      }
     },
     "Pagination": {
       "appearances": {
         "viewport": "{appearances.system.viewport}"
       },
-      "tokens": {
-        "gap": "{system.integer.2}",
-        "truncateAbove": "{system.integer.4}",
-        "color": "{palette.color.greyShuttle}",
-        "fontName": "{palette.fontName.HelveticaNow}",
-        "fontWeight": "{palette.fontWeight.weight400}",
-        "fontSize": "{palette.fontSize.size16}",
-        "lineHeight": "{palette.lineHeight.ratio3to2}"
-      },
       "rules": [
         {
           "if": {
@@ -1648,7 +1688,16 @@
             "truncateAbove": "{system.integer.6}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "color": "{palette.color.greyShuttle}",
+        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontSize": "{palette.fontSize.size16}",
+        "fontWeight": "{palette.fontWeight.weight400}",
+        "gap": "{palette.size.size2}",
+        "lineHeight": "{palette.lineHeight.ratio3to2}",
+        "truncateAbove": "{system.integer.4}"
+      }
     },
     "PaginationPageButton": {
       "appearances": {
@@ -1657,27 +1706,6 @@
         "pressed": "{appearances.PaginationPageButton.pressed}",
         "selected": "{appearances.PaginationPageButton.selected}"
       },
-      "tokens": {
-        "borderColor": "{palette.color.transparent}",
-        "borderWidth": "{palette.border.border1}",
-        "borderRadius": "{palette.radius.pill32}",
-        "backgroundColor": "{palette.color.transparent}",
-        "paddingLeft": "{palette.size.size8}",
-        "paddingRight": "{palette.size.size8}",
-        "paddingTop": "{palette.size.size4}",
-        "paddingBottom": "{palette.size.size4}",
-        "width": "{palette.size.size32}",
-        "outerBorderColor": "{palette.color.transparent}",
-        "outerBorderWidth": "{palette.border.border4}",
-        "outerBorderGap": "{palette.border.border4}",
-        "color": "{palette.color.greyShuttle}",
-        "fontName": "{palette.fontName.HelveticaNow}",
-        "fontWeight": "{palette.fontWeight.weight400}",
-        "fontSize": "{palette.fontSize.size16}",
-        "lineHeight": "{palette.lineHeight.ratio3to2}",
-        "textLine": "{system.textLine.underline}",
-        "textAlign": "{system.flexJustifyContent.center}"
-      },
       "rules": [
         {
           "if": {
@@ -1716,38 +1744,37 @@
             "color": "{palette.color.white}"
           }
         }
-      ]
-    },
-    "PaginationSideButton": {
-      "appearances": {
-        "viewport": "{appearances.system.viewport}",
-        "focus": "{appearances.PaginationSideButton.focus}",
-        "hover": "{appearances.PaginationSideButton.hover}",
-        "pressed": "{appearances.PaginationSideButton.pressed}",
-        "selected": "{appearances.PaginationSideButton.selected}",
-        "direction": "{appearances.PaginationSideButton.direction}"
-      },
+      ],
       "tokens": {
+        "backgroundColor": "{palette.color.transparent}",
         "borderColor": "{palette.color.transparent}",
+        "borderRadius": "{palette.radius.pill32}",
         "borderWidth": "{palette.border.border1}",
-        "borderRadius": "{palette.radius.radius4}",
-        "backgroundColor": "{palette.color.transparent}",
-        "paddingLeft": "{palette.size.size8}",
-        "paddingRight": "{palette.size.size8}",
-        "paddingTop": "{palette.size.size12}",
-        "paddingBottom": "{palette.size.size12}",
-        "outerBorderColor": "{palette.color.transparent}",
         "color": "{palette.color.greyShuttle}",
         "fontName": "{palette.fontName.HelveticaNow}",
-        "fontWeight": "{palette.fontWeight.weight400}",
         "fontSize": "{palette.fontSize.size16}",
+        "fontWeight": "{palette.fontWeight.weight400}",
         "lineHeight": "{palette.lineHeight.ratio3to2}",
+        "outerBorderColor": "{palette.color.transparent}",
+        "outerBorderGap": "{palette.size.size4}",
+        "outerBorderWidth": "{palette.border.border4}",
+        "paddingBottom": "{palette.size.size4}",
+        "paddingLeft": "{palette.size.size8}",
+        "paddingRight": "{palette.size.size8}",
+        "paddingTop": "{palette.size.size4}",
+        "textAlign": "{system.flexJustifyContent.center}",
         "textLine": "{system.textLine.underline}",
-        "icon": "{system.icon.none}",
-        "iconSize": "{palette.fontSize.size24}",
-        "iconDisplace": "{palette.size.size0}",
-        "width": "{system.size.none}",
-        "textAlign": "{system.flexJustifyContent.center}"
+        "width": "{palette.size.size32}"
+      }
+    },
+    "PaginationSideButton": {
+      "appearances": {
+        "direction": "{appearances.PaginationSideButton.direction}",
+        "focus": "{appearances.PaginationSideButton.focus}",
+        "hover": "{appearances.PaginationSideButton.hover}",
+        "pressed": "{appearances.PaginationSideButton.pressed}",
+        "selected": "{appearances.PaginationSideButton.selected}",
+        "viewport": "{appearances.system.viewport}"
       },
       "rules": [
         {
@@ -1756,8 +1783,8 @@
           },
           "tokens": {
             "borderRadius": "{palette.radius.pill32}",
-            "paddingTop": "{palette.size.size4}",
             "paddingBottom": "{palette.size.size4}",
+            "paddingTop": "{palette.size.size4}",
             "width": "{palette.size.size32}"
           }
         },
@@ -1767,8 +1794,8 @@
           },
           "tokens": {
             "borderColor": "{palette.color.greyShuttle}",
-            "textLine": "{system.textLine.none}",
-            "iconDisplace": "{palette.size.size4}"
+            "iconDisplace": "{palette.size.size4}",
+            "textLine": "{system.textLine.none}"
           }
         },
         {
@@ -1815,22 +1842,37 @@
             "icon": "{palette.icon.ArrowRight}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "backgroundColor": "{palette.color.transparent}",
+        "borderColor": "{palette.color.transparent}",
+        "borderRadius": "{palette.radius.radius4}",
+        "borderWidth": "{palette.border.border1}",
+        "color": "{palette.color.greyShuttle}",
+        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontSize": "{palette.fontSize.size16}",
+        "fontWeight": "{palette.fontWeight.weight400}",
+        "icon": "{system.icon.none}",
+        "iconDisplace": "{palette.size.size0}",
+        "iconSize": "{palette.size.size24}",
+        "lineHeight": "{palette.lineHeight.ratio3to2}",
+        "outerBorderColor": "{palette.color.transparent}",
+        "paddingBottom": "{palette.size.size12}",
+        "paddingLeft": "{palette.size.size8}",
+        "paddingRight": "{palette.size.size8}",
+        "paddingTop": "{palette.size.size12}",
+        "textAlign": "{system.flexJustifyContent.center}",
+        "textLine": "{system.textLine.underline}",
+        "width": "{system.size.none}"
+      }
     },
     "Progress": {
       "appearances": {
         "size": {
-          "values": ["mini"],
-          "type": "variant"
+          "type": "variant",
+          "values": ["mini"]
         }
       },
-      "tokens": {
-        "backgroundColor": "{palette.color.greyAthens}",
-        "borderWidth": "{palette.border.border1}",
-        "borderColor": "{palette.color.greyCloud}",
-        "borderRadius": "{palette.radius.radius12}",
-        "height": "{palette.size.size16}"
-      },
       "rules": [
         {
           "if": {
@@ -1840,23 +1882,23 @@
             "height": "{palette.size.size8}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "backgroundColor": "{palette.color.greyAthens}",
+        "borderColor": "{palette.color.greyCloud}",
+        "borderRadius": "{palette.radius.radius12}",
+        "borderWidth": "{palette.border.border1}",
+        "height": "{palette.size.size16}"
+      }
     },
     "ProgressBar": {
       "appearances": {
         "inactive": "{appearances.ProgressBar.inactive}",
         "negative": {
-          "values": [true],
-          "type": "variant"
+          "type": "variant",
+          "values": [true]
         }
       },
-      "tokens": {
-        "backgroundColor": "{palette.color.greenAccessible}",
-        "borderRadius": "{palette.radius.radius12}",
-        "gradient": "{palette.gradient.green}",
-        "outlineWidth": "{palette.border.border1}",
-        "outlineColor": "{palette.color.greenAccessible}"
-      },
       "rules": [
         {
           "if": {
@@ -1878,7 +1920,14 @@
             "outlineColor": "{palette.color.redDark}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "backgroundColor": "{palette.color.greenAccessible}",
+        "borderRadius": "{palette.radius.radius12}",
+        "gradient": "{palette.gradient.green}",
+        "outlineColor": "{palette.color.greenAccessible}",
+        "outlineWidth": "{palette.border.border1}"
+      }
     },
     "Radio": {
       "appearances": {
@@ -1888,36 +1937,6 @@
         "hover": "{appearances.Radio.hover}",
         "inactive": "{appearances.Radio.inactive}"
       },
-      "tokens": {
-        "checkedBackgroundColor": "{palette.color.purpleDeluge}",
-        "checkedSize": "{palette.size.size12}",
-        "containerBackgroundColor": "{palette.color.transparent}",
-        "containerBorderRadius": "{palette.radius.none}",
-        "containerOpacity": "{system.opacity.opaque}",
-        "containerPaddingBottom": "{palette.size.size0}",
-        "containerPaddingLeft": "{palette.size.size0}",
-        "containerPaddingRight": "{palette.size.size0}",
-        "containerPaddingTop": "{palette.size.size0}",
-        "containerShadow": "{system.shadow.none}",
-        "descriptionFontSize": "{palette.fontSize.size14}",
-        "descriptionLineHeight": "{palette.lineHeight.ratio10to7}",
-        "descriptionMarginLeft": "{system.size.none}",
-        "inputBackgroundColor": "{palette.color.white}",
-        "inputBorderColor": "{palette.color.greyShuttle}",
-        "inputBorderWidth": "{palette.border.border1}",
-        "inputOutlineColor": "{palette.color.transparent}",
-        "inputOutlineWidth": "{palette.border.none}",
-        "inputSize": "{palette.size.size20}",
-        "outerBorderWidth": "{system.border.zero}",
-        "outerBorderColor": "{system.color.transparent}",
-        "outerBorderGap": "{system.size.zero}",
-        "labelColor": "{palette.color.greyCharcoal}",
-        "labelFontName": "{palette.fontName.HelveticaNow}",
-        "labelFontSize": "{palette.fontSize.size16}",
-        "labelFontWeight": "{palette.fontWeight.weight400}",
-        "labelLineHeight": "{palette.lineHeight.ratio3to2}",
-        "labelMarginLeft": "{palette.size.size10}"
-      },
       "rules": [
         {
           "if": {
@@ -1932,8 +1951,8 @@
             "hover": true
           },
           "tokens": {
-            "outerBorderWidth": "{palette.border.border2}",
-            "outerBorderColor": "{palette.color.greyMystic}"
+            "outerBorderColor": "{palette.color.greyMystic}",
+            "outerBorderWidth": "{palette.border.border2}"
           }
         },
         {
@@ -1950,71 +1969,65 @@
             "inactive": true
           },
           "tokens": {
-            "inputBorderColor": "{palette.color.transparent}",
             "inputBackgroundColor": "{palette.color.greyMystic}",
+            "inputBorderColor": "{palette.color.transparent}",
             "labelColor": "{palette.color.greyShuttle}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "checkedBackgroundColor": "{palette.color.purpleDeluge}",
+        "checkedSize": "{palette.size.size12}",
+        "containerBackgroundColor": "{palette.color.transparent}",
+        "containerBorderRadius": "{palette.radius.none}",
+        "containerOpacity": "{system.opacity.opaque}",
+        "containerPaddingBottom": "{palette.size.size0}",
+        "containerPaddingLeft": "{palette.size.size0}",
+        "containerPaddingRight": "{palette.size.size0}",
+        "containerPaddingTop": "{palette.size.size0}",
+        "containerShadow": "{system.shadow.none}",
+        "descriptionFontSize": "{palette.fontSize.size14}",
+        "descriptionLineHeight": "{palette.lineHeight.ratio10to7}",
+        "descriptionMarginLeft": "{system.size.none}",
+        "inputBackgroundColor": "{palette.color.white}",
+        "inputBorderColor": "{palette.color.greyShuttle}",
+        "inputBorderWidth": "{palette.border.border1}",
+        "inputOutlineColor": "{palette.color.transparent}",
+        "inputOutlineWidth": "{palette.border.none}",
+        "inputSize": "{palette.size.size20}",
+        "labelColor": "{palette.color.greyCharcoal}",
+        "labelFontName": "{palette.fontName.HelveticaNow}",
+        "labelFontSize": "{palette.fontSize.size16}",
+        "labelFontWeight": "{palette.fontWeight.weight400}",
+        "labelLineHeight": "{palette.lineHeight.ratio3to2}",
+        "labelMarginLeft": "{palette.size.size10}",
+        "outerBorderColor": "{system.color.transparent}",
+        "outerBorderGap": "{system.size.zero}",
+        "outerBorderWidth": "{system.border.zero}"
+      }
     },
     "RadioCard": {
       "appearances": {
-        "pressed": "{appearances.RadioCard.pressed}",
-        "hover": "{appearances.RadioCard.hover}",
-        "focus": "{appearances.RadioCard.focus}",
         "checked": "{appearances.RadioCard.checked}",
-        "inactive": "{appearances.RadioCard.inactive}",
         "error": "{appearances.RadioCard.error}",
+        "focus": "{appearances.RadioCard.focus}",
+        "hover": "{appearances.RadioCard.hover}",
+        "inactive": "{appearances.RadioCard.inactive}",
+        "pressed": "{appearances.RadioCard.pressed}",
         "viewport": "{appearances.system.viewport}"
       },
-      "tokens": {
-        "outerBorderColor": "{system.color.transparent}",
-        "outerBorderWidth": "{system.border.zero}",
-        "outerBorderGap": "{system.size.zero}",
-        "flex": "{system.integer.1}",
-        "backgroundColor": "{palette.color.white}",
-        "borderColor": "{palette.color.greyCloud}",
-        "borderRadius": "{palette.radius.radius6}",
-        "borderWidth": "{palette.border.border1}",
-        "paddingBottom": "{palette.size.size16}",
-        "paddingLeft": "{palette.size.size10}",
-        "paddingRight": "{palette.size.size16}",
-        "paddingTop": "{palette.size.size16}",
-        "minWidth": "{palette.size.size288}",
-        "shadow": "{system.shadow.none}",
-        "radioCheckedBackgroundColor": "{palette.color.purpleDeluge}",
-        "radioCheckedSize": "{palette.size.size12}",
-        "radioInputBackgroundColor": "{palette.color.white}",
-        "radioInputBorderColor": "{palette.color.greyShuttle}",
-        "radioInputBorderWidth": "{palette.border.border1}",
-        "radioInputOutlineColor": "{palette.color.transparent}",
-        "radioInputOutlineWidth": "{palette.border.none}",
-        "radioInputSize": "{palette.size.size20}",
-        "radioOuterBorderColor": "{system.color.transparent}",
-        "radioOuterBorderWidth": "{system.border.zero}",
-        "radioOuterBorderGap": "{system.size.zero}",
-        "fontSize": "{palette.fontSize.size20}",
-        "lineHeight": "{palette.lineHeight.ratio7to5}",
-        "color": "{palette.color.greyThunder}",
-        "letterSpacing": "{system.letterSpacing.none}",
-        "textTransform": "{system.textTransform.none}",
-        "fontWeight": "{palette.fontWeight.weight500}",
-        "fontName": "{palette.fontName.HelveticaNow}",
-        "radioSpace": "{system.integer.2}",
-        "contentSpace": "{system.integer.2}"
-      },
       "rules": [
         {
           "if": {
             "viewport": ["lg", "xl"]
           },
           "tokens": {
+            "fontSize": "{palette.fontSize.size24}",
+            "lineHeight": "{palette.lineHeight.ratio4to3}",
             "paddingBottom": "{palette.size.size24}",
             "paddingLeft": "{palette.size.size16}",
             "paddingRight": "{palette.size.size24}",
-            "paddingTop": "{palette.size.size16}",
-            "fontSize": "{palette.fontSize.size24}",
-            "lineHeight": "{palette.lineHeight.ratio4to3}"
+            "paddingTop": "{palette.size.size16}"
           }
         },
         {
@@ -2025,15 +2038,15 @@
             "borderColor": "{palette.color.greyShuttle}",
             "outerBorderColor": "{palette.color.greyMystic}",
             "outerBorderWidth": "{palette.border.border2}",
-            "radioOuterBorderWidth": "{palette.border.border2}",
-            "radioOuterBorderColor": "{palette.color.greyMystic}"
+            "radioOuterBorderColor": "{palette.color.greyMystic}",
+            "radioOuterBorderWidth": "{palette.border.border2}"
           }
         },
         {
+          "description": "Pressed state matches hover state plus light grey background",
           "if": {
             "pressed": true
           },
-          "description": "Pressed state matches hover state plus light grey background",
           "tokens": {
             "backgroundColor": "{palette.color.greyAthens}",
             "borderColor": "{palette.color.greyShuttle}",
@@ -2047,8 +2060,8 @@
           },
           "tokens": {
             "outerBorderColor": "{palette.color.greyShuttle}",
-            "outerBorderWidth": "{palette.border.border2}",
             "outerBorderGap": "{palette.size.size2}",
+            "outerBorderWidth": "{palette.border.border2}",
             "radioInputBorderColor": "{palette.color.purpleDeluge}",
             "radioInputBorderWidth": "{palette.border.border3}"
           }
@@ -2060,9 +2073,9 @@
           "tokens": {
             "backgroundColor": "{palette.color.greyAthens}",
             "borderColor": "{system.color.transparent}",
-            "radioInputBorderColor": "{palette.color.transparent}",
+            "color": "{palette.color.greyShuttle}",
             "radioInputBackgroundColor": "{palette.color.greyMystic}",
-            "color": "{palette.color.greyShuttle}"
+            "radioInputBorderColor": "{palette.color.transparent}"
           }
         },
         {
@@ -2071,76 +2084,89 @@
           },
           "tokens": {
             "borderColor": "{palette.color.red}",
-            "radioInputBorderColor": "{palette.color.red}",
-            "color": "{palette.color.red}"
+            "color": "{palette.color.red}",
+            "radioInputBorderColor": "{palette.color.red}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "backgroundColor": "{palette.color.white}",
+        "borderColor": "{palette.color.greyCloud}",
+        "borderRadius": "{palette.radius.radius6}",
+        "borderWidth": "{palette.border.border1}",
+        "color": "{palette.color.greyThunder}",
+        "contentSpace": "{system.integer.2}",
+        "flex": "{system.integer.1}",
+        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontSize": "{palette.fontSize.size20}",
+        "fontWeight": "{palette.fontWeight.weight500}",
+        "letterSpacing": "{system.letterSpacing.none}",
+        "lineHeight": "{palette.lineHeight.ratio7to5}",
+        "minWidth": "{palette.size.size264}",
+        "outerBorderColor": "{system.color.transparent}",
+        "outerBorderGap": "{system.size.zero}",
+        "outerBorderWidth": "{system.border.zero}",
+        "paddingBottom": "{palette.size.size16}",
+        "paddingLeft": "{palette.size.size10}",
+        "paddingRight": "{palette.size.size16}",
+        "paddingTop": "{palette.size.size16}",
+        "radioCheckedBackgroundColor": "{palette.color.purpleDeluge}",
+        "radioCheckedSize": "{palette.size.size12}",
+        "radioInputBackgroundColor": "{palette.color.white}",
+        "radioInputBorderColor": "{palette.color.greyShuttle}",
+        "radioInputBorderWidth": "{palette.border.border1}",
+        "radioInputOutlineColor": "{palette.color.transparent}",
+        "radioInputOutlineWidth": "{palette.border.none}",
+        "radioInputSize": "{palette.size.size20}",
+        "radioOuterBorderColor": "{system.color.transparent}",
+        "radioOuterBorderGap": "{system.size.zero}",
+        "radioOuterBorderWidth": "{system.border.zero}",
+        "radioSpace": "{system.integer.2}",
+        "shadow": "{system.shadow.none}",
+        "textTransform": "{system.textTransform.none}"
+      }
     },
     "RadioCardGroup": {
       "appearances": {
-        "viewport": "{appearances.system.viewport}",
         "fullWidth": {
           "description": "Makes cards always occupy the full width of the parent, regardless of viewport",
-          "values": [true],
-          "type": "variant"
-        }
-      },
-      "tokens": {
-        "direction": "{system.direction.column}",
-        "space": "{system.integer.3}",
-        "fieldSpace": "{system.integer.3}"
+          "type": "variant",
+          "values": [true]
+        },
+        "viewport": "{appearances.system.viewport}"
       },
       "rules": [
         {
           "if": {
-            "viewport": ["lg", "xl"],
-            "fullWidth": null
+            "fullWidth": null,
+            "viewport": ["lg", "xl"]
           },
           "tokens": {
             "direction": "{system.direction.row}",
             "space": "{system.integer.4}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "direction": "{system.direction.column}",
+        "fieldSpace": "{system.integer.3}",
+        "space": "{system.integer.3}"
+      }
     },
     "RadioGroup": {
       "appearances": {},
+      "rules": [],
       "tokens": {
-        "space": "{system.integer.2}",
-        "fieldSpace": "{system.integer.2}"
-      },
-      "rules": []
+        "fieldSpace": "{system.integer.2}",
+        "space": "{system.integer.2}"
+      }
     },
     "Search": {
       "appearances": {
-        "hover": "{appearances.Search.hover}",
         "focus": "{appearances.Search.focus}",
+        "hover": "{appearances.Search.hover}",
         "inactive": "{appearances.Search.inactive}"
       },
-      "tokens": {
-        "backgroundColor": "{palette.color.white}",
-        "color": "{palette.color.greyCharcoal}",
-        "borderWidth": "{palette.border.border1}",
-        "borderColor": "{palette.color.greyShuttle}",
-        "borderRadius": "{palette.radius.pill32}",
-        "paddingTop": "{palette.size.size12}",
-        "paddingBottom": "{palette.size.size12}",
-        "paddingLeft": "{palette.size.size24}",
-        "paddingRight": "{palette.size.size8}",
-        "outerBackgroundColor": "{palette.color.transparent}",
-        "outerBorderWidth": "{palette.border.border2}",
-        "outerBorderColor": "{palette.color.transparent}",
-        "outerBorderRadius": "{palette.radius.pill32}",
-        "fontName": "{palette.fontName.HelveticaNow}",
-        "fontWeight": "{palette.fontWeight.weight400}",
-        "fontSize": "{palette.fontSize.size16}",
-        "lineHeight": "{palette.lineHeight.ratio3to2}",
-        "placeholderColor": "{palette.color.greyCharcoal}",
-        "buttonsGap": "{system.integer.1}",
-        "clearButtonIcon": "{palette.icon.Times}",
-        "submitButtonIcon": "{palette.icon.SearchBold}"
-      },
       "rules": [
         {
           "if": {
@@ -2148,8 +2174,8 @@
             "inactive": null
           },
           "tokens": {
-            "outerBorderColor": "{palette.color.greyMystic}",
-            "outerBackgroundColor": "{palette.color.greyMystic}"
+            "outerBackgroundColor": "{palette.color.greyMystic}",
+            "outerBorderColor": "{palette.color.greyMystic}"
           }
         },
         {
@@ -2170,34 +2196,43 @@
             "borderColor": "{palette.color.greyAthens}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "backgroundColor": "{palette.color.white}",
+        "borderColor": "{palette.color.greyShuttle}",
+        "borderRadius": "{palette.radius.pill32}",
+        "borderWidth": "{palette.border.border1}",
+        "buttonsGap": "{palette.size.size1}",
+        "clearButtonIcon": "{palette.icon.Times}",
+        "color": "{palette.color.greyCharcoal}",
+        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontSize": "{palette.fontSize.size16}",
+        "fontWeight": "{palette.fontWeight.weight400}",
+        "lineHeight": "{palette.lineHeight.ratio3to2}",
+        "outerBackgroundColor": "{palette.color.transparent}",
+        "outerBorderColor": "{palette.color.transparent}",
+        "outerBorderRadius": "{palette.radius.pill32}",
+        "outerBorderWidth": "{palette.border.border2}",
+        "paddingBottom": "{palette.size.size12}",
+        "paddingLeft": "{palette.size.size24}",
+        "paddingRight": "{palette.size.size8}",
+        "paddingTop": "{palette.size.size12}",
+        "placeholderColor": "{palette.color.greyCharcoal}",
+        "submitButtonIcon": "{palette.icon.SearchBold}"
+      }
     },
     "SearchButton": {
       "appearances": {
-        "hover": "{appearances.SearchButton.hover}",
         "focus": "{appearances.SearchButton.focus}",
+        "hover": "{appearances.SearchButton.hover}",
         "inactive": "{appearances.SearchButton.inactive}",
         "pressed": "{appearances.SearchButton.pressed}",
         "priority": {
           "description": "",
-          "values": ["high"],
-          "type": "variant"
+          "type": "variant",
+          "values": ["high"]
         }
       },
-      "tokens": {
-        "borderColor": "{palette.color.transparent}",
-        "borderWidth": "{system.border.zero}",
-        "borderRadius": "{palette.radius.pill32}",
-        "backgroundColor": "{system.color.none}",
-        "opacity": "{system.opacity.opaque}",
-        "paddingLeft": "{palette.size.size8}",
-        "paddingRight": "{palette.size.size8}",
-        "paddingBottom": "{palette.size.size8}",
-        "paddingTop": "{palette.size.size8}",
-        "shadow": "{system.shadow.none}",
-        "iconSize": "{palette.size.size20}",
-        "iconColor": "{palette.color.greyShuttle}"
-      },
       "rules": [
         {
           "if": {
@@ -2223,10 +2258,10 @@
             "focus": true
           },
           "tokens": {
+            "backgroundColor": "{system.color.transparent}",
             "borderColor": "{palette.color.purpleTelus}",
             "borderWidth": "{palette.border.border3}",
-            "iconColor": "{palette.color.purpleTelus}",
-            "backgroundColor": "{system.color.transparent}"
+            "iconColor": "{palette.color.purpleTelus}"
           }
         },
         {
@@ -2234,8 +2269,8 @@
             "pressed": true
           },
           "tokens": {
-            "borderWidth": "{system.size.zero}",
             "backgroundColor": "{palette.color.purpleDark}",
+            "borderWidth": "{palette.border.none}",
             "iconColor": "{palette.color.white}"
           }
         },
@@ -2245,857 +2280,1016 @@
           },
           "tokens": {
             "backgroundColor": "{palette.color.greyMystic}",
-            "iconColor": "{palette.color.greyShuttle}",
-            "borderWidth": "{system.size.zero}"
-          }
-        }
-      ]
-    },
-    "StepTracker": {
-      "appearances": {
-        "viewport": "{appearances.system.viewport}"
-      },
-      "tokens": {
-        "completedIcon": "{system.icon.none}",
-        "completedIconColor": "{system.color.none}",
-        "completedIconSize": "{system.size.none}",
-        "connectorColor": "{palette.color.greyShuttle}",
-        "connectorHeight": "{palette.border.border1}",
-        "connectorMinWidth": "{palette.size.size16}",
-        "connectorCompletedHeight": "{palette.border.border3}",
-        "connectorCompletedColor": "{palette.color.purpleDeluge}",
-        "containerPaddingBottom": "{system.size.none}",
-        "containerPaddingLeft": "{system.size.none}",
-        "containerPaddingRight": "{system.size.none}",
-        "containerPaddingTop": "{system.size.none}",
-        "knobBackgroundColor": "{palette.color.transparent}",
-        "knobBorderWidth": "{palette.border.border1}",
-        "knobBorderColor": "{palette.color.greyShuttle}",
-        "knobCompletedBackgroundColor": "{palette.color.purpleDeluge}",
-        "knobCompletedBorderColor": "{palette.color.purpleDeluge}",
-        "knobCompletedPaddingLeft": "{system.size.none}",
-        "knobCompletedPaddingTop": "{system.size.none}",
-        "knobCurrentBackgroundColor": "{palette.color.transparent}",
-        "knobCurrentBorderColor": "{palette.color.purpleDeluge}",
-        "knobCurrentBorderWidth": "{palette.border.border2}",
-        "knobCurrentInnerColor": "{palette.color.purpleDeluge}",
-        "knobCurrentInnerSize": "{palette.size.size8}",
-        "knobCurrentPaddingLeft": "{palette.size.size2}",
-        "knobCurrentPaddingTop": "{palette.size.size2}",
-        "knobSize": "{palette.size.size16}",
-        "labelColor": "{palette.color.greyCharcoal}",
-        "labelCurrentColor": "{palette.color.purpleDeluge}",
-        "labelCurrentFontWeight": "{palette.fontWeight.weight700}",
-        "labelCurrentFontName": "{palette.fontName.HelveticaNow}",
-        "labelDirection": "{system.direction.column}",
-        "labelFontSize": "{palette.fontSize.size16}",
-        "labelFontWeight": "{palette.fontWeight.weight400}",
-        "labelFontName": "{palette.fontName.HelveticaNow}",
-        "labelGap": "{palette.size.size0}",
-        "labelLineHeight": "{palette.lineHeight.ratio10to7}",
-        "labelMarginTop": "{palette.size.size8}",
-        "labelPaddingLeft": "{palette.size.size16}",
-        "labelPaddingRight": "{palette.size.size16}",
-        "showStepLabel": "{system.show.false}",
-        "showStepName": "{system.show.true}",
-        "showStepTrackerLabel": "{system.show.true}"
-      },
-      "rules": [
-        {
-          "if": {
-            "viewport": ["lg", "xl"]
-          },
-          "tokens": {
-            "showStepLabel": "{system.show.true}",
-            "showStepTrackerLabel": "{system.show.false}"
+            "borderWidth": "{palette.border.none}",
+            "iconColor": "{palette.color.greyShuttle}"
           }
         }
-      ]
-    },
-    "Tabs": {
-      "appearances": {},
+      ],
       "tokens": {
-        "nextIcon": "{palette.icon.ArrowRight}",
-        "previousIcon": "{palette.icon.ArrowLeft}",
-        "space": "{system.integer.0}",
-        "gutter": "{palette.size.size2}",
-        "borderBottomWidth": "{palette.border.border1}",
-        "borderBottomColor": "{palette.color.greyShuttle}",
-        "buttonClearance": "{palette.size.size16}"
-      },
-      "rules": []
+        "backgroundColor": "{system.color.none}",
+        "borderColor": "{palette.color.transparent}",
+        "borderRadius": "{palette.radius.pill32}",
+        "borderWidth": "{system.border.zero}",
+        "iconColor": "{palette.color.greyShuttle}",
+        "iconSize": "{palette.size.size20}",
+        "opacity": "{system.opacity.opaque}",
+        "paddingBottom": "{palette.size.size8}",
+        "paddingLeft": "{palette.size.size8}",
+        "paddingRight": "{palette.size.size8}",
+        "paddingTop": "{palette.size.size8}",
+        "shadow": "{system.shadow.none}"
+      }
     },
-    "TabsItem": {
+    "Select": {
       "appearances": {
-        "pressed": "{appearances.TabsItem.pressed}",
-        "hover": "{appearances.TabsItem.pressed}",
-        "focus": "{appearances.TabsItem.pressed}",
-        "selected": "{appearances.TabsItem.pressed}"
-      },
-      "tokens": {
-        "highlightColor": "{system.color.transparent}",
-        "highlightBarHeight": "{system.border.zero}",
-        "highlightBarBorderRadius": "{system.radius.zero}",
-        "highlightBarBorderWidth": "{system.border.zero}",
-        "highlightTriangleSize": "{system.size.zero}",
-        "backgroundColor": "{system.color.transparent}",
-        "borderColor": "{system.color.transparent}",
-        "borderWidth": "{system.border.zero}",
-        "borderRadius": "{palette.radius.pill32}",
-        "maxWidth": "{palette.size.size192}",
-        "space": "{system.integer.1}",
-        "paddingHorizontal": "{palette.size.size24}",
-        "paddingVertical": "{palette.size.size8}",
-        "textAlign": "{system.textAlign.center}",
-        "lineHeight": "{palette.lineHeight.ratio8to7}",
-        "color": "{palette.color.greyShuttle}",
-        "fontSize": "{palette.fontSize.size14}",
-        "letterSpacing": "{system.letterSpacing.none}",
-        "textTransform": "{system.textTransform.none}",
-        "fontScaleCap": "{palette.fontSize.size64}",
-        "fontWeight": "{palette.fontWeight.weight700}",
-        "fontName": "{palette.fontName.HelveticaNow}"
+        "focus": "{appearances.Select.focus}",
+        "hover": "{appearances.Select.hover}",
+        "inactive": "{appearances.Select.inactive}",
+        "validation": "{appearances.Select.validation}"
       },
       "rules": [
         {
           "if": {
-            "selected": true
+            "hover": true,
+            "inactive": null
           },
-          "description": "The design uses height of 3: there's (rightly) no '3' in the Allium palette but the effect is 1px above and below a 1px line",
           "tokens": {
-            "highlightBarBorderWidth": "{palette.border.border1}",
-            "highlightBarHeight": "{palette.border.border1}",
-            "highlightColor": "{palette.color.purpleTelus}",
-            "highlightBarBorderRadius": "{palette.radius.pill32}",
-            "color": "{palette.color.purpleTelus}",
-            "backgroundColor": "{palette.color.greyAthens}"
+            "outerBackgroundColor": "{palette.color.greyMystic}",
+            "outerBorderColor": "{palette.color.greyMystic}"
           }
         },
         {
           "if": {
-            "hover": true
+            "validation": "success"
           },
           "tokens": {
-            "borderColor": "{palette.color.greyCloud}",
-            "borderWidth": "{palette.border.border2}"
+            "borderColor": "{palette.color.greenAccessible}",
+            "validationIcon": "{palette.icon.StatusSuccess}",
+            "validationIconColor": "{palette.color.greenAccessible}"
           }
         },
         {
           "if": {
-            "focus": true
+            "validation": "error"
           },
           "tokens": {
-            "color": "{palette.color.purpleTelus}",
-            "borderColor": "{palette.color.purpleTelus}",
-            "borderWidth": "{palette.border.border2}"
+            "borderColor": "{palette.color.red}",
+            "validationIcon": "{palette.icon.StatusError}",
+            "validationIconColor": "{palette.color.red}"
           }
         },
         {
           "if": {
-            "pressed": true
+            "focus": true
           },
           "tokens": {
-            "color": "{palette.color.white}",
-            "backgroundColor": "{palette.color.greyShuttle}",
-            "borderColor": "{system.color.transparent}",
-            "borderWidth": "{system.border.zero}"
+            "borderColor": "{palette.color.purpleDeluge}",
+            "borderWidth": "{palette.border.border3}",
+            "validationIcon": "{system.icon.none}"
           }
         },
         {
           "if": {
-            "focus": true,
-            "pressed": true
+            "inactive": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.purpleTelus}"
+            "backgroundColor": "{palette.color.greyAthens}",
+            "borderColor": "{palette.color.greyAthens}"
           }
         }
-      ]
-    },
-    "TabsScrollButton": {
-      "appearances": {
-        "hover": "{appearances.TabsScrollButton.hover}",
-        "focus": "{appearances.TabsScrollButton.focus}",
-        "pressed": "{appearances.TabsScrollButton.pressed}"
-      },
+      ],
       "tokens": {
-        "borderRadius": "{palette.radius.pill32}",
         "backgroundColor": "{palette.color.white}",
-        "borderColor": "{palette.color.greyCloud}",
+        "borderColor": "{palette.color.greyShuttle}",
+        "borderRadius": "{palette.radius.radius4}",
         "borderWidth": "{palette.border.border1}",
-        "padding": "{system.size.zero}",
-        "shadow": "{palette.shadow.surfaceRaised}",
-        "iconSize": "{palette.size.size32}",
-        "iconColor": "{palette.color.greyShuttle}"
+        "color": "{palette.color.greyCharcoal}",
+        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontSize": "{palette.fontSize.size16}",
+        "fontWeight": "{palette.fontWeight.weight400}",
+        "height": "{palette.size.size48}",
+        "icon": "{palette.icon.CaretDown}",
+        "iconColor": "{palette.color.greenAccessible}",
+        "iconSize": "{palette.size.size24}",
+        "outerBackgroundColor": "{palette.color.transparent}",
+        "outerBorderColor": "{palette.color.transparent}",
+        "outerBorderWidth": "{palette.border.border2}",
+        "paddingBottom": "{palette.size.size12}",
+        "paddingLeft": "{palette.size.size16}",
+        "paddingRight": "{palette.size.size16}",
+        "paddingTop": "{palette.size.size12}",
+        "validationIcon": "{system.icon.none}",
+        "validationIconColor": "{palette.color.transparent}",
+        "validationIconSize": "{palette.size.size24}"
+      }
+    },
+    "SideNav": {
+      "appearances": {},
+      "rules": [],
+      "tokens": {
+        "borderColor": "{palette.color.greyCloud}",
+        "borderStyle": "{system.borderStyle.solid}",
+        "borderWidth": "{palette.border.border1}"
+      }
+    },
+    "SideNavItem": {
+      "appearances": {
+        "active": "{appearances.SideNavItem.active}",
+        "expanded": "{appearances.SideNavItem.expanded}",
+        "hover": "{appearances.SideNavItem.hover}",
+        "type": "{appearances.SideNavItem.type}"
       },
       "rules": [
         {
           "if": {
-            "hover": true
+            "active": true
           },
           "tokens": {
-            "borderColor": "{palette.color.greyCharcoal}",
-            "iconColor": "{palette.color.greyCharcoal}"
+            "accentBackgroundColor": "{palette.color.purpleTelus}",
+            "color": "{palette.color.purpleTelus}",
+            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontWeight": "{palette.fontWeight.weight700}",
+            "paddingLeft": "{palette.size.size12}"
           }
         },
         {
           "if": {
-            "pressed": true
+            "type": "child"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.greyShuttle}",
-            "iconColor": "{palette.color.white}"
+            "accentBackgroundColor": "{palette.color.greyAthens}",
+            "accentOffset": "{palette.size.size16}",
+            "borderWidth": "{palette.border.none}",
+            "fontSize": "{palette.fontSize.size14}",
+            "lineHeight": "{palette.lineHeight.ratio7to5}",
+            "paddingLeft": "{palette.size.size36}"
           }
-        }
-      ]
-    },
-    "TextArea": {
-      "appearances": {},
-      "tokens": {
-        "minLines": "{system.integer.5}",
-        "maxLines": "{system.integer.8}"
-      },
-      "rules": []
-    },
-    "TextInput": {
-      "appearances": {
-        "validation": "{appearances.TextInput.validation}",
-        "hover": "{appearances.TextInput.hover}",
-        "focus": "{appearances.TextInput.focus}",
-        "inactive": "{appearances.TextInput.inactive}"
-      },
-      "tokens": {
-        "backgroundColor": "{palette.color.white}",
-        "color": "{palette.color.greyCharcoal}",
-        "borderWidth": "{palette.border.border1}",
-        "borderColor": "{palette.color.greyShuttle}",
-        "borderRadius": "{palette.radius.radius4}",
-        "paddingTop": "{palette.size.size12}",
-        "paddingBottom": "{palette.size.size12}",
-        "paddingLeft": "{palette.size.size16}",
-        "paddingRight": "{palette.size.size16}",
-        "outerBackgroundColor": "{palette.color.transparent}",
-        "outerBorderWidth": "{palette.border.border2}",
-        "outerBorderColor": "{palette.color.transparent}",
-        "fontName": "{palette.fontName.HelveticaNow}",
-        "fontWeight": "{palette.fontWeight.weight400}",
-        "fontSize": "{palette.fontSize.size16}",
-        "lineHeight": "{palette.lineHeight.ratio3to2}",
-        "icon": "{system.icon.none}",
-        "iconSize": "{palette.fontSize.size24}",
-        "iconColor": "{palette.color.transparent}"
-      },
-      "rules": [
+        },
         {
           "if": {
-            "hover": true,
-            "inactive": null
+            "active": true,
+            "type": "parent"
           },
           "tokens": {
-            "outerBorderColor": "{palette.color.greyMystic}",
-            "outerBackgroundColor": "{palette.color.greyMystic}"
+            "paddingLeft": "{palette.size.size12}"
           }
         },
         {
           "if": {
-            "validation": "success"
+            "active": true,
+            "expanded": true,
+            "type": "parent"
           },
           "tokens": {
-            "borderColor": "{palette.color.greenAccessible}",
-            "icon": "{palette.icon.StatusSuccess}",
-            "iconColor": "{palette.color.greenAccessible}"
+            "accentBackgroundColor": "{palette.color.transparent}",
+            "color": "{palette.color.greyCharcoal}",
+            "paddingLeft": "{palette.size.size16}"
           }
         },
         {
           "if": {
-            "validation": "error"
+            "hover": true
           },
           "tokens": {
-            "borderColor": "{palette.color.red}",
-            "icon": "{palette.icon.StatusError}",
-            "iconColor": "{palette.color.red}"
+            "backgroundColor": "{palette.color.greyAthens}",
+            "color": "{palette.color.purpleTelus}"
           }
         },
         {
           "if": {
-            "focus": true
+            "active": true,
+            "type": "child"
           },
           "tokens": {
-            "borderColor": "{palette.color.purpleDeluge}",
-            "borderWidth": "{palette.border.border3}",
-            "icon": "{system.icon.none}"
+            "accentBackgroundColor": "{palette.color.purpleTelus}",
+            "accentPadding": "{palette.size.size16}",
+            "backgroundColor": "{palette.color.greyAthens}",
+            "color": "{palette.color.purpleTelus}"
           }
         },
         {
           "if": {
-            "inactive": true
+            "active": false,
+            "hover": true,
+            "type": "child"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.greyAthens}",
-            "borderColor": "{palette.color.greyAthens}"
+            "accentBackgroundColor": "{palette.color.white}",
+            "accentOffset": "{system.size.zero}",
+            "accentWidth": "{palette.size.size16}",
+            "color": "{palette.color.greyCharcoal}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "accentBackgroundColor": "{palette.color.transparent}",
+        "accentOffset": "{system.size.zero}",
+        "accentPadding": "{system.size.zero}",
+        "accentWidth": "{palette.size.size4}",
+        "backgroundColor": "{palette.color.transparent}",
+        "borderColor": "{palette.color.greyCloud}",
+        "borderStyle": "{system.borderStyle.solid}",
+        "borderWidth": "{palette.border.border1}",
+        "color": "{palette.color.greyCharcoal}",
+        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontSize": "{palette.fontSize.size16}",
+        "fontWeight": "{palette.fontWeight.weight400}",
+        "justifyContent": "{system.flexJustifyContent.spaceBetween}",
+        "lineHeight": "{palette.lineHeight.ratio3to2}",
+        "paddingBottom": "{palette.size.size16}",
+        "paddingLeft": "{palette.size.size16}",
+        "paddingRight": "{palette.size.size16}",
+        "paddingTop": "{palette.size.size16}"
+      }
     },
-    "ToggleSwitch": {
+    "SideNavItemsGroup": {
       "appearances": {
-        "focus": "{appearances.ToggleSwitch.focus}",
-        "hover": "{appearances.ToggleSwitch.hover}",
-        "pressed": "{appearances.ToggleSwitch.pressed}",
-        "inactive": "{appearances.ToggleSwitch.inactive}",
-        "selected": "{appearances.ToggleSwitch.selected}"
-      },
-      "tokens": {
-        "borderColor": "{palette.color.transparent}",
-        "borderWidth": "{palette.border.none}",
-        "borderRadius": "{palette.radius.pill32}",
-        "outerBorderColor": "{palette.color.transparent}",
-        "outerBorderWidth": "{palette.border.none}",
-        "outerBorderGap": "{palette.size.size0}",
-        "outerBackgroundColor": "{palette.color.transparent}",
-        "backgroundColor": "{palette.color.greyShuttle}",
-        "opacity": "{system.opacity.opaque}",
-        "paddingLeft": "{system.size.zero}",
-        "paddingRight": "{system.size.zero}",
-        "paddingTop": "{system.size.zero}",
-        "paddingBottom": "{system.size.zero}",
-        "shadow": "{palette.shadow.surfaceInset}",
-        "alignSelf": "{system.flexAlign.flexStart}",
-        "icon": "{system.icon.none}",
-        "width": "{palette.size.size40}",
-        "trackBorderWidth": "{palette.border.border3}",
-        "trackBorderColor": "{palette.color.transparent}",
-        "trackBorderRadius": "{palette.radius.pill32}",
-        "iconSize": "{palette.size.size12}",
-        "iconColor": "{palette.color.greyShuttle}",
-        "switchSize": "{palette.size.size16}",
-        "switchColor": "{palette.color.white}",
-        "switchBorderColor": "{palette.color.transparent}",
-        "switchBorderWidth": "{palette.border.none}",
-        "switchBorderRadius": "{palette.radius.pill32}",
-        "switchShadow": "{palette.shadow.surfaceRaised}"
+        "expanded": "{appearances.SideNavItemGroup.expanded}"
       },
       "rules": [
         {
           "if": {
-            "hover": true
+            "expanded": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.greyCharcoal}"
+            "icon": "{palette.icon.CaretUp}"
           }
-        },
+        }
+      ],
+      "tokens": {
+        "collapseDuration": "{palette.duration.duration250}",
+        "contentPaddingBottom": "{palette.size.size0}",
+        "contentPaddingLeft": "{palette.size.size0}",
+        "contentPaddingRight": "{palette.size.size0}",
+        "contentPaddingTop": "{palette.size.size0}",
+        "expandDuration": "{palette.duration.duration300}",
+        "icon": "{palette.icon.CaretDown}",
+        "iconColor": "{palette.color.purpleTelus}",
+        "iconGap": "{palette.size.size8}",
+        "iconPosition": "{system.position.right}",
+        "iconSize": "{palette.size.size24}",
+        "justifyContent": "{system.flexJustifyContent.spaceBetween}",
+        "verticalAlign": "{system.verticalAlign.middle}"
+      }
+    },
+    "Skeleton": {
+      "appearances": {},
+      "rules": [],
+      "tokens": {
+        "baseWidth": "{palette.size.size40}",
+        "characters": "{palette.size.size10}",
+        "color": "{palette.color.greyCloud}",
+        "radius": "{system.radius.round}",
+        "size": "{palette.size.size3}",
+        "spaceBetweenLines": "{palette.size.size2}",
+        "squareRadius": "{palette.radius.radius4}"
+      }
+    },
+    "StackView": {
+      "appearances": {},
+      "rules": [],
+      "tokens": {
+        "alignItems": "{system.flexAlign.stretch}",
+        "flexGrow": "{system.integer.0}",
+        "flexShrink": "{system.integer.0}",
+        "justifyContent": "{system.flexJustifyContent.flexStart}"
+      }
+    },
+    "StepTracker": {
+      "appearances": {
+        "viewport": "{appearances.system.viewport}"
+      },
+      "rules": [
         {
           "if": {
-            "pressed": true
+            "viewport": ["lg", "xl"]
           },
           "tokens": {
-            "backgroundColor": "{palette.color.greyThunder}"
+            "showStepLabel": "{system.show.true}",
+            "showStepTrackerLabel": "{system.show.false}"
           }
-        },
+        }
+      ],
+      "tokens": {
+        "completedIcon": "{system.icon.none}",
+        "completedIconColor": "{system.color.none}",
+        "completedIconSize": "{system.size.none}",
+        "connectorColor": "{palette.color.greyShuttle}",
+        "connectorCompletedColor": "{palette.color.purpleDeluge}",
+        "connectorCompletedHeight": "{palette.border.border3}",
+        "connectorHeight": "{palette.border.border1}",
+        "connectorMinWidth": "{palette.size.size16}",
+        "containerPaddingBottom": "{system.size.none}",
+        "containerPaddingLeft": "{system.size.none}",
+        "containerPaddingRight": "{system.size.none}",
+        "containerPaddingTop": "{system.size.none}",
+        "knobBackgroundColor": "{palette.color.transparent}",
+        "knobBorderColor": "{palette.color.greyShuttle}",
+        "knobBorderWidth": "{palette.border.border1}",
+        "knobCompletedBackgroundColor": "{palette.color.purpleDeluge}",
+        "knobCompletedBorderColor": "{palette.color.purpleDeluge}",
+        "knobCompletedPaddingLeft": "{system.size.none}",
+        "knobCompletedPaddingTop": "{system.size.none}",
+        "knobCurrentBackgroundColor": "{palette.color.transparent}",
+        "knobCurrentBorderColor": "{palette.color.purpleDeluge}",
+        "knobCurrentBorderWidth": "{palette.border.border2}",
+        "knobCurrentInnerColor": "{palette.color.purpleDeluge}",
+        "knobCurrentInnerSize": "{palette.size.size8}",
+        "knobCurrentPaddingLeft": "{palette.size.size2}",
+        "knobCurrentPaddingTop": "{palette.size.size2}",
+        "knobSize": "{palette.size.size16}",
+        "labelColor": "{palette.color.greyCharcoal}",
+        "labelCurrentColor": "{palette.color.purpleDeluge}",
+        "labelCurrentFontName": "{palette.fontName.HelveticaNow}",
+        "labelCurrentFontWeight": "{palette.fontWeight.weight700}",
+        "labelDirection": "{system.direction.column}",
+        "labelFontName": "{palette.fontName.HelveticaNow}",
+        "labelFontSize": "{palette.fontSize.size16}",
+        "labelFontWeight": "{palette.fontWeight.weight400}",
+        "labelGap": "{palette.size.size0}",
+        "labelLineHeight": "{palette.lineHeight.ratio10to7}",
+        "labelMarginTop": "{palette.size.size8}",
+        "labelPaddingLeft": "{palette.size.size16}",
+        "labelPaddingRight": "{palette.size.size16}",
+        "showStepLabel": "{system.show.false}",
+        "showStepName": "{system.show.true}",
+        "showStepTrackerLabel": "{system.show.true}"
+      }
+    },
+    "Tabs": {
+      "appearances": {},
+      "rules": [],
+      "tokens": {
+        "borderBottomColor": "{palette.color.greyShuttle}",
+        "borderBottomWidth": "{palette.border.border1}",
+        "buttonClearance": "{palette.size.size16}",
+        "gutter": "{palette.size.size2}",
+        "nextIcon": "{palette.icon.ArrowRight}",
+        "previousIcon": "{palette.icon.ArrowLeft}",
+        "space": "{system.integer.0}"
+      }
+    },
+    "TabsItem": {
+      "appearances": {
+        "focus": "{appearances.TabsItem.pressed}",
+        "hover": "{appearances.TabsItem.pressed}",
+        "pressed": "{appearances.TabsItem.pressed}",
+        "selected": "{appearances.TabsItem.pressed}"
+      },
+      "rules": [
         {
+          "description": "The design uses height of 3: there's (rightly) no '3' in the Allium palette but the effect is 1px above and below a 1px line",
           "if": {
-            "focus": true
+            "selected": true
           },
           "tokens": {
-            "outerBackgroundColor": "{palette.color.white}",
-            "outerBorderGap": "{palette.border.border3}",
-            "outerBorderWidth": "{palette.border.border2}",
-            "outerBorderColor": "{palette.color.greyShuttle}"
+            "backgroundColor": "{palette.color.greyAthens}",
+            "color": "{palette.color.purpleTelus}",
+            "highlightBarBorderRadius": "{palette.radius.pill32}",
+            "highlightBarBorderWidth": "{palette.border.border1}",
+            "highlightBarHeight": "{palette.border.border1}",
+            "highlightColor": "{palette.color.purpleTelus}"
           }
         },
         {
           "if": {
-            "focus": true,
-            "pressed": true
+            "hover": true
           },
           "tokens": {
-            "outerBorderColor": "{palette.color.greyThunder}"
+            "borderColor": "{palette.color.greyCloud}",
+            "borderWidth": "{palette.border.border2}"
           }
         },
         {
           "if": {
-            "selected": true
+            "focus": true
           },
           "tokens": {
-            "icon": "{palette.icon.Checkmark}",
-            "backgroundColor": "{palette.color.greenAccessible}",
-            "iconColor": "{palette.color.greenAccessible}"
+            "borderColor": "{palette.color.purpleTelus}",
+            "borderWidth": "{palette.border.border2}",
+            "color": "{palette.color.purpleTelus}"
           }
         },
         {
           "if": {
-            "selected": true,
-            "hover": true
+            "pressed": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.greenSanFelix}",
-            "iconColor": "{palette.color.greenSanFelix}"
+            "backgroundColor": "{palette.color.greyShuttle}",
+            "borderColor": "{system.color.transparent}",
+            "borderWidth": "{system.border.zero}",
+            "color": "{palette.color.white}"
           }
         },
         {
           "if": {
-            "selected": true,
+            "focus": true,
             "pressed": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.greenDarkFern}",
-            "iconColor": "{palette.color.greenDarkFern}"
+            "backgroundColor": "{palette.color.purpleTelus}"
           }
-        },
+        }
+      ],
+      "tokens": {
+        "backgroundColor": "{system.color.transparent}",
+        "borderColor": "{system.color.transparent}",
+        "borderRadius": "{palette.radius.pill32}",
+        "borderWidth": "{system.border.zero}",
+        "color": "{palette.color.greyShuttle}",
+        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontScaleCap": "{palette.fontSize.size64}",
+        "fontSize": "{palette.fontSize.size14}",
+        "fontWeight": "{palette.fontWeight.weight700}",
+        "highlightBarBorderRadius": "{system.radius.zero}",
+        "highlightBarBorderWidth": "{system.border.zero}",
+        "highlightBarHeight": "{system.border.zero}",
+        "highlightColor": "{system.color.transparent}",
+        "highlightTriangleSize": "{system.size.zero}",
+        "letterSpacing": "{system.letterSpacing.none}",
+        "lineHeight": "{palette.lineHeight.ratio8to7}",
+        "maxWidth": "{palette.size.size192}",
+        "paddingHorizontal": "{palette.size.size24}",
+        "paddingVertical": "{palette.size.size8}",
+        "space": "{system.integer.1}",
+        "textAlign": "{system.textAlign.center}",
+        "textTransform": "{system.textTransform.none}"
+      }
+    },
+    "Tags": {
+      "appearances": {
+        "viewport": "{appearances.system.viewport}"
+      },
+      "rules": [
         {
           "if": {
-            "selected": true,
-            "focus": true
+            "viewport": ["lg", "xl"]
           },
           "tokens": {
-            "outerBorderColor": "{palette.color.greenAccessible}"
+            "space": "{system.integer.3}"
           }
-        },
+        }
+      ],
+      "tokens": {
+        "alignItems": "{system.flexAlign.center}",
+        "direction": "{system.direction.row}",
+        "flexGrow": "{system.integer.0}",
+        "flexShrink": "{system.integer.0}",
+        "justifyContent": "{system.flexJustifyContent.flexStart}",
+        "space": "{system.integer.1}"
+      }
+    },
+    "TagsItem": {
+      "appearances": {
+        "focus": "{appearances.TagsItem.focus}",
+        "hover": "{appearances.TagsItem.hover}",
+        "inactive": "{appearances.TagsItem.inactive}",
+        "pressed": "{appearances.TagsItem.pressed}",
+        "selected": "{appearances.TagsItem.selected}"
+      },
+      "rules": [
         {
           "if": {
-            "selected": true,
-            "focus": true,
             "pressed": true
           },
           "tokens": {
-            "outerBorderColor": "{palette.color.greenDarkFern}"
+            "backgroundColor": "{palette.color.greyShuttle}",
+            "borderColor": "{palette.color.greyShuttle}",
+            "borderWidth": "{palette.border.none}",
+            "color": "{palette.color.white}",
+            "iconBackground": "{palette.color.greyCharcoal}",
+            "iconColor": "{palette.color.white}"
           }
         },
         {
           "if": {
-            "inactive": true
+            "focus": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.greyCloud}",
-            "outerBorderColor": "{palette.color.greyCloud}",
-            "iconColor": "{palette.color.greyShuttle}"
+            "borderColor": "{palette.color.greyShuttle}",
+            "outerBorderColor": "{palette.color.greyShuttle}",
+            "outerBorderGap": "{palette.size.size2}",
+            "outerBorderWidth": "{palette.border.border2}"
           }
-        }
-      ]
-    },
-    "Tooltip": {
-      "appearances": {
-        "inverse": {
-          "values": [true],
-          "type": "variant"
-        }
-      },
-      "tokens": {
-        "backgroundColor": "{palette.color.greyThunder}",
-        "paddingTop": "{palette.size.size8}",
-        "paddingBottom": "{palette.size.size8}",
-        "paddingLeft": "{palette.size.size16}",
-        "paddingRight": "{palette.size.size16}",
-        "borderRadius": "{palette.radius.radius8}",
-        "shadow": "{palette.shadow.elevation1}",
-        "color": "{palette.color.white}",
-        "fontSize": "{palette.fontSize.size14}",
-        "lineHeight": "{palette.lineHeight.ratio3to2}",
-        "fontName": "{palette.fontName.HelveticaNow}",
-        "fontWeight": "{palette.fontWeight.weight400}",
-        "arrowWidth": "{palette.size.size16}",
-        "arrowBorderRadius": "{palette.radius.radius1}",
-        "arrowOffset": "{palette.size.size4}"
-      },
-      "rules": [
+        },
         {
           "if": {
-            "inverse": true
+            "hover": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.white}",
-            "color": "{palette.color.greyCharcoal}"
+            "borderWidth": "{palette.border.border3}"
           }
-        }
-      ]
-    },
-    "TooltipButton": {
-      "appearances": {
-        "focus": "{appearances.TooltipButton.focus}",
-        "hover": "{appearances.TooltipButton.hover}",
-        "pressed": "{appearances.TooltipButton.pressed}",
-        "inverse": {
-          "values": [true],
-          "type": "variant"
-        }
-      },
-      "tokens": {
-        "outerBorderColor": "{palette.color.transparent}",
-        "outerBorderWidth": "{palette.border.border1}",
-        "outerBorderGap": "{palette.size.size4}",
-        "borderRadius": "{palette.radius.pill32}",
-        "width": "{palette.size.size16}",
-        "icon": "{palette.icon.Question}",
-        "iconScale": "{system.iconScale.scale1}",
-        "iconSize": "{palette.size.size16}",
-        "iconColor": "{palette.color.greyThunder}"
-      },
-      "rules": [
+        },
         {
           "if": {
-            "inverse": true
+            "selected": true
           },
           "tokens": {
+            "backgroundColor": "{palette.color.purpleTelus}",
+            "borderWidth": "{palette.border.none}",
+            "color": "{palette.color.white}",
+            "icon": "{palette.icon.Close}",
+            "iconBackground": "{palette.color.purpleDeluge}",
             "iconColor": "{palette.color.white}"
           }
         },
         {
           "if": {
-            "hover": true
+            "hover": true,
+            "selected": true
           },
           "tokens": {
-            "iconScale": "{system.iconScale.scale1_25}"
+            "backgroundColor": "{palette.color.purpleDeluge}",
+            "iconBackground": "{palette.color.purpleTelus}"
           }
         },
         {
           "if": {
-            "pressed": true
+            "pressed": true,
+            "selected": true
           },
           "tokens": {
-            "iconColor": "{palette.color.greyShuttle}"
+            "backgroundColor": "{palette.color.purpleDark}",
+            "iconBackground": "{palette.color.purpleDeluge}"
           }
         },
         {
           "if": {
-            "inverse": true,
-            "pressed": true
+            "focus": true,
+            "selected": true
           },
           "tokens": {
-            "iconColor": "{palette.color.greyCloud}"
+            "outerBorderColor": "{palette.color.purpleTelus}"
           }
         },
         {
           "if": {
-            "focus": true
+            "focus": true,
+            "pressed": true,
+            "selected": true
           },
           "tokens": {
-            "outerBorderColor": "{palette.color.greyShuttle}"
+            "iconBackground": "{palette.color.purpleDeluge}",
+            "outerBorderColor": "{palette.color.purpleDark}"
           }
         },
         {
           "if": {
-            "inverse": true,
-            "focus": true
+            "inactive": true
           },
           "tokens": {
-            "outerBorderColor": "{palette.color.greyCloud}"
+            "backgroundColor": "{palette.color.greyCloud}",
+            "borderWidth": "{system.border.zero}",
+            "color": "{palette.color.white}"
           }
         }
-      ]
-    },
-    "Typography": {
-      "appearances": {
-        "size": {
-          "description": "Styles text as body or heading text with a given size. Smaller numbers indicate larger sizes,\n\"display\" headings are larger than \"h\" headings. Default is medium size body text. Does not change\naccessibility or SEO-related properties; use the heading prop if text should be treated semantically as a heading.",
-          "values": [
-            "micro",
-            "small",
-            "large",
-            "eyebrow",
-            "h1",
-            "h2",
-            "h3",
-            "h4",
-            "h5",
-            "h6",
-            "display1",
-            "display2"
-          ],
-          "type": "variant"
-        },
-        "colour": {
-          "description": "Each typography variant has a default color, and at least a secondary color variant. In exceptional cases where a different colour is needed,\n  use the tokens prop.",
-          "values": ["secondary", "tertiary"],
-          "type": "variant"
-        },
-        "bold": {
-          "description": "Sets the font weight, to bold on some body text styles. Does not change accessibility properties.",
-          "values": [true],
-          "type": "variant"
-        },
-        "inverse": {
-          "description": "Styles the link white for use on dark backgrounds.",
-          "values": [true],
-          "type": "variant"
-        },
-        "compact": {
-          "description": "Reduces line height on some body text styles. For data-rich content, not for flow content",
-          "values": [true],
-          "type": "variant"
-        },
-        "viewport": "{appearances.system.viewport}"
-      },
+      ],
       "tokens": {
+        "alignSelf": "{system.flexAlign.center}",
+        "backgroundColor": "{palette.color.white}",
+        "borderColor": "{palette.color.greyCloud}",
+        "borderRadius": "{palette.radius.pill32}",
+        "borderWidth": "{palette.border.border1}",
+        "color": "{palette.color.greyShuttle}",
         "fontName": "{palette.fontName.HelveticaNow}",
-        "fontWeight": "{palette.fontWeight.weight400}",
-        "fontSize": "{palette.fontSize.size16}",
-        "color": "{palette.color.greyThunder}",
-        "lineHeight": "{palette.lineHeight.ratio3to2}",
-        "letterSpacing": "{system.letterSpacing.none}",
-        "textTransform": "{system.textTransform.none}",
-        "fontScaleCap": "{palette.fontSize.size64}"
+        "fontSize": "{palette.fontSize.size14}",
+        "fontWeight": "{palette.fontWeight.weight700}",
+        "icon": "{palette.icon.Add}",
+        "iconAlignSelf": "{system.flexAlign.center}",
+        "iconBackground": "{palette.color.greyAthens}",
+        "iconBorderRadius": "{palette.radius.pill32}",
+        "iconColor": "{palette.color.greyThunder}",
+        "iconPadding": "{palette.size.size2}",
+        "iconPosition": "{system.position.right}",
+        "iconSize": "{palette.size.size16}",
+        "iconSpace": "{system.integer.2}",
+        "iconTranslateX": "{palette.size.size0}",
+        "iconTranslateY": "{palette.size.size0}",
+        "lineHeight": "{palette.lineHeight.ratio10to7}",
+        "minWidth": "{system.size.zero}",
+        "opacity": "{system.opacity.opaque}",
+        "outerBackgroundColor": "{palette.color.transparent}",
+        "outerBorderColor": "{palette.color.transparent}",
+        "outerBorderGap": "{palette.size.size2}",
+        "outerBorderWidth": "{palette.border.border2}",
+        "paddingBottom": "{palette.size.size8}",
+        "paddingLeft": "{palette.size.size16}",
+        "paddingRight": "{palette.size.size8}",
+        "paddingTop": "{palette.size.size8}",
+        "shadow": "{system.shadow.none}",
+        "textAlign": "{system.flexJustifyContent.center}",
+        "width": "{system.size.none}"
+      }
+    },
+    "TextArea": {
+      "appearances": {},
+      "rules": [],
+      "tokens": {
+        "maxLines": "{system.integer.8}",
+        "minLines": "{system.integer.5}"
+      }
+    },
+    "TextInput": {
+      "appearances": {
+        "focus": "{appearances.TextInput.focus}",
+        "hover": "{appearances.TextInput.hover}",
+        "inactive": "{appearances.TextInput.inactive}",
+        "validation": "{appearances.TextInput.validation}"
       },
       "rules": [
         {
           "if": {
-            "colour": "secondary"
+            "hover": true,
+            "inactive": null
           },
           "tokens": {
-            "color": "{palette.color.greyCharcoal}"
+            "outerBackgroundColor": "{palette.color.greyMystic}",
+            "outerBorderColor": "{palette.color.greyMystic}"
           }
         },
         {
           "if": {
-            "size": ["display1", "display2", "h1", "h2", "h3"]
+            "validation": "success"
           },
           "tokens": {
-            "color": "{palette.color.purpleTelus}"
+            "borderColor": "{palette.color.greenAccessible}",
+            "icon": "{palette.icon.StatusSuccess}",
+            "iconColor": "{palette.color.greenAccessible}"
           }
         },
         {
           "if": {
-            "size": ["display1", "display2", "h1", "h2", "h3"],
-            "colour": "secondary"
+            "validation": "error"
           },
           "tokens": {
-            "color": "{palette.color.greyThunder}"
+            "borderColor": "{palette.color.red}",
+            "icon": "{palette.icon.StatusError}",
+            "iconColor": "{palette.color.red}"
           }
         },
         {
           "if": {
-            "size": "h6",
-            "colour": "tertiary"
+            "focus": true
           },
           "tokens": {
-            "color": "{palette.color.greyShuttle}"
+            "borderColor": "{palette.color.purpleDeluge}",
+            "borderWidth": "{palette.border.border3}",
+            "icon": "{system.icon.none}"
           }
         },
         {
           "if": {
-            "size": "eyebrow"
+            "inactive": true
           },
           "tokens": {
-            "color": "{palette.color.greyCharcoal}"
+            "backgroundColor": "{palette.color.greyAthens}",
+            "borderColor": "{palette.color.greyAthens}"
           }
-        },
+        }
+      ],
+      "tokens": {
+        "backgroundColor": "{palette.color.white}",
+        "borderColor": "{palette.color.greyShuttle}",
+        "borderRadius": "{palette.radius.radius4}",
+        "borderWidth": "{palette.border.border1}",
+        "color": "{palette.color.greyCharcoal}",
+        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontSize": "{palette.fontSize.size16}",
+        "fontWeight": "{palette.fontWeight.weight400}",
+        "icon": "{system.icon.none}",
+        "iconColor": "{palette.color.transparent}",
+        "iconSize": "{palette.size.size24}",
+        "lineHeight": "{palette.lineHeight.ratio3to2}",
+        "outerBackgroundColor": "{palette.color.transparent}",
+        "outerBorderColor": "{palette.color.transparent}",
+        "outerBorderWidth": "{palette.border.border2}",
+        "paddingBottom": "{palette.size.size12}",
+        "paddingLeft": "{palette.size.size16}",
+        "paddingRight": "{palette.size.size16}",
+        "paddingTop": "{palette.size.size12}"
+      }
+    },
+    "ToggleSwitch": {
+      "appearances": {
+        "focus": "{appearances.ToggleSwitch.focus}",
+        "hover": "{appearances.ToggleSwitch.hover}",
+        "inactive": "{appearances.ToggleSwitch.inactive}",
+        "pressed": "{appearances.ToggleSwitch.pressed}",
+        "selected": "{appearances.ToggleSwitch.selected}"
+      },
+      "rules": [
         {
           "if": {
-            "size": "eyebrow",
-            "colour": "secondary"
+            "hover": true
           },
           "tokens": {
-            "color": "{palette.color.purpleTelus}"
+            "backgroundColor": "{palette.color.greyCharcoal}"
           }
         },
         {
           "if": {
-            "inverse": true
+            "pressed": true
           },
           "tokens": {
-            "color": "{palette.color.white}"
+            "backgroundColor": "{palette.color.greyThunder}"
           }
         },
         {
           "if": {
-            "size": "display1"
+            "focus": true
           },
           "tokens": {
-            "fontSize": "{palette.fontSize.size40}",
-            "fontWeight": "{palette.fontWeight.weight300}",
-            "fontName": "{palette.fontName.HelveticaNow}",
-            "lineHeight": "{palette.lineHeight.ratio6to5}",
-            "letterSpacing": "{palette.letterSpacing.medium}"
+            "outerBackgroundColor": "{palette.color.white}",
+            "outerBorderColor": "{palette.color.greyShuttle}",
+            "outerBorderGap": "{palette.size.size3}",
+            "outerBorderWidth": "{palette.border.border2}"
           }
         },
         {
           "if": {
-            "size": "display1",
-            "viewport": ["lg", "xl"]
+            "focus": true,
+            "pressed": true
           },
           "tokens": {
-            "fontSize": "{palette.fontSize.size64}",
-            "lineHeight": "{palette.lineHeight.ratio9to8}"
+            "outerBorderColor": "{palette.color.greyThunder}"
           }
         },
         {
           "if": {
-            "size": "display2"
+            "selected": true
           },
           "tokens": {
-            "fontSize": "{palette.fontSize.size36}",
-            "fontWeight": "{palette.fontWeight.weight400}",
-            "fontName": "{palette.fontName.HelveticaNow}",
-            "letterSpacing": "{palette.letterSpacing.medium}",
-            "lineHeight": "{palette.lineHeight.ratio11to9}"
+            "backgroundColor": "{palette.color.greenAccessible}",
+            "icon": "{palette.icon.Checkmark}",
+            "iconColor": "{palette.color.greenAccessible}"
           }
         },
         {
           "if": {
-            "size": "display2",
-            "viewport": ["lg", "xl"]
+            "hover": true,
+            "selected": true
           },
           "tokens": {
-            "fontSize": "{palette.fontSize.size56}",
-            "fontWeight": "{palette.fontWeight.weight300}",
-            "fontName": "{palette.fontName.HelveticaNow}",
-            "lineHeight": "{palette.lineHeight.ratio8to7}",
-            "letterSpacing": "{palette.letterSpacing.condensed}"
+            "backgroundColor": "{palette.color.greenSanFelix}",
+            "iconColor": "{palette.color.greenSanFelix}"
           }
         },
         {
           "if": {
-            "size": "h1"
+            "pressed": true,
+            "selected": true
           },
           "tokens": {
-            "fontSize": "{palette.fontSize.size28}",
-            "lineHeight": "{palette.lineHeight.ratio9to7}",
-            "letterSpacing": "{palette.letterSpacing.loose}"
+            "backgroundColor": "{palette.color.greenDarkFern}",
+            "iconColor": "{palette.color.greenDarkFern}"
           }
         },
         {
           "if": {
-            "size": "h1",
-            "viewport": ["lg", "xl"]
+            "focus": true,
+            "selected": true
           },
           "tokens": {
-            "fontSize": "{palette.fontSize.size40}",
-            "fontWeight": "{palette.fontWeight.weight300}",
-            "fontName": "{palette.fontName.HelveticaNow}",
-            "lineHeight": "{palette.lineHeight.ratio6to5}",
-            "letterSpacing": "{palette.letterSpacing.medium}"
+            "outerBorderColor": "{palette.color.greenAccessible}"
           }
         },
         {
           "if": {
-            "size": "h2"
+            "focus": true,
+            "pressed": true,
+            "selected": true
           },
           "tokens": {
-            "fontSize": "{palette.fontSize.size24}",
-            "fontWeight": "{palette.fontWeight.weight500}",
-            "fontName": "{palette.fontName.HelveticaNow}",
-            "lineHeight": "{palette.lineHeight.ratio4to3}"
+            "outerBorderColor": "{palette.color.greenDarkFern}"
           }
         },
         {
           "if": {
-            "size": "h2",
-            "viewport": ["lg", "xl"]
+            "inactive": true
           },
           "tokens": {
-            "fontSize": "{palette.fontSize.size28}",
-            "lineHeight": "{palette.lineHeight.ratio9to7}",
-            "letterSpacing": "{palette.letterSpacing.loose}"
+            "backgroundColor": "{palette.color.greyCloud}",
+            "iconColor": "{palette.color.greyShuttle}",
+            "outerBorderColor": "{palette.color.greyCloud}"
           }
-        },
+        }
+      ],
+      "tokens": {
+        "alignSelf": "{system.flexAlign.flexStart}",
+        "backgroundColor": "{palette.color.greyShuttle}",
+        "borderColor": "{palette.color.transparent}",
+        "borderRadius": "{palette.radius.pill32}",
+        "borderWidth": "{palette.border.none}",
+        "icon": "{system.icon.none}",
+        "iconColor": "{palette.color.greyShuttle}",
+        "iconSize": "{palette.size.size12}",
+        "opacity": "{system.opacity.opaque}",
+        "outerBackgroundColor": "{palette.color.transparent}",
+        "outerBorderColor": "{palette.color.transparent}",
+        "outerBorderGap": "{palette.size.size0}",
+        "outerBorderWidth": "{palette.border.none}",
+        "paddingBottom": "{system.size.zero}",
+        "paddingLeft": "{system.size.zero}",
+        "paddingRight": "{system.size.zero}",
+        "paddingTop": "{system.size.zero}",
+        "shadow": "{palette.shadow.surfaceInset}",
+        "switchBorderColor": "{palette.color.transparent}",
+        "switchBorderRadius": "{palette.radius.pill32}",
+        "switchBorderWidth": "{palette.border.none}",
+        "switchColor": "{palette.color.white}",
+        "switchShadow": "{palette.shadow.surfaceRaised}",
+        "switchSize": "{palette.size.size16}",
+        "trackBorderColor": "{palette.color.transparent}",
+        "trackBorderRadius": "{palette.radius.pill32}",
+        "trackBorderWidth": "{palette.border.border3}",
+        "width": "{palette.size.size40}"
+      }
+    },
+    "Tooltip": {
+      "appearances": {
+        "inverse": {
+          "type": "variant",
+          "values": [true]
+        }
+      },
+      "rules": [
         {
           "if": {
-            "size": "h3"
+            "inverse": true
           },
           "tokens": {
-            "fontSize": "{palette.fontSize.size20}",
-            "fontWeight": "{palette.fontWeight.weight500}",
-            "fontName": "{palette.fontName.HelveticaNow}",
-            "lineHeight": "{palette.lineHeight.ratio7to5}"
+            "backgroundColor": "{palette.color.white}",
+            "color": "{palette.color.greyCharcoal}"
           }
+        }
+      ],
+      "tokens": {
+        "arrowBorderRadius": "{palette.radius.radius1}",
+        "arrowOffset": "{palette.size.size4}",
+        "arrowWidth": "{palette.size.size16}",
+        "backgroundColor": "{palette.color.greyThunder}",
+        "borderRadius": "{palette.radius.radius8}",
+        "color": "{palette.color.white}",
+        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontSize": "{palette.fontSize.size14}",
+        "fontWeight": "{palette.fontWeight.weight400}",
+        "lineHeight": "{palette.lineHeight.ratio3to2}",
+        "paddingBottom": "{palette.size.size8}",
+        "paddingLeft": "{palette.size.size16}",
+        "paddingRight": "{palette.size.size16}",
+        "paddingTop": "{palette.size.size8}",
+        "shadow": "{palette.shadow.elevation1}"
+      }
+    },
+    "TooltipButton": {
+      "appearances": {
+        "focus": "{appearances.TooltipButton.focus}",
+        "hover": "{appearances.TooltipButton.hover}",
+        "inverse": {
+          "type": "variant",
+          "values": [true]
         },
+        "pressed": "{appearances.TooltipButton.pressed}"
+      },
+      "rules": [
         {
           "if": {
-            "size": "h3",
-            "viewport": ["lg", "xl"]
+            "inverse": true
           },
           "tokens": {
-            "fontSize": "{palette.fontSize.size24}",
-            "lineHeight": "{palette.lineHeight.ratio4to3}"
+            "iconColor": "{palette.color.white}"
           }
         },
         {
           "if": {
-            "size": "h4"
+            "hover": true
           },
           "tokens": {
-            "fontSize": "{palette.fontSize.size16}",
-            "fontWeight": "{palette.fontWeight.weight500}",
-            "fontName": "{palette.fontName.HelveticaNow}",
-            "lineHeight": "{palette.lineHeight.ratio3to2}"
+            "iconScale": "{system.iconScale.scale1_25}"
           }
         },
         {
           "if": {
-            "size": "h5"
+            "pressed": true
           },
           "tokens": {
-            "fontSize": "{palette.fontSize.size14}",
-            "fontWeight": "{palette.fontWeight.weight500}",
-            "fontName": "{palette.fontName.HelveticaNow}",
-            "lineHeight": "{palette.lineHeight.ratio9to7}"
+            "iconColor": "{palette.color.greyShuttle}"
           }
         },
         {
           "if": {
-            "size": "h6"
+            "inverse": true,
+            "pressed": true
           },
           "tokens": {
-            "fontSize": "{palette.fontSize.size12}",
-            "fontWeight": "{palette.fontWeight.weight700}",
-            "fontName": "{palette.fontName.HelveticaNow}",
-            "lineHeight": "{palette.lineHeight.ratio4to3}"
+            "iconColor": "{palette.color.greyCloud}"
           }
         },
         {
           "if": {
-            "size": "large"
+            "focus": true
           },
           "tokens": {
-            "fontSize": "{palette.fontSize.size20}",
-            "lineHeight": "{palette.lineHeight.ratio8to5}"
+            "outerBorderColor": "{palette.color.greyShuttle}"
           }
         },
         {
           "if": {
-            "size": "large",
-            "compact": true
+            "focus": true,
+            "inverse": true
           },
           "tokens": {
-            "lineHeight": "{palette.lineHeight.ratio6to5}"
+            "outerBorderColor": "{palette.color.greyCloud}"
           }
+        }
+      ],
+      "tokens": {
+        "borderRadius": "{palette.radius.pill32}",
+        "icon": "{palette.icon.Question}",
+        "iconColor": "{palette.color.greyThunder}",
+        "iconScale": "{system.iconScale.scale1}",
+        "iconSize": "{palette.size.size16}",
+        "outerBorderColor": "{palette.color.transparent}",
+        "outerBorderGap": "{palette.size.size4}",
+        "outerBorderWidth": "{palette.border.border1}",
+        "width": "{palette.size.size16}"
+      }
+    },
+    "Typography": {
+      "appearances": {
+        "bold": {
+          "description": "Sets the font weight, to bold on some body text styles. Does not change accessibility properties.",
+          "type": "variant",
+          "values": [true]
+        },
+        "colour": {
+          "description": "Each typography variant has a default color, and at least a secondary color variant. In exceptional cases where a different colour is needed,\n  use the tokens prop.",
+          "type": "variant",
+          "values": ["secondary", "tertiary"]
+        },
+        "compact": {
+          "description": "Reduces line height on some body text styles. For data-rich content, not for flow content",
+          "type": "variant",
+          "values": [true]
+        },
+        "inverse": {
+          "description": "Styles the link white for use on dark backgrounds.",
+          "type": "variant",
+          "values": [true]
+        },
+        "size": {
+          "description": "Styles text as body or heading text with a given size. Smaller numbers indicate larger sizes,\n\"display\" headings are larger than \"h\" headings. Default is medium size body text. Does not change\naccessibility or SEO-related properties; use the heading prop if text should be treated semantically as a heading.",
+          "type": "variant",
+          "values": [
+            "micro",
+            "small",
+            "large",
+            "eyebrow",
+            "h1",
+            "h2",
+            "h3",
+            "h4",
+            "h5",
+            "h6",
+            "display1",
+            "display2"
+          ]
         },
+        "viewport": "{appearances.system.viewport}"
+      },
+      "rules": [
         {
           "if": {
-            "size": null,
-            "compact": true
+            "colour": "secondary"
           },
-          "description": "The compact line height for the 'default' font size, but doesn't apply for any other styles",
           "tokens": {
-            "lineHeight": "{palette.lineHeight.ratio5to4}"
+            "color": "{palette.color.greyCharcoal}"
           }
         },
         {
           "if": {
-            "size": "small"
+            "size": ["display1", "display2", "h1", "h2", "h3"]
           },
           "tokens": {
-            "fontSize": "{palette.fontSize.size14}",
-            "lineHeight": "{palette.lineHeight.ratio10to7}"
+            "color": "{palette.color.purpleTelus}"
           }
         },
         {
           "if": {
-            "size": "small",
-            "compact": true
+            "colour": "secondary",
+            "size": ["display1", "display2", "h1", "h2", "h3"]
           },
           "tokens": {
-            "lineHeight": "{palette.lineHeight.ratio8to7}"
+            "color": "{palette.color.greyThunder}"
           }
         },
         {
           "if": {
-            "size": "micro"
+            "colour": "tertiary",
+            "size": "h6"
           },
           "tokens": {
-            "fontSize": "{palette.fontSize.size12}",
-            "fontWeight": "{palette.fontWeight.weight500}",
-            "fontName": "{palette.fontName.HelveticaNow}",
-            "lineHeight": "{palette.lineHeight.ratio4to3}"
+            "color": "{palette.color.greyShuttle}"
           }
         },
         {
@@ -3103,452 +3297,269 @@
             "size": "eyebrow"
           },
           "tokens": {
-            "fontSize": "{palette.fontSize.size14}",
-            "fontWeight": "{palette.fontWeight.weight700}",
-            "fontName": "{palette.fontName.HelveticaNow}",
-            "textTransform": "{system.textTransform.uppercase}",
-            "lineHeight": "{palette.lineHeight.ratio9to7}"
+            "color": "{palette.color.greyCharcoal}"
           }
         },
         {
           "if": {
-            "size": ["large", null, "small", "micro"],
-            "bold": true
-          },
-          "description": "Bold is only available on body text styles, not headings",
-          "tokens": {
-            "fontWeight": "{palette.fontWeight.weight700}",
-            "fontName": "{palette.fontName.HelveticaNow}"
-          }
-        }
-      ]
-    },
-    "Select": {
-      "appearances": {
-        "validation": "{appearances.Select.validation}",
-        "hover": "{appearances.Select.hover}",
-        "focus": "{appearances.Select.focus}",
-        "inactive": "{appearances.Select.inactive}"
-      },
-      "tokens": {
-        "backgroundColor": "{palette.color.white}",
-        "color": "{palette.color.greyCharcoal}",
-        "borderWidth": "{palette.border.border1}",
-        "borderColor": "{palette.color.greyShuttle}",
-        "borderRadius": "{palette.radius.radius4}",
-        "paddingTop": "{palette.size.size12}",
-        "paddingBottom": "{palette.size.size12}",
-        "paddingLeft": "{palette.size.size16}",
-        "paddingRight": "{palette.size.size16}",
-        "height": "{palette.size.size48}",
-        "outerBackgroundColor": "{palette.color.transparent}",
-        "outerBorderWidth": "{palette.border.border2}",
-        "outerBorderColor": "{palette.color.transparent}",
-        "fontSize": "{palette.fontSize.size16}",
-        "fontName": "{palette.fontName.HelveticaNow}",
-        "fontWeight": "{palette.fontWeight.weight400}",
-        "icon": "{palette.icon.CaretDown}",
-        "iconSize": "{palette.fontSize.size24}",
-        "iconColor": "{palette.color.greenAccessible}",
-        "validationIcon": "{system.icon.none}",
-        "validationIconSize": "{palette.fontSize.size24}",
-        "validationIconColor": "{palette.color.transparent}"
-      },
-      "rules": [
-        {
-          "if": {
-            "hover": true,
-            "inactive": null
+            "colour": "secondary",
+            "size": "eyebrow"
           },
           "tokens": {
-            "outerBorderColor": "{palette.color.greyMystic}",
-            "outerBackgroundColor": "{palette.color.greyMystic}"
+            "color": "{palette.color.purpleTelus}"
           }
         },
         {
           "if": {
-            "validation": "success"
+            "inverse": true
           },
           "tokens": {
-            "borderColor": "{palette.color.greenAccessible}",
-            "validationIcon": "{palette.icon.StatusSuccess}",
-            "validationIconColor": "{palette.color.greenAccessible}"
+            "color": "{palette.color.white}"
           }
         },
         {
           "if": {
-            "validation": "error"
+            "size": "display1"
           },
           "tokens": {
-            "borderColor": "{palette.color.red}",
-            "validationIcon": "{palette.icon.StatusError}",
-            "validationIconColor": "{palette.color.red}"
+            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontSize": "{palette.fontSize.size40}",
+            "fontWeight": "{palette.fontWeight.weight300}",
+            "letterSpacing": "{palette.letterSpacing.medium}",
+            "lineHeight": "{palette.lineHeight.ratio6to5}"
           }
         },
         {
           "if": {
-            "focus": true
+            "size": "display1",
+            "viewport": ["lg", "xl"]
           },
           "tokens": {
-            "borderColor": "{palette.color.purpleDeluge}",
-            "borderWidth": "{palette.border.border3}",
-            "validationIcon": "{system.icon.none}"
+            "fontSize": "{palette.fontSize.size64}",
+            "lineHeight": "{palette.lineHeight.ratio9to8}"
           }
         },
         {
           "if": {
-            "inactive": true
+            "size": "display2"
           },
-          "tokens": {
-            "backgroundColor": "{palette.color.greyAthens}",
-            "borderColor": "{palette.color.greyAthens}"
-          }
-        }
-      ]
-    },
-    "SideNav": {
-      "appearances": {},
-      "tokens": {
-        "borderColor": "{palette.color.greyCloud}",
-        "borderWidth": "{palette.border.border1}",
-        "borderStyle": "{system.borderStyle.solid}"
-      },
-      "rules": []
-    },
-    "SideNavItem": {
-      "appearances": {
-        "active": "{appearances.SideNavItem.active}",
-        "type": "{appearances.SideNavItem.type}",
-        "expanded": "{appearances.SideNavItem.expanded}",
-        "hover": "{appearances.SideNavItem.hover}"
-      },
-      "tokens": {
-        "borderColor": "{palette.color.greyCloud}",
-        "borderWidth": "{palette.border.border1}",
-        "borderStyle": "{system.borderStyle.solid}",
-        "paddingLeft": "{palette.size.size16}",
-        "paddingRight": "{palette.size.size16}",
-        "paddingTop": "{palette.size.size16}",
-        "paddingBottom": "{palette.size.size16}",
-        "justifyContent": "{system.flexJustifyContent.spaceBetween}",
-        "color": "{palette.color.greyCharcoal}",
-        "accentOffset": "{system.size.zero}",
-        "accentPadding": "{system.size.zero}",
-        "accentWidth": "{palette.size.size4}",
-        "accentBackgroundColor": "{palette.color.transparent}",
-        "fontSize": "{palette.fontSize.size16}",
-        "fontWeight": "{palette.fontWeight.weight400}",
-        "fontName": "{palette.fontName.HelveticaNow}",
-        "lineHeight": "{palette.lineHeight.ratio3to2}",
-        "backgroundColor": "{palette.color.transparent}"
-      },
-      "rules": [
+          "tokens": {
+            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontSize": "{palette.fontSize.size36}",
+            "fontWeight": "{palette.fontWeight.weight400}",
+            "letterSpacing": "{palette.letterSpacing.medium}",
+            "lineHeight": "{palette.lineHeight.ratio11to9}"
+          }
+        },
         {
           "if": {
-            "active": true
+            "size": "display2",
+            "viewport": ["lg", "xl"]
           },
           "tokens": {
-            "paddingLeft": "{palette.size.size12}",
-            "accentBackgroundColor": "{palette.color.purpleTelus}",
-            "color": "{palette.color.purpleTelus}",
-            "fontWeight": "{palette.fontWeight.weight700}",
-            "fontName": "{palette.fontName.HelveticaNow}"
+            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontSize": "{palette.fontSize.size56}",
+            "fontWeight": "{palette.fontWeight.weight300}",
+            "letterSpacing": "{palette.letterSpacing.condensed}",
+            "lineHeight": "{palette.lineHeight.ratio8to7}"
           }
         },
         {
           "if": {
-            "type": "child"
+            "size": "h1"
           },
           "tokens": {
-            "paddingLeft": "{palette.size.size36}",
-            "borderWidth": "{palette.border.none}",
-            "accentBackgroundColor": "{palette.color.greyAthens}",
-            "accentOffset": "{palette.size.size16}",
-            "fontSize": "{palette.fontSize.size14}",
-            "lineHeight": "{palette.lineHeight.ratio7to5}"
+            "fontSize": "{palette.fontSize.size28}",
+            "letterSpacing": "{palette.letterSpacing.loose}",
+            "lineHeight": "{palette.lineHeight.ratio9to7}"
           }
         },
         {
           "if": {
-            "type": "parent",
-            "active": true
+            "size": "h1",
+            "viewport": ["lg", "xl"]
           },
           "tokens": {
-            "paddingLeft": "{palette.size.size12}"
+            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontSize": "{palette.fontSize.size40}",
+            "fontWeight": "{palette.fontWeight.weight300}",
+            "letterSpacing": "{palette.letterSpacing.medium}",
+            "lineHeight": "{palette.lineHeight.ratio6to5}"
           }
         },
         {
           "if": {
-            "type": "parent",
-            "active": true,
-            "expanded": true
+            "size": "h2"
           },
           "tokens": {
-            "paddingLeft": "{palette.size.size16}",
-            "accentBackgroundColor": "{palette.color.transparent}",
-            "color": "{palette.color.greyCharcoal}"
+            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontSize": "{palette.fontSize.size24}",
+            "fontWeight": "{palette.fontWeight.weight500}",
+            "lineHeight": "{palette.lineHeight.ratio4to3}"
           }
         },
         {
           "if": {
-            "hover": true
+            "size": "h2",
+            "viewport": ["lg", "xl"]
           },
           "tokens": {
-            "backgroundColor": "{palette.color.greyAthens}",
-            "color": "{palette.color.purpleTelus}"
+            "fontSize": "{palette.fontSize.size28}",
+            "letterSpacing": "{palette.letterSpacing.loose}",
+            "lineHeight": "{palette.lineHeight.ratio9to7}"
           }
         },
         {
           "if": {
-            "type": "child",
-            "active": true
+            "size": "h3"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.greyAthens}",
-            "color": "{palette.color.purpleTelus}",
-            "accentPadding": "{palette.size.size16}",
-            "accentBackgroundColor": "{palette.color.purpleTelus}"
+            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontSize": "{palette.fontSize.size20}",
+            "fontWeight": "{palette.fontWeight.weight500}",
+            "lineHeight": "{palette.lineHeight.ratio7to5}"
           }
         },
         {
           "if": {
-            "type": "child",
-            "active": false,
-            "hover": true
+            "size": "h3",
+            "viewport": ["lg", "xl"]
           },
           "tokens": {
-            "accentBackgroundColor": "{palette.color.white}",
-            "color": "{palette.color.greyCharcoal}",
-            "accentOffset": "{system.size.zero}",
-            "accentWidth": "{palette.size.size16}"
+            "fontSize": "{palette.fontSize.size24}",
+            "lineHeight": "{palette.lineHeight.ratio4to3}"
           }
-        }
-      ]
-    },
-    "SideNavItemsGroup": {
-      "appearances": {
-        "expanded": "{appearances.SideNavItemGroup.expanded}"
-      },
-      "tokens": {
-        "expandDuration": "{palette.duration.duration300}",
-        "collapseDuration": "{palette.duration.duration250}",
-        "contentPaddingLeft": "{palette.size.size0}",
-        "contentPaddingRight": "{palette.size.size0}",
-        "contentPaddingTop": "{palette.size.size0}",
-        "contentPaddingBottom": "{palette.size.size0}",
-        "icon": "{palette.icon.CaretDown}",
-        "iconColor": "{palette.color.purpleTelus}",
-        "iconGap": "{palette.size.size8}",
-        "iconSize": "{palette.size.size24}",
-        "iconPosition": "{system.position.right}",
-        "verticalAlign": "{system.verticalAlign.middle}",
-        "justifyContent": "{system.flexJustifyContent.spaceBetween}"
-      },
-      "rules": [
+        },
         {
           "if": {
-            "expanded": true
+            "size": "h4"
           },
           "tokens": {
-            "icon": "{palette.icon.CaretUp}"
+            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontSize": "{palette.fontSize.size16}",
+            "fontWeight": "{palette.fontWeight.weight500}",
+            "lineHeight": "{palette.lineHeight.ratio3to2}"
           }
-        }
-      ]
-    },
-    "Skeleton": {
-      "appearances": {},
-      "tokens": {
-        "color": "{palette.color.greyCloud}",
-        "size": "{palette.border.border3}",
-        "radius": "{palette.size.size120}",
-        "baseWidth": "{palette.size.size40}",
-        "characters": "{palette.size.size10}",
-        "spaceBetweenLines": "{palette.size.size2}",
-        "squareRadius": "{palette.size.size4}"
-      },
-      "rules": []
-    },
-    "StackView": {
-      "appearances": {},
-      "tokens": {
-        "alignItems": "{system.flexAlign.stretch}",
-        "justifyContent": "{system.flexJustifyContent.flexStart}",
-        "flexGrow": "{system.integer.0}"
-      },
-      "rules": []
-    },
-    "Tags": {
-      "appearances": {
-        "viewport": "{appearances.system.viewport}"
-      },
-      "tokens": {
-        "space": "{system.integer.1}",
-        "direction": "{system.direction.row}",
-        "alignItems": "{system.flexAlign.center}",
-        "justifyContent": "{system.flexJustifyContent.flexStart}",
-        "flexGrow": "{system.integer.0}"
-      },
-      "rules": [
+        },
         {
           "if": {
-            "viewport": ["lg", "xl"]
+            "size": "h5"
           },
           "tokens": {
-            "space": "{system.integer.3}"
+            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontSize": "{palette.fontSize.size14}",
+            "fontWeight": "{palette.fontWeight.weight500}",
+            "lineHeight": "{palette.lineHeight.ratio9to7}"
           }
-        }
-      ]
-    },
-    "TagsItem": {
-      "appearances": {
-        "hover": "{appearances.TagsItem.hover}",
-        "focus": "{appearances.TagsItem.focus}",
-        "pressed": "{appearances.TagsItem.pressed}",
-        "selected": "{appearances.TagsItem.selected}",
-        "inactive": "{appearances.TagsItem.inactive}"
-      },
-      "tokens": {
-        "iconSize": "{palette.size.size16}",
-        "iconColor": "{palette.color.greyThunder}",
-        "iconTranslateX": "{system.integer.0}",
-        "iconTranslateY": "{system.integer.0}",
-        "icon": "{palette.icon.Add}",
-        "iconPosition": "{system.position.right}",
-        "iconSpace": "{system.integer.2}",
-        "iconBackground": "{palette.color.greyAthens}",
-        "iconBorderRadius": "{palette.radius.pill32}",
-        "iconAlignSelf": "{system.flexAlign.center}",
-        "iconPadding": "{palette.size.size2}",
-        "borderColor": "{palette.color.greyCloud}",
-        "borderWidth": "{palette.border.border1}",
-        "borderRadius": "{palette.radius.pill32}",
-        "shadow": "{system.shadow.none}",
-        "fontSize": "{palette.fontSize.size14}",
-        "color": "{palette.color.greyShuttle}",
-        "lineHeight": "{palette.lineHeight.ratio10to7}",
-        "textAlign": "{system.flexJustifyContent.center}",
-        "alignSelf": "{system.flexAlign.center}",
-        "fontName": "{palette.fontName.HelveticaNow}",
-        "fontWeight": "{palette.fontWeight.weight700}",
-        "backgroundColor": "{palette.color.white}",
-        "opacity": "{system.opacity.opaque}",
-        "paddingLeft": "{palette.size.size16}",
-        "paddingRight": "{palette.size.size8}",
-        "paddingTop": "{palette.size.size8}",
-        "paddingBottom": "{palette.size.size8}",
-        "width": "{system.size.none}",
-        "minWidth": "{system.size.zero}",
-        "outerBorderColor": "{palette.color.transparent}",
-        "outerBorderWidth": "{palette.border.border2}",
-        "outerBorderGap": "{palette.border.border2}",
-        "outerBackgroundColor": "{palette.color.transparent}"
-      },
-      "rules": [
+        },
         {
           "if": {
-            "pressed": true
+            "size": "h6"
           },
           "tokens": {
-            "borderWidth": "{palette.border.none}",
-            "backgroundColor": "{palette.color.greyShuttle}",
-            "borderColor": "{palette.color.greyShuttle}",
-            "color": "{palette.color.white}",
-            "iconColor": "{palette.color.white}",
-            "iconBackground": "{palette.color.greyCharcoal}"
+            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontSize": "{palette.fontSize.size12}",
+            "fontWeight": "{palette.fontWeight.weight700}",
+            "lineHeight": "{palette.lineHeight.ratio4to3}"
           }
         },
         {
           "if": {
-            "focus": true
+            "size": "large"
           },
           "tokens": {
-            "borderColor": "{palette.color.greyShuttle}",
-            "outerBorderColor": "{palette.color.greyShuttle}",
-            "outerBorderGap": "{palette.size.size2}",
-            "outerBorderWidth": "{palette.size.size2}"
+            "fontSize": "{palette.fontSize.size20}",
+            "lineHeight": "{palette.lineHeight.ratio8to5}"
           }
         },
         {
           "if": {
-            "hover": true
+            "compact": true,
+            "size": "large"
           },
           "tokens": {
-            "borderWidth": "{palette.border.border3}"
+            "lineHeight": "{palette.lineHeight.ratio6to5}"
           }
         },
         {
+          "description": "The compact line height for the 'default' font size, but doesn't apply for any other styles",
           "if": {
-            "selected": true
+            "compact": true,
+            "size": null
           },
           "tokens": {
-            "borderWidth": "{palette.border.none}",
-            "backgroundColor": "{palette.color.purpleTelus}",
-            "color": "{palette.color.white}",
-            "icon": "{palette.icon.Close}",
-            "iconColor": "{palette.color.white}",
-            "iconBackground": "{palette.color.purpleDeluge}"
+            "lineHeight": "{palette.lineHeight.ratio5to4}"
           }
         },
         {
           "if": {
-            "selected": true,
-            "hover": true
+            "size": "small"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.purpleDeluge}",
-            "iconBackground": "{palette.color.purpleTelus}"
+            "fontSize": "{palette.fontSize.size14}",
+            "lineHeight": "{palette.lineHeight.ratio10to7}"
           }
         },
         {
           "if": {
-            "selected": true,
-            "pressed": true
+            "compact": true,
+            "size": "small"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.purpleDark}",
-            "iconBackground": "{palette.color.purpleDeluge}"
+            "lineHeight": "{palette.lineHeight.ratio8to7}"
           }
         },
         {
           "if": {
-            "selected": true,
-            "focus": true
+            "size": "micro"
           },
           "tokens": {
-            "outerBorderColor": "{palette.color.purpleTelus}"
+            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontSize": "{palette.fontSize.size12}",
+            "fontWeight": "{palette.fontWeight.weight500}",
+            "lineHeight": "{palette.lineHeight.ratio4to3}"
           }
         },
         {
           "if": {
-            "selected": true,
-            "focus": true,
-            "pressed": true
+            "size": "eyebrow"
           },
           "tokens": {
-            "outerBorderColor": "{palette.color.purpleDark}",
-            "iconBackground": "{palette.color.purpleDeluge}"
+            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontSize": "{palette.fontSize.size14}",
+            "fontWeight": "{palette.fontWeight.weight700}",
+            "lineHeight": "{palette.lineHeight.ratio9to7}",
+            "textTransform": "{system.textTransform.uppercase}"
           }
         },
         {
+          "description": "Bold is only available on body text styles, not headings",
           "if": {
-            "inactive": true
+            "bold": true,
+            "size": ["large", null, "small", "micro"]
           },
           "tokens": {
-            "backgroundColor": "{palette.color.greyCloud}",
-            "color": "{palette.color.white}",
-            "borderWidth": "{system.border.zero}"
+            "fontName": "{palette.fontName.HelveticaNow}",
+            "fontWeight": "{palette.fontWeight.weight700}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "color": "{palette.color.greyThunder}",
+        "fontName": "{palette.fontName.HelveticaNow}",
+        "fontScaleCap": "{palette.fontSize.size64}",
+        "fontSize": "{palette.fontSize.size16}",
+        "fontWeight": "{palette.fontWeight.weight400}",
+        "letterSpacing": "{system.letterSpacing.none}",
+        "lineHeight": "{palette.lineHeight.ratio3to2}",
+        "textTransform": "{system.textTransform.none}"
+      }
     },
     "spacingScale": {
       "appearances": {
         "space": "{appearances.spacingScale.space}",
         "viewport": "{appearances.system.viewport}"
       },
-      "tokens": {
-        "size": "{palette.size.size96}"
-      },
       "rules": [
         {
           "if": {
@@ -3708,7 +3719,10 @@
             "size": "{palette.size.size0}"
           }
         }
-      ]
+      ],
+      "tokens": {
+        "size": "{palette.size.size96}"
+      }
     }
   }
 }