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

Comparing version 9.2.0 to 9.2.1

package.json

 {
   "name": "@skyscanner/bpk-foundations-web",
-  "version": "9.2.0",
+  "version": "9.2.1",
   "description": "Common Backpack design tokens for colors, spacing, font, etc.",
@@ -23,3 +23,3 @@ "license": "Apache-2.0",
   },
-  "gitHead": "c0653e803782492312f3b46c075260ba552bdf23"
+  "gitHead": "433e4ab307eb5f21bc96eced22503a0c34064fe4"
 }

tokens/base.common.js

@@ -22,567 +22,567 @@ /*
 module.exports = {
-  autosuggestListBackgroundColor: "rgb(255, 255, 255)",
-  autosuggestListItemActiveBackgroundColor: "rgb(221, 221, 229)",
-  autosuggestListItemHighlightedBackgroundColor: "rgb(241, 242, 248)",
-  backgroundAlternativeDarkColor: "rgb(0, 0, 0)",
-  backgroundAlternativeLightColor: "rgb(241, 242, 248)",
+  durationXs: "50ms",
+  durationSm: "200ms",
+  durationBase: "400ms",
+  colorSkyBlueShade03: "rgb(2, 18, 44)",
+  colorPrimaryGradientLight: "rgb(7, 112, 227)",
+  colorErfoud: "rgb(255, 181, 77)",
+  colorValensole: "rgb(165, 155, 200)",
+  colorMonteverde: "rgb(0, 166, 152)",
+  colorSkyGrayTint01: "rgb(68, 69, 96)",
+  colorBlack: "rgb(0, 0, 0)",
+  colorSkyGrayTint02: "rgb(104, 105, 127)",
+  colorSagano: "rgb(208, 238, 236)",
+  colorSkyGrayTint03: "rgb(143, 144, 160)",
+  colorSkyGrayTint04: "rgb(178, 178, 191)",
+  colorHarbour: "rgb(246, 221, 225)",
+  colorSkyGrayTint05: "rgb(205, 205, 215)",
+  colorSkyGrayTint06: "rgb(221, 221, 229)",
+  colorBlackTint01: "rgb(29, 27, 32)",
+  colorSkyGrayTint07: "rgb(241, 242, 248)",
+  colorBlackTint02: "rgb(44, 44, 46)",
+  colorAbisko: "rgb(90, 72, 155)",
+  colorBlackTint03: "rgb(58, 58, 60)",
+  colorBlackTint04: "rgb(72, 72, 74)",
+  colorWhite: "rgb(255, 255, 255)",
+  colorBlackTint05: "rgb(99, 99, 102)",
+  colorBlackTint06: "rgb(142, 142, 147)",
+  colorPanjin: "rgb(209, 67, 91)",
+  colorKolkata: "rgb(255, 148, 0)",
+  colorGlencoe: "rgb(115, 206, 198)",
+  colorTochigi: "rgb(225, 221, 236)",
+  colorPetra: "rgb(255, 171, 149)",
+  colorSkyBlue: "rgb(7, 112, 227)",
+  colorBagan: "rgb(255, 235, 208)",
+  colorHillier: "rgb(225, 139, 150)",
+  colorSkyBlueTint01: "rgb(109, 159, 235)",
+  colorSkyBlueTint02: "rgb(157, 192, 242)",
+  colorBunol: "rgb(255, 123, 89)",
+  colorSkyBlueTint03: "rgb(205, 223, 248)",
+  colorSkyGray: "rgb(17, 18, 54)",
+  colorNara: "rgb(255, 231, 224)",
+  colorSkyBlueShade01: "rgb(8, 78, 178)",
+  colorSkyBlueShade02: "rgb(4, 39, 89)",
+  canvasDay: "rgb(255, 255, 255)",
+  canvasNight: "rgb(0, 0, 0)",
+  canvasContrastDay: "rgb(241, 242, 248)",
+  canvasContrastNight: "rgb(29, 27, 32)",
+  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)",
+  corePrimaryNight: "rgb(5, 65, 132)",
+  statusSuccessSpotNight: "rgb(0, 166, 152)",
+  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)",
+  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)",
+  surfaceDefaultDay: "rgb(255, 255, 255)",
+  surfaceDefaultNight: "rgb(29, 27, 32)",
+  surfaceElevatedDay: "rgb(255, 255, 255)",
+  surfaceElevatedNight: "rgb(44, 44, 46)",
+  surfaceHighlightDay: "rgb(221, 221, 229)",
+  surfaceHighlightNight: "rgb(44, 44, 46)",
+  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)",
+  textPrimaryDarkColor: "rgb(255, 255, 255)",
+  textLinkDay: "rgb(7, 112, 227)",
+  textQuaternaryDarkColor: "rgb(142, 142, 147)",
+  textPrimaryNight: "rgb(255, 255, 255)",
+  textQuaternaryLightColor: "rgb(143, 144, 160)",
+  textDisabledDay: "rgb(178, 178, 191)",
+  textPrimaryLightColor: "rgb(17, 18, 54)",
+  textPrimaryDay: "rgb(17, 18, 54)",
+  textErrorNight: "rgb(209, 67, 91)",
+  textErrorDay: "rgb(209, 67, 91)",
+  textTertiaryDarkColor: "rgb(142, 142, 147)",
+  textSecondaryDarkColor: "rgb(178, 178, 191)",
+  textPrimaryInverseNight: "rgb(17, 18, 54)",
+  textSecondaryNight: "rgb(178, 178, 191)",
+  textOnDarkNight: "rgb(255, 255, 255)",
+  textSecondaryLightColor: "rgb(104, 105, 127)",
+  textPrimaryInverseDay: "rgb(255, 255, 255)",
+  textTertiaryLightColor: "rgb(143, 144, 160)",
+  textSecondaryDay: "rgb(104, 105, 127)",
+  scrimDay: "rgb(2, 18, 44)",
+  backgroundElevation03DarkColor: "rgb(58, 58, 60)",
+  backgroundElevation02DarkColor: "rgb(44, 44, 46)",
+  lineDarkColor: "rgb(72, 72, 74)",
+  backgroundElevation01DarkColor: "rgb(29, 27, 32)",
   backgroundAlternativeSecondaryDarkColor: "rgb(29, 27, 32)",
+  backgroundLightColor: "rgb(255, 255, 255)",
+  backgroundDarkColor: "rgb(0, 0, 0)",
   backgroundAlternativeSecondaryLightColor: "rgb(255, 255, 255)",
-  backgroundDarkColor: "rgb(0, 0, 0)",
-  backgroundElevation01DarkColor: "rgb(29, 27, 32)",
+  lineNight: "rgb(72, 72, 74)",
+  colorSystemGreen: "rgb(0, 166, 152)",
   backgroundElevation01LightColor: "rgb(255, 255, 255)",
-  backgroundElevation02DarkColor: "rgb(44, 44, 46)",
+  lineLightColor: "rgb(205, 205, 215)",
   backgroundElevation02LightColor: "rgb(255, 255, 255)",
-  backgroundElevation03DarkColor: "rgb(58, 58, 60)",
+  lineDay: "rgb(205, 205, 215)",
   backgroundElevation03LightColor: "rgb(255, 255, 255)",
-  backgroundLightColor: "rgb(255, 255, 255)",
+  backgroundTertiaryDarkColor: "rgb(44, 44, 46)",
   backgroundSecondaryDarkColor: "rgb(29, 27, 32)",
+  backgroundAlternativeLightColor: "rgb(241, 242, 248)",
+  primaryDarkColor: "rgb(109, 159, 235)",
+  colorSystemRed: "rgb(209, 67, 91)",
+  backgroundAlternativeDarkColor: "rgb(0, 0, 0)",
+  primaryLightColor: "rgb(7, 112, 227)",
+  backgroundTertiaryLightColor: "rgb(255, 255, 255)",
   backgroundSecondaryLightColor: "rgb(241, 242, 248)",
-  backgroundTertiaryDarkColor: "rgb(44, 44, 46)",
-  backgroundTertiaryLightColor: "rgb(255, 255, 255)",
+  scrimNight: "rgb(2, 18, 44)",
+  marcommsBerry: "rgb(209, 67, 91)",
+  marcommsCharcoal: "rgb(17, 18, 54)",
+  marcommsOrange: "rgb(255, 123, 89)",
+  marcommsGrey40: "rgb(104, 105, 127)",
+  marcommsBlueBright: "rgb(161, 238, 255)",
+  marcommsYellow: "rgb(254, 235, 135)",
+  marcommsGreenBright: "rgb(147, 255, 222)",
+  marcommsPink: "rgb(255, 163, 229)",
+  marcommsSkyBlue: "rgb(7, 112, 227)",
+  marcommsDarkSky: "rgb(2, 18, 44)",
+  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)",
+  marcommsBlueMuted: "rgb(217, 248, 255)",
+  marcommsEcoGreen: "rgb(15, 161, 169)",
+  autosuggestListBackgroundColor: "rgb(255, 255, 255)",
+  autosuggestListItemActiveBackgroundColor: "rgb(221, 221, 229)",
+  autosuggestListItemHighlightedBackgroundColor: "rgb(241, 242, 248)",
+  badgePaddingY: ".25rem",
+  badgePaddingX: ".5rem",
   badgeBackgroundColor: "rgb(255, 181, 77)",
   badgeCenteredVerticalAlign: "text-bottom",
-  badgePaddingX: ".5rem",
-  badgePaddingY: ".25rem",
-  bannerAlertBackgroundColor: "rgb(255, 255, 255)",
-  bannerAlertChildrenColor: "rgb(104, 105, 127)",
-  bannerAlertChildrenPaddingX: ".75rem",
-  bannerAlertChildrenPaddingY: ".375rem",
-  bannerAlertErrorColor: "rgb(209, 67, 91)",
-  bannerAlertEventColor: "rgb(90, 72, 155)",
-  bannerAlertExpandIconFill: "rgb(68, 69, 96)",
-  bannerAlertHeaderExpandableActiveBackgroundColor: "rgb(221, 221, 229)",
-  bannerAlertHeaderExpandableHoverBackgroundColor: "rgb(241, 242, 248)",
-  bannerAlertHeaderPaddingX: ".75rem",
-  bannerAlertHeaderPaddingY: ".375rem",
-  bannerAlertNeutralColor: "rgb(104, 105, 127)",
-  bannerAlertPrimaryColor: "rgb(7, 112, 227)",
-  bannerAlertSuccessColor: "rgb(0, 166, 152)",
-  bannerAlertWarnColor: "rgb(255, 181, 77)",
+  borderRadiusXs: ".25rem",
+  borderRadiusSm: ".375rem",
   borderRadiusMd: ".75rem",
   borderRadiusPill: "1.125rem",
   borderRadiusPillLg: "1.3125rem",
-  borderRadiusSm: ".375rem",
-  borderRadiusXs: ".25rem",
+  borderSizeSm: "1px",
   borderSizeLg: "2px",
-  borderSizeSm: "1px",
   borderSizeXl: "3px",
+  boxShadowSm: "0px 1px 3px 0px rgba(37,32,31,.3)",
   boxShadowLg: "0px 4px 14px 0px rgba(37,32,31,.25)",
-  boxShadowSm: "0px 1px 3px 0px rgba(37,32,31,.3)",
   boxShadowXl: "0px 12px 50px 0px rgba(37,32,31,.25)",
-  breakpointDesktop: "80rem",
-  breakpointDesktopMargin: "1rem * 3",
-  breakpointMobile: "32rem",
-  breakpointMobileMargin: "1.5rem",
-  breakpointQueryAboveDesktop: "(min-width: 80.0625rem)",
-  breakpointQueryAboveMobile: "(min-width: 32.0625rem)",
-  breakpointQueryAboveTablet: "(min-width: 64.0625rem)",
+  breakpointQueryTabletOnly: "(min-width: 32.0625rem) and (max-width: 64rem)",
+  breakpointSmallTabletMargin: "1.5rem",
+  breakpointQuerySmallTablet: "(max-width: 48rem)",
+  breakpointSmallMobileMargin: "1rem",
   breakpointQueryMobile: "(max-width: 32rem)",
-  breakpointQuerySmallMobile: "(max-width: 22.4375rem)",
-  breakpointQuerySmallTablet: "(max-width: 48rem)",
   breakpointQuerySmallTabletOnly: "(min-width: 32.0625rem) and (max-width: 48rem)",
+  breakpointSmallMobile: "22.4375rem",
+  breakpointQueryAboveMobile: "(min-width: 32.0625rem)",
   breakpointQueryTablet: "(max-width: 64rem)",
-  breakpointQueryTabletOnly: "(min-width: 32.0625rem) and (max-width: 64rem)",
-  breakpointSmallMobile: "22.4375rem",
-  breakpointSmallMobileMargin: "1rem",
   breakpointSmallTablet: "48rem",
-  breakpointSmallTabletMargin: "1.5rem",
+  breakpointQueryAboveTablet: "(min-width: 64.0625rem)",
+  breakpointDesktop: "80rem",
+  breakpointMobile: "32rem",
   breakpointTablet: "64rem",
+  breakpointQueryAboveDesktop: "(min-width: 80.0625rem)",
   breakpointTabletMargin: "2rem",
-  buttonActiveBackgroundColor: "rgb(0, 106, 97)",
-  buttonActiveBackgroundImage: "none",
+  breakpointMobileMargin: "1.5rem",
+  breakpointQuerySmallMobile: "(max-width: 22.4375rem)",
+  breakpointDesktopMargin: "1rem * 3",
+  buttonTextAlign: "center",
   buttonActiveBoxShadow: "none",
-  buttonActiveColor: "rgb(255, 255, 255)",
-  buttonBackgroundColor: "rgb(0, 166, 152)",
-  buttonBorderRadius: ".5rem",
+  buttonSelectedDisabledBoxShadow: "none",
+  buttonLargeFontSize: "1.5rem",
+  buttonDisabledBackgroundImage: "none",
+  buttonPrimaryOnDarkHoverBackgroundImage: "none",
+  buttonSecondaryOnDarkDisabledColor: "rgb(178, 178, 191)",
+  buttonDestructiveHoverBoxShadow: "0 0 0 2px #d1435b inset",
+  buttonLargeLineHeight: "1.5rem",
+  buttonSelectedBackgroundImage: "#084eb2",
   buttonBoxShadow: "none",
-  buttonColor: "rgb(255, 255, 255)",
+  buttonPrimaryOnLightHoverColor: "rgb(255, 255, 255)",
+  buttonSelectedActiveColor: "rgb(255, 255, 255)",
   buttonDestructiveActiveBackgroundColor: "rgb(178, 46, 69)",
-  buttonDestructiveActiveBorderColor: "rgb(209, 67, 91)",
+  buttonOutlineActiveBackgroundColor: "rgba(0, 0, 0, 0)",
+  buttonLinkOnDarkDisabledColor: "rgba(255, 255, 255, 0.2)",
+  buttonHoverBackgroundColor: "rgb(0, 136, 124)",
+  buttonSecondaryActiveColor: "rgb(8, 78, 178)",
+  buttonSecondaryOnDarkColor: "rgb(255, 255, 255)",
+  buttonLinkOnDarkColor: "rgb(255, 255, 255)",
+  buttonPrimaryOnDarkDisabledBackgroundColor: "rgb(221, 221, 229)",
+  buttonSecondaryBackgroundImage: "none",
+  buttonSecondaryOnDarkActiveBackgroundImage: "none",
+  buttonDestructiveDisabledBackgroundImage: "none",
+  buttonOutlineDisabledBackgroundImage: "none",
   buttonDestructiveActiveBoxShadow: "0 0 0 3px #d1435b inset",
-  buttonDestructiveActiveColor: "rgb(255, 255, 255)",
-  buttonDestructiveBackgroundColor: "rgb(221, 221, 229)",
-  buttonDestructiveBorderColor: "rgb(221, 221, 229)",
-  buttonDestructiveBoxShadow: "0 0 0 2px #DDDDE5 inset",
-  buttonDestructiveColor: "rgb(178, 46, 69)",
-  buttonDestructiveDisabledBackgroundColor: "rgb(221, 221, 229)",
-  buttonDestructiveDisabledBackgroundImage: "none",
-  buttonDestructiveDisabledBoxShadow: "none",
+  buttonPrimaryOnLightColor: "rgb(255, 255, 255)",
+  buttonSelectedHoverBackgroundImage: "none",
+  buttonFontSize: "1.1875rem",
+  buttonGradientStartColor: "rgb(0, 166, 152)",
+  buttonPrimaryOnLightActiveBackgroundImage: "none",
+  buttonHoverBoxShadow: "none",
+  buttonOutlineHoverBorderOpacity: "0.5",
+  buttonLineHeight: "1.5rem",
+  buttonSecondaryHoverBackgroundImage: "none",
+  buttonPrimaryOnDarkBackgroundColor: "rgb(255, 255, 255)",
+  buttonFeaturedActiveBackgroundColor: "rgb(4, 39, 89)",
+  buttonDisabledBackgroundColor: "rgb(221, 221, 229)",
+  buttonPrimaryOnDarkHoverBackgroundColor: "rgb(221, 221, 229)",
+  buttonSecondaryBorderColor: "rgb(221, 221, 229)",
+  buttonSecondaryHoverColor: "rgb(8, 78, 178)",
+  buttonFeaturedActiveBoxShadow: "none",
+  buttonPrimaryOnLightActiveColor: "rgb(255, 255, 255)",
+  buttonFeaturedDisabledBackgroundImage: "none",
+  buttonSelectedHoverColor: "rgb(255, 255, 255)",
+  buttonSelectedBackgroundColor: "rgb(7, 112, 227)",
+  buttonPrimaryOnLightBackgroundImage: "none",
+  buttonOutlineDisabledColor: "rgb(178, 178, 191)",
   buttonDestructiveDisabledColor: "rgb(178, 178, 191)",
-  buttonDestructiveHoverBackgroundColor: "rgb(209, 67, 91)",
-  buttonDestructiveHoverBackgroundImage: "none",
-  buttonDestructiveHoverBorderColor: "rgb(209, 67, 91)",
-  buttonDestructiveHoverBoxShadow: "0 0 0 2px #d1435b inset",
-  buttonDestructiveHoverColor: "rgb(255, 255, 255)",
-  buttonDisabledBackgroundColor: "rgb(221, 221, 229)",
-  buttonDisabledBackgroundImage: "none",
+  buttonSecondaryBackgroundColor: "rgb(221, 221, 229)",
+  buttonSecondaryOnDarkActiveBackgroundColor: "rgba(255, 255, 255, 0.2)",
   buttonDisabledBoxShadow: "none",
+  buttonDestructiveDisabledBackgroundColor: "rgb(221, 221, 229)",
+  buttonOutlineDisabledBackgroundColor: "rgb(221, 221, 229)",
+  buttonLinkOnDarkActiveColor: "rgba(255, 255, 255, 0.6)",
+  buttonSecondaryOnDarkActiveColor: "rgb(255, 255, 255)",
+  buttonSecondaryColor: "rgb(8, 78, 178)",
+  buttonSelectedBoxShadow: "none",
+  buttonSecondaryHoverBorderColor: "rgb(7, 112, 227)",
+  buttonSecondaryOnDarkBackgroundImage: "none",
+  buttonSecondaryActiveBackgroundImage: "none",
+  buttonSelectedActiveBackgroundImage: "none",
+  buttonSecondaryBoxShadow: "0 0 0 2px #DDDDE5 inset",
+  buttonIconBorderRadius: "1.125rem",
+  buttonPrimaryOnLightHoverBackgroundImage: "none",
+  buttonSelectedColor: "rgb(255, 255, 255)",
+  buttonSelectedHoverBackgroundColor: "rgb(8, 78, 178)",
+  buttonLargePaddingXIconOnly: ".5625rem",
+  buttonSecondaryOnDarkDisabledBackgroundImage: "none",
+  buttonPrimaryOnLightActiveBackgroundColor: "rgb(104, 105, 127)",
+  buttonPrimaryOnDarkHoverColor: "rgb(17, 18, 54)",
+  buttonSecondaryHoverBackgroundColor: "rgb(205, 205, 215)",
   buttonDisabledColor: "rgb(178, 178, 191)",
-  buttonFeaturedActiveBackgroundColor: "rgb(4, 39, 89)",
-  buttonFeaturedActiveBackgroundImage: "none",
-  buttonFeaturedActiveBoxShadow: "none",
+  buttonDestructiveDisabledBoxShadow: "none",
+  buttonOutlineDisabledBoxShadow: "none",
+  buttonFeaturedBackgroundImage: "#0770e3",
+  buttonPrimaryOnLightDisabledBackgroundImage: "none",
+  buttonIconBorderRadiusLg: "1.3125rem",
+  buttonSecondaryOnDarkHoverBackgroundImage: "none",
+  buttonSelectedHoverBoxShadow: "none",
   buttonFeaturedActiveColor: "rgb(255, 255, 255)",
-  buttonFeaturedBackgroundColor: "rgb(7, 112, 227)",
-  buttonFeaturedBackgroundImage: "#0770e3",
-  buttonFeaturedColor: "rgb(255, 255, 255)",
+  buttonSecondaryHoverBoxShadow: "0 0 0 2px #0770e3 inset",
+  buttonPaddingXIconOnly: ".5625rem",
+  buttonPrimaryOnDarkActiveBackgroundImage: "none",
+  buttonPrimaryOnDarkColor: "rgb(17, 18, 54)",
+  buttonPrimaryOnLightBackgroundColor: "rgb(17, 18, 54)",
+  buttonFeaturedHoverBackgroundImage: "none",
+  buttonSecondaryActiveBorderColor: "rgb(8, 78, 178)",
   buttonFeaturedDisabledBackgroundColor: "rgb(221, 221, 229)",
-  buttonFeaturedDisabledBackgroundImage: "none",
-  buttonFeaturedHoverBackgroundColor: "rgb(8, 78, 178)",
-  buttonFeaturedHoverBackgroundImage: "none",
-  buttonFeaturedHoverBoxShadow: "none",
-  buttonFeaturedHoverColor: "rgb(255, 255, 255)",
-  buttonFontSize: "1.1875rem",
-  buttonFontWeight: "700",
-  buttonGradientEndColor: "rgb(0, 166, 152)",
-  buttonGradientStartColor: "rgb(0, 166, 152)",
+  buttonHoverColor: "rgb(255, 255, 255)",
+  buttonSecondaryOnDarkBackgroundColor: "rgba(255, 255, 255, 0.1)",
+  buttonSecondaryActiveBackgroundColor: "rgb(178, 178, 191)",
+  buttonPrimaryOnDarkDisabledColor: "rgb(178, 178, 191)",
+  buttonDestructiveActiveColor: "rgb(255, 255, 255)",
+  buttonSecondaryOnDarkDisabledBackgroundColor: "rgb(221, 221, 229)",
+  buttonOutlineBackgroundImage: "none",
+  buttonSelectedActiveBackgroundColor: "rgb(4, 39, 89)",
   buttonHeight: "2.25rem",
-  buttonHoverBackgroundColor: "rgb(0, 136, 124)",
-  buttonHoverBackgroundImage: "none",
-  buttonHoverBoxShadow: "none",
-  buttonHoverColor: "rgb(255, 255, 255)",
-  buttonIconBorderRadius: "1.125rem",
-  buttonIconBorderRadiusLg: "1.3125rem",
-  buttonLargeFontSize: "1.5rem",
+  buttonPrimaryOnLightHoverBackgroundColor: "rgb(68, 69, 96)",
+  buttonSecondaryDisabledBackgroundImage: "none",
+  buttonSecondaryActiveBoxShadow: "0 0 0 3px #084eb2 inset",
+  buttonActiveBackgroundImage: "none",
+  buttonSecondaryOnDarkHoverBackgroundColor: "rgba(255, 255, 255, 0.15)",
+  buttonDestructiveHoverColor: "rgb(255, 255, 255)",
+  buttonSelectedActiveBoxShadow: "none",
+  buttonFeaturedBackgroundColor: "rgb(7, 112, 227)",
+  buttonPrimaryOnLightDisabledBackgroundColor: "rgb(221, 221, 229)",
+  buttonColor: "rgb(255, 255, 255)",
+  buttonActiveColor: "rgb(255, 255, 255)",
+  buttonDestructiveHoverBackgroundImage: "none",
+  buttonBorderRadius: ".5rem",
+  buttonSecondaryDisabledColor: "rgb(178, 178, 191)",
   buttonLargeHeight: "3rem",
-  buttonLargeLineHeight: "1.5rem",
+  buttonPrimaryOnDarkActiveBackgroundColor: "rgb(205, 205, 215)",
   buttonLargePaddingX: "1.5rem",
-  buttonLargePaddingXIconOnly: ".5625rem",
+  buttonDestructiveColor: "rgb(178, 46, 69)",
+  buttonOutlineColor: "rgb(255, 255, 255)",
+  buttonFeaturedHoverBackgroundColor: "rgb(8, 78, 178)",
   buttonLargePaddingY: ".375rem",
-  buttonLineHeight: "1.5rem",
-  buttonLinkOnDarkActiveColor: "rgba(255, 255, 255, 0.6)",
-  buttonLinkOnDarkColor: "rgb(255, 255, 255)",
-  buttonLinkOnDarkDisabledColor: "rgba(255, 255, 255, 0.2)",
-  buttonLinkOnDarkHoverColor: "rgba(255, 255, 255, 0.8)",
-  buttonOutlineActiveBackgroundColor: "rgba(0, 0, 0, 0)",
-  buttonOutlineActiveBorderColor: "rgb(255, 255, 255)",
+  buttonPrimaryOnDarkDisabledBackgroundImage: "none",
+  buttonOutlineBorderColor: "rgb(255, 255, 255)",
+  buttonDestructiveBorderColor: "rgb(221, 221, 229)",
+  buttonHoverBackgroundImage: "none",
+  buttonFeaturedHoverBoxShadow: "none",
+  buttonFontWeight: "700",
+  buttonDestructiveBackgroundColor: "rgb(221, 221, 229)",
+  buttonFeaturedHoverColor: "rgb(255, 255, 255)",
   buttonOutlineBackgroundColor: "rgba(0, 0, 0, 0)",
-  buttonOutlineBackgroundImage: "none",
-  buttonOutlineBorderColor: "rgb(255, 255, 255)",
-  buttonOutlineColor: "rgb(255, 255, 255)",
-  buttonOutlineDisabledBackgroundColor: "rgb(221, 221, 229)",
-  buttonOutlineDisabledBackgroundImage: "none",
-  buttonOutlineDisabledBoxShadow: "none",
-  buttonOutlineDisabledColor: "rgb(178, 178, 191)",
-  buttonOutlineHoverBackgroundColor: "rgba(0, 0, 0, 0)",
   buttonOutlineHoverBorderColor: "rgb(255, 255, 255)",
-  buttonOutlineHoverBorderOpacity: "0.5",
-  buttonPaddingX: "1.125rem",
-  buttonPaddingXIconOnly: ".5625rem",
-  buttonPaddingY: ".375rem",
-  buttonPrimaryOnDarkActiveBackgroundColor: "rgb(205, 205, 215)",
-  buttonPrimaryOnDarkActiveBackgroundImage: "none",
+  buttonDestructiveHoverBorderColor: "rgb(209, 67, 91)",
   buttonPrimaryOnDarkActiveColor: "rgb(17, 18, 54)",
-  buttonPrimaryOnDarkBackgroundColor: "rgb(255, 255, 255)",
   buttonPrimaryOnDarkBackgroundImage: "none",
-  buttonPrimaryOnDarkColor: "rgb(17, 18, 54)",
-  buttonPrimaryOnDarkDisabledBackgroundColor: "rgb(221, 221, 229)",
-  buttonPrimaryOnDarkDisabledBackgroundImage: "none",
-  buttonPrimaryOnDarkDisabledColor: "rgb(178, 178, 191)",
-  buttonPrimaryOnDarkHoverBackgroundColor: "rgb(221, 221, 229)",
-  buttonPrimaryOnDarkHoverBackgroundImage: "none",
-  buttonPrimaryOnDarkHoverColor: "rgb(17, 18, 54)",
-  buttonPrimaryOnLightActiveBackgroundColor: "rgb(104, 105, 127)",
-  buttonPrimaryOnLightActiveBackgroundImage: "none",
-  buttonPrimaryOnLightActiveColor: "rgb(255, 255, 255)",
-  buttonPrimaryOnLightBackgroundColor: "rgb(17, 18, 54)",
-  buttonPrimaryOnLightBackgroundImage: "none",
-  buttonPrimaryOnLightColor: "rgb(255, 255, 255)",
-  buttonPrimaryOnLightDisabledBackgroundColor: "rgb(221, 221, 229)",
-  buttonPrimaryOnLightDisabledBackgroundImage: "none",
-  buttonPrimaryOnLightDisabledColor: "rgb(178, 178, 191)",
-  buttonPrimaryOnLightHoverBackgroundColor: "rgb(68, 69, 96)",
-  buttonPrimaryOnLightHoverBackgroundImage: "none",
-  buttonPrimaryOnLightHoverColor: "rgb(255, 255, 255)",
-  buttonSecondaryActiveBackgroundColor: "rgb(178, 178, 191)",
-  buttonSecondaryActiveBackgroundImage: "none",
-  buttonSecondaryActiveBorderColor: "rgb(8, 78, 178)",
-  buttonSecondaryActiveBoxShadow: "0 0 0 3px #084eb2 inset",
-  buttonSecondaryActiveColor: "rgb(8, 78, 178)",
-  buttonSecondaryBackgroundColor: "rgb(221, 221, 229)",
-  buttonSecondaryBackgroundImage: "none",
-  buttonSecondaryBorderColor: "rgb(221, 221, 229)",
-  buttonSecondaryBoxShadow: "0 0 0 2px #DDDDE5 inset",
-  buttonSecondaryColor: "rgb(8, 78, 178)",
   buttonSecondaryDisabledBackgroundColor: "rgb(221, 221, 229)",
-  buttonSecondaryDisabledBackgroundImage: "none",
+  buttonGradientEndColor: "rgb(0, 166, 152)",
+  buttonPaddingX: "1.125rem",
+  buttonDestructiveBoxShadow: "0 0 0 2px #DDDDE5 inset",
+  buttonPaddingY: ".375rem",
+  buttonActiveBackgroundColor: "rgb(0, 106, 97)",
   buttonSecondaryDisabledBoxShadow: "none",
-  buttonSecondaryDisabledColor: "rgb(178, 178, 191)",
-  buttonSecondaryHoverBackgroundColor: "rgb(205, 205, 215)",
-  buttonSecondaryHoverBackgroundImage: "none",
-  buttonSecondaryHoverBorderColor: "rgb(7, 112, 227)",
-  buttonSecondaryHoverBoxShadow: "0 0 0 2px #0770e3 inset",
-  buttonSecondaryHoverColor: "rgb(8, 78, 178)",
-  buttonSecondaryOnDarkActiveBackgroundColor: "rgba(255, 255, 255, 0.2)",
-  buttonSecondaryOnDarkActiveBackgroundImage: "none",
-  buttonSecondaryOnDarkActiveColor: "rgb(255, 255, 255)",
-  buttonSecondaryOnDarkBackgroundColor: "rgba(255, 255, 255, 0.1)",
-  buttonSecondaryOnDarkBackgroundImage: "none",
-  buttonSecondaryOnDarkColor: "rgb(255, 255, 255)",
-  buttonSecondaryOnDarkDisabledBackgroundColor: "rgb(221, 221, 229)",
-  buttonSecondaryOnDarkDisabledBackgroundImage: "none",
-  buttonSecondaryOnDarkDisabledColor: "rgb(178, 178, 191)",
-  buttonSecondaryOnDarkHoverBackgroundColor: "rgba(255, 255, 255, 0.15)",
-  buttonSecondaryOnDarkHoverBackgroundImage: "none",
+  buttonPrimaryOnLightDisabledColor: "rgb(178, 178, 191)",
+  buttonFeaturedColor: "rgb(255, 255, 255)",
+  buttonOutlineHoverBackgroundColor: "rgba(0, 0, 0, 0)",
+  buttonDestructiveHoverBackgroundColor: "rgb(209, 67, 91)",
+  buttonFeaturedActiveBackgroundImage: "none",
   buttonSecondaryOnDarkHoverColor: "rgb(255, 255, 255)",
-  buttonSelectedActiveBackgroundColor: "rgb(4, 39, 89)",
-  buttonSelectedActiveBackgroundImage: "none",
-  buttonSelectedActiveBoxShadow: "none",
-  buttonSelectedActiveColor: "rgb(255, 255, 255)",
-  buttonSelectedBackgroundColor: "rgb(7, 112, 227)",
-  buttonSelectedBackgroundImage: "#084eb2",
-  buttonSelectedBoxShadow: "none",
-  buttonSelectedColor: "rgb(255, 255, 255)",
-  buttonSelectedDisabledBoxShadow: "none",
-  buttonSelectedHoverBackgroundColor: "rgb(8, 78, 178)",
-  buttonSelectedHoverBackgroundImage: "none",
-  buttonSelectedHoverBoxShadow: "none",
-  buttonSelectedHoverColor: "rgb(255, 255, 255)",
-  buttonTextAlign: "center",
+  buttonLinkOnDarkHoverColor: "rgba(255, 255, 255, 0.8)",
+  buttonBackgroundColor: "rgb(0, 166, 152)",
+  buttonDestructiveActiveBorderColor: "rgb(209, 67, 91)",
+  buttonOutlineActiveBorderColor: "rgb(255, 255, 255)",
+  calendarDaySelectedColor: "rgb(255, 255, 255)",
+  calendarDayDisabledColor: "rgb(178, 178, 191)",
+  calendarDayOutsideColor: "rgb(178, 178, 191)",
+  calendarDaySize: "2.250rem",
   calendarDayActiveBackgroundColor: "rgb(241, 242, 248)",
+  calendarNavIconFill: "rgb(17, 18, 54)",
   calendarDayActiveColor: "rgb(17, 18, 54)",
-  calendarDayColor: "rgb(17, 18, 54)",
-  calendarDayDisabledColor: "rgb(178, 178, 191)",
-  calendarDayFocusedBorderColor: "rgb(7, 112, 227)",
+  calendarNavIconHoverFill: "rgb(17, 18, 54)",
+  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)",
-  calendarDayOutsideColor: "rgb(178, 178, 191)",
-  calendarDaySelectedBackgroundColor: "rgb(7, 112, 227)",
-  calendarDaySelectedColor: "rgb(255, 255, 255)",
-  calendarDaySize: "2.250rem",
+  calendarNavIconDisabledFill: "rgb(178, 178, 191)",
+  calendarDayColor: "rgb(17, 18, 54)",
   calendarDaySpacing: ".5rem",
-  calendarNavIconActiveFill: "rgb(17, 18, 54)",
-  calendarNavIconDisabledFill: "rgb(178, 178, 191)",
-  calendarNavIconFill: "rgb(17, 18, 54)",
-  calendarNavIconHoverFill: "rgb(17, 18, 54)",
-  calendarPadding: ".75rem",
-  canvasContrastDay: "rgb(241, 242, 248)",
-  canvasContrastNight: "rgb(29, 27, 32)",
-  canvasDay: "rgb(255, 255, 255)",
-  canvasNight: "rgb(0, 0, 0)",
   cardBackgroundColor: "rgb(255, 255, 255)",
   cardColor: "rgb(17, 18, 54)",
   cardPadding: "1rem",
-  checkboxCheckedTickColor: "rgb(7, 112, 227)",
-  colorAbisko: "rgb(90, 72, 155)",
-  colorBagan: "rgb(255, 235, 208)",
-  colorBlack: "rgb(0, 0, 0)",
-  colorBlackTint01: "rgb(29, 27, 32)",
-  colorBlackTint02: "rgb(44, 44, 46)",
-  colorBlackTint03: "rgb(58, 58, 60)",
-  colorBlackTint04: "rgb(72, 72, 74)",
-  colorBlackTint05: "rgb(99, 99, 102)",
-  colorBlackTint06: "rgb(142, 142, 147)",
-  colorBunol: "rgb(255, 123, 89)",
-  colorErfoud: "rgb(255, 181, 77)",
-  colorGlencoe: "rgb(115, 206, 198)",
-  colorHarbour: "rgb(246, 221, 225)",
-  colorHillier: "rgb(225, 139, 150)",
-  colorKolkata: "rgb(255, 148, 0)",
-  colorMonteverde: "rgb(0, 166, 152)",
-  colorNara: "rgb(255, 231, 224)",
-  colorPanjin: "rgb(209, 67, 91)",
-  colorPetra: "rgb(255, 171, 149)",
-  colorPrimaryGradientLight: "rgb(7, 112, 227)",
-  colorSagano: "rgb(208, 238, 236)",
-  colorSkyBlue: "rgb(7, 112, 227)",
-  colorSkyBlueShade01: "rgb(8, 78, 178)",
-  colorSkyBlueShade02: "rgb(4, 39, 89)",
-  colorSkyBlueShade03: "rgb(2, 18, 44)",
-  colorSkyBlueTint01: "rgb(109, 159, 235)",
-  colorSkyBlueTint02: "rgb(157, 192, 242)",
-  colorSkyBlueTint03: "rgb(205, 223, 248)",
-  colorSkyGray: "rgb(17, 18, 54)",
-  colorSkyGrayTint01: "rgb(68, 69, 96)",
-  colorSkyGrayTint02: "rgb(104, 105, 127)",
-  colorSkyGrayTint03: "rgb(143, 144, 160)",
-  colorSkyGrayTint04: "rgb(178, 178, 191)",
-  colorSkyGrayTint05: "rgb(205, 205, 215)",
-  colorSkyGrayTint06: "rgb(221, 221, 229)",
-  colorSkyGrayTint07: "rgb(241, 242, 248)",
-  colorSystemGreen: "rgb(0, 166, 152)",
-  colorSystemRed: "rgb(209, 67, 91)",
-  colorTochigi: "rgb(225, 221, 236)",
-  colorValensole: "rgb(165, 155, 200)",
-  colorWhite: "rgb(255, 255, 255)",
-  coreAccentDay: "rgb(7, 112, 227)",
-  coreAccentNight: "rgb(109, 159, 235)",
-  coreEcoDay: "rgb(15, 161, 169)",
-  coreEcoNight: "rgb(15, 161, 169)",
-  corePrimaryDay: "rgb(2, 18, 44)",
-  corePrimaryNight: "rgb(5, 65, 132)",
-  durationBase: "400ms",
-  durationSm: "200ms",
-  durationXs: "50ms",
-  flareCornerRadius: "1.3125rem",
+  primaryGradient: "#0770e3",
   flareHeightDesktop: "1.5rem",
   flareHeightMobile: "1rem",
-  fontColorBase: "rgb(17, 18, 54)",
-  fontFamilyBase: "'Skyscanner Relative', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
-  fontSize6Xl: "4.75rem",
-  fontSize7Xl: "6rem",
-  fontSize8Xl: "7.5rem",
-  fontSizeBase: "1rem",
-  fontSizeLg: "1.25rem",
-  fontSizeRoot: "100%",
-  fontSizeSm: ".875rem",
-  fontSizeXl: "1.5rem",
-  fontSizeXs: ".75rem",
-  fontSizeXxl: "2rem",
-  fontSizeXxxl: "2.5rem",
-  fontSizeXxxxl: "3rem",
-  fontSizeXxxxxl: "4rem",
-  fontWeightBlack: "900",
-  fontWeightBold: "700",
-  fontWeightBook: "400",
+  flareCornerRadius: "1.3125rem",
+  inputLargeHeight: "3rem",
+  selectColor: "rgb(17, 18, 54)",
+  inputBorder: "solid .0625rem #B2B2BF",
+  inputPlaceholderColor: "rgb(104, 105, 127)",
   formValidationArrowSize: ".375rem",
+  selectBorderRadius: ".25rem",
+  inputBackground: "#ffffff",
+  selectDisabledColor: "rgb(178, 178, 191)",
+  requiredColor: "rgb(209, 67, 91)",
+  selectPaddingTop: ".375rem",
+  labelFontSize: ".75rem",
+  labelLineHeight: "1rem",
+  inputBorderWidth: ".0625rem",
+  selectHeight: "2.250rem",
+  labelDisabledColor: "rgb(178, 178, 191)",
+  selectPaddingRight: "1.875rem",
+  selectLargeHeight: "2.625rem + .375rem",
+  inputColor: "rgb(17, 18, 54)",
+  selectBorder: "solid .0625rem #B2B2BF",
+  inputBorderRadius: ".25rem",
+  radioCheckedCircleColor: "rgb(7, 112, 227)",
+  selectDisabledBorderColor: "rgb(241, 242, 248)",
+  inputDisabledColor: "rgb(178, 178, 191)",
+  inputPaddingX: ".5rem",
+  checkboxCheckedTickColor: "rgb(7, 112, 227)",
+  inputPaddingY: ".5rem",
+  selectBorderWidth: ".0625rem",
+  selectPaddingLeft: ".75rem",
+  labelColor: "rgb(17, 18, 54)",
   formValidationColor: "rgb(209, 67, 91)",
+  textareaMinHeight: "2.625rem * 2",
+  inputHeight: "2.25rem",
+  selectPaddingBottom: ".375rem",
+  inputDisabledBorderColor: "rgb(241, 242, 248)",
   gridColumns: "12",
+  gridGutter: "1.5rem",
+  gridContainerPadding: "1.5rem",
   gridContainerMobilePadding: ".75rem",
-  gridContainerPadding: "1.5rem",
-  gridGutter: "1.5rem",
-  h1FontSize: "3rem",
-  h1FontWeight: "400",
-  h1LineHeight: "3rem",
-  h2FontSize: "2rem",
-  h2FontWeight: "400",
-  h2LineHeight: "2.5rem",
-  h3FontSize: "1.5rem",
-  h3FontWeight: "400",
-  h3LineHeight: "2rem",
-  h4FontSize: "1rem",
-  h4FontWeight: "700",
-  h4LineHeight: "1.5rem",
-  h5FontSize: ".75rem",
-  h5FontWeight: "700",
-  h5LineHeight: "1rem",
-  h6FontSize: ".75rem",
-  h6FontWeight: "700",
-  h6LineHeight: "1rem",
-  headingContentMarginTop: "1.875rem",
-  headingMarginBottom: ".75rem",
-  headingMarginTop: "0",
-  horizontalNavBarSelectedColor: "rgb(7, 112, 227)",
-  horizontalNavLinkActiveColor: "rgb(17, 18, 54)",
   horizontalNavLinkColor: "rgb(104, 105, 127)",
   horizontalNavLinkHoverColor: "rgb(68, 69, 96)",
+  horizontalNavLinkActiveColor: "rgb(17, 18, 54)",
   horizontalNavLinkSelectedColor: "rgb(7, 112, 227)",
+  horizontalNavBarSelectedColor: "rgb(7, 112, 227)",
+  iconSizeSm: "1.125rem",
   iconSizeLg: "1.5rem",
-  iconSizeSm: "1.125rem",
-  inputBackground: "#ffffff",
-  inputBorder: "solid .0625rem #B2B2BF",
-  inputBorderRadius: ".25rem",
-  inputBorderWidth: ".0625rem",
-  inputColor: "rgb(17, 18, 54)",
-  inputDisabledBorderColor: "rgb(241, 242, 248)",
-  inputDisabledColor: "rgb(178, 178, 191)",
-  inputHeight: "2.25rem",
-  inputLargeHeight: "3rem",
-  inputPaddingX: ".5rem",
-  inputPaddingY: ".5rem",
-  inputPlaceholderColor: "rgb(104, 105, 127)",
-  labelColor: "rgb(17, 18, 54)",
-  labelDisabledColor: "rgb(178, 178, 191)",
-  labelFontSize: ".75rem",
-  labelLineHeight: "1rem",
-  letterSpacingTight: "-0.02em",
-  lineDarkColor: "rgb(72, 72, 74)",
-  lineDay: "rgb(205, 205, 215)",
-  lineHeight6Xl: "5.25rem",
-  lineHeight7Xl: "6rem",
-  lineHeight8Xl: "7.5rem",
-  lineHeightBase: "1.5rem",
-  lineHeightBaseTight: "1.25rem",
-  lineHeightLg: "1.75rem",
-  lineHeightLgTight: "1.5rem",
-  lineHeightSm: "1.25rem",
-  lineHeightXl: "2rem",
-  lineHeightXlTight: "1.75rem",
-  lineHeightXs: "1rem",
-  lineHeightXxl: "2.5rem",
-  lineHeightXxxl: "3rem",
-  lineHeightXxxxl: "3.5rem",
-  lineHeightXxxxxl: "4.5rem",
-  lineLightColor: "rgb(205, 205, 215)",
-  lineNight: "rgb(72, 72, 74)",
-  linkActiveColor: "rgb(4, 39, 89)",
-  linkAlternateActiveColor: "rgb(221, 221, 229)",
-  linkAlternateColor: "rgb(255, 255, 255)",
-  linkAlternateHoverColor: "rgb(255, 255, 255)",
-  linkAlternateVisitedColor: "rgb(255, 255, 255)",
-  linkColor: "rgb(7, 112, 227)",
-  linkHoverColor: "rgb(8, 78, 178)",
-  linkHoverTextDecoration: "underline",
-  linkTextDecoration: "none",
-  linkVisitedColor: "rgb(7, 112, 227)",
-  linkWhiteActiveColor: "rgb(221, 221, 229)",
-  linkWhiteColor: "rgb(255, 255, 255)",
-  linkWhiteHoverColor: "rgb(255, 255, 255)",
-  linkWhiteVisitedColor: "rgb(255, 255, 255)",
-  listItemMarginBottom: ".25rem",
-  listItemMarginTop: "0",
-  listMarginBottom: "1rem",
-  listMarginTop: "1rem",
-  listNestedMarginBottom: "0",
-  listNestedMarginTop: "0",
-  marcommsBerry: "rgb(209, 67, 91)",
-  marcommsBlueBright: "rgb(161, 238, 255)",
-  marcommsBlueMuted: "rgb(217, 248, 255)",
-  marcommsCharcoal: "rgb(17, 18, 54)",
-  marcommsDarkSky: "rgb(2, 18, 44)",
-  marcommsEcoGreen: "rgb(15, 161, 169)",
-  marcommsGreenBright: "rgb(147, 255, 222)",
-  marcommsGreenMuted: "rgb(208, 238, 236)",
-  marcommsGrey40: "rgb(104, 105, 127)",
-  marcommsOrange: "rgb(255, 123, 89)",
-  marcommsPink: "rgb(255, 163, 229)",
-  marcommsPinkMuted: "rgb(246, 221, 225)",
-  marcommsPurple: "rgb(142, 71, 186)",
-  marcommsSkyBlue: "rgb(7, 112, 227)",
-  marcommsWhite: "rgb(255, 255, 255)",
-  marcommsYellow: "rgb(254, 235, 135)",
-  marcommsYellowMuted: "rgb(255, 235, 208)",
   modalBackgroundColor: "rgb(255, 255, 255)",
-  modalContentPadding: "1rem",
-  modalHeaderPadding: ".75rem",
   modalInitialOpacity: "0",
+  modalOpacity: "1",
   modalMaxWidth: "32rem",
-  modalOpacity: "1",
   modalWideMaxWidth: "64rem",
-  onePixelRem: ".0625rem",
+  modalHeaderPadding: ".75rem",
+  modalContentPadding: "1rem",
+  scrimBackgroundColor: "rgb(178, 178, 191)",
+  scrimInitialOpacity: "0",
+  scrimOpacity: ".7",
+  scrimMobileOpacity: "1",
+  scrimDarkBackgroundColor: "rgb(17, 18, 54)",
+  scrimDarkOpacity: ".95",
+  bannerAlertChildrenPaddingX: ".75rem",
+  bannerAlertWarnColor: "rgb(255, 181, 77)",
+  bannerAlertChildrenPaddingY: ".375rem",
+  bannerAlertHeaderExpandableHoverBackgroundColor: "rgb(241, 242, 248)",
+  bannerAlertBackgroundColor: "rgb(255, 255, 255)",
+  bannerAlertEventColor: "rgb(90, 72, 155)",
+  bannerAlertHeaderPaddingX: ".75rem",
+  bannerAlertHeaderPaddingY: ".375rem",
+  bannerAlertPrimaryColor: "rgb(7, 112, 227)",
+  bannerAlertSuccessColor: "rgb(0, 166, 152)",
+  bannerAlertNeutralColor: "rgb(104, 105, 127)",
+  bannerAlertErrorColor: "rgb(209, 67, 91)",
+  bannerAlertChildrenColor: "rgb(104, 105, 127)",
+  bannerAlertExpandIconFill: "rgb(68, 69, 96)",
+  bannerAlertHeaderExpandableActiveBackgroundColor: "rgb(221, 221, 229)",
+  panelPadding: ".75rem",
+  panelBorderColor: "rgb(205, 205, 215)",
   panelBackgroundColor: "rgb(255, 255, 255)",
-  panelBorderColor: "rgb(205, 205, 215)",
-  panelPadding: ".75rem",
-  primaryDarkColor: "rgb(109, 159, 235)",
-  primaryGradient: "#0770e3",
-  primaryLightColor: "rgb(7, 112, 227)",
-  pMarginBottom: ".75rem",
-  pMarginTop: "0",
-  radioCheckedCircleColor: "rgb(7, 112, 227)",
+  ratingBaseWidth: ".75rem * 4",
   ratingBaseHeight: ".75rem * 4",
-  ratingBaseWidth: ".75rem * 4",
+  ratingSmWidth: ".75rem * 3",
+  ratingSmHeight: ".75rem * 3",
+  ratingLgWidth: "1.875rem * 2",
   ratingLgHeight: "1.875rem * 2",
-  ratingLgWidth: "1.875rem * 2",
-  ratingSmHeight: ".75rem * 3",
-  ratingSmWidth: ".75rem * 3",
-  requiredColor: "rgb(209, 67, 91)",
-  scrimBackgroundColor: "rgb(178, 178, 191)",
-  scrimDarkBackgroundColor: "rgb(17, 18, 54)",
-  scrimDarkOpacity: ".95",
-  scrimDay: "rgb(2, 18, 44)",
-  scrimInitialOpacity: "0",
-  scrimMobileOpacity: "1",
-  scrimNight: "rgb(2, 18, 44)",
-  scrimOpacity: ".7",
-  selectBorder: "solid .0625rem #B2B2BF",
-  selectBorderRadius: ".25rem",
-  selectBorderWidth: ".0625rem",
-  selectColor: "rgb(17, 18, 54)",
-  selectDisabledBorderColor: "rgb(241, 242, 248)",
-  selectDisabledColor: "rgb(178, 178, 191)",
-  selectHeight: "2.250rem",
-  selectLargeHeight: "2.625rem + .375rem",
-  selectPaddingBottom: ".375rem",
-  selectPaddingLeft: ".75rem",
-  selectPaddingRight: "1.875rem",
-  selectPaddingTop: ".375rem",
+  spacingLgV2: "1.5rem",
+  spacingSmV2: ".25rem",
+  onePixelRem: ".0625rem",
+  spacingMdV2: ".5rem",
+  spacingXlV2: "2rem",
+  spacingXxlV2: "2.5rem",
   spacingBase: "1.5rem",
   spacingBaseV2: "1rem",
-  spacingIconText: ".5rem",
-  spacingLg: "1.875rem",
-  spacingLgV2: "1.5rem",
+  spacingXl: "2.250rem",
+  spacingXxl: "2.625rem",
   spacingMd: "1.125rem",
-  spacingMdV2: ".5rem",
   spacingNone: "0",
   spacingSm: ".75rem",
-  spacingSmV2: ".25rem",
-  spacingXl: "2.250rem",
-  spacingXlV2: "2rem",
+  spacingIconText: ".5rem",
   spacingXs: ".375rem",
-  spacingXxl: "2.625rem",
-  spacingXxlV2: "2.5rem",
+  spacingLg: "1.875rem",
   stateSelectedBackgroundColor: "rgb(8, 78, 178)",
-  statusDangerFillDay: "rgb(246, 221, 225)",
-  statusDangerFillNight: "rgb(255, 202, 221)",
-  statusDangerSpotDay: "rgb(209, 67, 91)",
-  statusDangerSpotNight: "rgb(209, 67, 91)",
-  statusSuccessFillDay: "rgb(208, 238, 236)",
-  statusSuccessFillNight: "rgb(177, 255, 231)",
-  statusSuccessSpotDay: "rgb(0, 166, 152)",
-  statusSuccessSpotNight: "rgb(0, 166, 152)",
-  statusWarningFillDay: "rgb(255, 235, 208)",
-  statusWarningFillNight: "rgb(251, 241, 187)",
-  statusWarningSpotDay: "rgb(255, 148, 0)",
-  statusWarningSpotNight: "rgb(255, 181, 77)",
-  surfaceContrastDay: "rgb(2, 18, 44)",
-  surfaceContrastNight: "rgb(29, 27, 32)",
-  surfaceDefaultDay: "rgb(255, 255, 255)",
-  surfaceDefaultNight: "rgb(29, 27, 32)",
-  surfaceElevatedDay: "rgb(255, 255, 255)",
-  surfaceElevatedNight: "rgb(44, 44, 46)",
-  surfaceHighlightDay: "rgb(221, 221, 229)",
-  surfaceHighlightNight: "rgb(44, 44, 46)",
-  textareaMinHeight: "2.625rem * 2",
+  textLgLineHeight: "1.75rem",
+  fontWeightBook: "400",
+  lineHeightXlTight: "1.75rem",
+  textXsLineHeight: "1rem",
+  h5LineHeight: "1rem",
+  h6FontSize: ".75rem",
+  headingMarginTop: "0",
+  lineHeightXxxxxl: "4.5rem",
+  h6LineHeight: "1rem",
+  lineHeightXxxl: "3rem",
+  lineHeightXl: "2rem",
+  fontSizeXl: "1.5rem",
+  fontSizeXxxxxl: "4rem",
+  fontSizeXxxl: "2.5rem",
+  textXxxxlFontWeight: "400",
+  textXxlFontWeight: "400",
+  textXlLetterSpacing: "normal",
+  linkAlternateVisitedColor: "rgb(255, 255, 255)",
+  listMarginTop: "1rem",
+  linkWhiteActiveColor: "rgb(221, 221, 229)",
+  linkWhiteHoverColor: "rgb(255, 255, 255)",
+  textBaseLetterSpacing: "normal",
+  headingContentMarginTop: "1.875rem",
+  lineHeightSm: "1.25rem",
+  lineHeightLgTight: "1.5rem",
+  lineHeightLg: "1.75rem",
+  fontWeightBlack: "900",
+  lineHeightXs: "1rem",
+  linkWhiteColor: "rgb(255, 255, 255)",
+  fontSizeSm: ".875rem",
+  fontSizeXs: ".75rem",
+  letterSpacingTight: "-0.02em",
+  linkVisitedColor: "rgb(7, 112, 227)",
+  fontSizeLg: "1.25rem",
+  listNestedMarginTop: "0",
+  textXxxxlFontSize: "3rem",
+  textBaseFontWeight: "400",
+  textXxlFontSize: "2rem",
+  pMarginBottom: ".75rem",
+  textXxlLineHeight: "2.5rem",
+  textXxxxlLineHeight: "3.5rem",
+  textXxlLetterSpacing: "normal",
+  textXlFontWeight: "400",
+  linkActiveColor: "rgb(4, 39, 89)",
+  textXxxxxlFontWeight: "400",
+  listItemMarginTop: "0",
+  textXxxlFontWeight: "400",
+  fontSizeRoot: "100%",
+  listItemMarginBottom: ".25rem",
+  h1FontWeight: "400",
+  linkWhiteVisitedColor: "rgb(255, 255, 255)",
+  h2FontWeight: "400",
+  pMarginTop: "0",
+  linkAlternateActiveColor: "rgb(221, 221, 229)",
+  h3FontWeight: "400",
+  listNestedMarginBottom: "0",
+  h4FontWeight: "700",
+  textSmFontWeight: "400",
   textBaseFontSize: "1rem",
-  textBaseFontWeight: "400",
-  textBaseLetterSpacing: "normal",
+  h5FontWeight: "700",
   textBaseLineHeight: "1.5rem",
-  textDisabledDay: "rgb(178, 178, 191)",
-  textDisabledNight: "rgb(142, 142, 147)",
-  textErrorDay: "rgb(209, 67, 91)",
-  textErrorNight: "rgb(209, 67, 91)",
-  textLgFontSize: "1.25rem",
   textLgFontWeight: "400",
+  textXsFontWeight: "400",
+  linkAlternateHoverColor: "rgb(255, 255, 255)",
+  h6FontWeight: "700",
+  textXlFontSize: "1.5rem",
+  textXxxxxlFontSize: "4rem",
+  textXxxlFontSize: "2.5rem",
+  textXlLineHeight: "2rem",
+  linkAlternateColor: "rgb(255, 255, 255)",
+  textXxxxxlLineHeight: "4.5rem",
+  textXxxlLineHeight: "3rem",
+  linkHoverTextDecoration: "underline",
+  linkHoverColor: "rgb(8, 78, 178)",
+  h1FontSize: "3rem",
+  listMarginBottom: "1rem",
+  textXsLetterSpacing: "normal",
+  h2FontSize: "2rem",
+  h1LineHeight: "3rem",
   textLgLetterSpacing: "normal",
-  textLgLineHeight: "1.75rem",
-  textLinkDay: "rgb(7, 112, 227)",
-  textLinkNight: "rgb(109, 159, 235)",
-  textOnDarkDay: "rgb(255, 255, 255)",
-  textOnDarkNight: "rgb(255, 255, 255)",
-  textOnLightDay: "rgb(17, 18, 54)",
-  textOnLightNight: "rgb(17, 18, 54)",
-  textPrimaryDarkColor: "rgb(255, 255, 255)",
-  textPrimaryDay: "rgb(17, 18, 54)",
-  textPrimaryInverseDay: "rgb(255, 255, 255)",
-  textPrimaryInverseNight: "rgb(17, 18, 54)",
-  textPrimaryLightColor: "rgb(17, 18, 54)",
-  textPrimaryNight: "rgb(255, 255, 255)",
-  textQuaternaryDarkColor: "rgb(142, 142, 147)",
-  textQuaternaryLightColor: "rgb(143, 144, 160)",
-  textSecondaryDarkColor: "rgb(178, 178, 191)",
-  textSecondaryDay: "rgb(104, 105, 127)",
-  textSecondaryLightColor: "rgb(104, 105, 127)",
-  textSecondaryNight: "rgb(178, 178, 191)",
+  fontSize6Xl: "4.75rem",
+  fontFamilyBase: "'Skyscanner Relative', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
+  fontWeightBold: "700",
+  fontColorBase: "rgb(17, 18, 54)",
+  lineHeightBaseTight: "1.25rem",
+  linkTextDecoration: "none",
+  fontSize7Xl: "6rem",
+  textSmLetterSpacing: "normal",
+  h3FontSize: "1.5rem",
+  lineHeight6Xl: "5.25rem",
+  h2LineHeight: "2.5rem",
   textSmFontSize: ".875rem",
-  textSmFontWeight: "400",
-  textSmLetterSpacing: "normal",
+  fontSize8Xl: "7.5rem",
+  fontSizeXxl: "2rem",
+  h4FontSize: "1rem",
+  h3LineHeight: "2rem",
+  fontSizeXxxxl: "3rem",
+  linkColor: "rgb(7, 112, 227)",
+  lineHeightBase: "1.5rem",
+  lineHeight7Xl: "6rem",
+  fontSizeBase: "1rem",
+  h4LineHeight: "1.5rem",
+  h5FontSize: ".75rem",
+  textLgFontSize: "1.25rem",
+  headingMarginBottom: ".75rem",
   textSmLineHeight: "1.25rem",
-  textTertiaryDarkColor: "rgb(142, 142, 147)",
-  textTertiaryLightColor: "rgb(143, 144, 160)",
-  textXlFontSize: "1.5rem",
-  textXlFontWeight: "400",
-  textXlLetterSpacing: "normal",
-  textXlLineHeight: "2rem",
+  lineHeight8Xl: "7.5rem",
+  lineHeightXxl: "2.5rem",
   textXsFontSize: ".75rem",
-  textXsFontWeight: "400",
-  textXsLetterSpacing: "normal",
-  textXsLineHeight: "1rem",
-  textXxlFontSize: "2rem",
-  textXxlFontWeight: "400",
-  textXxlLetterSpacing: "normal",
-  textXxlLineHeight: "2.5rem",
-  textXxxlFontSize: "2.5rem",
-  textXxxlFontWeight: "400",
-  textXxxlLineHeight: "3rem",
-  textXxxxlFontSize: "3rem",
-  textXxxxlFontWeight: "400",
-  textXxxxlLineHeight: "3.5rem",
-  textXxxxxlFontSize: "4rem",
-  textXxxxxlFontWeight: "400",
-  textXxxxxlLineHeight: "4.5rem",
+  lineHeightXxxxl: "3.5rem",
   zindexAutosuggest: "900",
-  zindexDrawer: "1100",
-  zindexModal: "1100",
   zindexPopover: "900",
+  zindexTooltip: "900",
   zindexScrim: "1000",
-  zindexTooltip: "900"
+  zindexModal: "1100",
+  zindexDrawer: "1100"
 };

tokens/base.es6.js

@@ -20,571 +20,571 @@ /*
  */
