@telus-uds/theme-koodo 4.17.0 → 5.1.0

package/theme.json

@@ -20,7 +20,7 @@
         }
       ],
       "tokens": {
-        "color": "{palette.color.mosque}",
+        "color": "{palette.color.purple}",
         "size": "{palette.size.size24}",
         "thickness": "{palette.border.border2}"
       }
@@ -61,7 +61,7 @@
           },
           "tokens": {
             "backgroundColor": "{palette.color.transparent}",
-            "borderColor": "{palette.color.carouselPink}"
+            "borderColor": "{palette.color.green}"
           }
         },
         {
@@ -70,8 +70,8 @@
           },
           "tokens": {
             "backgroundColor": "{palette.color.transparent}",
-            "borderColor": "{palette.color.mosque}",
-            "color": "{palette.color.mosque}",
+            "borderColor": "{palette.color.pinkDark}",
+            "color": "{palette.color.pinkDark}",
             "fontSize": "{palette.fontSize.size16}",
             "paddingBottom": "{palette.size.size8}",
             "paddingTop": "{palette.size.size8}"
@@ -82,8 +82,8 @@
             "purpose": "offer"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.onahau}",
-            "color": "{palette.color.black}",
+            "backgroundColor": "{palette.color.purple}",
+            "color": "{palette.color.white}",
             "fontSize": "{palette.fontSize.size16}",
             "paddingBottom": "{palette.size.size8}",
             "paddingTop": "{palette.size.size8}"
@@ -94,8 +94,8 @@
             "purpose": "editorial"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.black}",
-            "color": "{palette.color.white}",
+            "backgroundColor": "{palette.color.orange}",
+            "color": "{palette.color.black}",
             "fontSize": "{palette.fontSize.size16}"
           }
         },
@@ -106,7 +106,7 @@
           },
           "tokens": {
             "backgroundColor": "{palette.color.transparent}",
-            "borderColor": "{palette.color.black}",
+            "borderColor": "{palette.color.orange}",
             "color": "{palette.color.black}"
           }
         },
@@ -117,16 +117,17 @@
           },
           "tokens": {
             "backgroundColor": "{palette.color.transparent}",
-            "borderColor": "{palette.color.onahau}"
+            "borderColor": "{palette.color.purple}",
+            "color": "{palette.color.black}"
           }
         }
       ],
       "tokens": {
-        "backgroundColor": "{palette.color.carouselPink}",
+        "backgroundColor": "{palette.color.green}",
         "borderColor": "{palette.color.transparent}",
         "borderRadius": "{palette.radius.pill32}",
         "borderWidth": "{palette.border.border2}",
-        "color": "{palette.color.flirt}",
+        "color": "{palette.color.black}",
         "fontName": "{palette.fontName.StagSans}",
         "fontSize": "{palette.fontSize.size14}",
         "fontWeight": "{palette.fontWeight.weight600}",
@@ -155,7 +156,7 @@
         }
       ],
       "tokens": {
-        "backgroundGradient": "{palette.gradient.mosque}",
+        "backgroundGradient": "{palette.gradient.blackSolid}",
         "color": "{palette.color.black}",
         "linkFontName": "{palette.fontName.StagSans}",
         "linkFontSize": "{palette.fontSize.size16}",
@@ -263,8 +264,8 @@
             "background": "critical"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.wellRead}",
-            "borderColor": "{palette.color.wellRead}"
+            "backgroundColor": "{palette.color.danger}",
+            "borderColor": "{palette.color.danger}"
           }
         },
         {
@@ -272,8 +273,8 @@
             "background": "danger"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.piggyPink}",
-            "borderColor": "{palette.color.piggyPink}"
+            "backgroundColor": "{palette.color.dangerLight}",
+            "borderColor": "{palette.color.dangerLight}"
           }
         },
         {
@@ -281,8 +282,8 @@
             "background": "warning"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.beeswax}",
-            "borderColor": "{palette.color.beeswax}"
+            "backgroundColor": "{palette.color.cautionLight}",
+            "borderColor": "{palette.color.cautionLight}"
           }
         },
         {
@@ -290,8 +291,8 @@
             "background": "positive"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.icicle}",
-            "borderColor": "{palette.color.icicle}"
+            "backgroundColor": "{palette.color.successLight}",
+            "borderColor": "{palette.color.successLight}"
           }
         },
         {
@@ -299,8 +300,8 @@
             "background": "brand"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosque}",
-            "borderColor": "{palette.color.mosque}"
+            "backgroundColor": "{palette.color.purple}",
+            "borderColor": "{palette.color.purple}"
           }
         },
         {
@@ -326,8 +327,8 @@
             "background": "featurePrimary"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.flirt}",
-            "borderColor": "{palette.color.flirt}"
+            "backgroundColor": "{palette.color.green}",
+            "borderColor": "{palette.color.green}"
           }
         },
         {
@@ -335,8 +336,8 @@
             "background": "featureSecondary"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.chathamsBlue}",
-            "borderColor": "{palette.color.chathamsBlue}"
+            "backgroundColor": "{palette.color.pink}",
+            "borderColor": "{palette.color.pink}"
           }
         },
         {
@@ -344,8 +345,8 @@
             "background": "featureNeutral"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mortar}",
-            "borderColor": "{palette.color.mortar}"
+            "backgroundColor": "{palette.color.orange}",
+            "borderColor": "{palette.color.orange}"
           }
         },
         {
@@ -353,8 +354,8 @@
             "background": "featureBrand"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosque}",
-            "borderColor": "{palette.color.mosque}"
+            "backgroundColor": "{palette.color.purpleLight}",
+            "borderColor": "{palette.color.purpleLight}"
           }
         }
       ],
@@ -382,20 +383,20 @@
             "inverse": true
           },
           "tokens": {
-            "color": "{palette.color.icicle}",
+            "color": "{palette.color.white}",
             "currentColor": "{palette.color.white}",
             "iconColor": "{palette.color.silver}"
           }
         }
       ],
       "tokens": {
-        "color": "{palette.color.mosque}",
-        "currentColor": "{palette.color.mosque}",
+        "color": "{palette.color.black}",
+        "currentColor": "{palette.color.black}",
         "fontName": "{palette.fontName.StagSans}",
         "fontSize": "{palette.fontSize.size14}",
         "fontWeight": "{palette.fontWeight.weight600}",
         "icon": "{palette.icon.ChevronRight}",
-        "iconColor": "{palette.color.mosque}",
+        "iconColor": "{palette.color.black}",
         "iconPadding": "{palette.size.size4}",
         "iconSize": "{palette.size.size20}",
         "listItemPadding": "{palette.size.size0}"
@@ -444,7 +445,7 @@
             "priority": "high"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosque}",
+            "backgroundColor": "{palette.color.black}",
             "color": "{palette.color.white}"
           }
         },
@@ -453,8 +454,13 @@
             "danger": true
           },
           "tokens": {
-            "borderColor": "{palette.color.trinidad}",
-            "color": "{palette.color.trinidad}"
+            "backgroundColor": "{palette.color.transparent}",
+            "borderBottomWidth": "{palette.border.border1}",
+            "borderColor": "{palette.color.danger}",
+            "borderLeftWidth": "{palette.border.border1}",
+            "borderRightWidth": "{palette.border.border1}",
+            "borderTopWidth": "{palette.border.border1}",
+            "color": "{palette.color.danger}"
           }
         },
         {
@@ -462,28 +468,31 @@
             "inverse": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.transparent}",
-            "borderColor": "{palette.color.white}",
-            "color": "{palette.color.white}",
+            "backgroundColor": "{palette.color.white}",
+            "borderColor": "{palette.color.transparent}",
+            "color": "{palette.color.black}",
             "outerBackgroundColor": "{palette.color.transparent}"
           }
         },
         {
           "if": {
-            "hover": true
+            "priority": "low"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosqueDark}",
-            "color": "{palette.color.white}"
+            "backgroundColor": "{palette.color.white}",
+            "borderBottomWidth": "{palette.border.border1}",
+            "borderColor": "{palette.color.black}",
+            "color": "{palette.color.black}",
+            "outerBackgroundColor": "{palette.color.transparent}"
           }
         },
         {
           "if": {
-            "pressed": true
+            "hover": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mortar}",
-            "color": "{palette.color.silver}"
+            "backgroundColor": "{palette.color.blackLight}",
+            "color": "{palette.color.white}"
           }
         },
         {
@@ -491,55 +500,61 @@
             "focus": true
           },
           "tokens": {
-            "borderBottomWidth": "{palette.border.border4}",
-            "borderLeftWidth": "{palette.border.border4}",
-            "borderRightWidth": "{palette.border.border4}",
-            "borderTopWidth": "{palette.border.border4}",
-            "color": "{palette.color.black}",
-            "outerBorderColor": "{palette.color.mosque}",
-            "outerBorderGap": "{palette.size.size2}"
+            "borderBottomWidth": "{palette.border.border1}",
+            "borderColor": "{palette.color.black}",
+            "borderLeftWidth": "{palette.border.border1}",
+            "borderRightWidth": "{palette.border.border1}",
+            "borderTopWidth": "{palette.border.border1}",
+            "color": "{palette.color.white}",
+            "outerBorderColor": "{palette.color.black}",
+            "outerBorderGap": "{palette.size.size4}",
+            "outerBorderWidth": "{palette.border.border1}"
           }
         },
         {
           "if": {
-            "inverse": true,
-            "priority": "high"
+            "hover": true,
+            "priority": "low"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.white}",
-            "borderWidth": "{palette.border.none}",
-            "color": "{palette.color.mosque}"
+            "borderBottomWidth": "{palette.border.border1}",
+            "outerBorderColor": "{palette.color.black}"
           }
         },
         {
           "if": {
-            "hover": true,
-            "priority": "high"
+            "focus": true,
+            "priority": "low"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosqueDark}",
-            "color": "{palette.color.white}"
+            "color": "{palette.color.black}"
           }
         },
         {
           "if": {
-            "danger": true,
-            "focus": true
+            "focus": true,
+            "hover": true,
+            "priority": "low"
           },
           "tokens": {
-            "color": "{palette.color.trinidad}",
-            "outerBorderColor": "{palette.color.trinidad}",
-            "outerBorderGap": "{palette.size.size2}"
+            "color": "{palette.color.white}"
           }
         },
         {
           "if": {
             "danger": true,
-            "hover": true
+            "focus": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.trinidadDark}",
-            "color": "{palette.color.white}"
+            "borderBottomWidth": "{palette.border.border1}",
+            "borderColor": "{palette.color.danger}",
+            "borderLeftWidth": "{palette.border.border1}",
+            "borderRightWidth": "{palette.border.border1}",
+            "borderTopWidth": "{palette.border.border1}",
+            "borderWidth": "{palette.border.border1}",
+            "color": "{palette.color.danger}",
+            "outerBorderColor": "{palette.color.danger}",
+            "outerBorderGap": "{palette.size.size2}"
           }
         },
         {
@@ -548,19 +563,11 @@
             "inverse": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.whiteDark}",
-            "borderColor": "{palette.color.whiteDark}",
-            "color": "{palette.color.mosque}"
-          }
-        },
-        {
-          "if": {
-            "pressed": true,
-            "priority": "high"
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.mortar}",
-            "color": "{palette.color.silver}"
+            "backgroundColor": "{palette.color.silver}",
+            "borderColor": "{palette.color.transparent}",
+            "color": "{palette.color.blackLight}",
+            "outerBorderColor": "{palette.color.transparent}",
+            "outerBorderWidth": "{palette.border.border1}"
           }
         },
         {
@@ -573,73 +580,18 @@
             "color": "{palette.color.dove}"
           }
         },
-        {
-          "if": {
-            "focus": true,
-            "priority": "high"
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.mosque}",
-            "color": "{palette.color.white}",
-            "outerBorderGap": "{palette.size.size2}"
-          }
-        },
         {
           "if": {
             "focus": true,
             "inverse": true
           },
           "tokens": {
-            "borderColor": "{palette.color.white}",
-            "color": "{palette.color.white}",
-            "outerBorderColor": "{palette.color.white}",
-            "outerBorderGap": "{palette.size.size2}"
-          }
-        },
-        {
-          "if": {
-            "focus": true,
-            "pressed": true
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.mortar}",
+            "borderBottomWidth": "{palette.border.border1}",
             "borderColor": "{palette.color.transparent}",
-            "color": "{palette.color.silver}",
-            "outerBorderGap": "{palette.size.size2}"
-          }
-        },
-        {
-          "if": {
-            "danger": true,
-            "pressed": true,
-            "priority": "high"
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.mortar}",
-            "color": "{palette.color.silver}"
-          }
-        },
-        {
-          "if": {
-            "hover": true,
-            "inverse": true,
-            "priority": "high"
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.whiteDark}",
-            "color": "{palette.color.mosque}"
-          }
-        },
-        {
-          "if": {
-            "focus": true,
-            "inverse": true,
-            "priority": "high"
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.white}",
-            "borderColor": "{palette.color.white}",
-            "color": "{palette.color.mosque}",
+            "borderLeftWidth": "{palette.border.border1}",
+            "borderRightWidth": "{palette.border.border1}",
+            "borderTopWidth": "{palette.border.border1}",
+            "color": "{palette.color.black}",
             "outerBorderColor": "{palette.color.white}",
             "outerBorderGap": "{palette.size.size2}"
           }
@@ -647,14 +599,16 @@
         {
           "if": {
             "danger": true,
-            "focus": true,
-            "pressed": true
+            "inverse": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mortar}",
+            "backgroundColor": "{palette.color.white}",
+            "borderBottomWidth": "{palette.border.none}",
             "borderColor": "{palette.color.transparent}",
-            "color": "{palette.color.silver}",
-            "outerBorderGap": "{palette.size.size2}"
+            "borderLeftWidth": "{palette.border.none}",
+            "borderRightWidth": "{palette.border.none}",
+            "borderTopWidth": "{palette.border.none}",
+            "color": "{palette.color.danger}"
           }
         },
         {
@@ -699,18 +653,6 @@
             "paddingTop": "{palette.size.size4}"
           }
         },
