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

Comparing version 8.0.0 to 8.1.0

package.json

 {
   "name": "@skyscanner/bpk-foundations-web",
-  "version": "8.0.0",
+  "version": "8.1.0",
   "description": "Common Backpack design tokens for colors, spacing, font, etc.",
@@ -20,6 +20,6 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@skyscanner/bpk-foundations-common": "^2.3.0",
+    "@skyscanner/bpk-foundations-common": "^2.4.0",
     "color": "^3.0.0"
   },
-  "gitHead": "a4302291105f26de3cbce014f53be610404fad06"
+  "gitHead": "7ea179bc17d38de5d6af941c6e5324125643b13d"
 }

tokens/base.common.js

@@ -25,6 +25,17 @@ /*
   autosuggestListItemHighlightedBackgroundColor: "rgb(241, 242, 248)",
+  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)",
@@ -247,2 +258,6 @@ badgeBackgroundColor: "rgb(255, 181, 77)",
   calendarPadding: ".75rem",
+  canvasContrastDay: "rgb(241, 242, 248)",
+  canvasContrastNight: "rgb(44, 44, 46)",
+  canvasDay: "rgb(255, 255, 255)",
+  canvasNight: "rgb(0, 0, 0)",
   cardBackgroundColor: "rgb(255, 255, 255)",
@@ -253,6 +268,27 @@ cardColor: "rgb(17, 18, 54)",
   colorAbisko: "rgb(90, 72, 155)",
+  colorAmberSpot: "rgb(255, 148, 0)",
   colorBagan: "rgb(255, 235, 208)",
+  colorBerry: "rgb(209, 67, 91)",
+  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)",
+  colorBlueBright: "rgb(161, 238, 255)",
+  colorBlueMuted: "rgb(217, 248, 255)",
   colorBunol: "rgb(255, 123, 89)",
+  colorCharcoal: "rgb(17, 18, 54)",
+  colorDarkSky: "rgb(2, 18, 44)",
+  colorEcoGreen: "rgb(15, 161, 169)",
   colorErfoud: "rgb(255, 181, 77)",
   colorGlencoe: "rgb(115, 206, 198)",
+  colorGreenBright: "rgb(147, 255, 222)",
+  colorGreenMuted: "rgb(208, 238, 236)",
+  colorGreenSpot: "rgb(0, 166, 152)",
+  colorGrey10: "rgb(241, 242, 248)",
+  colorGrey20: "rgb(221, 221, 229)",
+  colorGrey30: "rgb(205, 205, 215)",
+  colorGrey40: "rgb(104, 105, 127)",
   colorHarbour: "rgb(246, 221, 225)",
@@ -263,5 +299,21 @@ colorHillier: "rgb(225, 139, 150)",
   colorNara: "rgb(255, 231, 224)",
+  colorNightBerry: "rgb(209, 67, 91)",
+  colorNightBlue: "rgb(109, 159, 235)",
+  colorNightGreenFill: "rgb(177, 255, 231)",
+  colorNightGreenSpot: "rgb(0, 166, 152)",
+  colorNightGrey10: "rgb(0, 0, 0)",
+  colorNightGrey20: "rgb(44, 44, 46)",
+  colorNightGrey30: "rgb(72, 72, 74)",
+  colorNightGrey40: "rgb(142, 142, 147)",
+  colorNightPink: "rgb(255, 202, 221)",
+  colorNightSky: "rgb(5, 65, 132)",
+  colorNightYellowFill: "rgb(251, 241, 187)",
+  colorNightYellowSpot: "rgb(255, 181, 77)",
+  colorOrange: "rgb(255, 123, 89)",
   colorPanjin: "rgb(209, 67, 91)",
   colorPetra: "rgb(255, 171, 149)",
+  colorPink: "rgb(255, 163, 229)",
+  colorPinkMuted: "rgb(246, 221, 225)",
   colorPrimaryGradientLight: "rgb(7, 112, 227)",
+  colorPurple: "rgb(142, 71, 186)",
   colorSagano: "rgb(208, 238, 236)",
@@ -288,2 +340,10 @@ colorSkyBlue: "rgb(7, 112, 227)",
   colorWhite: "rgb(255, 255, 255)",
+  colorYellow: "rgb(254, 235, 135)",
+  colorYellowMuted: "rgb(255, 235, 208)",
+  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",
@@ -364,2 +424,4 @@ durationSm: "200ms",
   letterSpacingTight: "-0.02em",
+  lineDarkColor: "rgb(72, 72, 74)",
+  lineDay: "rgb(205, 205, 215)",
   lineHeight6Xl: "5.25rem",
@@ -381,2 +443,3 @@ lineHeight7Xl: "6rem",
   lineLightColor: "rgb(205, 205, 215)",
+  lineNight: "rgb(72, 72, 74)",
   linkActiveColor: "rgb(4, 39, 89)",
@@ -413,2 +476,3 @@ linkAlternateActiveColor: "rgb(221, 221, 229)",
   panelPadding: ".75rem",
+  primaryDarkColor: "rgb(109, 159, 235)",
   primaryGradient: "#0770e3",
@@ -429,4 +493,6 @@ primaryLightColor: "rgb(7, 112, 227)",
   scrimDarkOpacity: ".95",
+  scrimDay: "rgb(205, 205, 215)",
   scrimInitialOpacity: "0",
   scrimMobileOpacity: "1",
+  scrimNight: "rgb(72, 72, 74)",
   scrimOpacity: ".7",
@@ -461,2 +527,22 @@ selectBorder: "solid .0625rem #B2B2BF",
   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(44, 44, 46)",
+  surfaceDefaultDay: "rgb(255, 255, 255)",
+  surfaceDefaultNight: "rgb(44, 44, 46)",
+  surfaceElevatedDay: "rgb(255, 255, 255)",
+  surfaceElevatedNight: "rgb(27, 40, 57)",
+  surfaceHighlightDay: "rgb(221, 221, 229)",
+  surfaceHighlightNight: "rgb(177, 255, 231)",
   textareaMinHeight: "2.625rem * 2",
@@ -467,2 +553,6 @@ textBaseFontSize: "1rem",
   textBaseLineHeight: "1.5rem",
+  textDisabledDay: "rgb(0, 0, 0)",
+  textDisabledNight: "rgb(255, 255, 255)",
+  textErrorDay: "rgb(209, 67, 91)",
+  textErrorNight: "rgb(209, 67, 91)",
   textLgFontSize: "1.25rem",
@@ -472,5 +562,14 @@ textLgFontWeight: "400",
   textLgLineHeight: "1.75rem",
+  textLinkDay: "rgb(7, 112, 227)",
+  textLinkNight: "rgb(109, 159, 235)",
+  textPrimaryDarkColor: "rgb(255, 255, 255)",
+  textPrimaryDay: "rgb(17, 18, 54)",
   textPrimaryLightColor: "rgb(17, 18, 54)",
+  textPrimaryNight: "rgb(255, 255, 255)",
+  textQuaternaryDarkColor: "rgb(142, 142, 147)",
   textQuaternaryLightColor: "rgb(143, 144, 160)",
-  textSecondaryLightColor: "rgb(68, 69, 96)",
+  textSecondaryDarkColor: "rgb(178, 178, 191)",
+  textSecondaryDay: "rgb(104, 105, 127)",
+  textSecondaryLightColor: "rgb(104, 105, 127)",
+  textSecondaryNight: "rgb(178, 178, 191)",
   textSmFontSize: ".875rem",
@@ -480,2 +579,3 @@ textSmFontWeight: "400",
   textSmLineHeight: "1.25rem",
+  textTertiaryDarkColor: "rgb(142, 142, 147)",
   textTertiaryLightColor: "rgb(143, 144, 160)",
@@ -482,0 +582,0 @@ textXlFontSize: "1.5rem",

tokens/base.es6.js

@@ -23,6 +23,17 @@ /*
 export const autosuggestListItemHighlightedBackgroundColor = "rgb(241, 242, 248)";
+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)";
@@ -245,2 +256,6 @@ export const badgeBackgroundColor = "rgb(255, 181, 77)";
 export const calendarPadding = ".75rem";
+export const canvasContrastDay = "rgb(241, 242, 248)";
+export const canvasContrastNight = "rgb(44, 44, 46)";
+export const canvasDay = "rgb(255, 255, 255)";
+export const canvasNight = "rgb(0, 0, 0)";
 export const cardBackgroundColor = "rgb(255, 255, 255)";
@@ -251,6 +266,27 @@ export const cardColor = "rgb(17, 18, 54)";
 export const colorAbisko = "rgb(90, 72, 155)";
+export const colorAmberSpot = "rgb(255, 148, 0)";
 export const colorBagan = "rgb(255, 235, 208)";
+export const colorBerry = "rgb(209, 67, 91)";
+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 colorBlueBright = "rgb(161, 238, 255)";
+export const colorBlueMuted = "rgb(217, 248, 255)";
 export const colorBunol = "rgb(255, 123, 89)";
+export const colorCharcoal = "rgb(17, 18, 54)";
+export const colorDarkSky = "rgb(2, 18, 44)";
+export const colorEcoGreen = "rgb(15, 161, 169)";
 export const colorErfoud = "rgb(255, 181, 77)";
 export const colorGlencoe = "rgb(115, 206, 198)";
+export const colorGreenBright = "rgb(147, 255, 222)";
+export const colorGreenMuted = "rgb(208, 238, 236)";
+export const colorGreenSpot = "rgb(0, 166, 152)";
+export const colorGrey10 = "rgb(241, 242, 248)";
+export const colorGrey20 = "rgb(221, 221, 229)";
+export const colorGrey30 = "rgb(205, 205, 215)";
+export const colorGrey40 = "rgb(104, 105, 127)";
 export const colorHarbour = "rgb(246, 221, 225)";
@@ -261,5 +297,21 @@ export const colorHillier = "rgb(225, 139, 150)";
 export const colorNara = "rgb(255, 231, 224)";
+export const colorNightBerry = "rgb(209, 67, 91)";
+export const colorNightBlue = "rgb(109, 159, 235)";
+export const colorNightGreenFill = "rgb(177, 255, 231)";
+export const colorNightGreenSpot = "rgb(0, 166, 152)";
+export const colorNightGrey10 = "rgb(0, 0, 0)";
+export const colorNightGrey20 = "rgb(44, 44, 46)";
+export const colorNightGrey30 = "rgb(72, 72, 74)";
+export const colorNightGrey40 = "rgb(142, 142, 147)";
+export const colorNightPink = "rgb(255, 202, 221)";
+export const colorNightSky = "rgb(5, 65, 132)";
+export const colorNightYellowFill = "rgb(251, 241, 187)";
+export const colorNightYellowSpot = "rgb(255, 181, 77)";
+export const colorOrange = "rgb(255, 123, 89)";
 export const colorPanjin = "rgb(209, 67, 91)";
 export const colorPetra = "rgb(255, 171, 149)";
+export const colorPink = "rgb(255, 163, 229)";
+export const colorPinkMuted = "rgb(246, 221, 225)";
 export const colorPrimaryGradientLight = "rgb(7, 112, 227)";
+export const colorPurple = "rgb(142, 71, 186)";
 export const colorSagano = "rgb(208, 238, 236)";
@@ -286,2 +338,10 @@ export const colorSkyBlue = "rgb(7, 112, 227)";
 export const colorWhite = "rgb(255, 255, 255)";
+export const colorYellow = "rgb(254, 235, 135)";
+export const colorYellowMuted = "rgb(255, 235, 208)";
+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";
@@ -362,2 +422,4 @@ export const durationSm = "200ms";
 export const letterSpacingTight = "-0.02em";
+export const lineDarkColor = "rgb(72, 72, 74)";
+export const lineDay = "rgb(205, 205, 215)";
 export const lineHeight6Xl = "5.25rem";
@@ -379,2 +441,3 @@ export const lineHeight7Xl = "6rem";
 export const lineLightColor = "rgb(205, 205, 215)";
+export const lineNight = "rgb(72, 72, 74)";
 export const linkActiveColor = "rgb(4, 39, 89)";
@@ -411,2 +474,3 @@ export const linkAlternateActiveColor = "rgb(221, 221, 229)";
 export const panelPadding = ".75rem";
+export const primaryDarkColor = "rgb(109, 159, 235)";
 export const primaryGradient = "#0770e3";
@@ -427,4 +491,6 @@ export const primaryLightColor = "rgb(7, 112, 227)";
 export const scrimDarkOpacity = ".95";
+export const scrimDay = "rgb(205, 205, 215)";
 export const scrimInitialOpacity = "0";
 export const scrimMobileOpacity = "1";
+export const scrimNight = "rgb(72, 72, 74)";
 export const scrimOpacity = ".7";
@@ -459,2 +525,22 @@ export const selectBorder = "solid .0625rem #B2B2BF";
 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(44, 44, 46)";
+export const surfaceDefaultDay = "rgb(255, 255, 255)";
+export const surfaceDefaultNight = "rgb(44, 44, 46)";
+export const surfaceElevatedDay = "rgb(255, 255, 255)";
+export const surfaceElevatedNight = "rgb(27, 40, 57)";
+export const surfaceHighlightDay = "rgb(221, 221, 229)";
+export const surfaceHighlightNight = "rgb(177, 255, 231)";
 export const textareaMinHeight = "2.625rem * 2";
@@ -465,2 +551,6 @@ export const textBaseFontSize = "1rem";
 export const textBaseLineHeight = "1.5rem";
+export const textDisabledDay = "rgb(0, 0, 0)";
+export const textDisabledNight = "rgb(255, 255, 255)";
+export const textErrorDay = "rgb(209, 67, 91)";
+export const textErrorNight = "rgb(209, 67, 91)";
 export const textLgFontSize = "1.25rem";
@@ -470,5 +560,14 @@ export const textLgFontWeight = "400";
 export const textLgLineHeight = "1.75rem";
+export const textLinkDay = "rgb(7, 112, 227)";
+export const textLinkNight = "rgb(109, 159, 235)";
+export const textPrimaryDarkColor = "rgb(255, 255, 255)";
+export const textPrimaryDay = "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 textSecondaryLightColor = "rgb(68, 69, 96)";
+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 textSmFontSize = ".875rem";
@@ -478,2 +577,3 @@ export const textSmFontWeight = "400";
 export const textSmLineHeight = "1.25rem";
+export const textTertiaryDarkColor = "rgb(142, 142, 147)";
 export const textTertiaryLightColor = "rgb(143, 144, 160)";
@@ -724,2 +824,8 @@ export const textXlFontSize = "1.5rem";
 };
+export const canvasColors = {
+canvasContrastDay,
+canvasContrastNight,
+canvasDay,
+canvasNight,
+};
 export const cards = {
@@ -731,12 +837,38 @@ cardBackgroundColor,
 export const colors = {
+backgroundAlternativeDarkColor,
 backgroundAlternativeLightColor,
+backgroundAlternativeSecondaryDarkColor,
 backgroundAlternativeSecondaryLightColor,
+backgroundDarkColor,
 backgroundLightColor,
+backgroundSecondaryDarkColor,
 backgroundSecondaryLightColor,
+backgroundTertiaryDarkColor,
 backgroundTertiaryLightColor,
 colorAbisko,
+colorAmberSpot,
 colorBagan,
+colorBerry,
+colorBlack,
+colorBlackTint01,
+colorBlackTint02,
+colorBlackTint03,
+colorBlackTint04,
+colorBlackTint05,
+colorBlackTint06,
+colorBlueBright,
+colorBlueMuted,
 colorBunol,
+colorCharcoal,
+colorDarkSky,
+colorEcoGreen,
 colorErfoud,
 colorGlencoe,
+colorGreenBright,
+colorGreenMuted,
+colorGreenSpot,
+colorGrey10,
+colorGrey20,
+colorGrey30,
+colorGrey40,
 colorHarbour,
@@ -747,5 +879,21 @@ colorHillier,
 colorNara,
+colorNightBerry,
+colorNightBlue,
+colorNightGreenFill,
+colorNightGreenSpot,
+colorNightGrey10,
+colorNightGrey20,
+colorNightGrey30,
+colorNightGrey40,
+colorNightPink,
+colorNightSky,
+colorNightYellowFill,
+colorNightYellowSpot,
+colorOrange,
 colorPanjin,
 colorPetra,
+colorPink,
+colorPinkMuted,
 colorPrimaryGradientLight,
+colorPurple,
 colorSagano,
@@ -772,6 +920,18 @@ colorSkyBlue,
 colorWhite,
+colorYellow,
+colorYellowMuted,
+lineDarkColor,
 lineLightColor,
+primaryDarkColor,
 primaryGradient,
 primaryLightColor,
 };
+export const coreColors = {
+coreAccentDay,
+coreAccentNight,
+coreEcoDay,
+coreEcoNight,
+corePrimaryDay,
+corePrimaryNight,
+};
 export const flare = {
@@ -882,2 +1042,6 @@ flareCornerRadius,
 };
+export const lineColors = {
+lineDay,
+lineNight,
+};
 export const lineHeights = {
@@ -946,2 +1110,6 @@ h1LineHeight,
 };
+export const scrimColors = {
+scrimDay,
+scrimNight,
+};
 export const scrims = {
@@ -987,3 +1155,33 @@ scrimBackgroundColor,
 };
+export const statusColors = {
+statusDangerFillDay,
+statusDangerFillNight,
+statusDangerSpotDay,
+statusDangerSpotNight,
+statusSuccessFillDay,
+statusSuccessFillNight,
+statusSuccessSpotDay,
+statusSuccessSpotNight,
+statusWarningFillDay,
+statusWarningFillNight,
+statusWarningSpotDay,
+statusWarningSpotNight,
+};
+export const surfaceColors = {
+surfaceContrastDay,
+surfaceContrastNight,
+surfaceDefaultDay,
+surfaceDefaultNight,
+surfaceElevatedDay,
+surfaceElevatedNight,
+surfaceHighlightDay,
+surfaceHighlightNight,
+};
 export const textColors = {
+backgroundElevation01DarkColor,
+backgroundElevation01LightColor,
+backgroundElevation02DarkColor,
+backgroundElevation02LightColor,
+backgroundElevation03DarkColor,
+backgroundElevation03LightColor,
 fontColorBase,
@@ -1002,5 +1200,19 @@ linkActiveColor,
 linkWhiteVisitedColor,
+textDisabledDay,
+textDisabledNight,
+textErrorDay,
+textErrorNight,
+textLinkDay,
+textLinkNight,
+textPrimaryDarkColor,
+textPrimaryDay,
 textPrimaryLightColor,
+textPrimaryNight,
+textQuaternaryDarkColor,
 textQuaternaryLightColor,
+textSecondaryDarkColor,
+textSecondaryDay,
 textSecondaryLightColor,
+textSecondaryNight,
+textTertiaryDarkColor,
 textTertiaryLightColor,
@@ -1007,0 +1219,0 @@ };

tokens/breakpoints.common.js

@@ -22,2 +22,18 @@ /*
 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",
@@ -41,3 +57,132 @@ breakpointDesktopMargin: "1rem * 3",
   breakpointTablet: "64rem",
-  breakpointTabletMargin: "2rem"
+  breakpointTabletMargin: "2rem",
+  canvasContrastDay: "rgb(241, 242, 248)",
+  canvasContrastNight: "rgb(44, 44, 46)",
+  canvasDay: "rgb(255, 255, 255)",
+  canvasNight: "rgb(0, 0, 0)",
+  colorAbisko: "rgb(90, 72, 155)",
+  colorAmberSpot: "rgb(255, 148, 0)",
+  colorBagan: "rgb(255, 235, 208)",
+  colorBerry: "rgb(209, 67, 91)",
+  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)",
+  colorBlueBright: "rgb(161, 238, 255)",
+  colorBlueMuted: "rgb(217, 248, 255)",
+  colorBunol: "rgb(255, 123, 89)",
+  colorCharcoal: "rgb(17, 18, 54)",
+  colorDarkSky: "rgb(2, 18, 44)",
+  colorEcoGreen: "rgb(15, 161, 169)",
+  colorErfoud: "rgb(255, 181, 77)",
+  colorGlencoe: "rgb(115, 206, 198)",
+  colorGreenBright: "rgb(147, 255, 222)",
+  colorGreenMuted: "rgb(208, 238, 236)",
+  colorGreenSpot: "rgb(0, 166, 152)",
+  colorGrey10: "rgb(241, 242, 248)",
+  colorGrey20: "rgb(221, 221, 229)",
+  colorGrey30: "rgb(205, 205, 215)",
+  colorGrey40: "rgb(104, 105, 127)",
+  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)",
+  colorNightBerry: "rgb(209, 67, 91)",
+  colorNightBlue: "rgb(109, 159, 235)",
+  colorNightGreenFill: "rgb(177, 255, 231)",
+  colorNightGreenSpot: "rgb(0, 166, 152)",
+  colorNightGrey10: "rgb(0, 0, 0)",
+  colorNightGrey20: "rgb(44, 44, 46)",
+  colorNightGrey30: "rgb(72, 72, 74)",
+  colorNightGrey40: "rgb(142, 142, 147)",
+  colorNightPink: "rgb(255, 202, 221)",
+  colorNightSky: "rgb(5, 65, 132)",
+  colorNightYellowFill: "rgb(251, 241, 187)",
+  colorNightYellowSpot: "rgb(255, 181, 77)",
+  colorOrange: "rgb(255, 123, 89)",
+  colorPanjin: "rgb(209, 67, 91)",
+  colorPetra: "rgb(255, 171, 149)",
+  colorPink: "rgb(255, 163, 229)",
+  colorPinkMuted: "rgb(246, 221, 225)",
+  colorPrimaryGradientLight: "rgb(7, 112, 227)",
+  colorPurple: "rgb(142, 71, 186)",
+  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)",
+  colorYellow: "rgb(254, 235, 135)",
+  colorYellowMuted: "rgb(255, 235, 208)",
+  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)",
+  primaryDarkColor: "rgb(109, 159, 235)",
+  primaryLightColor: "rgb(7, 112, 227)",
+  scrimDay: "rgb(205, 205, 215)",
+  scrimNight: "rgb(72, 72, 74)",
+  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(44, 44, 46)",
+  surfaceDefaultDay: "rgb(255, 255, 255)",
+  surfaceDefaultNight: "rgb(44, 44, 46)",
+  surfaceElevatedDay: "rgb(255, 255, 255)",
+  surfaceElevatedNight: "rgb(27, 40, 57)",
+  surfaceHighlightDay: "rgb(221, 221, 229)",
+  surfaceHighlightNight: "rgb(177, 255, 231)",
+  textDisabledDay: "rgb(0, 0, 0)",
+  textDisabledNight: "rgb(255, 255, 255)",
+  textErrorDay: "rgb(209, 67, 91)",
+  textErrorNight: "rgb(209, 67, 91)",
+  textLinkDay: "rgb(7, 112, 227)",
+  textLinkNight: "rgb(109, 159, 235)",
+  textPrimaryDarkColor: "rgb(255, 255, 255)",
+  textPrimaryDay: "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)",
+  textTertiaryDarkColor: "rgb(142, 142, 147)",
+  textTertiaryLightColor: "rgb(143, 144, 160)"
 };

tokens/breakpoints.es6.js

@@ -20,2 +20,18 @@ /*
  */