-export const autosuggestListBackgroundColor = "rgb(255, 255, 255)";
-export const autosuggestListItemActiveBackgroundColor = "rgb(221, 221, 229)";
-export const autosuggestListItemHighlightedBackgroundColor = "rgb(241, 242, 248)";
-export const backgroundAlternativeDarkColor = "rgb(0, 0, 0)";
-export const backgroundAlternativeLightColor = "rgb(241, 242, 248)";
+export const durationXs = "50ms";
+export const durationSm = "200ms";
+export const durationBase = "400ms";
+export const colorSkyBlueShade03 = "rgb(2, 18, 44)";
+export const colorPrimaryGradientLight = "rgb(7, 112, 227)";
+export const colorErfoud = "rgb(255, 181, 77)";
+export const colorValensole = "rgb(165, 155, 200)";
+export const colorMonteverde = "rgb(0, 166, 152)";
+export const colorSkyGrayTint01 = "rgb(68, 69, 96)";
+export const colorBlack = "rgb(0, 0, 0)";
+export const colorSkyGrayTint02 = "rgb(104, 105, 127)";
+export const colorSagano = "rgb(208, 238, 236)";
+export const colorSkyGrayTint03 = "rgb(143, 144, 160)";
+export const colorSkyGrayTint04 = "rgb(178, 178, 191)";
+export const colorHarbour = "rgb(246, 221, 225)";
+export const colorSkyGrayTint05 = "rgb(205, 205, 215)";
+export const colorSkyGrayTint06 = "rgb(221, 221, 229)";
+export const colorBlackTint01 = "rgb(29, 27, 32)";
+export const colorSkyGrayTint07 = "rgb(241, 242, 248)";
+export const colorBlackTint02 = "rgb(44, 44, 46)";
+export const colorAbisko = "rgb(90, 72, 155)";
+export const colorBlackTint03 = "rgb(58, 58, 60)";
+export const colorBlackTint04 = "rgb(72, 72, 74)";
+export const colorWhite = "rgb(255, 255, 255)";
+export const colorBlackTint05 = "rgb(99, 99, 102)";
+export const colorBlackTint06 = "rgb(142, 142, 147)";
+export const colorPanjin = "rgb(209, 67, 91)";
+export const colorKolkata = "rgb(255, 148, 0)";
+export const colorGlencoe = "rgb(115, 206, 198)";
+export const colorTochigi = "rgb(225, 221, 236)";
+export const colorPetra = "rgb(255, 171, 149)";
+export const colorSkyBlue = "rgb(7, 112, 227)";
+export const colorBagan = "rgb(255, 235, 208)";
+export const colorHillier = "rgb(225, 139, 150)";
+export const colorSkyBlueTint01 = "rgb(109, 159, 235)";
+export const colorSkyBlueTint02 = "rgb(157, 192, 242)";
+export const colorBunol = "rgb(255, 123, 89)";
+export const colorSkyBlueTint03 = "rgb(205, 223, 248)";
+export const colorSkyGray = "rgb(17, 18, 54)";
+export const colorNara = "rgb(255, 231, 224)";
+export const colorSkyBlueShade01 = "rgb(8, 78, 178)";
+export const colorSkyBlueShade02 = "rgb(4, 39, 89)";
+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 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 corePrimaryNight = "rgb(5, 65, 132)";
+export const statusSuccessSpotNight = "rgb(0, 166, 152)";
+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 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 surfaceDefaultDay = "rgb(255, 255, 255)";
+export const surfaceDefaultNight = "rgb(29, 27, 32)";
+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 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 textPrimaryDarkColor = "rgb(255, 255, 255)";
+export const textLinkDay = "rgb(7, 112, 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 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 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 textOnDarkNight = "rgb(255, 255, 255)";
+export const textSecondaryLightColor = "rgb(104, 105, 127)";
+export const textPrimaryInverseDay = "rgb(255, 255, 255)";
+export const textTertiaryLightColor = "rgb(143, 144, 160)";
+export const textSecondaryDay = "rgb(104, 105, 127)";
+export const scrimDay = "rgb(2, 18, 44)";
+export const backgroundElevation03DarkColor = "rgb(58, 58, 60)";
+export const backgroundElevation02DarkColor = "rgb(44, 44, 46)";
+export const lineDarkColor = "rgb(72, 72, 74)";
+export const backgroundElevation01DarkColor = "rgb(29, 27, 32)";
 export const backgroundAlternativeSecondaryDarkColor = "rgb(29, 27, 32)";