-        {
-          "description": "Buttons should not be disabled or set as inactive. Use inline (on blur) error messaging to provide feedback when the form is invalid. In exceptional instances where disabled buttons are needed, it must be clear to the user why the button is disabled and what they need to do to enable it.",
-          "if": {
-            "inactive": true
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.silver}",
-            "borderColor": "{palette.color.silver}",
-            "borderWidth": "{palette.border.none}",
-            "color": "{palette.color.gallery}"
-          }
-        },
         {
           "if": {
             "text": true
@@ -719,7 +661,7 @@
             "backgroundColor": "{palette.color.transparent}",
             "borderColor": "{palette.color.transparent}",
             "borderWidth": "{system.border.zero}",
-            "color": "{palette.color.chathamsBlue}",
+            "color": "{palette.color.black}",
             "minWidth": "{system.size.zero}",
             "paddingLeft": "{palette.size.size0}",
             "paddingRight": "{palette.size.size0}",
@@ -728,21 +670,23 @@
         },
         {
           "if": {
-            "hover": true,
+            "focus": true,
             "text": true
           },
           "tokens": {
-            "color": "{palette.color.chathamsBlueDark}",
-            "textLine": "{system.textLine.none}"
+            "borderColor": "{palette.color.transparent}",
+            "color": "{palette.color.black}",
+            "outerBorderColor": "{palette.color.black}"
           }
         },
         {
           "if": {
-            "priority": "high",
+            "hover": true,
             "text": true
           },
           "tokens": {
-            "color": "{palette.color.mosque}"
+            "color": "{palette.color.blackLight}",
+            "textLine": "{system.textLine.none}"
           }
         },
         {
@@ -751,229 +695,246 @@
             "text": true
           },
           "tokens": {
-            "color": "{palette.color.trinidad}"
+            "color": "{palette.color.danger}"
           }
         },
         {
           "if": {
+            "danger": true,
             "focus": true,
             "text": true
           },
           "tokens": {
             "borderColor": "{palette.color.transparent}",
-            "borderRadius": "{palette.radius.none}",
-            "color": "{palette.color.chathamsBlue}",
-            "outerBorderColor": "{palette.color.chathamsBlue}"
+            "color": "{palette.color.danger}",
+            "outerBorderColor": "{palette.color.danger}"
           }
         },
         {
           "if": {
-            "focus": true,
-            "priority": "high",
-            "text": true
+            "hover": true,
+            "priority": "low"
           },
           "tokens": {
             "borderColor": "{palette.color.transparent}",
-            "borderRadius": "{palette.radius.none}",
-            "color": "{palette.color.mosque}",
-            "outerBorderColor": "{palette.color.mosque}"
+            "borderWidth": "{palette.border.none}"
           }
         },
         {
           "if": {
-            "danger": true,
-            "focus": true,
+            "pressed": true,
             "text": true
           },
           "tokens": {
             "borderColor": "{palette.color.transparent}",
-            "borderRadius": "{palette.radius.none}",
-            "color": "{palette.color.trinidad}",
-            "outerBorderColor": "{palette.color.trinidad}"
+            "color": "{palette.color.mortar}",
+            "textLine": "{system.textLine.none}"
           }
         },
         {
           "if": {
-            "hover": true,
-            "priority": "high",
-            "text": true
+            "danger": true,
+            "hover": true
           },
           "tokens": {
-            "color": "{palette.color.mosqueDark}"
+            "backgroundColor": "{palette.color.dangerMid}",
+            "color": "{palette.color.white}"
           }
         },
         {
           "if": {
+            "danger": true,
             "hover": true,
-            "priority": null,
             "text": true
           },
           "tokens": {
-            "color": "{palette.color.chathamsBlueDark}"
+            "backgroundColor": "{palette.color.transparent}",
+            "color": "{palette.color.dangerMid}",
+            "outerBorderColor": "{palette.color.transparent}"
           }
         },
         {
           "if": {
-            "hover": true,
-            "priority": "low",
-            "text": true
+            "danger": true,
+            "pressed": true
           },
           "tokens": {
-            "color": "{palette.color.chathamsBlueDark}"
+            "backgroundColor": "{palette.color.blackLight}",
+            "borderColor": "{palette.color.transparent}",
+            "color": "{palette.color.dove}",
+            "outerBorderGap": "{palette.size.size0}"
           }
         },
         {
           "if": {
             "danger": true,
-            "hover": true,
+            "pressed": true,
             "text": true
           },
           "tokens": {
-            "color": "{palette.color.trinidadDark}"
+            "backgroundColor": "{palette.color.transparent}",
+            "borderColor": "{palette.color.transparent}",
+            "color": "{palette.color.dove}",
+            "textLine": "{system.textLine.none}"
           }
         },
         {
           "if": {
-            "pressed": true,
+            "inverse": true,
             "text": true
           },
           "tokens": {
-            "borderColor": "{palette.color.transparent}",
-            "color": "{palette.color.mortar}",
-            "textLine": "{system.textLine.none}"
+            "backgroundColor": "{palette.color.transparent}",
+            "color": "{palette.color.white}"
           }
         },
         {
           "if": {
             "focus": true,
-            "pressed": true,
+            "inverse": true,
             "text": true
           },
           "tokens": {
             "borderColor": "{palette.color.transparent}",
-            "color": "{palette.color.mortar}",
-            "outerBorderColor": "{palette.color.chathamsBlue}",
-            "textLine": "{system.textLine.none}"
+            "color": "{palette.color.white}",
+            "outerBorderColor": "{palette.color.white}"
           }
         },
         {
           "if": {
-            "focus": true,
-            "pressed": true,
-            "priority": "high",
+            "hover": true,
+            "inverse": true,
             "text": true
           },
           "tokens": {
-            "borderColor": "{palette.color.transparent}",
-            "color": "{palette.color.mortar}",
-            "outerBorderColor": "{palette.color.mortar}",
-            "textLine": "{system.textLine.none}"
+            "color": "{palette.color.silver}"
           }
         },
         {
           "if": {
-            "danger": true,
-            "focus": true,
+            "inverse": true,
             "pressed": true,
             "text": true
           },
           "tokens": {
             "borderColor": "{palette.color.transparent}",
-            "color": "{palette.color.mortar}",
-            "outerBorderColor": "{palette.color.trinidad}",
-            "textLine": "{system.textLine.none}"
+            "color": "{palette.color.dove}",
+            "outerBorderColor": "{palette.color.dove}"
           }
         },
         {
           "if": {
             "inactive": true,
+            "inverse": true,
             "text": true
           },
           "tokens": {
             "borderColor": "{palette.color.transparent}",
-            "color": "{palette.color.silver}",
-            "outerBorderColor": "{palette.color.transparent}",
-            "textLine": "{system.textLine.none}"
+            "color": "{palette.color.silver}"
+          }
+        },
+        {
+          "if": {
+            "pressed": true
+          },
+          "tokens": {
+            "borderBottomWidth": "{palette.border.none}",
+            "color": "{palette.color.dove}",
+            "outerBorderColor": "{palette.color.transparent}"
+          }
+        },
+        {
+          "description": "Buttons should not be disabled or set as inactive. Use inline (on blur) error messaging to provide feedback when the form is invalid. In exceptional instances where disabled buttons are needed, it must be clear to the user why the button is disabled and what they need to do to enable it.",
+          "if": {
+            "inactive": true
+          },
+          "tokens": {
+            "backgroundColor": "{palette.color.silver}",
+            "borderColor": "{palette.color.silver}",
+            "borderWidth": "{palette.border.none}",
+            "color": "{palette.color.white}",
+            "outerBorderColor": "{palette.color.transparent}"
           }
         },
         {
           "if": {
-            "inverse": true,
+            "priority": "low",
             "text": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.transparent}",
-            "color": "{palette.color.white}"
+            "color": "{palette.color.purple}"
           }
         },
         {
           "if": {
             "hover": true,
-            "inverse": true,
+            "priority": "low",
             "text": true
           },
           "tokens": {
-            "color": "{palette.color.silver}"
+            "color": "{palette.color.purpleDark}",
+            "outerBorderColor": "{palette.color.transparent}"
           }
         },
         {
           "if": {
             "focus": true,
-            "inverse": true,
+            "priority": "low",
             "text": true
           },
           "tokens": {
-            "borderColor": "{palette.color.transparent}",
-            "color": "{palette.color.white}",
-            "outerBorderColor": "{palette.color.white}"
+            "color": "{palette.color.purple}",
+            "outerBorderColor": "{palette.color.purple}",
+            "outerBorderWidth": "{palette.border.border1}"
           }
         },
         {
           "if": {
-            "focus": true,
-            "inverse": true,
             "pressed": true,
+            "priority": "low",
             "text": true
           },
           "tokens": {
-            "borderColor": "{palette.color.transparent}",
             "color": "{palette.color.dove}",
-            "outerBorderColor": "{palette.color.dove}"
+            "outerBorderColor": "{palette.color.transparent}",
+            "outerBorderWidth": "{palette.border.none}"
           }
         },
         {
           "if": {
             "inactive": true,
-            "inverse": true,
             "text": true
           },
           "tokens": {
+            "backgroundColor": "{palette.color.transparent}",
             "borderColor": "{palette.color.transparent}",
-            "color": "{palette.color.silver}"
+            "color": "{palette.color.silver}",
+            "outerBorderColor": "{palette.color.transparent}",
+            "textLine": "{system.textLine.none}"
           }
         }
       ],
       "tokens": {
-        "backgroundColor": "{palette.color.white}",
-        "borderBottomWidth": "{palette.border.border1}",
-        "borderColor": "{palette.color.mosque}",
+        "backgroundColor": "{palette.color.black}",
+        "borderBottomWidth": "{palette.border.none}",
+        "borderColor": "{palette.color.transparent}",
         "borderLeftWidth": "{palette.border.border1}",
         "borderRadius": "{palette.radius.radius4}",
         "borderRightWidth": "{palette.border.border1}",
         "borderTopWidth": "{palette.border.border1}",
         "borderWidth": "{palette.border.border1}",
-        "color": "{palette.color.mosque}",
+        "color": "{palette.color.white}",
         "fontName": "{palette.fontName.StagSans}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight600}",
         "height": "{system.size.none}",
         "icon": "{system.icon.none}",
-        "iconSize": "{palette.size.size24}",
+        "iconSize": "{palette.size.size16}",
         "iconSpace": "{system.integer.2}",
         "lineHeight": "{palette.lineHeight.ratio3to2}",
         "minWidth": "{palette.size.size144}",
         "opacity": "{system.opacity.opaque}",
-        "outerBackgroundColor": "{palette.color.white}",
+        "outerBackgroundColor": "{palette.color.transparent}",
         "outerBorderColor": "{palette.color.transparent}",
         "outerBorderGap": "{system.size.none}",
         "outerBorderWidth": "{palette.border.border1}",
@@ -1011,7 +972,7 @@
             "focus": true
           },
           "tokens": {
-            "outerBorderColor": "{palette.color.mosque}"
+            "outerBorderColor": "{palette.color.black}"
           }
         },
         {
@@ -1019,20 +980,32 @@
             "pressed": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosqueDark}",
-            "borderColor": "{palette.color.mosqueDark}",
-            "color": "{palette.color.white}"
+            "backgroundColor": "{palette.color.blackLight}",
+            "borderColor": "{palette.color.blackLight}",
+            "color": "{palette.color.dove}",
+            "iconColor": "{palette.color.dove}"
           }
         },
         {
           "if": {
-            "hover": true
+            "focus": false,
+            "hover": true,
+            "pressed": false
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosqueDark}",
-            "borderColor": "{palette.color.transparent}",
-            "color": "{palette.color.white}",
-            "iconColor": "{palette.color.white}"
+            "backgroundColor": "{palette.color.blackLight}",
+            "borderColor": "{palette.color.transparent}"
+          }
+        },
+        {
+          "if": {
+            "focus": true,
+            "hover": true,
+            "pressed": false
+          },
+          "tokens": {
+            "backgroundColor": "{palette.color.blackLight}",
+            "borderColor": "{palette.color.transparent}"
           }
         },
         {
@@ -1040,10 +1013,10 @@
             "inactive": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.gallery}",
-            "borderColor": "{palette.color.gallery}",
-            "color": "{palette.color.silver}",
-            "iconColor": "{palette.color.silver}"
+            "backgroundColor": "{palette.color.silver}",
+            "borderColor": "{palette.color.silver}",
+            "color": "{palette.color.white}",
+            "iconColor": "{palette.color.white}"
           }
         },
         {
@@ -1051,7 +1024,7 @@
             "selected": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosque}",
+            "backgroundColor": "{palette.color.black}",
             "color": "{palette.color.white}",
             "iconColor": "{palette.color.white}",
             "outerBorderColor": "{system.color.transparent}"
@@ -1063,18 +1036,18 @@
             "selected": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosqueDark}",
-            "outerBorderColor": "{palette.color.transparent}"
+            "backgroundColor": "{palette.color.blackLight}"
           }
         },
         {
           "if": {
             "focus": true,
+            "hover": false,
             "selected": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosque}",
-            "outerBorderColor": "{palette.color.mosque}",
+            "backgroundColor": "{palette.color.black}",
+            "outerBorderColor": "{palette.color.black}",
             "outerBorderGap": "{palette.size.size2}",
             "outerBorderWidth": "{palette.border.border1}"
           }
@@ -1086,8 +1059,10 @@
             "selected": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosqueDark}",
-            "borderColor": "{palette.color.transparent}"
+            "backgroundColor": "{palette.color.blackLight}",
+            "borderColor": "{palette.color.transparent}",
+            "color": "{palette.color.dove}",
+            "iconColor": "{palette.color.dove}"
           }
         },
         {
@@ -1097,19 +1072,19 @@
             "selected": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosqueDark}",
-            "outerBorderColor": "{palette.color.mosqueDark}"
+            "backgroundColor": "{palette.color.blackLight}",
+            "outerBorderColor": "{palette.color.blackLight}"
           }
         }
       ],
       "tokens": {
         "alignSelf": "{system.flexAlign.flexStart}",
         "backgroundColor": "{palette.color.white}",
-        "borderColor": "{palette.color.mosque}",
+        "borderColor": "{palette.color.black}",
         "borderRadius": "{palette.radius.radius4}",
         "borderWidth": "{palette.border.border1}",
-        "color": "{palette.color.mosque}",
-        "dividerColor": "{palette.color.mosque}",
+        "color": "{palette.color.black}",
+        "dividerColor": "{palette.color.black}",
         "fontName": "{palette.fontName.StagSans}",
         "fontSize": "{palette.fontSize.size14}",
         "fontWeight": "{palette.fontWeight.weight600}",
@@ -1117,7 +1092,7 @@
         "iconAlignSelf": "{system.flexAlign.center}",
         "iconBackground": "{palette.color.transparent}",
         "iconBorderRadius": "{palette.radius.pill32}",
-        "iconColor": "{palette.color.mosque}",
+        "iconColor": "{palette.color.black}",
         "iconPadding": "{palette.size.size4}",
         "iconPosition": "{system.position.right}",
         "iconSize": "{palette.size.size20}",
@@ -1136,7 +1111,7 @@
         "paddingRight": "{palette.size.size16}",
         "paddingTop": "{palette.size.size8}",
         "shadow": "{system.shadow.none}",
-        "subtitleColor": "{palette.color.mosqueDark}",
+        "subtitleColor": "{palette.color.black}",
         "textAlign": "{system.flexJustifyContent.center}",
         "width": "{system.size.none}"
       }
@@ -1205,37 +1180,49 @@
       "rules": [
         {
           "if": {
-            "pressed": true
+            "focus": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosqueDark}",
-            "color": "{palette.color.white}"
+            "outerBorderColor": "{palette.color.black}"
           }
         },
         {
           "if": {
-            "focus": true
+            "hover": true
           },
           "tokens": {
-            "outerBorderColor": "{palette.color.mosque}"
+            "backgroundColor": "{palette.color.blackLight}",
+            "borderColor": "{palette.color.blackLight}",
+            "color": "{palette.color.white}"
           }
         },
         {
           "if": {
-            "hover": true
+            "selected": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosqueDark}",
+            "backgroundColor": "{palette.color.purple}",
             "color": "{palette.color.white}"
           }
         },
         {
           "if": {
+            "pressed": true
+          },
+          "tokens": {
+            "backgroundColor": "{palette.color.blackLight}",
+            "color": "{palette.color.dove}"
+          }
+        },
+        {
+          "if": {
+            "focus": true,
             "selected": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosque}",
-            "color": "{palette.color.white}"
+            "backgroundColor": "{palette.color.purple}",
+            "color": "{palette.color.white}",
+            "outerBorderColor": "{palette.color.purple}"
           }
         },
         {
@@ -1244,7 +1231,7 @@
             "selected": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosqueDark}",
+            "backgroundColor": "{palette.color.purpleDark}",
             "color": "{palette.color.white}"
           }
         },
@@ -1254,8 +1241,8 @@
             "selected": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosqueDark}",
-            "color": "{palette.color.white}"
+            "backgroundColor": "{palette.color.blackLight}",
+            "color": "{palette.color.dove}"
           }
         },
         {
@@ -1288,10 +1275,10 @@
       "tokens": {
         "alignSelf": "{system.flexAlign.flexStart}",
         "backgroundColor": "{palette.color.white}",
-        "borderColor": "{palette.color.mosque}",
+        "borderColor": "{palette.color.black}",
         "borderRadius": "{palette.radius.radius4}",
         "borderWidth": "{palette.border.border1}",
-        "color": "{palette.color.mosque}",
+        "color": "{palette.color.black}",
         "fontName": "{palette.fontName.StagSans}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight600}",
@@ -1345,9 +1332,9 @@
         }
       ],
       "tokens": {
-        "background": "{palette.color.carouselPink}",
+        "background": "{palette.color.purple}",
         "borderRadius": "{palette.size.size0}",
-        "color": "{palette.color.flirt}",
+        "color": "{palette.color.white}",
         "gap": "{palette.size.size16}",
         "paddingBottom": "{palette.size.size8}",
         "paddingLeft": "{palette.size.size16}",
@@ -1402,8 +1389,8 @@
             "background": "alternative"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.icicle}",
-            "borderRadius": "{palette.radius.none}",
+            "backgroundColor": "{palette.color.purpleLight}",
+            "borderRadius": "{palette.radius.radius8}",
             "borderWidth": "{palette.border.none}"
           }
         },
@@ -1412,7 +1399,7 @@
             "background": "subtle"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.carouselPink}",
+            "backgroundColor": "{palette.color.green}",
             "borderWidth": "{palette.border.none}"
           }
         },
@@ -1421,7 +1408,7 @@
             "background": "grid"
           },
           "tokens": {
-            "borderColor": "{palette.color.mosque}",
+            "borderColor": "{palette.color.black}",
             "borderWidth": "{palette.border.border1}"
           }
         },
@@ -1430,8 +1417,8 @@
             "background": "feature"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.texas}",
-            "borderRadius": "{palette.radius.none}",
+            "backgroundColor": "{palette.color.orange}",
+            "borderRadius": "{palette.radius.radius8}",
             "borderWidth": "{palette.border.none}"
           }
         },
@@ -1579,9 +1566,9 @@
             "hover": true
           },
           "tokens": {
-            "borderBottomColor": "{palette.color.mosque}",
+            "borderBottomColor": "{palette.color.blackLight}",
             "borderBottomWidth": "{palette.border.border2}",
-            "color": "{palette.color.mosque}"
+            "color": "{palette.color.blackLight}"
           }
         },
         {
@@ -1589,9 +1576,9 @@
             "focus": true
           },
           "tokens": {
-            "borderBottomColor": "{palette.color.mosque}",
+            "borderBottomColor": "{palette.color.black}",
             "borderBottomWidth": "{palette.border.border4}",
-            "color": "{palette.color.mosque}"
+            "color": "{palette.color.black}"
           }
         },
         {
@@ -1599,9 +1586,9 @@
             "pressed": true
           },
           "tokens": {
-            "borderBottomColor": "{palette.color.mosqueDark}",
+            "borderBottomColor": "{palette.color.dove}",
             "borderBottomWidth": "{palette.border.border2}",
-            "color": "{palette.color.mosqueDark}"
+            "color": "{palette.color.dove}"
           }
         },
         {
@@ -1628,9 +1615,9 @@
             "selected": true
           },
           "tokens": {
-            "borderBottomColor": "{palette.color.mosque}",
+            "borderBottomColor": "{palette.color.black}",
             "borderBottomWidth": "{palette.border.border2}",
-            "color": "{palette.color.mosque}"
+            "color": "{palette.color.black}"
           }
         },
         {
@@ -1639,9 +1626,9 @@
             "inverse": true
           },
           "tokens": {
-            "borderBottomColor": "{palette.color.icicleDark}",
+            "borderBottomColor": "{palette.color.white}",
             "borderBottomWidth": "{palette.border.border2}",
-            "color": "{palette.color.icicleDark}"
+            "color": "{palette.color.white}"
           }
         },
         {
@@ -1650,9 +1637,9 @@
             "inverse": true
           },
           "tokens": {
-            "borderBottomColor": "{palette.color.mosque}",
+            "borderBottomColor": "{palette.color.white}",
             "borderBottomWidth": "{palette.border.border4}",
-            "color": "{palette.color.mosque}"
+            "color": "{palette.color.white}"
           }
         },
         {
@@ -1661,9 +1648,9 @@
             "pressed": true
           },
           "tokens": {
-            "borderBottomColor": "{palette.color.mosqueDark}",
+            "borderBottomColor": "{palette.color.dove}",
             "borderBottomWidth": "{palette.border.border2}",
-            "color": "{palette.color.mosqueDark}"
+            "color": "{palette.color.dove}"
           }
         },
         {
@@ -1671,7 +1658,7 @@
             "inverse": true
           },
           "tokens": {
-            "color": "{palette.color.icicle}"
+            "color": "{palette.color.white}"
           }
         },
         {
@@ -1749,7 +1736,7 @@
             "hover": true
           },
           "tokens": {
-            "borderColor": "{palette.color.mosqueDark}"
+            "borderColor": "{palette.color.blackLight}"
           }
         },
         {
@@ -1757,7 +1744,7 @@
             "focus": true
           },
           "tokens": {
-            "borderColor": "{palette.color.mosque}",
+            "borderColor": "{palette.color.black}",
             "borderWidth": "{palette.border.border2}"
           }
         },