+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";
@@ -40,2 +56,131 @@ export const breakpointDesktopMargin = "1rem * 3";
 export const breakpointTabletMargin = "2rem";
+export const canvasContrastDay = "rgb(241, 242, 248)";
+export const canvasContrastNight = "rgb(44, 44, 46)";
+export const canvasDay = "rgb(255, 255, 255)";
+export const canvasNight = "rgb(0, 0, 0)";
+export const colorAbisko = "rgb(90, 72, 155)";
+export const colorAmberSpot = "rgb(255, 148, 0)";
+export const colorBagan = "rgb(255, 235, 208)";
+export const colorBerry = "rgb(209, 67, 91)";
+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 colorBlueBright = "rgb(161, 238, 255)";
+export const colorBlueMuted = "rgb(217, 248, 255)";
+export const colorBunol = "rgb(255, 123, 89)";
+export const colorCharcoal = "rgb(17, 18, 54)";
+export const colorDarkSky = "rgb(2, 18, 44)";
+export const colorEcoGreen = "rgb(15, 161, 169)";
+export const colorErfoud = "rgb(255, 181, 77)";
+export const colorGlencoe = "rgb(115, 206, 198)";
+export const colorGreenBright = "rgb(147, 255, 222)";
+export const colorGreenMuted = "rgb(208, 238, 236)";
+export const colorGreenSpot = "rgb(0, 166, 152)";
+export const colorGrey10 = "rgb(241, 242, 248)";
+export const colorGrey20 = "rgb(221, 221, 229)";
+export const colorGrey30 = "rgb(205, 205, 215)";
+export const colorGrey40 = "rgb(104, 105, 127)";
+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 colorNightBerry = "rgb(209, 67, 91)";
+export const colorNightBlue = "rgb(109, 159, 235)";
+export const colorNightGreenFill = "rgb(177, 255, 231)";
+export const colorNightGreenSpot = "rgb(0, 166, 152)";
+export const colorNightGrey10 = "rgb(0, 0, 0)";
+export const colorNightGrey20 = "rgb(44, 44, 46)";
+export const colorNightGrey30 = "rgb(72, 72, 74)";
+export const colorNightGrey40 = "rgb(142, 142, 147)";
+export const colorNightPink = "rgb(255, 202, 221)";
+export const colorNightSky = "rgb(5, 65, 132)";
+export const colorNightYellowFill = "rgb(251, 241, 187)";
+export const colorNightYellowSpot = "rgb(255, 181, 77)";
+export const colorOrange = "rgb(255, 123, 89)";
+export const colorPanjin = "rgb(209, 67, 91)";
+export const colorPetra = "rgb(255, 171, 149)";
+export const colorPink = "rgb(255, 163, 229)";
+export const colorPinkMuted = "rgb(246, 221, 225)";
+export const colorPrimaryGradientLight = "rgb(7, 112, 227)";
+export const colorPurple = "rgb(142, 71, 186)";
+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 colorYellow = "rgb(254, 235, 135)";
+export const colorYellowMuted = "rgb(255, 235, 208)";
+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 primaryDarkColor = "rgb(109, 159, 235)";
+export const primaryLightColor = "rgb(7, 112, 227)";
+export const scrimDay = "rgb(205, 205, 215)";
+export const scrimNight = "rgb(72, 72, 74)";
+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(44, 44, 46)";
+export const surfaceDefaultDay = "rgb(255, 255, 255)";
+export const surfaceDefaultNight = "rgb(44, 44, 46)";
+export const surfaceElevatedDay = "rgb(255, 255, 255)";
+export const surfaceElevatedNight = "rgb(27, 40, 57)";
+export const surfaceHighlightDay = "rgb(221, 221, 229)";
+export const surfaceHighlightNight = "rgb(177, 255, 231)";
+export const textDisabledDay = "rgb(0, 0, 0)";
+export const textDisabledNight = "rgb(255, 255, 255)";
+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 textPrimaryDarkColor = "rgb(255, 255, 255)";
+export const textPrimaryDay = "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 textTertiaryDarkColor = "rgb(142, 142, 147)";
+export const textTertiaryLightColor = "rgb(143, 144, 160)";
 export const breakpoints = {
@@ -61,2 +206,163 @@ breakpointDesktop,
 breakpointTabletMargin,
+};
+export const canvasColors = {
+canvasContrastDay,
+canvasContrastNight,
+canvasDay,
+canvasNight,
+};
+export const colors = {
+backgroundAlternativeDarkColor,
+backgroundAlternativeLightColor,
+backgroundAlternativeSecondaryDarkColor,
+backgroundAlternativeSecondaryLightColor,
+backgroundDarkColor,
+backgroundLightColor,
+backgroundSecondaryDarkColor,
+backgroundSecondaryLightColor,
+backgroundTertiaryDarkColor,
+backgroundTertiaryLightColor,
+colorAbisko,
+colorAmberSpot,
+colorBagan,
+colorBerry,
+colorBlack,
+colorBlackTint01,
+colorBlackTint02,
+colorBlackTint03,
+colorBlackTint04,
+colorBlackTint05,
+colorBlackTint06,
+colorBlueBright,
+colorBlueMuted,
+colorBunol,
+colorCharcoal,
+colorDarkSky,
+colorEcoGreen,
+colorErfoud,
+colorGlencoe,
+colorGreenBright,
+colorGreenMuted,
+colorGreenSpot,
+colorGrey10,
+colorGrey20,
+colorGrey30,
+colorGrey40,
+colorHarbour,
+colorHillier,
+colorKolkata,
+colorMonteverde,
+colorNara,
+colorNightBerry,
+colorNightBlue,
+colorNightGreenFill,
+colorNightGreenSpot,
+colorNightGrey10,
+colorNightGrey20,
+colorNightGrey30,
+colorNightGrey40,
+colorNightPink,
+colorNightSky,
+colorNightYellowFill,
+colorNightYellowSpot,
+colorOrange,
+colorPanjin,
+colorPetra,
+colorPink,
+colorPinkMuted,
+colorPrimaryGradientLight,
+colorPurple,
+colorSagano,
+colorSkyBlue,
+colorSkyBlueShade01,
+colorSkyBlueShade02,
+colorSkyBlueShade03,
+colorSkyBlueTint01,
+colorSkyBlueTint02,
+colorSkyBlueTint03,
+colorSkyGray,
+colorSkyGrayTint01,
+colorSkyGrayTint02,
+colorSkyGrayTint03,
+colorSkyGrayTint04,
+colorSkyGrayTint05,
+colorSkyGrayTint06,
+colorSkyGrayTint07,
+colorSystemGreen,
+colorSystemRed,
+colorTochigi,
+colorValensole,
+colorWhite,
+colorYellow,
+colorYellowMuted,
+lineDarkColor,
+lineLightColor,
+primaryDarkColor,
+primaryLightColor,
+};
+export const coreColors = {
+coreAccentDay,
+coreAccentNight,
+coreEcoDay,
+coreEcoNight,
+corePrimaryDay,
+corePrimaryNight,
+};
+export const lineColors = {
+lineDay,
+lineNight,
+};
+export const scrimColors = {
+scrimDay,
+scrimNight,
+};
+export const statusColors = {
+statusDangerFillDay,
+statusDangerFillNight,
+statusDangerSpotDay,
+statusDangerSpotNight,
+statusSuccessFillDay,
+statusSuccessFillNight,
+statusSuccessSpotDay,
+statusSuccessSpotNight,
+statusWarningFillDay,
+statusWarningFillNight,
+statusWarningSpotDay,
+statusWarningSpotNight,
+};
+export const surfaceColors = {
+surfaceContrastDay,
+surfaceContrastNight,
+surfaceDefaultDay,
+surfaceDefaultNight,
+surfaceElevatedDay,
+surfaceElevatedNight,
+surfaceHighlightDay,
+surfaceHighlightNight,
+};
+export const textColors = {
+backgroundElevation01DarkColor,
+backgroundElevation01LightColor,
+backgroundElevation02DarkColor,
+backgroundElevation02LightColor,
+backgroundElevation03DarkColor,
+backgroundElevation03LightColor,
+textDisabledDay,
+textDisabledNight,
+textErrorDay,
+textErrorNight,
+textLinkDay,
+textLinkNight,
+textPrimaryDarkColor,
+textPrimaryDay,
+textPrimaryLightColor,
+textPrimaryNight,
+textQuaternaryDarkColor,
+textQuaternaryLightColor,
+textSecondaryDarkColor,
+textSecondaryDay,
+textSecondaryLightColor,
+textSecondaryNight,
+textTertiaryDarkColor,
+textTertiaryLightColor,
 };