+export const backgroundLightColor = "rgb(255, 255, 255)";
+export const backgroundDarkColor = "rgb(0, 0, 0)";
 export const backgroundAlternativeSecondaryLightColor = "rgb(255, 255, 255)";
-export const backgroundDarkColor = "rgb(0, 0, 0)";
-export const backgroundElevation01DarkColor = "rgb(29, 27, 32)";
+export const lineNight = "rgb(72, 72, 74)";
+export const colorSystemGreen = "rgb(0, 166, 152)";
 export const backgroundElevation01LightColor = "rgb(255, 255, 255)";
-export const backgroundElevation02DarkColor = "rgb(44, 44, 46)";
+export const lineLightColor = "rgb(205, 205, 215)";
 export const backgroundElevation02LightColor = "rgb(255, 255, 255)";
-export const backgroundElevation03DarkColor = "rgb(58, 58, 60)";
+export const lineDay = "rgb(205, 205, 215)";
 export const backgroundElevation03LightColor = "rgb(255, 255, 255)";
-export const backgroundLightColor = "rgb(255, 255, 255)";
+export const backgroundTertiaryDarkColor = "rgb(44, 44, 46)";
 export const backgroundSecondaryDarkColor = "rgb(29, 27, 32)";
+export const backgroundAlternativeLightColor = "rgb(241, 242, 248)";
+export const primaryDarkColor = "rgb(109, 159, 235)";
+export const colorSystemRed = "rgb(209, 67, 91)";
+export const backgroundAlternativeDarkColor = "rgb(0, 0, 0)";
+export const primaryLightColor = "rgb(7, 112, 227)";
+export const backgroundTertiaryLightColor = "rgb(255, 255, 255)";
 export const backgroundSecondaryLightColor = "rgb(241, 242, 248)";
-export const backgroundTertiaryDarkColor = "rgb(44, 44, 46)";
-export const backgroundTertiaryLightColor = "rgb(255, 255, 255)";
+export const scrimNight = "rgb(2, 18, 44)";
+export const marcommsBerry = "rgb(209, 67, 91)";
+export const marcommsCharcoal = "rgb(17, 18, 54)";
+export const marcommsOrange = "rgb(255, 123, 89)";
+export const marcommsGrey40 = "rgb(104, 105, 127)";
+export const marcommsBlueBright = "rgb(161, 238, 255)";
+export const marcommsYellow = "rgb(254, 235, 135)";
+export const marcommsGreenBright = "rgb(147, 255, 222)";
+export const marcommsPink = "rgb(255, 163, 229)";
+export const marcommsSkyBlue = "rgb(7, 112, 227)";
+export const marcommsDarkSky = "rgb(2, 18, 44)";
+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 marcommsBlueMuted = "rgb(217, 248, 255)";
+export const marcommsEcoGreen = "rgb(15, 161, 169)";
+export const autosuggestListBackgroundColor = "rgb(255, 255, 255)";
+export const autosuggestListItemActiveBackgroundColor = "rgb(221, 221, 229)";
+export const autosuggestListItemHighlightedBackgroundColor = "rgb(241, 242, 248)";
+export const badgePaddingY = ".25rem";
+export const badgePaddingX = ".5rem";
 export const badgeBackgroundColor = "rgb(255, 181, 77)";
 export const badgeCenteredVerticalAlign = "text-bottom";
-export const badgePaddingX = ".5rem";
-export const badgePaddingY = ".25rem";
-export const bannerAlertBackgroundColor = "rgb(255, 255, 255)";
-export const bannerAlertChildrenColor = "rgb(104, 105, 127)";
-export const bannerAlertChildrenPaddingX = ".75rem";
-export const bannerAlertChildrenPaddingY = ".375rem";
-export const bannerAlertErrorColor = "rgb(209, 67, 91)";
-export const bannerAlertEventColor = "rgb(90, 72, 155)";
-export const bannerAlertExpandIconFill = "rgb(68, 69, 96)";
-export const bannerAlertHeaderExpandableActiveBackgroundColor = "rgb(221, 221, 229)";
-export const bannerAlertHeaderExpandableHoverBackgroundColor = "rgb(241, 242, 248)";
-export const bannerAlertHeaderPaddingX = ".75rem";
-export const bannerAlertHeaderPaddingY = ".375rem";
-export const bannerAlertNeutralColor = "rgb(104, 105, 127)";
-export const bannerAlertPrimaryColor = "rgb(7, 112, 227)";
-export const bannerAlertSuccessColor = "rgb(0, 166, 152)";
-export const bannerAlertWarnColor = "rgb(255, 181, 77)";
+export const borderRadiusXs = ".25rem";
+export const borderRadiusSm = ".375rem";
 export const borderRadiusMd = ".75rem";
 export const borderRadiusPill = "1.125rem";
 export const borderRadiusPillLg = "1.3125rem";
-export const borderRadiusSm = ".375rem";
-export const borderRadiusXs = ".25rem";
+export const borderSizeSm = "1px";
 export const borderSizeLg = "2px";
-export const borderSizeSm = "1px";
 export const borderSizeXl = "3px";
+export const boxShadowSm = "0px 1px 3px 0px rgba(37,32,31,.3)";
 export const boxShadowLg = "0px 4px 14px 0px rgba(37,32,31,.25)";
-export const boxShadowSm = "0px 1px 3px 0px rgba(37,32,31,.3)";
 export const boxShadowXl = "0px 12px 50px 0px rgba(37,32,31,.25)";
-export const breakpointDesktop = "80rem";
-export const breakpointDesktopMargin = "1rem * 3";
-export const breakpointMobile = "32rem";
-export const breakpointMobileMargin = "1.5rem";
-export const breakpointQueryAboveDesktop = "(min-width: 80.0625rem)";
-export const breakpointQueryAboveMobile = "(min-width: 32.0625rem)";
-export const breakpointQueryAboveTablet = "(min-width: 64.0625rem)";
+export const breakpointQueryTabletOnly = "(min-width: 32.0625rem) and (max-width: 64rem)";
+export const breakpointSmallTabletMargin = "1.5rem";
+export const breakpointQuerySmallTablet = "(max-width: 48rem)";
+export const breakpointSmallMobileMargin = "1rem";
 export const breakpointQueryMobile = "(max-width: 32rem)";
-export const breakpointQuerySmallMobile = "(max-width: 22.4375rem)";
-export const breakpointQuerySmallTablet = "(max-width: 48rem)";
 export const breakpointQuerySmallTabletOnly = "(min-width: 32.0625rem) and (max-width: 48rem)";
+export const breakpointSmallMobile = "22.4375rem";
+export const breakpointQueryAboveMobile = "(min-width: 32.0625rem)";
 export const breakpointQueryTablet = "(max-width: 64rem)";
-export const breakpointQueryTabletOnly = "(min-width: 32.0625rem) and (max-width: 64rem)";
-export const breakpointSmallMobile = "22.4375rem";
-export const breakpointSmallMobileMargin = "1rem";
 export const breakpointSmallTablet = "48rem";
-export const breakpointSmallTabletMargin = "1.5rem";
+export const breakpointQueryAboveTablet = "(min-width: 64.0625rem)";
+export const breakpointDesktop = "80rem";
+export const breakpointMobile = "32rem";
 export const breakpointTablet = "64rem";
+export const breakpointQueryAboveDesktop = "(min-width: 80.0625rem)";
 export const breakpointTabletMargin = "2rem";
-export const buttonActiveBackgroundColor = "rgb(0, 106, 97)";
-export const buttonActiveBackgroundImage = "none";
+export const breakpointMobileMargin = "1.5rem";
+export const breakpointQuerySmallMobile = "(max-width: 22.4375rem)";
+export const breakpointDesktopMargin = "1rem * 3";
+export const buttonTextAlign = "center";
 export const buttonActiveBoxShadow = "none";