@@ -1779,7 +1766,7 @@
         "containerPaddingTop": "{palette.size.size24}",
         "margin": "{palette.size.size4}",
         "padding": "{palette.size.size8}",
-        "selectedBorderColor": "{palette.color.mosque}",
+        "selectedBorderColor": "{palette.color.black}",
         "selectedBorderWidth": "{palette.border.border2}",
         "size": "{palette.size.size72}"
       }
@@ -1798,7 +1785,7 @@
             "focus": true
           },
           "tokens": {
-            "inputOutlineColor": "{palette.color.chathamsBlue}",
+            "inputOutlineColor": "{palette.color.black}",
             "inputOutlineWidth": "{palette.border.border1}"
           }
         },
@@ -1807,7 +1794,7 @@
             "hover": true
           },
           "tokens": {
-            "inputOutlineColor": "{palette.color.chathamsBlue}",
+            "inputOutlineColor": "{palette.color.black}",
             "inputOutlineWidth": "{palette.border.border1}"
           }
         },
@@ -1817,7 +1804,8 @@
           },
           "tokens": {
             "inputBackgroundColor": "{palette.color.silver}",
-            "inputBorderColor": "{palette.color.transparent}"
+            "inputBorderColor": "{palette.color.transparent}",
+            "labelColor": "{palette.color.dove}"
           }
         },
         {
@@ -1834,19 +1822,19 @@
       "tokens": {
         "containerBackgroundColor": "{palette.color.transparent}",
         "feedbackMarginBottom": "{system.size.zero}",
-        "feedbackMarginTop": "{system.size.zero}",
+        "feedbackMarginTop": "{palette.size.size12}",
         "feedbackPosition": "{system.position.bottom}",
         "icon": "{palette.icon.Check}",
         "iconBackgroundColor": "{palette.color.white}",
-        "iconColor": "{palette.color.mosque}",
-        "iconSize": "{palette.size.size20}",
+        "iconColor": "{palette.color.purple}",
+        "iconSize": "{palette.size.size14}",
         "inputBackgroundColor": "{palette.color.white}",
-        "inputBorderColor": "{palette.color.mosque}",
+        "inputBorderColor": "{palette.color.black}",
         "inputBorderRadius": "{palette.radius.none}",
         "inputBorderWidth": "{palette.border.border2}",
         "inputHeight": "{palette.size.size20}",
         "inputOutlineColor": "{system.color.none}",
-        "inputOutlineOffset": "{palette.size.size0}",
+        "inputOutlineOffset": "{palette.size.size1}",
         "inputOutlineWidth": "{palette.border.none}",
         "inputShadow": "{system.shadow.none}",
         "inputWidth": "{palette.size.size20}",
@@ -1888,35 +1876,37 @@
           },
           "tokens": {
             "borderColor": "{palette.color.dove}",
-            "checkboxOuterBorderColor": "{palette.color.chathamsBlue}",
+            "checkboxOuterBorderColor": "{palette.color.black}",
             "checkboxOuterBorderGap": "{palette.size.size2}",
             "checkboxOuterBorderWidth": "{palette.border.border1}",
-            "outerBorderColor": "{palette.color.gallery}",
+            "outerBorderColor": "{palette.color.silver}",
             "outerBorderWidth": "{palette.border.border2}"
           }
         },
         {
           "if": {
-            "focus": true
+            "checked": true
           },
           "tokens": {
-            "checkboxInputBorderColor": "{palette.color.mosque}",
-            "checkboxOuterBorderColor": "{palette.color.chathamsBlue}",
-            "checkboxOuterBorderGap": "{palette.size.size2}",
-            "checkboxOuterBorderWidth": "{palette.border.border1}",
-            "outerBorderColor": "{palette.color.chathamsBlue}",
-            "outerBorderGap": "{palette.size.size2}",
-            "outerBorderWidth": "{palette.border.border2}"
+            "borderColor": "{palette.color.silver}",
+            "checkboxCheckedBackgroundColor": "{palette.color.purple}",
+            "checkboxInputBorderColor": "{palette.color.black}",
+            "checkboxInputBorderWidth": "{palette.border.border2}"
           }
         },
         {
           "if": {
-            "checked": true
+            "focus": true
           },
           "tokens": {
-            "borderColor": "{palette.color.silver}",
-            "checkboxInputBorderColor": "{palette.color.mosque}",
-            "checkboxInputBorderWidth": "{palette.border.border2}"
+            "borderColor": "{palette.color.dove}",
+            "checkboxInputBorderColor": "{palette.color.black}",
+            "checkboxOuterBorderColor": "{palette.color.black}",
+            "checkboxOuterBorderGap": "{palette.size.size2}",
+            "checkboxOuterBorderWidth": "{palette.border.border1}",
+            "outerBorderColor": "{palette.color.black}",
+            "outerBorderGap": "{palette.size.size2}",
+            "outerBorderWidth": "{palette.border.border2}"
           }
         },
         {
@@ -1926,7 +1916,8 @@
           },
           "tokens": {
             "backgroundColor": "{palette.color.gallery}",
-            "checkboxOuterBorderColor": "{palette.color.chathamsBlue}",
+            "borderColor": "{palette.color.dove}",
+            "checkboxOuterBorderColor": "{palette.color.black}",
             "checkboxOuterBorderGap": "{palette.size.size2}",
             "outerBorderColor": "{palette.color.silver}",
             "outerBorderGap": "{palette.size.size0}",
@@ -1966,10 +1957,10 @@
         "borderColor": "{palette.color.silver}",
         "borderRadius": "{palette.radius.radius4}",
         "borderWidth": "{palette.border.border1}",
-        "checkboxCheckedBackgroundColor": "{palette.color.mosque}",
+        "checkboxCheckedBackgroundColor": "{palette.color.black}",
         "checkboxCheckedSize": "{palette.size.size16}",
         "checkboxInputBackgroundColor": "{palette.color.white}",
-        "checkboxInputBorderColor": "{palette.color.mosque}",
+        "checkboxInputBorderColor": "{palette.color.black}",
         "checkboxInputBorderWidth": "{palette.border.border2}",
         "checkboxInputOutlineColor": "{palette.color.transparent}",
         "checkboxInputOutlineWidth": "{palette.border.none}",
@@ -2085,7 +2076,7 @@
             "hover": true
           },
           "tokens": {
-            "color": "{palette.color.mosqueDark}",
+            "color": "{palette.color.blackLight}",
             "iconDisplace": "{palette.size.size4}"
           }
         },
@@ -2094,7 +2085,7 @@
             "pressed": true
           },
           "tokens": {
-            "color": "{palette.color.mortar}"
+            "color": "{palette.color.dove}"
           }
         },
         {
@@ -2102,8 +2093,8 @@
             "focus": true
           },
           "tokens": {
-            "color": "{palette.color.mosque}",
-            "outerBorderColor": "{palette.color.mosque}"
+            "color": "{palette.color.black}",
+            "outerBorderColor": "{palette.color.black}"
           }
         },
         {
@@ -2112,8 +2103,8 @@
             "pressed": true
           },
           "tokens": {
-            "color": "{palette.color.mosqueDark}",
-            "outerBorderColor": "{palette.color.mosqueDark}"
+            "color": "{palette.color.dove}",
+            "outerBorderColor": "{palette.color.dove}"
           }
         },
         {
@@ -2121,7 +2112,7 @@
             "alternative": true
           },
           "tokens": {
-            "color": "{palette.color.black}"
+            "color": "{palette.color.purple}"
           }
         },
         {
@@ -2130,7 +2121,7 @@
             "hover": true
           },
           "tokens": {
-            "color": "{palette.color.doveDark}"
+            "color": "{palette.color.purpleDark}"
           }
         },
         {
@@ -2139,7 +2130,7 @@
             "pressed": true
           },
           "tokens": {
-            "color": "{palette.color.mortar}"
+            "color": "{palette.color.dove}"
           }
         },
         {
@@ -2148,8 +2139,8 @@
             "focus": true
           },
           "tokens": {
-            "color": "{palette.color.black}",
-            "outerBorderColor": "{palette.color.black}"
+            "color": "{palette.color.purple}",
+            "outerBorderColor": "{palette.color.purple}"
           }
         },
         {
@@ -2159,8 +2150,8 @@
             "pressed": true
           },
           "tokens": {
-            "color": "{palette.color.mortarDark}",
-            "outerBorderColor": "{palette.color.mortarDark}"
+            "color": "{palette.color.dove}",
+            "outerBorderColor": "{palette.color.dove}"
           }
         },
         {
@@ -2168,7 +2159,7 @@
             "inverse": true
           },
           "tokens": {
-            "color": "{palette.color.icicle}"
+            "color": "{palette.color.white}"
           }
         },
         {
@@ -2177,7 +2168,7 @@
             "inverse": true
           },
           "tokens": {
-            "color": "{palette.color.icicleDark}"
+            "color": "{palette.color.gallery}"
           }
         },
         {
@@ -2195,8 +2186,8 @@
             "inverse": true
           },
           "tokens": {
-            "color": "{palette.color.icicle}",
-            "outerBorderColor": "{palette.color.icicle}"
+            "color": "{palette.color.white}",
+            "outerBorderColor": "{palette.color.white}"
           }
         },
         {
@@ -2206,8 +2197,8 @@
             "pressed": true
           },
           "tokens": {
-            "color": "{palette.color.icicleDark}",
-            "outerBorderColor": "{palette.color.icicleDark}"
+            "color": "{palette.color.silver}",
+            "outerBorderColor": "{palette.color.silver}"
           }
         },
         {
@@ -2239,7 +2230,7 @@
         }
       ],
       "tokens": {
-        "color": "{palette.color.mosque}",
+        "color": "{palette.color.black}",
         "fontSize": "{palette.fontSize.size16}",
         "iconDisplace": "{palette.size.size0}",
         "iconSize": "{palette.size.size24}",
@@ -2278,9 +2269,9 @@
           "tokens": {
             "containerPaddingBottomTop": "{palette.size.size16}",
             "containerPaddingLeftRight": "{palette.size.size24}",
-            "labelFontSize": "{palette.fontSize.size14}",
-            "labelLineHeight": "{palette.lineHeight.ratio10to7}",
-            "textLineHeight": "{palette.lineHeight.ratio8to7}"
+            "labelFontSize": "{palette.fontSize.size16}",
+            "labelLineHeight": "{palette.lineHeight.ratio3to2}",
+            "textLineHeight": "{palette.lineHeight.ratio3to2}"
           }
         },
         {
@@ -2288,8 +2279,8 @@
             "feature": true
           },
           "tokens": {
-            "containerBorderColor": "{palette.color.mosque}",
-            "labelBorderColor": "{palette.color.mosque}",
+            "containerBorderColor": "{palette.color.black}",
+            "labelBorderColor": "{palette.color.black}",
             "textFontSize": "{palette.fontSize.size70}",
             "textLineHeight": "{palette.lineHeight.ratio6to5}",
             "textTimerFontName": "{palette.fontName.StagSans}",
@@ -2316,7 +2307,8 @@
             "viewport": ["xs"]
           },
           "tokens": {
-            "textFontSize": "{palette.fontSize.size44}"
+            "textFontSize": "{palette.fontSize.size44}",
+            "textLineHeight": "{palette.lineHeight.ratio11to9}"
           }
         },
         {
@@ -2354,14 +2346,28 @@
         "labelFontWeight": "{palette.fontWeight.weight400}",
         "labelLineHeight": "{palette.lineHeight.ratio3to2}",
         "textFontSize": "{palette.fontSize.size16}",
-        "textLineHeight": "{palette.lineHeight.ratio8to7}",
+        "textLineHeight": "{palette.lineHeight.ratio3to2}",
         "textTimerFontName": "{palette.fontName.StagSans}",
         "textTimerFontWeight": "{palette.fontWeight.weight400}"
       }
     },
     "DatePicker": {
-      "appearances": {},
-      "rules": [],
+      "appearances": {
+        "viewport": "{appearances.system.viewport}"
+      },
+      "rules": [
+        {
+          "if": {
+            "viewport": ["xs"]
+          },
+          "tokens": {
+            "calendarMonthCaptionFontName": "{palette.fontName.StagSans}",
+            "calendarMonthCaptionFontSize": "{palette.fontSize.size14}",
+            "calendarMonthCaptionFontWeight": "{palette.fontWeight.weight600}",
+            "calendarMonthCaptionLineHeight": "{palette.lineHeight.multiply172}"
+          }
+        }
+      ],
       "tokens": {
         "calendarBackgroundColor": "{palette.color.white}",
         "calendarDayBlockedCalendarHoverBackground": "{palette.color.gallery}",
@@ -2370,7 +2376,7 @@
         "calendarDayDefaultBorder": "{palette.border.border1}",
         "calendarDayDefaultBorderColor": "{palette.color.silver}",
         "calendarDayDefaultCalendarDaySelectedHoverBackground": "{palette.color.white}",
-        "calendarDayDefaultCalendarDaySelectedHoverBeforeBackground": "{palette.color.mosque}",
+        "calendarDayDefaultCalendarDaySelectedHoverBeforeBackground": "{palette.color.purple}",
         "calendarDayDefaultCalendarDaySelectedHoverColor": "{palette.color.white}",
         "calendarDayDefaultColor": "{palette.color.black}",
         "calendarDayDefaultFontName": "{palette.fontName.StagSans}",
@@ -2382,7 +2388,7 @@
         "calendarDaySelectedFocusBeforeBackground": "{palette.color.white}",
         "calendarDaySelectedHoverBackground": "{palette.color.white}",
         "calendarDaySelectedHoverBeforeBackground": "{palette.color.white}",
-        "calendarDaySelectedHoverBeforeBorderColor": "{palette.color.mosque}",
+        "calendarDaySelectedHoverBeforeBorderColor": "{palette.color.purple}",
         "calendarDaySelectedHoverBorderColor": "{palette.color.silver}",
         "calendarDaySelectedHoverColor": "{palette.color.black}",
         "calendarMonthCaptionColor": "{palette.color.black}",
@@ -2451,7 +2457,7 @@
             "decorative": true
           },
           "tokens": {
-            "color": "{palette.color.mosque}"
+            "color": "{palette.color.black}"
           }
         },
         {
@@ -2460,7 +2466,7 @@
             "weight": "thick"
           },
           "tokens": {
-            "color": "{palette.color.mosque}",
+            "color": "{palette.color.black}",
             "width": "{palette.size.size2}"
           }
         },
@@ -2608,7 +2614,7 @@
             "alternative": true
           },
           "tokens": {
-            "color": "{palette.color.black}"
+            "color": "{palette.color.dove}"
           }
         },
         {
@@ -2636,8 +2642,8 @@
           },
           "tokens": {
             "fontSize": "{palette.fontSize.size14}",
-            "iconSize": "{palette.size.size20}",
-            "lineHeight": "{palette.lineHeight.ratio14to1}"
+            "iconSize": "{palette.size.size16}",
+            "lineHeight": "{palette.lineHeight.ratio10to7}"
           }
         },
         {
@@ -2646,23 +2652,23 @@
           },
           "tokens": {
             "fontSize": "{palette.fontSize.size20}",
-            "lineHeight": "{palette.lineHeight.ratio8to5}"
+            "lineHeight": "{palette.lineHeight.ratio7to5}"
           }
         }
       ],
       "tokens": {
         "borderColor": "{palette.color.transparent}",
         "borderWidth": "{system.border.zero}",
-        "color": "{palette.color.mosque}",
+        "color": "{palette.color.black}",
         "fontSize": "{palette.fontSize.size16}",
         "icon": "{palette.icon.ChevronDown}",
         "iconColor": "{palette.color.black}",
         "iconGap": "{palette.size.size8}",
         "iconPaddingTop": "{palette.size.size4}",
         "iconPosition": "{system.position.left}",
-        "iconSize": "{palette.size.size24}",
+        "iconSize": "{palette.size.size16}",
         "justifyContent": "{system.flexJustifyContent.flexStart}",
-        "lineHeight": "{palette.lineHeight.ratio14to1}",
+        "lineHeight": "{palette.lineHeight.ratio3to2}",
         "paddingBottom": "{palette.size.size0}",
         "paddingLeft": "{palette.size.size0}",
         "paddingRight": "{palette.size.size0}",
@@ -2699,7 +2705,8 @@
             "contentPaddingBottom": "{palette.size.size0}",
             "contentPaddingLeft": "{palette.size.size0}",
             "contentPaddingRight": "{palette.size.size0}",
-            "contentPaddingTop": "{palette.size.size0}"
+            "contentPaddingTop": "{palette.size.size0}",
+            "contentPanelBackgroundColor": "{palette.color.black}"
           }
         }
       ],
@@ -2744,7 +2751,15 @@
             "validation": "error"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.piggyPink}"