tokens/breakpoints.raw.json

@@ -15,5 +15,14 @@ {
     },
+    "YELLOW_MUTED": {
+      "value": "#FFEBD0"
+    },
+    "NIGHT_BLUE": {
+      "value": "#6D9FEB"
+    },
     "SKY_GRAY": {
       "value": "#111236"
     },
+    "PINK_MUTED": {
+      "value": "#F6DDE1"
+    },
     "NARA": {
@@ -34,5 +43,20 @@ "value": "#ffe7e0"
     },
+    "NIGHT_GREEN_SPOT": {
+      "value": "#00A698"
+    },
+    "NIGHT_GREEN_FILL": {
+      "value": "#B1FFE7"
+    },
+    "NIGHT_YELLOW_SPOT": {
+      "value": "#FFB54D"
+    },
+    "BLUE_MUTED": {
+      "value": "#D9F8FF"
+    },
     "BLACK_TINT_02": {
       "value": "#2C2C2E"
     },
+    "NIGHT_YELLOW_FILL": {
+      "value": "#FBF1BB"
+    },
     "BLACK_TINT_03": {
@@ -86,14 +110,32 @@ "value": "#3A3A3C"
     },
+    "CHARCOAL": {
+      "value": "#111236"
+    },
     "SKY_GRAY_TINT_07": {
       "value": "#F1F2F8"
     },