-export const buttonActiveColor = "rgb(255, 255, 255)";
-export const buttonBackgroundColor = "rgb(0, 166, 152)";
-export const buttonBorderRadius = ".5rem";
+export const buttonSelectedDisabledBoxShadow = "none";
+export const buttonLargeFontSize = "1.5rem";
+export const buttonDisabledBackgroundImage = "none";
+export const buttonPrimaryOnDarkHoverBackgroundImage = "none";
+export const buttonSecondaryOnDarkDisabledColor = "rgb(178, 178, 191)";
+export const buttonDestructiveHoverBoxShadow = "0 0 0 2px #d1435b inset";
+export const buttonLargeLineHeight = "1.5rem";
+export const buttonSelectedBackgroundImage = "#084eb2";
 export const buttonBoxShadow = "none";
-export const buttonColor = "rgb(255, 255, 255)";
+export const buttonPrimaryOnLightHoverColor = "rgb(255, 255, 255)";
+export const buttonSelectedActiveColor = "rgb(255, 255, 255)";
 export const buttonDestructiveActiveBackgroundColor = "rgb(178, 46, 69)";
-export const buttonDestructiveActiveBorderColor = "rgb(209, 67, 91)";
+export const buttonOutlineActiveBackgroundColor = "rgba(0, 0, 0, 0)";
+export const buttonLinkOnDarkDisabledColor = "rgba(255, 255, 255, 0.2)";
+export const buttonHoverBackgroundColor = "rgb(0, 136, 124)";
+export const buttonSecondaryActiveColor = "rgb(8, 78, 178)";
+export const buttonSecondaryOnDarkColor = "rgb(255, 255, 255)";
+export const buttonLinkOnDarkColor = "rgb(255, 255, 255)";
+export const buttonPrimaryOnDarkDisabledBackgroundColor = "rgb(221, 221, 229)";
+export const buttonSecondaryBackgroundImage = "none";
+export const buttonSecondaryOnDarkActiveBackgroundImage = "none";
+export const buttonDestructiveDisabledBackgroundImage = "none";
+export const buttonOutlineDisabledBackgroundImage = "none";
 export const buttonDestructiveActiveBoxShadow = "0 0 0 3px #d1435b inset";
-export const buttonDestructiveActiveColor = "rgb(255, 255, 255)";
-export const buttonDestructiveBackgroundColor = "rgb(221, 221, 229)";
-export const buttonDestructiveBorderColor = "rgb(221, 221, 229)";
-export const buttonDestructiveBoxShadow = "0 0 0 2px #DDDDE5 inset";
-export const buttonDestructiveColor = "rgb(178, 46, 69)";
-export const buttonDestructiveDisabledBackgroundColor = "rgb(221, 221, 229)";
-export const buttonDestructiveDisabledBackgroundImage = "none";
-export const buttonDestructiveDisabledBoxShadow = "none";
+export const buttonPrimaryOnLightColor = "rgb(255, 255, 255)";
+export const buttonSelectedHoverBackgroundImage = "none";
+export const buttonFontSize = "1.1875rem";
+export const buttonGradientStartColor = "rgb(0, 166, 152)";
+export const buttonPrimaryOnLightActiveBackgroundImage = "none";
+export const buttonHoverBoxShadow = "none";
+export const buttonOutlineHoverBorderOpacity = "0.5";
+export const buttonLineHeight = "1.5rem";
+export const buttonSecondaryHoverBackgroundImage = "none";
+export const buttonPrimaryOnDarkBackgroundColor = "rgb(255, 255, 255)";
+export const buttonFeaturedActiveBackgroundColor = "rgb(4, 39, 89)";
+export const buttonDisabledBackgroundColor = "rgb(221, 221, 229)";
+export const buttonPrimaryOnDarkHoverBackgroundColor = "rgb(221, 221, 229)";
+export const buttonSecondaryBorderColor = "rgb(221, 221, 229)";
+export const buttonSecondaryHoverColor = "rgb(8, 78, 178)";
+export const buttonFeaturedActiveBoxShadow = "none";
+export const buttonPrimaryOnLightActiveColor = "rgb(255, 255, 255)";
+export const buttonFeaturedDisabledBackgroundImage = "none";
+export const buttonSelectedHoverColor = "rgb(255, 255, 255)";
+export const buttonSelectedBackgroundColor = "rgb(7, 112, 227)";
+export const buttonPrimaryOnLightBackgroundImage = "none";
+export const buttonOutlineDisabledColor = "rgb(178, 178, 191)";
 export const buttonDestructiveDisabledColor = "rgb(178, 178, 191)";
-export const buttonDestructiveHoverBackgroundColor = "rgb(209, 67, 91)";
-export const buttonDestructiveHoverBackgroundImage = "none";
-export const buttonDestructiveHoverBorderColor = "rgb(209, 67, 91)";
-export const buttonDestructiveHoverBoxShadow = "0 0 0 2px #d1435b inset";
-export const buttonDestructiveHoverColor = "rgb(255, 255, 255)";
-export const buttonDisabledBackgroundColor = "rgb(221, 221, 229)";
-export const buttonDisabledBackgroundImage = "none";
+export const buttonSecondaryBackgroundColor = "rgb(221, 221, 229)";
+export const buttonSecondaryOnDarkActiveBackgroundColor = "rgba(255, 255, 255, 0.2)";
 export const buttonDisabledBoxShadow = "none";
+export const buttonDestructiveDisabledBackgroundColor = "rgb(221, 221, 229)";
+export const buttonOutlineDisabledBackgroundColor = "rgb(221, 221, 229)";
+export const buttonLinkOnDarkActiveColor = "rgba(255, 255, 255, 0.6)";
+export const buttonSecondaryOnDarkActiveColor = "rgb(255, 255, 255)";
+export const buttonSecondaryColor = "rgb(8, 78, 178)";
+export const buttonSelectedBoxShadow = "none";
+export const buttonSecondaryHoverBorderColor = "rgb(7, 112, 227)";
+export const buttonSecondaryOnDarkBackgroundImage = "none";
+export const buttonSecondaryActiveBackgroundImage = "none";
+export const buttonSelectedActiveBackgroundImage = "none";
+export const buttonSecondaryBoxShadow = "0 0 0 2px #DDDDE5 inset";
+export const buttonIconBorderRadius = "1.125rem";
+export const buttonPrimaryOnLightHoverBackgroundImage = "none";
+export const buttonSelectedColor = "rgb(255, 255, 255)";
+export const buttonSelectedHoverBackgroundColor = "rgb(8, 78, 178)";
+export const buttonLargePaddingXIconOnly = ".5625rem";
+export const buttonSecondaryOnDarkDisabledBackgroundImage = "none";
+export const buttonPrimaryOnLightActiveBackgroundColor = "rgb(104, 105, 127)";
+export const buttonPrimaryOnDarkHoverColor = "rgb(17, 18, 54)";
+export const buttonSecondaryHoverBackgroundColor = "rgb(205, 205, 215)";
 export const buttonDisabledColor = "rgb(178, 178, 191)";
-export const buttonFeaturedActiveBackgroundColor = "rgb(4, 39, 89)";
-export const buttonFeaturedActiveBackgroundImage = "none";
-export const buttonFeaturedActiveBoxShadow = "none";
+export const buttonDestructiveDisabledBoxShadow = "none";
+export const buttonOutlineDisabledBoxShadow = "none";
+export const buttonFeaturedBackgroundImage = "#0770e3";
+export const buttonPrimaryOnLightDisabledBackgroundImage = "none";
+export const buttonIconBorderRadiusLg = "1.3125rem";
+export const buttonSecondaryOnDarkHoverBackgroundImage = "none";
+export const buttonSelectedHoverBoxShadow = "none";
 export const buttonFeaturedActiveColor = "rgb(255, 255, 255)";
-export const buttonFeaturedBackgroundColor = "rgb(7, 112, 227)";
-export const buttonFeaturedBackgroundImage = "#0770e3";
-export const buttonFeaturedColor = "rgb(255, 255, 255)";
+export const buttonSecondaryHoverBoxShadow = "0 0 0 2px #0770e3 inset";
+export const buttonPaddingXIconOnly = ".5625rem";
+export const buttonPrimaryOnDarkActiveBackgroundImage = "none";
+export const buttonPrimaryOnDarkColor = "rgb(17, 18, 54)";
+export const buttonPrimaryOnLightBackgroundColor = "rgb(17, 18, 54)";
+export const buttonFeaturedHoverBackgroundImage = "none";
+export const buttonSecondaryActiveBorderColor = "rgb(8, 78, 178)";
 export const buttonFeaturedDisabledBackgroundColor = "rgb(221, 221, 229)";
-export const buttonFeaturedDisabledBackgroundImage = "none";
-export const buttonFeaturedHoverBackgroundColor = "rgb(8, 78, 178)";
-export const buttonFeaturedHoverBackgroundImage = "none";
-export const buttonFeaturedHoverBoxShadow = "none";
-export const buttonFeaturedHoverColor = "rgb(255, 255, 255)";
-export const buttonFontSize = "1.1875rem";
-export const buttonFontWeight = "700";
-export const buttonGradientEndColor = "rgb(0, 166, 152)";
-export const buttonGradientStartColor = "rgb(0, 166, 152)";
+export const buttonHoverColor = "rgb(255, 255, 255)";
+export const buttonSecondaryOnDarkBackgroundColor = "rgba(255, 255, 255, 0.1)";
+export const buttonSecondaryActiveBackgroundColor = "rgb(178, 178, 191)";
+export const buttonPrimaryOnDarkDisabledColor = "rgb(178, 178, 191)";
+export const buttonDestructiveActiveColor = "rgb(255, 255, 255)";
+export const buttonSecondaryOnDarkDisabledBackgroundColor = "rgb(221, 221, 229)";
+export const buttonOutlineBackgroundImage = "none";
+export const buttonSelectedActiveBackgroundColor = "rgb(4, 39, 89)";
 export const buttonHeight = "2.25rem";
-export const buttonHoverBackgroundColor = "rgb(0, 136, 124)";
-export const buttonHoverBackgroundImage = "none";
-export const buttonHoverBoxShadow = "none";
-export const buttonHoverColor = "rgb(255, 255, 255)";
-export const buttonIconBorderRadius = "1.125rem";
-export const buttonIconBorderRadiusLg = "1.3125rem";
-export const buttonLargeFontSize = "1.5rem";
+export const buttonPrimaryOnLightHoverBackgroundColor = "rgb(68, 69, 96)";
+export const buttonSecondaryDisabledBackgroundImage = "none";
+export const buttonSecondaryActiveBoxShadow = "0 0 0 3px #084eb2 inset";
+export const buttonActiveBackgroundImage = "none";
+export const buttonSecondaryOnDarkHoverBackgroundColor = "rgba(255, 255, 255, 0.15)";
+export const buttonDestructiveHoverColor = "rgb(255, 255, 255)";
+export const buttonSelectedActiveBoxShadow = "none";
+export const buttonFeaturedBackgroundColor = "rgb(7, 112, 227)";
+export const buttonPrimaryOnLightDisabledBackgroundColor = "rgb(221, 221, 229)";
+export const buttonColor = "rgb(255, 255, 255)";
+export const buttonActiveColor = "rgb(255, 255, 255)";
+export const buttonDestructiveHoverBackgroundImage = "none";
+export const buttonBorderRadius = ".5rem";
+export const buttonSecondaryDisabledColor = "rgb(178, 178, 191)";
 export const buttonLargeHeight = "3rem";
-export const buttonLargeLineHeight = "1.5rem";
+export const buttonPrimaryOnDarkActiveBackgroundColor = "rgb(205, 205, 215)";
 export const buttonLargePaddingX = "1.5rem";
-export const buttonLargePaddingXIconOnly = ".5625rem";
+export const buttonDestructiveColor = "rgb(178, 46, 69)";
+export const buttonOutlineColor = "rgb(255, 255, 255)";
+export const buttonFeaturedHoverBackgroundColor = "rgb(8, 78, 178)";
 export const buttonLargePaddingY = ".375rem";
-export const buttonLineHeight = "1.5rem";
-export const buttonLinkOnDarkActiveColor = "rgba(255, 255, 255, 0.6)";
-export const buttonLinkOnDarkColor = "rgb(255, 255, 255)";
-export const buttonLinkOnDarkDisabledColor = "rgba(255, 255, 255, 0.2)";
-export const buttonLinkOnDarkHoverColor = "rgba(255, 255, 255, 0.8)";
-export const buttonOutlineActiveBackgroundColor = "rgba(0, 0, 0, 0)";
-export const buttonOutlineActiveBorderColor = "rgb(255, 255, 255)";
+export const buttonPrimaryOnDarkDisabledBackgroundImage = "none";
+export const buttonOutlineBorderColor = "rgb(255, 255, 255)";
+export const buttonDestructiveBorderColor = "rgb(221, 221, 229)";
+export const buttonHoverBackgroundImage = "none";
+export const buttonFeaturedHoverBoxShadow = "none";
+export const buttonFontWeight = "700";
+export const buttonDestructiveBackgroundColor = "rgb(221, 221, 229)";
+export const buttonFeaturedHoverColor = "rgb(255, 255, 255)";
 export const buttonOutlineBackgroundColor = "rgba(0, 0, 0, 0)";
-export const buttonOutlineBackgroundImage = "none";
-export const buttonOutlineBorderColor = "rgb(255, 255, 255)";
-export const buttonOutlineColor = "rgb(255, 255, 255)";
-export const buttonOutlineDisabledBackgroundColor = "rgb(221, 221, 229)";
-export const buttonOutlineDisabledBackgroundImage = "none";
-export const buttonOutlineDisabledBoxShadow = "none";
-export const buttonOutlineDisabledColor = "rgb(178, 178, 191)";
-export const buttonOutlineHoverBackgroundColor = "rgba(0, 0, 0, 0)";
 export const buttonOutlineHoverBorderColor = "rgb(255, 255, 255)";
-export const buttonOutlineHoverBorderOpacity = "0.5";
-export const buttonPaddingX = "1.125rem";
-export const buttonPaddingXIconOnly = ".5625rem";
-export const buttonPaddingY = ".375rem";
-export const buttonPrimaryOnDarkActiveBackgroundColor = "rgb(205, 205, 215)";
-export const buttonPrimaryOnDarkActiveBackgroundImage = "none";
+export const buttonDestructiveHoverBorderColor = "rgb(209, 67, 91)";
 export const buttonPrimaryOnDarkActiveColor = "rgb(17, 18, 54)";
-export const buttonPrimaryOnDarkBackgroundColor = "rgb(255, 255, 255)";
 export const buttonPrimaryOnDarkBackgroundImage = "none";
-export const buttonPrimaryOnDarkColor = "rgb(17, 18, 54)";
-export const buttonPrimaryOnDarkDisabledBackgroundColor = "rgb(221, 221, 229)";
-export const buttonPrimaryOnDarkDisabledBackgroundImage = "none";
-export const buttonPrimaryOnDarkDisabledColor = "rgb(178, 178, 191)";
-export const buttonPrimaryOnDarkHoverBackgroundColor = "rgb(221, 221, 229)";
-export const buttonPrimaryOnDarkHoverBackgroundImage = "none";
-export const buttonPrimaryOnDarkHoverColor = "rgb(17, 18, 54)";
-export const buttonPrimaryOnLightActiveBackgroundColor = "rgb(104, 105, 127)";
-export const buttonPrimaryOnLightActiveBackgroundImage = "none";
-export const buttonPrimaryOnLightActiveColor = "rgb(255, 255, 255)";
-export const buttonPrimaryOnLightBackgroundColor = "rgb(17, 18, 54)";
-export const buttonPrimaryOnLightBackgroundImage = "none";
-export const buttonPrimaryOnLightColor = "rgb(255, 255, 255)";
-export const buttonPrimaryOnLightDisabledBackgroundColor = "rgb(221, 221, 229)";
-export const buttonPrimaryOnLightDisabledBackgroundImage = "none";
-export const buttonPrimaryOnLightDisabledColor = "rgb(178, 178, 191)";
-export const buttonPrimaryOnLightHoverBackgroundColor = "rgb(68, 69, 96)";
-export const buttonPrimaryOnLightHoverBackgroundImage = "none";
-export const buttonPrimaryOnLightHoverColor = "rgb(255, 255, 255)";
-export const buttonSecondaryActiveBackgroundColor = "rgb(178, 178, 191)";
-export const buttonSecondaryActiveBackgroundImage = "none";
-export const buttonSecondaryActiveBorderColor = "rgb(8, 78, 178)";
-export const buttonSecondaryActiveBoxShadow = "0 0 0 3px #084eb2 inset";
-export const buttonSecondaryActiveColor = "rgb(8, 78, 178)";
-export const buttonSecondaryBackgroundColor = "rgb(221, 221, 229)";
-export const buttonSecondaryBackgroundImage = "none";
-export const buttonSecondaryBorderColor = "rgb(221, 221, 229)";
-export const buttonSecondaryBoxShadow = "0 0 0 2px #DDDDE5 inset";
-export const buttonSecondaryColor = "rgb(8, 78, 178)";
 export const buttonSecondaryDisabledBackgroundColor = "rgb(221, 221, 229)";
-export const buttonSecondaryDisabledBackgroundImage = "none";
+export const buttonGradientEndColor = "rgb(0, 166, 152)";
+export const buttonPaddingX = "1.125rem";
+export const buttonDestructiveBoxShadow = "0 0 0 2px #DDDDE5 inset";
+export const buttonPaddingY = ".375rem";
+export const buttonActiveBackgroundColor = "rgb(0, 106, 97)";
 export const buttonSecondaryDisabledBoxShadow = "none";
-export const buttonSecondaryDisabledColor = "rgb(178, 178, 191)";
-export const buttonSecondaryHoverBackgroundColor = "rgb(205, 205, 215)";
-export const buttonSecondaryHoverBackgroundImage = "none";
-export const buttonSecondaryHoverBorderColor = "rgb(7, 112, 227)";
-export const buttonSecondaryHoverBoxShadow = "0 0 0 2px #0770e3 inset";
-export const buttonSecondaryHoverColor = "rgb(8, 78, 178)";
-export const buttonSecondaryOnDarkActiveBackgroundColor = "rgba(255, 255, 255, 0.2)";
-export const buttonSecondaryOnDarkActiveBackgroundImage = "none";
-export const buttonSecondaryOnDarkActiveColor = "rgb(255, 255, 255)";
-export const buttonSecondaryOnDarkBackgroundColor = "rgba(255, 255, 255, 0.1)";
-export const buttonSecondaryOnDarkBackgroundImage = "none";
-export const buttonSecondaryOnDarkColor = "rgb(255, 255, 255)";
-export const buttonSecondaryOnDarkDisabledBackgroundColor = "rgb(221, 221, 229)";
-export const buttonSecondaryOnDarkDisabledBackgroundImage = "none";
-export const buttonSecondaryOnDarkDisabledColor = "rgb(178, 178, 191)";
-export const buttonSecondaryOnDarkHoverBackgroundColor = "rgba(255, 255, 255, 0.15)";
-export const buttonSecondaryOnDarkHoverBackgroundImage = "none";
+export const buttonPrimaryOnLightDisabledColor = "rgb(178, 178, 191)";
+export const buttonFeaturedColor = "rgb(255, 255, 255)";
+export const buttonOutlineHoverBackgroundColor = "rgba(0, 0, 0, 0)";
+export const buttonDestructiveHoverBackgroundColor = "rgb(209, 67, 91)";
+export const buttonFeaturedActiveBackgroundImage = "none";
 export const buttonSecondaryOnDarkHoverColor = "rgb(255, 255, 255)";
-export const buttonSelectedActiveBackgroundColor = "rgb(4, 39, 89)";
-export const buttonSelectedActiveBackgroundImage = "none";
-export const buttonSelectedActiveBoxShadow = "none";
-export const buttonSelectedActiveColor = "rgb(255, 255, 255)";
-export const buttonSelectedBackgroundColor = "rgb(7, 112, 227)";
-export const buttonSelectedBackgroundImage = "#084eb2";
-export const buttonSelectedBoxShadow = "none";
-export const buttonSelectedColor = "rgb(255, 255, 255)";
-export const buttonSelectedDisabledBoxShadow = "none";
-export const buttonSelectedHoverBackgroundColor = "rgb(8, 78, 178)";
-export const buttonSelectedHoverBackgroundImage = "none";
-export const buttonSelectedHoverBoxShadow = "none";
-export const buttonSelectedHoverColor = "rgb(255, 255, 255)";
-export const buttonTextAlign = "center";
+export const buttonLinkOnDarkHoverColor = "rgba(255, 255, 255, 0.8)";
+export const buttonBackgroundColor = "rgb(0, 166, 152)";
+export const buttonDestructiveActiveBorderColor = "rgb(209, 67, 91)";
+export const buttonOutlineActiveBorderColor = "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 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 calendarDayColor = "rgb(17, 18, 54)";
-export const calendarDayDisabledColor = "rgb(178, 178, 191)";
-export const calendarDayFocusedBorderColor = "rgb(7, 112, 227)";
+export const calendarNavIconHoverFill = "rgb(17, 18, 54)";
+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 calendarDayOutsideColor = "rgb(178, 178, 191)";
-export const calendarDaySelectedBackgroundColor = "rgb(7, 112, 227)";
-export const calendarDaySelectedColor = "rgb(255, 255, 255)";
-export const calendarDaySize = "2.250rem";
+export const calendarNavIconDisabledFill = "rgb(178, 178, 191)";
+export const calendarDayColor = "rgb(17, 18, 54)";
 export const calendarDaySpacing = ".5rem";
-export const calendarNavIconActiveFill = "rgb(17, 18, 54)";
-export const calendarNavIconDisabledFill = "rgb(178, 178, 191)";
-export const calendarNavIconFill = "rgb(17, 18, 54)";
-export const calendarNavIconHoverFill = "rgb(17, 18, 54)";
-export const calendarPadding = ".75rem";
-export const canvasContrastDay = "rgb(241, 242, 248)";
-export const canvasContrastNight = "rgb(29, 27, 32)";
-export const canvasDay = "rgb(255, 255, 255)";
-export const canvasNight = "rgb(0, 0, 0)";
 export const cardBackgroundColor = "rgb(255, 255, 255)";
 export const cardColor = "rgb(17, 18, 54)";
 export const cardPadding = "1rem";
-export const checkboxCheckedTickColor = "rgb(7, 112, 227)";
-export const colorAbisko = "rgb(90, 72, 155)";
-export const colorBagan = "rgb(255, 235, 208)";
-export const colorBlack = "rgb(0, 0, 0)";
-export const colorBlackTint01 = "rgb(29, 27, 32)";
-export const colorBlackTint02 = "rgb(44, 44, 46)";
-export const colorBlackTint03 = "rgb(58, 58, 60)";
-export const colorBlackTint04 = "rgb(72, 72, 74)";
-export const colorBlackTint05 = "rgb(99, 99, 102)";
-export const colorBlackTint06 = "rgb(142, 142, 147)";
-export const colorBunol = "rgb(255, 123, 89)";
-export const colorErfoud = "rgb(255, 181, 77)";
-export const colorGlencoe = "rgb(115, 206, 198)";
-export const colorHarbour = "rgb(246, 221, 225)";
-export const colorHillier = "rgb(225, 139, 150)";
-export const colorKolkata = "rgb(255, 148, 0)";
-export const colorMonteverde = "rgb(0, 166, 152)";
-export const colorNara = "rgb(255, 231, 224)";
-export const colorPanjin = "rgb(209, 67, 91)";
-export const colorPetra = "rgb(255, 171, 149)";
-export const colorPrimaryGradientLight = "rgb(7, 112, 227)";
-export const colorSagano = "rgb(208, 238, 236)";
-export const colorSkyBlue = "rgb(7, 112, 227)";
-export const colorSkyBlueShade01 = "rgb(8, 78, 178)";
-export const colorSkyBlueShade02 = "rgb(4, 39, 89)";
-export const colorSkyBlueShade03 = "rgb(2, 18, 44)";
-export const colorSkyBlueTint01 = "rgb(109, 159, 235)";
-export const colorSkyBlueTint02 = "rgb(157, 192, 242)";
-export const colorSkyBlueTint03 = "rgb(205, 223, 248)";
-export const colorSkyGray = "rgb(17, 18, 54)";
-export const colorSkyGrayTint01 = "rgb(68, 69, 96)";
-export const colorSkyGrayTint02 = "rgb(104, 105, 127)";
-export const colorSkyGrayTint03 = "rgb(143, 144, 160)";
-export const colorSkyGrayTint04 = "rgb(178, 178, 191)";
-export const colorSkyGrayTint05 = "rgb(205, 205, 215)";
-export const colorSkyGrayTint06 = "rgb(221, 221, 229)";
-export const colorSkyGrayTint07 = "rgb(241, 242, 248)";
-export const colorSystemGreen = "rgb(0, 166, 152)";
-export const colorSystemRed = "rgb(209, 67, 91)";
-export const colorTochigi = "rgb(225, 221, 236)";
-export const colorValensole = "rgb(165, 155, 200)";
-export const colorWhite = "rgb(255, 255, 255)";
-export const coreAccentDay = "rgb(7, 112, 227)";
-export const coreAccentNight = "rgb(109, 159, 235)";
-export const coreEcoDay = "rgb(15, 161, 169)";
-export const coreEcoNight = "rgb(15, 161, 169)";
-export const corePrimaryDay = "rgb(2, 18, 44)";
-export const corePrimaryNight = "rgb(5, 65, 132)";
-export const durationBase = "400ms";
-export const durationSm = "200ms";
-export const durationXs = "50ms";
-export const flareCornerRadius = "1.3125rem";
+export const primaryGradient = "#0770e3";
 export const flareHeightDesktop = "1.5rem";
 export const flareHeightMobile = "1rem";