+            "backgroundColor": "{palette.color.dangerLight}"
+          }
+        },
+        {
+          "if": {
+            "validation": "success"
+          },
+          "tokens": {
+            "backgroundColor": "{palette.color.successLight}"
           }
         },
         {
@@ -2753,8 +2768,9 @@
             "validation": "success"
           },
           "tokens": {
-            "icon": "{palette.icon.CheckCircledFilled}",
-            "iconColor": "{palette.color.mosque}"
+            "backgroundColor": "{palette.color.successLight}",
+            "icon": "{palette.icon.CheckCircleFilled}",
+            "iconColor": "{palette.color.success}"
           }
         },
         {
@@ -2763,13 +2779,14 @@
             "validation": "error"
           },
           "tokens": {
+            "backgroundColor": "{palette.color.dangerLight}",
             "icon": "{palette.icon.Caution}",
-            "iconColor": "{palette.color.amaranth}"
+            "iconColor": "{palette.color.danger}"
           }
         }
       ],
       "tokens": {
-        "backgroundColor": "{palette.color.icicle}",
+        "backgroundColor": "{palette.color.gallery}",
         "borderColor": "{palette.color.transparent}",
         "borderRadius": "{palette.radius.none}",
         "borderWidth": "{palette.border.none}",
@@ -2843,7 +2860,7 @@
         },
         {
           "if": {
-            "viewport": ["md", "lg"]
+            "viewport": ["md", "lg", "xl"]
           },
           "tokens": {
             "footnoteBodyPaddingBottom": "{palette.size.size40}",
@@ -2855,21 +2872,6 @@
             "footnoteHeaderPaddingRight": "{palette.size.size4}",
             "footnoteHeaderPaddingTop": "{palette.size.size24}"
           }
-        },
-        {
-          "if": {
-            "viewport": ["xl"]
-          },
-          "tokens": {
-            "footnoteBodyPaddingBottom": "{palette.size.size40}",
-            "footnoteBodyPaddingLeft": "{palette.size.size16}",
-            "footnoteBodyPaddingRight": "{palette.size.size16}",
-            "footnoteBodyPaddingTop": "{palette.size.size0}",
-            "footnoteHeaderPaddingBottom": "{palette.size.size24}",
-            "footnoteHeaderPaddingLeft": "{palette.size.size16}",
-            "footnoteHeaderPaddingRight": "{palette.size.size16}",
-            "footnoteHeaderPaddingTop": "{palette.size.size24}"
-          }
         }
       ],
       "tokens": {
@@ -2903,7 +2905,7 @@
         "headerMargin": "{palette.size.size16}",
         "listItemColor": "{palette.color.black}",
         "listItemFontSize": "{palette.size.size14}",
-        "listItemLineHeight": "{palette.lineHeight.ratio8to5}",
+        "listItemLineHeight": "{palette.lineHeight.ratio10to7}",
         "listItemMarkerFontSize": "{palette.size.size14}",
         "listItemMarkerLineHeight": "{palette.lineHeight.ratio8to5}",
         "listItemPaddingLeft": "{palette.size.size8}",
@@ -2916,7 +2918,7 @@
       "tokens": {
         "color": "{system.color.none}",
         "fontName": "{palette.fontName.StagSans}",
-        "fontWeight": "{palette.fontWeight.weight400}",
+        "fontWeight": "{palette.fontWeight.weight600}",
         "lineHeight": "{palette.lineHeight.ratio1to1}",
         "paddingLeft": "{palette.size.size2}",
         "paddingRight": "{palette.size.size2}"
@@ -2934,9 +2936,9 @@
             "hover": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.texas}",
-            "borderColor": "{palette.color.mosqueDark}",
-            "iconColor": "{palette.color.mosqueDark}"
+            "backgroundColor": "{palette.color.black}",
+            "borderColor": "{palette.color.black}",
+            "iconColor": "{palette.color.white}"
           }
         },
         {
@@ -2944,15 +2946,15 @@
             "pressed": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosque}",
-            "borderColor": "{palette.color.mosque}",
+            "backgroundColor": "{palette.color.blackLight}",
+            "borderColor": "{palette.color.blackLight}",
             "iconColor": "{palette.color.white}"
           }
         }
       ],
       "tokens": {
         "backgroundColor": "{palette.color.white}",
-        "borderColor": "{palette.color.mosque}",
+        "borderColor": "{palette.color.black}",
         "borderRadius": "{palette.radius.pill32}",
         "borderWidth": "{palette.border.border1}",
         "iconColor": "{palette.color.black}",
@@ -3021,7 +3023,7 @@
             "color": "brand"
           },
           "tokens": {
-            "color": "{palette.color.mosque}"
+            "color": "{palette.color.pink}"
           }
         },
         {
@@ -3037,7 +3039,7 @@
             "color": "offer"
           },
           "tokens": {
-            "color": "{palette.color.mosque}"
+            "color": "{palette.color.pink}"
           }
         },
         {
@@ -3045,7 +3047,7 @@
             "color": "success"
           },
           "tokens": {
-            "color": "{palette.color.mosque}"
+            "color": "{palette.color.success}"
           }
         },
         {
@@ -3053,7 +3055,7 @@
             "color": "danger"
           },
           "tokens": {
-            "color": "{palette.color.amaranth}"
+            "color": "{palette.color.danger}"
           }
         },
         {
@@ -3061,7 +3063,7 @@
             "color": "warning"
           },
           "tokens": {
-            "color": "{palette.color.mortar}"
+            "color": "{palette.color.danger}"
           }
         },
         {
@@ -3077,7 +3079,7 @@
             "status": "success"
           },
           "tokens": {
-            "color": "{palette.color.mosque}"
+            "color": "{palette.color.success}"
           }
         },
         {
@@ -3085,7 +3087,7 @@
             "status": "error"
           },
           "tokens": {
-            "color": "{palette.color.amaranth}"
+            "color": "{palette.color.danger}"
           }
         }
       ],
@@ -3292,6 +3294,7 @@
             "inverse": true
           },
           "tokens": {
+            "borderColor": "{palette.color.transparent}",
             "iconColor": "{palette.color.white}"
           }
         },
@@ -3300,57 +3303,18 @@
             "hover": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosque}",
+            "backgroundColor": "{palette.color.black}",
             "iconColor": "{palette.color.white}",
             "iconScale": "{system.iconScale.scale1_10}"
           }
         },
-        {
-          "if": {
-            "hover": true,
-            "inactive": true
-          },
-          "tokens": {
-            "iconScale": "{system.iconScale.scale1}"
-          }
-        },
-        {
-          "if": {
-            "hover": true,
-            "password": true
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.mosque}",
-            "borderColor": "{palette.color.mosque}",
-            "iconColor": "{palette.color.white}"
-          }
-        },
-        {
-          "if": {
-            "password": true
-          },
-          "tokens": {
-            "borderColor": "{system.color.transparent}"
-          }
-        },
-        {
-          "if": {
-            "focus": true,
-            "password": true
-          },
-          "tokens": {
-            "borderColor": "{palette.color.mosque}",
-            "borderWidth": "{palette.border.border3}",
-            "outerBorderWidth": "{palette.border.none}"
-          }
-        },
         {
           "if": {
             "hover": true,
             "inverse": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.icicleDark}",
+            "backgroundColor": "{palette.color.white}",
             "iconColor": "{palette.color.black}"
           }
         },
@@ -3360,9 +3324,9 @@
           },
           "tokens": {
             "backgroundColor": "{system.color.transparent}",
+            "borderColor": "{palette.color.black}",
             "iconColor": "{palette.color.black}",
-            "outerBorderColor": "{palette.color.mosque}",
-            "outerBorderWidth": "{palette.border.border1}"
+            "outerBorderColor": "{palette.color.transparent}"
           }
         },
         {
@@ -3372,42 +3336,39 @@
           },
           "tokens": {
             "backgroundColor": "{system.color.transparent}",
-            "borderColor": "{palette.color.icicle}",
-            "iconColor": "{palette.color.icicle}",
-            "outerBorderColor": "{palette.color.icicle}",
-            "outerBorderWidth": "{palette.border.border1}"
+            "borderColor": "{palette.color.white}",
+            "iconColor": "{palette.color.white}",
+            "outerBorderColor": "{palette.color.transparent}",
+            "outerBorderWidth": "{palette.border.none}"
           }
         },
         {
           "if": {
-            "inactive": null,
-            "pressed": true
+            "password": true
           },
           "tokens": {
-            "backgroundColor": "{system.color.transparent}",
-            "iconColor": "{palette.color.darkMosque}"
+            "borderColor": "{system.color.transparent}"
           }
         },
         {
           "if": {
-            "pressed": true
+            "focus": true,
+            "password": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.darkMosque}",
-            "iconColor": "{palette.color.white}",
-            "outerBorderWidth": "{system.border.zero}"
+            "borderColor": "{palette.color.black}",
+            "borderWidth": "{palette.border.border3}",
+            "outerBorderWidth": "{palette.border.none}"
           }
         },
         {
           "if": {
-            "password": true,
+            "inactive": null,
             "pressed": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.darkMosque}",
-            "borderColor": "{palette.color.darkMosque}",
-            "iconColor": "{palette.color.white}",
-            "outerBorderGap": "{palette.size.size4}"
+            "backgroundColor": "{palette.color.blackLight}",
+            "iconColor": "{palette.color.dove}"
           }
         },
         {
@@ -3422,6 +3383,18 @@
             "outerBorderWidth": "{system.border.zero}"
           }
         },
+        {
+          "if": {
+            "password": true,
+            "pressed": true
+          },
+          "tokens": {
+            "backgroundColor": "{palette.color.black}",
+            "borderColor": "{palette.color.black}",
+            "iconColor": "{palette.color.black}",
+            "outerBorderGap": "{system.size.zero}"
+          }
+        },
         {
           "if": {
             "size": "large"
@@ -3446,14 +3419,7 @@
             "raised": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.white}",
-            "borderColor": "{palette.color.mosque}",
-            "borderWidth": "{palette.border.border1}",
-            "iconSize": "{palette.size.size16}",
-            "outerBorderColor": "{system.color.transparent}",
-            "outerBorderGap": "{system.size.zero}",
-            "outerBorderWidth": "{system.border.zero}",
-            "padding": "{palette.size.size8}",
+            "borderColor": "{palette.color.black}",
             "shadow": "{palette.shadow.surfaceRaised}"
           }
         },
@@ -3462,10 +3428,7 @@
             "hover": true,
             "raised": true
           },
-          "tokens": {
-            "backgroundColor": "{palette.color.mosque}",
-            "iconColor": "{palette.color.white}"
-          }
+          "tokens": {}
         },
         {
           "if": {
@@ -3492,45 +3455,17 @@
             "raised": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.white}",
-            "borderColor": "{palette.color.mosque}",
-            "borderWidth": "{palette.border.border3}",
-            "iconColor": "{palette.color.black}"
-          }
-        },
-        {
-          "if": {
-            "pressed": true,
-            "raised": true
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.darkMosque}",
-            "borderWidth": "{system.border.zero}",
-            "iconColor": "{palette.color.white}"
-          }
-        },
-        {
-          "if": {
-            "inactive": true,
-            "password": true
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.transparent}",
-            "borderWidth": "{system.border.zero}",
-            "iconColor": "{palette.color.silverDark}",
-            "outerBorderColor": "{palette.color.transparent}"
+            "borderWidth": "{palette.border.border3}"
           }
         },
         {
           "if": {
-            "focus": true,
             "pressed": true,
             "raised": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.darkMosque}",
-            "borderWidth": "{system.border.zero}",
-            "iconColor": "{palette.color.white}"
+            "backgroundColor": "{palette.color.black}",
+            "iconColor": "{palette.color.dove}"
           }
         },
         {
@@ -3546,8 +3481,8 @@
             "inactive": true
           },
           "tokens": {
-            "backgroundColor": "{system.color.transparent}",
-            "iconColor": "{palette.color.silverDark}",
+            "backgroundColor": "{palette.color.gallery}",
+            "iconColor": "{palette.color.silver}",
             "outerBorderColor": "{palette.color.transparent}",
             "outerBorderWidth": "{palette.border.none}"
           }
@@ -3646,8 +3581,8 @@
             "focus": true
           },
           "tokens": {
-            "color": "{palette.color.mosque}",
-            "outerBorderColor": "{palette.color.mosque}",
+            "color": "{palette.color.black}",
+            "outerBorderColor": "{palette.color.black}",
             "outerBorderOutline": "{system.borderStyle.none}"
           }
         },
@@ -3657,8 +3592,8 @@
             "pressed": true
           },
           "tokens": {
-            "color": "{palette.color.mortar}",
-            "outerBorderColor": "{palette.color.mortar}"
+            "color": "{palette.color.dove}",
+            "outerBorderColor": "{palette.color.dove}"
           }
         },
         {
@@ -3666,7 +3601,7 @@
             "hover": true
           },
           "tokens": {
-            "color": "{palette.color.mosqueDark}",
+            "color": "{palette.color.blackLight}",
             "textLine": "{system.textLine.none}"
           }
         },
@@ -3675,7 +3610,7 @@
             "pressed": true
           },
           "tokens": {
-            "color": "{palette.color.mortar}",
+            "color": "{palette.color.dove}",
             "textLine": "{system.textLine.none}"
           }
         },
@@ -3684,7 +3619,7 @@
             "alternative": true
           },
           "tokens": {
-            "color": "{palette.color.black}"
+            "color": "{palette.color.purple}"
           }
         },
         {
@@ -3693,8 +3628,8 @@
             "focus": true
           },
           "tokens": {
-            "color": "{palette.color.black}",
-            "outerBorderColor": "{palette.color.black}"
+            "color": "{palette.color.purple}",
+            "outerBorderColor": "{palette.color.purple}"
           }
         },
         {
@@ -3703,7 +3638,7 @@
             "hover": true
           },
           "tokens": {
-            "color": "{palette.color.doveDark}"
+            "color": "{palette.color.purpleDark}"
           }
         },
         {
@@ -3712,7 +3647,7 @@
             "pressed": true
           },
           "tokens": {
-            "color": "{palette.color.mortarDark}"
+            "color": "{palette.color.dove}"
           }
         },
         {
@@ -3722,8 +3657,8 @@
             "pressed": true
           },
           "tokens": {
-            "color": "{palette.color.mortarDark}",
-            "outerBorderColor": "{palette.color.mortarDark}"
+            "color": "{palette.color.dove}",
+            "outerBorderColor": "{palette.color.dove}"
           }
         },
         {
@@ -3731,7 +3666,7 @@
             "inverse": true
           },
           "tokens": {
-            "color": "{palette.color.icicle}"
+            "color": "{palette.color.white}"
           }
         },
         {
@@ -3740,8 +3675,8 @@
             "inverse": true
           },
           "tokens": {
-            "color": "{palette.color.icicle}",
-            "outerBorderColor": "{palette.color.icicle}"
+            "color": "{palette.color.white}",
+            "outerBorderColor": "{palette.color.white}"
           }
         },
         {
@@ -3761,7 +3696,7 @@
             "inverse": true
           },
           "tokens": {
-            "color": "{palette.color.icicleDark}"
+            "color": "{palette.color.gallery}"
           }
         },
         {
@@ -3813,7 +3748,7 @@
         "blockFontWeight": "{palette.fontWeight.weight600}",
         "blockLineHeight": "{palette.lineHeight.multiply150}",
         "borderRadius": "{palette.radius.radius4}",
-        "color": "{palette.color.mosque}",
+        "color": "{palette.color.black}",
         "icon": "{system.icon.none}",
         "iconSize": "{palette.size.size24}",
         "iconSpace": "{system.integer.1}",
@@ -3899,13 +3834,13 @@
         "iconMarginTop": "{palette.size.size2}",
         "interItemMargin": "{palette.size.size8}",
         "interItemMarginWithDivider": "{palette.size.size16}",
-        "itemBulletColor": "{palette.color.flirt}",
+        "itemBulletColor": "{palette.color.black}",
         "itemBulletContainerAlign": "{system.textAlign.center}",
         "itemBulletContainerWidth": "{palette.size.size16}",
         "itemFontName": "{palette.fontName.StagSans}",
         "itemFontSize": "{palette.fontSize.size16}",
         "itemFontWeight": "{palette.fontWeight.weight400}",
-        "itemIconColor": "{palette.color.flirt}",
+        "itemIconColor": "{palette.color.pink}",
         "itemIconSize": "{palette.size.size16}",
         "itemLineHeight": "{palette.lineHeight.multiply130}",
         "listGutter": "{palette.size.size10}"
@@ -3921,21 +3856,6 @@
         "pressed": "{appearances.Listbox.pressed}"
       },
       "rules": [
-        {
-          "if": {
-            "focus": true,
-            "hover": true,
-            "pressed": true
-          },
-          "tokens": {
-            "groupBackgroundColor": "{palette.color.silverDark}",
-            "groupBorderColor": "{palette.color.transparent}",
-            "groupBorderWidth": "{palette.border.none}",
-            "groupColor": "{palette.color.mortar}",
-            "itemBackgroundColor": "{palette.color.silverDark}",
-            "itemColor": "{palette.color.mortar}"
-          }
-        },
         {
           "if": {
             "focus": false,
@@ -3943,9 +3863,9 @@
             "pressed": false
           },
           "tokens": {
-            "groupBackgroundColor": "{palette.color.silver}",
-            "groupBorderColor": "{palette.color.silver}",
-            "itemBackgroundColor": "{palette.color.silver}"
+            "groupBackgroundColor": "{palette.color.gallery}",
+            "groupBorderColor": "{palette.color.transparent}",
+            "itemBackgroundColor": "{palette.color.gallery}"
           }
         },
         {
@@ -3954,13 +3874,12 @@
             "pressed": false
           },
           "tokens": {
-            "groupBorderColor": "{palette.color.mosque}",
-            "groupColor": "{palette.color.mosque}",
-            "itemBorderBottomColor": "{palette.color.mosque}",
-            "itemBorderLeftColor": "{palette.color.mosque}",
-            "itemBorderRightColor": "{palette.color.mosque}",
-            "itemBorderTopColor": "{palette.color.mosque}",
-            "itemColor": "{palette.color.mosque}"
+            "groupBorderColor": "{palette.color.purple}",
+            "groupColor": "{palette.color.purple}",
+            "itemBorderBottomColor": "{palette.color.purple}",
+            "itemBorderLeftColor": "{palette.color.purple}",
+            "itemBorderRightColor": "{palette.color.purple}",
+            "itemBorderTopColor": "{palette.color.purple}"
           }
         },
         {
@@ -3968,10 +3887,10 @@
             "current": true
           },
           "tokens": {
-            "groupBackgroundColor": "{palette.color.mosque}",
-            "groupBorderColor": "{palette.color.mosque}",
+            "groupBackgroundColor": "{palette.color.black}",
+            "groupBorderColor": "{palette.color.black}",
             "groupColor": "{palette.color.white}",
-            "itemBackgroundColor": "{palette.color.mosque}",
+            "itemBackgroundColor": "{palette.color.black}",
             "itemColor": "{palette.color.white}"
           }
         },