+    "ORANGE": {
+      "value": "#FF7B59"
+    },
     "PETRA": {
       "value": "#ffab95"
     },
+    "GREEN_MUTED": {
+      "value": "#D0EEEC"
+    },
     "ABISKO": {
       "value": "#5a489b"
     },
+    "NIGHT_BERRY": {
+      "value": "#D1435B"
+    },
     "PANJIN": {
       "value": "#d1435b"
     },
+    "YELLOW": {
+      "value": "#FEEB87"
+    },
+    "ECO_GREEN": {
+      "value": "#0FA1A9"
+    },
     "HILLIER": {
@@ -105,2 +147,23 @@ "value": "#e18b96"
     },
+    "NIGHT_GREY_40": {
+      "value": "#8E8E93"
+    },
+    "PINK": {
+      "value": "#FFA3E5"
+    },
+    "NIGHT_GREY_30": {
+      "value": "#48484A"
+    },
+    "BERRY": {
+      "value": "#D1435B"
+    },
+    "GREEN_BRIGHT": {
+      "value": "#93FFDE"
+    },
+    "NIGHT_GREY_20": {
+      "value": "#2C2C2E"
+    },
+    "DARK_SKY": {
+      "value": "#02122C"
+    },
     "SKY_BLUE": {
@@ -112,2 +175,8 @@ "value": "#0770e3"
     },