-export const fontColorBase = "rgb(17, 18, 54)";
-export const fontFamilyBase = "'Skyscanner Relative', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
-export const fontSize6Xl = "4.75rem";
-export const fontSize7Xl = "6rem";
-export const fontSize8Xl = "7.5rem";
-export const fontSizeBase = "1rem";
-export const fontSizeLg = "1.25rem";
-export const fontSizeRoot = "100%";
-export const fontSizeSm = ".875rem";
-export const fontSizeXl = "1.5rem";
-export const fontSizeXs = ".75rem";
-export const fontSizeXxl = "2rem";
-export const fontSizeXxxl = "2.5rem";
-export const fontSizeXxxxl = "3rem";
-export const fontSizeXxxxxl = "4rem";
-export const fontWeightBlack = "900";
-export const fontWeightBold = "700";
-export const fontWeightBook = "400";
+export const flareCornerRadius = "1.3125rem";
+export const inputLargeHeight = "3rem";
+export const selectColor = "rgb(17, 18, 54)";
+export const inputBorder = "solid .0625rem #B2B2BF";
+export const inputPlaceholderColor = "rgb(104, 105, 127)";
 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 selectPaddingTop = ".375rem";
+export const labelFontSize = ".75rem";
+export const labelLineHeight = "1rem";
+export const inputBorderWidth = ".0625rem";
+export const selectHeight = "2.250rem";
+export const labelDisabledColor = "rgb(178, 178, 191)";
+export const selectPaddingRight = "1.875rem";
+export const selectLargeHeight = "2.625rem + .375rem";
+export const inputColor = "rgb(17, 18, 54)";
+export const selectBorder = "solid .0625rem #B2B2BF";
+export const inputBorderRadius = ".25rem";
+export const radioCheckedCircleColor = "rgb(7, 112, 227)";
+export const selectDisabledBorderColor = "rgb(241, 242, 248)";
+export const inputDisabledColor = "rgb(178, 178, 191)";
+export const inputPaddingX = ".5rem";
+export const checkboxCheckedTickColor = "rgb(7, 112, 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 textareaMinHeight = "2.625rem * 2";
+export const inputHeight = "2.25rem";
+export const selectPaddingBottom = ".375rem";
+export const inputDisabledBorderColor = "rgb(241, 242, 248)";
 export const gridColumns = "12";
+export const gridGutter = "1.5rem";
+export const gridContainerPadding = "1.5rem";
 export const gridContainerMobilePadding = ".75rem";
-export const gridContainerPadding = "1.5rem";
-export const gridGutter = "1.5rem";
-export const h1FontSize = "3rem";
-export const h1FontWeight = "400";
-export const h1LineHeight = "3rem";
-export const h2FontSize = "2rem";
-export const h2FontWeight = "400";
-export const h2LineHeight = "2.5rem";
-export const h3FontSize = "1.5rem";
-export const h3FontWeight = "400";
-export const h3LineHeight = "2rem";
-export const h4FontSize = "1rem";
-export const h4FontWeight = "700";
-export const h4LineHeight = "1.5rem";
-export const h5FontSize = ".75rem";
-export const h5FontWeight = "700";
-export const h5LineHeight = "1rem";
-export const h6FontSize = ".75rem";
-export const h6FontWeight = "700";
-export const h6LineHeight = "1rem";
-export const headingContentMarginTop = "1.875rem";
-export const headingMarginBottom = ".75rem";
-export const headingMarginTop = "0";
-export const horizontalNavBarSelectedColor = "rgb(7, 112, 227)";
-export const horizontalNavLinkActiveColor = "rgb(17, 18, 54)";
 export const horizontalNavLinkColor = "rgb(104, 105, 127)";
 export const horizontalNavLinkHoverColor = "rgb(68, 69, 96)";
+export const horizontalNavLinkActiveColor = "rgb(17, 18, 54)";
 export const horizontalNavLinkSelectedColor = "rgb(7, 112, 227)";
+export const horizontalNavBarSelectedColor = "rgb(7, 112, 227)";
+export const iconSizeSm = "1.125rem";
 export const iconSizeLg = "1.5rem";
-export const iconSizeSm = "1.125rem";
-export const inputBackground = "#ffffff";
-export const inputBorder = "solid .0625rem #B2B2BF";
-export const inputBorderRadius = ".25rem";
-export const inputBorderWidth = ".0625rem";
-export const inputColor = "rgb(17, 18, 54)";
-export const inputDisabledBorderColor = "rgb(241, 242, 248)";
-export const inputDisabledColor = "rgb(178, 178, 191)";
-export const inputHeight = "2.25rem";
-export const inputLargeHeight = "3rem";
-export const inputPaddingX = ".5rem";
-export const inputPaddingY = ".5rem";
-export const inputPlaceholderColor = "rgb(104, 105, 127)";
-export const labelColor = "rgb(17, 18, 54)";
-export const labelDisabledColor = "rgb(178, 178, 191)";
-export const labelFontSize = ".75rem";
-export const labelLineHeight = "1rem";
-export const letterSpacingTight = "-0.02em";
-export const lineDarkColor = "rgb(72, 72, 74)";
-export const lineDay = "rgb(205, 205, 215)";
-export const lineHeight6Xl = "5.25rem";
-export const lineHeight7Xl = "6rem";
-export const lineHeight8Xl = "7.5rem";
-export const lineHeightBase = "1.5rem";
-export const lineHeightBaseTight = "1.25rem";
-export const lineHeightLg = "1.75rem";
-export const lineHeightLgTight = "1.5rem";
-export const lineHeightSm = "1.25rem";
-export const lineHeightXl = "2rem";
-export const lineHeightXlTight = "1.75rem";
-export const lineHeightXs = "1rem";
-export const lineHeightXxl = "2.5rem";
-export const lineHeightXxxl = "3rem";
-export const lineHeightXxxxl = "3.5rem";
-export const lineHeightXxxxxl = "4.5rem";
-export const lineLightColor = "rgb(205, 205, 215)";
-export const lineNight = "rgb(72, 72, 74)";
-export const linkActiveColor = "rgb(4, 39, 89)";
-export const linkAlternateActiveColor = "rgb(221, 221, 229)";
-export const linkAlternateColor = "rgb(255, 255, 255)";
-export const linkAlternateHoverColor = "rgb(255, 255, 255)";
-export const linkAlternateVisitedColor = "rgb(255, 255, 255)";
-export const linkColor = "rgb(7, 112, 227)";
-export const linkHoverColor = "rgb(8, 78, 178)";
-export const linkHoverTextDecoration = "underline";
-export const linkTextDecoration = "none";
-export const linkVisitedColor = "rgb(7, 112, 227)";
-export const linkWhiteActiveColor = "rgb(221, 221, 229)";
-export const linkWhiteColor = "rgb(255, 255, 255)";
-export const linkWhiteHoverColor = "rgb(255, 255, 255)";
-export const linkWhiteVisitedColor = "rgb(255, 255, 255)";
-export const listItemMarginBottom = ".25rem";
-export const listItemMarginTop = "0";
-export const listMarginBottom = "1rem";
-export const listMarginTop = "1rem";
-export const listNestedMarginBottom = "0";
-export const listNestedMarginTop = "0";
-export const marcommsBerry = "rgb(209, 67, 91)";
-export const marcommsBlueBright = "rgb(161, 238, 255)";
-export const marcommsBlueMuted = "rgb(217, 248, 255)";
-export const marcommsCharcoal = "rgb(17, 18, 54)";
-export const marcommsDarkSky = "rgb(2, 18, 44)";
-export const marcommsEcoGreen = "rgb(15, 161, 169)";
-export const marcommsGreenBright = "rgb(147, 255, 222)";
-export const marcommsGreenMuted = "rgb(208, 238, 236)";
-export const marcommsGrey40 = "rgb(104, 105, 127)";
-export const marcommsOrange = "rgb(255, 123, 89)";
-export const marcommsPink = "rgb(255, 163, 229)";
-export const marcommsPinkMuted = "rgb(246, 221, 225)";
-export const marcommsPurple = "rgb(142, 71, 186)";
-export const marcommsSkyBlue = "rgb(7, 112, 227)";
-export const marcommsWhite = "rgb(255, 255, 255)";
-export const marcommsYellow = "rgb(254, 235, 135)";
-export const marcommsYellowMuted = "rgb(255, 235, 208)";
 export const modalBackgroundColor = "rgb(255, 255, 255)";
-export const modalContentPadding = "1rem";
-export const modalHeaderPadding = ".75rem";
 export const modalInitialOpacity = "0";
+export const modalOpacity = "1";
 export const modalMaxWidth = "32rem";
-export const modalOpacity = "1";
 export const modalWideMaxWidth = "64rem";
-export const onePixelRem = ".0625rem";
+export const modalHeaderPadding = ".75rem";
+export const modalContentPadding = "1rem";
+export const scrimBackgroundColor = "rgb(178, 178, 191)";
+export const scrimInitialOpacity = "0";
+export const scrimOpacity = ".7";
+export const scrimMobileOpacity = "1";
+export const scrimDarkBackgroundColor = "rgb(17, 18, 54)";
+export const scrimDarkOpacity = ".95";
+export const bannerAlertChildrenPaddingX = ".75rem";
+export const bannerAlertWarnColor = "rgb(255, 181, 77)";
+export const bannerAlertChildrenPaddingY = ".375rem";
+export const bannerAlertHeaderExpandableHoverBackgroundColor = "rgb(241, 242, 248)";
+export const bannerAlertBackgroundColor = "rgb(255, 255, 255)";
+export const bannerAlertEventColor = "rgb(90, 72, 155)";
+export const bannerAlertHeaderPaddingX = ".75rem";
+export const bannerAlertHeaderPaddingY = ".375rem";
+export const bannerAlertPrimaryColor = "rgb(7, 112, 227)";
+export const bannerAlertSuccessColor = "rgb(0, 166, 152)";
+export const bannerAlertNeutralColor = "rgb(104, 105, 127)";
+export const bannerAlertErrorColor = "rgb(209, 67, 91)";
+export const bannerAlertChildrenColor = "rgb(104, 105, 127)";
+export const bannerAlertExpandIconFill = "rgb(68, 69, 96)";
+export const bannerAlertHeaderExpandableActiveBackgroundColor = "rgb(221, 221, 229)";
+export const panelPadding = ".75rem";
+export const panelBorderColor = "rgb(205, 205, 215)";
 export const panelBackgroundColor = "rgb(255, 255, 255)";
-export const panelBorderColor = "rgb(205, 205, 215)";
-export const panelPadding = ".75rem";
-export const primaryDarkColor = "rgb(109, 159, 235)";
-export const primaryGradient = "#0770e3";
-export const primaryLightColor = "rgb(7, 112, 227)";
-export const pMarginBottom = ".75rem";
-export const pMarginTop = "0";
-export const radioCheckedCircleColor = "rgb(7, 112, 227)";
+export const ratingBaseWidth = ".75rem * 4";
 export const ratingBaseHeight = ".75rem * 4";
-export const ratingBaseWidth = ".75rem * 4";
+export const ratingSmWidth = ".75rem * 3";
+export const ratingSmHeight = ".75rem * 3";
+export const ratingLgWidth = "1.875rem * 2";
 export const ratingLgHeight = "1.875rem * 2";
-export const ratingLgWidth = "1.875rem * 2";
-export const ratingSmHeight = ".75rem * 3";
-export const ratingSmWidth = ".75rem * 3";
-export const requiredColor = "rgb(209, 67, 91)";
-export const scrimBackgroundColor = "rgb(178, 178, 191)";
-export const scrimDarkBackgroundColor = "rgb(17, 18, 54)";
-export const scrimDarkOpacity = ".95";
-export const scrimDay = "rgb(2, 18, 44)";
-export const scrimInitialOpacity = "0";
-export const scrimMobileOpacity = "1";
-export const scrimNight = "rgb(2, 18, 44)";
-export const scrimOpacity = ".7";
-export const selectBorder = "solid .0625rem #B2B2BF";
-export const selectBorderRadius = ".25rem";
-export const selectBorderWidth = ".0625rem";
-export const selectColor = "rgb(17, 18, 54)";
-export const selectDisabledBorderColor = "rgb(241, 242, 248)";
-export const selectDisabledColor = "rgb(178, 178, 191)";
-export const selectHeight = "2.250rem";
-export const selectLargeHeight = "2.625rem + .375rem";
-export const selectPaddingBottom = ".375rem";
-export const selectPaddingLeft = ".75rem";
-export const selectPaddingRight = "1.875rem";
-export const selectPaddingTop = ".375rem";
+export const spacingLgV2 = "1.5rem";
+export const spacingSmV2 = ".25rem";
+export const onePixelRem = ".0625rem";
+export const spacingMdV2 = ".5rem";
+export const spacingXlV2 = "2rem";
+export const spacingXxlV2 = "2.5rem";
 export const spacingBase = "1.5rem";
 export const spacingBaseV2 = "1rem";
-export const spacingIconText = ".5rem";
-export const spacingLg = "1.875rem";
-export const spacingLgV2 = "1.5rem";
+export const spacingXl = "2.250rem";
+export const spacingXxl = "2.625rem";
 export const spacingMd = "1.125rem";
-export const spacingMdV2 = ".5rem";
 export const spacingNone = "0";
 export const spacingSm = ".75rem";
-export const spacingSmV2 = ".25rem";
-export const spacingXl = "2.250rem";
-export const spacingXlV2 = "2rem";
+export const spacingIconText = ".5rem";
 export const spacingXs = ".375rem";
-export const spacingXxl = "2.625rem";
-export const spacingXxlV2 = "2.5rem";
+export const spacingLg = "1.875rem";
 export const stateSelectedBackgroundColor = "rgb(8, 78, 178)";
-export const statusDangerFillDay = "rgb(246, 221, 225)";
-export const statusDangerFillNight = "rgb(255, 202, 221)";
-export const statusDangerSpotDay = "rgb(209, 67, 91)";
-export const statusDangerSpotNight = "rgb(209, 67, 91)";
-export const statusSuccessFillDay = "rgb(208, 238, 236)";
-export const statusSuccessFillNight = "rgb(177, 255, 231)";
-export const statusSuccessSpotDay = "rgb(0, 166, 152)";
-export const statusSuccessSpotNight = "rgb(0, 166, 152)";
-export const statusWarningFillDay = "rgb(255, 235, 208)";
-export const statusWarningFillNight = "rgb(251, 241, 187)";
-export const statusWarningSpotDay = "rgb(255, 148, 0)";
-export const statusWarningSpotNight = "rgb(255, 181, 77)";
-export const surfaceContrastDay = "rgb(2, 18, 44)";
-export const surfaceContrastNight = "rgb(29, 27, 32)";
-export const surfaceDefaultDay = "rgb(255, 255, 255)";
-export const surfaceDefaultNight = "rgb(29, 27, 32)";
-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 textareaMinHeight = "2.625rem * 2";
+export const textLgLineHeight = "1.75rem";
+export const fontWeightBook = "400";
+export const lineHeightXlTight = "1.75rem";
+export const textXsLineHeight = "1rem";
+export const h5LineHeight = "1rem";
+export const h6FontSize = ".75rem";
+export const headingMarginTop = "0";
+export const lineHeightXxxxxl = "4.5rem";
+export const h6LineHeight = "1rem";
+export const lineHeightXxxl = "3rem";
+export const lineHeightXl = "2rem";
+export const fontSizeXl = "1.5rem";
+export const fontSizeXxxxxl = "4rem";
+export const fontSizeXxxl = "2.5rem";
+export const textXxxxlFontWeight = "400";
+export const textXxlFontWeight = "400";
+export const textXlLetterSpacing = "normal";
+export const linkAlternateVisitedColor = "rgb(255, 255, 255)";
+export const listMarginTop = "1rem";
+export const linkWhiteActiveColor = "rgb(221, 221, 229)";
+export const linkWhiteHoverColor = "rgb(255, 255, 255)";
+export const textBaseLetterSpacing = "normal";
+export const headingContentMarginTop = "1.875rem";
+export const lineHeightSm = "1.25rem";
+export const lineHeightLgTight = "1.5rem";
+export const lineHeightLg = "1.75rem";
+export const fontWeightBlack = "900";
+export const lineHeightXs = "1rem";
+export const linkWhiteColor = "rgb(255, 255, 255)";
+export const fontSizeSm = ".875rem";
+export const fontSizeXs = ".75rem";
+export const letterSpacingTight = "-0.02em";
+export const linkVisitedColor = "rgb(7, 112, 227)";
+export const fontSizeLg = "1.25rem";
+export const listNestedMarginTop = "0";
+export const textXxxxlFontSize = "3rem";
+export const textBaseFontWeight = "400";
+export const textXxlFontSize = "2rem";
+export const pMarginBottom = ".75rem";
+export const textXxlLineHeight = "2.5rem";
+export const textXxxxlLineHeight = "3.5rem";
+export const textXxlLetterSpacing = "normal";
+export const textXlFontWeight = "400";
+export const linkActiveColor = "rgb(4, 39, 89)";
+export const textXxxxxlFontWeight = "400";
+export const listItemMarginTop = "0";
+export const textXxxlFontWeight = "400";
+export const fontSizeRoot = "100%";
+export const listItemMarginBottom = ".25rem";
+export const h1FontWeight = "400";
+export const linkWhiteVisitedColor = "rgb(255, 255, 255)";
+export const h2FontWeight = "400";
+export const pMarginTop = "0";
+export const linkAlternateActiveColor = "rgb(221, 221, 229)";
+export const h3FontWeight = "400";
+export const listNestedMarginBottom = "0";
+export const h4FontWeight = "700";
+export const textSmFontWeight = "400";
 export const textBaseFontSize = "1rem";
-export const textBaseFontWeight = "400";
-export const textBaseLetterSpacing = "normal";
+export const h5FontWeight = "700";
 export const textBaseLineHeight = "1.5rem";
-export const textDisabledDay = "rgb(178, 178, 191)";
-export const textDisabledNight = "rgb(142, 142, 147)";
-export const textErrorDay = "rgb(209, 67, 91)";
-export const textErrorNight = "rgb(209, 67, 91)";
-export const textLgFontSize = "1.25rem";
 export const textLgFontWeight = "400";
+export const textXsFontWeight = "400";
+export const linkAlternateHoverColor = "rgb(255, 255, 255)";
+export const h6FontWeight = "700";
+export const textXlFontSize = "1.5rem";
+export const textXxxxxlFontSize = "4rem";
+export const textXxxlFontSize = "2.5rem";
+export const textXlLineHeight = "2rem";
+export const linkAlternateColor = "rgb(255, 255, 255)";
+export const textXxxxxlLineHeight = "4.5rem";
+export const textXxxlLineHeight = "3rem";
+export const linkHoverTextDecoration = "underline";
+export const linkHoverColor = "rgb(8, 78, 178)";
+export const h1FontSize = "3rem";
+export const listMarginBottom = "1rem";
+export const textXsLetterSpacing = "normal";
+export const h2FontSize = "2rem";
+export const h1LineHeight = "3rem";
 export const textLgLetterSpacing = "normal";
-export const textLgLineHeight = "1.75rem";
-export const textLinkDay = "rgb(7, 112, 227)";
-export const textLinkNight = "rgb(109, 159, 235)";
-export const textOnDarkDay = "rgb(255, 255, 255)";
-export const textOnDarkNight = "rgb(255, 255, 255)";
-export const textOnLightDay = "rgb(17, 18, 54)";
-export const textOnLightNight = "rgb(17, 18, 54)";
-export const textPrimaryDarkColor = "rgb(255, 255, 255)";
-export const textPrimaryDay = "rgb(17, 18, 54)";
-export const textPrimaryInverseDay = "rgb(255, 255, 255)";
-export const textPrimaryInverseNight = "rgb(17, 18, 54)";
-export const textPrimaryLightColor = "rgb(17, 18, 54)";
-export const textPrimaryNight = "rgb(255, 255, 255)";
-export const textQuaternaryDarkColor = "rgb(142, 142, 147)";
-export const textQuaternaryLightColor = "rgb(143, 144, 160)";
-export const textSecondaryDarkColor = "rgb(178, 178, 191)";
-export const textSecondaryDay = "rgb(104, 105, 127)";
-export const textSecondaryLightColor = "rgb(104, 105, 127)";
-export const textSecondaryNight = "rgb(178, 178, 191)";
+export const fontSize6Xl = "4.75rem";
+export const fontFamilyBase = "'Skyscanner Relative', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
+export const fontWeightBold = "700";
+export const fontColorBase = "rgb(17, 18, 54)";
+export const lineHeightBaseTight = "1.25rem";
+export const linkTextDecoration = "none";
+export const fontSize7Xl = "6rem";
+export const textSmLetterSpacing = "normal";
+export const h3FontSize = "1.5rem";
+export const lineHeight6Xl = "5.25rem";
+export const h2LineHeight = "2.5rem";
 export const textSmFontSize = ".875rem";
-export const textSmFontWeight = "400";
-export const textSmLetterSpacing = "normal";
+export const fontSize8Xl = "7.5rem";
+export const fontSizeXxl = "2rem";
+export const h4FontSize = "1rem";
+export const h3LineHeight = "2rem";
+export const fontSizeXxxxl = "3rem";
+export const linkColor = "rgb(7, 112, 227)";
+export const lineHeightBase = "1.5rem";
+export const lineHeight7Xl = "6rem";
+export const fontSizeBase = "1rem";
+export const h4LineHeight = "1.5rem";
+export const h5FontSize = ".75rem";
+export const textLgFontSize = "1.25rem";
+export const headingMarginBottom = ".75rem";
 export const textSmLineHeight = "1.25rem";
-export const textTertiaryDarkColor = "rgb(142, 142, 147)";
-export const textTertiaryLightColor = "rgb(143, 144, 160)";
-export const textXlFontSize = "1.5rem";
-export const textXlFontWeight = "400";
-export const textXlLetterSpacing = "normal";
-export const textXlLineHeight = "2rem";
+export const lineHeight8Xl = "7.5rem";
+export const lineHeightXxl = "2.5rem";
 export const textXsFontSize = ".75rem";
-export const textXsFontWeight = "400";
-export const textXsLetterSpacing = "normal";
-export const textXsLineHeight = "1rem";
-export const textXxlFontSize = "2rem";
-export const textXxlFontWeight = "400";
-export const textXxlLetterSpacing = "normal";
-export const textXxlLineHeight = "2.5rem";
-export const textXxxlFontSize = "2.5rem";
-export const textXxxlFontWeight = "400";
-export const textXxxlLineHeight = "3rem";
-export const textXxxxlFontSize = "3rem";
-export const textXxxxlFontWeight = "400";
-export const textXxxxlLineHeight = "3.5rem";
-export const textXxxxxlFontSize = "4rem";
-export const textXxxxxlFontWeight = "400";
-export const textXxxxxlLineHeight = "4.5rem";
+export const lineHeightXxxxl = "3.5rem";
 export const zindexAutosuggest = "900";
-export const zindexDrawer = "1100";
-export const zindexModal = "1100";
 export const zindexPopover = "900";
+export const zindexTooltip = "900";
 export const zindexScrim = "1000";
-export const zindexTooltip = "900";
+export const zindexModal = "1100";
+export const zindexDrawer = "1100";
 export const animations = {
+durationXs,
+durationSm,
 durationBase,
-durationSm,
-durationXs,
 };