@@ -3998,17 +3917,26 @@
         },
         {
           "if": {
-            "focus": true,
-            "isChild": true
+            "isChild": true,
+            "pressed": true
           },
           "tokens": {
-            "itemBorderBottomColor": "{palette.color.mosque}",
-            "itemBorderBottomWidth": "{palette.border.border1}",
-            "itemBorderLeftColor": "{palette.color.mosque}",
-            "itemBorderRightColor": "{palette.color.mosque}",
-            "itemBorderRightWidth": "{palette.border.border1}",
-            "itemBorderTopColor": "{palette.color.mosque}",
-            "itemBorderTopWidth": "{palette.border.border1}"
+            "itemBorderBottomWidth": "{palette.border.none}",
+            "itemBorderLeftColor": "{palette.color.mortar}",
+            "itemBorderTopWidth": "{palette.border.none}",
+            "itemColor": "{palette.color.mortar}"
+          }
+        },
+        {
+          "if": {
+            "expanded": true
+          },
+          "tokens": {
+            "groupBackgroundColor": "{palette.color.transparent}",
+            "groupBorderColor": "{palette.color.transparent}",
+            "groupColor": "{palette.color.white}",
+            "groupIcon": "{palette.icon.ChevronUp}",
+            "itemColor": "{palette.color.mortar}"
           }
         },
         {
@@ -4017,27 +3945,63 @@
             "isChild": true
           },
           "tokens": {
-            "itemBorderLeftColor": "{palette.color.mosque}"
+            "itemBackgroundColor": "{palette.color.black}",
+            "itemBorderLeftColor": "{palette.color.black}",
+            "itemColor": "{palette.color.white}"
           }
         },
         {
           "if": {
-            "isChild": true,
-            "pressed": true
+            "current": true,
+            "focus": false,
+            "hover": true
           },
           "tokens": {
-            "itemBorderBottomWidth": "{palette.border.none}",
-            "itemBorderLeftColor": "{palette.color.mortar}",
-            "itemBorderTopWidth": "{palette.border.none}",
-            "itemColor": "{palette.color.mortar}"
+            "itemBackgroundColor": "{palette.color.gallery}",
+            "itemBorderLeftColor": "{palette.color.gallery}",
+            "itemColor": "{palette.color.dove}"
           }
         },
         {
           "if": {
-            "expanded": true
+            "current": true,
+            "focus": true,
+            "hover": true
+          },
+          "tokens": {
+            "itemBackgroundColor": "{palette.color.white}",
+            "itemBorderLeftColor": "{palette.color.purple}"
+          }
+        },
+        {
+          "if": {
+            "focus": true,
+            "isChild": true
+          },
+          "tokens": {
+            "itemBackgroundColor": "{palette.color.white}",
+            "itemBorderBottomColor": "{palette.color.purple}",
+            "itemBorderBottomWidth": "{palette.border.border1}",
+            "itemBorderLeftColor": "{palette.color.purple}",
+            "itemBorderRightColor": "{palette.color.purple}",
+            "itemBorderRightWidth": "{palette.border.border1}",
+            "itemBorderTopColor": "{palette.color.purple}",
+            "itemBorderTopWidth": "{palette.border.border1}",
+            "itemColor": "{palette.color.dove}"
+          }
+        },
+        {
+          "if": {
+            "hover": true,
+            "isChild": true
           },
           "tokens": {
-            "groupIcon": "{palette.icon.ChevronUp}"
+            "itemBackgroundColor": "{palette.color.gallery}",
+            "itemBorderBottomWidth": "{palette.border.none}",
+            "itemBorderLeftColor": "{palette.color.dove}",
+            "itemBorderRightWidth": "{palette.border.none}",
+            "itemBorderTopWidth": "{palette.border.none}",
+            "itemColor": "{palette.color.dove}"
           }
         },
         {
@@ -4047,44 +4011,51 @@
             "focus": true
           },
           "tokens": {
-            "groupBackgroundColor": "{palette.color.transparent}",
-            "groupColor": "{palette.color.mosque}"
+            "groupBackgroundColor": "{palette.color.black}",
+            "groupBorderColor": "{palette.color.purple}",
+            "itemBorderLeftColor": "{palette.color.purple}",
+            "itemColor": "{palette.color.dove}"
           }
         },
         {
           "if": {
             "current": true,
+            "expanded": true,
             "hover": true
           },
           "tokens": {
-            "itemBackgroundColor": "{palette.color.mosqueDark}",
-            "itemBorderLeftColor": "{palette.color.mosqueDark}",
-            "itemColor": "{palette.color.white}"
+            "groupBackgroundColor": "{palette.color.gallery}",
+            "groupColor": "{palette.color.dove}",
+            "itemBackgroundColor": "{palette.color.gallery}",
+            "itemColor": "{palette.color.dove}"
           }
         },
         {
           "if": {
-            "current": true,
-            "expanded": true,
-            "hover": true
+            "focus": true
           },
           "tokens": {
-            "groupBackgroundColor": "{palette.color.mosqueDark}",
-            "groupColor": "{palette.color.white}"
+            "groupBackgroundColor": "{palette.color.white}",
+            "groupBorderColor": "{palette.color.purple}",
+            "groupColor": "{palette.color.dove}",
+            "itemBackgroundColor": "{palette.color.white}",
+            "itemBorderBottomColor": "{palette.color.purple}",
+            "itemBorderLeftColor": "{palette.color.purple}",
+            "itemBorderRightColor": "{palette.color.purple}",
+            "itemBorderTopColor": "{palette.color.purple}",
+            "itemColor": "{palette.color.dove}"
           }
         },
         {
           "if": {
-            "current": true,
-            "expanded": true,
-            "focus": true,
-            "hover": true,
             "pressed": true
           },
           "tokens": {
-            "groupBackgroundColor": "{palette.color.silverDark}",
-            "groupBorderColor": "{palette.color.transparent}",
-            "groupColor": "{palette.color.mortar}"
+            "groupBackgroundColor": "{palette.color.blackLight}",
+            "groupColor": "{palette.color.dove}",
+            "itemBackgroundColor": "{palette.color.blackLight}",
+            "itemBorderLeftColor": "{palette.color.blackLight}",
+            "itemColor": "{palette.color.dove}"
           }
         }
       ],
@@ -4093,7 +4064,7 @@
         "groupBorderColor": "{palette.color.transparent}",
         "groupBorderRadius": "{palette.radius.none}",
         "groupBorderWidth": "{palette.border.border1}",
-        "groupColor": "{palette.color.black}",
+        "groupColor": "{palette.color.dove}",
         "groupFontName": "{palette.fontName.StagSans}",
         "groupFontSize": "{palette.size.size16}",
         "groupFontWeight": "{palette.fontWeight.weight400}",
@@ -4114,17 +4085,17 @@
         "itemBorderTopColor": "{palette.color.transparent}",
         "itemBorderTopWidth": "{palette.border.border1}",
         "itemBorderWidth": "{palette.border.none}",
-        "itemColor": "{palette.color.black}",
+        "itemColor": "{palette.color.dove}",
         "itemDisplay": "{system.show.false}",
         "itemFontName": "{palette.fontName.StagSans}",
         "itemFontSize": "{palette.size.size16}",
         "itemFontWeight": "{palette.fontWeight.weight400}",
         "itemHeight": "{palette.size.size32}",
         "itemOutline": "{palette.border.none}",
-        "itemPaddingBottom": "{palette.size.size4}",
+        "itemPaddingBottom": "{palette.size.size8}",
         "itemPaddingLeft": "{palette.size.size16}",
         "itemPaddingRight": "{palette.size.size16}",
-        "itemPaddingTop": "{palette.size.size4}",
+        "itemPaddingTop": "{palette.size.size8}",
         "itemTextDecoration": "{system.textLine.none}",
         "lineHeight": "{palette.lineHeight.ratio3to2}",
         "minHeight": "{system.size.full}",
@@ -4159,7 +4130,11 @@
             "containerPaddingBottom": "{palette.size.size32}",
             "containerPaddingTop": "{palette.size.size32}",
             "direction": "{system.direction.row}",
-            "maxWidth": "{system.size.viewportSm}"
+            "maxWidth": "{system.size.viewportSm}",
+            "paddingBottom": "{palette.size.size32}",
+            "paddingLeft": "{palette.size.size32}",
+            "paddingRight": "{palette.size.size32}",
+            "paddingTop": "{palette.size.size32}"
           }
         },
         {
@@ -4198,8 +4173,8 @@
         "marginRight": "{palette.size.size24}",
         "maxWidth": "{system.size.full}",
         "paddingBottom": "{palette.size.size24}",
-        "paddingLeft": "{palette.size.size32}",
-        "paddingRight": "{palette.size.size32}",
+        "paddingLeft": "{palette.size.size24}",
+        "paddingRight": "{palette.size.size24}",
         "paddingTop": "{palette.size.size24}",
         "shadow": "{palette.shadow.none}",
         "subHeadingMarginTop": "{palette.size.size8}"
@@ -4273,12 +4248,12 @@
             "selected": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosque}",
-            "borderColor": "{palette.color.mosque}",
+            "backgroundColor": "{palette.color.black}",
+            "borderColor": "{palette.color.black}",
             "color": "{palette.color.white}",
             "fontName": "{palette.fontName.StagSans}",
             "fontWeight": "{palette.fontWeight.weight600}",
-            "outerBorderColor": "{palette.color.mosque}"
+            "outerBorderColor": "{palette.color.black}"
           }
         },
         {
@@ -4286,7 +4261,7 @@
             "focus": true
           },
           "tokens": {
-            "borderColor": "{palette.color.mosque}",
+            "borderColor": "{palette.color.black}",
             "borderWidth": "{palette.border.border4}"
           }
         },
@@ -4296,9 +4271,10 @@
             "pressed": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosque}",
-            "borderColor": "{palette.color.mosque}",
-            "color": "{palette.color.white}"
+            "backgroundColor": "{palette.color.mortar}",
+            "borderColor": "{palette.color.mortar}",
+            "borderWidth": "{palette.border.border1}",
+            "color": "{palette.color.silver}"
           }
         },
         {
@@ -4306,8 +4282,8 @@
             "hover": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.darkMosque}",
-            "borderColor": "{palette.color.darkMosque}",
+            "backgroundColor": "{palette.color.blackLight}",
+            "borderColor": "{palette.color.blackLight}",
             "color": "{palette.color.white}"
           }
         },
@@ -4337,8 +4313,8 @@
             "selected": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.darkMosque}",
-            "borderColor": "{palette.color.darkMosque}",
+            "backgroundColor": "{palette.color.blackLight}",
+            "borderColor": "{palette.color.blackLight}",
             "color": "{palette.color.white}",
             "fontName": "{palette.fontName.StagSans}",
             "fontWeight": "{palette.fontWeight.weight600}"
@@ -4396,7 +4372,10 @@
     },
     "Notification": {
       "appearances": {
-        "style": "{appearances.Notification.style}",
+        "style": {
+          "type": "variant",
+          "values": ["success", "warning", "error"]
+        },
         "system": "{appearances.Notification.system}",
         "viewport": "{appearances.system.viewport}"
       },
@@ -4430,10 +4409,11 @@
             "style": "success"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mintTulip}",
+            "backgroundColor": "{palette.color.successLight}",
+            "borderColor": "{palette.color.success}",
             "color": "{palette.color.black}",
-            "icon": "{palette.icon.CheckCircledFilled}",
-            "iconColor": "{palette.color.mosque}"
+            "icon": "{palette.icon.CheckCircleFilled}",
+            "iconColor": "{palette.color.success}"
           }
         },
         {
@@ -4441,12 +4421,12 @@
             "style": "warning"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.beeswax}",
-            "borderColor": "{palette.color.seaBuckthorn}",
+            "backgroundColor": "{palette.color.cautionLight}",
+            "borderColor": "{palette.color.caution}",
             "color": "{palette.color.black}",
             "dismissIcon": "{system.icon.none}",
             "icon": "{palette.icon.ExclamationTriangle}",
-            "iconColor": "{palette.color.amaranth}"
+            "iconColor": "{palette.color.danger}"
           }
         },
         {
@@ -4454,19 +4434,19 @@
             "style": "error"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.piggyPink}",
-            "borderColor": "{palette.color.amaranth}",
+            "backgroundColor": "{palette.color.dangerLight}",
+            "borderColor": "{palette.color.danger}",
             "color": "{palette.color.black}",
             "dismissIcon": "{system.icon.none}",
             "icon": "{palette.icon.Caution}",
-            "iconColor": "{palette.color.trinidad}"
+            "iconColor": "{palette.color.danger}"
           }
         }
       ],
       "tokens": {
-        "backgroundColor": "{palette.color.icicle}",
+        "backgroundColor": "{palette.color.gallery}",
         "borderBottomWidth": "{palette.border.border1}",
-        "borderColor": "{palette.color.mosque}",
+        "borderColor": "{palette.color.black}",
         "borderLeftWidth": "{palette.border.border1}",
         "borderRadius": "{palette.radius.radius6}",
         "borderRightWidth": "{palette.border.border1}",
@@ -4615,7 +4595,7 @@
             "hover": true
           },
           "tokens": {
-            "borderColor": "{palette.color.mosque}",
+            "borderColor": "{palette.color.black}",
             "textLine": "{system.textLine.none}"
           }
         },
@@ -4624,7 +4604,7 @@
             "focus": true
           },
           "tokens": {
-            "borderColor": "{palette.color.mosque}"
+            "borderColor": "{palette.color.black}"
           }
         },
         {
@@ -4632,18 +4612,37 @@
             "selected": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosque}",
+            "backgroundColor": "{palette.color.purple}",
             "color": "{palette.color.white}",
             "textLine": "{system.textLine.none}"
           }
         },
+        {
+          "if": {
+            "hover": true,
+            "selected": true
+          },
+          "tokens": {
+            "borderColor": "{palette.color.purple}"
+          }
+        },
+        {
+          "if": {
+            "focus": true,
+            "selected": true
+          },
+          "tokens": {
+            "borderColor": "{palette.color.purple}"
+          }
+        },
         {
           "if": {
             "pressed": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosque}",
-            "color": "{palette.color.white}"
+            "backgroundColor": "{palette.color.black}",
+            "borderColor": "{palette.color.black}",
+            "color": "{palette.color.dove}"
           }
         }
       ],
@@ -4655,12 +4654,12 @@
         "borderRadius": "{palette.radius.pill32}",
         "borderRightWidth": "{palette.border.border1}",
         "borderTopWidth": "{palette.border.border1}",
-        "color": "{palette.color.mosque}",
+        "color": "{palette.color.black}",
         "fontName": "{palette.fontName.StagSans}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight600}",
         "height": "{palette.size.size32}",
-        "lineHeight": "{palette.lineHeight.multiply150}",
+        "lineHeight": "{palette.lineHeight.ratio1to1}",
         "outerBorderColor": "{palette.color.transparent}",
         "outerBorderGap": "{palette.size.size4}",
         "outerBorderWidth": "{palette.border.border4}",
@@ -4711,7 +4710,7 @@
           },
           "tokens": {
             "borderBottomWidth": "{palette.border.border1}",
-            "borderColor": "{palette.color.mosque}",
+            "borderColor": "{palette.color.black}",
             "borderLeftWidth": "{palette.border.border1}",
             "borderRightWidth": "{palette.border.border1}",
             "borderTopWidth": "{palette.border.border1}",
@@ -4725,29 +4724,19 @@
           },
           "tokens": {
             "borderBottomWidth": "{palette.border.border1}",
-            "borderColor": "{palette.color.mosque}",
+            "borderColor": "{palette.color.black}",
             "borderLeftWidth": "{palette.border.border1}",
             "borderRightWidth": "{palette.border.border1}",
             "borderTopWidth": "{palette.border.border1}"
           }
         },
