@skyscanner/bpk-foundations-web - npm Package Compare versions

Comparing version 10.4.0 to 11.0.0

package.json

 {
   "name": "@skyscanner/bpk-foundations-web",
-  "version": "10.4.0",
+  "version": "11.0.0",
   "description": "Common Backpack design tokens for colors, spacing, font, etc.",
@@ -20,6 +20,6 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@skyscanner/bpk-foundations-common": "^3.2.1",
+    "@skyscanner/bpk-foundations-common": "^4.0.0",
     "color": "^3.0.0"
   },
-  "gitHead": "c57c6c74354582fb1ff2b95d91b828a4875ed593"
+  "gitHead": "8cc88a10166f1e3ca97ff6043b14c20d7edb00c9"
 }

tokens/base.common.js

@@ -26,3 +26,3 @@ /*
   colorSkyBlueShade03: "rgb(2, 18, 44)",
-  colorPrimaryGradientLight: "rgb(7, 112, 227)",
+  colorPrimaryGradientLight: "rgb(0, 98, 227)",
   colorErfoud: "rgb(255, 181, 77)",
@@ -32,3 +32,3 @@ colorValensole: "rgb(165, 155, 200)",
   colorSkyGrayTint01: "rgb(68, 69, 96)",
-  colorBlack: "rgb(0, 0, 0)",
+  colorBlack: "rgb(1, 9, 19)",
   colorSkyGrayTint02: "rgb(104, 105, 127)",
@@ -55,3 +55,3 @@ colorSagano: "rgb(208, 238, 236)",
   colorPetra: "rgb(255, 171, 149)",
-  colorSkyBlue: "rgb(7, 112, 227)",
+  colorSkyBlue: "rgb(0, 98, 227)",
   colorBagan: "rgb(255, 235, 208)",
@@ -68,50 +68,50 @@ colorHillier: "rgb(225, 139, 150)",
   canvasDay: "rgb(255, 255, 255)",
-  canvasNight: "rgb(0, 0, 0)",
-  canvasContrastDay: "rgb(241, 242, 248)",
-  canvasContrastNight: "rgb(29, 27, 32)",
+  canvasNight: "rgb(1, 9, 19)",
+  canvasContrastDay: "rgb(239, 241, 242)",
+  canvasContrastNight: "rgb(19, 29, 43)",
   coreEcoDay: "rgb(15, 161, 169)",
   coreEcoNight: "rgb(15, 161, 169)",
-  coreAccentDay: "rgb(7, 112, 227)",
-  coreAccentNight: "rgb(109, 159, 235)",
-  corePrimaryDay: "rgb(2, 18, 44)",
+  coreAccentDay: "rgb(0, 98, 227)",
+  coreAccentNight: "rgb(132, 233, 255)",
+  corePrimaryDay: "rgb(5, 32, 60)",
   corePrimaryNight: "rgb(5, 65, 132)",
-  statusSuccessSpotNight: "rgb(0, 166, 152)",
+  statusSuccessSpotNight: "rgb(98, 241, 198)",
   statusSuccessFillNight: "rgb(177, 255, 231)",
-  statusSuccessSpotDay: "rgb(0, 166, 152)",
-  statusSuccessFillDay: "rgb(208, 238, 236)",
-  statusDangerSpotNight: "rgb(209, 67, 91)",
-  statusWarningSpotNight: "rgb(255, 181, 77)",
+  statusSuccessSpotDay: "rgb(12, 131, 138)",
+  statusSuccessFillDay: "rgb(212, 255, 242)",
+  statusDangerSpotNight: "rgb(255, 100, 156)",
+  statusWarningSpotNight: "rgb(254, 235, 135)",
   statusDangerFillNight: "rgb(255, 202, 221)",
   statusWarningFillNight: "rgb(251, 241, 187)",
-  statusDangerSpotDay: "rgb(209, 67, 91)",
-  statusWarningSpotDay: "rgb(255, 148, 0)",
-  statusDangerFillDay: "rgb(246, 221, 225)",
-  statusWarningFillDay: "rgb(255, 235, 208)",
-  surfaceContrastDay: "rgb(2, 18, 44)",
-  surfaceContrastNight: "rgb(29, 27, 32)",
+  statusDangerSpotDay: "rgb(231, 8, 102)",
+  statusWarningSpotDay: "rgb(245, 93, 66)",
+  statusDangerFillDay: "rgb(255, 233, 249)",
+  statusWarningFillDay: "rgb(255, 247, 207)",
+  surfaceContrastDay: "rgb(5, 32, 60)",
+  surfaceContrastNight: "rgb(19, 29, 43)",
   surfaceDefaultDay: "rgb(255, 255, 255)",
-  surfaceDefaultNight: "rgb(29, 27, 32)",
+  surfaceDefaultNight: "rgb(19, 29, 43)",
   surfaceElevatedDay: "rgb(255, 255, 255)",
-  surfaceElevatedNight: "rgb(44, 44, 46)",
-  surfaceHighlightDay: "rgb(221, 221, 229)",
-  surfaceHighlightNight: "rgb(44, 44, 46)",
+  surfaceElevatedNight: "rgb(36, 51, 70)",
+  surfaceHighlightDay: "rgb(224, 227, 229)",
+  surfaceHighlightNight: "rgb(36, 51, 70)",
   textOnDarkDay: "rgb(255, 255, 255)",
-  textOnLightNight: "rgb(17, 18, 54)",
-  textOnLightDay: "rgb(17, 18, 54)",
-  textLinkNight: "rgb(109, 159, 235)",
-  textDisabledNight: "rgb(142, 142, 147)",
+  textOnLightNight: "rgb(22, 22, 22)",
+  textOnLightDay: "rgb(22, 22, 22)",
+  textLinkNight: "rgb(132, 233, 255)",
+  textDisabledNight: "rgba(255, 255, 255, 0.2)",
   textPrimaryDarkColor: "rgb(255, 255, 255)",
-  textLinkDay: "rgb(7, 112, 227)",
+  textLinkDay: "rgb(0, 98, 227)",
   textQuaternaryDarkColor: "rgb(142, 142, 147)",
   textPrimaryNight: "rgb(255, 255, 255)",
   textQuaternaryLightColor: "rgb(143, 144, 160)",
-  textDisabledDay: "rgb(178, 178, 191)",
+  textDisabledDay: "rgba(0, 0, 0, 0.2)",
   textPrimaryLightColor: "rgb(17, 18, 54)",
-  textPrimaryDay: "rgb(17, 18, 54)",
-  textErrorNight: "rgb(209, 67, 91)",
-  textErrorDay: "rgb(209, 67, 91)",
+  textPrimaryDay: "rgb(22, 22, 22)",
+  textErrorNight: "rgb(255, 100, 156)",
+  textErrorDay: "rgb(231, 8, 102)",
   textTertiaryDarkColor: "rgb(142, 142, 147)",
   textSecondaryDarkColor: "rgb(178, 178, 191)",
-  textPrimaryInverseNight: "rgb(17, 18, 54)",
-  textSecondaryNight: "rgb(178, 178, 191)",
+  textPrimaryInverseNight: "rgb(22, 22, 22)",
+  textSecondaryNight: "rgb(189, 196, 203)",
   textOnDarkNight: "rgb(255, 255, 255)",
@@ -121,8 +121,10 @@ textSecondaryLightColor: "rgb(104, 105, 127)",
   textTertiaryLightColor: "rgb(143, 144, 160)",
-  textSecondaryDay: "rgb(104, 105, 127)",
-  scrimDay: "rgb(2, 18, 44)",
+  textSecondaryDay: "rgb(84, 88, 96)",
+  scrimDay: "rgba(0, 0, 0, 0.7)",
   backgroundElevation03DarkColor: "rgb(58, 58, 60)",
   backgroundElevation02DarkColor: "rgb(44, 44, 46)",
+  lineOnDarkNight: "rgb(68, 80, 95)",
   lineDarkColor: "rgb(72, 72, 74)",
   backgroundElevation01DarkColor: "rgb(29, 27, 32)",
+  lineOnDarkDay: "rgba(255, 255, 255, 0.5)",
   backgroundAlternativeSecondaryDarkColor: "rgb(29, 27, 32)",
@@ -132,3 +134,3 @@ backgroundLightColor: "rgb(255, 255, 255)",
   backgroundAlternativeSecondaryLightColor: "rgb(255, 255, 255)",
-  lineNight: "rgb(72, 72, 74)",
+  lineNight: "rgb(68, 80, 95)",
   colorSystemGreen: "rgb(0, 166, 152)",
@@ -138,3 +140,3 @@ backgroundElevation01LightColor: "rgb(255, 255, 255)",
   backgroundElevation02LightColor: "rgb(255, 255, 255)",
-  lineDay: "rgb(205, 205, 215)",
+  lineDay: "rgb(194, 201, 205)",
   backgroundElevation03LightColor: "rgb(255, 255, 255)",
@@ -147,10 +149,10 @@ backgroundTertiaryDarkColor: "rgb(44, 44, 46)",
   backgroundAlternativeDarkColor: "rgb(0, 0, 0)",
-  primaryLightColor: "rgb(7, 112, 227)",
+  primaryLightColor: "rgb(0, 98, 227)",
   backgroundTertiaryLightColor: "rgb(255, 255, 255)",
   backgroundSecondaryLightColor: "rgb(241, 242, 248)",
-  scrimNight: "rgb(2, 18, 44)",
-  marcommsBerry: "rgb(209, 67, 91)",
-  marcommsCharcoal: "rgb(17, 18, 54)",
+  scrimNight: "rgba(0, 0, 0, 0.7)",
+  marcommsBerry: "rgb(231, 8, 102)",
+  marcommsCharcoal: "rgb(22, 22, 22)",
   marcommsOrange: "rgb(255, 123, 89)",
-  marcommsGrey40: "rgb(104, 105, 127)",
+  marcommsGrey40: "rgb(84, 88, 96)",
   marcommsBlueBright: "rgb(161, 238, 255)",
@@ -160,24 +162,24 @@ marcommsYellow: "rgb(254, 235, 135)",
   marcommsPink: "rgb(255, 163, 229)",
-  marcommsSkyBlue: "rgb(7, 112, 227)",
-  marcommsDarkSky: "rgb(2, 18, 44)",
+  marcommsSkyBlue: "rgb(0, 98, 227)",
+  marcommsDarkSky: "rgb(5, 32, 60)",
   marcommsPurple: "rgb(142, 71, 186)",
   marcommsWhite: "rgb(255, 255, 255)",
-  marcommsYellowMuted: "rgb(255, 235, 208)",
-  marcommsPinkMuted: "rgb(246, 221, 225)",
-  marcommsGreenMuted: "rgb(208, 238, 236)",
+  marcommsYellowMuted: "rgb(255, 247, 207)",
+  marcommsPinkMuted: "rgb(255, 233, 249)",
+  marcommsGreenMuted: "rgb(212, 255, 242)",
   marcommsBlueMuted: "rgb(217, 248, 255)",
   marcommsEcoGreen: "rgb(15, 161, 169)",
   privateChipOnDarkNormalBackgroundDay: "rgba(255, 255, 255, 0.2)",
-  privateChipOnDarkPressedBackgroundNight: "rgb(0, 40, 84)",
+  privateChipOnDarkPressedBackgroundNight: "rgb(0, 43, 91)",
   privateChipOnDarkOnBackgroundNight: "rgb(5, 65, 132)",
-  privateChipOnDarkPressedBackgroundDay: "rgb(198, 204, 212)",
+  privateChipOnDarkPressedBackgroundDay: "rgb(194, 201, 205)",
   privateChipDefaultNormalBackgroundNight: "rgb(11, 18, 29)",
   privateChipOnDarkOnBackgroundDay: "rgb(255, 255, 255)",
-  privateChipDefaultNormalBackgroundDay: "rgb(221, 221, 229)",
+  privateChipDefaultNormalBackgroundDay: "rgb(224, 227, 229)",
   privateChipDefaultOnBackgroundNight: "rgb(5, 65, 132)",
-  privateChipDisabledBackgroundNight: "rgb(11, 17, 26)",
+  privateChipDisabledBackgroundNight: "rgb(11, 18, 29)",
   privateChipDefaultOnBackgroundDay: "rgb(5, 32, 60)",
-  privateChipDisabledBackgroundDay: "rgb(221, 225, 228)",
-  privateChipDefaultPressedBackgroundNight: "rgb(0, 40, 84)",
-  privateChipDefaultPressedBackgroundDay: "rgb(198, 204, 212)",
+  privateChipDisabledBackgroundDay: "rgb(224, 227, 229)",
+  privateChipDefaultPressedBackgroundNight: "rgb(0, 43, 91)",
+  privateChipDefaultPressedBackgroundDay: "rgb(194, 201, 205)",
   privateChipOnDarkNormalBackgroundNight: "rgb(11, 18, 29)",
@@ -192,6 +194,6 @@ privateButtonSecondaryPressedBackgroundNight: "rgb(1, 9, 19)",
   privateButtonPrimaryOnLightNormalBackgroundNight: "rgb(5, 32, 60)",
-  privateButtonSecondaryPressedBackgroundDay: "rgb(198, 204, 212)",
+  privateButtonSecondaryPressedBackgroundDay: "rgb(194, 201, 205)",
   privateButtonLinkNormalForegroundDay: "rgb(0, 98, 227)",
   privateButtonPrimaryOnLightDisabledForegroundNight: "rgba(0, 0, 0, 0.2)",
-  privateButtonSecondaryOnDarkDisabledBackgroundNight: "rgb(11, 17, 26)",
+  privateButtonSecondaryOnDarkDisabledBackgroundNight: "rgb(11, 18, 29)",
   privateButtonDestructiveNormalForegroundNight: "rgb(255, 100, 156)",
@@ -205,3 +207,3 @@ privateButtonLinkOnDarkDisabledForegroundDay: "rgba(255, 255, 255, 0.2)",
   privateButtonPrimaryOnDarkDisabledForegroundNight: "rgba(0, 0, 0, 0.2)",
-  privateButtonSecondaryOnDarkDisabledBackgroundDay: "rgb(11, 17, 26)",
+  privateButtonSecondaryOnDarkDisabledBackgroundDay: "rgb(11, 18, 29)",
   privateButtonSecondaryOnDarkPressedBackgroundNight: "rgb(1, 9, 19)",
@@ -213,3 +215,3 @@ privateButtonDestructiveNormalForegroundDay: "rgb(200, 4, 86)",
   privateButtonSecondaryOnDarkPressedBackgroundDay: "rgb(1, 9, 19)",
-  privateButtonPrimaryOnLightDisabledBackgroundNight: "rgb(221, 225, 228)",
+  privateButtonPrimaryOnLightDisabledBackgroundNight: "rgb(224, 227, 229)",
   privateButtonLinkPressedForegroundDay: "rgb(21, 70, 121)",
@@ -219,22 +221,22 @@ privateButtonDestructiveNormalBackgroundNight: "rgb(36, 51, 70)",
   privateButtonDestructivePressedBackgroundNight: "rgb(255, 100, 156)",
-  privateButtonPrimaryPressedBackgroundNight: "rgb(21, 70, 121)",
-  privateButtonPrimaryOnLightDisabledBackgroundDay: "rgb(221, 225, 228)",
-  privateButtonPrimaryOnDarkDisabledBackgroundNight: "rgb(221, 225, 228)",
+  privateButtonPrimaryPressedBackgroundNight: "rgb(0, 43, 91)",
+  privateButtonPrimaryOnLightDisabledBackgroundDay: "rgb(224, 227, 229)",
+  privateButtonPrimaryOnDarkDisabledBackgroundNight: "rgb(224, 227, 229)",
   privateButtonPrimaryNormalBackgroundDay: "rgb(5, 32, 60)",
   privateButtonDestructiveNormalBackgroundDay: "rgb(224, 227, 229)",
   privateButtonLinkOnDarkPressedForegroundNight: "rgba(255, 255, 255, 0.5)",
-  privateButtonDestructivePressedBackgroundDay: "rgb(231, 8, 102)",
+  privateButtonDestructivePressedBackgroundDay: "rgb(200, 4, 86)",
   privateButtonPrimaryPressedBackgroundDay: "rgb(21, 70, 121)",
-  privateButtonPrimaryOnDarkDisabledBackgroundDay: "rgb(221, 225, 228)",
+  privateButtonPrimaryOnDarkDisabledBackgroundDay: "rgb(224, 227, 229)",
   privateButtonLinkOnDarkNormalForegroundNight: "rgb(255, 255, 255)",
-  privateButtonDisabledBackgroundNight: "rgb(11, 17, 26)",
+  privateButtonDisabledBackgroundNight: "rgb(11, 18, 29)",
   privateButtonSecondaryOnDarkNormalBackgroundNight: "rgb(36, 51, 70)",
   privateButtonSecondaryOnDarkDisabledForegroundNight: "rgba(255, 255, 255, 0.2)",
   privateButtonLinkOnDarkPressedForegroundDay: "rgba(255, 255, 255, 0.5)",
-  privateButtonPrimaryOnDarkPressedBackgroundNight: "rgb(203, 206, 210)",
+  privateButtonPrimaryOnDarkPressedBackgroundNight: "rgb(194, 201, 205)",
   privateButtonLinkOnDarkNormalForegroundDay: "rgb(255, 255, 255)",
-  privateButtonDisabledBackgroundDay: "rgb(221, 225, 228)",
+  privateButtonDisabledBackgroundDay: "rgb(224, 227, 229)",
   privateButtonSecondaryOnDarkNormalBackgroundDay: "rgb(36, 51, 70)",
   privateButtonSecondaryOnDarkDisabledForegroundDay: "rgba(255, 255, 255, 0.2)",
-  privateButtonPrimaryOnDarkPressedBackgroundDay: "rgb(203, 206, 210)",
+  privateButtonPrimaryOnDarkPressedBackgroundDay: "rgb(194, 201, 205)",
   privateButtonPrimaryOnLightPressedBackgroundNight: "rgb(21, 70, 121)",
@@ -247,7 +249,7 @@ privateButtonFeaturedNormalBackgroundNight: "rgb(132, 233, 255)",
   autosuggestListBackgroundColor: "rgb(255, 255, 255)",
-  autosuggestListItemActiveBackgroundColor: "rgb(241, 242, 248)",
-  autosuggestListItemHighlightedBackgroundColor: "rgb(241, 242, 248)",
+  autosuggestListItemActiveBackgroundColor: "rgb(239, 241, 242)",
+  autosuggestListItemHighlightedBackgroundColor: "rgb(239, 241, 242)",
   badgePaddingY: ".25rem",
   badgePaddingX: ".5rem",
-  badgeBackgroundColor: "rgb(255, 235, 208)",
+  badgeBackgroundColor: "rgb(255, 247, 207)",
   badgeCenteredVerticalAlign: "text-bottom",
@@ -329,3 +331,3 @@ borderRadiusXs: ".25rem",
   buttonSelectedHoverColor: "rgb(255, 255, 255)",
-  buttonSelectedBackgroundColor: "rgb(7, 112, 227)",
+  buttonSelectedBackgroundColor: "rgb(0, 98, 227)",
   buttonPrimaryOnLightBackgroundImage: "none",
@@ -343,3 +345,3 @@ buttonOutlineDisabledColor: "rgb(178, 178, 191)",
   buttonSelectedBoxShadow: "none",
-  buttonSecondaryHoverBorderColor: "rgb(7, 112, 227)",
+  buttonSecondaryHoverBorderColor: "rgb(0, 98, 227)",
   buttonSecondaryOnDarkBackgroundImage: "none",
@@ -361,3 +363,3 @@ buttonSecondaryActiveBackgroundImage: "none",
   buttonOutlineDisabledBoxShadow: "none",
-  buttonFeaturedBackgroundImage: "#0770e3",
+  buttonFeaturedBackgroundImage: "#0062E3",
   buttonPrimaryOnLightDisabledBackgroundImage: "none",
@@ -368,3 +370,3 @@ buttonIconBorderRadiusLg: "1.3125rem",
   buttonFeaturedActiveColor: "rgb(255, 255, 255)",
-  buttonSecondaryHoverBoxShadow: "0 0 0 2px #0770e3 inset",
+  buttonSecondaryHoverBoxShadow: "0 0 0 2px #0062E3 inset",
   buttonPaddingXIconOnly: ".5625rem",
@@ -393,3 +395,3 @@ buttonPrimaryOnDarkActiveBackgroundImage: "none",
   buttonSelectedActiveBoxShadow: "none",
-  buttonFeaturedBackgroundColor: "rgb(7, 112, 227)",
+  buttonFeaturedBackgroundColor: "rgb(0, 98, 227)",
   buttonPrimaryOnLightDisabledBackgroundColor: "rgb(221, 221, 229)",
@@ -439,23 +441,23 @@ buttonColor: "rgb(255, 255, 255)",
   calendarDaySelectedColor: "rgb(255, 255, 255)",
-  calendarDayDisabledColor: "rgb(178, 178, 191)",
-  calendarDayOutsideColor: "rgb(178, 178, 191)",
+  calendarDayDisabledColor: "rgba(0, 0, 0, 0.2)",
+  calendarDayOutsideColor: "rgba(0, 0, 0, 0.2)",
   calendarDaySize: "2.250rem",
-  calendarDayActiveBackgroundColor: "rgb(241, 242, 248)",
-  calendarNavIconFill: "rgb(17, 18, 54)",
-  calendarDayActiveColor: "rgb(17, 18, 54)",
-  calendarNavIconHoverFill: "rgb(17, 18, 54)",
+  calendarDayActiveBackgroundColor: "rgb(239, 241, 242)",
+  calendarNavIconFill: "rgb(22, 22, 22)",
+  calendarDayActiveColor: "rgb(22, 22, 22)",
+  calendarNavIconHoverFill: "rgb(22, 22, 22)",
   calendarPadding: ".75rem",
-  calendarDaySelectedBackgroundColor: "rgb(7, 112, 227)",
-  calendarNavIconActiveFill: "rgb(17, 18, 54)",
-  calendarDayFocusedColor: "rgb(7, 112, 227)",
-  calendarDayHoverBackgroundColor: "rgb(241, 242, 248)",
-  calendarDayFocusedBorderColor: "rgb(7, 112, 227)",
-  calendarDayHoverColor: "rgb(17, 18, 54)",
-  calendarNavIconDisabledFill: "rgb(178, 178, 191)",
-  calendarDayColor: "rgb(17, 18, 54)",
+  calendarDaySelectedBackgroundColor: "rgb(0, 98, 227)",
+  calendarNavIconActiveFill: "rgb(22, 22, 22)",
+  calendarDayFocusedColor: "rgb(0, 98, 227)",
+  calendarDayHoverBackgroundColor: "rgb(239, 241, 242)",
+  calendarDayFocusedBorderColor: "rgb(0, 98, 227)",
+  calendarDayHoverColor: "rgb(22, 22, 22)",
+  calendarNavIconDisabledFill: "rgba(0, 0, 0, 0.2)",
+  calendarDayColor: "rgb(22, 22, 22)",
   calendarDaySpacing: ".5rem",
   cardBackgroundColor: "rgb(255, 255, 255)",
-  cardColor: "rgb(17, 18, 54)",
+  cardColor: "rgb(22, 22, 22)",
   cardPadding: "1rem",
-  primaryGradient: "#0770e3",
+  primaryGradient: "#0062E3",
   flareHeightDesktop: "1.5rem",
@@ -465,10 +467,10 @@ flareHeightMobile: "1rem",
   inputLargeHeight: "3rem",
-  selectColor: "rgb(17, 18, 54)",
-  inputBorder: "solid .0625rem #CDCDD7",
-  inputPlaceholderColor: "rgb(178, 178, 191)",
+  selectColor: "rgb(22, 22, 22)",
+  inputBorder: "solid .0625rem #C2C9CD",
+  inputPlaceholderColor: "rgba(0, 0, 0, 0.2)",
   formValidationArrowSize: ".375rem",
   selectBorderRadius: ".25rem",
   inputBackground: "#ffffff",
-  selectDisabledColor: "rgb(178, 178, 191)",
-  requiredColor: "rgb(209, 67, 91)",
+  selectDisabledColor: "rgba(0, 0, 0, 0.2)",
+  requiredColor: "rgb(231, 8, 102)",
   selectPaddingTop: ".375rem",
@@ -479,22 +481,22 @@ labelFontSize: ".75rem",
   selectHeight: "2.250rem",
-  labelDisabledColor: "rgb(178, 178, 191)",
+  labelDisabledColor: "rgba(0, 0, 0, 0.2)",
   selectPaddingRight: "1.875rem",
   selectLargeHeight: "2.625rem + .375rem",
-  inputColor: "rgb(17, 18, 54)",
-  selectBorder: "solid .0625rem #CDCDD7",
+  inputColor: "rgb(22, 22, 22)",
+  selectBorder: "solid .0625rem #C2C9CD",
   inputBorderRadius: ".25rem",
-  radioCheckedCircleColor: "rgb(7, 112, 227)",
-  selectDisabledBorderColor: "rgb(221, 221, 229)",
-  inputDisabledColor: "rgb(178, 178, 191)",
+  radioCheckedCircleColor: "rgb(0, 98, 227)",
+  selectDisabledBorderColor: "rgb(224, 227, 229)",
+  inputDisabledColor: "rgba(0, 0, 0, 0.2)",
   inputPaddingX: ".5rem",
-  checkboxCheckedTickColor: "rgb(7, 112, 227)",
+  checkboxCheckedTickColor: "rgb(0, 98, 227)",
   inputPaddingY: ".5rem",
   selectBorderWidth: ".0625rem",
   selectPaddingLeft: ".75rem",
-  labelColor: "rgb(17, 18, 54)",
-  formValidationColor: "rgb(209, 67, 91)",
+  labelColor: "rgb(22, 22, 22)",
+  formValidationColor: "rgb(231, 8, 102)",
   textareaMinHeight: "2.625rem * 2",
   inputHeight: "2.25rem",
   selectPaddingBottom: ".375rem",
-  inputDisabledBorderColor: "rgb(241, 242, 248)",
+  inputDisabledBorderColor: "rgb(239, 241, 242)",
   gridColumns: "12",
@@ -504,7 +506,7 @@ gridGutter: "1.5rem",
   gridContainerMobilePadding: ".75rem",
-  horizontalNavLinkColor: "rgb(104, 105, 127)",
-  horizontalNavLinkHoverColor: "rgb(104, 105, 127)",
-  horizontalNavLinkActiveColor: "rgb(104, 105, 127)",
-  horizontalNavLinkSelectedColor: "rgb(7, 112, 227)",
-  horizontalNavBarSelectedColor: "rgb(7, 112, 227)",
+  horizontalNavLinkColor: "rgb(84, 88, 96)",
+  horizontalNavLinkHoverColor: "rgb(84, 88, 96)",
+  horizontalNavLinkActiveColor: "rgb(84, 88, 96)",
+  horizontalNavLinkSelectedColor: "rgb(0, 98, 227)",
+  horizontalNavBarSelectedColor: "rgb(0, 98, 227)",
   iconSizeSm: "1.125rem",
@@ -526,5 +528,5 @@ iconSizeLg: "1.5rem",
   bannerAlertChildrenPaddingX: ".75rem",
-  bannerAlertWarnColor: "rgb(255, 148, 0)",
+  bannerAlertWarnColor: "rgb(245, 93, 66)",
   bannerAlertChildrenPaddingY: ".375rem",
-  bannerAlertHeaderExpandableHoverBackgroundColor: "rgb(241, 242, 248)",
+  bannerAlertHeaderExpandableHoverBackgroundColor: "rgb(239, 241, 242)",
   bannerAlertBackgroundColor: "rgb(255, 255, 255)",
@@ -534,11 +536,11 @@ bannerAlertEventColor: "rgb(90, 72, 155)",
   bannerAlertHeaderPaddingY: ".375rem",
-  bannerAlertPrimaryColor: "rgb(7, 112, 227)",
-  bannerAlertSuccessColor: "rgb(0, 166, 152)",
-  bannerAlertNeutralColor: "rgb(205, 205, 215)",
-  bannerAlertErrorColor: "rgb(209, 67, 91)",
-  bannerAlertChildrenColor: "rgb(104, 105, 127)",
-  bannerAlertExpandIconFill: "rgb(104, 105, 127)",
-  bannerAlertHeaderExpandableActiveBackgroundColor: "rgb(241, 242, 248)",
+  bannerAlertPrimaryColor: "rgb(0, 98, 227)",
+  bannerAlertSuccessColor: "rgb(12, 131, 138)",
+  bannerAlertNeutralColor: "rgb(194, 201, 205)",
+  bannerAlertErrorColor: "rgb(231, 8, 102)",
+  bannerAlertChildrenColor: "rgb(84, 88, 96)",
+  bannerAlertExpandIconFill: "rgb(84, 88, 96)",
+  bannerAlertHeaderExpandableActiveBackgroundColor: "rgb(239, 241, 242)",
   panelPadding: ".75rem",
-  panelBorderColor: "rgb(205, 205, 215)",
+  panelBorderColor: "rgb(194, 201, 205)",
   panelBackgroundColor: "rgb(255, 255, 255)",
@@ -600,3 +602,3 @@ ratingBaseWidth: ".75rem * 4",
   letterSpacingTight: "-0.02em",
-  linkVisitedColor: "rgb(7, 112, 227)",
+  linkVisitedColor: "rgb(0, 98, 227)",
   fontSizeLg: "1.25rem",
@@ -612,3 +614,3 @@ listNestedMarginTop: "0",
   textXlFontWeight: "400",
-  linkActiveColor: "rgb(7, 112, 227)",
+  linkActiveColor: "rgb(0, 98, 227)",
   textXxxxxlFontWeight: "400",
@@ -643,3 +645,3 @@ listItemMarginTop: "0",
   linkHoverTextDecoration: "underline",
-  linkHoverColor: "rgb(7, 112, 227)",
+  linkHoverColor: "rgb(0, 98, 227)",
   h1FontSize: "3rem",
@@ -668,3 +670,3 @@ listMarginBottom: "1rem",
   fontSizeXxxxl: "3rem",
-  linkColor: "rgb(7, 112, 227)",
+  linkColor: "rgb(0, 98, 227)",
   lineHeightBase: "1.5rem",
@@ -671,0 +673,0 @@ lineHeight7Xl: "6rem",

tokens/base.es6.js

@@ -24,3 +24,3 @@ /*
 export const colorSkyBlueShade03 = "rgb(2, 18, 44)";
-export const colorPrimaryGradientLight = "rgb(7, 112, 227)";
+export const colorPrimaryGradientLight = "rgb(0, 98, 227)";
 export const colorErfoud = "rgb(255, 181, 77)";
@@ -30,3 +30,3 @@ export const colorValensole = "rgb(165, 155, 200)";
 export const colorSkyGrayTint01 = "rgb(68, 69, 96)";
-export const colorBlack = "rgb(0, 0, 0)";
+export const colorBlack = "rgb(1, 9, 19)";
 export const colorSkyGrayTint02 = "rgb(104, 105, 127)";
@@ -53,3 +53,3 @@ export const colorSagano = "rgb(208, 238, 236)";
 export const colorPetra = "rgb(255, 171, 149)";
-export const colorSkyBlue = "rgb(7, 112, 227)";
+export const colorSkyBlue = "rgb(0, 98, 227)";
 export const colorBagan = "rgb(255, 235, 208)";
@@ -66,50 +66,50 @@ export const colorHillier = "rgb(225, 139, 150)";
 export const canvasDay = "rgb(255, 255, 255)";
-export const canvasNight = "rgb(0, 0, 0)";
-export const canvasContrastDay = "rgb(241, 242, 248)";
-export const canvasContrastNight = "rgb(29, 27, 32)";
+export const canvasNight = "rgb(1, 9, 19)";
+export const canvasContrastDay = "rgb(239, 241, 242)";
+export const canvasContrastNight = "rgb(19, 29, 43)";
 export const coreEcoDay = "rgb(15, 161, 169)";
 export const coreEcoNight = "rgb(15, 161, 169)";
-export const coreAccentDay = "rgb(7, 112, 227)";
-export const coreAccentNight = "rgb(109, 159, 235)";
-export const corePrimaryDay = "rgb(2, 18, 44)";
+export const coreAccentDay = "rgb(0, 98, 227)";
+export const coreAccentNight = "rgb(132, 233, 255)";
+export const corePrimaryDay = "rgb(5, 32, 60)";
 export const corePrimaryNight = "rgb(5, 65, 132)";
-export const statusSuccessSpotNight = "rgb(0, 166, 152)";
+export const statusSuccessSpotNight = "rgb(98, 241, 198)";
 export const statusSuccessFillNight = "rgb(177, 255, 231)";
-export const statusSuccessSpotDay = "rgb(0, 166, 152)";
-export const statusSuccessFillDay = "rgb(208, 238, 236)";
-export const statusDangerSpotNight = "rgb(209, 67, 91)";
-export const statusWarningSpotNight = "rgb(255, 181, 77)";
+export const statusSuccessSpotDay = "rgb(12, 131, 138)";
+export const statusSuccessFillDay = "rgb(212, 255, 242)";
+export const statusDangerSpotNight = "rgb(255, 100, 156)";
+export const statusWarningSpotNight = "rgb(254, 235, 135)";
 export const statusDangerFillNight = "rgb(255, 202, 221)";
 export const statusWarningFillNight = "rgb(251, 241, 187)";
-export const statusDangerSpotDay = "rgb(209, 67, 91)";
-export const statusWarningSpotDay = "rgb(255, 148, 0)";
-export const statusDangerFillDay = "rgb(246, 221, 225)";
-export const statusWarningFillDay = "rgb(255, 235, 208)";
-export const surfaceContrastDay = "rgb(2, 18, 44)";
-export const surfaceContrastNight = "rgb(29, 27, 32)";
+export const statusDangerSpotDay = "rgb(231, 8, 102)";
+export const statusWarningSpotDay = "rgb(245, 93, 66)";
+export const statusDangerFillDay = "rgb(255, 233, 249)";
+export const statusWarningFillDay = "rgb(255, 247, 207)";
+export const surfaceContrastDay = "rgb(5, 32, 60)";
+export const surfaceContrastNight = "rgb(19, 29, 43)";
 export const surfaceDefaultDay = "rgb(255, 255, 255)";
-export const surfaceDefaultNight = "rgb(29, 27, 32)";
+export const surfaceDefaultNight = "rgb(19, 29, 43)";
 export const surfaceElevatedDay = "rgb(255, 255, 255)";
-export const surfaceElevatedNight = "rgb(44, 44, 46)";
-export const surfaceHighlightDay = "rgb(221, 221, 229)";
-export const surfaceHighlightNight = "rgb(44, 44, 46)";
+export const surfaceElevatedNight = "rgb(36, 51, 70)";
+export const surfaceHighlightDay = "rgb(224, 227, 229)";
+export const surfaceHighlightNight = "rgb(36, 51, 70)";
 export const textOnDarkDay = "rgb(255, 255, 255)";
-export const textOnLightNight = "rgb(17, 18, 54)";
-export const textOnLightDay = "rgb(17, 18, 54)";
-export const textLinkNight = "rgb(109, 159, 235)";
-export const textDisabledNight = "rgb(142, 142, 147)";
+export const textOnLightNight = "rgb(22, 22, 22)";
+export const textOnLightDay = "rgb(22, 22, 22)";
+export const textLinkNight = "rgb(132, 233, 255)";
+export const textDisabledNight = "rgba(255, 255, 255, 0.2)";
 export const textPrimaryDarkColor = "rgb(255, 255, 255)";
-export const textLinkDay = "rgb(7, 112, 227)";
+export const textLinkDay = "rgb(0, 98, 227)";
 export const textQuaternaryDarkColor = "rgb(142, 142, 147)";
 export const textPrimaryNight = "rgb(255, 255, 255)";
 export const textQuaternaryLightColor = "rgb(143, 144, 160)";
-export const textDisabledDay = "rgb(178, 178, 191)";
+export const textDisabledDay = "rgba(0, 0, 0, 0.2)";
 export const textPrimaryLightColor = "rgb(17, 18, 54)";
-export const textPrimaryDay = "rgb(17, 18, 54)";
-export const textErrorNight = "rgb(209, 67, 91)";
-export const textErrorDay = "rgb(209, 67, 91)";
+export const textPrimaryDay = "rgb(22, 22, 22)";
+export const textErrorNight = "rgb(255, 100, 156)";
+export const textErrorDay = "rgb(231, 8, 102)";
 export const textTertiaryDarkColor = "rgb(142, 142, 147)";
 export const textSecondaryDarkColor = "rgb(178, 178, 191)";
-export const textPrimaryInverseNight = "rgb(17, 18, 54)";
-export const textSecondaryNight = "rgb(178, 178, 191)";
+export const textPrimaryInverseNight = "rgb(22, 22, 22)";
+export const textSecondaryNight = "rgb(189, 196, 203)";
 export const textOnDarkNight = "rgb(255, 255, 255)";
@@ -119,8 +119,10 @@ export const textSecondaryLightColor = "rgb(104, 105, 127)";
 export const textTertiaryLightColor = "rgb(143, 144, 160)";
-export const textSecondaryDay = "rgb(104, 105, 127)";
-export const scrimDay = "rgb(2, 18, 44)";
+export const textSecondaryDay = "rgb(84, 88, 96)";
+export const scrimDay = "rgba(0, 0, 0, 0.7)";
 export const backgroundElevation03DarkColor = "rgb(58, 58, 60)";
 export const backgroundElevation02DarkColor = "rgb(44, 44, 46)";
+export const lineOnDarkNight = "rgb(68, 80, 95)";
 export const lineDarkColor = "rgb(72, 72, 74)";
 export const backgroundElevation01DarkColor = "rgb(29, 27, 32)";
+export const lineOnDarkDay = "rgba(255, 255, 255, 0.5)";
 export const backgroundAlternativeSecondaryDarkColor = "rgb(29, 27, 32)";
@@ -130,3 +132,3 @@ export const backgroundLightColor = "rgb(255, 255, 255)";
 export const backgroundAlternativeSecondaryLightColor = "rgb(255, 255, 255)";
-export const lineNight = "rgb(72, 72, 74)";
+export const lineNight = "rgb(68, 80, 95)";
 export const colorSystemGreen = "rgb(0, 166, 152)";
@@ -136,3 +138,3 @@ export const backgroundElevation01LightColor = "rgb(255, 255, 255)";
 export const backgroundElevation02LightColor = "rgb(255, 255, 255)";
-export const lineDay = "rgb(205, 205, 215)";
+export const lineDay = "rgb(194, 201, 205)";
 export const backgroundElevation03LightColor = "rgb(255, 255, 255)";
@@ -145,10 +147,10 @@ export const backgroundTertiaryDarkColor = "rgb(44, 44, 46)";
 export const backgroundAlternativeDarkColor = "rgb(0, 0, 0)";
-export const primaryLightColor = "rgb(7, 112, 227)";
+export const primaryLightColor = "rgb(0, 98, 227)";
 export const backgroundTertiaryLightColor = "rgb(255, 255, 255)";
 export const backgroundSecondaryLightColor = "rgb(241, 242, 248)";
-export const scrimNight = "rgb(2, 18, 44)";
-export const marcommsBerry = "rgb(209, 67, 91)";
-export const marcommsCharcoal = "rgb(17, 18, 54)";
+export const scrimNight = "rgba(0, 0, 0, 0.7)";
+export const marcommsBerry = "rgb(231, 8, 102)";
+export const marcommsCharcoal = "rgb(22, 22, 22)";
 export const marcommsOrange = "rgb(255, 123, 89)";
-export const marcommsGrey40 = "rgb(104, 105, 127)";
+export const marcommsGrey40 = "rgb(84, 88, 96)";
 export const marcommsBlueBright = "rgb(161, 238, 255)";
@@ -158,24 +160,24 @@ export const marcommsYellow = "rgb(254, 235, 135)";
 export const marcommsPink = "rgb(255, 163, 229)";
-export const marcommsSkyBlue = "rgb(7, 112, 227)";
-export const marcommsDarkSky = "rgb(2, 18, 44)";
+export const marcommsSkyBlue = "rgb(0, 98, 227)";
+export const marcommsDarkSky = "rgb(5, 32, 60)";
 export const marcommsPurple = "rgb(142, 71, 186)";
 export const marcommsWhite = "rgb(255, 255, 255)";
-export const marcommsYellowMuted = "rgb(255, 235, 208)";
-export const marcommsPinkMuted = "rgb(246, 221, 225)";
-export const marcommsGreenMuted = "rgb(208, 238, 236)";
+export const marcommsYellowMuted = "rgb(255, 247, 207)";
+export const marcommsPinkMuted = "rgb(255, 233, 249)";
+export const marcommsGreenMuted = "rgb(212, 255, 242)";
 export const marcommsBlueMuted = "rgb(217, 248, 255)";
 export const marcommsEcoGreen = "rgb(15, 161, 169)";
 export const privateChipOnDarkNormalBackgroundDay = "rgba(255, 255, 255, 0.2)";
-export const privateChipOnDarkPressedBackgroundNight = "rgb(0, 40, 84)";
+export const privateChipOnDarkPressedBackgroundNight = "rgb(0, 43, 91)";
 export const privateChipOnDarkOnBackgroundNight = "rgb(5, 65, 132)";
-export const privateChipOnDarkPressedBackgroundDay = "rgb(198, 204, 212)";
+export const privateChipOnDarkPressedBackgroundDay = "rgb(194, 201, 205)";
 export const privateChipDefaultNormalBackgroundNight = "rgb(11, 18, 29)";
 export const privateChipOnDarkOnBackgroundDay = "rgb(255, 255, 255)";
-export const privateChipDefaultNormalBackgroundDay = "rgb(221, 221, 229)";
+export const privateChipDefaultNormalBackgroundDay = "rgb(224, 227, 229)";
 export const privateChipDefaultOnBackgroundNight = "rgb(5, 65, 132)";
-export const privateChipDisabledBackgroundNight = "rgb(11, 17, 26)";
+export const privateChipDisabledBackgroundNight = "rgb(11, 18, 29)";
 export const privateChipDefaultOnBackgroundDay = "rgb(5, 32, 60)";
-export const privateChipDisabledBackgroundDay = "rgb(221, 225, 228)";
-export const privateChipDefaultPressedBackgroundNight = "rgb(0, 40, 84)";
-export const privateChipDefaultPressedBackgroundDay = "rgb(198, 204, 212)";
+export const privateChipDisabledBackgroundDay = "rgb(224, 227, 229)";
+export const privateChipDefaultPressedBackgroundNight = "rgb(0, 43, 91)";
+export const privateChipDefaultPressedBackgroundDay = "rgb(194, 201, 205)";
 export const privateChipOnDarkNormalBackgroundNight = "rgb(11, 18, 29)";
@@ -190,6 +192,6 @@ export const privateButtonSecondaryPressedBackgroundNight = "rgb(1, 9, 19)";
 export const privateButtonPrimaryOnLightNormalBackgroundNight = "rgb(5, 32, 60)";
-export const privateButtonSecondaryPressedBackgroundDay = "rgb(198, 204, 212)";
+export const privateButtonSecondaryPressedBackgroundDay = "rgb(194, 201, 205)";
 export const privateButtonLinkNormalForegroundDay = "rgb(0, 98, 227)";
 export const privateButtonPrimaryOnLightDisabledForegroundNight = "rgba(0, 0, 0, 0.2)";
-export const privateButtonSecondaryOnDarkDisabledBackgroundNight = "rgb(11, 17, 26)";
+export const privateButtonSecondaryOnDarkDisabledBackgroundNight = "rgb(11, 18, 29)";
 export const privateButtonDestructiveNormalForegroundNight = "rgb(255, 100, 156)";
@@ -203,3 +205,3 @@ export const privateButtonLinkOnDarkDisabledForegroundDay = "rgba(255, 255, 255, 0.2)";
 export const privateButtonPrimaryOnDarkDisabledForegroundNight = "rgba(0, 0, 0, 0.2)";
-export const privateButtonSecondaryOnDarkDisabledBackgroundDay = "rgb(11, 17, 26)";
+export const privateButtonSecondaryOnDarkDisabledBackgroundDay = "rgb(11, 18, 29)";
 export const privateButtonSecondaryOnDarkPressedBackgroundNight = "rgb(1, 9, 19)";
@@ -211,3 +213,3 @@ export const privateButtonDestructiveNormalForegroundDay = "rgb(200, 4, 86)";
 export const privateButtonSecondaryOnDarkPressedBackgroundDay = "rgb(1, 9, 19)";
-export const privateButtonPrimaryOnLightDisabledBackgroundNight = "rgb(221, 225, 228)";
+export const privateButtonPrimaryOnLightDisabledBackgroundNight = "rgb(224, 227, 229)";
 export const privateButtonLinkPressedForegroundDay = "rgb(21, 70, 121)";
@@ -217,22 +219,22 @@ export const privateButtonDestructiveNormalBackgroundNight = "rgb(36, 51, 70)";
 export const privateButtonDestructivePressedBackgroundNight = "rgb(255, 100, 156)";
-export const privateButtonPrimaryPressedBackgroundNight = "rgb(21, 70, 121)";
-export const privateButtonPrimaryOnLightDisabledBackgroundDay = "rgb(221, 225, 228)";
-export const privateButtonPrimaryOnDarkDisabledBackgroundNight = "rgb(221, 225, 228)";
+export const privateButtonPrimaryPressedBackgroundNight = "rgb(0, 43, 91)";
+export const privateButtonPrimaryOnLightDisabledBackgroundDay = "rgb(224, 227, 229)";
+export const privateButtonPrimaryOnDarkDisabledBackgroundNight = "rgb(224, 227, 229)";
 export const privateButtonPrimaryNormalBackgroundDay = "rgb(5, 32, 60)";
 export const privateButtonDestructiveNormalBackgroundDay = "rgb(224, 227, 229)";
 export const privateButtonLinkOnDarkPressedForegroundNight = "rgba(255, 255, 255, 0.5)";
-export const privateButtonDestructivePressedBackgroundDay = "rgb(231, 8, 102)";
+export const privateButtonDestructivePressedBackgroundDay = "rgb(200, 4, 86)";
 export const privateButtonPrimaryPressedBackgroundDay = "rgb(21, 70, 121)";
-export const privateButtonPrimaryOnDarkDisabledBackgroundDay = "rgb(221, 225, 228)";
+export const privateButtonPrimaryOnDarkDisabledBackgroundDay = "rgb(224, 227, 229)";
 export const privateButtonLinkOnDarkNormalForegroundNight = "rgb(255, 255, 255)";
-export const privateButtonDisabledBackgroundNight = "rgb(11, 17, 26)";
+export const privateButtonDisabledBackgroundNight = "rgb(11, 18, 29)";
 export const privateButtonSecondaryOnDarkNormalBackgroundNight = "rgb(36, 51, 70)";
 export const privateButtonSecondaryOnDarkDisabledForegroundNight = "rgba(255, 255, 255, 0.2)";
 export const privateButtonLinkOnDarkPressedForegroundDay = "rgba(255, 255, 255, 0.5)";
-export const privateButtonPrimaryOnDarkPressedBackgroundNight = "rgb(203, 206, 210)";
+export const privateButtonPrimaryOnDarkPressedBackgroundNight = "rgb(194, 201, 205)";
 export const privateButtonLinkOnDarkNormalForegroundDay = "rgb(255, 255, 255)";
-export const privateButtonDisabledBackgroundDay = "rgb(221, 225, 228)";
+export const privateButtonDisabledBackgroundDay = "rgb(224, 227, 229)";
 export const privateButtonSecondaryOnDarkNormalBackgroundDay = "rgb(36, 51, 70)";
 export const privateButtonSecondaryOnDarkDisabledForegroundDay = "rgba(255, 255, 255, 0.2)";
-export const privateButtonPrimaryOnDarkPressedBackgroundDay = "rgb(203, 206, 210)";
+export const privateButtonPrimaryOnDarkPressedBackgroundDay = "rgb(194, 201, 205)";
 export const privateButtonPrimaryOnLightPressedBackgroundNight = "rgb(21, 70, 121)";
@@ -245,7 +247,7 @@ export const privateButtonFeaturedNormalBackgroundNight = "rgb(132, 233, 255)";
 export const autosuggestListBackgroundColor = "rgb(255, 255, 255)";
-export const autosuggestListItemActiveBackgroundColor = "rgb(241, 242, 248)";
-export const autosuggestListItemHighlightedBackgroundColor = "rgb(241, 242, 248)";
+export const autosuggestListItemActiveBackgroundColor = "rgb(239, 241, 242)";
+export const autosuggestListItemHighlightedBackgroundColor = "rgb(239, 241, 242)";
 export const badgePaddingY = ".25rem";
 export const badgePaddingX = ".5rem";
-export const badgeBackgroundColor = "rgb(255, 235, 208)";
+export const badgeBackgroundColor = "rgb(255, 247, 207)";
 export const badgeCenteredVerticalAlign = "text-bottom";
@@ -327,3 +329,3 @@ export const borderRadiusXs = ".25rem";
 export const buttonSelectedHoverColor = "rgb(255, 255, 255)";
-export const buttonSelectedBackgroundColor = "rgb(7, 112, 227)";
+export const buttonSelectedBackgroundColor = "rgb(0, 98, 227)";
 export const buttonPrimaryOnLightBackgroundImage = "none";
@@ -341,3 +343,3 @@ export const buttonOutlineDisabledColor = "rgb(178, 178, 191)";
 export const buttonSelectedBoxShadow = "none";
-export const buttonSecondaryHoverBorderColor = "rgb(7, 112, 227)";
+export const buttonSecondaryHoverBorderColor = "rgb(0, 98, 227)";
 export const buttonSecondaryOnDarkBackgroundImage = "none";
@@ -359,3 +361,3 @@ export const buttonSecondaryActiveBackgroundImage = "none";
 export const buttonOutlineDisabledBoxShadow = "none";
-export const buttonFeaturedBackgroundImage = "#0770e3";
+export const buttonFeaturedBackgroundImage = "#0062E3";
 export const buttonPrimaryOnLightDisabledBackgroundImage = "none";
@@ -366,3 +368,3 @@ export const buttonIconBorderRadiusLg = "1.3125rem";
 export const buttonFeaturedActiveColor = "rgb(255, 255, 255)";
-export const buttonSecondaryHoverBoxShadow = "0 0 0 2px #0770e3 inset";
+export const buttonSecondaryHoverBoxShadow = "0 0 0 2px #0062E3 inset";
 export const buttonPaddingXIconOnly = ".5625rem";
@@ -391,3 +393,3 @@ export const buttonPrimaryOnDarkActiveBackgroundImage = "none";
 export const buttonSelectedActiveBoxShadow = "none";
-export const buttonFeaturedBackgroundColor = "rgb(7, 112, 227)";
+export const buttonFeaturedBackgroundColor = "rgb(0, 98, 227)";
 export const buttonPrimaryOnLightDisabledBackgroundColor = "rgb(221, 221, 229)";
@@ -437,23 +439,23 @@ export const buttonColor = "rgb(255, 255, 255)";
 export const calendarDaySelectedColor = "rgb(255, 255, 255)";
-export const calendarDayDisabledColor = "rgb(178, 178, 191)";
-export const calendarDayOutsideColor = "rgb(178, 178, 191)";
+export const calendarDayDisabledColor = "rgba(0, 0, 0, 0.2)";
+export const calendarDayOutsideColor = "rgba(0, 0, 0, 0.2)";
 export const calendarDaySize = "2.250rem";
-export const calendarDayActiveBackgroundColor = "rgb(241, 242, 248)";
-export const calendarNavIconFill = "rgb(17, 18, 54)";
-export const calendarDayActiveColor = "rgb(17, 18, 54)";
-export const calendarNavIconHoverFill = "rgb(17, 18, 54)";
+export const calendarDayActiveBackgroundColor = "rgb(239, 241, 242)";
+export const calendarNavIconFill = "rgb(22, 22, 22)";
+export const calendarDayActiveColor = "rgb(22, 22, 22)";
+export const calendarNavIconHoverFill = "rgb(22, 22, 22)";
 export const calendarPadding = ".75rem";
-export const calendarDaySelectedBackgroundColor = "rgb(7, 112, 227)";
-export const calendarNavIconActiveFill = "rgb(17, 18, 54)";
-export const calendarDayFocusedColor = "rgb(7, 112, 227)";
-export const calendarDayHoverBackgroundColor = "rgb(241, 242, 248)";
-export const calendarDayFocusedBorderColor = "rgb(7, 112, 227)";
-export const calendarDayHoverColor = "rgb(17, 18, 54)";
-export const calendarNavIconDisabledFill = "rgb(178, 178, 191)";
-export const calendarDayColor = "rgb(17, 18, 54)";
+export const calendarDaySelectedBackgroundColor = "rgb(0, 98, 227)";
+export const calendarNavIconActiveFill = "rgb(22, 22, 22)";
+export const calendarDayFocusedColor = "rgb(0, 98, 227)";
+export const calendarDayHoverBackgroundColor = "rgb(239, 241, 242)";
+export const calendarDayFocusedBorderColor = "rgb(0, 98, 227)";
+export const calendarDayHoverColor = "rgb(22, 22, 22)";
+export const calendarNavIconDisabledFill = "rgba(0, 0, 0, 0.2)";
+export const calendarDayColor = "rgb(22, 22, 22)";
 export const calendarDaySpacing = ".5rem";
 export const cardBackgroundColor = "rgb(255, 255, 255)";
-export const cardColor = "rgb(17, 18, 54)";
+export const cardColor = "rgb(22, 22, 22)";
 export const cardPadding = "1rem";
-export const primaryGradient = "#0770e3";
+export const primaryGradient = "#0062E3";
 export const flareHeightDesktop = "1.5rem";
@@ -463,10 +465,10 @@ export const flareHeightMobile = "1rem";
 export const inputLargeHeight = "3rem";
-export const selectColor = "rgb(17, 18, 54)";
-export const inputBorder = "solid .0625rem #CDCDD7";
-export const inputPlaceholderColor = "rgb(178, 178, 191)";
+export const selectColor = "rgb(22, 22, 22)";
+export const inputBorder = "solid .0625rem #C2C9CD";
+export const inputPlaceholderColor = "rgba(0, 0, 0, 0.2)";
 export const formValidationArrowSize = ".375rem";
 export const selectBorderRadius = ".25rem";
 export const inputBackground = "#ffffff";
-export const selectDisabledColor = "rgb(178, 178, 191)";
-export const requiredColor = "rgb(209, 67, 91)";
+export const selectDisabledColor = "rgba(0, 0, 0, 0.2)";
+export const requiredColor = "rgb(231, 8, 102)";
 export const selectPaddingTop = ".375rem";
@@ -477,22 +479,22 @@ export const labelFontSize = ".75rem";
 export const selectHeight = "2.250rem";
-export const labelDisabledColor = "rgb(178, 178, 191)";
+export const labelDisabledColor = "rgba(0, 0, 0, 0.2)";
 export const selectPaddingRight = "1.875rem";
 export const selectLargeHeight = "2.625rem + .375rem";
-export const inputColor = "rgb(17, 18, 54)";
-export const selectBorder = "solid .0625rem #CDCDD7";
+export const inputColor = "rgb(22, 22, 22)";
+export const selectBorder = "solid .0625rem #C2C9CD";
 export const inputBorderRadius = ".25rem";
-export const radioCheckedCircleColor = "rgb(7, 112, 227)";
-export const selectDisabledBorderColor = "rgb(221, 221, 229)";
-export const inputDisabledColor = "rgb(178, 178, 191)";
+export const radioCheckedCircleColor = "rgb(0, 98, 227)";
+export const selectDisabledBorderColor = "rgb(224, 227, 229)";
+export const inputDisabledColor = "rgba(0, 0, 0, 0.2)";
 export const inputPaddingX = ".5rem";
-export const checkboxCheckedTickColor = "rgb(7, 112, 227)";
+export const checkboxCheckedTickColor = "rgb(0, 98, 227)";
 export const inputPaddingY = ".5rem";
 export const selectBorderWidth = ".0625rem";
 export const selectPaddingLeft = ".75rem";
-export const labelColor = "rgb(17, 18, 54)";
-export const formValidationColor = "rgb(209, 67, 91)";
+export const labelColor = "rgb(22, 22, 22)";
+export const formValidationColor = "rgb(231, 8, 102)";
 export const textareaMinHeight = "2.625rem * 2";
 export const inputHeight = "2.25rem";
 export const selectPaddingBottom = ".375rem";
-export const inputDisabledBorderColor = "rgb(241, 242, 248)";
+export const inputDisabledBorderColor = "rgb(239, 241, 242)";
 export const gridColumns = "12";
@@ -502,7 +504,7 @@ export const gridGutter = "1.5rem";
 export const gridContainerMobilePadding = ".75rem";
-export const horizontalNavLinkColor = "rgb(104, 105, 127)";
-export const horizontalNavLinkHoverColor = "rgb(104, 105, 127)";
-export const horizontalNavLinkActiveColor = "rgb(104, 105, 127)";
-export const horizontalNavLinkSelectedColor = "rgb(7, 112, 227)";
-export const horizontalNavBarSelectedColor = "rgb(7, 112, 227)";
+export const horizontalNavLinkColor = "rgb(84, 88, 96)";
+export const horizontalNavLinkHoverColor = "rgb(84, 88, 96)";
+export const horizontalNavLinkActiveColor = "rgb(84, 88, 96)";
+export const horizontalNavLinkSelectedColor = "rgb(0, 98, 227)";
+export const horizontalNavBarSelectedColor = "rgb(0, 98, 227)";
 export const iconSizeSm = "1.125rem";
@@ -524,5 +526,5 @@ export const iconSizeLg = "1.5rem";
 export const bannerAlertChildrenPaddingX = ".75rem";
-export const bannerAlertWarnColor = "rgb(255, 148, 0)";
+export const bannerAlertWarnColor = "rgb(245, 93, 66)";
 export const bannerAlertChildrenPaddingY = ".375rem";
-export const bannerAlertHeaderExpandableHoverBackgroundColor = "rgb(241, 242, 248)";
+export const bannerAlertHeaderExpandableHoverBackgroundColor = "rgb(239, 241, 242)";
 export const bannerAlertBackgroundColor = "rgb(255, 255, 255)";
@@ -532,11 +534,11 @@ export const bannerAlertEventColor = "rgb(90, 72, 155)";
 export const bannerAlertHeaderPaddingY = ".375rem";
-export const bannerAlertPrimaryColor = "rgb(7, 112, 227)";
-export const bannerAlertSuccessColor = "rgb(0, 166, 152)";
-export const bannerAlertNeutralColor = "rgb(205, 205, 215)";
-export const bannerAlertErrorColor = "rgb(209, 67, 91)";
-export const bannerAlertChildrenColor = "rgb(104, 105, 127)";
-export const bannerAlertExpandIconFill = "rgb(104, 105, 127)";
-export const bannerAlertHeaderExpandableActiveBackgroundColor = "rgb(241, 242, 248)";
+export const bannerAlertPrimaryColor = "rgb(0, 98, 227)";
+export const bannerAlertSuccessColor = "rgb(12, 131, 138)";
+export const bannerAlertNeutralColor = "rgb(194, 201, 205)";
+export const bannerAlertErrorColor = "rgb(231, 8, 102)";
+export const bannerAlertChildrenColor = "rgb(84, 88, 96)";
+export const bannerAlertExpandIconFill = "rgb(84, 88, 96)";
+export const bannerAlertHeaderExpandableActiveBackgroundColor = "rgb(239, 241, 242)";
 export const panelPadding = ".75rem";
-export const panelBorderColor = "rgb(205, 205, 215)";
+export const panelBorderColor = "rgb(194, 201, 205)";
 export const panelBackgroundColor = "rgb(255, 255, 255)";
@@ -598,3 +600,3 @@ export const ratingBaseWidth = ".75rem * 4";
 export const letterSpacingTight = "-0.02em";
-export const linkVisitedColor = "rgb(7, 112, 227)";
+export const linkVisitedColor = "rgb(0, 98, 227)";
 export const fontSizeLg = "1.25rem";
@@ -610,3 +612,3 @@ export const listNestedMarginTop = "0";
 export const textXlFontWeight = "400";
-export const linkActiveColor = "rgb(7, 112, 227)";
+export const linkActiveColor = "rgb(0, 98, 227)";
 export const textXxxxxlFontWeight = "400";
@@ -641,3 +643,3 @@ export const listItemMarginTop = "0";
 export const linkHoverTextDecoration = "underline";
-export const linkHoverColor = "rgb(7, 112, 227)";
+export const linkHoverColor = "rgb(0, 98, 227)";
 export const h1FontSize = "3rem";
@@ -666,3 +668,3 @@ export const listMarginBottom = "1rem";
 export const fontSizeXxxxl = "3rem";
-export const linkColor = "rgb(7, 112, 227)";
+export const linkColor = "rgb(0, 98, 227)";
 export const lineHeightBase = "1.5rem";
@@ -1158,2 +1160,4 @@ export const lineHeight7Xl = "6rem";
 export const lineColors = {
+lineOnDarkNight,
+lineOnDarkDay,
 lineNight,
@@ -1160,0 +1164,0 @@ lineDay,

tokens/breakpoints.common.js

@@ -23,3 +23,3 @@ /*
   colorSkyBlueShade03: "rgb(2, 18, 44)",
-  colorPrimaryGradientLight: "rgb(7, 112, 227)",
+  colorPrimaryGradientLight: "rgb(0, 98, 227)",
   colorErfoud: "rgb(255, 181, 77)",
@@ -29,3 +29,3 @@ colorValensole: "rgb(165, 155, 200)",
   colorSkyGrayTint01: "rgb(68, 69, 96)",
-  colorBlack: "rgb(0, 0, 0)",
+  colorBlack: "rgb(1, 9, 19)",
   colorSkyGrayTint02: "rgb(104, 105, 127)",
@@ -52,3 +52,3 @@ colorSagano: "rgb(208, 238, 236)",
   colorPetra: "rgb(255, 171, 149)",
-  colorSkyBlue: "rgb(7, 112, 227)",
+  colorSkyBlue: "rgb(0, 98, 227)",
   colorBagan: "rgb(255, 235, 208)",
@@ -65,50 +65,50 @@ colorHillier: "rgb(225, 139, 150)",
   canvasDay: "rgb(255, 255, 255)",
-  canvasNight: "rgb(0, 0, 0)",
-  canvasContrastDay: "rgb(241, 242, 248)",
-  canvasContrastNight: "rgb(29, 27, 32)",
+  canvasNight: "rgb(1, 9, 19)",
+  canvasContrastDay: "rgb(239, 241, 242)",
+  canvasContrastNight: "rgb(19, 29, 43)",
   coreEcoDay: "rgb(15, 161, 169)",
   coreEcoNight: "rgb(15, 161, 169)",
-  coreAccentDay: "rgb(7, 112, 227)",
-  coreAccentNight: "rgb(109, 159, 235)",
-  corePrimaryDay: "rgb(2, 18, 44)",
+  coreAccentDay: "rgb(0, 98, 227)",
+  coreAccentNight: "rgb(132, 233, 255)",
+  corePrimaryDay: "rgb(5, 32, 60)",
   corePrimaryNight: "rgb(5, 65, 132)",
-  statusSuccessSpotNight: "rgb(0, 166, 152)",
+  statusSuccessSpotNight: "rgb(98, 241, 198)",
   statusSuccessFillNight: "rgb(177, 255, 231)",
-  statusSuccessSpotDay: "rgb(0, 166, 152)",
-  statusSuccessFillDay: "rgb(208, 238, 236)",
-  statusDangerSpotNight: "rgb(209, 67, 91)",
-  statusWarningSpotNight: "rgb(255, 181, 77)",
+  statusSuccessSpotDay: "rgb(12, 131, 138)",
+  statusSuccessFillDay: "rgb(212, 255, 242)",
+  statusDangerSpotNight: "rgb(255, 100, 156)",
+  statusWarningSpotNight: "rgb(254, 235, 135)",
   statusDangerFillNight: "rgb(255, 202, 221)",
   statusWarningFillNight: "rgb(251, 241, 187)",
-  statusDangerSpotDay: "rgb(209, 67, 91)",
-  statusWarningSpotDay: "rgb(255, 148, 0)",
-  statusDangerFillDay: "rgb(246, 221, 225)",
-  statusWarningFillDay: "rgb(255, 235, 208)",
-  surfaceContrastDay: "rgb(2, 18, 44)",
-  surfaceContrastNight: "rgb(29, 27, 32)",
+  statusDangerSpotDay: "rgb(231, 8, 102)",
+  statusWarningSpotDay: "rgb(245, 93, 66)",
+  statusDangerFillDay: "rgb(255, 233, 249)",
+  statusWarningFillDay: "rgb(255, 247, 207)",
+  surfaceContrastDay: "rgb(5, 32, 60)",
+  surfaceContrastNight: "rgb(19, 29, 43)",
   surfaceDefaultDay: "rgb(255, 255, 255)",
-  surfaceDefaultNight: "rgb(29, 27, 32)",
+  surfaceDefaultNight: "rgb(19, 29, 43)",
   surfaceElevatedDay: "rgb(255, 255, 255)",
-  surfaceElevatedNight: "rgb(44, 44, 46)",
-  surfaceHighlightDay: "rgb(221, 221, 229)",
-  surfaceHighlightNight: "rgb(44, 44, 46)",
+  surfaceElevatedNight: "rgb(36, 51, 70)",
+  surfaceHighlightDay: "rgb(224, 227, 229)",
+  surfaceHighlightNight: "rgb(36, 51, 70)",
   textOnDarkDay: "rgb(255, 255, 255)",
-  textOnLightNight: "rgb(17, 18, 54)",
-  textOnLightDay: "rgb(17, 18, 54)",
-  textLinkNight: "rgb(109, 159, 235)",
-  textDisabledNight: "rgb(142, 142, 147)",
+  textOnLightNight: "rgb(22, 22, 22)",
+  textOnLightDay: "rgb(22, 22, 22)",
+  textLinkNight: "rgb(132, 233, 255)",
+  textDisabledNight: "rgba(255, 255, 255, 0.2)",
   textPrimaryDarkColor: "rgb(255, 255, 255)",
-  textLinkDay: "rgb(7, 112, 227)",
+  textLinkDay: "rgb(0, 98, 227)",
   textQuaternaryDarkColor: "rgb(142, 142, 147)",
   textPrimaryNight: "rgb(255, 255, 255)",
   textQuaternaryLightColor: "rgb(143, 144, 160)",
-  textDisabledDay: "rgb(178, 178, 191)",
+  textDisabledDay: "rgba(0, 0, 0, 0.2)",
   textPrimaryLightColor: "rgb(17, 18, 54)",
-  textPrimaryDay: "rgb(17, 18, 54)",
-  textErrorNight: "rgb(209, 67, 91)",
-  textErrorDay: "rgb(209, 67, 91)",
+  textPrimaryDay: "rgb(22, 22, 22)",
+  textErrorNight: "rgb(255, 100, 156)",
+  textErrorDay: "rgb(231, 8, 102)",
   textTertiaryDarkColor: "rgb(142, 142, 147)",
   textSecondaryDarkColor: "rgb(178, 178, 191)",
-  textPrimaryInverseNight: "rgb(17, 18, 54)",
-  textSecondaryNight: "rgb(178, 178, 191)",
+  textPrimaryInverseNight: "rgb(22, 22, 22)",
+  textSecondaryNight: "rgb(189, 196, 203)",
   textOnDarkNight: "rgb(255, 255, 255)",
@@ -118,8 +118,10 @@ textSecondaryLightColor: "rgb(104, 105, 127)",
   textTertiaryLightColor: "rgb(143, 144, 160)",
-  textSecondaryDay: "rgb(104, 105, 127)",
-  scrimDay: "rgb(2, 18, 44)",
+  textSecondaryDay: "rgb(84, 88, 96)",
+  scrimDay: "rgba(0, 0, 0, 0.7)",
   backgroundElevation03DarkColor: "rgb(58, 58, 60)",
   backgroundElevation02DarkColor: "rgb(44, 44, 46)",
+  lineOnDarkNight: "rgb(68, 80, 95)",
   lineDarkColor: "rgb(72, 72, 74)",
   backgroundElevation01DarkColor: "rgb(29, 27, 32)",
+  lineOnDarkDay: "rgba(255, 255, 255, 0.5)",
   backgroundAlternativeSecondaryDarkColor: "rgb(29, 27, 32)",
@@ -129,3 +131,3 @@ backgroundLightColor: "rgb(255, 255, 255)",
   backgroundAlternativeSecondaryLightColor: "rgb(255, 255, 255)",
-  lineNight: "rgb(72, 72, 74)",
+  lineNight: "rgb(68, 80, 95)",
   colorSystemGreen: "rgb(0, 166, 152)",
@@ -135,3 +137,3 @@ backgroundElevation01LightColor: "rgb(255, 255, 255)",
   backgroundElevation02LightColor: "rgb(255, 255, 255)",
-  lineDay: "rgb(205, 205, 215)",
+  lineDay: "rgb(194, 201, 205)",
   backgroundElevation03LightColor: "rgb(255, 255, 255)",
@@ -144,10 +146,10 @@ backgroundTertiaryDarkColor: "rgb(44, 44, 46)",
   backgroundAlternativeDarkColor: "rgb(0, 0, 0)",
-  primaryLightColor: "rgb(7, 112, 227)",
+  primaryLightColor: "rgb(0, 98, 227)",
   backgroundTertiaryLightColor: "rgb(255, 255, 255)",
   backgroundSecondaryLightColor: "rgb(241, 242, 248)",
-  scrimNight: "rgb(2, 18, 44)",
-  marcommsBerry: "rgb(209, 67, 91)",
-  marcommsCharcoal: "rgb(17, 18, 54)",
+  scrimNight: "rgba(0, 0, 0, 0.7)",
+  marcommsBerry: "rgb(231, 8, 102)",
+  marcommsCharcoal: "rgb(22, 22, 22)",
   marcommsOrange: "rgb(255, 123, 89)",
-  marcommsGrey40: "rgb(104, 105, 127)",
+  marcommsGrey40: "rgb(84, 88, 96)",
   marcommsBlueBright: "rgb(161, 238, 255)",
@@ -157,24 +159,24 @@ marcommsYellow: "rgb(254, 235, 135)",
   marcommsPink: "rgb(255, 163, 229)",
-  marcommsSkyBlue: "rgb(7, 112, 227)",
-  marcommsDarkSky: "rgb(2, 18, 44)",
+  marcommsSkyBlue: "rgb(0, 98, 227)",
+  marcommsDarkSky: "rgb(5, 32, 60)",
   marcommsPurple: "rgb(142, 71, 186)",
   marcommsWhite: "rgb(255, 255, 255)",
-  marcommsYellowMuted: "rgb(255, 235, 208)",
-  marcommsPinkMuted: "rgb(246, 221, 225)",
-  marcommsGreenMuted: "rgb(208, 238, 236)",
+  marcommsYellowMuted: "rgb(255, 247, 207)",
+  marcommsPinkMuted: "rgb(255, 233, 249)",
+  marcommsGreenMuted: "rgb(212, 255, 242)",
   marcommsBlueMuted: "rgb(217, 248, 255)",
   marcommsEcoGreen: "rgb(15, 161, 169)",
   privateChipOnDarkNormalBackgroundDay: "rgba(255, 255, 255, 0.2)",
-  privateChipOnDarkPressedBackgroundNight: "rgb(0, 40, 84)",
+  privateChipOnDarkPressedBackgroundNight: "rgb(0, 43, 91)",
   privateChipOnDarkOnBackgroundNight: "rgb(5, 65, 132)",
-  privateChipOnDarkPressedBackgroundDay: "rgb(198, 204, 212)",
+  privateChipOnDarkPressedBackgroundDay: "rgb(194, 201, 205)",
   privateChipDefaultNormalBackgroundNight: "rgb(11, 18, 29)",
   privateChipOnDarkOnBackgroundDay: "rgb(255, 255, 255)",
-  privateChipDefaultNormalBackgroundDay: "rgb(221, 221, 229)",
+  privateChipDefaultNormalBackgroundDay: "rgb(224, 227, 229)",
   privateChipDefaultOnBackgroundNight: "rgb(5, 65, 132)",
-  privateChipDisabledBackgroundNight: "rgb(11, 17, 26)",
+  privateChipDisabledBackgroundNight: "rgb(11, 18, 29)",
   privateChipDefaultOnBackgroundDay: "rgb(5, 32, 60)",
-  privateChipDisabledBackgroundDay: "rgb(221, 225, 228)",
-  privateChipDefaultPressedBackgroundNight: "rgb(0, 40, 84)",
-  privateChipDefaultPressedBackgroundDay: "rgb(198, 204, 212)",
+  privateChipDisabledBackgroundDay: "rgb(224, 227, 229)",
+  privateChipDefaultPressedBackgroundNight: "rgb(0, 43, 91)",
+  privateChipDefaultPressedBackgroundDay: "rgb(194, 201, 205)",
   privateChipOnDarkNormalBackgroundNight: "rgb(11, 18, 29)",
@@ -189,6 +191,6 @@ privateButtonSecondaryPressedBackgroundNight: "rgb(1, 9, 19)",
   privateButtonPrimaryOnLightNormalBackgroundNight: "rgb(5, 32, 60)",
-  privateButtonSecondaryPressedBackgroundDay: "rgb(198, 204, 212)",
+  privateButtonSecondaryPressedBackgroundDay: "rgb(194, 201, 205)",
   privateButtonLinkNormalForegroundDay: "rgb(0, 98, 227)",
   privateButtonPrimaryOnLightDisabledForegroundNight: "rgba(0, 0, 0, 0.2)",
-  privateButtonSecondaryOnDarkDisabledBackgroundNight: "rgb(11, 17, 26)",
+  privateButtonSecondaryOnDarkDisabledBackgroundNight: "rgb(11, 18, 29)",
   privateButtonDestructiveNormalForegroundNight: "rgb(255, 100, 156)",
@@ -202,3 +204,3 @@ privateButtonLinkOnDarkDisabledForegroundDay: "rgba(255, 255, 255, 0.2)",
   privateButtonPrimaryOnDarkDisabledForegroundNight: "rgba(0, 0, 0, 0.2)",
-  privateButtonSecondaryOnDarkDisabledBackgroundDay: "rgb(11, 17, 26)",
+  privateButtonSecondaryOnDarkDisabledBackgroundDay: "rgb(11, 18, 29)",
   privateButtonSecondaryOnDarkPressedBackgroundNight: "rgb(1, 9, 19)",
@@ -210,3 +212,3 @@ privateButtonDestructiveNormalForegroundDay: "rgb(200, 4, 86)",
   privateButtonSecondaryOnDarkPressedBackgroundDay: "rgb(1, 9, 19)",
-  privateButtonPrimaryOnLightDisabledBackgroundNight: "rgb(221, 225, 228)",
+  privateButtonPrimaryOnLightDisabledBackgroundNight: "rgb(224, 227, 229)",
   privateButtonLinkPressedForegroundDay: "rgb(21, 70, 121)",
@@ -216,22 +218,22 @@ privateButtonDestructiveNormalBackgroundNight: "rgb(36, 51, 70)",
   privateButtonDestructivePressedBackgroundNight: "rgb(255, 100, 156)",
-  privateButtonPrimaryPressedBackgroundNight: "rgb(21, 70, 121)",
-  privateButtonPrimaryOnLightDisabledBackgroundDay: "rgb(221, 225, 228)",
-  privateButtonPrimaryOnDarkDisabledBackgroundNight: "rgb(221, 225, 228)",
+  privateButtonPrimaryPressedBackgroundNight: "rgb(0, 43, 91)",
+  privateButtonPrimaryOnLightDisabledBackgroundDay: "rgb(224, 227, 229)",
+  privateButtonPrimaryOnDarkDisabledBackgroundNight: "rgb(224, 227, 229)",
   privateButtonPrimaryNormalBackgroundDay: "rgb(5, 32, 60)",
   privateButtonDestructiveNormalBackgroundDay: "rgb(224, 227, 229)",
   privateButtonLinkOnDarkPressedForegroundNight: "rgba(255, 255, 255, 0.5)",
-  privateButtonDestructivePressedBackgroundDay: "rgb(231, 8, 102)",
+  privateButtonDestructivePressedBackgroundDay: "rgb(200, 4, 86)",
   privateButtonPrimaryPressedBackgroundDay: "rgb(21, 70, 121)",
-  privateButtonPrimaryOnDarkDisabledBackgroundDay: "rgb(221, 225, 228)",
+  privateButtonPrimaryOnDarkDisabledBackgroundDay: "rgb(224, 227, 229)",
   privateButtonLinkOnDarkNormalForegroundNight: "rgb(255, 255, 255)",
-  privateButtonDisabledBackgroundNight: "rgb(11, 17, 26)",
+  privateButtonDisabledBackgroundNight: "rgb(11, 18, 29)",
   privateButtonSecondaryOnDarkNormalBackgroundNight: "rgb(36, 51, 70)",
   privateButtonSecondaryOnDarkDisabledForegroundNight: "rgba(255, 255, 255, 0.2)",
   privateButtonLinkOnDarkPressedForegroundDay: "rgba(255, 255, 255, 0.5)",
-  privateButtonPrimaryOnDarkPressedBackgroundNight: "rgb(203, 206, 210)",
+  privateButtonPrimaryOnDarkPressedBackgroundNight: "rgb(194, 201, 205)",
   privateButtonLinkOnDarkNormalForegroundDay: "rgb(255, 255, 255)",
-  privateButtonDisabledBackgroundDay: "rgb(221, 225, 228)",
+  privateButtonDisabledBackgroundDay: "rgb(224, 227, 229)",
   privateButtonSecondaryOnDarkNormalBackgroundDay: "rgb(36, 51, 70)",
   privateButtonSecondaryOnDarkDisabledForegroundDay: "rgba(255, 255, 255, 0.2)",
-  privateButtonPrimaryOnDarkPressedBackgroundDay: "rgb(203, 206, 210)",
+  privateButtonPrimaryOnDarkPressedBackgroundDay: "rgb(194, 201, 205)",
   privateButtonPrimaryOnLightPressedBackgroundNight: "rgb(21, 70, 121)",
@@ -238,0 +240,0 @@ privateButtonFeaturedNormalBackgroundNight: "rgb(132, 233, 255)",

tokens/breakpoints.es6.js

@@ -21,3 +21,3 @@ /*
 export const colorSkyBlueShade03 = "rgb(2, 18, 44)";
-export const colorPrimaryGradientLight = "rgb(7, 112, 227)";
+export const colorPrimaryGradientLight = "rgb(0, 98, 227)";
 export const colorErfoud = "rgb(255, 181, 77)";
@@ -27,3 +27,3 @@ export const colorValensole = "rgb(165, 155, 200)";
 export const colorSkyGrayTint01 = "rgb(68, 69, 96)";
-export const colorBlack = "rgb(0, 0, 0)";
+export const colorBlack = "rgb(1, 9, 19)";
 export const colorSkyGrayTint02 = "rgb(104, 105, 127)";
@@ -50,3 +50,3 @@ export const colorSagano = "rgb(208, 238, 236)";
 export const colorPetra = "rgb(255, 171, 149)";
-export const colorSkyBlue = "rgb(7, 112, 227)";
+export const colorSkyBlue = "rgb(0, 98, 227)";
 export const colorBagan = "rgb(255, 235, 208)";
@@ -63,50 +63,50 @@ export const colorHillier = "rgb(225, 139, 150)";
 export const canvasDay = "rgb(255, 255, 255)";
-export const canvasNight = "rgb(0, 0, 0)";
-export const canvasContrastDay = "rgb(241, 242, 248)";
-export const canvasContrastNight = "rgb(29, 27, 32)";
+export const canvasNight = "rgb(1, 9, 19)";
+export const canvasContrastDay = "rgb(239, 241, 242)";
+export const canvasContrastNight = "rgb(19, 29, 43)";
 export const coreEcoDay = "rgb(15, 161, 169)";
 export const coreEcoNight = "rgb(15, 161, 169)";
-export const coreAccentDay = "rgb(7, 112, 227)";
-export const coreAccentNight = "rgb(109, 159, 235)";
-export const corePrimaryDay = "rgb(2, 18, 44)";
+export const coreAccentDay = "rgb(0, 98, 227)";
+export const coreAccentNight = "rgb(132, 233, 255)";
+export const corePrimaryDay = "rgb(5, 32, 60)";
 export const corePrimaryNight = "rgb(5, 65, 132)";
-export const statusSuccessSpotNight = "rgb(0, 166, 152)";
+export const statusSuccessSpotNight = "rgb(98, 241, 198)";
 export const statusSuccessFillNight = "rgb(177, 255, 231)";
-export const statusSuccessSpotDay = "rgb(0, 166, 152)";
-export const statusSuccessFillDay = "rgb(208, 238, 236)";
-export const statusDangerSpotNight = "rgb(209, 67, 91)";
-export const statusWarningSpotNight = "rgb(255, 181, 77)";
+export const statusSuccessSpotDay = "rgb(12, 131, 138)";
+export const statusSuccessFillDay = "rgb(212, 255, 242)";
+export const statusDangerSpotNight = "rgb(255, 100, 156)";
+export const statusWarningSpotNight = "rgb(254, 235, 135)";
 export const statusDangerFillNight = "rgb(255, 202, 221)";
 export const statusWarningFillNight = "rgb(251, 241, 187)";
-export const statusDangerSpotDay = "rgb(209, 67, 91)";
-export const statusWarningSpotDay = "rgb(255, 148, 0)";
-export const statusDangerFillDay = "rgb(246, 221, 225)";
-export const statusWarningFillDay = "rgb(255, 235, 208)";
-export const surfaceContrastDay = "rgb(2, 18, 44)";
-export const surfaceContrastNight = "rgb(29, 27, 32)";
+export const statusDangerSpotDay = "rgb(231, 8, 102)";
+export const statusWarningSpotDay = "rgb(245, 93, 66)";
+export const statusDangerFillDay = "rgb(255, 233, 249)";
+export const statusWarningFillDay = "rgb(255, 247, 207)";
+export const surfaceContrastDay = "rgb(5, 32, 60)";
+export const surfaceContrastNight = "rgb(19, 29, 43)";
 export const surfaceDefaultDay = "rgb(255, 255, 255)";
-export const surfaceDefaultNight = "rgb(29, 27, 32)";
+export const surfaceDefaultNight = "rgb(19, 29, 43)";
 export const surfaceElevatedDay = "rgb(255, 255, 255)";
-export const surfaceElevatedNight = "rgb(44, 44, 46)";
-export const surfaceHighlightDay = "rgb(221, 221, 229)";
-export const surfaceHighlightNight = "rgb(44, 44, 46)";
+export const surfaceElevatedNight = "rgb(36, 51, 70)";
+export const surfaceHighlightDay = "rgb(224, 227, 229)";
+export const surfaceHighlightNight = "rgb(36, 51, 70)";
 export const textOnDarkDay = "rgb(255, 255, 255)";
-export const textOnLightNight = "rgb(17, 18, 54)";
-export const textOnLightDay = "rgb(17, 18, 54)";
-export const textLinkNight = "rgb(109, 159, 235)";
-export const textDisabledNight = "rgb(142, 142, 147)";
+export const textOnLightNight = "rgb(22, 22, 22)";
+export const textOnLightDay = "rgb(22, 22, 22)";
+export const textLinkNight = "rgb(132, 233, 255)";
+export const textDisabledNight = "rgba(255, 255, 255, 0.2)";
 export const textPrimaryDarkColor = "rgb(255, 255, 255)";
-export const textLinkDay = "rgb(7, 112, 227)";
+export const textLinkDay = "rgb(0, 98, 227)";
 export const textQuaternaryDarkColor = "rgb(142, 142, 147)";
 export const textPrimaryNight = "rgb(255, 255, 255)";
 export const textQuaternaryLightColor = "rgb(143, 144, 160)";
-export const textDisabledDay = "rgb(178, 178, 191)";
+export const textDisabledDay = "rgba(0, 0, 0, 0.2)";
 export const textPrimaryLightColor = "rgb(17, 18, 54)";
-export const textPrimaryDay = "rgb(17, 18, 54)";
-export const textErrorNight = "rgb(209, 67, 91)";
-export const textErrorDay = "rgb(209, 67, 91)";
+export const textPrimaryDay = "rgb(22, 22, 22)";
+export const textErrorNight = "rgb(255, 100, 156)";
+export const textErrorDay = "rgb(231, 8, 102)";
 export const textTertiaryDarkColor = "rgb(142, 142, 147)";
 export const textSecondaryDarkColor = "rgb(178, 178, 191)";
-export const textPrimaryInverseNight = "rgb(17, 18, 54)";
-export const textSecondaryNight = "rgb(178, 178, 191)";
+export const textPrimaryInverseNight = "rgb(22, 22, 22)";
+export const textSecondaryNight = "rgb(189, 196, 203)";
 export const textOnDarkNight = "rgb(255, 255, 255)";
@@ -116,8 +116,10 @@ export const textSecondaryLightColor = "rgb(104, 105, 127)";
 export const textTertiaryLightColor = "rgb(143, 144, 160)";
-export const textSecondaryDay = "rgb(104, 105, 127)";
-export const scrimDay = "rgb(2, 18, 44)";
+export const textSecondaryDay = "rgb(84, 88, 96)";
+export const scrimDay = "rgba(0, 0, 0, 0.7)";
 export const backgroundElevation03DarkColor = "rgb(58, 58, 60)";
 export const backgroundElevation02DarkColor = "rgb(44, 44, 46)";
+export const lineOnDarkNight = "rgb(68, 80, 95)";
 export const lineDarkColor = "rgb(72, 72, 74)";
 export const backgroundElevation01DarkColor = "rgb(29, 27, 32)";
+export const lineOnDarkDay = "rgba(255, 255, 255, 0.5)";
 export const backgroundAlternativeSecondaryDarkColor = "rgb(29, 27, 32)";
@@ -127,3 +129,3 @@ export const backgroundLightColor = "rgb(255, 255, 255)";
 export const backgroundAlternativeSecondaryLightColor = "rgb(255, 255, 255)";
-export const lineNight = "rgb(72, 72, 74)";
+export const lineNight = "rgb(68, 80, 95)";
 export const colorSystemGreen = "rgb(0, 166, 152)";
@@ -133,3 +135,3 @@ export const backgroundElevation01LightColor = "rgb(255, 255, 255)";
 export const backgroundElevation02LightColor = "rgb(255, 255, 255)";
-export const lineDay = "rgb(205, 205, 215)";
+export const lineDay = "rgb(194, 201, 205)";
 export const backgroundElevation03LightColor = "rgb(255, 255, 255)";
@@ -142,10 +144,10 @@ export const backgroundTertiaryDarkColor = "rgb(44, 44, 46)";
 export const backgroundAlternativeDarkColor = "rgb(0, 0, 0)";
-export const primaryLightColor = "rgb(7, 112, 227)";
+export const primaryLightColor = "rgb(0, 98, 227)";
 export const backgroundTertiaryLightColor = "rgb(255, 255, 255)";
 export const backgroundSecondaryLightColor = "rgb(241, 242, 248)";
-export const scrimNight = "rgb(2, 18, 44)";
-export const marcommsBerry = "rgb(209, 67, 91)";
-export const marcommsCharcoal = "rgb(17, 18, 54)";
+export const scrimNight = "rgba(0, 0, 0, 0.7)";
+export const marcommsBerry = "rgb(231, 8, 102)";
+export const marcommsCharcoal = "rgb(22, 22, 22)";
 export const marcommsOrange = "rgb(255, 123, 89)";
-export const marcommsGrey40 = "rgb(104, 105, 127)";
+export const marcommsGrey40 = "rgb(84, 88, 96)";
 export const marcommsBlueBright = "rgb(161, 238, 255)";
@@ -155,24 +157,24 @@ export const marcommsYellow = "rgb(254, 235, 135)";
 export const marcommsPink = "rgb(255, 163, 229)";
-export const marcommsSkyBlue = "rgb(7, 112, 227)";
-export const marcommsDarkSky = "rgb(2, 18, 44)";
+export const marcommsSkyBlue = "rgb(0, 98, 227)";
+export const marcommsDarkSky = "rgb(5, 32, 60)";
 export const marcommsPurple = "rgb(142, 71, 186)";
 export const marcommsWhite = "rgb(255, 255, 255)";
-export const marcommsYellowMuted = "rgb(255, 235, 208)";
-export const marcommsPinkMuted = "rgb(246, 221, 225)";
-export const marcommsGreenMuted = "rgb(208, 238, 236)";
+export const marcommsYellowMuted = "rgb(255, 247, 207)";
+export const marcommsPinkMuted = "rgb(255, 233, 249)";
+export const marcommsGreenMuted = "rgb(212, 255, 242)";
 export const marcommsBlueMuted = "rgb(217, 248, 255)";
 export const marcommsEcoGreen = "rgb(15, 161, 169)";
 export const privateChipOnDarkNormalBackgroundDay = "rgba(255, 255, 255, 0.2)";
-export const privateChipOnDarkPressedBackgroundNight = "rgb(0, 40, 84)";
+export const privateChipOnDarkPressedBackgroundNight = "rgb(0, 43, 91)";
 export const privateChipOnDarkOnBackgroundNight = "rgb(5, 65, 132)";
-export const privateChipOnDarkPressedBackgroundDay = "rgb(198, 204, 212)";
+export const privateChipOnDarkPressedBackgroundDay = "rgb(194, 201, 205)";
 export const privateChipDefaultNormalBackgroundNight = "rgb(11, 18, 29)";
 export const privateChipOnDarkOnBackgroundDay = "rgb(255, 255, 255)";
-export const privateChipDefaultNormalBackgroundDay = "rgb(221, 221, 229)";
+export const privateChipDefaultNormalBackgroundDay = "rgb(224, 227, 229)";
 export const privateChipDefaultOnBackgroundNight = "rgb(5, 65, 132)";
-export const privateChipDisabledBackgroundNight = "rgb(11, 17, 26)";
+export const privateChipDisabledBackgroundNight = "rgb(11, 18, 29)";
 export const privateChipDefaultOnBackgroundDay = "rgb(5, 32, 60)";
-export const privateChipDisabledBackgroundDay = "rgb(221, 225, 228)";
-export const privateChipDefaultPressedBackgroundNight = "rgb(0, 40, 84)";
-export const privateChipDefaultPressedBackgroundDay = "rgb(198, 204, 212)";
+export const privateChipDisabledBackgroundDay = "rgb(224, 227, 229)";
+export const privateChipDefaultPressedBackgroundNight = "rgb(0, 43, 91)";
+export const privateChipDefaultPressedBackgroundDay = "rgb(194, 201, 205)";
 export const privateChipOnDarkNormalBackgroundNight = "rgb(11, 18, 29)";
@@ -187,6 +189,6 @@ export const privateButtonSecondaryPressedBackgroundNight = "rgb(1, 9, 19)";
 export const privateButtonPrimaryOnLightNormalBackgroundNight = "rgb(5, 32, 60)";
-export const privateButtonSecondaryPressedBackgroundDay = "rgb(198, 204, 212)";
+export const privateButtonSecondaryPressedBackgroundDay = "rgb(194, 201, 205)";
 export const privateButtonLinkNormalForegroundDay = "rgb(0, 98, 227)";
 export const privateButtonPrimaryOnLightDisabledForegroundNight = "rgba(0, 0, 0, 0.2)";
-export const privateButtonSecondaryOnDarkDisabledBackgroundNight = "rgb(11, 17, 26)";
+export const privateButtonSecondaryOnDarkDisabledBackgroundNight = "rgb(11, 18, 29)";
 export const privateButtonDestructiveNormalForegroundNight = "rgb(255, 100, 156)";
@@ -200,3 +202,3 @@ export const privateButtonLinkOnDarkDisabledForegroundDay = "rgba(255, 255, 255, 0.2)";
 export const privateButtonPrimaryOnDarkDisabledForegroundNight = "rgba(0, 0, 0, 0.2)";
-export const privateButtonSecondaryOnDarkDisabledBackgroundDay = "rgb(11, 17, 26)";
+export const privateButtonSecondaryOnDarkDisabledBackgroundDay = "rgb(11, 18, 29)";
 export const privateButtonSecondaryOnDarkPressedBackgroundNight = "rgb(1, 9, 19)";
@@ -208,3 +210,3 @@ export const privateButtonDestructiveNormalForegroundDay = "rgb(200, 4, 86)";
 export const privateButtonSecondaryOnDarkPressedBackgroundDay = "rgb(1, 9, 19)";
-export const privateButtonPrimaryOnLightDisabledBackgroundNight = "rgb(221, 225, 228)";
+export const privateButtonPrimaryOnLightDisabledBackgroundNight = "rgb(224, 227, 229)";
 export const privateButtonLinkPressedForegroundDay = "rgb(21, 70, 121)";
@@ -214,22 +216,22 @@ export const privateButtonDestructiveNormalBackgroundNight = "rgb(36, 51, 70)";
 export const privateButtonDestructivePressedBackgroundNight = "rgb(255, 100, 156)";
-export const privateButtonPrimaryPressedBackgroundNight = "rgb(21, 70, 121)";
-export const privateButtonPrimaryOnLightDisabledBackgroundDay = "rgb(221, 225, 228)";
-export const privateButtonPrimaryOnDarkDisabledBackgroundNight = "rgb(221, 225, 228)";
+export const privateButtonPrimaryPressedBackgroundNight = "rgb(0, 43, 91)";
+export const privateButtonPrimaryOnLightDisabledBackgroundDay = "rgb(224, 227, 229)";
+export const privateButtonPrimaryOnDarkDisabledBackgroundNight = "rgb(224, 227, 229)";
 export const privateButtonPrimaryNormalBackgroundDay = "rgb(5, 32, 60)";
 export const privateButtonDestructiveNormalBackgroundDay = "rgb(224, 227, 229)";
 export const privateButtonLinkOnDarkPressedForegroundNight = "rgba(255, 255, 255, 0.5)";
-export const privateButtonDestructivePressedBackgroundDay = "rgb(231, 8, 102)";
+export const privateButtonDestructivePressedBackgroundDay = "rgb(200, 4, 86)";
 export const privateButtonPrimaryPressedBackgroundDay = "rgb(21, 70, 121)";
-export const privateButtonPrimaryOnDarkDisabledBackgroundDay = "rgb(221, 225, 228)";
+export const privateButtonPrimaryOnDarkDisabledBackgroundDay = "rgb(224, 227, 229)";
 export const privateButtonLinkOnDarkNormalForegroundNight = "rgb(255, 255, 255)";
-export const privateButtonDisabledBackgroundNight = "rgb(11, 17, 26)";
+export const privateButtonDisabledBackgroundNight = "rgb(11, 18, 29)";
 export const privateButtonSecondaryOnDarkNormalBackgroundNight = "rgb(36, 51, 70)";
 export const privateButtonSecondaryOnDarkDisabledForegroundNight = "rgba(255, 255, 255, 0.2)";
 export const privateButtonLinkOnDarkPressedForegroundDay = "rgba(255, 255, 255, 0.5)";
-export const privateButtonPrimaryOnDarkPressedBackgroundNight = "rgb(203, 206, 210)";
+export const privateButtonPrimaryOnDarkPressedBackgroundNight = "rgb(194, 201, 205)";
 export const privateButtonLinkOnDarkNormalForegroundDay = "rgb(255, 255, 255)";
-export const privateButtonDisabledBackgroundDay = "rgb(221, 225, 228)";
+export const privateButtonDisabledBackgroundDay = "rgb(224, 227, 229)";
 export const privateButtonSecondaryOnDarkNormalBackgroundDay = "rgb(36, 51, 70)";
 export const privateButtonSecondaryOnDarkDisabledForegroundDay = "rgba(255, 255, 255, 0.2)";
-export const privateButtonPrimaryOnDarkPressedBackgroundDay = "rgb(203, 206, 210)";
+export const privateButtonPrimaryOnDarkPressedBackgroundDay = "rgb(194, 201, 205)";
 export const privateButtonPrimaryOnLightPressedBackgroundNight = "rgb(21, 70, 121)";
@@ -425,2 +427,4 @@ export const privateButtonFeaturedNormalBackgroundNight = "rgb(132, 233, 255)";
 export const lineColors = {
+lineOnDarkNight,
+lineOnDarkDay,
 lineNight,
@@ -427,0 +431,0 @@ lineDay,

tokens/breakpoints.raw.json

@@ -16,6 +16,6 @@ {
     "YELLOW_MUTED": {
-      "value": "#FFEBD0"
+      "value": "#FFF7CF"
     },
     "NIGHT_BLUE": {
-      "value": "#6D9FEB"
+      "value": "#84E9FF"
     },
@@ -26,3 +26,3 @@ "SKY_GRAY": {
     "PINK_MUTED": {
-      "value": "#F6DDE1"
+      "value": "#FFE9F9"
     },
@@ -38,2 +38,8 @@ "NARA": {
     },
+    "SKY_BLUE_85": {
+      "value": "#024DAF"
+    },
+    "DARK_SKY_85": {
+      "value": "#154679"
+    },
     "BLACK_TINT_01": {
@@ -46,3 +52,3 @@ "value": "#1D1B20"
     "NIGHT_GREEN_SPOT": {
-      "value": "#00A698"
+      "value": "#62F1C6"
     },
@@ -53,3 +59,3 @@ "NIGHT_GREEN_FILL": {
     "NIGHT_YELLOW_SPOT": {
-      "value": "#FFB54D"
+      "value": "#FEEB87"
     },
@@ -62,2 +68,5 @@ "BLACK_TINT_02": {
     },
+    "BERRY_75": {
+      "value": "#C80456"
+    },
     "BLACK_TINT_03": {
@@ -112,3 +121,3 @@ "value": "#3A3A3C"
     "CHARCOAL": {
-      "value": "#111236"
+      "value": "#161616"
     },
@@ -122,6 +131,6 @@ "SKY_GRAY_TINT_07": {
     "GREEN_MUTED": {
-      "value": "#D0EEEC"
+      "value": "#D4FFF2"
     },
     "WHITE_ALPHA_80": {
-      "value": "#8E8E93"
+      "value": "#FFFFFFCC"
     },
@@ -132,9 +141,15 @@ "ABISKO": {
     "NIGHT_BERRY": {
-      "value": "#D1435B"
+      "value": "#FF649C"
     },
+    "WHITE_ALPHA_50": {
+      "value": "#FFFFFF80"
+    },
     "PANJIN": {
       "value": "#d1435b"
     },
+    "NIGHT_BLUE_100": {
+      "value": "#002B5B"
+    },
     "WHITE_ALPHA_20": {
-      "value": "#8E8E93"
+      "value": "#FFFFFF33"
     },
@@ -151,18 +166,18 @@ "ECO_GREEN": {
     "NIGHT_GREY_40": {
-      "value": "#8E8E93"
+      "value": "#BDC4CB"
     },
     "NIGHT_GREY_30": {
-      "value": "#48484A"
+      "value": "#44505F"
     },
     "BERRY": {
-      "value": "#D1435B"
+      "value": "#E70866"
     },
     "NIGHT_GREY_20": {
-      "value": "#1D1B20"
+      "value": "#131D2B"
     },
     "DARK_SKY": {
-      "value": "#02122C"
+      "value": "#05203C"
     },
     "SKY_BLUE": {
-      "value": "#0770e3"
+      "value": "#0062E3"
     },
@@ -173,4 +188,7 @@ "BUNOL": {
     "NIGHT_GREY_10": {
-      "value": "#000000"
+      "value": "#010913"
     },
+    "NIGHT_GREY_00": {
+      "value": "#0B121D"
+    },
     "NIGHT_SKY": {
@@ -183,3 +201,3 @@ "value": "#054184"
     "BLACK_ALPHA_70": {
-      "value": "#02122c"
+      "value": "#000000B3"
     },
@@ -193,6 +211,9 @@ "SKY_BLUE_SHADE_02": {
     "NIGHT_GREY_25": {
-      "value": "#2C2C2E"
+      "value": "#243346"
     },
+    "NIGHT_BLUE_20": {
+      "value": "#D1F7FF"
+    },
     "GREY_40": {
-      "value": "#68697F"
+      "value": "#545860"
     },
@@ -203,6 +224,6 @@ "NIGHT_PINK": {
     "GREY_30": {
-      "value": "#CDCDD7"
+      "value": "#C2C9CD"
     },
     "GREEN_SPOT": {
-      "value": "#00A698"
+      "value": "#0C838A"
     },
@@ -213,9 +234,9 @@ "SKY_BLUE_TINT_01": {
     "AMBER_SPOT": {
-      "value": "#FF9400"
+      "value": "#F55D42"
     },
     "GREY_20": {
-      "value": "#DDDDE5"
+      "value": "#E0E3E5"
     },
     "BLACK_ALPHA_20": {
-      "value": "#B2B2BF"
+      "value": "#00000033"
     },
@@ -229,3 +250,3 @@ "SKY_BLUE_TINT_02": {
     "GREY_10": {
-      "value": "#F1F2F8"
+      "value": "#EFF1F2"
     },
@@ -457,6 +478,6 @@ "BLACK": {
     "COLOR_SKY_BLUE_SHADE_03": {
+      "value": "rgb(2, 18, 44)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(2, 18, 44)",
-      "deprecated": true,
       "originalValue": "{!SKY_BLUE_SHADE_03}",
@@ -466,6 +487,6 @@ "name": "COLOR_SKY_BLUE_SHADE_03"
     "COLOR_PRIMARY_GRADIENT_LIGHT": {
+      "value": "rgb(0, 98, 227)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(7, 112, 227)",
-      "deprecated": true,
       "originalValue": "{!SKY_BLUE}",
@@ -475,6 +496,6 @@ "name": "COLOR_PRIMARY_GRADIENT_LIGHT"
     "COLOR_ERFOUD": {
+      "value": "rgb(255, 181, 77)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(255, 181, 77)",
-      "deprecated": true,
       "originalValue": "{!ERFOUD}",
@@ -484,6 +505,6 @@ "name": "COLOR_ERFOUD"
     "COLOR_VALENSOLE": {
+      "value": "rgb(165, 155, 200)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(165, 155, 200)",
-      "deprecated": true,
       "originalValue": "{!VALENSOLE}",
@@ -493,6 +514,6 @@ "name": "COLOR_VALENSOLE"
     "COLOR_MONTEVERDE": {
+      "value": "rgb(0, 166, 152)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(0, 166, 152)",
-      "deprecated": true,
       "originalValue": "{!MONTEVERDE}",
@@ -502,6 +523,6 @@ "name": "COLOR_MONTEVERDE"
     "COLOR_SKY_GRAY_TINT_01": {
+      "value": "rgb(68, 69, 96)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(68, 69, 96)",
-      "deprecated": true,
       "originalValue": "{!SKY_GRAY_TINT_01}",
@@ -513,3 +534,3 @@ "name": "COLOR_SKY_GRAY_TINT_01"
       "category": "colors",
-      "value": "rgb(0, 0, 0)",
+      "value": "rgb(1, 9, 19)",
       "originalValue": "{!BLACK}",
@@ -519,6 +540,6 @@ "name": "COLOR_BLACK"
     "COLOR_SKY_GRAY_TINT_02": {
+      "value": "rgb(104, 105, 127)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(104, 105, 127)",
-      "deprecated": true,
       "originalValue": "{!SKY_GRAY_TINT_02}",
@@ -528,6 +549,6 @@ "name": "COLOR_SKY_GRAY_TINT_02"
     "COLOR_SAGANO": {
+      "value": "rgb(208, 238, 236)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(208, 238, 236)",
-      "deprecated": true,
       "originalValue": "{!SAGANO}",
@@ -537,6 +558,6 @@ "name": "COLOR_SAGANO"
     "COLOR_SKY_GRAY_TINT_03": {
+      "value": "rgb(143, 144, 160)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(143, 144, 160)",
-      "deprecated": true,
       "originalValue": "{!SKY_GRAY_TINT_03}",
@@ -546,6 +567,6 @@ "name": "COLOR_SKY_GRAY_TINT_03"
     "COLOR_SKY_GRAY_TINT_04": {
+      "value": "rgb(178, 178, 191)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(178, 178, 191)",
-      "deprecated": true,
       "originalValue": "{!SKY_GRAY_TINT_04}",
@@ -555,6 +576,6 @@ "name": "COLOR_SKY_GRAY_TINT_04"
     "COLOR_HARBOUR": {
+      "value": "rgb(246, 221, 225)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(246, 221, 225)",
-      "deprecated": true,
       "originalValue": "{!HARBOUR}",
@@ -564,6 +585,6 @@ "name": "COLOR_HARBOUR"
     "COLOR_SKY_GRAY_TINT_05": {
+      "value": "rgb(205, 205, 215)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(205, 205, 215)",
-      "deprecated": true,
       "originalValue": "{!SKY_GRAY_TINT_05}",
@@ -573,6 +594,6 @@ "name": "COLOR_SKY_GRAY_TINT_05"
     "COLOR_SKY_GRAY_TINT_06": {
+      "value": "rgb(221, 221, 229)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(221, 221, 229)",
-      "deprecated": true,
       "originalValue": "{!SKY_GRAY_TINT_06}",
@@ -582,6 +603,6 @@ "name": "COLOR_SKY_GRAY_TINT_06"
     "COLOR_BLACK_TINT_01": {
+      "value": "rgb(29, 27, 32)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(29, 27, 32)",
-      "deprecated": true,
       "originalValue": "{!BLACK_TINT_01}",
@@ -591,6 +612,6 @@ "name": "COLOR_BLACK_TINT_01"
     "COLOR_SKY_GRAY_TINT_07": {
+      "value": "rgb(241, 242, 248)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(241, 242, 248)",
-      "deprecated": true,
       "originalValue": "{!SKY_GRAY_TINT_07}",
@@ -600,6 +621,6 @@ "name": "COLOR_SKY_GRAY_TINT_07"
     "COLOR_BLACK_TINT_02": {
+      "value": "rgb(44, 44, 46)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(44, 44, 46)",
-      "deprecated": true,
       "originalValue": "{!BLACK_TINT_02}",
@@ -609,6 +630,6 @@ "name": "COLOR_BLACK_TINT_02"
     "COLOR_ABISKO": {
+      "value": "rgb(90, 72, 155)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(90, 72, 155)",
-      "deprecated": true,
       "originalValue": "{!ABISKO}",
@@ -618,6 +639,6 @@ "name": "COLOR_ABISKO"
     "COLOR_BLACK_TINT_03": {
+      "value": "rgb(58, 58, 60)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(58, 58, 60)",
-      "deprecated": true,
       "originalValue": "{!BLACK_TINT_03}",
@@ -627,6 +648,6 @@ "name": "COLOR_BLACK_TINT_03"
     "COLOR_BLACK_TINT_04": {
+      "value": "rgb(72, 72, 74)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(72, 72, 74)",
-      "deprecated": true,
       "originalValue": "{!BLACK_TINT_04}",
@@ -643,6 +664,6 @@ "name": "COLOR_BLACK_TINT_04"
     "COLOR_BLACK_TINT_05": {
+      "value": "rgb(99, 99, 102)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(99, 99, 102)",
-      "deprecated": true,
       "originalValue": "{!BLACK_TINT_05}",
@@ -652,6 +673,6 @@ "name": "COLOR_BLACK_TINT_05"
     "COLOR_BLACK_TINT_06": {
+      "value": "rgb(142, 142, 147)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(142, 142, 147)",
-      "deprecated": true,
       "originalValue": "{!BLACK_TINT_06}",
@@ -661,6 +682,6 @@ "name": "COLOR_BLACK_TINT_06"
     "COLOR_PANJIN": {
+      "value": "rgb(209, 67, 91)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(209, 67, 91)",
-      "deprecated": true,
       "originalValue": "{!PANJIN}",
@@ -670,6 +691,6 @@ "name": "COLOR_PANJIN"
     "COLOR_KOLKATA": {
+      "value": "rgb(255, 148, 0)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(255, 148, 0)",
-      "deprecated": true,
       "originalValue": "{!KOLKATA}",
@@ -679,6 +700,6 @@ "name": "COLOR_KOLKATA"
     "COLOR_GLENCOE": {
+      "value": "rgb(115, 206, 198)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(115, 206, 198)",
-      "deprecated": true,
       "originalValue": "{!GLENCOE}",
@@ -688,6 +709,6 @@ "name": "COLOR_GLENCOE"
     "COLOR_TOCHIGI": {
+      "value": "rgb(225, 221, 236)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(225, 221, 236)",
-      "deprecated": true,
       "originalValue": "{!TOCHIGI}",
@@ -697,6 +718,6 @@ "name": "COLOR_TOCHIGI"
     "COLOR_PETRA": {
+      "value": "rgb(255, 171, 149)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(255, 171, 149)",
-      "deprecated": true,
       "originalValue": "{!PETRA}",
@@ -708,3 +729,3 @@ "name": "COLOR_PETRA"
       "category": "colors",
-      "value": "rgb(7, 112, 227)",
+      "value": "rgb(0, 98, 227)",
       "originalValue": "{!SKY_BLUE}",
@@ -714,6 +735,6 @@ "name": "COLOR_SKY_BLUE"
     "COLOR_BAGAN": {
+      "value": "rgb(255, 235, 208)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(255, 235, 208)",
-      "deprecated": true,
       "originalValue": "{!BAGAN}",
@@ -723,6 +744,6 @@ "name": "COLOR_BAGAN"
     "COLOR_HILLIER": {
+      "value": "rgb(225, 139, 150)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(225, 139, 150)",
-      "deprecated": true,
       "originalValue": "{!HILLIER}",
@@ -732,6 +753,6 @@ "name": "COLOR_HILLIER"
     "COLOR_SKY_BLUE_TINT_01": {
+      "value": "rgb(109, 159, 235)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(109, 159, 235)",
-      "deprecated": true,
       "originalValue": "{!SKY_BLUE_TINT_01}",
@@ -741,6 +762,6 @@ "name": "COLOR_SKY_BLUE_TINT_01"
     "COLOR_SKY_BLUE_TINT_02": {
+      "value": "rgb(157, 192, 242)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(157, 192, 242)",
-      "deprecated": true,
       "originalValue": "{!SKY_BLUE_TINT_02}",
@@ -750,6 +771,6 @@ "name": "COLOR_SKY_BLUE_TINT_02"
     "COLOR_BUNOL": {
+      "value": "rgb(255, 123, 89)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(255, 123, 89)",
-      "deprecated": true,
       "originalValue": "{!BUNOL}",
@@ -759,6 +780,6 @@ "name": "COLOR_BUNOL"
     "COLOR_SKY_BLUE_TINT_03": {
+      "value": "rgb(205, 223, 248)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(205, 223, 248)",
-      "deprecated": true,
       "originalValue": "{!SKY_BLUE_TINT_03}",
@@ -768,6 +789,6 @@ "name": "COLOR_SKY_BLUE_TINT_03"
     "COLOR_SKY_GRAY": {
+      "value": "rgb(17, 18, 54)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(17, 18, 54)",
-      "deprecated": true,
       "originalValue": "{!SKY_GRAY}",
@@ -777,6 +798,6 @@ "name": "COLOR_SKY_GRAY"
     "COLOR_NARA": {
+      "value": "rgb(255, 231, 224)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(255, 231, 224)",
-      "deprecated": true,
       "originalValue": "{!NARA}",
@@ -786,6 +807,6 @@ "name": "COLOR_NARA"
     "COLOR_SKY_BLUE_SHADE_01": {
+      "value": "rgb(8, 78, 178)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(8, 78, 178)",
-      "deprecated": true,
       "originalValue": "{!SKY_BLUE_SHADE_01}",
@@ -795,6 +816,6 @@ "name": "COLOR_SKY_BLUE_SHADE_01"
     "COLOR_SKY_BLUE_SHADE_02": {
+      "value": "rgb(4, 39, 89)",
+      "deprecated": true,
       "type": "color",
       "category": "colors",
-      "value": "rgb(4, 39, 89)",
-      "deprecated": true,
       "originalValue": "{!SKY_BLUE_SHADE_02}",
@@ -813,3 +834,3 @@ "name": "COLOR_SKY_BLUE_SHADE_02"
       "category": "canvas-colors",
-      "value": "rgb(0, 0, 0)",
+      "value": "rgb(1, 9, 19)",
       "originalValue": "{!NIGHT_GREY_10}",
@@ -821,3 +842,3 @@ "name": "CANVAS_NIGHT"
       "category": "canvas-colors",
-      "value": "rgb(241, 242, 248)",
+      "value": "rgb(239, 241, 242)",
       "originalValue": "{!GREY_10}",
@@ -829,3 +850,3 @@ "name": "CANVAS_CONTRAST_DAY"
       "category": "canvas-colors",
-      "value": "rgb(29, 27, 32)",
+      "value": "rgb(19, 29, 43)",
       "originalValue": "{!NIGHT_GREY_20}",
@@ -851,3 +872,3 @@ "name": "CANVAS_CONTRAST_NIGHT"
       "category": "core-colors",
-      "value": "rgb(7, 112, 227)",
+      "value": "rgb(0, 98, 227)",
       "originalValue": "{!SKY_BLUE}",
@@ -859,3 +880,3 @@ "name": "CORE_ACCENT_DAY"
       "category": "core-colors",
-      "value": "rgb(109, 159, 235)",
+      "value": "rgb(132, 233, 255)",
       "originalValue": "{!NIGHT_BLUE}",
@@ -867,3 +888,3 @@ "name": "CORE_ACCENT_NIGHT"
       "category": "core-colors",
-      "value": "rgb(2, 18, 44)",
+      "value": "rgb(5, 32, 60)",
       "originalValue": "{!DARK_SKY}",
@@ -882,3 +903,3 @@ "name": "CORE_PRIMARY_DAY"
       "category": "status-colors",
-      "value": "rgb(0, 166, 152)",
+      "value": "rgb(98, 241, 198)",
       "originalValue": "{!NIGHT_GREEN_SPOT}",
@@ -897,3 +918,3 @@ "name": "STATUS_SUCCESS_SPOT_NIGHT"
       "category": "status-colors",
-      "value": "rgb(0, 166, 152)",
+      "value": "rgb(12, 131, 138)",
       "originalValue": "{!GREEN_SPOT}",
@@ -905,3 +926,3 @@ "name": "STATUS_SUCCESS_SPOT_DAY"
       "category": "status-colors",
-      "value": "rgb(208, 238, 236)",
+      "value": "rgb(212, 255, 242)",
       "originalValue": "{!GREEN_MUTED}",
@@ -913,3 +934,3 @@ "name": "STATUS_SUCCESS_FILL_DAY"
       "category": "status-colors",
-      "value": "rgb(209, 67, 91)",
+      "value": "rgb(255, 100, 156)",
       "originalValue": "{!NIGHT_BERRY}",
@@ -921,3 +942,3 @@ "name": "STATUS_DANGER_SPOT_NIGHT"
       "category": "status-colors",
-      "value": "rgb(255, 181, 77)",
+      "value": "rgb(254, 235, 135)",
       "originalValue": "{!NIGHT_YELLOW_SPOT}",
@@ -943,3 +964,3 @@ "name": "STATUS_WARNING_SPOT_NIGHT"
       "category": "status-colors",
-      "value": "rgb(209, 67, 91)",
+      "value": "rgb(231, 8, 102)",
       "originalValue": "{!BERRY}",
@@ -951,3 +972,3 @@ "name": "STATUS_DANGER_SPOT_DAY"
       "category": "status-colors",
-      "value": "rgb(255, 148, 0)",
+      "value": "rgb(245, 93, 66)",
       "originalValue": "{!AMBER_SPOT}",
@@ -959,3 +980,3 @@ "name": "STATUS_WARNING_SPOT_DAY"
       "category": "status-colors",
-      "value": "rgb(246, 221, 225)",
+      "value": "rgb(255, 233, 249)",
       "originalValue": "{!PINK_MUTED}",
@@ -967,3 +988,3 @@ "name": "STATUS_DANGER_FILL_DAY"
       "category": "status-colors",
-      "value": "rgb(255, 235, 208)",
+      "value": "rgb(255, 247, 207)",
       "originalValue": "{!YELLOW_MUTED}",
@@ -975,3 +996,3 @@ "name": "STATUS_WARNING_FILL_DAY"
       "category": "surface-colors",
-      "value": "rgb(2, 18, 44)",
+      "value": "rgb(5, 32, 60)",
       "originalValue": "{!DARK_SKY}",
@@ -983,3 +1004,3 @@ "name": "SURFACE_CONTRAST_DAY"
       "category": "surface-colors",
-      "value": "rgb(29, 27, 32)",
+      "value": "rgb(19, 29, 43)",
       "originalValue": "{!NIGHT_GREY_20}",
@@ -998,3 +1019,3 @@ "name": "SURFACE_CONTRAST_NIGHT"
       "category": "surface-colors",
-      "value": "rgb(29, 27, 32)",
+      "value": "rgb(19, 29, 43)",
       "originalValue": "{!NIGHT_GREY_20}",
@@ -1013,3 +1034,3 @@ "name": "SURFACE_DEFAULT_NIGHT"
       "category": "surface-colors",
-      "value": "rgb(44, 44, 46)",
+      "value": "rgb(36, 51, 70)",
       "originalValue": "{!NIGHT_GREY_25}",
@@ -1021,3 +1042,3 @@ "name": "SURFACE_ELEVATED_NIGHT"
       "category": "surface-colors",
-      "value": "rgb(221, 221, 229)",
+      "value": "rgb(224, 227, 229)",
       "originalValue": "{!GREY_20}",
@@ -1029,3 +1050,3 @@ "name": "SURFACE_HIGHLIGHT_DAY"
       "category": "surface-colors",
-      "value": "rgb(44, 44, 46)",
+      "value": "rgb(36, 51, 70)",
       "originalValue": "{!NIGHT_GREY_25}",
@@ -1044,3 +1065,3 @@ "name": "SURFACE_HIGHLIGHT_NIGHT"
       "category": "text-colors",
-      "value": "rgb(17, 18, 54)",
+      "value": "rgb(22, 22, 22)",
       "originalValue": "{!CHARCOAL}",
@@ -1052,3 +1073,3 @@ "name": "TEXT_ON_LIGHT_NIGHT"
       "category": "text-colors",
-      "value": "rgb(17, 18, 54)",
+      "value": "rgb(22, 22, 22)",
       "originalValue": "{!CHARCOAL}",
@@ -1060,3 +1081,3 @@ "name": "TEXT_ON_LIGHT_DAY"
       "category": "text-colors",
-      "value": "rgb(109, 159, 235)",
+      "value": "rgb(132, 233, 255)",
       "originalValue": "{!NIGHT_BLUE}",
@@ -1068,3 +1089,3 @@ "name": "TEXT_LINK_NIGHT"
       "category": "text-colors",
-      "value": "rgb(142, 142, 147)",
+      "value": "rgba(255, 255, 255, 0.2)",
       "originalValue": "{!WHITE_ALPHA_20}",
@@ -1074,6 +1095,6 @@ "name": "TEXT_DISABLED_NIGHT"
     "TEXT_PRIMARY_DARK_COLOR": {
+      "value": "rgb(255, 255, 255)",
+      "deprecated": true,
       "type": "color",
       "category": "text-colors",
-      "value": "rgb(255, 255, 255)",
-      "deprecated": true,
       "originalValue": "{!WHITE}",
@@ -1085,3 +1106,3 @@ "name": "TEXT_PRIMARY_DARK_COLOR"
       "category": "text-colors",
-      "value": "rgb(7, 112, 227)",
+      "value": "rgb(0, 98, 227)",
       "originalValue": "{!SKY_BLUE}",
@@ -1091,6 +1112,6 @@ "name": "TEXT_LINK_DAY"
     "TEXT_QUATERNARY_DARK_COLOR": {
+      "value": "rgb(142, 142, 147)",
+      "deprecated": true,
       "type": "color",
       "category": "text-colors",
-      "value": "rgb(142, 142, 147)",
-      "deprecated": true,
       "originalValue": "{!BLACK_TINT_06}",
@@ -1107,6 +1128,6 @@ "name": "TEXT_QUATERNARY_DARK_COLOR"
     "TEXT_QUATERNARY_LIGHT_COLOR": {
+      "value": "rgb(143, 144, 160)",
+      "deprecated": true,
       "type": "color",
       "category": "text-colors",
-      "value": "rgb(143, 144, 160)",
-      "deprecated": true,
       "originalValue": "{!SKY_GRAY_TINT_03}",
@@ -1118,3 +1139,3 @@ "name": "TEXT_QUATERNARY_LIGHT_COLOR"
       "category": "text-colors",
-      "value": "rgb(178, 178, 191)",
+      "value": "rgba(0, 0, 0, 0.2)",
       "originalValue": "{!BLACK_ALPHA_20}",
@@ -1124,6 +1145,6 @@ "name": "TEXT_DISABLED_DAY"
     "TEXT_PRIMARY_LIGHT_COLOR": {
+      "value": "rgb(17, 18, 54)",
+      "deprecated": true,
       "type": "color",
       "category": "text-colors",
-      "value": "rgb(17, 18, 54)",
-      "deprecated": true,
       "originalValue": "{!SKY_GRAY}",
@@ -1135,3 +1156,3 @@ "name": "TEXT_PRIMARY_LIGHT_COLOR"
       "category": "text-colors",
-      "value": "rgb(17, 18, 54)",
+      "value": "rgb(22, 22, 22)",
       "originalValue": "{!CHARCOAL}",
@@ -1143,3 +1164,3 @@ "name": "TEXT_PRIMARY_DAY"
       "category": "text-colors",
-      "value": "rgb(209, 67, 91)",
+      "value": "rgb(255, 100, 156)",
       "originalValue": "{!NIGHT_BERRY}",
@@ -1151,3 +1172,3 @@ "name": "TEXT_ERROR_NIGHT"
       "category": "text-colors",
-      "value": "rgb(209, 67, 91)",
+      "value": "rgb(231, 8, 102)",
       "originalValue": "{!BERRY}",
@@ -1157,6 +1178,6 @@ "name": "TEXT_ERROR_DAY"
     "TEXT_TERTIARY_DARK_COLOR": {
+      "value": "rgb(142, 142, 147)",
+      "deprecated": true,
       "type": "color",
       "category": "text-colors",
-      "value": "rgb(142, 142, 147)",
-      "deprecated": true,
       "originalValue": "{!BLACK_TINT_06}",
@@ -1166,6 +1187,6 @@ "name": "TEXT_TERTIARY_DARK_COLOR"
     "TEXT_SECONDARY_DARK_COLOR": {
+      "value": "rgb(178, 178, 191)",
+      "deprecated": true,
       "type": "color",
       "category": "text-colors",
-      "value": "rgb(178, 178, 191)",
-      "deprecated": true,
       "originalValue": "{!SKY_GRAY_TINT_04}",
@@ -1177,3 +1198,3 @@ "name": "TEXT_SECONDARY_DARK_COLOR"
       "category": "text-colors",
-      "value": "rgb(17, 18, 54)",
+      "value": "rgb(22, 22, 22)",
       "originalValue": "{!CHARCOAL}",
@@ -1185,5 +1206,4 @@ "name": "TEXT_PRIMARY_INVERSE_NIGHT"
       "category": "text-colors",
-      "value": "rgb(178, 178, 191)",
-      "comment": "This colour needs to be changed to NIGHT_GREY_40 when we set the new hex values",
-      "originalValue": "{!SKY_GRAY_TINT_04}",
+      "value": "rgb(189, 196, 203)",
+      "originalValue": "{!NIGHT_GREY_40}",
       "name": "TEXT_SECONDARY_NIGHT"
@@ -1199,6 +1219,6 @@ },
     "TEXT_SECONDARY_LIGHT_COLOR": {
+      "value": "rgb(104, 105, 127)",
+      "deprecated": true,
       "type": "color",
       "category": "text-colors",
-      "value": "rgb(104, 105, 127)",
-      "deprecated": true,
       "originalValue": "{!SKY_GRAY_TINT_02}",
@@ -1215,6 +1235,6 @@ "name": "TEXT_SECONDARY_LIGHT_COLOR"
     "TEXT_TERTIARY_LIGHT_COLOR": {
+      "value": "rgb(143, 144, 160)",
+      "deprecated": true,
       "type": "color",
       "category": "text-colors",
-      "value": "rgb(143, 144, 160)",
-      "deprecated": true,
       "originalValue": "{!SKY_GRAY_TINT_03}",
@@ -1226,3 +1246,3 @@ "name": "TEXT_TERTIARY_LIGHT_COLOR"
       "category": "text-colors",
-      "value": "rgb(104, 105, 127)",
+      "value": "rgb(84, 88, 96)",
       "originalValue": "{!GREY_40}",
@@ -1234,3 +1254,3 @@ "name": "TEXT_SECONDARY_DAY"
       "category": "scrim-colors",
-      "value": "rgb(2, 18, 44)",
+      "value": "rgba(0, 0, 0, 0.7)",
       "originalValue": "{!BLACK_ALPHA_70}",
@@ -1255,2 +1275,9 @@ "name": "SCRIM_DAY"
     },
+    "LINE_ON_DARK_NIGHT": {
+      "type": "color",
+      "category": "line-colors",
+      "value": "rgb(68, 80, 95)",
+      "originalValue": "{!NIGHT_GREY_30}",
+      "name": "LINE_ON_DARK_NIGHT"
+    },
     "LINE_DARK_COLOR": {
@@ -1272,2 +1299,9 @@ "type": "color",
     },
+    "LINE_ON_DARK_DAY": {
+      "type": "color",
+      "category": "line-colors",
+      "value": "rgba(255, 255, 255, 0.5)",
+      "originalValue": "{!WHITE_ALPHA_50}",
+      "name": "LINE_ON_DARK_DAY"
+    },
     "BACKGROUND_ALTERNATIVE_SECONDARY_DARK_COLOR": {
@@ -1308,3 +1342,3 @@ "type": "color",
       "category": "line-colors",
-      "value": "rgb(72, 72, 74)",
+      "value": "rgb(68, 80, 95)",
       "originalValue": "{!NIGHT_GREY_30}",
@@ -1348,3 +1382,3 @@ "name": "LINE_NIGHT"
       "category": "line-colors",
-      "value": "rgb(205, 205, 215)",
+      "value": "rgb(194, 201, 205)",
       "originalValue": "{!GREY_30}",
@@ -1412,3 +1446,3 @@ "name": "LINE_DAY"
       "category": "colors",
-      "value": "rgb(7, 112, 227)",
+      "value": "rgb(0, 98, 227)",
       "deprecated": true,
@@ -1437,3 +1471,3 @@ "originalValue": "{!SKY_BLUE}",
       "category": "scrim-colors",
-      "value": "rgb(2, 18, 44)",
+      "value": "rgba(0, 0, 0, 0.7)",
       "originalValue": "{!BLACK_ALPHA_70}",
@@ -1445,4 +1479,4 @@ "name": "SCRIM_NIGHT"
       "category": "marcomms-colors",
-      "value": "rgb(209, 67, 91)",
-      "originalValue": "#D1435B",
+      "value": "rgb(231, 8, 102)",
+      "originalValue": "{!BERRY}",
       "name": "MARCOMMS_BERRY"
@@ -1453,4 +1487,4 @@ },
       "category": "marcomms-colors",
-      "value": "rgb(17, 18, 54)",
-      "originalValue": "#111236",
+      "value": "rgb(22, 22, 22)",
+      "originalValue": "{!CHARCOAL}",
       "name": "MARCOMMS_CHARCOAL"
@@ -1468,4 +1502,4 @@ },
       "category": "marcomms-colors",
-      "value": "rgb(104, 105, 127)",
-      "originalValue": "#68697F",
+      "value": "rgb(84, 88, 96)",
+      "originalValue": "{!GREY_40}",
       "name": "MARCOMMS_GREY_40"
@@ -1504,4 +1538,4 @@ },
       "category": "marcomms-colors",
-      "value": "rgb(7, 112, 227)",
-      "originalValue": "#0770e3",
+      "value": "rgb(0, 98, 227)",
+      "originalValue": "{!SKY_BLUE}",
       "name": "MARCOMMS_SKY_BLUE"
@@ -1512,4 +1546,4 @@ },
       "category": "marcomms-colors",
-      "value": "rgb(2, 18, 44)",
-      "originalValue": "#02122C",
+      "value": "rgb(5, 32, 60)",
+      "originalValue": "{!DARK_SKY}",
       "name": "MARCOMMS_DARK_SKY"
@@ -1528,3 +1562,3 @@ },
       "value": "rgb(255, 255, 255)",
-      "originalValue": "#ffffff",
+      "originalValue": "{!WHITE}",
       "name": "MARCOMMS_WHITE"
@@ -1535,4 +1569,4 @@ },
       "category": "marcomms-colors",
-      "value": "rgb(255, 235, 208)",
-      "originalValue": "#FFEBD0",
+      "value": "rgb(255, 247, 207)",
+      "originalValue": "{!YELLOW_MUTED}",
       "name": "MARCOMMS_YELLOW_MUTED"
@@ -1543,4 +1577,4 @@ },
       "category": "marcomms-colors",
-      "value": "rgb(246, 221, 225)",
-      "originalValue": "#F6DDE1",
+      "value": "rgb(255, 233, 249)",
+      "originalValue": "{!PINK_MUTED}",
       "name": "MARCOMMS_PINK_MUTED"
@@ -1551,4 +1585,4 @@ },
       "category": "marcomms-colors",
-      "value": "rgb(208, 238, 236)",
-      "originalValue": "#D0EEEC",
+      "value": "rgb(212, 255, 242)",
+      "originalValue": "{!GREEN_MUTED}",
       "name": "MARCOMMS_GREEN_MUTED"
@@ -1567,3 +1601,3 @@ },
       "value": "rgb(15, 161, 169)",
-      "originalValue": "#0FA1A9",
+      "originalValue": "{!ECO_GREEN}",
       "name": "MARCOMMS_ECO_GREEN"
@@ -1575,3 +1609,3 @@ },
       "value": "rgba(255, 255, 255, 0.2)",
-      "originalValue": "#FFFFFF33",
+      "originalValue": "{!WHITE_ALPHA_20}",
       "name": "PRIVATE_CHIP_ON_DARK_NORMAL_BACKGROUND_DAY"
@@ -1582,4 +1616,4 @@ },
       "category": "chip-colors",
-      "value": "rgb(0, 40, 84)",
-      "originalValue": "#002854",
+      "value": "rgb(0, 43, 91)",
+      "originalValue": "{!NIGHT_BLUE_100}",
       "name": "PRIVATE_CHIP_ON_DARK_PRESSED_BACKGROUND_NIGHT"
@@ -1591,3 +1625,3 @@ },
       "value": "rgb(5, 65, 132)",
-      "originalValue": "#054184",
+      "originalValue": "{!NIGHT_SKY}",
       "name": "PRIVATE_CHIP_ON_DARK_ON_BACKGROUND_NIGHT"
@@ -1598,4 +1632,4 @@ },
       "category": "chip-colors",
-      "value": "rgb(198, 204, 212)",
-      "originalValue": "#C6CCD4",
+      "value": "rgb(194, 201, 205)",
+      "originalValue": "{!GREY_30}",
       "name": "PRIVATE_CHIP_ON_DARK_PRESSED_BACKGROUND_DAY"
@@ -1607,3 +1641,3 @@ },
       "value": "rgb(11, 18, 29)",
-      "originalValue": "#0B121D",
+      "originalValue": "{!NIGHT_GREY_00}",
       "name": "PRIVATE_CHIP_DEFAULT_NORMAL_BACKGROUND_NIGHT"
@@ -1621,3 +1655,3 @@ },
       "category": "chip-colors",
-      "value": "rgb(221, 221, 229)",
+      "value": "rgb(224, 227, 229)",
       "originalValue": "{!GREY_20}",
@@ -1630,3 +1664,3 @@ "name": "PRIVATE_CHIP_DEFAULT_NORMAL_BACKGROUND_DAY"
       "value": "rgb(5, 65, 132)",
-      "originalValue": "#054184",
+      "originalValue": "{!NIGHT_SKY}",
       "name": "PRIVATE_CHIP_DEFAULT_ON_BACKGROUND_NIGHT"
@@ -1637,4 +1671,4 @@ },
       "category": "chip-colors",
-      "value": "rgb(11, 17, 26)",
-      "originalValue": "#0B111A",
+      "value": "rgb(11, 18, 29)",
+      "originalValue": "{!NIGHT_GREY_00}",
       "name": "PRIVATE_CHIP_DISABLED_BACKGROUND_NIGHT"
@@ -1646,3 +1680,3 @@ },
       "value": "rgb(5, 32, 60)",
-      "originalValue": "#05203C",
+      "originalValue": "{!DARK_SKY}",
       "name": "PRIVATE_CHIP_DEFAULT_ON_BACKGROUND_DAY"
@@ -1653,4 +1687,4 @@ },
       "category": "chip-colors",
-      "value": "rgb(221, 225, 228)",
-      "originalValue": "#DDE1E4",
+      "value": "rgb(224, 227, 229)",
+      "originalValue": "{!GREY_20}",
       "name": "PRIVATE_CHIP_DISABLED_BACKGROUND_DAY"
@@ -1661,4 +1695,4 @@ },
       "category": "chip-colors",
-      "value": "rgb(0, 40, 84)",
-      "originalValue": "#002854",
+      "value": "rgb(0, 43, 91)",
+      "originalValue": "{!NIGHT_BLUE_100}",
       "name": "PRIVATE_CHIP_DEFAULT_PRESSED_BACKGROUND_NIGHT"
@@ -1669,4 +1703,4 @@ },
       "category": "chip-colors",
-      "value": "rgb(198, 204, 212)",
-      "originalValue": "#C6CCD4",
+      "value": "rgb(194, 201, 205)",
+      "originalValue": "{!GREY_30}",
       "name": "PRIVATE_CHIP_DEFAULT_PRESSED_BACKGROUND_DAY"
@@ -1678,3 +1712,3 @@ },
       "value": "rgb(11, 18, 29)",
-      "originalValue": "#0B121D",
+      "originalValue": "{!NIGHT_GREY_00}",
       "name": "PRIVATE_CHIP_ON_DARK_NORMAL_BACKGROUND_NIGHT"
@@ -1686,3 +1720,3 @@ },
       "value": "rgb(1, 9, 19)",
-      "originalValue": "#010913",
+      "originalValue": "{!NIGHT_GREY_10}",
       "name": "PRIVATE_BUTTON_SECONDARY_PRESSED_BACKGROUND_NIGHT"
@@ -1694,3 +1728,3 @@ },
       "value": "rgb(132, 233, 255)",
-      "originalValue": "#84E9FF",
+      "originalValue": "{!NIGHT_BLUE}",
       "name": "PRIVATE_BUTTON_LINK_NORMAL_FOREGROUND_NIGHT"
@@ -1702,3 +1736,3 @@ },
       "value": "rgba(255, 255, 255, 0.2)",
-      "originalValue": "#FFFFFF33",
+      "originalValue": "{!WHITE_ALPHA_20}",
       "name": "PRIVATE_BUTTON_LINK_ON_DARK_DISABLED_FOREGROUND_NIGHT"
@@ -1710,3 +1744,3 @@ },
       "value": "rgb(36, 51, 70)",
-      "originalValue": "#243346",
+      "originalValue": "{!NIGHT_GREY_25}",
       "name": "PRIVATE_BUTTON_SECONDARY_NORMAL_BACKGROUND_NIGHT"
@@ -1718,3 +1752,3 @@ },
       "value": "rgb(21, 70, 121)",
-      "originalValue": "#154679",
+      "originalValue": "{!DARK_SKY_85}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_PRESSED_BACKGROUND_DAY"
@@ -1726,3 +1760,3 @@ },
       "value": "rgb(0, 98, 227)",
-      "originalValue": "#0062E3",
+      "originalValue": "{!SKY_BLUE}",
       "name": "PRIVATE_BUTTON_FEATURED_NORMAL_BACKGROUND_DAY"
@@ -1734,3 +1768,3 @@ },
       "value": "rgb(209, 247, 255)",
-      "originalValue": "#D1F7FF",
+      "originalValue": "{!NIGHT_BLUE_20}",
       "name": "PRIVATE_BUTTON_FEATURED_PRESSED_BACKGROUND_NIGHT"
@@ -1742,3 +1776,3 @@ },
       "value": "rgb(5, 32, 60)",
-      "originalValue": "#05203C",
+      "originalValue": "{!DARK_SKY}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_NORMAL_BACKGROUND_NIGHT"
@@ -1749,4 +1783,4 @@ },
       "category": "button-colors",
-      "value": "rgb(198, 204, 212)",
-      "originalValue": "#C6CCD4",
+      "value": "rgb(194, 201, 205)",
+      "originalValue": "{!GREY_30}",
       "name": "PRIVATE_BUTTON_SECONDARY_PRESSED_BACKGROUND_DAY"
@@ -1758,3 +1792,3 @@ },
       "value": "rgb(0, 98, 227)",
-      "originalValue": "#0062E3",
+      "originalValue": "{!SKY_BLUE}",
       "name": "PRIVATE_BUTTON_LINK_NORMAL_FOREGROUND_DAY"
@@ -1766,3 +1800,3 @@ },
       "value": "rgba(0, 0, 0, 0.2)",
-      "originalValue": "#00000033",
+      "originalValue": "{!BLACK_ALPHA_20}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_FOREGROUND_NIGHT"
@@ -1773,4 +1807,4 @@ },
       "category": "button-colors",
-      "value": "rgb(11, 17, 26)",
-      "originalValue": "#0B111A",
+      "value": "rgb(11, 18, 29)",
+      "originalValue": "{!NIGHT_GREY_00}",
       "name": "PRIVATE_BUTTON_SECONDARY_ON_DARK_DISABLED_BACKGROUND_NIGHT"
@@ -1782,3 +1816,3 @@ },
       "value": "rgb(255, 100, 156)",
-      "originalValue": "#FF649C",
+      "originalValue": "{!NIGHT_BERRY}",
       "name": "PRIVATE_BUTTON_DESTRUCTIVE_NORMAL_FOREGROUND_NIGHT"
@@ -1790,3 +1824,3 @@ },
       "value": "rgba(255, 255, 255, 0.2)",
-      "originalValue": "#FFFFFF33",
+      "originalValue": "{!WHITE_ALPHA_20}",
       "name": "PRIVATE_BUTTON_LINK_ON_DARK_DISABLED_FOREGROUND_DAY"
@@ -1798,3 +1832,3 @@ },
       "value": "rgb(224, 227, 229)",
-      "originalValue": "#E0E3E5",
+      "originalValue": "{!GREY_20}",
       "name": "PRIVATE_BUTTON_SECONDARY_NORMAL_BACKGROUND_DAY"
@@ -1806,3 +1840,3 @@ },
       "value": "rgb(5, 32, 60)",
-      "originalValue": "#05203C",
+      "originalValue": "{!DARK_SKY}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_NORMAL_BACKGROUND_DAY"
@@ -1814,3 +1848,3 @@ },
       "value": "rgba(0, 0, 0, 0.2)",
-      "originalValue": "#00000033",
+      "originalValue": "{!BLACK_ALPHA_20}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_FOREGROUND_DAY"
@@ -1822,3 +1856,3 @@ },
       "value": "rgb(255, 255, 255)",
-      "originalValue": "#FFFFFF",
+      "originalValue": "{!WHITE}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_NORMAL_BACKGROUND_NIGHT"
@@ -1830,3 +1864,3 @@ },
       "value": "rgb(2, 77, 175)",
-      "originalValue": "#024DAF",
+      "originalValue": "{!SKY_BLUE_85}",
       "name": "PRIVATE_BUTTON_FEATURED_PRESSED_BACKGROUND_DAY"
@@ -1838,3 +1872,3 @@ },
       "value": "rgba(0, 0, 0, 0.2)",
-      "originalValue": "#00000033",
+      "originalValue": "{!BLACK_ALPHA_20}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_FOREGROUND_NIGHT"
@@ -1845,4 +1879,4 @@ },
       "category": "button-colors",
-      "value": "rgb(11, 17, 26)",
-      "originalValue": "#0B111A",
+      "value": "rgb(11, 18, 29)",
+      "originalValue": "{!NIGHT_GREY_00}",
       "name": "PRIVATE_BUTTON_SECONDARY_ON_DARK_DISABLED_BACKGROUND_DAY"
@@ -1854,3 +1888,3 @@ },
       "value": "rgb(1, 9, 19)",
-      "originalValue": "#010913",
+      "originalValue": "{!NIGHT_GREY_10}",
       "name": "PRIVATE_BUTTON_SECONDARY_ON_DARK_PRESSED_BACKGROUND_NIGHT"
@@ -1862,3 +1896,3 @@ },
       "value": "rgb(200, 4, 86)",
-      "originalValue": "#C80456",
+      "originalValue": "{!BERRY_75}",
       "name": "PRIVATE_BUTTON_DESTRUCTIVE_NORMAL_FOREGROUND_DAY"
@@ -1870,3 +1904,3 @@ },
       "value": "rgb(255, 255, 255)",
-      "originalValue": "#FFFFFF",
+      "originalValue": "{!WHITE}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_NORMAL_BACKGROUND_DAY"
@@ -1878,3 +1912,3 @@ },
       "value": "rgba(0, 0, 0, 0.2)",
-      "originalValue": "#00000033",
+      "originalValue": "{!BLACK_ALPHA_20}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_FOREGROUND_DAY"
@@ -1886,3 +1920,3 @@ },
       "value": "rgb(209, 247, 255)",
-      "originalValue": "#D1F7FF",
+      "originalValue": "{!NIGHT_BLUE_20}",
       "name": "PRIVATE_BUTTON_LINK_PRESSED_FOREGROUND_NIGHT"
@@ -1894,3 +1928,3 @@ },
       "value": "rgb(1, 9, 19)",
-      "originalValue": "#010913",
+      "originalValue": "{!NIGHT_GREY_10}",
       "name": "PRIVATE_BUTTON_SECONDARY_ON_DARK_PRESSED_BACKGROUND_DAY"
@@ -1901,4 +1935,4 @@ },
       "category": "button-colors",
-      "value": "rgb(221, 225, 228)",
-      "originalValue": "#DDE1E4",
+      "value": "rgb(224, 227, 229)",
+      "originalValue": "{!GREY_20}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_BACKGROUND_NIGHT"
@@ -1910,3 +1944,3 @@ },
       "value": "rgb(21, 70, 121)",
-      "originalValue": "#154679",
+      "originalValue": "{!DARK_SKY_85}",
       "name": "PRIVATE_BUTTON_LINK_PRESSED_FOREGROUND_DAY"
@@ -1918,3 +1952,3 @@ },
       "value": "rgb(36, 51, 70)",
-      "originalValue": "#243346",
+      "originalValue": "{!NIGHT_GREY_25}",
       "name": "PRIVATE_BUTTON_DESTRUCTIVE_NORMAL_BACKGROUND_NIGHT"
@@ -1926,3 +1960,3 @@ },
       "value": "rgb(5, 65, 132)",
-      "originalValue": "#054184",
+      "originalValue": "{!NIGHT_SKY}",
       "name": "PRIVATE_BUTTON_PRIMARY_NORMAL_BACKGROUND_NIGHT"
@@ -1934,3 +1968,3 @@ },
       "value": "rgb(255, 100, 156)",
-      "originalValue": "#FF649C",
+      "originalValue": "{!NIGHT_BERRY}",
       "name": "PRIVATE_BUTTON_DESTRUCTIVE_PRESSED_BACKGROUND_NIGHT"
@@ -1941,4 +1975,4 @@ },
       "category": "button-colors",
-      "value": "rgb(21, 70, 121)",
-      "originalValue": "#154679",
+      "value": "rgb(0, 43, 91)",
+      "originalValue": "{!NIGHT_BLUE_100}",
       "name": "PRIVATE_BUTTON_PRIMARY_PRESSED_BACKGROUND_NIGHT"
@@ -1949,4 +1983,4 @@ },
       "category": "button-colors",
-      "value": "rgb(221, 225, 228)",
-      "originalValue": "#DDE1E4",
+      "value": "rgb(224, 227, 229)",
+      "originalValue": "{!GREY_20}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_BACKGROUND_DAY"
@@ -1957,4 +1991,4 @@ },
       "category": "button-colors",
-      "value": "rgb(221, 225, 228)",
-      "originalValue": "#DDE1E4",
+      "value": "rgb(224, 227, 229)",
+      "originalValue": "{!GREY_20}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_BACKGROUND_NIGHT"
@@ -1966,3 +2000,3 @@ },
       "value": "rgb(5, 32, 60)",
-      "originalValue": "#05203C",
+      "originalValue": "{!DARK_SKY}",
       "name": "PRIVATE_BUTTON_PRIMARY_NORMAL_BACKGROUND_DAY"
@@ -1974,3 +2008,3 @@ },
       "value": "rgb(224, 227, 229)",
-      "originalValue": "#E0E3E5",
+      "originalValue": "{!GREY_20}",
       "name": "PRIVATE_BUTTON_DESTRUCTIVE_NORMAL_BACKGROUND_DAY"
@@ -1982,3 +2016,3 @@ },
       "value": "rgba(255, 255, 255, 0.5)",
-      "originalValue": "#FFFFFF80",
+      "originalValue": "{!WHITE_ALPHA_50}",
       "name": "PRIVATE_BUTTON_LINK_ON_DARK_PRESSED_FOREGROUND_NIGHT"
@@ -1989,4 +2023,4 @@ },
       "category": "button-colors",
-      "value": "rgb(231, 8, 102)",
-      "originalValue": "#E70866",
+      "value": "rgb(200, 4, 86)",
+      "originalValue": "{!BERRY_75}",
       "name": "PRIVATE_BUTTON_DESTRUCTIVE_PRESSED_BACKGROUND_DAY"
@@ -1998,3 +2032,3 @@ },
       "value": "rgb(21, 70, 121)",
-      "originalValue": "#154679",
+      "originalValue": "{!DARK_SKY_85}",
       "name": "PRIVATE_BUTTON_PRIMARY_PRESSED_BACKGROUND_DAY"
@@ -2005,4 +2039,4 @@ },
       "category": "button-colors",
-      "value": "rgb(221, 225, 228)",
-      "originalValue": "#DDE1E4",
+      "value": "rgb(224, 227, 229)",
+      "originalValue": "{!GREY_20}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_BACKGROUND_DAY"
@@ -2014,3 +2048,3 @@ },
       "value": "rgb(255, 255, 255)",
-      "originalValue": "#FFFFFF",
+      "originalValue": "{!WHITE}",
       "name": "PRIVATE_BUTTON_LINK_ON_DARK_NORMAL_FOREGROUND_NIGHT"
@@ -2021,4 +2055,4 @@ },
       "category": "button-colors",
-      "value": "rgb(11, 17, 26)",
-      "originalValue": "#0B111A",
+      "value": "rgb(11, 18, 29)",
+      "originalValue": "{!NIGHT_GREY_00}",
       "name": "PRIVATE_BUTTON_DISABLED_BACKGROUND_NIGHT"
@@ -2030,3 +2064,3 @@ },
       "value": "rgb(36, 51, 70)",
-      "originalValue": "#243346",
+      "originalValue": "{!NIGHT_GREY_25}",
       "name": "PRIVATE_BUTTON_SECONDARY_ON_DARK_NORMAL_BACKGROUND_NIGHT"
@@ -2038,3 +2072,3 @@ },
       "value": "rgba(255, 255, 255, 0.2)",
-      "originalValue": "#FFFFFF33",
+      "originalValue": "{!WHITE_ALPHA_20}",
       "name": "PRIVATE_BUTTON_SECONDARY_ON_DARK_DISABLED_FOREGROUND_NIGHT"
@@ -2046,3 +2080,3 @@ },
       "value": "rgba(255, 255, 255, 0.5)",
-      "originalValue": "#FFFFFF80",
+      "originalValue": "{!WHITE_ALPHA_50}",
       "name": "PRIVATE_BUTTON_LINK_ON_DARK_PRESSED_FOREGROUND_DAY"
@@ -2053,4 +2087,4 @@ },
       "category": "button-colors",
-      "value": "rgb(203, 206, 210)",
-      "originalValue": "#CBCED2",
+      "value": "rgb(194, 201, 205)",
+      "originalValue": "{!GREY_30}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_PRESSED_BACKGROUND_NIGHT"
@@ -2062,3 +2096,3 @@ },
       "value": "rgb(255, 255, 255)",
-      "originalValue": "#FFFFFF",
+      "originalValue": "{!WHITE}",
       "name": "PRIVATE_BUTTON_LINK_ON_DARK_NORMAL_FOREGROUND_DAY"
@@ -2069,4 +2103,4 @@ },
       "category": "button-colors",
-      "value": "rgb(221, 225, 228)",
-      "originalValue": "#DDE1E4",
+      "value": "rgb(224, 227, 229)",
+      "originalValue": "{!GREY_20}",
       "name": "PRIVATE_BUTTON_DISABLED_BACKGROUND_DAY"
@@ -2078,3 +2112,3 @@ },
       "value": "rgb(36, 51, 70)",
-      "originalValue": "#243346",
+      "originalValue": "{!NIGHT_GREY_25}",
       "name": "PRIVATE_BUTTON_SECONDARY_ON_DARK_NORMAL_BACKGROUND_DAY"
@@ -2086,3 +2120,3 @@ },
       "value": "rgba(255, 255, 255, 0.2)",
-      "originalValue": "#FFFFFF33",
+      "originalValue": "{!WHITE_ALPHA_20}",
       "name": "PRIVATE_BUTTON_SECONDARY_ON_DARK_DISABLED_FOREGROUND_DAY"
@@ -2093,4 +2127,4 @@ },
       "category": "button-colors",
-      "value": "rgb(203, 206, 210)",
-      "originalValue": "#CBCED2",
+      "value": "rgb(194, 201, 205)",
+      "originalValue": "{!GREY_30}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_PRESSED_BACKGROUND_DAY"
@@ -2102,3 +2136,3 @@ },
       "value": "rgb(21, 70, 121)",
-      "originalValue": "#154679",
+      "originalValue": "{!DARK_SKY_85}",
       "name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_PRESSED_BACKGROUND_NIGHT"
@@ -2110,3 +2144,3 @@ },
       "value": "rgb(132, 233, 255)",
-      "originalValue": "#84E9FF",
+      "originalValue": "{!NIGHT_BLUE}",
       "name": "PRIVATE_BUTTON_FEATURED_NORMAL_BACKGROUND_NIGHT"
@@ -2113,0 +2147,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

483315

increased by0.68%

Lines of code

10117

increased by0.8%

Dependency changes

• + Added@skyscanner/bpk-foundations-common@4.1.2(transitive)

• - Removed@skyscanner/bpk-foundations-common@3.2.1(transitive)

• Updated@skyscanner/bpk-foundations-common@^4.0.0