@@ -597,213 +597,213 @@ export const autosuggest = {
 export const badges = {
+badgePaddingY,
+badgePaddingX,
 badgeBackgroundColor,
 badgeCenteredVerticalAlign,
-badgePaddingX,
-badgePaddingY,
 };
 export const borders = {
+borderSizeSm,
 borderSizeLg,
-borderSizeSm,
 borderSizeXl,
 };
 export const boxShadows = {
+boxShadowSm,
 boxShadowLg,
-boxShadowSm,
 boxShadowXl,
 };
 export const breakpoints = {
-breakpointDesktop,
-breakpointDesktopMargin,
-breakpointMobile,
-breakpointMobileMargin,
-breakpointQueryAboveDesktop,
-breakpointQueryAboveMobile,
-breakpointQueryAboveTablet,
+breakpointQueryTabletOnly,
+breakpointSmallTabletMargin,
+breakpointQuerySmallTablet,
+breakpointSmallMobileMargin,
 breakpointQueryMobile,
-breakpointQuerySmallMobile,
-breakpointQuerySmallTablet,
 breakpointQuerySmallTabletOnly,
+breakpointSmallMobile,
+breakpointQueryAboveMobile,
 breakpointQueryTablet,
-breakpointQueryTabletOnly,
-breakpointSmallMobile,
-breakpointSmallMobileMargin,
 breakpointSmallTablet,
-breakpointSmallTabletMargin,
+breakpointQueryAboveTablet,
+breakpointDesktop,
+breakpointMobile,
 breakpointTablet,
+breakpointQueryAboveDesktop,
 breakpointTabletMargin,
+breakpointMobileMargin,
+breakpointQuerySmallMobile,
+breakpointDesktopMargin,
 };
 export const buttons = {
-buttonActiveBackgroundColor,
-buttonActiveBackgroundImage,
+buttonTextAlign,
 buttonActiveBoxShadow,
-buttonActiveColor,
-buttonBackgroundColor,
-buttonBorderRadius,
+buttonSelectedDisabledBoxShadow,
+buttonLargeFontSize,
+buttonDisabledBackgroundImage,
+buttonPrimaryOnDarkHoverBackgroundImage,
+buttonSecondaryOnDarkDisabledColor,
+buttonDestructiveHoverBoxShadow,
+buttonLargeLineHeight,
+buttonSelectedBackgroundImage,
 buttonBoxShadow,
-buttonColor,
+buttonPrimaryOnLightHoverColor,
+buttonSelectedActiveColor,
 buttonDestructiveActiveBackgroundColor,
-buttonDestructiveActiveBorderColor,
+buttonOutlineActiveBackgroundColor,
+buttonLinkOnDarkDisabledColor,
+buttonHoverBackgroundColor,
+buttonSecondaryActiveColor,
+buttonSecondaryOnDarkColor,
+buttonLinkOnDarkColor,
+buttonPrimaryOnDarkDisabledBackgroundColor,
+buttonSecondaryBackgroundImage,
+buttonSecondaryOnDarkActiveBackgroundImage,
+buttonDestructiveDisabledBackgroundImage,
+buttonOutlineDisabledBackgroundImage,
 buttonDestructiveActiveBoxShadow,
-buttonDestructiveActiveColor,
-buttonDestructiveBackgroundColor,
-buttonDestructiveBorderColor,
-buttonDestructiveBoxShadow,
-buttonDestructiveColor,
-buttonDestructiveDisabledBackgroundColor,
-buttonDestructiveDisabledBackgroundImage,
-buttonDestructiveDisabledBoxShadow,
+buttonPrimaryOnLightColor,
+buttonSelectedHoverBackgroundImage,
+buttonGradientStartColor,
+buttonPrimaryOnLightActiveBackgroundImage,
+buttonHoverBoxShadow,
+buttonOutlineHoverBorderOpacity,
+buttonLineHeight,
+buttonSecondaryHoverBackgroundImage,
+buttonPrimaryOnDarkBackgroundColor,
+buttonFeaturedActiveBackgroundColor,
+buttonDisabledBackgroundColor,
+buttonPrimaryOnDarkHoverBackgroundColor,
+buttonSecondaryBorderColor,
+buttonSecondaryHoverColor,
+buttonFeaturedActiveBoxShadow,
+buttonPrimaryOnLightActiveColor,
+buttonFeaturedDisabledBackgroundImage,
+buttonSelectedHoverColor,
+buttonSelectedBackgroundColor,
+buttonPrimaryOnLightBackgroundImage,
+buttonOutlineDisabledColor,
 buttonDestructiveDisabledColor,
-buttonDestructiveHoverBackgroundColor,
-buttonDestructiveHoverBackgroundImage,
-buttonDestructiveHoverBorderColor,
-buttonDestructiveHoverBoxShadow,
-buttonDestructiveHoverColor,
-buttonDisabledBackgroundColor,
-buttonDisabledBackgroundImage,
+buttonSecondaryBackgroundColor,
+buttonSecondaryOnDarkActiveBackgroundColor,
 buttonDisabledBoxShadow,
+buttonDestructiveDisabledBackgroundColor,
+buttonOutlineDisabledBackgroundColor,
+buttonLinkOnDarkActiveColor,
+buttonSecondaryOnDarkActiveColor,
+buttonSecondaryColor,
+buttonSelectedBoxShadow,
+buttonSecondaryHoverBorderColor,
+buttonSecondaryOnDarkBackgroundImage,
+buttonSecondaryActiveBackgroundImage,
+buttonSelectedActiveBackgroundImage,
+buttonSecondaryBoxShadow,
+buttonIconBorderRadius,
+buttonPrimaryOnLightHoverBackgroundImage,
+buttonSelectedColor,
+buttonSelectedHoverBackgroundColor,
+buttonLargePaddingXIconOnly,
+buttonSecondaryOnDarkDisabledBackgroundImage,
+buttonPrimaryOnLightActiveBackgroundColor,
+buttonPrimaryOnDarkHoverColor,
+buttonSecondaryHoverBackgroundColor,
 buttonDisabledColor,
-buttonFeaturedActiveBackgroundColor,
-buttonFeaturedActiveBackgroundImage,
-buttonFeaturedActiveBoxShadow,
+buttonDestructiveDisabledBoxShadow,
+buttonOutlineDisabledBoxShadow,
+buttonFeaturedBackgroundImage,
+buttonPrimaryOnLightDisabledBackgroundImage,
+buttonIconBorderRadiusLg,
+buttonSecondaryOnDarkHoverBackgroundImage,
+buttonSelectedHoverBoxShadow,
 buttonFeaturedActiveColor,
-buttonFeaturedBackgroundColor,
-buttonFeaturedBackgroundImage,
-buttonFeaturedColor,
+buttonSecondaryHoverBoxShadow,
+buttonPaddingXIconOnly,
+buttonPrimaryOnDarkActiveBackgroundImage,
+buttonPrimaryOnDarkColor,
+buttonPrimaryOnLightBackgroundColor,
+buttonFeaturedHoverBackgroundImage,
+buttonSecondaryActiveBorderColor,
 buttonFeaturedDisabledBackgroundColor,
-buttonFeaturedDisabledBackgroundImage,
-buttonFeaturedHoverBackgroundColor,
-buttonFeaturedHoverBackgroundImage,
-buttonFeaturedHoverBoxShadow,
-buttonFeaturedHoverColor,
-buttonFontWeight,
-buttonGradientEndColor,
-buttonGradientStartColor,
+buttonHoverColor,
+buttonSecondaryOnDarkBackgroundColor,
+buttonSecondaryActiveBackgroundColor,
+buttonPrimaryOnDarkDisabledColor,
+buttonDestructiveActiveColor,
+buttonSecondaryOnDarkDisabledBackgroundColor,
+buttonOutlineBackgroundImage,
+buttonSelectedActiveBackgroundColor,
 buttonHeight,
-buttonHoverBackgroundColor,
-buttonHoverBackgroundImage,
-buttonHoverBoxShadow,
-buttonHoverColor,
-buttonIconBorderRadius,
-buttonIconBorderRadiusLg,
-buttonLargeFontSize,
+buttonPrimaryOnLightHoverBackgroundColor,
+buttonSecondaryDisabledBackgroundImage,
+buttonSecondaryActiveBoxShadow,
+buttonActiveBackgroundImage,
+buttonSecondaryOnDarkHoverBackgroundColor,
+buttonDestructiveHoverColor,
+buttonSelectedActiveBoxShadow,
+buttonFeaturedBackgroundColor,
+buttonPrimaryOnLightDisabledBackgroundColor,
+buttonColor,
+buttonActiveColor,
+buttonDestructiveHoverBackgroundImage,
+buttonBorderRadius,
+buttonSecondaryDisabledColor,
 buttonLargeHeight,
-buttonLargeLineHeight,
+buttonPrimaryOnDarkActiveBackgroundColor,
 buttonLargePaddingX,
-buttonLargePaddingXIconOnly,
+buttonDestructiveColor,
+buttonOutlineColor,
+buttonFeaturedHoverBackgroundColor,
 buttonLargePaddingY,
-buttonLineHeight,
-buttonLinkOnDarkActiveColor,
-buttonLinkOnDarkColor,
-buttonLinkOnDarkDisabledColor,
-buttonLinkOnDarkHoverColor,
-buttonOutlineActiveBackgroundColor,
-buttonOutlineActiveBorderColor,
+buttonPrimaryOnDarkDisabledBackgroundImage,
+buttonOutlineBorderColor,
+buttonDestructiveBorderColor,
+buttonHoverBackgroundImage,
+buttonFeaturedHoverBoxShadow,
+buttonFontWeight,
+buttonDestructiveBackgroundColor,
+buttonFeaturedHoverColor,
 buttonOutlineBackgroundColor,
-buttonOutlineBackgroundImage,
-buttonOutlineBorderColor,
-buttonOutlineColor,
-buttonOutlineDisabledBackgroundColor,
-buttonOutlineDisabledBackgroundImage,
-buttonOutlineDisabledBoxShadow,
-buttonOutlineDisabledColor,
-buttonOutlineHoverBackgroundColor,
 buttonOutlineHoverBorderColor,
-buttonOutlineHoverBorderOpacity,
-buttonPaddingX,
-buttonPaddingXIconOnly,
-buttonPaddingY,
-buttonPrimaryOnDarkActiveBackgroundColor,
-buttonPrimaryOnDarkActiveBackgroundImage,
+buttonDestructiveHoverBorderColor,
 buttonPrimaryOnDarkActiveColor,
-buttonPrimaryOnDarkBackgroundColor,
 buttonPrimaryOnDarkBackgroundImage,
-buttonPrimaryOnDarkColor,
-buttonPrimaryOnDarkDisabledBackgroundColor,
-buttonPrimaryOnDarkDisabledBackgroundImage,
-buttonPrimaryOnDarkDisabledColor,
-buttonPrimaryOnDarkHoverBackgroundColor,
-buttonPrimaryOnDarkHoverBackgroundImage,
-buttonPrimaryOnDarkHoverColor,
-buttonPrimaryOnLightActiveBackgroundColor,
-buttonPrimaryOnLightActiveBackgroundImage,
-buttonPrimaryOnLightActiveColor,
-buttonPrimaryOnLightBackgroundColor,
-buttonPrimaryOnLightBackgroundImage,
-buttonPrimaryOnLightColor,
-buttonPrimaryOnLightDisabledBackgroundColor,
-buttonPrimaryOnLightDisabledBackgroundImage,
-buttonPrimaryOnLightDisabledColor,
-buttonPrimaryOnLightHoverBackgroundColor,
-buttonPrimaryOnLightHoverBackgroundImage,
-buttonPrimaryOnLightHoverColor,
-buttonSecondaryActiveBackgroundColor,
-buttonSecondaryActiveBackgroundImage,
-buttonSecondaryActiveBorderColor,
-buttonSecondaryActiveBoxShadow,
-buttonSecondaryActiveColor,
-buttonSecondaryBackgroundColor,
-buttonSecondaryBackgroundImage,
-buttonSecondaryBorderColor,
-buttonSecondaryBoxShadow,
-buttonSecondaryColor,
 buttonSecondaryDisabledBackgroundColor,
-buttonSecondaryDisabledBackgroundImage,
+buttonGradientEndColor,
+buttonPaddingX,
+buttonDestructiveBoxShadow,
+buttonPaddingY,
+buttonActiveBackgroundColor,
 buttonSecondaryDisabledBoxShadow,
-buttonSecondaryDisabledColor,
-buttonSecondaryHoverBackgroundColor,
-buttonSecondaryHoverBackgroundImage,
-buttonSecondaryHoverBorderColor,
-buttonSecondaryHoverBoxShadow,
-buttonSecondaryHoverColor,
-buttonSecondaryOnDarkActiveBackgroundColor,
-buttonSecondaryOnDarkActiveBackgroundImage,
-buttonSecondaryOnDarkActiveColor,
-buttonSecondaryOnDarkBackgroundColor,
-buttonSecondaryOnDarkBackgroundImage,
-buttonSecondaryOnDarkColor,
-buttonSecondaryOnDarkDisabledBackgroundColor,
-buttonSecondaryOnDarkDisabledBackgroundImage,
-buttonSecondaryOnDarkDisabledColor,
-buttonSecondaryOnDarkHoverBackgroundColor,
-buttonSecondaryOnDarkHoverBackgroundImage,
+buttonPrimaryOnLightDisabledColor,
+buttonFeaturedColor,
+buttonOutlineHoverBackgroundColor,
+buttonDestructiveHoverBackgroundColor,
+buttonFeaturedActiveBackgroundImage,
 buttonSecondaryOnDarkHoverColor,
-buttonSelectedActiveBackgroundColor,
-buttonSelectedActiveBackgroundImage,
-buttonSelectedActiveBoxShadow,
-buttonSelectedActiveColor,
-buttonSelectedBackgroundColor,
-buttonSelectedBackgroundImage,
-buttonSelectedBoxShadow,
-buttonSelectedColor,
-buttonSelectedDisabledBoxShadow,
-buttonSelectedHoverBackgroundColor,
-buttonSelectedHoverBackgroundImage,
-buttonSelectedHoverBoxShadow,
-buttonSelectedHoverColor,
-buttonTextAlign,
+buttonLinkOnDarkHoverColor,
+buttonBackgroundColor,
+buttonDestructiveActiveBorderColor,
+buttonOutlineActiveBorderColor,
 };
 export const calendar = {
+calendarDaySelectedColor,
+calendarDayDisabledColor,
+calendarDayOutsideColor,
+calendarDaySize,
 calendarDayActiveBackgroundColor,
+calendarNavIconFill,
 calendarDayActiveColor,
-calendarDayColor,
-calendarDayDisabledColor,
-calendarDayFocusedBorderColor,
+calendarNavIconHoverFill,
+calendarPadding,
+calendarDaySelectedBackgroundColor,
+calendarNavIconActiveFill,
 calendarDayFocusedColor,
 calendarDayHoverBackgroundColor,
+calendarDayFocusedBorderColor,
 calendarDayHoverColor,
-calendarDayOutsideColor,
-calendarDaySelectedBackgroundColor,
-calendarDaySelectedColor,
-calendarDaySize,
+calendarNavIconDisabledFill,
+calendarDayColor,
 calendarDaySpacing,
-calendarNavIconActiveFill,
-calendarNavIconDisabledFill,
-calendarNavIconFill,
-calendarNavIconHoverFill,
-calendarPadding,
 };
 export const canvasColors = {
+canvasDay,
+canvasNight,
 canvasContrastDay,
 canvasContrastNight,
-canvasDay,
-canvasNight,
 };
@@ -816,64 +816,64 @@ export const cards = {
 export const colors = {
-backgroundAlternativeDarkColor,
-backgroundAlternativeLightColor,
-backgroundAlternativeSecondaryDarkColor,
-backgroundAlternativeSecondaryLightColor,
-backgroundDarkColor,
-backgroundLightColor,
-backgroundSecondaryDarkColor,
-backgroundSecondaryLightColor,
-backgroundTertiaryDarkColor,
-backgroundTertiaryLightColor,
-colorAbisko,
-colorBagan,
+colorSkyBlueShade03,
+colorPrimaryGradientLight,
+colorErfoud,
+colorValensole,
+colorMonteverde,
+colorSkyGrayTint01,
 colorBlack,
+colorSkyGrayTint02,
+colorSagano,
+colorSkyGrayTint03,
+colorSkyGrayTint04,
+colorHarbour,
+colorSkyGrayTint05,
+colorSkyGrayTint06,
 colorBlackTint01,
+colorSkyGrayTint07,
 colorBlackTint02,
+colorAbisko,
 colorBlackTint03,
 colorBlackTint04,
+colorWhite,
 colorBlackTint05,
 colorBlackTint06,
-colorBunol,
-colorErfoud,
+colorPanjin,
+colorKolkata,
 colorGlencoe,
-colorHarbour,
-colorHillier,
-colorKolkata,
-colorMonteverde,
-colorNara,
-colorPanjin,
+colorTochigi,
 colorPetra,
-colorPrimaryGradientLight,
-colorSagano,
 colorSkyBlue,
-colorSkyBlueShade01,
-colorSkyBlueShade02,
-colorSkyBlueShade03,
+colorBagan,
+colorHillier,
 colorSkyBlueTint01,
 colorSkyBlueTint02,
+colorBunol,
 colorSkyBlueTint03,
 colorSkyGray,
-colorSkyGrayTint01,
-colorSkyGrayTint02,
-colorSkyGrayTint03,
-colorSkyGrayTint04,
-colorSkyGrayTint05,
-colorSkyGrayTint06,
-colorSkyGrayTint07,
+colorNara,
+colorSkyBlueShade01,
+colorSkyBlueShade02,
+lineDarkColor,
+backgroundAlternativeSecondaryDarkColor,
+backgroundLightColor,
+backgroundDarkColor,
+backgroundAlternativeSecondaryLightColor,
 colorSystemGreen,
-colorSystemRed,
-colorTochigi,
-colorValensole,
-colorWhite,
-lineDarkColor,
 lineLightColor,
+backgroundTertiaryDarkColor,
+backgroundSecondaryDarkColor,
+backgroundAlternativeLightColor,
 primaryDarkColor,
+colorSystemRed,
+backgroundAlternativeDarkColor,
+primaryLightColor,
+backgroundTertiaryLightColor,
+backgroundSecondaryLightColor,
 primaryGradient,
-primaryLightColor,
 };
 export const coreColors = {
+coreEcoDay,
+coreEcoNight,
 coreAccentDay,
 coreAccentNight,
-coreEcoDay,
-coreEcoNight,
 corePrimaryDay,
@@ -883,28 +883,33 @@ corePrimaryNight,
 export const flare = {
-flareCornerRadius,
 flareHeightDesktop,
 flareHeightMobile,
+flareCornerRadius,
 };
 export const fontSizes = {
 buttonFontSize,
+h6FontSize,
+textXxxxlFontSize,
+textXxlFontSize,
+textBaseFontSize,
+textXlFontSize,
+textXxxxxlFontSize,
+textXxxlFontSize,
 h1FontSize,
 h2FontSize,
 h3FontSize,
+textSmFontSize,
 h4FontSize,
 h5FontSize,
-h6FontSize,
-textBaseFontSize,
 textLgFontSize,
-textSmFontSize,
-textXlFontSize,
 textXsFontSize,
-textXxlFontSize,
-textXxxlFontSize,
-textXxxxlFontSize,
-textXxxxxlFontSize,
 };
 export const fontWeights = {
+fontWeightBook,
+textXxxxlFontWeight,
+textXxlFontWeight,
 fontWeightBlack,
-fontWeightBold,
-fontWeightBook,
+textBaseFontWeight,
+textXlFontWeight,
+textXxxxxlFontWeight,
+textXxxlFontWeight,
 h1FontWeight,
@@ -914,81 +919,86 @@ h2FontWeight,
 h4FontWeight,
+textSmFontWeight,
 h5FontWeight,
-h6FontWeight,
-textBaseFontWeight,
 textLgFontWeight,
-textSmFontWeight,
-textXlFontWeight,
 textXsFontWeight,
-textXxlFontWeight,
-textXxxlFontWeight,
-textXxxxlFontWeight,
-textXxxxxlFontWeight,
+h6FontWeight,
+fontWeightBold,
 };
 export const forms = {
-checkboxCheckedTickColor,
+inputLargeHeight,
+selectColor,
+inputBorder,
+inputPlaceholderColor,
 formValidationArrowSize,
-formValidationColor,
+selectBorderRadius,
 inputBackground,
-inputBorder,
-inputBorderRadius,
+selectDisabledColor,
+requiredColor,
+selectPaddingTop,
+labelFontSize,
+labelLineHeight,
 inputBorderWidth,
+selectHeight,
+labelDisabledColor,
+selectPaddingRight,
+selectLargeHeight,
 inputColor,
-inputDisabledBorderColor,
+selectBorder,
+inputBorderRadius,
+radioCheckedCircleColor,
+selectDisabledBorderColor,
 inputDisabledColor,
-inputHeight,
-inputLargeHeight,
 inputPaddingX,
+checkboxCheckedTickColor,
 inputPaddingY,
-inputPlaceholderColor,
-labelColor,
-labelDisabledColor,
-labelFontSize,
-labelLineHeight,
-radioCheckedCircleColor,
-requiredColor,
-selectBorder,
-selectBorderRadius,
 selectBorderWidth,
-selectColor,
-selectDisabledBorderColor,
-selectDisabledColor,
-selectHeight,
-selectLargeHeight,
-selectPaddingBottom,
 selectPaddingLeft,
-selectPaddingRight,
-selectPaddingTop,
+labelColor,
+formValidationColor,
 textareaMinHeight,
+inputHeight,
+selectPaddingBottom,
+inputDisabledBorderColor,
 };
 export const grids = {
 gridColumns,
+gridGutter,
+gridContainerPadding,
 gridContainerMobilePadding,
-gridContainerPadding,
-gridGutter,
 };
 export const horizontalNav = {
-horizontalNavBarSelectedColor,
-horizontalNavLinkActiveColor,
 horizontalNavLinkColor,
 horizontalNavLinkHoverColor,
+horizontalNavLinkActiveColor,
 horizontalNavLinkSelectedColor,
+horizontalNavBarSelectedColor,
 };
 export const icons = {
+iconSizeSm,
 iconSizeLg,
-iconSizeSm,
 };
 export const letterSpacings = {
+textXlLetterSpacing,
+textBaseLetterSpacing,
 letterSpacingTight,
-textBaseLetterSpacing,
+textXxlLetterSpacing,
+textXsLetterSpacing,
 textLgLetterSpacing,
 textSmLetterSpacing,
-textXlLetterSpacing,
-textXsLetterSpacing,
-textXxlLetterSpacing,
 };
 export const lineColors = {
+lineNight,
 lineDay,
-lineNight,
 };
 export const lineHeights = {
+textLgLineHeight,
+textXsLineHeight,
+h5LineHeight,
+h6LineHeight,
+textXxlLineHeight,
+textXxxxlLineHeight,
+textBaseLineHeight,
+textXlLineHeight,
+textXxxxxlLineHeight,
+textXxxlLineHeight,
 h1LineHeight,
@@ -998,78 +1008,68 @@ h2LineHeight,
 h4LineHeight,
-h5LineHeight,
-h6LineHeight,
-textBaseLineHeight,
-textLgLineHeight,
 textSmLineHeight,
-textXlLineHeight,
-textXsLineHeight,
-textXxlLineHeight,
-textXxxlLineHeight,
-textXxxxlLineHeight,
-textXxxxxlLineHeight,
 };
 export const marcommsColors = {
 marcommsBerry,
+marcommsCharcoal,
+marcommsOrange,
+marcommsGrey40,
 marcommsBlueBright,
-marcommsBlueMuted,
-marcommsCharcoal,
-marcommsDarkSky,
-marcommsEcoGreen,
+marcommsYellow,
 marcommsGreenBright,
-marcommsGreenMuted,
-marcommsGrey40,
-marcommsOrange,
 marcommsPink,
-marcommsPinkMuted,
+marcommsSkyBlue,
+marcommsDarkSky,
 marcommsPurple,
-marcommsSkyBlue,
 marcommsWhite,
-marcommsYellow,
 marcommsYellowMuted,
+marcommsPinkMuted,
+marcommsGreenMuted,
+marcommsBlueMuted,
+marcommsEcoGreen,
 };
 export const modals = {
 modalBackgroundColor,
-modalContentPadding,
-modalHeaderPadding,
 modalInitialOpacity,
+modalOpacity,
 modalMaxWidth,
-modalOpacity,
 modalWideMaxWidth,
+modalHeaderPadding,
+modalContentPadding,
 };
 export const notifications = {
-bannerAlertBackgroundColor,
-bannerAlertChildrenColor,
 bannerAlertChildrenPaddingX,
+bannerAlertWarnColor,
 bannerAlertChildrenPaddingY,
-bannerAlertErrorColor,
+bannerAlertHeaderExpandableHoverBackgroundColor,
+bannerAlertBackgroundColor,
 bannerAlertEventColor,
-bannerAlertExpandIconFill,
-bannerAlertHeaderExpandableActiveBackgroundColor,
-bannerAlertHeaderExpandableHoverBackgroundColor,
 bannerAlertHeaderPaddingX,
 bannerAlertHeaderPaddingY,
-bannerAlertNeutralColor,
 bannerAlertPrimaryColor,
 bannerAlertSuccessColor,
-bannerAlertWarnColor,
+bannerAlertNeutralColor,
+bannerAlertErrorColor,
+bannerAlertChildrenColor,
+bannerAlertExpandIconFill,
+bannerAlertHeaderExpandableActiveBackgroundColor,
 };
 export const panels = {
+panelPadding,
+panelBorderColor,
 panelBackgroundColor,
-panelBorderColor,
-panelPadding,
 };
 export const radii = {
+borderRadiusXs,
+borderRadiusSm,
 borderRadiusMd,
 borderRadiusPill,
 borderRadiusPillLg,
-borderRadiusSm,
-borderRadiusXs,
 };
 export const ratings = {
+ratingBaseWidth,
 ratingBaseHeight,
-ratingBaseWidth,
+ratingSmWidth,
+ratingSmHeight,
+ratingLgWidth,
 ratingLgHeight,
-ratingLgWidth,
-ratingSmHeight,
-ratingSmWidth,
 };
@@ -1082,36 +1082,36 @@ export const scrimColors = {
 scrimBackgroundColor,
+scrimInitialOpacity,
+scrimOpacity,
+scrimMobileOpacity,
 scrimDarkBackgroundColor,
 scrimDarkOpacity,
-scrimInitialOpacity,
-scrimMobileOpacity,
-scrimOpacity,
 };
 export const spacings = {
-headingContentMarginTop,
-headingMarginBottom,
-headingMarginTop,
-listItemMarginBottom,
-listItemMarginTop,
-listMarginBottom,
-listMarginTop,
-listNestedMarginBottom,
-listNestedMarginTop,
+spacingLgV2,
+spacingSmV2,
 onePixelRem,
-pMarginBottom,
-pMarginTop,
+spacingMdV2,
+spacingXlV2,
+spacingXxlV2,
 spacingBase,
 spacingBaseV2,
-spacingIconText,
-spacingLg,
-spacingLgV2,
+spacingXl,
+spacingXxl,
 spacingMd,
-spacingMdV2,
 spacingNone,
 spacingSm,
-spacingSmV2,
-spacingXl,
-spacingXlV2,
+spacingIconText,
 spacingXs,
-spacingXxl,
-spacingXxlV2,
+spacingLg,
+headingMarginTop,
+listMarginTop,
+headingContentMarginTop,
+listNestedMarginTop,
+pMarginBottom,
+listItemMarginTop,
+listItemMarginBottom,
+pMarginTop,
+listNestedMarginBottom,
+listMarginBottom,
+headingMarginBottom,
 };
@@ -1122,14 +1122,14 @@ export const states = {
 export const statusColors = {
-statusDangerFillDay,
-statusDangerFillNight,
-statusDangerSpotDay,
-statusDangerSpotNight,
-statusSuccessFillDay,
+statusSuccessSpotNight,
 statusSuccessFillNight,
 statusSuccessSpotDay,
-statusSuccessSpotNight,
-statusWarningFillDay,
+statusSuccessFillDay,
+statusDangerSpotNight,
+statusWarningSpotNight,
+statusDangerFillNight,
 statusWarningFillNight,
+statusDangerSpotDay,
 statusWarningSpotDay,
-statusWarningSpotNight,
+statusDangerFillDay,
+statusWarningFillDay,
 };
@@ -1147,45 +1147,45 @@ export const surfaceColors = {
 export const textColors = {
+textOnDarkDay,
+textOnLightNight,
+textOnLightDay,
+textLinkNight,
+textDisabledNight,
+textPrimaryDarkColor,
+textLinkDay,
+textQuaternaryDarkColor,
+textPrimaryNight,
+textQuaternaryLightColor,
+textDisabledDay,
+textPrimaryLightColor,
+textPrimaryDay,
+textErrorNight,
+textErrorDay,
+textTertiaryDarkColor,
+textSecondaryDarkColor,
+textPrimaryInverseNight,
+textSecondaryNight,
+textOnDarkNight,
+textSecondaryLightColor,
+textPrimaryInverseDay,
+textTertiaryLightColor,
+textSecondaryDay,
+backgroundElevation03DarkColor,
+backgroundElevation02DarkColor,
 backgroundElevation01DarkColor,
 backgroundElevation01LightColor,
-backgroundElevation02DarkColor,
 backgroundElevation02LightColor,
-backgroundElevation03DarkColor,
 backgroundElevation03LightColor,
-fontColorBase,
+linkAlternateVisitedColor,
+linkWhiteActiveColor,
+linkWhiteHoverColor,
+linkWhiteColor,
+linkVisitedColor,
 linkActiveColor,
+linkWhiteVisitedColor,
 linkAlternateActiveColor,
+linkAlternateHoverColor,
 linkAlternateColor,
-linkAlternateHoverColor,
-linkAlternateVisitedColor,
+linkHoverColor,
+fontColorBase,
 linkColor,
-linkHoverColor,
-linkVisitedColor,
-linkWhiteActiveColor,
-linkWhiteColor,
-linkWhiteHoverColor,
-linkWhiteVisitedColor,
-textDisabledDay,
-textDisabledNight,
-textErrorDay,
-textErrorNight,
-textLinkDay,
-textLinkNight,
-textOnDarkDay,
-textOnDarkNight,
-textOnLightDay,
-textOnLightNight,
-textPrimaryDarkColor,
-textPrimaryDay,
-textPrimaryInverseDay,
-textPrimaryInverseNight,
-textPrimaryLightColor,
-textPrimaryNight,
-textQuaternaryDarkColor,
-textQuaternaryLightColor,
-textSecondaryDarkColor,
-textSecondaryDay,
-textSecondaryLightColor,
-textSecondaryNight,
-textTertiaryDarkColor,
-textTertiaryLightColor,
 };
@@ -1197,39 +1197,39 @@ export const textDecorations = {
 export const typesettings = {
+lineHeightXlTight,
+lineHeightXxxxxl,
+lineHeightXxxl,
+lineHeightXl,
+fontSizeXl,
+fontSizeXxxxxl,
+fontSizeXxxl,
+lineHeightSm,
+lineHeightLgTight,
+lineHeightLg,
+lineHeightXs,
+fontSizeSm,
+fontSizeXs,
+fontSizeLg,
+fontSizeRoot,
+fontSize6Xl,
 fontFamilyBase,
-fontSize6Xl,
+lineHeightBaseTight,
 fontSize7Xl,
+lineHeight6Xl,
 fontSize8Xl,
-fontSizeBase,
-fontSizeLg,
-fontSizeRoot,
-fontSizeSm,
-fontSizeXl,
-fontSizeXs,
 fontSizeXxl,
-fontSizeXxxl,
 fontSizeXxxxl,
-fontSizeXxxxxl,
-lineHeight6Xl,
+lineHeightBase,
 lineHeight7Xl,
+fontSizeBase,
 lineHeight8Xl,
-lineHeightBase,
-lineHeightBaseTight,
-lineHeightLg,
-lineHeightLgTight,
-lineHeightSm,
-lineHeightXl,
-lineHeightXlTight,
-lineHeightXs,
 lineHeightXxl,
-lineHeightXxxl,
 lineHeightXxxxl,
-lineHeightXxxxxl,
 };
 export const zIndices = {
 zindexAutosuggest,
-zindexDrawer,
-zindexModal,
 zindexPopover,
+zindexTooltip,
 zindexScrim,
-zindexTooltip,
+zindexModal,
+zindexDrawer,
 };

tokens/breakpoints.common.js

@@ -22,125 +22,63 @@ /*
 module.exports = {
-  backgroundAlternativeDarkColor: "rgb(0, 0, 0)",
-  backgroundAlternativeLightColor: "rgb(241, 242, 248)",
-  backgroundAlternativeSecondaryDarkColor: "rgb(29, 27, 32)",
-  backgroundAlternativeSecondaryLightColor: "rgb(255, 255, 255)",
-  backgroundDarkColor: "rgb(0, 0, 0)",
-  backgroundElevation01DarkColor: "rgb(29, 27, 32)",
-  backgroundElevation01LightColor: "rgb(255, 255, 255)",
-  backgroundElevation02DarkColor: "rgb(44, 44, 46)",
-  backgroundElevation02LightColor: "rgb(255, 255, 255)",
-  backgroundElevation03DarkColor: "rgb(58, 58, 60)",
-  backgroundElevation03LightColor: "rgb(255, 255, 255)",
-  backgroundLightColor: "rgb(255, 255, 255)",
-  backgroundSecondaryDarkColor: "rgb(29, 27, 32)",
-  backgroundSecondaryLightColor: "rgb(241, 242, 248)",
-  backgroundTertiaryDarkColor: "rgb(44, 44, 46)",
-  backgroundTertiaryLightColor: "rgb(255, 255, 255)",
-  breakpointDesktop: "80rem",
-  breakpointDesktopMargin: "1rem * 3",
-  breakpointMobile: "32rem",
-  breakpointMobileMargin: "1.5rem",
-  breakpointQueryAboveDesktop: "(min-width: 80.0625rem)",
-  breakpointQueryAboveMobile: "(min-width: 32.0625rem)",
-  breakpointQueryAboveTablet: "(min-width: 64.0625rem)",
-  breakpointQueryMobile: "(max-width: 32rem)",
-  breakpointQuerySmallMobile: "(max-width: 22.4375rem)",
-  breakpointQuerySmallTablet: "(max-width: 48rem)",
-  breakpointQuerySmallTabletOnly: "(min-width: 32.0625rem) and (max-width: 48rem)",
-  breakpointQueryTablet: "(max-width: 64rem)",
-  breakpointQueryTabletOnly: "(min-width: 32.0625rem) and (max-width: 64rem)",
-  breakpointSmallMobile: "22.4375rem",
-  breakpointSmallMobileMargin: "1rem",
-  breakpointSmallTablet: "48rem",
-  breakpointSmallTabletMargin: "1.5rem",
-  breakpointTablet: "64rem",
-  breakpointTabletMargin: "2rem",
-  canvasContrastDay: "rgb(241, 242, 248)",
-  canvasContrastNight: "rgb(29, 27, 32)",
-  canvasDay: "rgb(255, 255, 255)",
-  canvasNight: "rgb(0, 0, 0)",
-  colorAbisko: "rgb(90, 72, 155)",
-  colorBagan: "rgb(255, 235, 208)",
+  colorSkyBlueShade03: "rgb(2, 18, 44)",
+  colorPrimaryGradientLight: "rgb(7, 112, 227)",
+  colorErfoud: "rgb(255, 181, 77)",
+  colorValensole: "rgb(165, 155, 200)",
+  colorMonteverde: "rgb(0, 166, 152)",
+  colorSkyGrayTint01: "rgb(68, 69, 96)",
   colorBlack: "rgb(0, 0, 0)",
+  colorSkyGrayTint02: "rgb(104, 105, 127)",
+  colorSagano: "rgb(208, 238, 236)",
+  colorSkyGrayTint03: "rgb(143, 144, 160)",
+  colorSkyGrayTint04: "rgb(178, 178, 191)",
+  colorHarbour: "rgb(246, 221, 225)",
+  colorSkyGrayTint05: "rgb(205, 205, 215)",
+  colorSkyGrayTint06: "rgb(221, 221, 229)",
   colorBlackTint01: "rgb(29, 27, 32)",
+  colorSkyGrayTint07: "rgb(241, 242, 248)",
   colorBlackTint02: "rgb(44, 44, 46)",
+  colorAbisko: "rgb(90, 72, 155)",
   colorBlackTint03: "rgb(58, 58, 60)",
   colorBlackTint04: "rgb(72, 72, 74)",
+  colorWhite: "rgb(255, 255, 255)",
   colorBlackTint05: "rgb(99, 99, 102)",
   colorBlackTint06: "rgb(142, 142, 147)",
-  colorBunol: "rgb(255, 123, 89)",
-  colorErfoud: "rgb(255, 181, 77)",
+  colorPanjin: "rgb(209, 67, 91)",
+  colorKolkata: "rgb(255, 148, 0)",
   colorGlencoe: "rgb(115, 206, 198)",
-  colorHarbour: "rgb(246, 221, 225)",
-  colorHillier: "rgb(225, 139, 150)",
-  colorKolkata: "rgb(255, 148, 0)",
-  colorMonteverde: "rgb(0, 166, 152)",
-  colorNara: "rgb(255, 231, 224)",
-  colorPanjin: "rgb(209, 67, 91)",
+  colorTochigi: "rgb(225, 221, 236)",
   colorPetra: "rgb(255, 171, 149)",
-  colorPrimaryGradientLight: "rgb(7, 112, 227)",
-  colorSagano: "rgb(208, 238, 236)",
   colorSkyBlue: "rgb(7, 112, 227)",
-  colorSkyBlueShade01: "rgb(8, 78, 178)",
-  colorSkyBlueShade02: "rgb(4, 39, 89)",
-  colorSkyBlueShade03: "rgb(2, 18, 44)",
+  colorBagan: "rgb(255, 235, 208)",
+  colorHillier: "rgb(225, 139, 150)",
   colorSkyBlueTint01: "rgb(109, 159, 235)",
   colorSkyBlueTint02: "rgb(157, 192, 242)",
+  colorBunol: "rgb(255, 123, 89)",
   colorSkyBlueTint03: "rgb(205, 223, 248)",
   colorSkyGray: "rgb(17, 18, 54)",
-  colorSkyGrayTint01: "rgb(68, 69, 96)",
-  colorSkyGrayTint02: "rgb(104, 105, 127)",
-  colorSkyGrayTint03: "rgb(143, 144, 160)",
-  colorSkyGrayTint04: "rgb(178, 178, 191)",
-  colorSkyGrayTint05: "rgb(205, 205, 215)",
-  colorSkyGrayTint06: "rgb(221, 221, 229)",
-  colorSkyGrayTint07: "rgb(241, 242, 248)",
-  colorSystemGreen: "rgb(0, 166, 152)",
-  colorSystemRed: "rgb(209, 67, 91)",
-  colorTochigi: "rgb(225, 221, 236)",
-  colorValensole: "rgb(165, 155, 200)",
-  colorWhite: "rgb(255, 255, 255)",
+  colorNara: "rgb(255, 231, 224)",
+  colorSkyBlueShade01: "rgb(8, 78, 178)",
+  colorSkyBlueShade02: "rgb(4, 39, 89)",
+  canvasDay: "rgb(255, 255, 255)",
+  canvasNight: "rgb(0, 0, 0)",
+  canvasContrastDay: "rgb(241, 242, 248)",
+  canvasContrastNight: "rgb(29, 27, 32)",
+  coreEcoDay: "rgb(15, 161, 169)",
+  coreEcoNight: "rgb(15, 161, 169)",
   coreAccentDay: "rgb(7, 112, 227)",
   coreAccentNight: "rgb(109, 159, 235)",
-  coreEcoDay: "rgb(15, 161, 169)",
-  coreEcoNight: "rgb(15, 161, 169)",
   corePrimaryDay: "rgb(2, 18, 44)",
   corePrimaryNight: "rgb(5, 65, 132)",
-  lineDarkColor: "rgb(72, 72, 74)",
-  lineDay: "rgb(205, 205, 215)",
-  lineLightColor: "rgb(205, 205, 215)",
-  lineNight: "rgb(72, 72, 74)",
-  marcommsBerry: "rgb(209, 67, 91)",
-  marcommsBlueBright: "rgb(161, 238, 255)",
-  marcommsBlueMuted: "rgb(217, 248, 255)",
-  marcommsCharcoal: "rgb(17, 18, 54)",
-  marcommsDarkSky: "rgb(2, 18, 44)",
-  marcommsEcoGreen: "rgb(15, 161, 169)",
-  marcommsGreenBright: "rgb(147, 255, 222)",
-  marcommsGreenMuted: "rgb(208, 238, 236)",
-  marcommsGrey40: "rgb(104, 105, 127)",
-  marcommsOrange: "rgb(255, 123, 89)",
-  marcommsPink: "rgb(255, 163, 229)",
-  marcommsPinkMuted: "rgb(246, 221, 225)",
-  marcommsPurple: "rgb(142, 71, 186)",
-  marcommsSkyBlue: "rgb(7, 112, 227)",
-  marcommsWhite: "rgb(255, 255, 255)",
-  marcommsYellow: "rgb(254, 235, 135)",
-  marcommsYellowMuted: "rgb(255, 235, 208)",
-  primaryDarkColor: "rgb(109, 159, 235)",
-  primaryLightColor: "rgb(7, 112, 227)",
-  scrimDay: "rgb(2, 18, 44)",
-  scrimNight: "rgb(2, 18, 44)",
-  statusDangerFillDay: "rgb(246, 221, 225)",
-  statusDangerFillNight: "rgb(255, 202, 221)",
-  statusDangerSpotDay: "rgb(209, 67, 91)",
-  statusDangerSpotNight: "rgb(209, 67, 91)",
-  statusSuccessFillDay: "rgb(208, 238, 236)",
+  statusSuccessSpotNight: "rgb(0, 166, 152)",
   statusSuccessFillNight: "rgb(177, 255, 231)",
   statusSuccessSpotDay: "rgb(0, 166, 152)",
-  statusSuccessSpotNight: "rgb(0, 166, 152)",
-  statusWarningFillDay: "rgb(255, 235, 208)",
+  statusSuccessFillDay: "rgb(208, 238, 236)",
+  statusDangerSpotNight: "rgb(209, 67, 91)",
+  statusWarningSpotNight: "rgb(255, 181, 77)",
+  statusDangerFillNight: "rgb(255, 202, 221)",
   statusWarningFillNight: "rgb(251, 241, 187)",
+  statusDangerSpotDay: "rgb(209, 67, 91)",
   statusWarningSpotDay: "rgb(255, 148, 0)",
-  statusWarningSpotNight: "rgb(255, 181, 77)",
+  statusDangerFillDay: "rgb(246, 221, 225)",
+  statusWarningFillDay: "rgb(255, 235, 208)",
   surfaceContrastDay: "rgb(2, 18, 44)",
@@ -154,26 +92,88 @@ surfaceContrastNight: "rgb(29, 27, 32)",
   surfaceHighlightNight: "rgb(44, 44, 46)",
-  textDisabledDay: "rgb(178, 178, 191)",
-  textDisabledNight: "rgb(142, 142, 147)",
-  textErrorDay: "rgb(209, 67, 91)",
-  textErrorNight: "rgb(209, 67, 91)",
-  textLinkDay: "rgb(7, 112, 227)",
-  textLinkNight: "rgb(109, 159, 235)",
   textOnDarkDay: "rgb(255, 255, 255)",
-  textOnDarkNight: "rgb(255, 255, 255)",
+  textOnLightNight: "rgb(17, 18, 54)",
   textOnLightDay: "rgb(17, 18, 54)",
-  textOnLightNight: "rgb(17, 18, 54)",
+  textLinkNight: "rgb(109, 159, 235)",
+  textDisabledNight: "rgb(142, 142, 147)",
   textPrimaryDarkColor: "rgb(255, 255, 255)",
-  textPrimaryDay: "rgb(17, 18, 54)",
-  textPrimaryInverseDay: "rgb(255, 255, 255)",
-  textPrimaryInverseNight: "rgb(17, 18, 54)",
-  textPrimaryLightColor: "rgb(17, 18, 54)",
+  textLinkDay: "rgb(7, 112, 227)",
+  textQuaternaryDarkColor: "rgb(142, 142, 147)",
   textPrimaryNight: "rgb(255, 255, 255)",
-  textQuaternaryDarkColor: "rgb(142, 142, 147)",
   textQuaternaryLightColor: "rgb(143, 144, 160)",
+  textDisabledDay: "rgb(178, 178, 191)",
+  textPrimaryLightColor: "rgb(17, 18, 54)",
+  textPrimaryDay: "rgb(17, 18, 54)",
+  textErrorNight: "rgb(209, 67, 91)",
+  textErrorDay: "rgb(209, 67, 91)",
+  textTertiaryDarkColor: "rgb(142, 142, 147)",
   textSecondaryDarkColor: "rgb(178, 178, 191)",
+  textPrimaryInverseNight: "rgb(17, 18, 54)",
+  textSecondaryNight: "rgb(178, 178, 191)",
+  textOnDarkNight: "rgb(255, 255, 255)",
+  textSecondaryLightColor: "rgb(104, 105, 127)",
+  textPrimaryInverseDay: "rgb(255, 255, 255)",
+  textTertiaryLightColor: "rgb(143, 144, 160)",
   textSecondaryDay: "rgb(104, 105, 127)",
-  textSecondaryLightColor: "rgb(104, 105, 127)",
-  textSecondaryNight: "rgb(178, 178, 191)",
-  textTertiaryDarkColor: "rgb(142, 142, 147)",
-  textTertiaryLightColor: "rgb(143, 144, 160)"
+  scrimDay: "rgb(2, 18, 44)",
+  backgroundElevation03DarkColor: "rgb(58, 58, 60)",
+  backgroundElevation02DarkColor: "rgb(44, 44, 46)",
+  lineDarkColor: "rgb(72, 72, 74)",
+  backgroundElevation01DarkColor: "rgb(29, 27, 32)",
+  backgroundAlternativeSecondaryDarkColor: "rgb(29, 27, 32)",
+  backgroundLightColor: "rgb(255, 255, 255)",
+  backgroundDarkColor: "rgb(0, 0, 0)",
+  backgroundAlternativeSecondaryLightColor: "rgb(255, 255, 255)",
+  lineNight: "rgb(72, 72, 74)",
+  colorSystemGreen: "rgb(0, 166, 152)",
+  backgroundElevation01LightColor: "rgb(255, 255, 255)",
+  lineLightColor: "rgb(205, 205, 215)",
+  backgroundElevation02LightColor: "rgb(255, 255, 255)",
+  lineDay: "rgb(205, 205, 215)",
+  backgroundElevation03LightColor: "rgb(255, 255, 255)",
+  backgroundTertiaryDarkColor: "rgb(44, 44, 46)",
+  backgroundSecondaryDarkColor: "rgb(29, 27, 32)",
+  backgroundAlternativeLightColor: "rgb(241, 242, 248)",
+  primaryDarkColor: "rgb(109, 159, 235)",
+  colorSystemRed: "rgb(209, 67, 91)",
+  backgroundAlternativeDarkColor: "rgb(0, 0, 0)",
+  primaryLightColor: "rgb(7, 112, 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)",
+  marcommsOrange: "rgb(255, 123, 89)",
+  marcommsGrey40: "rgb(104, 105, 127)",
+  marcommsBlueBright: "rgb(161, 238, 255)",
+  marcommsYellow: "rgb(254, 235, 135)",
+  marcommsGreenBright: "rgb(147, 255, 222)",
+  marcommsPink: "rgb(255, 163, 229)",
+  marcommsSkyBlue: "rgb(7, 112, 227)",
+  marcommsDarkSky: "rgb(2, 18, 44)",
+  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)",
+  marcommsBlueMuted: "rgb(217, 248, 255)",
+  marcommsEcoGreen: "rgb(15, 161, 169)",
+  breakpointQueryTabletOnly: "(min-width: 32.0625rem) and (max-width: 64rem)",
+  breakpointSmallTabletMargin: "1.5rem",
+  breakpointQuerySmallTablet: "(max-width: 48rem)",
+  breakpointSmallMobileMargin: "1rem",
+  breakpointQueryMobile: "(max-width: 32rem)",
+  breakpointQuerySmallTabletOnly: "(min-width: 32.0625rem) and (max-width: 48rem)",
+  breakpointSmallMobile: "22.4375rem",
+  breakpointQueryAboveMobile: "(min-width: 32.0625rem)",
+  breakpointQueryTablet: "(max-width: 64rem)",
+  breakpointSmallTablet: "48rem",
+  breakpointQueryAboveTablet: "(min-width: 64.0625rem)",
+  breakpointDesktop: "80rem",
+  breakpointMobile: "32rem",
+  breakpointTablet: "64rem",
+  breakpointQueryAboveDesktop: "(min-width: 80.0625rem)",
+  breakpointTabletMargin: "2rem",
+  breakpointMobileMargin: "1.5rem",
+  breakpointQuerySmallMobile: "(max-width: 22.4375rem)",
+  breakpointDesktopMargin: "1rem * 3"
 };

tokens/breakpoints.es6.js

@@ -20,125 +20,63 @@ /*
  */
-export const backgroundAlternativeDarkColor = "rgb(0, 0, 0)";
-export const backgroundAlternativeLightColor = "rgb(241, 242, 248)";
-export const backgroundAlternativeSecondaryDarkColor = "rgb(29, 27, 32)";
-export const backgroundAlternativeSecondaryLightColor = "rgb(255, 255, 255)";
-export const backgroundDarkColor = "rgb(0, 0, 0)";
-export const backgroundElevation01DarkColor = "rgb(29, 27, 32)";
-export const backgroundElevation01LightColor = "rgb(255, 255, 255)";
-export const backgroundElevation02DarkColor = "rgb(44, 44, 46)";
-export const backgroundElevation02LightColor = "rgb(255, 255, 255)";
-export const backgroundElevation03DarkColor = "rgb(58, 58, 60)";
-export const backgroundElevation03LightColor = "rgb(255, 255, 255)";
-export const backgroundLightColor = "rgb(255, 255, 255)";
-export const backgroundSecondaryDarkColor = "rgb(29, 27, 32)";
-export const backgroundSecondaryLightColor = "rgb(241, 242, 248)";
-export const backgroundTertiaryDarkColor = "rgb(44, 44, 46)";
-export const backgroundTertiaryLightColor = "rgb(255, 255, 255)";
-export const breakpointDesktop = "80rem";
-export const breakpointDesktopMargin = "1rem * 3";
-export const breakpointMobile = "32rem";
-export const breakpointMobileMargin = "1.5rem";
-export const breakpointQueryAboveDesktop = "(min-width: 80.0625rem)";
-export const breakpointQueryAboveMobile = "(min-width: 32.0625rem)";
-export const breakpointQueryAboveTablet = "(min-width: 64.0625rem)";
-export const breakpointQueryMobile = "(max-width: 32rem)";
-export const breakpointQuerySmallMobile = "(max-width: 22.4375rem)";
-export const breakpointQuerySmallTablet = "(max-width: 48rem)";
-export const breakpointQuerySmallTabletOnly = "(min-width: 32.0625rem) and (max-width: 48rem)";
-export const breakpointQueryTablet = "(max-width: 64rem)";
-export const breakpointQueryTabletOnly = "(min-width: 32.0625rem) and (max-width: 64rem)";
-export const breakpointSmallMobile = "22.4375rem";
-export const breakpointSmallMobileMargin = "1rem";
-export const breakpointSmallTablet = "48rem";
-export const breakpointSmallTabletMargin = "1.5rem";
-export const breakpointTablet = "64rem";
-export const breakpointTabletMargin = "2rem";
-export const canvasContrastDay = "rgb(241, 242, 248)";
-export const canvasContrastNight = "rgb(29, 27, 32)";
-export const canvasDay = "rgb(255, 255, 255)";
-export const canvasNight = "rgb(0, 0, 0)";
-export const colorAbisko = "rgb(90, 72, 155)";
-export const colorBagan = "rgb(255, 235, 208)";
+export const colorSkyBlueShade03 = "rgb(2, 18, 44)";
+export const colorPrimaryGradientLight = "rgb(7, 112, 227)";
+export const colorErfoud = "rgb(255, 181, 77)";
+export const colorValensole = "rgb(165, 155, 200)";
+export const colorMonteverde = "rgb(0, 166, 152)";
+export const colorSkyGrayTint01 = "rgb(68, 69, 96)";
 export const colorBlack = "rgb(0, 0, 0)";
+export const colorSkyGrayTint02 = "rgb(104, 105, 127)";
+export const colorSagano = "rgb(208, 238, 236)";
+export const colorSkyGrayTint03 = "rgb(143, 144, 160)";
+export const colorSkyGrayTint04 = "rgb(178, 178, 191)";
+export const colorHarbour = "rgb(246, 221, 225)";
+export const colorSkyGrayTint05 = "rgb(205, 205, 215)";
+export const colorSkyGrayTint06 = "rgb(221, 221, 229)";
 export const colorBlackTint01 = "rgb(29, 27, 32)";
+export const colorSkyGrayTint07 = "rgb(241, 242, 248)";
 export const colorBlackTint02 = "rgb(44, 44, 46)";
+export const colorAbisko = "rgb(90, 72, 155)";
 export const colorBlackTint03 = "rgb(58, 58, 60)";
 export const colorBlackTint04 = "rgb(72, 72, 74)";
+export const colorWhite = "rgb(255, 255, 255)";
 export const colorBlackTint05 = "rgb(99, 99, 102)";
 export const colorBlackTint06 = "rgb(142, 142, 147)";
-export const colorBunol = "rgb(255, 123, 89)";
-export const colorErfoud = "rgb(255, 181, 77)";
+export const colorPanjin = "rgb(209, 67, 91)";
+export const colorKolkata = "rgb(255, 148, 0)";
 export const colorGlencoe = "rgb(115, 206, 198)";
-export const colorHarbour = "rgb(246, 221, 225)";
-export const colorHillier = "rgb(225, 139, 150)";
-export const colorKolkata = "rgb(255, 148, 0)";
-export const colorMonteverde = "rgb(0, 166, 152)";
-export const colorNara = "rgb(255, 231, 224)";
-export const colorPanjin = "rgb(209, 67, 91)";
+export const colorTochigi = "rgb(225, 221, 236)";
 export const colorPetra = "rgb(255, 171, 149)";
-export const colorPrimaryGradientLight = "rgb(7, 112, 227)";
-export const colorSagano = "rgb(208, 238, 236)";
 export const colorSkyBlue = "rgb(7, 112, 227)";
-export const colorSkyBlueShade01 = "rgb(8, 78, 178)";
-export const colorSkyBlueShade02 = "rgb(4, 39, 89)";
-export const colorSkyBlueShade03 = "rgb(2, 18, 44)";
+export const colorBagan = "rgb(255, 235, 208)";
+export const colorHillier = "rgb(225, 139, 150)";
 export const colorSkyBlueTint01 = "rgb(109, 159, 235)";
 export const colorSkyBlueTint02 = "rgb(157, 192, 242)";
+export const colorBunol = "rgb(255, 123, 89)";
 export const colorSkyBlueTint03 = "rgb(205, 223, 248)";
 export const colorSkyGray = "rgb(17, 18, 54)";
-export const colorSkyGrayTint01 = "rgb(68, 69, 96)";
-export const colorSkyGrayTint02 = "rgb(104, 105, 127)";
-export const colorSkyGrayTint03 = "rgb(143, 144, 160)";
-export const colorSkyGrayTint04 = "rgb(178, 178, 191)";
-export const colorSkyGrayTint05 = "rgb(205, 205, 215)";
-export const colorSkyGrayTint06 = "rgb(221, 221, 229)";
-export const colorSkyGrayTint07 = "rgb(241, 242, 248)";
-export const colorSystemGreen = "rgb(0, 166, 152)";
-export const colorSystemRed = "rgb(209, 67, 91)";
-export const colorTochigi = "rgb(225, 221, 236)";
-export const colorValensole = "rgb(165, 155, 200)";
-export const colorWhite = "rgb(255, 255, 255)";
+export const colorNara = "rgb(255, 231, 224)";
+export const colorSkyBlueShade01 = "rgb(8, 78, 178)";
+export const colorSkyBlueShade02 = "rgb(4, 39, 89)";
+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 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 coreEcoDay = "rgb(15, 161, 169)";
-export const coreEcoNight = "rgb(15, 161, 169)";
 export const corePrimaryDay = "rgb(2, 18, 44)";
 export const corePrimaryNight = "rgb(5, 65, 132)";
-export const lineDarkColor = "rgb(72, 72, 74)";
-export const lineDay = "rgb(205, 205, 215)";
-export const lineLightColor = "rgb(205, 205, 215)";
-export const lineNight = "rgb(72, 72, 74)";
-export const marcommsBerry = "rgb(209, 67, 91)";
-export const marcommsBlueBright = "rgb(161, 238, 255)";
-export const marcommsBlueMuted = "rgb(217, 248, 255)";
-export const marcommsCharcoal = "rgb(17, 18, 54)";
-export const marcommsDarkSky = "rgb(2, 18, 44)";
-export const marcommsEcoGreen = "rgb(15, 161, 169)";
-export const marcommsGreenBright = "rgb(147, 255, 222)";
-export const marcommsGreenMuted = "rgb(208, 238, 236)";
-export const marcommsGrey40 = "rgb(104, 105, 127)";
-export const marcommsOrange = "rgb(255, 123, 89)";
-export const marcommsPink = "rgb(255, 163, 229)";
-export const marcommsPinkMuted = "rgb(246, 221, 225)";
-export const marcommsPurple = "rgb(142, 71, 186)";
-export const marcommsSkyBlue = "rgb(7, 112, 227)";
-export const marcommsWhite = "rgb(255, 255, 255)";
-export const marcommsYellow = "rgb(254, 235, 135)";
-export const marcommsYellowMuted = "rgb(255, 235, 208)";
-export const primaryDarkColor = "rgb(109, 159, 235)";
-export const primaryLightColor = "rgb(7, 112, 227)";
-export const scrimDay = "rgb(2, 18, 44)";
-export const scrimNight = "rgb(2, 18, 44)";
-export const statusDangerFillDay = "rgb(246, 221, 225)";
-export const statusDangerFillNight = "rgb(255, 202, 221)";
-export const statusDangerSpotDay = "rgb(209, 67, 91)";
-export const statusDangerSpotNight = "rgb(209, 67, 91)";
-export const statusSuccessFillDay = "rgb(208, 238, 236)";
+export const statusSuccessSpotNight = "rgb(0, 166, 152)";
 export const statusSuccessFillNight = "rgb(177, 255, 231)";
 export const statusSuccessSpotDay = "rgb(0, 166, 152)";
-export const statusSuccessSpotNight = "rgb(0, 166, 152)";
-export const statusWarningFillDay = "rgb(255, 235, 208)";
+export const statusSuccessFillDay = "rgb(208, 238, 236)";
+export const statusDangerSpotNight = "rgb(209, 67, 91)";
+export const statusWarningSpotNight = "rgb(255, 181, 77)";
+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 statusWarningSpotNight = "rgb(255, 181, 77)";
+export const statusDangerFillDay = "rgb(246, 221, 225)";
+export const statusWarningFillDay = "rgb(255, 235, 208)";
 export const surfaceContrastDay = "rgb(2, 18, 44)";
@@ -152,115 +90,177 @@ export const surfaceContrastNight = "rgb(29, 27, 32)";
 export const surfaceHighlightNight = "rgb(44, 44, 46)";
-export const textDisabledDay = "rgb(178, 178, 191)";
-export const textDisabledNight = "rgb(142, 142, 147)";
-export const textErrorDay = "rgb(209, 67, 91)";
-export const textErrorNight = "rgb(209, 67, 91)";
-export const textLinkDay = "rgb(7, 112, 227)";
-export const textLinkNight = "rgb(109, 159, 235)";
 export const textOnDarkDay = "rgb(255, 255, 255)";
-export const textOnDarkNight = "rgb(255, 255, 255)";
+export const textOnLightNight = "rgb(17, 18, 54)";
 export const textOnLightDay = "rgb(17, 18, 54)";
-export const textOnLightNight = "rgb(17, 18, 54)";
+export const textLinkNight = "rgb(109, 159, 235)";
+export const textDisabledNight = "rgb(142, 142, 147)";
 export const textPrimaryDarkColor = "rgb(255, 255, 255)";
-export const textPrimaryDay = "rgb(17, 18, 54)";
-export const textPrimaryInverseDay = "rgb(255, 255, 255)";
-export const textPrimaryInverseNight = "rgb(17, 18, 54)";
-export const textPrimaryLightColor = "rgb(17, 18, 54)";
+export const textLinkDay = "rgb(7, 112, 227)";
+export const textQuaternaryDarkColor = "rgb(142, 142, 147)";
 export const textPrimaryNight = "rgb(255, 255, 255)";
-export const textQuaternaryDarkColor = "rgb(142, 142, 147)";
 export const textQuaternaryLightColor = "rgb(143, 144, 160)";
+export const textDisabledDay = "rgb(178, 178, 191)";
+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 textTertiaryDarkColor = "rgb(142, 142, 147)";
 export const textSecondaryDarkColor = "rgb(178, 178, 191)";
-export const textSecondaryDay = "rgb(104, 105, 127)";
+export const textPrimaryInverseNight = "rgb(17, 18, 54)";
+export const textSecondaryNight = "rgb(178, 178, 191)";
+export const textOnDarkNight = "rgb(255, 255, 255)";
 export const textSecondaryLightColor = "rgb(104, 105, 127)";
-export const textSecondaryNight = "rgb(178, 178, 191)";
-export const textTertiaryDarkColor = "rgb(142, 142, 147)";
+export const textPrimaryInverseDay = "rgb(255, 255, 255)";
 export const textTertiaryLightColor = "rgb(143, 144, 160)";
+export const textSecondaryDay = "rgb(104, 105, 127)";
+export const scrimDay = "rgb(2, 18, 44)";
+export const backgroundElevation03DarkColor = "rgb(58, 58, 60)";
+export const backgroundElevation02DarkColor = "rgb(44, 44, 46)";
+export const lineDarkColor = "rgb(72, 72, 74)";
+export const backgroundElevation01DarkColor = "rgb(29, 27, 32)";
+export const backgroundAlternativeSecondaryDarkColor = "rgb(29, 27, 32)";
+export const backgroundLightColor = "rgb(255, 255, 255)";
+export const backgroundDarkColor = "rgb(0, 0, 0)";
+export const backgroundAlternativeSecondaryLightColor = "rgb(255, 255, 255)";
+export const lineNight = "rgb(72, 72, 74)";
+export const colorSystemGreen = "rgb(0, 166, 152)";
+export const backgroundElevation01LightColor = "rgb(255, 255, 255)";
+export const lineLightColor = "rgb(205, 205, 215)";
+export const backgroundElevation02LightColor = "rgb(255, 255, 255)";
+export const lineDay = "rgb(205, 205, 215)";
+export const backgroundElevation03LightColor = "rgb(255, 255, 255)";
+export const backgroundTertiaryDarkColor = "rgb(44, 44, 46)";
+export const backgroundSecondaryDarkColor = "rgb(29, 27, 32)";
+export const backgroundAlternativeLightColor = "rgb(241, 242, 248)";
+export const primaryDarkColor = "rgb(109, 159, 235)";
+export const colorSystemRed = "rgb(209, 67, 91)";
+export const backgroundAlternativeDarkColor = "rgb(0, 0, 0)";
+export const primaryLightColor = "rgb(7, 112, 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 marcommsOrange = "rgb(255, 123, 89)";
+export const marcommsGrey40 = "rgb(104, 105, 127)";
+export const marcommsBlueBright = "rgb(161, 238, 255)";
+export const marcommsYellow = "rgb(254, 235, 135)";
+export const marcommsGreenBright = "rgb(147, 255, 222)";
+export const marcommsPink = "rgb(255, 163, 229)";
+export const marcommsSkyBlue = "rgb(7, 112, 227)";
+export const marcommsDarkSky = "rgb(2, 18, 44)";
+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 marcommsBlueMuted = "rgb(217, 248, 255)";
+export const marcommsEcoGreen = "rgb(15, 161, 169)";
+export const breakpointQueryTabletOnly = "(min-width: 32.0625rem) and (max-width: 64rem)";
+export const breakpointSmallTabletMargin = "1.5rem";
+export const breakpointQuerySmallTablet = "(max-width: 48rem)";
+export const breakpointSmallMobileMargin = "1rem";
+export const breakpointQueryMobile = "(max-width: 32rem)";
+export const breakpointQuerySmallTabletOnly = "(min-width: 32.0625rem) and (max-width: 48rem)";
+export const breakpointSmallMobile = "22.4375rem";
+export const breakpointQueryAboveMobile = "(min-width: 32.0625rem)";
+export const breakpointQueryTablet = "(max-width: 64rem)";
+export const breakpointSmallTablet = "48rem";
+export const breakpointQueryAboveTablet = "(min-width: 64.0625rem)";
+export const breakpointDesktop = "80rem";
+export const breakpointMobile = "32rem";
+export const breakpointTablet = "64rem";
+export const breakpointQueryAboveDesktop = "(min-width: 80.0625rem)";
+export const breakpointTabletMargin = "2rem";
+export const breakpointMobileMargin = "1.5rem";
+export const breakpointQuerySmallMobile = "(max-width: 22.4375rem)";
+export const breakpointDesktopMargin = "1rem * 3";
 export const breakpoints = {
-breakpointDesktop,
-breakpointDesktopMargin,
-breakpointMobile,
-breakpointMobileMargin,
-breakpointQueryAboveDesktop,
-breakpointQueryAboveMobile,
-breakpointQueryAboveTablet,
+breakpointQueryTabletOnly,
+breakpointSmallTabletMargin,
+breakpointQuerySmallTablet,
+breakpointSmallMobileMargin,
 breakpointQueryMobile,
-breakpointQuerySmallMobile,
-breakpointQuerySmallTablet,
 breakpointQuerySmallTabletOnly,
+breakpointSmallMobile,
+breakpointQueryAboveMobile,
 breakpointQueryTablet,
-breakpointQueryTabletOnly,
-breakpointSmallMobile,
-breakpointSmallMobileMargin,
 breakpointSmallTablet,
-breakpointSmallTabletMargin,
+breakpointQueryAboveTablet,
+breakpointDesktop,
+breakpointMobile,
 breakpointTablet,
+breakpointQueryAboveDesktop,
 breakpointTabletMargin,
+breakpointMobileMargin,
+breakpointQuerySmallMobile,
+breakpointDesktopMargin,
 };
 export const canvasColors = {
+canvasDay,
+canvasNight,
 canvasContrastDay,
 canvasContrastNight,
-canvasDay,
-canvasNight,
 };
 export const colors = {
-backgroundAlternativeDarkColor,
-backgroundAlternativeLightColor,
-backgroundAlternativeSecondaryDarkColor,
-backgroundAlternativeSecondaryLightColor,
-backgroundDarkColor,
-backgroundLightColor,
-backgroundSecondaryDarkColor,
-backgroundSecondaryLightColor,
-backgroundTertiaryDarkColor,
-backgroundTertiaryLightColor,
-colorAbisko,
-colorBagan,
+colorSkyBlueShade03,
+colorPrimaryGradientLight,
+colorErfoud,
+colorValensole,
+colorMonteverde,
+colorSkyGrayTint01,
 colorBlack,
+colorSkyGrayTint02,
+colorSagano,
+colorSkyGrayTint03,
+colorSkyGrayTint04,
+colorHarbour,
+colorSkyGrayTint05,
+colorSkyGrayTint06,
 colorBlackTint01,
+colorSkyGrayTint07,
 colorBlackTint02,
+colorAbisko,
 colorBlackTint03,
 colorBlackTint04,
+colorWhite,
 colorBlackTint05,
 colorBlackTint06,
-colorBunol,
-colorErfoud,
+colorPanjin,
+colorKolkata,
 colorGlencoe,
-colorHarbour,
-colorHillier,
-colorKolkata,
-colorMonteverde,
-colorNara,
-colorPanjin,
+colorTochigi,
 colorPetra,
-colorPrimaryGradientLight,
-colorSagano,
 colorSkyBlue,
-colorSkyBlueShade01,
-colorSkyBlueShade02,
-colorSkyBlueShade03,
+colorBagan,
+colorHillier,
 colorSkyBlueTint01,
 colorSkyBlueTint02,
+colorBunol,
 colorSkyBlueTint03,
 colorSkyGray,
-colorSkyGrayTint01,
-colorSkyGrayTint02,
-colorSkyGrayTint03,
-colorSkyGrayTint04,
-colorSkyGrayTint05,
-colorSkyGrayTint06,
-colorSkyGrayTint07,
+colorNara,
+colorSkyBlueShade01,
+colorSkyBlueShade02,
+lineDarkColor,
+backgroundAlternativeSecondaryDarkColor,
+backgroundLightColor,
+backgroundDarkColor,
+backgroundAlternativeSecondaryLightColor,
 colorSystemGreen,
-colorSystemRed,
-colorTochigi,
-colorValensole,
-colorWhite,
-lineDarkColor,
 lineLightColor,
+backgroundTertiaryDarkColor,
+backgroundSecondaryDarkColor,
+backgroundAlternativeLightColor,
 primaryDarkColor,
+colorSystemRed,
+backgroundAlternativeDarkColor,
 primaryLightColor,
+backgroundTertiaryLightColor,
+backgroundSecondaryLightColor,
 };
 export const coreColors = {
+coreEcoDay,
+coreEcoNight,
 coreAccentDay,
 coreAccentNight,
-coreEcoDay,
-coreEcoNight,
 corePrimaryDay,
@@ -270,23 +270,23 @@ corePrimaryNight,
 export const lineColors = {
+lineNight,
 lineDay,
-lineNight,
 };
 export const marcommsColors = {
 marcommsBerry,
+marcommsCharcoal,
+marcommsOrange,
+marcommsGrey40,
 marcommsBlueBright,
-marcommsBlueMuted,
-marcommsCharcoal,
-marcommsDarkSky,
-marcommsEcoGreen,
+marcommsYellow,
 marcommsGreenBright,
-marcommsGreenMuted,
-marcommsGrey40,
-marcommsOrange,
 marcommsPink,
-marcommsPinkMuted,
+marcommsSkyBlue,
+marcommsDarkSky,
 marcommsPurple,
-marcommsSkyBlue,
 marcommsWhite,
-marcommsYellow,
 marcommsYellowMuted,
+marcommsPinkMuted,
+marcommsGreenMuted,
+marcommsBlueMuted,
+marcommsEcoGreen,
 };
@@ -298,14 +298,14 @@ export const scrimColors = {
 export const statusColors = {
-statusDangerFillDay,
-statusDangerFillNight,
-statusDangerSpotDay,
-statusDangerSpotNight,
-statusSuccessFillDay,
+statusSuccessSpotNight,
 statusSuccessFillNight,
 statusSuccessSpotDay,
-statusSuccessSpotNight,
-statusWarningFillDay,
+statusSuccessFillDay,
+statusDangerSpotNight,
+statusWarningSpotNight,
+statusDangerFillNight,
 statusWarningFillNight,
+statusDangerSpotDay,
 statusWarningSpotDay,
-statusWarningSpotNight,
+statusDangerFillDay,
+statusWarningFillDay,
 };
@@ -323,32 +323,32 @@ export const surfaceColors = {
 export const textColors = {
-backgroundElevation01DarkColor,
-backgroundElevation01LightColor,
-backgroundElevation02DarkColor,
-backgroundElevation02LightColor,
-backgroundElevation03DarkColor,
-backgroundElevation03LightColor,
-textDisabledDay,
-textDisabledNight,
-textErrorDay,
-textErrorNight,
-textLinkDay,
-textLinkNight,
 textOnDarkDay,
-textOnDarkNight,
+textOnLightNight,
 textOnLightDay,
-textOnLightNight,
+textLinkNight,
+textDisabledNight,
 textPrimaryDarkColor,
-textPrimaryDay,
-textPrimaryInverseDay,
-textPrimaryInverseNight,
-textPrimaryLightColor,
+textLinkDay,
+textQuaternaryDarkColor,
 textPrimaryNight,
-textQuaternaryDarkColor,
 textQuaternaryLightColor,
+textDisabledDay,
+textPrimaryLightColor,
+textPrimaryDay,
+textErrorNight,
+textErrorDay,
+textTertiaryDarkColor,
 textSecondaryDarkColor,
-textSecondaryDay,
+textPrimaryInverseNight,
+textSecondaryNight,
+textOnDarkNight,
 textSecondaryLightColor,
-textSecondaryNight,
-textTertiaryDarkColor,
+textPrimaryInverseDay,
 textTertiaryLightColor,
+textSecondaryDay,
+backgroundElevation03DarkColor,
+backgroundElevation02DarkColor,
+backgroundElevation01DarkColor,
+backgroundElevation01LightColor,
+backgroundElevation02LightColor,
+backgroundElevation03LightColor,
 };

No alert changes

No metric changes

No dependency changes