-        {
-          "if": {
-            "selected": true
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.mosque}",
-            "color": "{palette.color.white}",
-            "textLine": "{system.textLine.none}"
-          }
-        },
         {
           "if": {
             "pressed": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosque}",
-            "color": "{palette.color.white}"
+            "backgroundColor": "{palette.color.black}",
+            "color": "{palette.color.dove}"
           }
         },
         {
@@ -4775,7 +4764,7 @@
         "borderRadius": "{palette.radius.radius4}",
         "borderRightWidth": "{palette.border.none}",
         "borderTopWidth": "{palette.border.none}",
-        "color": "{palette.color.mosque}",
+        "color": "{palette.color.black}",
         "displayLabel": "{system.show.true}",
         "fontName": "{palette.fontName.StagSans}",
         "fontSize": "{palette.fontSize.size16}",
@@ -4808,31 +4797,34 @@
             "hover": true
           },
           "tokens": {
-            "borderWidth": "{palette.border.border2}"
+            "borderColor": "{palette.color.gallery}",
+            "borderWidth": "{palette.border.border3}"
           }
         },
         {
           "if": {
-            "pressed": true
+            "focus": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.whiteDark}"
+            "outerBorderColor": "{palette.color.black}",
+            "outerBorderGap": "{palette.size.size2}",
+            "outerBorderWidth": "{palette.size.size2}"
           }
         },
         {
           "if": {
-            "focus": true
+            "pressed": true
           },
           "tokens": {
-            "outerBorderColor": "{palette.color.mosque}",
-            "outerBorderGap": "{palette.size.size2}",
-            "outerBorderWidth": "{palette.size.size2}"
+            "backgroundColor": "{palette.color.gallery}",
+            "borderColor": "{system.color.transparent}",
+            "outerBorderColor": "{palette.color.black}"
           }
         }
       ],
       "tokens": {
         "backgroundColor": "{palette.color.white}",
-        "borderColor": "{palette.color.silver}",
+        "borderColor": "{palette.color.gallery}",
         "borderRadius": "{palette.radius.radius8}",
         "borderWidth": "{palette.border.border1}",
         "flex": "{system.integer.1}",
@@ -4864,13 +4856,12 @@
             "centsFontSize": "{palette.fontSize.size20}",
             "centsLineHeight": "{palette.lineHeight.ratio5to4}",
             "currencySymbolFontSize": "{palette.fontSize.size20}",
-            "currencySymbolLineHeight": "{palette.lineHeight.ratio1to1}",
             "rateFontSize": "{palette.fontSize.size16}",
-            "rateLineHeight": "{palette.lineHeight.ratio8to7}",
+            "rateLineHeight": "{palette.lineHeight.ratio3to2}",
             "strikeThroughHeight": "{palette.size.size2}",
             "strikeThroughPosition": "{palette.size.size18}",
             "topTextFontSize": "{palette.fontSize.size14}",
-            "topTextLineHeight": "{palette.lineHeight.ratio7to3}"
+            "topTextLineHeight": "{palette.lineHeight.ratio10to7}"
           }
         },
         {
@@ -4882,16 +4873,14 @@
             "centsFontName": "{palette.fontName.StagSans}",
             "centsFontSize": "{palette.fontSize.size24}",
             "centsFontWeight": "{palette.fontWeight.weight600}",
-            "centsLineHeight": "{palette.lineHeight.ratio5to4}",
             "currencySymbolFontSize": "{palette.fontSize.size32}",
-            "currencySymbolLineHeight": "{palette.lineHeight.ratio6to5}",
             "rateFontName": "{palette.fontName.StagSans}",
             "rateFontSize": "{palette.fontSize.size16}",
             "rateFontWeight": "{palette.fontWeight.weight600}",
-            "rateLineHeight": "{palette.lineHeight.ratio16to2}",
+            "rateLineHeight": "{palette.lineHeight.ratio3to2}",
             "strikeThroughPosition": "{palette.size.size27}",
-            "topTextFontSize": "{palette.fontSize.size16}",
-            "topTextLineHeight": "{palette.lineHeight.ratio7to3}"
+            "topTextFontSize": "{palette.fontSize.size20}",
+            "topTextLineHeight": "{palette.lineHeight.ratio7to5}"
           }
         },
         {
@@ -4914,22 +4903,22 @@
         "amountLineHeight": "{palette.lineHeight.ratio1to1}",
         "bottomLinksMarginLeft": "{palette.size.size4}",
         "bottomTextFontSize": "{palette.fontSize.size14}",
-        "bottomTextLineHeight": "{palette.lineHeight.ratio8to7}",
+        "bottomTextLineHeight": "{palette.lineHeight.ratio10to7}",
         "bottomTextMarginTop": "{palette.size.size0}",
         "centsFontName": "{palette.fontName.StagSans}",
         "centsFontSize": "{palette.fontSize.size24}",
         "centsFontWeight": "{palette.fontWeight.weight700}",
-        "centsLineHeight": "{palette.lineHeight.ratio6to5}",
+        "centsLineHeight": "{palette.lineHeight.ratio1to1}",
         "currencySymbolFontName": "{palette.fontName.StagSans}",
         "currencySymbolFontSize": "{palette.fontSize.size24}",
         "currencySymbolFontWeight": "{palette.fontWeight.weight700}",
-        "currencySymbolLineHeight": "{palette.lineHeight.ratio6to5}",
+        "currencySymbolLineHeight": "{palette.lineHeight.ratio1to1}",
         "dividerColor": "{system.color.none}",
         "fontColor": "{palette.color.black}",
         "fontName": "{palette.fontName.StagSans}",
         "fontWeight": "{palette.fontWeight.weight700}",
         "footnoteGap": "{palette.size.size4}",
-        "footnoteLinkColor": "{palette.color.mosque}",
+        "footnoteLinkColor": "{palette.color.black}",
         "footnoteLinkFontName": "{palette.fontName.StagSans}",
         "footnoteLinkFontSize": "{palette.fontSize.size14}",
         "footnoteLinkFontWeight": "{palette.fontWeight.weight600}",
@@ -4939,7 +4928,7 @@
         "rateFontName": "{palette.fontName.StagSans}",
         "rateFontSize": "{palette.fontSize.size16}",
         "rateFontWeight": "{palette.fontWeight.weight700}",
-        "rateLineHeight": "{palette.lineHeight.ratio5to4}",
+        "rateLineHeight": "{palette.lineHeight.ratio3to2}",
         "strikeThroughColor": "{palette.color.black}",
         "strikeThroughHeight": "{palette.size.size3}",
         "strikeThroughPosition": "{palette.size.size21}",
@@ -4968,8 +4957,8 @@
         }
       ],
       "tokens": {
-        "backgroundColor": "{palette.color.white}",
-        "borderColor": "{palette.color.mosque}",
+        "backgroundColor": "{palette.color.greyLight}",
+        "borderColor": "{palette.color.dove}",
         "borderRadius": "{palette.radius.radius12}",
         "borderWidth": "{palette.border.border1}",
         "height": "{palette.size.size16}"
@@ -4990,7 +4979,7 @@
           },
           "tokens": {
             "backgroundColor": "{palette.color.silver}",
-            "outlineColor": "{palette.color.dove}"
+            "outlineColor": "{palette.color.mortar}"
           }
         },
         {
@@ -4998,16 +4987,16 @@
             "negative": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.wellRead}",
-            "outlineColor": "{palette.color.wellRead}"
+            "backgroundColor": "{palette.color.danger}",
+            "outlineColor": "{palette.color.mortar}"
           }
         }
       ],
       "tokens": {
-        "backgroundColor": "{palette.color.mosque}",
+        "backgroundColor": "{palette.color.black}",
         "borderRadius": "{palette.radius.radius12}",
         "gradient": "{system.gradient.none}",
-        "outlineColor": "{palette.color.mosqueDark}",
+        "outlineColor": "{palette.color.mortar}",
         "outlineWidth": "{palette.border.border1}"
       }
     },
@@ -5322,7 +5311,7 @@
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight600}",
         "icon": "{system.icon.none}",
-        "iconColor": "{palette.color.mosque}",
+        "iconColor": "{palette.color.black}",
         "iconSize": "{palette.size.size24}",
         "iconSpace": "{system.integer.2}",
         "lineHeight": "{palette.lineHeight.multiply150}",
@@ -5389,7 +5378,7 @@
             "hover": true
           },
           "tokens": {
-            "color": "{palette.color.mosqueDark}",
+            "color": "{palette.color.blackLight}",
             "imageDimension": "{palette.size.size140}",
             "textLine": "{system.textLine.underline}"
           }
@@ -5399,8 +5388,8 @@
             "focus": true
           },
           "tokens": {
-            "color": "{palette.color.mosque}",
-            "outerBorderColor": "{palette.color.mosqueDark}"
+            "color": "{palette.color.black}",
+            "outerBorderColor": "{palette.color.black}"
           }
         },
         {
@@ -5426,7 +5415,7 @@
         }
       ],
       "tokens": {
-        "color": "{palette.color.mosque}",
+        "color": "{palette.color.black}",
         "contentAlignItems": "{system.flexAlign.center}",
         "contentDirection": "{system.direction.column}",
         "contentMaxDimension": "{palette.size.size168}",
@@ -5490,11 +5479,11 @@
         "itemFontName": "{palette.fontName.StagSans}",
         "itemFontSize": "{palette.fontSize.size16}",
         "itemFontWeight": "{palette.fontWeight.weight600}",
-        "itemIconColor": "{palette.color.mosque}",
+        "itemIconColor": "{palette.color.black}",
         "itemIconSize": "{palette.size.size24}",
         "itemLineHeight": "{palette.lineHeight.multiply160}",
         "itemUnderline": "{system.textLine.none}",
-        "listGutter": "{palette.size.size10}",
+        "listGutter": "{palette.size.size12}",
         "paddingBottom": "{palette.size.size12}",
         "paddingLeft": "{palette.size.size4}",
         "paddingRight": "{palette.size.size4}",
@@ -5517,7 +5506,7 @@
           "tokens": {
             "inputBackgroundColor": "{palette.color.white}",
             "inputBorderColor": "{palette.color.white}",
-            "inputOutlineColor": "{palette.color.mosque}",
+            "inputOutlineColor": "{palette.color.black}",
             "outerBorderColor": "{palette.color.transparent}",
             "outerBorderGap": "{system.size.zero}",
             "outerBorderWidth": "{system.border.zero}"
@@ -5528,7 +5517,7 @@
             "focus": true
           },
           "tokens": {
-            "outerBorderColor": "{palette.color.chathamsBlue}",
+            "outerBorderColor": "{palette.color.black}",
             "outerBorderGap": "{palette.size.size5}",
             "outerBorderWidth": "{palette.border.border1}"
           }
@@ -5538,7 +5527,7 @@
             "hover": true
           },
           "tokens": {
-            "outerBorderColor": "{palette.color.chathamsBlue}"
+            "outerBorderColor": "{palette.color.black}"
           }
         },
         {
@@ -5549,7 +5538,8 @@
             "inputBackgroundColor": "{palette.color.silver}",
             "inputBorderColor": "{palette.color.silver}",
             "inputOutlineColor": "{palette.color.silver}",
-            "labelColor": "{palette.color.dove}"
+            "labelColor": "{palette.color.dove}",
+            "outerBorderGap": "{palette.size.size0}"
           }
         },
         {
@@ -5560,9 +5550,9 @@
           "tokens": {
             "checkedBackgroundColor": "{palette.color.silver}",
             "inputBackgroundColor": "{palette.color.white}",
-            "inputBorderColor": "{palette.color.white}",
+            "inputBorderColor": "{palette.color.gallery}",
             "inputBorderWidth": "{palette.border.border3}",
-            "inputOutlineColor": "{palette.color.white}",
+            "inputOutlineColor": "{palette.color.silver}",
             "inputOutlineWidth": "{palette.border.border1}",
             "labelColor": "{palette.color.dove}",
             "outerBorderColor": "{palette.color.silver}"
@@ -5570,7 +5560,7 @@
         }
       ],
       "tokens": {
-        "checkedBackgroundColor": "{palette.color.mosque}",
+        "checkedBackgroundColor": "{palette.color.purple}",
         "checkedSize": "{palette.size.size16}",
         "containerBackgroundColor": "{palette.color.transparent}",
         "containerBorderRadius": "{palette.radius.none}",
@@ -5588,7 +5578,7 @@
         "inputBackgroundColor": "{palette.color.white}",
         "inputBorderColor": "{palette.color.white}",
         "inputBorderWidth": "{palette.border.border2}",
-        "inputOutlineColor": "{palette.color.mosque}",
+        "inputOutlineColor": "{palette.color.black}",
         "inputOutlineWidth": "{palette.border.border2}",
         "inputSize": "{palette.size.size20}",
         "labelColor": "{palette.color.black}",
@@ -5632,35 +5622,37 @@
           },
           "tokens": {
             "borderColor": "{palette.color.dove}",
-            "outerBorderColor": "{palette.color.gallery}",
+            "outerBorderColor": "{palette.color.silver}",
             "outerBorderWidth": "{palette.border.border2}",
-            "radioOuterBorderColor": "{palette.color.chathamsBlue}",
+            "radioOuterBorderColor": "{palette.color.black}",
             "radioOuterBorderGap": "{palette.size.size2}",
             "radioOuterBorderWidth": "{palette.border.border1}"
           }
         },
         {
           "if": {
-            "focus": true
+            "checked": true
           },
           "tokens": {
-            "outerBorderColor": "{palette.color.chathamsBlue}",
-            "outerBorderGap": "{palette.size.size2}",
-            "outerBorderWidth": "{palette.border.border2}",
-            "radioInputBorderColor": "{palette.color.mosque}",
-            "radioOuterBorderColor": "{palette.color.chathamsBlue}",
-            "radioOuterBorderGap": "{palette.size.size2}",
-            "radioOuterBorderWidth": "{palette.border.border1}"
+            "borderColor": "{palette.color.silver}",
+            "radioCheckedBackgroundColor": "{palette.color.purple}",
+            "radioInputBorderColor": "{palette.color.black}",
+            "radioInputBorderWidth": "{palette.border.border2}"
           }
         },
         {
           "if": {
-            "checked": true
+            "focus": true
           },
           "tokens": {
-            "borderColor": "{palette.color.silver}",
-            "radioInputBorderColor": "{palette.color.mosque}",
-            "radioInputBorderWidth": "{palette.border.border2}"
+            "borderColor": "{palette.color.dove}",
+            "outerBorderColor": "{palette.color.black}",
+            "outerBorderGap": "{palette.size.size2}",
+            "outerBorderWidth": "{palette.border.border2}",
+            "radioInputBorderColor": "{palette.color.black}",
+            "radioOuterBorderColor": "{palette.color.black}",
+            "radioOuterBorderGap": "{palette.size.size2}",
+            "radioOuterBorderWidth": "{palette.border.border1}"
           }
         },
         {
@@ -5670,10 +5662,11 @@
           },
           "tokens": {
             "backgroundColor": "{palette.color.gallery}",
+            "borderColor": "{palette.color.dove}",
             "outerBorderColor": "{palette.color.silver}",
             "outerBorderGap": "{palette.size.size0}",
             "outerBorderWidth": "{palette.border.border1}",
-            "radioOuterBorderColor": "{palette.color.chathamsBlue}",
+            "radioOuterBorderColor": "{palette.color.black}",
             "radioOuterBorderGap": "{palette.size.size2}"
           }
         },
@@ -5730,10 +5723,10 @@
         "paddingLeft": "{palette.size.size8}",
         "paddingRight": "{palette.size.size16}",
         "paddingTop": "{palette.size.size12}",
-        "radioCheckedBackgroundColor": "{palette.color.mosque}",
+        "radioCheckedBackgroundColor": "{palette.color.black}",
         "radioCheckedSize": "{palette.size.size16}",
         "radioInputBackgroundColor": "{palette.color.white}",
-        "radioInputBorderColor": "{palette.color.mosque}",
+        "radioInputBorderColor": "{palette.color.black}",
         "radioInputBorderWidth": "{palette.border.border2}",
         "radioInputOutlineColor": "{palette.color.transparent}",
         "radioInputOutlineWidth": "{palette.border.none}",
@@ -5799,7 +5792,7 @@
       "appearances": {
         "purpose": {
           "type": "variant",
-          "values": ["offer", "default", "editorial"]
+          "values": ["offer", "default", "editorial", "subtle"]
         },
         "wrap": {
           "type": "variant",
@@ -5812,7 +5805,7 @@
             "purpose": "editorial"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.seaBuckthorn}"
+            "backgroundColor": "{palette.color.orange}"
           }
         },
         {
@@ -5820,8 +5813,15 @@
             "purpose": "offer"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.flirt}",
-            "fontColor": "{palette.color.white}"
+            "backgroundColor": "{palette.color.purple}"
+          }
+        },
+        {
+          "if": {
+            "purpose": "subtle"
+          },
+          "tokens": {
+            "backgroundColor": "{palette.color.green}"
           }
         },
         {
@@ -5835,7 +5835,7 @@
         }
       ],
       "tokens": {
-        "backgroundColor": "{palette.color.onahau}",
+        "backgroundColor": "{palette.color.green}",
         "borderRadius": "{palette.size.size4}",
         "borderRadiusBottomLeft": "{system.size.none}",
         "borderRadiusBottomRight": "{system.size.none}",
@@ -5854,10 +5854,10 @@
         "curveWidth": "{system.size.none}",
         "fontColor": "{palette.color.black}",
         "fontName": "{palette.fontName.StagSans}",
-        "fontSize": "{palette.fontSize.size12}",
+        "fontSize": "{palette.fontSize.size14}",
         "fontWeight": "{palette.fontWeight.weight600}",
         "gradient": "{system.gradient.none}",
-        "lineHeight": "{palette.lineHeight.ratio4to3}",
+        "lineHeight": "{palette.lineHeight.ratio10to7}",
         "paddingBottom": "{palette.size.size2}",
         "paddingLeft": "{palette.size.size12}",
         "paddingRight": "{palette.size.size12}",
@@ -5876,17 +5876,16 @@
             "hover": true,
             "inactive": null
           },
-          "tokens": {
-            "backgroundColor": "{palette.color.whiteDark}"
-          }
+          "tokens": {}
         },
         {
           "if": {
             "focus": true
           },
           "tokens": {
-            "borderColor": "{palette.color.mosque}",
-            "borderWidth": "{palette.border.border3}"
+            "borderColor": "{palette.color.purple}",
+            "borderWidth": "{palette.border.border3}",
+            "outerBorderWidth": "{palette.border.none}"
           }
         },
         {
@@ -5897,7 +5896,7 @@
             "backgroundColor": "{palette.color.gallery}",
             "borderColor": "{palette.color.gallery}",
             "color": "{palette.color.dove}",
-            "placeholderColor": "{palette.color.dove}"
+            "placeholderColor": "{palette.color.black}"
           }
         }
       ],
@@ -5908,13 +5907,13 @@
         "borderWidth": "{palette.border.border1}",
         "buttonsGap": "{palette.size.size2}",
         "clearButtonIcon": "{palette.icon.Times}",
-        "color": "{palette.color.black}",
+        "color": "{palette.color.dove}",
         "fontName": "{palette.fontName.StagSans}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight400}",
         "lineHeight": "{palette.lineHeight.multiply150}",
-        "outerBackgroundColor": "{palette.color.transparent}",
-        "outerBorderColor": "{palette.color.transparent}",
+        "outerBackgroundColor": "{palette.color.blackLight}",
+        "outerBorderColor": "{palette.color.blackLight}",
         "outerBorderRadius": "{palette.radius.pill32}",
         "outerBorderWidth": "{palette.border.none}",
         "paddingBottom": "{palette.size.size12}",
@@ -5943,29 +5942,17 @@
             "priority": "high"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosque}",
-            "iconColor": "{palette.color.white}"
-          }
-        },
-        {
-          "if": {
-            "hover": true,
-            "priority": null
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.mosque}",
-            "borderColor": "{palette.color.mosque}",
+            "backgroundColor": "{palette.color.black}",
             "iconColor": "{palette.color.white}"
           }
         },
         {
           "if": {
-            "hover": true,
-            "priority": "high"
+            "hover": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosqueDark}",
-            "borderColor": "{palette.color.mosqueDark}",
+            "backgroundColor": "{palette.color.black}",
+            "borderWidth": "{system.border.zero}",
             "iconColor": "{palette.color.white}"
           }
         },