+    "NIGHT_GREY_10": {
+      "value": "#000000"
+    },
+    "NIGHT_SKY": {
+      "value": "#054184"
+    },
     "SKY_BLUE_SHADE_01": {
@@ -122,11 +191,41 @@ "value": "#084eb2"
     },
+    "NIGHT_GREY_25": {
+      "value": "#1B2839"
+    },
+    "PURPLE": {
+      "value": "#8E47BA"
+    },
+    "GREY_40": {
+      "value": "#68697F"
+    },
+    "NIGHT_PINK": {
+      "value": "#FFCADD"
+    },
+    "GREY_30": {
+      "value": "#CDCDD7"
+    },
+    "GREEN_SPOT": {
+      "value": "#00A698"
+    },
     "SKY_BLUE_TINT_01": {
       "value": "#6d9feb"
     },
+    "AMBER_SPOT": {
+      "value": "#FF9400"
+    },
+    "GREY_20": {
+      "value": "#DDDDE5"
+    },
     "SKY_BLUE_TINT_02": {
       "value": "#9dc0f2"
     },
+    "BLUE_BRIGHT": {
+      "value": "#A1EEFF"
+    },
     "VALENSOLE": {
       "value": "#a59bc8"
     },
+    "GREY_10": {
+      "value": "#F1F2F8"
+    },
     "BLACK": {
@@ -356,2 +455,1018 @@ "value": "#000000"
   "props": {
+    "COLOR_GREY_40": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(104, 105, 127)",
+      "originalValue": "{!GREY_40}",
+      "name": "COLOR_GREY_40"
+    },
+    "COLOR_SKY_BLUE_SHADE_03": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(2, 18, 44)",
+      "originalValue": "{!SKY_BLUE_SHADE_03}",
+      "name": "COLOR_SKY_BLUE_SHADE_03"
+    },
+    "COLOR_PRIMARY_GRADIENT_LIGHT": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(7, 112, 227)",
+      "originalValue": "{!SKY_BLUE}",
+      "name": "COLOR_PRIMARY_GRADIENT_LIGHT"
+    },
+    "COLOR_NIGHT_GREEN_SPOT": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(0, 166, 152)",
+      "originalValue": "{!NIGHT_GREEN_SPOT}",
+      "name": "COLOR_NIGHT_GREEN_SPOT"
+    },
+    "COLOR_GREY_30": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(205, 205, 215)",
+      "originalValue": "{!GREY_30}",
+      "name": "COLOR_GREY_30"
+    },
+    "COLOR_ERFOUD": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(255, 181, 77)",
+      "originalValue": "{!ERFOUD}",
+      "name": "COLOR_ERFOUD"
+    },
+    "COLOR_NIGHT_GREEN_FILL": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(177, 255, 231)",
+      "originalValue": "{!NIGHT_GREEN_FILL}",
+      "name": "COLOR_NIGHT_GREEN_FILL"
+    },
+    "COLOR_GREY_20": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(221, 221, 229)",
+      "originalValue": "{!GREY_20}",
+      "name": "COLOR_GREY_20"
+    },
+    "COLOR_BLUE_MUTED": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(217, 248, 255)",
+      "originalValue": "{!BLUE_MUTED}",
+      "name": "COLOR_BLUE_MUTED"
+    },
+    "COLOR_VALENSOLE": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(165, 155, 200)",
+      "originalValue": "{!VALENSOLE}",
+      "name": "COLOR_VALENSOLE"
+    },
+    "COLOR_MONTEVERDE": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(0, 166, 152)",
+      "originalValue": "{!MONTEVERDE}",
+      "name": "COLOR_MONTEVERDE"
+    },
+    "COLOR_GREY_10": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(241, 242, 248)",
+      "originalValue": "{!GREY_10}",
+      "name": "COLOR_GREY_10"
+    },
+    "COLOR_BLUE_BRIGHT": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(161, 238, 255)",
+      "originalValue": "{!BLUE_BRIGHT}",
+      "name": "COLOR_BLUE_BRIGHT"
+    },
+    "COLOR_SKY_GRAY_TINT_01": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(68, 69, 96)",
+      "originalValue": "{!SKY_GRAY_TINT_01}",
+      "name": "COLOR_SKY_GRAY_TINT_01"
+    },
+    "COLOR_BLACK": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(0, 0, 0)",
+      "originalValue": "{!BLACK}",
+      "name": "COLOR_BLACK"
+    },
+    "COLOR_SKY_GRAY_TINT_02": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(104, 105, 127)",
+      "originalValue": "{!SKY_GRAY_TINT_02}",
+      "name": "COLOR_SKY_GRAY_TINT_02"
+    },
+    "COLOR_SAGANO": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(208, 238, 236)",
+      "originalValue": "{!SAGANO}",
+      "name": "COLOR_SAGANO"
+    },
+    "COLOR_SKY_GRAY_TINT_03": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(143, 144, 160)",
+      "originalValue": "{!SKY_GRAY_TINT_03}",
+      "name": "COLOR_SKY_GRAY_TINT_03"
+    },
+    "COLOR_SKY_GRAY_TINT_04": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(178, 178, 191)",
+      "originalValue": "{!SKY_GRAY_TINT_04}",
+      "name": "COLOR_SKY_GRAY_TINT_04"
+    },
+    "COLOR_HARBOUR": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(246, 221, 225)",
+      "originalValue": "{!HARBOUR}",
+      "name": "COLOR_HARBOUR"
+    },
+    "COLOR_SKY_GRAY_TINT_05": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(205, 205, 215)",
+      "originalValue": "{!SKY_GRAY_TINT_05}",
+      "name": "COLOR_SKY_GRAY_TINT_05"
+    },
+    "COLOR_SKY_GRAY_TINT_06": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(221, 221, 229)",
+      "originalValue": "{!SKY_GRAY_TINT_06}",
+      "name": "COLOR_SKY_GRAY_TINT_06"
+    },
+    "COLOR_BLACK_TINT_01": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(29, 27, 32)",
+      "originalValue": "{!BLACK_TINT_01}",
+      "name": "COLOR_BLACK_TINT_01"
+    },
+    "COLOR_CHARCOAL": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(17, 18, 54)",
+      "originalValue": "{!CHARCOAL}",
+      "name": "COLOR_CHARCOAL"
+    },
+    "COLOR_SKY_GRAY_TINT_07": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(241, 242, 248)",
+      "originalValue": "{!SKY_GRAY_TINT_07}",
+      "name": "COLOR_SKY_GRAY_TINT_07"
+    },
+    "COLOR_BLACK_TINT_02": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(44, 44, 46)",
+      "originalValue": "{!BLACK_TINT_02}",
+      "name": "COLOR_BLACK_TINT_02"
+    },
+    "COLOR_NIGHT_YELLOW_SPOT": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(255, 181, 77)",
+      "originalValue": "{!NIGHT_YELLOW_SPOT}",
+      "name": "COLOR_NIGHT_YELLOW_SPOT"
+    },
+    "COLOR_ORANGE": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(255, 123, 89)",
+      "originalValue": "{!ORANGE}",
+      "name": "COLOR_ORANGE"
+    },
+    "COLOR_ABISKO": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(90, 72, 155)",
+      "originalValue": "{!ABISKO}",
+      "name": "COLOR_ABISKO"
+    },
+    "COLOR_BLACK_TINT_03": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(58, 58, 60)",
+      "originalValue": "{!BLACK_TINT_03}",
+      "name": "COLOR_BLACK_TINT_03"
+    },
+    "COLOR_NIGHT_YELLOW_FILL": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(251, 241, 187)",
+      "originalValue": "{!NIGHT_YELLOW_FILL}",
+      "name": "COLOR_NIGHT_YELLOW_FILL"
+    },
+    "COLOR_BLACK_TINT_04": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(72, 72, 74)",
+      "originalValue": "{!BLACK_TINT_04}",
+      "name": "COLOR_BLACK_TINT_04"
+    },
+    "COLOR_WHITE": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(255, 255, 255)",
+      "originalValue": "{!WHITE}",
+      "name": "COLOR_WHITE"
+    },
+    "COLOR_BLACK_TINT_05": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(99, 99, 102)",
+      "originalValue": "{!BLACK_TINT_05}",
+      "name": "COLOR_BLACK_TINT_05"
+    },
+    "COLOR_BLACK_TINT_06": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(142, 142, 147)",
+      "originalValue": "{!BLACK_TINT_06}",
+      "name": "COLOR_BLACK_TINT_06"
+    },
+    "COLOR_PANJIN": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(209, 67, 91)",
+      "originalValue": "{!PANJIN}",
+      "name": "COLOR_PANJIN"
+    },
+    "COLOR_KOLKATA": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(255, 148, 0)",
+      "originalValue": "{!KOLKATA}",
+      "name": "COLOR_KOLKATA"
+    },
+    "COLOR_GLENCOE": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(115, 206, 198)",
+      "originalValue": "{!GLENCOE}",
+      "name": "COLOR_GLENCOE"
+    },
+    "COLOR_TOCHIGI": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(225, 221, 236)",
+      "originalValue": "{!TOCHIGI}",
+      "name": "COLOR_TOCHIGI"
+    },
+    "COLOR_YELLOW": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(254, 235, 135)",
+      "originalValue": "{!YELLOW}",
+      "name": "COLOR_YELLOW"
+    },
+    "COLOR_PINK": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(255, 163, 229)",
+      "originalValue": "{!PINK}",
+      "name": "COLOR_PINK"
+    },
+    "COLOR_GREEN_BRIGHT": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(147, 255, 222)",
+      "originalValue": "{!GREEN_BRIGHT}",
+      "name": "COLOR_GREEN_BRIGHT"
+    },
+    "COLOR_PETRA": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(255, 171, 149)",
+      "originalValue": "{!PETRA}",
+      "name": "COLOR_PETRA"
+    },
+    "COLOR_NIGHT_BERRY": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(209, 67, 91)",
+      "originalValue": "{!NIGHT_BERRY}",
+      "name": "COLOR_NIGHT_BERRY"
+    },
+    "COLOR_GREEN_MUTED": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(208, 238, 236)",
+      "originalValue": "{!GREEN_MUTED}",
+      "name": "COLOR_GREEN_MUTED"
+    },
+    "COLOR_DARK_SKY": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(2, 18, 44)",
+      "originalValue": "{!DARK_SKY}",
+      "name": "COLOR_DARK_SKY"
+    },
+    "COLOR_SKY_BLUE": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(7, 112, 227)",
+      "originalValue": "{!SKY_BLUE}",
+      "name": "COLOR_SKY_BLUE"
+    },
+    "COLOR_PURPLE": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(142, 71, 186)",
+      "originalValue": "{!PURPLE}",
+      "name": "COLOR_PURPLE"
+    },
+    "COLOR_BAGAN": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(255, 235, 208)",
+      "originalValue": "{!BAGAN}",
+      "name": "COLOR_BAGAN"
+    },
+    "COLOR_NIGHT_GREY_40": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(142, 142, 147)",
+      "originalValue": "{!NIGHT_GREY_40}",
+      "name": "COLOR_NIGHT_GREY_40"
+    },
+    "COLOR_ECO_GREEN": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(15, 161, 169)",
+      "originalValue": "{!ECO_GREEN}",
+      "name": "COLOR_ECO_GREEN"
+    },
+    "COLOR_NIGHT_PINK": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(255, 202, 221)",
+      "originalValue": "{!NIGHT_PINK}",
+      "name": "COLOR_NIGHT_PINK"
+    },
+    "COLOR_HILLIER": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(225, 139, 150)",
+      "originalValue": "{!HILLIER}",
+      "name": "COLOR_HILLIER"
+    },
+    "COLOR_AMBER_SPOT": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(255, 148, 0)",
+      "originalValue": "{!AMBER_SPOT}",
+      "name": "COLOR_AMBER_SPOT"
+    },
+    "COLOR_NIGHT_GREY_30": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(72, 72, 74)",
+      "originalValue": "{!NIGHT_GREY_30}",
+      "name": "COLOR_NIGHT_GREY_30"
+    },
+    "COLOR_SKY_BLUE_TINT_01": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(109, 159, 235)",
+      "originalValue": "{!SKY_BLUE_TINT_01}",
+      "name": "COLOR_SKY_BLUE_TINT_01"
+    },
+    "COLOR_BERRY": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(209, 67, 91)",
+      "originalValue": "{!BERRY}",
+      "name": "COLOR_BERRY"
+    },
+    "COLOR_GREEN_SPOT": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(0, 166, 152)",
+      "originalValue": "{!GREEN_SPOT}",
+      "name": "COLOR_GREEN_SPOT"
+    },
+    "COLOR_NIGHT_GREY_20": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(44, 44, 46)",
+      "originalValue": "{!NIGHT_GREY_20}",
+      "name": "COLOR_NIGHT_GREY_20"
+    },
+    "COLOR_SKY_BLUE_TINT_02": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(157, 192, 242)",
+      "originalValue": "{!SKY_BLUE_TINT_02}",
+      "name": "COLOR_SKY_BLUE_TINT_02"
+    },
+    "COLOR_YELLOW_MUTED": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(255, 235, 208)",
+      "originalValue": "{!YELLOW_MUTED}",
+      "name": "COLOR_YELLOW_MUTED"
+    },
+    "COLOR_BUNOL": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(255, 123, 89)",
+      "originalValue": "{!BUNOL}",
+      "name": "COLOR_BUNOL"
+    },
+    "COLOR_NIGHT_GREY_10": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(0, 0, 0)",
+      "originalValue": "{!NIGHT_GREY_10}",
+      "name": "COLOR_NIGHT_GREY_10"
+    },
+    "COLOR_SKY_BLUE_TINT_03": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(205, 223, 248)",
+      "originalValue": "{!SKY_BLUE_TINT_03}",
+      "name": "COLOR_SKY_BLUE_TINT_03"
+    },
+    "COLOR_SKY_GRAY": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(17, 18, 54)",
+      "originalValue": "{!SKY_GRAY}",
+      "name": "COLOR_SKY_GRAY"
+    },
+    "COLOR_NIGHT_BLUE": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(109, 159, 235)",
+      "originalValue": "{!NIGHT_BLUE}",
+      "name": "COLOR_NIGHT_BLUE"
+    },
+    "COLOR_NIGHT_SKY": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(5, 65, 132)",
+      "originalValue": "{!NIGHT_SKY}",
+      "name": "COLOR_NIGHT_SKY"
+    },
+    "COLOR_NARA": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(255, 231, 224)",
+      "originalValue": "{!NARA}",
+      "name": "COLOR_NARA"
+    },
+    "COLOR_SKY_BLUE_SHADE_01": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(8, 78, 178)",
+      "originalValue": "{!SKY_BLUE_SHADE_01}",
+      "name": "COLOR_SKY_BLUE_SHADE_01"
+    },
+    "COLOR_PINK_MUTED": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(246, 221, 225)",
+      "originalValue": "{!PINK_MUTED}",
+      "name": "COLOR_PINK_MUTED"
+    },
+    "COLOR_SKY_BLUE_SHADE_02": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(4, 39, 89)",
+      "originalValue": "{!SKY_BLUE_SHADE_02}",
+      "name": "COLOR_SKY_BLUE_SHADE_02"
+    },
+    "CANVAS_DAY": {
+      "type": "color",
+      "category": "canvas-colors",
+      "value": "rgb(255, 255, 255)",
+      "originalValue": "{!WHITE}",
+      "name": "CANVAS_DAY"
+    },
+    "CANVAS_NIGHT": {
+      "type": "color",
+      "category": "canvas-colors",
+      "value": "rgb(0, 0, 0)",
+      "originalValue": "{!NIGHT_GREY_10}",
+      "name": "CANVAS_NIGHT"
+    },
+    "CANVAS_CONTRAST_DAY": {
+      "type": "color",
+      "category": "canvas-colors",
+      "value": "rgb(241, 242, 248)",
+      "originalValue": "{!GREY_10}",
+      "name": "CANVAS_CONTRAST_DAY"
+    },
+    "CANVAS_CONTRAST_NIGHT": {
+      "type": "color",
+      "category": "canvas-colors",
+      "value": "rgb(44, 44, 46)",
+      "originalValue": "{!NIGHT_GREY_20}",
+      "name": "CANVAS_CONTRAST_NIGHT"
+    },
+    "CORE_ECO_DAY": {
+      "type": "color",
+      "category": "core-colors",
+      "value": "rgb(15, 161, 169)",
+      "originalValue": "{!ECO_GREEN}",
+      "name": "CORE_ECO_DAY"
+    },
+    "CORE_ECO_NIGHT": {
+      "type": "color",
+      "category": "core-colors",
+      "value": "rgb(15, 161, 169)",
+      "originalValue": "{!ECO_GREEN}",
+      "name": "CORE_ECO_NIGHT"
+    },
+    "CORE_ACCENT_DAY": {
+      "type": "color",
+      "category": "core-colors",
+      "value": "rgb(7, 112, 227)",
+      "originalValue": "{!SKY_BLUE}",
+      "name": "CORE_ACCENT_DAY"
+    },
+    "CORE_ACCENT_NIGHT": {
+      "type": "color",
+      "category": "core-colors",
+      "value": "rgb(109, 159, 235)",
+      "originalValue": "{!NIGHT_BLUE}",
+      "name": "CORE_ACCENT_NIGHT"
+    },
+    "CORE_PRIMARY_DAY": {
+      "type": "color",
+      "category": "core-colors",
+      "value": "rgb(2, 18, 44)",
+      "originalValue": "{!DARK_SKY}",
+      "name": "CORE_PRIMARY_DAY"
+    },
+    "CORE_PRIMARY_NIGHT": {
+      "type": "color",
+      "category": "core-colors",
+      "value": "rgb(5, 65, 132)",
+      "originalValue": "{!NIGHT_SKY}",
+      "name": "CORE_PRIMARY_NIGHT"
+    },
+    "STATUS_SUCCESS_SPOT_NIGHT": {
+      "type": "color",
+      "category": "status-colors",
+      "value": "rgb(0, 166, 152)",
+      "originalValue": "{!NIGHT_GREEN_SPOT}",
+      "name": "STATUS_SUCCESS_SPOT_NIGHT"
+    },
+    "STATUS_SUCCESS_FILL_NIGHT": {
+      "type": "color",
+      "category": "status-colors",
+      "value": "rgb(177, 255, 231)",
+      "originalValue": "{!NIGHT_GREEN_FILL}",
+      "name": "STATUS_SUCCESS_FILL_NIGHT"
+    },
+    "STATUS_SUCCESS_SPOT_DAY": {
+      "type": "color",
+      "category": "status-colors",
+      "value": "rgb(0, 166, 152)",
+      "originalValue": "{!GREEN_SPOT}",
+      "name": "STATUS_SUCCESS_SPOT_DAY"
+    },
+    "STATUS_SUCCESS_FILL_DAY": {
+      "type": "color",
+      "category": "status-colors",
+      "value": "rgb(208, 238, 236)",
+      "originalValue": "{!GREEN_MUTED}",
+      "name": "STATUS_SUCCESS_FILL_DAY"
+    },
+    "STATUS_DANGER_SPOT_NIGHT": {
+      "type": "color",
+      "category": "status-colors",
+      "value": "rgb(209, 67, 91)",
+      "originalValue": "{!NIGHT_BERRY}",
+      "name": "STATUS_DANGER_SPOT_NIGHT"
+    },
+    "STATUS_WARNING_SPOT_NIGHT": {
+      "type": "color",
+      "category": "status-colors",
+      "value": "rgb(255, 181, 77)",
+      "originalValue": "{!NIGHT_YELLOW_SPOT}",
+      "name": "STATUS_WARNING_SPOT_NIGHT"
+    },
+    "STATUS_DANGER_FILL_NIGHT": {
+      "type": "color",
+      "category": "status-colors",
+      "value": "rgb(255, 202, 221)",
+      "originalValue": "{!NIGHT_PINK}",
+      "name": "STATUS_DANGER_FILL_NIGHT"
+    },
+    "STATUS_WARNING_FILL_NIGHT": {
+      "type": "color",
+      "category": "status-colors",
+      "value": "rgb(251, 241, 187)",
+      "originalValue": "{!NIGHT_YELLOW_FILL}",
+      "name": "STATUS_WARNING_FILL_NIGHT"
+    },
+    "STATUS_DANGER_SPOT_DAY": {
+      "type": "color",
+      "category": "status-colors",
+      "value": "rgb(209, 67, 91)",
+      "originalValue": "{!BERRY}",
+      "name": "STATUS_DANGER_SPOT_DAY"
+    },
+    "STATUS_WARNING_SPOT_DAY": {
+      "type": "color",
+      "category": "status-colors",
+      "value": "rgb(255, 148, 0)",
+      "originalValue": "{!AMBER_SPOT}",
+      "name": "STATUS_WARNING_SPOT_DAY"
+    },
+    "STATUS_DANGER_FILL_DAY": {
+      "type": "color",
+      "category": "status-colors",
+      "value": "rgb(246, 221, 225)",
+      "originalValue": "{!PINK_MUTED}",
+      "name": "STATUS_DANGER_FILL_DAY"
+    },
+    "STATUS_WARNING_FILL_DAY": {
+      "type": "color",
+      "category": "status-colors",
+      "value": "rgb(255, 235, 208)",
+      "originalValue": "{!YELLOW_MUTED}",
+      "name": "STATUS_WARNING_FILL_DAY"
+    },
+    "SURFACE_CONTRAST_DAY": {
+      "type": "color",
+      "category": "surface-colors",
+      "value": "rgb(2, 18, 44)",
+      "originalValue": "{!DARK_SKY}",
+      "name": "SURFACE_CONTRAST_DAY"
+    },
+    "SURFACE_CONTRAST_NIGHT": {
+      "type": "color",
+      "category": "surface-colors",
+      "value": "rgb(44, 44, 46)",
+      "originalValue": "{!NIGHT_GREY_20}",
+      "name": "SURFACE_CONTRAST_NIGHT"
+    },
+    "SURFACE_DEFAULT_DAY": {
+      "type": "color",
+      "category": "surface-colors",
+      "value": "rgb(255, 255, 255)",
+      "originalValue": "{!WHITE}",
+      "name": "SURFACE_DEFAULT_DAY"
+    },
+    "SURFACE_DEFAULT_NIGHT": {
+      "type": "color",
+      "category": "surface-colors",
+      "value": "rgb(44, 44, 46)",
+      "originalValue": "{!NIGHT_GREY_20}",
+      "name": "SURFACE_DEFAULT_NIGHT"
+    },
+    "SURFACE_ELEVATED_DAY": {
+      "type": "color",
+      "category": "surface-colors",
+      "value": "rgb(255, 255, 255)",
+      "originalValue": "{!WHITE}",
+      "name": "SURFACE_ELEVATED_DAY"
+    },
+    "SURFACE_ELEVATED_NIGHT": {
+      "type": "color",
+      "category": "surface-colors",
+      "value": "rgb(27, 40, 57)",
+      "originalValue": "{!NIGHT_GREY_25}",
+      "name": "SURFACE_ELEVATED_NIGHT"
+    },
+    "SURFACE_HIGHLIGHT_DAY": {
+      "type": "color",
+      "category": "surface-colors",
+      "value": "rgb(221, 221, 229)",
+      "originalValue": "{!GREY_20}",
+      "name": "SURFACE_HIGHLIGHT_DAY"
+    },
+    "SURFACE_HIGHLIGHT_NIGHT": {
+      "type": "color",
+      "category": "surface-colors",
+      "value": "rgb(177, 255, 231)",
+      "originalValue": "{!NIGHT_GREEN_FILL}",
+      "name": "SURFACE_HIGHLIGHT_NIGHT"
+    },
+    "TEXT_LINK_NIGHT": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(109, 159, 235)",
+      "originalValue": "{!NIGHT_BLUE}",
+      "name": "TEXT_LINK_NIGHT"
+    },
+    "TEXT_DISABLED_NIGHT": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(255, 255, 255)",
+      "originalValue": "{!WHITE}",
+      "name": "TEXT_DISABLED_NIGHT"
+    },
+    "TEXT_PRIMARY_DARK_COLOR": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(255, 255, 255)",
+      "originalValue": "{!WHITE}",
+      "name": "TEXT_PRIMARY_DARK_COLOR"
+    },
+    "TEXT_LINK_DAY": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(7, 112, 227)",
+      "originalValue": "{!SKY_BLUE}",
+      "name": "TEXT_LINK_DAY"
+    },
+    "TEXT_QUATERNARY_DARK_COLOR": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(142, 142, 147)",
+      "originalValue": "{!BLACK_TINT_06}",
+      "name": "TEXT_QUATERNARY_DARK_COLOR"
+    },
+    "TEXT_PRIMARY_NIGHT": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(255, 255, 255)",
+      "originalValue": "{!WHITE}",
+      "name": "TEXT_PRIMARY_NIGHT"
+    },
+    "TEXT_QUATERNARY_LIGHT_COLOR": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(143, 144, 160)",
+      "originalValue": "{!SKY_GRAY_TINT_03}",
+      "name": "TEXT_QUATERNARY_LIGHT_COLOR"
+    },
+    "TEXT_DISABLED_DAY": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(0, 0, 0)",
+      "originalValue": "{!BLACK}",
+      "name": "TEXT_DISABLED_DAY"
+    },
+    "TEXT_PRIMARY_LIGHT_COLOR": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(17, 18, 54)",
+      "originalValue": "{!SKY_GRAY}",
+      "name": "TEXT_PRIMARY_LIGHT_COLOR"
+    },
+    "TEXT_PRIMARY_DAY": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(17, 18, 54)",
+      "originalValue": "{!CHARCOAL}",
+      "name": "TEXT_PRIMARY_DAY"
+    },
+    "TEXT_ERROR_NIGHT": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(209, 67, 91)",
+      "originalValue": "{!NIGHT_BERRY}",
+      "name": "TEXT_ERROR_NIGHT"
+    },
+    "TEXT_ERROR_DAY": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(209, 67, 91)",
+      "originalValue": "{!BERRY}",
+      "name": "TEXT_ERROR_DAY"
+    },
+    "TEXT_TERTIARY_DARK_COLOR": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(142, 142, 147)",
+      "originalValue": "{!BLACK_TINT_06}",
+      "name": "TEXT_TERTIARY_DARK_COLOR"
+    },
+    "TEXT_SECONDARY_DARK_COLOR": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(178, 178, 191)",
+      "originalValue": "{!SKY_GRAY_TINT_04}",
+      "name": "TEXT_SECONDARY_DARK_COLOR"
+    },
+    "TEXT_SECONDARY_NIGHT": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(178, 178, 191)",
+      "comment": "This colour needs to be changed to NIGHT_GREY_40 when we set the new hex values",
+      "originalValue": "{!SKY_GRAY_TINT_04}",
+      "name": "TEXT_SECONDARY_NIGHT"
+    },
+    "TEXT_SECONDARY_LIGHT_COLOR": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(104, 105, 127)",
+      "originalValue": "{!SKY_GRAY_TINT_02}",
+      "name": "TEXT_SECONDARY_LIGHT_COLOR"
+    },
+    "TEXT_TERTIARY_LIGHT_COLOR": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(143, 144, 160)",
+      "originalValue": "{!SKY_GRAY_TINT_03}",
+      "name": "TEXT_TERTIARY_LIGHT_COLOR"
+    },
+    "TEXT_SECONDARY_DAY": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(104, 105, 127)",
+      "originalValue": "{!GREY_40}",
+      "name": "TEXT_SECONDARY_DAY"
+    },
+    "SCRIM_DAY": {
+      "type": "color",
+      "category": "scrim-colors",
+      "value": "rgb(205, 205, 215)",
+      "originalValue": "{!GREY_30}",
+      "name": "SCRIM_DAY"
+    },
+    "BACKGROUND_ELEVATION_03_DARK_COLOR": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(58, 58, 60)",
+      "originalValue": "{!BLACK_TINT_03}",
+      "name": "BACKGROUND_ELEVATION_03_DARK_COLOR"
+    },
+    "BACKGROUND_ELEVATION_02_DARK_COLOR": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(44, 44, 46)",
+      "originalValue": "{!BLACK_TINT_02}",
+      "name": "BACKGROUND_ELEVATION_02_DARK_COLOR"
+    },
+    "LINE_DARK_COLOR": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(72, 72, 74)",
+      "originalValue": "{!BLACK_TINT_04}",
+      "name": "LINE_DARK_COLOR"
+    },
+    "BACKGROUND_ELEVATION_01_DARK_COLOR": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(29, 27, 32)",
+      "originalValue": "{!BLACK_TINT_01}",
+      "name": "BACKGROUND_ELEVATION_01_DARK_COLOR"
+    },
+    "BACKGROUND_ALTERNATIVE_SECONDARY_DARK_COLOR": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(29, 27, 32)",
+      "originalValue": "{!BLACK_TINT_01}",
+      "name": "BACKGROUND_ALTERNATIVE_SECONDARY_DARK_COLOR"
+    },
+    "BACKGROUND_LIGHT_COLOR": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(255, 255, 255)",
+      "originalValue": "{!WHITE}",
+      "name": "BACKGROUND_LIGHT_COLOR"
+    },
+    "BACKGROUND_DARK_COLOR": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(0, 0, 0)",
+      "originalValue": "{!BLACK}",
+      "name": "BACKGROUND_DARK_COLOR"
+    },
+    "BACKGROUND_ALTERNATIVE_SECONDARY_LIGHT_COLOR": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(255, 255, 255)",
+      "originalValue": "{!WHITE}",
+      "name": "BACKGROUND_ALTERNATIVE_SECONDARY_LIGHT_COLOR"
+    },
+    "LINE_NIGHT": {
+      "type": "color",
+      "category": "line-colors",
+      "value": "rgb(72, 72, 74)",
+      "originalValue": "{!NIGHT_GREY_30}",
+      "name": "LINE_NIGHT"
+    },
+    "COLOR_SYSTEM_GREEN": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(0, 166, 152)",
+      "originalValue": "{!MONTEVERDE}",
+      "name": "COLOR_SYSTEM_GREEN"
+    },
+    "BACKGROUND_ELEVATION_01_LIGHT_COLOR": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(255, 255, 255)",
+      "originalValue": "{!WHITE}",
+      "name": "BACKGROUND_ELEVATION_01_LIGHT_COLOR"
+    },
+    "LINE_LIGHT_COLOR": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(205, 205, 215)",
+      "originalValue": "{!SKY_GRAY_TINT_05}",
+      "name": "LINE_LIGHT_COLOR"
+    },
+    "BACKGROUND_ELEVATION_02_LIGHT_COLOR": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(255, 255, 255)",
+      "originalValue": "{!WHITE}",
+      "name": "BACKGROUND_ELEVATION_02_LIGHT_COLOR"
+    },
+    "LINE_DAY": {
+      "type": "color",
+      "category": "line-colors",
+      "value": "rgb(205, 205, 215)",
+      "originalValue": "{!GREY_30}",
+      "name": "LINE_DAY"
+    },
+    "BACKGROUND_ELEVATION_03_LIGHT_COLOR": {
+      "type": "color",
+      "category": "text-colors",
+      "value": "rgb(255, 255, 255)",
+      "originalValue": "{!WHITE}",
+      "name": "BACKGROUND_ELEVATION_03_LIGHT_COLOR"
+    },
+    "BACKGROUND_TERTIARY_DARK_COLOR": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(44, 44, 46)",
+      "originalValue": "{!BLACK_TINT_02}",
+      "name": "BACKGROUND_TERTIARY_DARK_COLOR"
+    },
+    "BACKGROUND_SECONDARY_DARK_COLOR": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(29, 27, 32)",
+      "originalValue": "{!BLACK_TINT_01}",
+      "name": "BACKGROUND_SECONDARY_DARK_COLOR"
+    },
+    "BACKGROUND_ALTERNATIVE_LIGHT_COLOR": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(241, 242, 248)",
+      "originalValue": "{!SKY_GRAY_TINT_07}",
+      "name": "BACKGROUND_ALTERNATIVE_LIGHT_COLOR"
+    },
+    "PRIMARY_DARK_COLOR": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(109, 159, 235)",
+      "originalValue": "{!SKY_BLUE_TINT_01}",
+      "name": "PRIMARY_DARK_COLOR"
+    },
+    "COLOR_SYSTEM_RED": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(209, 67, 91)",
+      "originalValue": "{!PANJIN}",
+      "name": "COLOR_SYSTEM_RED"
+    },
+    "BACKGROUND_ALTERNATIVE_DARK_COLOR": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(0, 0, 0)",
+      "originalValue": "{!BLACK}",
+      "name": "BACKGROUND_ALTERNATIVE_DARK_COLOR"
+    },
+    "PRIMARY_LIGHT_COLOR": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(7, 112, 227)",
+      "originalValue": "{!SKY_BLUE}",
+      "name": "PRIMARY_LIGHT_COLOR"
+    },
+    "BACKGROUND_TERTIARY_LIGHT_COLOR": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(255, 255, 255)",
+      "originalValue": "{!WHITE}",
+      "name": "BACKGROUND_TERTIARY_LIGHT_COLOR"
+    },
+    "BACKGROUND_SECONDARY_LIGHT_COLOR": {
+      "type": "color",
+      "category": "colors",
+      "value": "rgb(241, 242, 248)",
+      "originalValue": "{!SKY_GRAY_TINT_07}",
+      "name": "BACKGROUND_SECONDARY_LIGHT_COLOR"
+    },
+    "SCRIM_NIGHT": {
+      "type": "color",
+      "category": "scrim-colors",
+      "value": "rgb(72, 72, 74)",
+      "originalValue": "{!NIGHT_GREY_30}",
+      "name": "SCRIM_NIGHT"
+    },
     "BREAKPOINT_QUERY_TABLET_ONLY": {
@@ -358,0 +1473,0 @@ "category": "breakpoints",

New alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

388329

increased by42.72%

Lines of code

8645

increased by44.88%

Dependency changes

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