@@ -5974,33 +5961,20 @@
             "focus": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.white}",
-            "borderColor": "{palette.color.mosque}",
+            "backgroundColor": "{system.color.transparent}",
+            "borderColor": "{palette.color.black}",
             "borderWidth": "{palette.border.border3}",
-            "iconColor": "{palette.color.mosque}"
-          }
-        },
-        {
-          "if": {
-            "pressed": true
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.mosqueDark}",
-            "borderColor": "{system.color.none}",
-            "borderWidth": "{system.border.zero}",
-            "iconColor": "{palette.color.white}"
+            "iconColor": "{palette.color.black}"
           }
         },
         {
           "if": {
-            "focus": true,
             "pressed": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosqueDark}",
-            "borderColor": "{system.color.none}",
-            "borderWidth": "{system.border.zero}",
-            "iconColor": "{palette.color.white}"
+            "backgroundColor": "{palette.color.blackLight}",
+            "borderWidth": "{palette.border.none}",
+            "iconColor": "{palette.color.dove}"
           }
         },
         {
@@ -6009,8 +5983,9 @@
             "priority": "high"
           },
           "tokens": {
-            "backgroundColor": "{palette.color.gallery}",
-            "iconColor": "{palette.color.silver}"
+            "backgroundColor": "{palette.color.transparent}",
+            "borderWidth": "{palette.border.none}",
+            "iconColor": "{palette.color.dove}"
           }
         },
         {
@@ -6026,10 +6001,10 @@
       ],
       "tokens": {
         "backgroundColor": "{system.color.none}",
-        "borderColor": "{system.color.none}",
+        "borderColor": "{palette.color.transparent}",
         "borderRadius": "{palette.radius.pill32}",
         "borderWidth": "{system.border.zero}",
-        "iconColor": "{palette.color.mosque}",
+        "iconColor": "{palette.color.black}",
         "iconSize": "{palette.size.size20}",
         "opacity": "{system.opacity.opaque}",
         "paddingBottom": "{palette.size.size8}",
@@ -6049,40 +6024,43 @@
       "rules": [
         {
           "if": {
-            "hover": true
+            "focus": true
           },
           "tokens": {
-            "outerBackgroundColor": "{palette.color.gallery}",
-            "outerBorderColor": "{palette.color.gallery}"
+            "borderColor": "{palette.color.purple}",
+            "borderWidth": "{palette.border.border3}"
           }
         },
         {
           "if": {
-            "focus": true
+            "validation": "success"
           },
           "tokens": {
-            "borderColor": "{palette.color.mosque}",
-            "borderWidth": "{palette.border.border3}"
+            "borderColor": "{palette.color.success}",
+            "feedbackBackgroundColor": "{palette.color.successLight}",
+            "validationIcon": "{palette.icon.CheckCircleFilled}",
+            "validationIconColor": "{palette.color.success}"
           }
         },
         {
           "if": {
-            "validation": "success"
+            "validation": "error"
           },
           "tokens": {
-            "borderColor": "{palette.color.mosque}",
-            "validationIcon": "{palette.icon.CheckCircledFilled}",
-            "validationIconColor": "{palette.color.mosque}"
+            "borderColor": "{palette.color.danger}",
+            "feedbackBackgroundColor": "{palette.color.dangerLight}",
+            "validationIcon": "{palette.icon.ExclamationOctagon}",
+            "validationIconColor": "{palette.color.danger}"
           }
         },
         {
           "if": {
-            "validation": "error"
+            "hover": true
           },
           "tokens": {
-            "borderColor": "{palette.color.amaranth}",
-            "validationIcon": "{palette.icon.ExclamationOctagon}",
-            "validationIconColor": "{palette.color.amaranth}"
+            "backgroundColor": "{palette.color.gallery}",
+            "borderColor": "{palette.color.black}",
+            "outerBorderWidth": "{system.border.none}"
           }
         },
         {
@@ -6102,7 +6080,7 @@
         "borderRadius": "{palette.radius.radius4}",
         "borderWidth": "{palette.border.border1}",
         "color": "{palette.color.dove}",
-        "feedbackBackgroundColor": "{palette.color.icicle}",
+        "feedbackBackgroundColor": "{palette.color.purpleLight}",
         "fontName": "{palette.fontName.StagSans}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight400}",
@@ -6145,7 +6123,7 @@
             "active": true
           },
           "tokens": {
-            "accentBackgroundColor": "{palette.color.mosque}",
+            "accentBackgroundColor": "{palette.color.black}",
             "backgroundColor": "{palette.color.gallery}"
           }
         },
@@ -6198,7 +6176,7 @@
             "type": "child"
           },
           "tokens": {
-            "accentBackgroundColor": "{palette.color.mosque}",
+            "accentBackgroundColor": "{palette.color.black}",
             "accentOffset": "{palette.size.size24}",
             "accentPadding": "{palette.size.size16}",
             "backgroundColor": "{palette.color.transparent}",
@@ -6306,12 +6284,12 @@
       "tokens": {
         "backgroundColor": "{palette.color.white}",
         "borderRadius": "{palette.radius.radius4}",
-        "color": "{palette.color.mosque}",
+        "color": "{palette.color.black}",
         "fontName": "{palette.fontName.StagSans}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight600}",
         "lineHeight": "{palette.lineHeight.ratio3to2}",
-        "outlineColor": "{palette.color.mosque}",
+        "outlineColor": "{palette.color.black}",
         "outlineOffset": "{system.border.zero}",
         "outlineStyle": "{system.borderStyle.solid}",
         "outlineWidth": "{palette.border.border2}",
@@ -6339,7 +6317,7 @@
         }
       ],
       "tokens": {
-        "fullScreenOverLayBackground": "{palette.color.greyLight}",
+        "fullScreenOverLayBackground": "{palette.color.light80}",
         "size": "{palette.size.size48}",
         "thickness": "{palette.border.border4}"
       }
@@ -6386,7 +6364,7 @@
         "labelFontWeight": "{palette.fontWeight.weight600}",
         "playIcon": "{palette.icon.PlaySolid}",
         "playIconColor": "{palette.color.white}",
-        "playIconContainerBackground": "{palette.color.mosque}"
+        "playIconContainerBackground": "{palette.color.black}"
       }
     },
     "StackView": {
@@ -6435,7 +6413,8 @@
             "knobCurrentBorderColor": "{palette.color.white}",
             "knobCurrentInnerColor": "{palette.color.white}",
             "labelColor": "{palette.color.white}",
-            "labelCurrentColor": "{palette.color.white}"
+            "labelCurrentColor": "{palette.color.white}",
+            "stepLabelColor": "{palette.color.white}"
           }
         }
       ],
@@ -6443,8 +6422,8 @@
         "completedIcon": "{palette.icon.Check}",
         "completedIconColor": "{palette.color.white}",
         "completedIconSize": "{palette.size.size10}",
-        "connectorColor": "{palette.color.mosque}",
-        "connectorCompletedColor": "{palette.color.mosque}",
+        "connectorColor": "{palette.color.black}",
+        "connectorCompletedColor": "{palette.color.black}",
         "connectorCompletedHeight": "{palette.border.border3}",
         "connectorHeight": "{palette.border.border1}",
         "connectorMinWidth": "{palette.size.size16}",
@@ -6453,22 +6432,22 @@
         "containerPaddingRight": "{system.size.none}",
         "containerPaddingTop": "{system.size.none}",
         "knobBackgroundColor": "{palette.color.transparent}",
-        "knobBorderColor": "{palette.color.mosque}",
+        "knobBorderColor": "{palette.color.black}",
         "knobBorderWidth": "{palette.border.border1}",
-        "knobCompletedBackgroundColor": "{palette.color.mosque}",
-        "knobCompletedBorderColor": "{palette.color.mosque}",
+        "knobCompletedBackgroundColor": "{palette.color.black}",
+        "knobCompletedBorderColor": "{palette.color.black}",
         "knobCompletedPaddingLeft": "{palette.size.size1}",
         "knobCompletedPaddingTop": "{palette.size.size2}",
-        "knobCurrentBackgroundColor": "{palette.color.mosque}",
-        "knobCurrentBorderColor": "{palette.color.mosque}",
+        "knobCurrentBackgroundColor": "{palette.color.black}",
+        "knobCurrentBorderColor": "{palette.color.black}",
         "knobCurrentBorderWidth": "{palette.border.border1}",
         "knobCurrentInnerColor": "{system.color.none}",
         "knobCurrentInnerSize": "{system.size.none}",
         "knobCurrentPaddingLeft": "{system.size.none}",
         "knobCurrentPaddingTop": "{system.size.none}",
         "knobSize": "{palette.size.size15}",
-        "labelColor": "{palette.color.mosque}",
-        "labelCurrentColor": "{palette.color.mosque}",
+        "labelColor": "{palette.color.black}",
+        "labelCurrentColor": "{palette.color.black}",
         "labelCurrentFontName": "{palette.fontName.StagSans}",
         "labelCurrentFontWeight": "{palette.fontWeight.weight600}",
         "labelDirection": "{system.direction.row}",
@@ -6483,7 +6462,7 @@
         "showStepLabel": "{system.show.false}",
         "showStepName": "{system.show.true}",
         "showStepTrackerLabel": "{system.show.true}",
-        "stepLabelColor": "{palette.color.mosque}",
+        "stepLabelColor": "{palette.color.black}",
         "stepLabelFontName": "{palette.fontName.StagSans}",
         "stepLabelFontSize": "{palette.fontSize.size16}",
         "stepLabelFontWeight": "{palette.fontWeight.weight600}",
@@ -6511,7 +6490,7 @@
             "pressed": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.whiteDark}"
+            "backgroundColor": "{palette.color.gallery}"
           }
         },
         {
@@ -6519,7 +6498,7 @@
             "focus": true
           },
           "tokens": {
-            "outerBorderColor": "{palette.color.mosque}",
+            "outerBorderColor": "{palette.color.black}",
             "outerBorderGap": "{palette.size.size2}",
             "outerBorderWidth": "{palette.border.border2}"
           }
@@ -6565,8 +6544,7 @@
       "rules": [
         {
           "if": {
-            "spacing": "compact",
-            "type": "default"
+            "spacing": "compact"
           },
           "tokens": {
             "cellPaddingBottom": "{palette.size.size8}",
@@ -6595,7 +6573,6 @@
             "type": "subHeading"
           },
           "tokens": {
-            "cellBackground": "{palette.color.greyLight}",
             "cellPaddingBottom": "{palette.size.size8}",
             "cellPaddingTop": "{palette.size.size8}",
             "fontName": "{palette.fontName.StagSans}",
@@ -6610,8 +6587,9 @@
             "type": "heading"
           },
           "tokens": {
-            "cellBackground": "{palette.color.mintTulip}",
+            "cellBackground": "{palette.color.black}",
             "cellBoxShadowColor": "{palette.color.transparent}",
+            "fontColor": "{palette.color.white}",
             "fontName": "{palette.fontName.StagSans}",
             "fontSize": "{palette.fontSize.size16}",
             "fontWeight": "{palette.fontWeight.weight600}",
@@ -6624,8 +6602,11 @@
             "type": "heading"
           },
           "tokens": {
-            "cellBackground": "{palette.color.mintTulip}",
+            "cellBackground": "{palette.color.black}",
             "cellBoxShadowColor": "{palette.color.transparent}",
+            "cellPaddingBottom": "{palette.size.size8}",
+            "cellPaddingTop": "{palette.size.size8}",
+            "fontColor": "{palette.color.white}",
             "fontName": "{palette.fontName.StagSans}",
             "fontSize": "{palette.fontSize.size16}",
             "fontWeight": "{palette.fontWeight.weight600}",
@@ -6634,15 +6615,13 @@
         },
         {
           "if": {
-            "spacing": "default",
+            "text": "small",
             "type": "subHeading"
           },
           "tokens": {
-            "cellBackground": "{palette.color.greyLight}",
             "fontName": "{palette.fontName.StagSans}",
             "fontSize": "{palette.fontSize.size16}",
-            "fontWeight": "{palette.fontWeight.weight600}",
-            "lineHeight": "{palette.lineHeight.ratio3to2}"
+            "fontWeight": "{palette.fontWeight.weight600}"
           }
         },
         {
@@ -6671,7 +6650,6 @@
         },
         {
           "if": {
-            "spacing": "default",
             "text": "small",
             "type": "rowHeading"
           },
@@ -6694,11 +6672,21 @@
             "fontWeight": "{palette.fontWeight.weight600}",
             "lineHeight": "{palette.lineHeight.ratio8to7}"
           }
+        },
+        {
+          "if": {
+            "spacing": "compact",
+            "text": "small",
+            "type": "default"
+          },
+          "tokens": {
+            "lineHeight": "{palette.lineHeight.ratio8to7}"
+          }
         }
       ],
       "tokens": {
-        "borderColor": "{palette.color.transparent}",
-        "borderWidth": "{palette.border.none}",
+        "borderColor": "{palette.color.gallery}",
+        "borderWidth": "{palette.border.border1}",
         "cellBackground": "{palette.color.white}",
         "cellBoxShadowColor": "{palette.color.gallery}",
         "cellMinWidth": "{palette.size.size0}",
@@ -6758,10 +6746,10 @@
           },
           "tokens": {
             "backgroundColor": "{palette.color.white}",
-            "color": "{palette.color.mosque}",
+            "color": "{palette.color.black}",
             "highlightBarBorderWidth": "{palette.border.border1}",
             "highlightBarHeight": "{palette.border.border1}",
-            "highlightColor": "{palette.color.mosque}"
+            "highlightColor": "{palette.color.black}"
           }
         },
         {
@@ -6769,7 +6757,10 @@
             "hover": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.whiteDark}"
+            "backgroundColor": "{palette.color.gallery}",
+            "highlightBarBorderWidth": "{palette.border.border1}",
+            "highlightBarHeight": "{palette.border.border1}",
+            "highlightColor": "{palette.color.silver}"
           }
         },
         {
@@ -6799,7 +6790,7 @@
           },
           "tokens": {
             "backgroundColor": "{palette.color.white}",
-            "highlightColor": "{palette.color.mosque}"
+            "highlightColor": "{palette.color.black}"
           }
         },
         {
@@ -6808,7 +6799,7 @@
           },
           "tokens": {
             "backgroundColor": "{system.color.transparent}",
-            "color": "{palette.color.icicle}"
+            "color": "{palette.color.white}"
           }
         },
         {
@@ -6829,7 +6820,7 @@
             "inverse": true
           },
           "tokens": {
-            "color": "{palette.color.icicleDark}"
+            "color": "{palette.color.gallery}"
           }
         },
         {
@@ -6838,10 +6829,10 @@
             "inverse": true
           },
           "tokens": {
-            "color": "{palette.color.icicle}",
+            "color": "{palette.color.white}",
             "highlightBarBorderWidth": "{palette.border.border1}",
             "highlightBarHeight": "{palette.border.border1}",
-            "highlightColor": "{palette.color.icicle}"
+            "highlightColor": "{palette.color.white}"
           }
         },
         {
@@ -6860,12 +6851,7 @@
             "inverse": true,
             "selected": true
           },
-          "tokens": {
-            "color": "{palette.color.silver}",
-            "highlightBarBorderWidth": "{palette.border.border1}",
-            "highlightBarHeight": "{palette.border.border1}",
-            "highlightColor": "{palette.color.silver}"
-          }
+          "tokens": {}
         },
         {
           "if": {
@@ -6938,11 +6924,11 @@
             "pressed": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosqueDark}",
-            "borderColor": "{palette.color.mosqueDark}",
+            "backgroundColor": "{palette.color.blackLight}",
+            "borderColor": "{palette.color.blackLight}",
             "borderWidth": "{palette.border.none}",
             "color": "{palette.color.white}",
-            "iconBackground": "{palette.color.mosqueDark}",
+            "iconBackground": "{palette.color.blackLight}",
             "iconColor": "{palette.color.white}",
             "outerBorderColor": "{palette.color.transparent}",
             "outerBorderWidth": "{palette.border.none}"
@@ -6954,11 +6940,11 @@
           },
           "tokens": {
             "backgroundColor": "{palette.color.transparent}",
-            "borderColor": "{palette.color.mosque}",
-            "color": "{palette.color.mosque}",
+            "borderColor": "{palette.color.black}",
+            "color": "{palette.color.black}",
             "iconBackground": "{palette.color.transparent}",
-            "iconColor": "{palette.color.mosque}",
-            "outerBorderColor": "{palette.color.mosque}",
+            "iconColor": "{palette.color.black}",
+            "outerBorderColor": "{palette.color.black}",
             "outerBorderGap": "{palette.size.size3}",
             "outerBorderWidth": "{palette.border.border1}"
           }
@@ -6968,11 +6954,11 @@
             "hover": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosqueDark}",
-            "borderColor": "{palette.color.mosqueDark}",
+            "backgroundColor": "{palette.color.blackLight}",
+            "borderColor": "{palette.color.blackLight}",
             "borderWidth": "{palette.border.none}",
             "color": "{palette.color.white}",
-            "iconBackground": "{palette.color.mosqueDark}",
+            "iconBackground": "{palette.color.blackLight}",
             "iconColor": "{palette.color.white}"
           }
         },
@@ -6981,11 +6967,11 @@
             "selected": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosque}",
-            "borderColor": "{palette.color.mosque}",
+            "backgroundColor": "{palette.color.black}",
+            "borderColor": "{palette.color.black}",
             "color": "{palette.color.white}",
             "icon": "{palette.icon.Close}",
-            "iconBackground": "{palette.color.mosque}",
+            "iconBackground": "{palette.color.black}",
             "iconColor": "{palette.color.white}",
             "iconPadding": "{palette.size.size4}",
             "outerBorderColor": "{palette.color.transparent}",
@@ -6998,8 +6984,8 @@
             "selected": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosqueDark}",
-            "iconBackground": "{palette.color.mosqueDark}"
+            "backgroundColor": "{palette.color.blackLight}",
+            "iconBackground": "{palette.color.blackLight}"
           }
         },
         {
@@ -7008,8 +6994,8 @@
             "selected": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosque}",
-            "outerBorderColor": "{palette.color.mosque}",
+            "backgroundColor": "{palette.color.black}",
+            "outerBorderColor": "{palette.color.black}",
             "outerBorderWidth": "{palette.border.border1}"
           }
         },
@@ -7020,7 +7006,8 @@
             "selected": true
           },
           "tokens": {
-            "iconBackground": "{palette.color.mosque}"
+            "backgroundColor": "{palette.color.blackLight}",
+            "iconBackground": "{palette.color.blackLight}"
           }
         },
         {
@@ -7030,8 +7017,8 @@
             "selected": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosqueDark}",
-            "iconBackground": "{palette.color.mosqueDark}"
+            "backgroundColor": "{palette.color.blackLight}",
+            "iconBackground": "{palette.color.blackLight}"
           }
         },
         {
@@ -7050,10 +7037,10 @@
       "tokens": {
         "alignSelf": "{system.flexAlign.center}",
         "backgroundColor": "{palette.color.white}",
-        "borderColor": "{palette.color.mosque}",
+        "borderColor": "{palette.color.black}",
         "borderRadius": "{palette.radius.radius4}",
         "borderWidth": "{palette.border.border1}",
-        "color": "{palette.color.mosque}",
+        "color": "{palette.color.black}",
         "fontName": "{palette.fontName.StagSans}",
         "fontSize": "{palette.fontSize.size16}",
         "fontWeight": "{palette.fontWeight.weight600}",
@@ -7061,7 +7048,7 @@
         "iconAlignSelf": "{system.flexAlign.center}",
         "iconBackground": "{palette.color.white}",
         "iconBorderRadius": "{palette.radius.pill32}",
-        "iconColor": "{palette.color.mosque}",
+        "iconColor": "{palette.color.black}",
         "iconPadding": "{palette.size.size2}",
         "iconPosition": "{system.position.right}",
         "iconSize": "{palette.size.size16}",
@@ -7234,28 +7221,53 @@
             "inactive": null
           },
           "tokens": {
-            "outerBackgroundColor": "{palette.color.gallery}",
-            "outerBorderColor": "{palette.color.gallery}"
+            "backgroundColor": "{palette.color.gallery}",
+            "borderColor": "{palette.color.black}"
+          }
+        },
+        {
+          "if": {
+            "hover": true,
+            "validation": "success"
+          },
+          "tokens": {
+            "backgroundColor": "{palette.color.gallery}",
+            "borderColor": "{palette.color.black}",
+            "icon": "{palette.icon.CheckCircleFilled}",
+            "iconColor": "{palette.color.success}"
+          }
+        },
+        {
+          "if": {
+            "hover": true,
+            "validation": "error"
+          },
+          "tokens": {
+            "backgroundColor": "{palette.color.gallery}",
+            "borderColor": "{palette.color.black}",
+            "iconColor": "{palette.color.danger}"
           }
         },
         {
           "if": {
+            "hover": false,
             "validation": "success"
           },
           "tokens": {
-            "borderColor": "{palette.color.mosque}",
-            "icon": "{palette.icon.CheckCircledFilled}",
-            "iconColor": "{palette.color.mosque}"
+            "borderColor": "{palette.color.success}",
+            "icon": "{palette.icon.CheckCircleFilled}",
+            "iconColor": "{palette.color.success}"
           }
         },
         {
           "if": {
+            "hover": false,
             "validation": "error"
           },
           "tokens": {
-            "borderColor": "{palette.color.amaranth}",
+            "borderColor": "{palette.color.danger}",
             "icon": "{palette.icon.ExclamationOctagon}",
-            "iconColor": "{palette.color.amaranth}"
+            "iconColor": "{palette.color.danger}"
           }
         },
         {
@@ -7264,7 +7276,7 @@
             "inactive": null
           },
           "tokens": {
-            "borderColor": "{palette.color.mosque}",
+            "borderColor": "{palette.color.black}",
             "borderWidth": "{palette.border.border3}",
             "icon": "{system.icon.none}"
           }
@@ -7286,8 +7298,8 @@
         "borderRadius": "{palette.radius.radius4}",
         "borderWidth": "{palette.border.border1}",
         "buttonSize": "{palette.size.size32}",
-        "buttonsGap": "{palette.size.size1}",
-        "buttonsPaddingRight": "{palette.size.size8}",
+        "buttonsGap": "{palette.size.size0}",
+        "buttonsPaddingRight": "{palette.size.size0}",
         "clearButtonIcon": "{palette.icon.Times}",
         "color": "{palette.color.dove}",
         "defaultCreditIcon": "{palette.icon.CreditCard}",
@@ -7302,11 +7314,11 @@
         "masterCardIcon": "{palette.icon.MasterCard}",
         "outerBackgroundColor": "{palette.color.transparent}",
         "outerBorderColor": "{palette.color.transparent}",
-        "outerBorderWidth": "{palette.border.border2}",
-        "paddingBottom": "{palette.size.size10}",
+        "outerBorderWidth": "{palette.border.none}",
+        "paddingBottom": "{palette.size.size12}",
         "paddingLeft": "{palette.size.size16}",
         "paddingRight": "{palette.size.size16}",
-        "paddingTop": "{palette.size.size10}",
+        "paddingTop": "{palette.size.size12}",
         "passwordHideButtonIcon": "{palette.icon.EyeMasked}",
         "passwordShowButtonIcon": "{palette.icon.EyeUnmasked}",
         "visaIcon": "{palette.icon.Visa}"
@@ -7355,7 +7367,7 @@
         "lineItemDirection": "{system.direction.column}",
         "lineItemMarginBottom": "{palette.size.size0}",
         "lineItemMarginRight": "{palette.size.size24}",
-        "timelineColor": "{palette.color.mosque}",
+        "timelineColor": "{palette.color.black}",
         "timelineConnectorColor": "{palette.color.black}",
         "timelineContainerDirection": "{system.direction.column}"
       }
@@ -7377,10 +7389,10 @@
       ],
       "tokens": {
         "animationBackgroundColorAfter": "{palette.color.gallery}",
-        "animationBackgroundColorBefore": "{palette.color.mosque}",
+        "animationBackgroundColorBefore": "{palette.color.black}",
         "animationColorAfter": "{palette.color.black}",
         "animationColorBefore": "{palette.color.white}",
-        "animationDivColorAfter": "{palette.color.mosque}",
+        "animationDivColorAfter": "{palette.color.black}",
         "animationDivColorBefore": "{palette.color.white}",
         "animationHeightAfter": "{palette.size.size24}",
         "animationHeightBefore": "{palette.size.size0}",
@@ -7390,7 +7402,7 @@
         "animationPaddingTopBefore": "{palette.size.size0}",
         "chevronlinkFontName": "{palette.fontName.StagSans}",
         "chevronlinkFontWeight": "{palette.fontWeight.weight400}",
-        "containerBackgroundColor": "{palette.color.mosque}",
+        "containerBackgroundColor": "{palette.color.black}",
         "containerGap": "{palette.size.size12}",
         "padding": "{palette.size.size16}"
       }
@@ -7409,8 +7421,8 @@
             "hover": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.silverDark}",
-            "switchColor": "{palette.color.mortarDark}"
+            "backgroundColor": "{palette.color.silver}",
+            "switchColor": "{palette.color.dove}"
           }
         },
         {
@@ -7418,8 +7430,8 @@
             "pressed": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.silverDark}",
-            "switchColor": "{palette.color.mortarDark}"
+            "backgroundColor": "{palette.color.silver}",
+            "switchColor": "{palette.color.mortar}"
           }
         },
         {
@@ -7427,11 +7439,11 @@
             "focus": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.silverDark}",
-            "outerBorderColor": "{palette.color.chathamsBlue}",
+            "backgroundColor": "{palette.color.silver}",
+            "outerBorderColor": "{palette.color.black}",
             "outerBorderGap": "{palette.size.size3}",
             "outerBorderWidth": "{palette.border.border1}",
-            "switchColor": "{palette.color.mortarDark}"
+            "switchColor": "{palette.color.dove}"
           }
         },
         {
@@ -7439,11 +7451,11 @@
             "selected": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.icicle}",
+            "backgroundColor": "{palette.color.greyLight}",
             "icon": "{palette.icon.Check}",
             "iconColor": "{palette.color.white}",
             "switchBorderColor": "{palette.color.transparent}",
-            "switchColor": "{palette.color.mosque}"
+            "switchColor": "{palette.color.black}"
           }
         },
         {
@@ -7452,8 +7464,8 @@
             "selected": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.icicleDark}",
-            "switchColor": "{palette.color.mosqueDark}"
+            "backgroundColor": "{palette.color.gallery}",
+            "switchColor": "{palette.color.blackLight}"
           }
         },
         {
@@ -7462,8 +7474,8 @@
             "selected": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.silverDark}",
-            "switchColor": "{palette.color.mortarDark}"
+            "backgroundColor": "{palette.color.silver}",
+            "switchColor": "{palette.color.dove}"
           }
         },
         {
@@ -7472,8 +7484,13 @@
             "selected": true
           },
           "tokens": {
-            "outerBorderColor": "{palette.color.chathamsBlue}",
-            "outerBorderWidth": "{palette.border.border1}"
+            "backgroundColor": "{palette.color.gallery}",
+            "icon": "{palette.icon.Check}",
+            "iconColor": "{palette.color.white}",
+            "outerBorderColor": "{palette.color.black}",
+            "outerBorderWidth": "{palette.border.border1}",
+            "switchBorderColor": "{palette.color.transparent}",
+            "switchColor": "{palette.color.black}"
           }
         },
         {
@@ -7482,7 +7499,7 @@
             "pressed": true
           },
           "tokens": {
-            "outerBorderColor": "{palette.color.chathamsBlue}",
+            "outerBorderColor": "{palette.color.black}",
             "outerBorderGap": "{palette.size.size3}",
             "outerBorderWidth": "{palette.border.border1}"
           }
@@ -7494,7 +7511,13 @@
             "selected": true
           },
           "tokens": {
-            "outerBorderColor": "{palette.color.chathamsBlue}"
+            "backgroundColor": "{palette.color.silver}",
+            "icon": "{palette.icon.Check}",
+            "iconColor": "{palette.color.white}",
+            "outerBorderColor": "{palette.color.black}",
+            "outerBorderGap": "{palette.size.size3}",
+            "outerBorderWidth": "{palette.border.border1}",
+            "switchColor": "{palette.color.dove}"
           }
         },
         {
@@ -7503,10 +7526,23 @@
           },
           "tokens": {
             "backgroundColor": "{palette.color.gallery}",
-            "iconColor": "{palette.color.silver}",
             "opacity": "{palette.opacity.opacity5}",
             "switchBorderColor": "{palette.color.transparent}",
-            "switchColor": "{palette.color.white}"
+            "switchColor": "{palette.color.silver}"
+          }
+        },
+        {
+          "if": {
+            "inactive": true,
+            "selected": true
+          },
+          "tokens": {
+            "backgroundColor": "{palette.color.gallery}",
+            "icon": "{palette.icon.Check}",
+            "iconColor": "{palette.color.white}",
+            "opacity": "{palette.opacity.opacity5}",
+            "switchBorderColor": "{palette.color.transparent}",
+            "switchColor": "{palette.color.silver}"
           }
         }
       ],
@@ -7596,7 +7632,7 @@
         "arrowBorderRadius": "{palette.radius.none}",
         "arrowOffset": "{palette.size.size4}",
         "arrowWidth": "{palette.size.size8}",
-        "backgroundColor": "{palette.color.onahau}",
+        "backgroundColor": "{palette.color.purpleLight}",
         "borderRadius": "{palette.radius.radius4}",
         "color": "{palette.color.black}",
         "fontName": "{palette.fontName.StagSans}",
@@ -7626,7 +7662,8 @@
             "hover": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.onahau}",
+            "backgroundColor": "{palette.color.transparent}",
+            "iconColor": "{palette.color.purple}",
             "iconScale": "{system.iconScale.scale1_25}"
           }
         },
@@ -7645,46 +7682,48 @@
             "inverse": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.silver}",
             "iconColor": "{palette.color.white}"
           }
         },
         {
           "if": {
-            "inverse": true,
-            "pressed": true
+            "focus": true,
+            "inverse": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.white}",
-            "iconColor": "{palette.color.silver}"
+            "outerBorderColor": "{palette.color.white}"
           }
         },
         {
           "if": {
-            "inverse": null,
-            "pressed": true
+            "focus": true,
+            "inverse": null
           },
           "tokens": {
-            "backgroundColor": "{palette.color.mosque}",
-            "iconColor": "{palette.color.white}"
+            "outerBorderColor": "{palette.color.black}"
           }
         },
         {
           "if": {
-            "focus": true,
-            "inverse": true
+            "inverse": true,
+            "pressed": true
           },
           "tokens": {
-            "outerBorderColor": "{palette.color.white}"
+            "backgroundColor": "{palette.color.white}",
+            "icon": "{palette.icon.TooltipSymbol}",
+            "iconColor": "{palette.color.black}",
+            "outerBorderColor": "{palette.color.gallery}"
           }
         },
         {
           "if": {
-            "focus": true,
-            "inverse": null
+            "inverse": null,
+            "pressed": true
           },
           "tokens": {
-            "outerBorderColor": "{palette.color.chathamsBlue}"
+            "backgroundColor": "{palette.color.purpleDark}",
+            "iconColor": "{palette.color.white}",
+            "outerBorderColor": "{palette.color.purpleDark}"
           }
         }
       ],
@@ -7692,7 +7731,7 @@
         "backgroundColor": "{palette.color.transparent}",
         "borderRadius": "{palette.radius.pill32}",
         "icon": "{palette.icon.Tooltip}",
-        "iconColor": "{palette.color.mosque}",
+        "iconColor": "{palette.color.black}",
         "iconScale": "{system.iconScale.scale1}",
         "iconSize": "{palette.size.size16}",
         "outerBorderColor": "{palette.color.transparent}",
@@ -7805,7 +7844,7 @@
             "size": "eyebrow"
           },
           "tokens": {
-            "color": "{palette.color.mortar}",
+            "color": "{palette.color.black}",
             "fontName": "{palette.fontName.StagSans}",
             "fontSize": "{palette.fontSize.size14}",
             "fontWeight": "{palette.fontWeight.weight600}",
@@ -8016,7 +8055,7 @@
             "colour": "brand"
           },
           "tokens": {
-            "color": "{palette.color.mosque}"
+            "color": "{palette.color.pink}"
           }
         },
         {
@@ -8040,7 +8079,7 @@
             "colour": "positive"
           },
           "tokens": {
-            "color": "{palette.color.mosque}"
+            "color": "{palette.color.success}"
           }
         },
         {
@@ -8048,7 +8087,7 @@
             "colour": "warning"
           },
           "tokens": {
-            "color": "{palette.color.trinidad}"
+            "color": "{palette.color.danger}"
           }
         },
         {
@@ -8056,7 +8095,7 @@
             "colour": "danger"
           },
           "tokens": {
-            "color": "{palette.color.wellRead}"
+            "color": "{palette.color.danger}"
           }
         },
         {
@@ -8080,7 +8119,7 @@
             "colour": "brand2"
           },
           "tokens": {
-            "color": "{palette.color.chathamsBlue}"
+            "color": "{palette.color.purple}"
           }
         },
         {
@@ -8088,7 +8127,7 @@
             "colour": "brand3"
           },
           "tokens": {
-            "color": "{palette.color.flirt}"
+            "color": "{palette.color.purpleDark}"
           }
         },
         {
@@ -8096,7 +8135,7 @@
             "colour": "alternative1"
           },
           "tokens": {
-            "color": "{palette.color.hibiscus}"
+            "color": "{palette.color.blackLight}"
           }
         },
         {
@@ -8104,7 +8143,7 @@
             "colour": "alternative2"
           },
           "tokens": {
-            "color": "{palette.color.cardinalPink}"
+            "color": "{palette.color.pinkDark}"
           }
         },
         {
@@ -8112,7 +8151,7 @@
             "colour": "alternative3"
           },
           "tokens": {
-            "color": "{palette.color.bilbao}"
+            "color": "{palette.color.success}"
           }
         }
       ],
@@ -8239,7 +8278,7 @@
           "tokens": {
             "borderColor": "{palette.color.mortar}",
             "borderWidth": "{palette.border.border1}",
-            "outerBorderColor": "{palette.color.chathamsBlue}"
+            "outerBorderColor": "{palette.color.black}"
           }
         },
         {
@@ -8257,7 +8296,8 @@
           },
           "tokens": {
             "borderColor": "{palette.color.mortar}",
-            "borderWidth": "{palette.border.border3}"
+            "borderWidth": "{palette.border.border3}",
+            "outerBorderColor": "{palette.color.transparent}"
           }
         },
         {
@@ -8265,8 +8305,8 @@
             "selected": true
           },
           "tokens": {
-            "borderColor": "{palette.color.mosque}",
-            "titleColor": "{palette.color.mosque}"
+            "borderColor": "{palette.color.purple}",
+            "titleColor": "{palette.color.purple}"
           }
         }
       ],
@@ -8298,8 +8338,8 @@
         "thumbWidth": "{palette.size.size8}",
         "timestampMarginLeft": "{palette.size.size8}",
         "timestampMarginRight": "{palette.size.size8}",
-        "trackGradientEnd": "{palette.color.turquoise}",
-        "trackGradientStart": "{palette.color.turquoise}"
+        "trackGradientEnd": "{palette.color.purple}",
+        "trackGradientStart": "{palette.color.purple}"
       }
     },
     "VideoVolumeSlider": {
@@ -8349,7 +8389,7 @@
         }
       ],
       "tokens": {
-        "itemBorderColor": "{palette.color.transparent}",
+        "itemBorderColor": "{palette.color.silver}",
         "itemPadding": "{palette.size.size16}",
         "rowBorderWidth": "{palette.border.border1}",
         "rowSize": "{system.integer.6}"