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

Comparing version 10.2.0 to 10.3.0

package.json

 {
   "name": "@skyscanner/bpk-foundations-web",
-  "version": "10.2.0",
+  "version": "10.3.0",
   "description": "Common Backpack design tokens for colors, spacing, font, etc.",
@@ -20,6 +20,6 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@skyscanner/bpk-foundations-common": "^3.1.3",
+    "@skyscanner/bpk-foundations-common": "^3.2.0",
     "color": "^3.0.0"
   },
-  "gitHead": "e6469b51bbd91ccec47ef1e06393709b954da141"
+  "gitHead": "9182b664eb93f9043ece80f486b17601f74384af"
 }

tokens/base.common.js

@@ -177,5 +177,3 @@ /*
   privateButtonLinkNormalForegroundNight: "rgb(132, 233, 255)",
-  privateButtonLinkOnDarkLoadingForegroundDay: "rgba(255, 255, 255, 0.5)",
-  privateButtonPrimaryOnDarkLoadingBackgroundNight: "rgb(203, 206, 210)",
-  privateButtonLinkOnDarkDisabledForegroundNight: "rgba(255, 255, 255, 0.5)",
+  privateButtonLinkOnDarkDisabledForegroundNight: "rgba(255, 255, 255, 0.2)",
   privateButtonSecondaryNormalBackgroundNight: "rgb(36, 51, 70)",
@@ -188,21 +186,20 @@ privateButtonPrimaryOnLightPressedBackgroundDay: "rgb(21, 70, 121)",
   privateButtonLinkNormalForegroundDay: "rgb(0, 98, 227)",
-  privateButtonPrimaryOnDarkLoadingBackgroundDay: "rgb(203, 206, 210)",
-  privateButtonPrimaryOnLightLoadingBackgroundNight: "rgb(21, 70, 121)",
+  privateButtonPrimaryOnLightDisabledForegroundNight: "rgba(0, 0, 0, 0.2)",
+  privateButtonSecondaryOnDarkDisabledBackgroundNight: "rgb(11, 17, 26)",
   privateButtonDestructiveNormalForegroundNight: "rgb(255, 100, 156)",
-  privateButtonLinkOnDarkDisabledForegroundDay: "rgba(255, 255, 255, 0.5)",
-  privateButtonSecondaryLoadingBackgroundNight: "rgb(1, 9, 19)",
+  privateButtonLinkOnDarkDisabledForegroundDay: "rgba(255, 255, 255, 0.2)",
   privateButtonSecondaryNormalBackgroundDay: "rgb(224, 227, 229)",
   privateButtonPrimaryOnLightNormalBackgroundDay: "rgb(5, 32, 60)",
+  privateButtonPrimaryOnLightDisabledForegroundDay: "rgba(0, 0, 0, 0.2)",
   privateButtonPrimaryOnDarkNormalBackgroundNight: "rgb(255, 255, 255)",
-  privateButtonFeaturedPressedBackgroundDay: "rgb(8, 78, 178)",
-  privateButtonPrimaryOnLightLoadingBackgroundDay: "rgb(21, 70, 121)",
+  privateButtonFeaturedPressedBackgroundDay: "rgb(2, 77, 175)",
+  privateButtonPrimaryOnDarkDisabledForegroundNight: "rgba(0, 0, 0, 0.2)",
+  privateButtonSecondaryOnDarkDisabledBackgroundDay: "rgb(11, 17, 26)",
   privateButtonSecondaryOnDarkPressedBackgroundNight: "rgb(1, 9, 19)",
-  privateButtonSecondaryLoadingBackgroundDay: "rgb(198, 204, 212)",
-  privateButtonFeaturedLoadingBackgroundNight: "rgb(209, 247, 255)",
   privateButtonDestructiveNormalForegroundDay: "rgb(216, 8, 95)",
   privateButtonPrimaryOnDarkNormalBackgroundDay: "rgb(255, 255, 255)",
+  privateButtonPrimaryOnDarkDisabledForegroundDay: "rgba(0, 0, 0, 0.2)",
   privateButtonLinkPressedForegroundNight: "rgb(209, 247, 255)",
   privateButtonSecondaryOnDarkPressedBackgroundDay: "rgb(1, 9, 19)",
-  privateButtonFeaturedLoadingBackgroundDay: "rgb(224, 227, 229)",
-  privateButtonSecondaryOnDarkLoadingBackgroundNight: "rgb(1, 9, 19)",
+  privateButtonPrimaryOnLightDisabledBackgroundNight: "rgb(221, 225, 228)",
   privateButtonLinkPressedForegroundDay: "rgb(21, 70, 121)",
@@ -213,4 +210,4 @@ privateButtonDestructiveNormalBackgroundNight: "rgb(36, 51, 70)",
   privateButtonPrimaryPressedBackgroundNight: "rgb(21, 70, 121)",
-  privateButtonLinkLoadingForegroundNight: "rgba(0, 0, 0, 0.2)",
-  privateButtonSecondaryOnDarkLoadingBackgroundDay: "rgb(1, 9, 19)",
+  privateButtonPrimaryOnLightDisabledBackgroundDay: "rgb(221, 225, 228)",
+  privateButtonPrimaryOnDarkDisabledBackgroundNight: "rgb(221, 225, 228)",
   privateButtonPrimaryNormalBackgroundDay: "rgb(5, 32, 60)",
@@ -221,19 +218,20 @@ privateButtonDestructiveNormalBackgroundDay: "rgb(224, 227, 229)",
   privateButtonPrimaryPressedBackgroundDay: "rgb(21, 70, 121)",
+  privateButtonPrimaryOnDarkDisabledBackgroundDay: "rgb(221, 225, 228)",
   privateButtonLinkOnDarkNormalForegroundNight: "rgb(255, 255, 255)",
-  privateButtonLinkLoadingForegroundDay: "rgba(0, 0, 0, 0.2)",
-  privateButtonDestructiveLoadingBackgroundNight: "rgb(255, 100, 156)",
-  privateButtonPrimaryLoadingBackgroundNight: "rgb(21, 70, 121)",
   privateButtonDisabledBackgroundNight: "rgb(11, 17, 26)",
   privateButtonSecondaryOnDarkNormalBackgroundNight: "rgb(36, 51, 70)",
+  privateButtonSecondaryOnDarkDisabledForegroundNight: "rgba(255, 255, 255, 0.2)",
   privateButtonLinkOnDarkPressedForegroundDay: "rgba(255, 255, 255, 0.5)",
   privateButtonPrimaryOnDarkPressedBackgroundNight: "rgb(203, 206, 210)",
   privateButtonLinkOnDarkNormalForegroundDay: "rgb(255, 255, 255)",
-  privateButtonPrimaryLoadingBackgroundDay: "rgb(21, 70, 121)",
-  privateButtonDestructiveLoadingBackgroundDay: "rgb(231, 8, 102)",
-  privateButtonLinkOnDarkLoadingForegroundNight: "rgba(255, 255, 255, 0.5)",
   privateButtonDisabledBackgroundDay: "rgb(221, 225, 228)",
   privateButtonSecondaryOnDarkNormalBackgroundDay: "rgb(36, 51, 70)",
+  privateButtonSecondaryOnDarkDisabledForegroundDay: "rgba(255, 255, 255, 0.2)",
   privateButtonPrimaryOnDarkPressedBackgroundDay: "rgb(203, 206, 210)",
   privateButtonPrimaryOnLightPressedBackgroundNight: "rgb(21, 70, 121)",
   privateButtonFeaturedNormalBackgroundNight: "rgb(132, 233, 255)",
+  privateSkeletonShimmerStartEndDay: "rgba(255, 255, 255, 0)",
+  privateSkeletonShimmerStartEndNight: "rgba(0, 0, 0, 0)",
+  privateSkeletonShimmerCenterDay: "rgba(255, 255, 255, 0.6)",
+  privateSkeletonShimmerCenterNight: "rgba(0, 0, 0, 0.2)",
   autosuggestListBackgroundColor: "rgb(255, 255, 255)",
@@ -240,0 +238,0 @@ autosuggestListItemActiveBackgroundColor: "rgb(241, 242, 248)",

tokens/base.es6.js

@@ -175,5 +175,3 @@ /*
 export const privateButtonLinkNormalForegroundNight = "rgb(132, 233, 255)";
-export const privateButtonLinkOnDarkLoadingForegroundDay = "rgba(255, 255, 255, 0.5)";
-export const privateButtonPrimaryOnDarkLoadingBackgroundNight = "rgb(203, 206, 210)";
-export const privateButtonLinkOnDarkDisabledForegroundNight = "rgba(255, 255, 255, 0.5)";
+export const privateButtonLinkOnDarkDisabledForegroundNight = "rgba(255, 255, 255, 0.2)";
 export const privateButtonSecondaryNormalBackgroundNight = "rgb(36, 51, 70)";
@@ -186,21 +184,20 @@ export const privateButtonPrimaryOnLightPressedBackgroundDay = "rgb(21, 70, 121)";
 export const privateButtonLinkNormalForegroundDay = "rgb(0, 98, 227)";
-export const privateButtonPrimaryOnDarkLoadingBackgroundDay = "rgb(203, 206, 210)";
-export const privateButtonPrimaryOnLightLoadingBackgroundNight = "rgb(21, 70, 121)";
+export const privateButtonPrimaryOnLightDisabledForegroundNight = "rgba(0, 0, 0, 0.2)";
+export const privateButtonSecondaryOnDarkDisabledBackgroundNight = "rgb(11, 17, 26)";
 export const privateButtonDestructiveNormalForegroundNight = "rgb(255, 100, 156)";
-export const privateButtonLinkOnDarkDisabledForegroundDay = "rgba(255, 255, 255, 0.5)";
-export const privateButtonSecondaryLoadingBackgroundNight = "rgb(1, 9, 19)";
+export const privateButtonLinkOnDarkDisabledForegroundDay = "rgba(255, 255, 255, 0.2)";
 export const privateButtonSecondaryNormalBackgroundDay = "rgb(224, 227, 229)";
 export const privateButtonPrimaryOnLightNormalBackgroundDay = "rgb(5, 32, 60)";
+export const privateButtonPrimaryOnLightDisabledForegroundDay = "rgba(0, 0, 0, 0.2)";
 export const privateButtonPrimaryOnDarkNormalBackgroundNight = "rgb(255, 255, 255)";
-export const privateButtonFeaturedPressedBackgroundDay = "rgb(8, 78, 178)";
-export const privateButtonPrimaryOnLightLoadingBackgroundDay = "rgb(21, 70, 121)";
+export const privateButtonFeaturedPressedBackgroundDay = "rgb(2, 77, 175)";
+export const privateButtonPrimaryOnDarkDisabledForegroundNight = "rgba(0, 0, 0, 0.2)";
+export const privateButtonSecondaryOnDarkDisabledBackgroundDay = "rgb(11, 17, 26)";
 export const privateButtonSecondaryOnDarkPressedBackgroundNight = "rgb(1, 9, 19)";
-export const privateButtonSecondaryLoadingBackgroundDay = "rgb(198, 204, 212)";
-export const privateButtonFeaturedLoadingBackgroundNight = "rgb(209, 247, 255)";
 export const privateButtonDestructiveNormalForegroundDay = "rgb(216, 8, 95)";
 export const privateButtonPrimaryOnDarkNormalBackgroundDay = "rgb(255, 255, 255)";
+export const privateButtonPrimaryOnDarkDisabledForegroundDay = "rgba(0, 0, 0, 0.2)";
 export const privateButtonLinkPressedForegroundNight = "rgb(209, 247, 255)";
 export const privateButtonSecondaryOnDarkPressedBackgroundDay = "rgb(1, 9, 19)";
-export const privateButtonFeaturedLoadingBackgroundDay = "rgb(224, 227, 229)";
-export const privateButtonSecondaryOnDarkLoadingBackgroundNight = "rgb(1, 9, 19)";
+export const privateButtonPrimaryOnLightDisabledBackgroundNight = "rgb(221, 225, 228)";
 export const privateButtonLinkPressedForegroundDay = "rgb(21, 70, 121)";
@@ -211,4 +208,4 @@ export const privateButtonDestructiveNormalBackgroundNight = "rgb(36, 51, 70)";
 export const privateButtonPrimaryPressedBackgroundNight = "rgb(21, 70, 121)";
-export const privateButtonLinkLoadingForegroundNight = "rgba(0, 0, 0, 0.2)";
-export const privateButtonSecondaryOnDarkLoadingBackgroundDay = "rgb(1, 9, 19)";
+export const privateButtonPrimaryOnLightDisabledBackgroundDay = "rgb(221, 225, 228)";
+export const privateButtonPrimaryOnDarkDisabledBackgroundNight = "rgb(221, 225, 228)";
 export const privateButtonPrimaryNormalBackgroundDay = "rgb(5, 32, 60)";
@@ -219,19 +216,20 @@ export const privateButtonDestructiveNormalBackgroundDay = "rgb(224, 227, 229)";
 export const privateButtonPrimaryPressedBackgroundDay = "rgb(21, 70, 121)";
+export const privateButtonPrimaryOnDarkDisabledBackgroundDay = "rgb(221, 225, 228)";
 export const privateButtonLinkOnDarkNormalForegroundNight = "rgb(255, 255, 255)";
-export const privateButtonLinkLoadingForegroundDay = "rgba(0, 0, 0, 0.2)";
-export const privateButtonDestructiveLoadingBackgroundNight = "rgb(255, 100, 156)";
-export const privateButtonPrimaryLoadingBackgroundNight = "rgb(21, 70, 121)";
 export const privateButtonDisabledBackgroundNight = "rgb(11, 17, 26)";
 export const privateButtonSecondaryOnDarkNormalBackgroundNight = "rgb(36, 51, 70)";
+export const privateButtonSecondaryOnDarkDisabledForegroundNight = "rgba(255, 255, 255, 0.2)";
 export const privateButtonLinkOnDarkPressedForegroundDay = "rgba(255, 255, 255, 0.5)";
 export const privateButtonPrimaryOnDarkPressedBackgroundNight = "rgb(203, 206, 210)";
 export const privateButtonLinkOnDarkNormalForegroundDay = "rgb(255, 255, 255)";
-export const privateButtonPrimaryLoadingBackgroundDay = "rgb(21, 70, 121)";
-export const privateButtonDestructiveLoadingBackgroundDay = "rgb(231, 8, 102)";
-export const privateButtonLinkOnDarkLoadingForegroundNight = "rgba(255, 255, 255, 0.5)";
 export const privateButtonDisabledBackgroundDay = "rgb(221, 225, 228)";
 export const privateButtonSecondaryOnDarkNormalBackgroundDay = "rgb(36, 51, 70)";
+export const privateButtonSecondaryOnDarkDisabledForegroundDay = "rgba(255, 255, 255, 0.2)";
 export const privateButtonPrimaryOnDarkPressedBackgroundDay = "rgb(203, 206, 210)";
 export const privateButtonPrimaryOnLightPressedBackgroundNight = "rgb(21, 70, 121)";
 export const privateButtonFeaturedNormalBackgroundNight = "rgb(132, 233, 255)";
+export const privateSkeletonShimmerStartEndDay = "rgba(255, 255, 255, 0)";
+export const privateSkeletonShimmerStartEndNight = "rgba(0, 0, 0, 0)";
+export const privateSkeletonShimmerCenterDay = "rgba(255, 255, 255, 0.6)";
+export const privateSkeletonShimmerCenterNight = "rgba(0, 0, 0, 0.2)";
 export const autosuggestListBackgroundColor = "rgb(255, 255, 255)";
@@ -713,4 +711,2 @@ export const autosuggestListItemActiveBackgroundColor = "rgb(241, 242, 248)";
 privateButtonLinkNormalForegroundNight,
-privateButtonLinkOnDarkLoadingForegroundDay,
-privateButtonPrimaryOnDarkLoadingBackgroundNight,
 privateButtonLinkOnDarkDisabledForegroundNight,
@@ -724,21 +720,20 @@ privateButtonSecondaryNormalBackgroundNight,
 privateButtonLinkNormalForegroundDay,
-privateButtonPrimaryOnDarkLoadingBackgroundDay,
-privateButtonPrimaryOnLightLoadingBackgroundNight,
+privateButtonPrimaryOnLightDisabledForegroundNight,
+privateButtonSecondaryOnDarkDisabledBackgroundNight,
 privateButtonDestructiveNormalForegroundNight,
 privateButtonLinkOnDarkDisabledForegroundDay,
-privateButtonSecondaryLoadingBackgroundNight,
 privateButtonSecondaryNormalBackgroundDay,
 privateButtonPrimaryOnLightNormalBackgroundDay,
+privateButtonPrimaryOnLightDisabledForegroundDay,
 privateButtonPrimaryOnDarkNormalBackgroundNight,
 privateButtonFeaturedPressedBackgroundDay,
-privateButtonPrimaryOnLightLoadingBackgroundDay,
+privateButtonPrimaryOnDarkDisabledForegroundNight,
+privateButtonSecondaryOnDarkDisabledBackgroundDay,
 privateButtonSecondaryOnDarkPressedBackgroundNight,
-privateButtonSecondaryLoadingBackgroundDay,
-privateButtonFeaturedLoadingBackgroundNight,
 privateButtonDestructiveNormalForegroundDay,
 privateButtonPrimaryOnDarkNormalBackgroundDay,
+privateButtonPrimaryOnDarkDisabledForegroundDay,
 privateButtonLinkPressedForegroundNight,
 privateButtonSecondaryOnDarkPressedBackgroundDay,
-privateButtonFeaturedLoadingBackgroundDay,
-privateButtonSecondaryOnDarkLoadingBackgroundNight,
+privateButtonPrimaryOnLightDisabledBackgroundNight,
 privateButtonLinkPressedForegroundDay,
@@ -749,4 +744,4 @@ privateButtonDestructiveNormalBackgroundNight,
 privateButtonPrimaryPressedBackgroundNight,
-privateButtonLinkLoadingForegroundNight,
-privateButtonSecondaryOnDarkLoadingBackgroundDay,
+privateButtonPrimaryOnLightDisabledBackgroundDay,
+privateButtonPrimaryOnDarkDisabledBackgroundNight,
 privateButtonPrimaryNormalBackgroundDay,
@@ -757,16 +752,13 @@ privateButtonDestructiveNormalBackgroundDay,
 privateButtonPrimaryPressedBackgroundDay,
+privateButtonPrimaryOnDarkDisabledBackgroundDay,
 privateButtonLinkOnDarkNormalForegroundNight,
-privateButtonLinkLoadingForegroundDay,
-privateButtonDestructiveLoadingBackgroundNight,
-privateButtonPrimaryLoadingBackgroundNight,
 privateButtonDisabledBackgroundNight,
 privateButtonSecondaryOnDarkNormalBackgroundNight,
+privateButtonSecondaryOnDarkDisabledForegroundNight,
 privateButtonLinkOnDarkPressedForegroundDay,
 privateButtonPrimaryOnDarkPressedBackgroundNight,
 privateButtonLinkOnDarkNormalForegroundDay,
-privateButtonPrimaryLoadingBackgroundDay,
-privateButtonDestructiveLoadingBackgroundDay,
-privateButtonLinkOnDarkLoadingForegroundNight,
 privateButtonDisabledBackgroundDay,
 privateButtonSecondaryOnDarkNormalBackgroundDay,
+privateButtonSecondaryOnDarkDisabledForegroundDay,
 privateButtonPrimaryOnDarkPressedBackgroundDay,
@@ -1242,2 +1234,8 @@ privateButtonPrimaryOnLightPressedBackgroundNight,
 };
+export const skeletonColors = {
+privateSkeletonShimmerStartEndDay,
+privateSkeletonShimmerStartEndNight,
+privateSkeletonShimmerCenterDay,
+privateSkeletonShimmerCenterNight,
+};
 export const spacings = {
@@ -1244,0 +1242,0 @@ spacingLgV2,

tokens/breakpoints.common.js

@@ -174,5 +174,3 @@ /*
   privateButtonLinkNormalForegroundNight: "rgb(132, 233, 255)",
-  privateButtonLinkOnDarkLoadingForegroundDay: "rgba(255, 255, 255, 0.5)",
-  privateButtonPrimaryOnDarkLoadingBackgroundNight: "rgb(203, 206, 210)",
-  privateButtonLinkOnDarkDisabledForegroundNight: "rgba(255, 255, 255, 0.5)",
+  privateButtonLinkOnDarkDisabledForegroundNight: "rgba(255, 255, 255, 0.2)",
   privateButtonSecondaryNormalBackgroundNight: "rgb(36, 51, 70)",
@@ -185,21 +183,20 @@ privateButtonPrimaryOnLightPressedBackgroundDay: "rgb(21, 70, 121)",
   privateButtonLinkNormalForegroundDay: "rgb(0, 98, 227)",
-  privateButtonPrimaryOnDarkLoadingBackgroundDay: "rgb(203, 206, 210)",
-  privateButtonPrimaryOnLightLoadingBackgroundNight: "rgb(21, 70, 121)",
+  privateButtonPrimaryOnLightDisabledForegroundNight: "rgba(0, 0, 0, 0.2)",
+  privateButtonSecondaryOnDarkDisabledBackgroundNight: "rgb(11, 17, 26)",
   privateButtonDestructiveNormalForegroundNight: "rgb(255, 100, 156)",
-  privateButtonLinkOnDarkDisabledForegroundDay: "rgba(255, 255, 255, 0.5)",
-  privateButtonSecondaryLoadingBackgroundNight: "rgb(1, 9, 19)",
+  privateButtonLinkOnDarkDisabledForegroundDay: "rgba(255, 255, 255, 0.2)",
   privateButtonSecondaryNormalBackgroundDay: "rgb(224, 227, 229)",
   privateButtonPrimaryOnLightNormalBackgroundDay: "rgb(5, 32, 60)",
+  privateButtonPrimaryOnLightDisabledForegroundDay: "rgba(0, 0, 0, 0.2)",
   privateButtonPrimaryOnDarkNormalBackgroundNight: "rgb(255, 255, 255)",
-  privateButtonFeaturedPressedBackgroundDay: "rgb(8, 78, 178)",
-  privateButtonPrimaryOnLightLoadingBackgroundDay: "rgb(21, 70, 121)",
+  privateButtonFeaturedPressedBackgroundDay: "rgb(2, 77, 175)",
+  privateButtonPrimaryOnDarkDisabledForegroundNight: "rgba(0, 0, 0, 0.2)",
+  privateButtonSecondaryOnDarkDisabledBackgroundDay: "rgb(11, 17, 26)",
   privateButtonSecondaryOnDarkPressedBackgroundNight: "rgb(1, 9, 19)",
-  privateButtonSecondaryLoadingBackgroundDay: "rgb(198, 204, 212)",
-  privateButtonFeaturedLoadingBackgroundNight: "rgb(209, 247, 255)",
   privateButtonDestructiveNormalForegroundDay: "rgb(216, 8, 95)",
   privateButtonPrimaryOnDarkNormalBackgroundDay: "rgb(255, 255, 255)",
+  privateButtonPrimaryOnDarkDisabledForegroundDay: "rgba(0, 0, 0, 0.2)",
   privateButtonLinkPressedForegroundNight: "rgb(209, 247, 255)",
   privateButtonSecondaryOnDarkPressedBackgroundDay: "rgb(1, 9, 19)",
-  privateButtonFeaturedLoadingBackgroundDay: "rgb(224, 227, 229)",
-  privateButtonSecondaryOnDarkLoadingBackgroundNight: "rgb(1, 9, 19)",
+  privateButtonPrimaryOnLightDisabledBackgroundNight: "rgb(221, 225, 228)",
   privateButtonLinkPressedForegroundDay: "rgb(21, 70, 121)",
@@ -210,4 +207,4 @@ privateButtonDestructiveNormalBackgroundNight: "rgb(36, 51, 70)",
   privateButtonPrimaryPressedBackgroundNight: "rgb(21, 70, 121)",
-  privateButtonLinkLoadingForegroundNight: "rgba(0, 0, 0, 0.2)",
-  privateButtonSecondaryOnDarkLoadingBackgroundDay: "rgb(1, 9, 19)",
+  privateButtonPrimaryOnLightDisabledBackgroundDay: "rgb(221, 225, 228)",
+  privateButtonPrimaryOnDarkDisabledBackgroundNight: "rgb(221, 225, 228)",
   privateButtonPrimaryNormalBackgroundDay: "rgb(5, 32, 60)",
@@ -218,19 +215,20 @@ privateButtonDestructiveNormalBackgroundDay: "rgb(224, 227, 229)",
   privateButtonPrimaryPressedBackgroundDay: "rgb(21, 70, 121)",
+  privateButtonPrimaryOnDarkDisabledBackgroundDay: "rgb(221, 225, 228)",
   privateButtonLinkOnDarkNormalForegroundNight: "rgb(255, 255, 255)",
-  privateButtonLinkLoadingForegroundDay: "rgba(0, 0, 0, 0.2)",
-  privateButtonDestructiveLoadingBackgroundNight: "rgb(255, 100, 156)",
-  privateButtonPrimaryLoadingBackgroundNight: "rgb(21, 70, 121)",
   privateButtonDisabledBackgroundNight: "rgb(11, 17, 26)",
   privateButtonSecondaryOnDarkNormalBackgroundNight: "rgb(36, 51, 70)",
+  privateButtonSecondaryOnDarkDisabledForegroundNight: "rgba(255, 255, 255, 0.2)",
   privateButtonLinkOnDarkPressedForegroundDay: "rgba(255, 255, 255, 0.5)",
   privateButtonPrimaryOnDarkPressedBackgroundNight: "rgb(203, 206, 210)",
   privateButtonLinkOnDarkNormalForegroundDay: "rgb(255, 255, 255)",
-  privateButtonPrimaryLoadingBackgroundDay: "rgb(21, 70, 121)",
-  privateButtonDestructiveLoadingBackgroundDay: "rgb(231, 8, 102)",
-  privateButtonLinkOnDarkLoadingForegroundNight: "rgba(255, 255, 255, 0.5)",
   privateButtonDisabledBackgroundDay: "rgb(221, 225, 228)",
   privateButtonSecondaryOnDarkNormalBackgroundDay: "rgb(36, 51, 70)",
+  privateButtonSecondaryOnDarkDisabledForegroundDay: "rgba(255, 255, 255, 0.2)",
   privateButtonPrimaryOnDarkPressedBackgroundDay: "rgb(203, 206, 210)",
   privateButtonPrimaryOnLightPressedBackgroundNight: "rgb(21, 70, 121)",
   privateButtonFeaturedNormalBackgroundNight: "rgb(132, 233, 255)",
+  privateSkeletonShimmerStartEndDay: "rgba(255, 255, 255, 0)",
+  privateSkeletonShimmerStartEndNight: "rgba(0, 0, 0, 0)",
+  privateSkeletonShimmerCenterDay: "rgba(255, 255, 255, 0.6)",
+  privateSkeletonShimmerCenterNight: "rgba(0, 0, 0, 0.2)",
   breakpointQueryTabletOnly: "(min-width: 32.0625rem) and (max-width: 64rem)",
@@ -237,0 +235,0 @@ breakpointSmallTabletMargin: "1.5rem",

tokens/breakpoints.es6.js

@@ -172,5 +172,3 @@ /*
 export const privateButtonLinkNormalForegroundNight = "rgb(132, 233, 255)";
-export const privateButtonLinkOnDarkLoadingForegroundDay = "rgba(255, 255, 255, 0.5)";
-export const privateButtonPrimaryOnDarkLoadingBackgroundNight = "rgb(203, 206, 210)";
-export const privateButtonLinkOnDarkDisabledForegroundNight = "rgba(255, 255, 255, 0.5)";
+export const privateButtonLinkOnDarkDisabledForegroundNight = "rgba(255, 255, 255, 0.2)";
 export const privateButtonSecondaryNormalBackgroundNight = "rgb(36, 51, 70)";
@@ -183,21 +181,20 @@ export const privateButtonPrimaryOnLightPressedBackgroundDay = "rgb(21, 70, 121)";
 export const privateButtonLinkNormalForegroundDay = "rgb(0, 98, 227)";
-export const privateButtonPrimaryOnDarkLoadingBackgroundDay = "rgb(203, 206, 210)";
-export const privateButtonPrimaryOnLightLoadingBackgroundNight = "rgb(21, 70, 121)";
+export const privateButtonPrimaryOnLightDisabledForegroundNight = "rgba(0, 0, 0, 0.2)";
+export const privateButtonSecondaryOnDarkDisabledBackgroundNight = "rgb(11, 17, 26)";
 export const privateButtonDestructiveNormalForegroundNight = "rgb(255, 100, 156)";
-export const privateButtonLinkOnDarkDisabledForegroundDay = "rgba(255, 255, 255, 0.5)";
-export const privateButtonSecondaryLoadingBackgroundNight = "rgb(1, 9, 19)";
+export const privateButtonLinkOnDarkDisabledForegroundDay = "rgba(255, 255, 255, 0.2)";
 export const privateButtonSecondaryNormalBackgroundDay = "rgb(224, 227, 229)";
 export const privateButtonPrimaryOnLightNormalBackgroundDay = "rgb(5, 32, 60)";
+export const privateButtonPrimaryOnLightDisabledForegroundDay = "rgba(0, 0, 0, 0.2)";
 export const privateButtonPrimaryOnDarkNormalBackgroundNight = "rgb(255, 255, 255)";
-export const privateButtonFeaturedPressedBackgroundDay = "rgb(8, 78, 178)";
-export const privateButtonPrimaryOnLightLoadingBackgroundDay = "rgb(21, 70, 121)";
+export const privateButtonFeaturedPressedBackgroundDay = "rgb(2, 77, 175)";
+export const privateButtonPrimaryOnDarkDisabledForegroundNight = "rgba(0, 0, 0, 0.2)";
+export const privateButtonSecondaryOnDarkDisabledBackgroundDay = "rgb(11, 17, 26)";
 export const privateButtonSecondaryOnDarkPressedBackgroundNight = "rgb(1, 9, 19)";
-export const privateButtonSecondaryLoadingBackgroundDay = "rgb(198, 204, 212)";
-export const privateButtonFeaturedLoadingBackgroundNight = "rgb(209, 247, 255)";
 export const privateButtonDestructiveNormalForegroundDay = "rgb(216, 8, 95)";
 export const privateButtonPrimaryOnDarkNormalBackgroundDay = "rgb(255, 255, 255)";
+export const privateButtonPrimaryOnDarkDisabledForegroundDay = "rgba(0, 0, 0, 0.2)";
 export const privateButtonLinkPressedForegroundNight = "rgb(209, 247, 255)";
 export const privateButtonSecondaryOnDarkPressedBackgroundDay = "rgb(1, 9, 19)";
-export const privateButtonFeaturedLoadingBackgroundDay = "rgb(224, 227, 229)";
-export const privateButtonSecondaryOnDarkLoadingBackgroundNight = "rgb(1, 9, 19)";
+export const privateButtonPrimaryOnLightDisabledBackgroundNight = "rgb(221, 225, 228)";
 export const privateButtonLinkPressedForegroundDay = "rgb(21, 70, 121)";
@@ -208,4 +205,4 @@ export const privateButtonDestructiveNormalBackgroundNight = "rgb(36, 51, 70)";
 export const privateButtonPrimaryPressedBackgroundNight = "rgb(21, 70, 121)";
-export const privateButtonLinkLoadingForegroundNight = "rgba(0, 0, 0, 0.2)";
-export const privateButtonSecondaryOnDarkLoadingBackgroundDay = "rgb(1, 9, 19)";
+export const privateButtonPrimaryOnLightDisabledBackgroundDay = "rgb(221, 225, 228)";
+export const privateButtonPrimaryOnDarkDisabledBackgroundNight = "rgb(221, 225, 228)";
 export const privateButtonPrimaryNormalBackgroundDay = "rgb(5, 32, 60)";
@@ -216,19 +213,20 @@ export const privateButtonDestructiveNormalBackgroundDay = "rgb(224, 227, 229)";
 export const privateButtonPrimaryPressedBackgroundDay = "rgb(21, 70, 121)";
+export const privateButtonPrimaryOnDarkDisabledBackgroundDay = "rgb(221, 225, 228)";
 export const privateButtonLinkOnDarkNormalForegroundNight = "rgb(255, 255, 255)";
-export const privateButtonLinkLoadingForegroundDay = "rgba(0, 0, 0, 0.2)";
-export const privateButtonDestructiveLoadingBackgroundNight = "rgb(255, 100, 156)";
-export const privateButtonPrimaryLoadingBackgroundNight = "rgb(21, 70, 121)";
 export const privateButtonDisabledBackgroundNight = "rgb(11, 17, 26)";
 export const privateButtonSecondaryOnDarkNormalBackgroundNight = "rgb(36, 51, 70)";
+export const privateButtonSecondaryOnDarkDisabledForegroundNight = "rgba(255, 255, 255, 0.2)";
 export const privateButtonLinkOnDarkPressedForegroundDay = "rgba(255, 255, 255, 0.5)";
 export const privateButtonPrimaryOnDarkPressedBackgroundNight = "rgb(203, 206, 210)";
 export const privateButtonLinkOnDarkNormalForegroundDay = "rgb(255, 255, 255)";
-export const privateButtonPrimaryLoadingBackgroundDay = "rgb(21, 70, 121)";
-export const privateButtonDestructiveLoadingBackgroundDay = "rgb(231, 8, 102)";
-export const privateButtonLinkOnDarkLoadingForegroundNight = "rgba(255, 255, 255, 0.5)";
 export const privateButtonDisabledBackgroundDay = "rgb(221, 225, 228)";
 export const privateButtonSecondaryOnDarkNormalBackgroundDay = "rgb(36, 51, 70)";
+export const privateButtonSecondaryOnDarkDisabledForegroundDay = "rgba(255, 255, 255, 0.2)";
 export const privateButtonPrimaryOnDarkPressedBackgroundDay = "rgb(203, 206, 210)";
 export const privateButtonPrimaryOnLightPressedBackgroundNight = "rgb(21, 70, 121)";
 export const privateButtonFeaturedNormalBackgroundNight = "rgb(132, 233, 255)";
+export const privateSkeletonShimmerStartEndDay = "rgba(255, 255, 255, 0)";
+export const privateSkeletonShimmerStartEndNight = "rgba(0, 0, 0, 0)";
+export const privateSkeletonShimmerCenterDay = "rgba(255, 255, 255, 0.6)";
+export const privateSkeletonShimmerCenterNight = "rgba(0, 0, 0, 0.2)";
 export const breakpointQueryTabletOnly = "(min-width: 32.0625rem) and (max-width: 64rem)";
@@ -277,4 +275,2 @@ export const breakpointSmallTabletMargin = "1.5rem";
 privateButtonLinkNormalForegroundNight,
-privateButtonLinkOnDarkLoadingForegroundDay,
-privateButtonPrimaryOnDarkLoadingBackgroundNight,
 privateButtonLinkOnDarkDisabledForegroundNight,
@@ -288,21 +284,20 @@ privateButtonSecondaryNormalBackgroundNight,
 privateButtonLinkNormalForegroundDay,
-privateButtonPrimaryOnDarkLoadingBackgroundDay,
-privateButtonPrimaryOnLightLoadingBackgroundNight,
+privateButtonPrimaryOnLightDisabledForegroundNight,
+privateButtonSecondaryOnDarkDisabledBackgroundNight,
 privateButtonDestructiveNormalForegroundNight,
 privateButtonLinkOnDarkDisabledForegroundDay,
-privateButtonSecondaryLoadingBackgroundNight,
 privateButtonSecondaryNormalBackgroundDay,
 privateButtonPrimaryOnLightNormalBackgroundDay,
+privateButtonPrimaryOnLightDisabledForegroundDay,
 privateButtonPrimaryOnDarkNormalBackgroundNight,
 privateButtonFeaturedPressedBackgroundDay,
-privateButtonPrimaryOnLightLoadingBackgroundDay,
+privateButtonPrimaryOnDarkDisabledForegroundNight,
+privateButtonSecondaryOnDarkDisabledBackgroundDay,
 privateButtonSecondaryOnDarkPressedBackgroundNight,
-privateButtonSecondaryLoadingBackgroundDay,
-privateButtonFeaturedLoadingBackgroundNight,
 privateButtonDestructiveNormalForegroundDay,
 privateButtonPrimaryOnDarkNormalBackgroundDay,
+privateButtonPrimaryOnDarkDisabledForegroundDay,
 privateButtonLinkPressedForegroundNight,
 privateButtonSecondaryOnDarkPressedBackgroundDay,
-privateButtonFeaturedLoadingBackgroundDay,
-privateButtonSecondaryOnDarkLoadingBackgroundNight,
+privateButtonPrimaryOnLightDisabledBackgroundNight,
 privateButtonLinkPressedForegroundDay,
@@ -313,4 +308,4 @@ privateButtonDestructiveNormalBackgroundNight,
 privateButtonPrimaryPressedBackgroundNight,
-privateButtonLinkLoadingForegroundNight,
-privateButtonSecondaryOnDarkLoadingBackgroundDay,
+privateButtonPrimaryOnLightDisabledBackgroundDay,
+privateButtonPrimaryOnDarkDisabledBackgroundNight,
 privateButtonPrimaryNormalBackgroundDay,
@@ -321,16 +316,13 @@ privateButtonDestructiveNormalBackgroundDay,
 privateButtonPrimaryPressedBackgroundDay,
+privateButtonPrimaryOnDarkDisabledBackgroundDay,
 privateButtonLinkOnDarkNormalForegroundNight,
-privateButtonLinkLoadingForegroundDay,
-privateButtonDestructiveLoadingBackgroundNight,
-privateButtonPrimaryLoadingBackgroundNight,
 privateButtonDisabledBackgroundNight,
 privateButtonSecondaryOnDarkNormalBackgroundNight,
+privateButtonSecondaryOnDarkDisabledForegroundNight,
 privateButtonLinkOnDarkPressedForegroundDay,
 privateButtonPrimaryOnDarkPressedBackgroundNight,
 privateButtonLinkOnDarkNormalForegroundDay,
-privateButtonPrimaryLoadingBackgroundDay,
-privateButtonDestructiveLoadingBackgroundDay,
-privateButtonLinkOnDarkLoadingForegroundNight,
 privateButtonDisabledBackgroundDay,
 privateButtonSecondaryOnDarkNormalBackgroundDay,
+privateButtonSecondaryOnDarkDisabledForegroundDay,
 privateButtonPrimaryOnDarkPressedBackgroundDay,
@@ -454,2 +446,8 @@ privateButtonPrimaryOnLightPressedBackgroundNight,
 };
+export const skeletonColors = {
+privateSkeletonShimmerStartEndDay,
+privateSkeletonShimmerStartEndNight,
+privateSkeletonShimmerCenterDay,
+privateSkeletonShimmerCenterNight,
+};
 export const statusColors = {
@@ -456,0 +454,0 @@ statusSuccessSpotNight,

tokens/breakpoints.raw.json

@@ -1571,21 +1571,7 @@ {
     },
-    "PRIVATE_BUTTON_LINK_ON_DARK_LOADING_FOREGROUND_DAY": {
-      "type": "color",
-      "category": "button-colors",
-      "value": "rgba(255, 255, 255, 0.5)",
-      "originalValue": "#FFFFFF80",
-      "name": "PRIVATE_BUTTON_LINK_ON_DARK_LOADING_FOREGROUND_DAY"
-    },
-    "PRIVATE_BUTTON_PRIMARY_ON_DARK_LOADING_BACKGROUND_NIGHT": {
-      "type": "color",
-      "category": "button-colors",
-      "value": "rgb(203, 206, 210)",
-      "originalValue": "#CBCED2",
-      "name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_LOADING_BACKGROUND_NIGHT"
-    },
     "PRIVATE_BUTTON_LINK_ON_DARK_DISABLED_FOREGROUND_NIGHT": {
       "type": "color",
       "category": "button-colors",
-      "value": "rgba(255, 255, 255, 0.5)",
-      "originalValue": "#FFFFFF80",
+      "value": "rgba(255, 255, 255, 0.2)",
+      "originalValue": "#FFFFFF33",
       "name": "PRIVATE_BUTTON_LINK_ON_DARK_DISABLED_FOREGROUND_NIGHT"
@@ -1642,15 +1628,15 @@ },
     },
-    "PRIVATE_BUTTON_PRIMARY_ON_DARK_LOADING_BACKGROUND_DAY": {
+    "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_FOREGROUND_NIGHT": {
       "type": "color",
       "category": "button-colors",
-      "value": "rgb(203, 206, 210)",
-      "originalValue": "#CBCED2",
-      "name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_LOADING_BACKGROUND_DAY"
+      "value": "rgba(0, 0, 0, 0.2)",
+      "originalValue": "#00000033",
+      "name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_FOREGROUND_NIGHT"
     },
-    "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_LOADING_BACKGROUND_NIGHT": {
+    "PRIVATE_BUTTON_SECONDARY_ON_DARK_DISABLED_BACKGROUND_NIGHT": {
       "type": "color",
       "category": "button-colors",
-      "value": "rgb(21, 70, 121)",
-      "originalValue": "#154679",
-      "name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_LOADING_BACKGROUND_NIGHT"
+      "value": "rgb(11, 17, 26)",
+      "originalValue": "#0B111A",
+      "name": "PRIVATE_BUTTON_SECONDARY_ON_DARK_DISABLED_BACKGROUND_NIGHT"
     },
@@ -1667,13 +1653,6 @@ "PRIVATE_BUTTON_DESTRUCTIVE_NORMAL_FOREGROUND_NIGHT": {
       "category": "button-colors",
-      "value": "rgba(255, 255, 255, 0.5)",
-      "originalValue": "#FFFFFF80",
+      "value": "rgba(255, 255, 255, 0.2)",
+      "originalValue": "#FFFFFF33",
       "name": "PRIVATE_BUTTON_LINK_ON_DARK_DISABLED_FOREGROUND_DAY"
     },
-    "PRIVATE_BUTTON_SECONDARY_LOADING_BACKGROUND_NIGHT": {
-      "type": "color",
-      "category": "button-colors",
-      "value": "rgb(1, 9, 19)",
-      "originalValue": "#010913",
-      "name": "PRIVATE_BUTTON_SECONDARY_LOADING_BACKGROUND_NIGHT"
-    },
     "PRIVATE_BUTTON_SECONDARY_NORMAL_BACKGROUND_DAY": {
@@ -1693,2 +1672,9 @@ "type": "color",
     },
+    "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_FOREGROUND_DAY": {
+      "type": "color",
+      "category": "button-colors",
+      "value": "rgba(0, 0, 0, 0.2)",
+      "originalValue": "#00000033",
+      "name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_FOREGROUND_DAY"
+    },
     "PRIVATE_BUTTON_PRIMARY_ON_DARK_NORMAL_BACKGROUND_NIGHT": {
@@ -1704,13 +1690,20 @@ "type": "color",
       "category": "button-colors",
-      "value": "rgb(8, 78, 178)",
-      "originalValue": "#084EB2",
+      "value": "rgb(2, 77, 175)",
+      "originalValue": "#024DAF",
       "name": "PRIVATE_BUTTON_FEATURED_PRESSED_BACKGROUND_DAY"
     },
-    "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_LOADING_BACKGROUND_DAY": {
+    "PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_FOREGROUND_NIGHT": {
       "type": "color",
       "category": "button-colors",
-      "value": "rgb(21, 70, 121)",
-      "originalValue": "#154679",
-      "name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_LOADING_BACKGROUND_DAY"
+      "value": "rgba(0, 0, 0, 0.2)",
+      "originalValue": "#00000033",
+      "name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_FOREGROUND_NIGHT"
     },
+    "PRIVATE_BUTTON_SECONDARY_ON_DARK_DISABLED_BACKGROUND_DAY": {
+      "type": "color",
+      "category": "button-colors",
+      "value": "rgb(11, 17, 26)",
+      "originalValue": "#0B111A",
+      "name": "PRIVATE_BUTTON_SECONDARY_ON_DARK_DISABLED_BACKGROUND_DAY"
+    },
     "PRIVATE_BUTTON_SECONDARY_ON_DARK_PRESSED_BACKGROUND_NIGHT": {
@@ -1723,16 +1716,2 @@ "type": "color",
     },
-    "PRIVATE_BUTTON_SECONDARY_LOADING_BACKGROUND_DAY": {
-      "type": "color",
-      "category": "button-colors",
-      "value": "rgb(198, 204, 212)",
-      "originalValue": "#C6CCD4",
-      "name": "PRIVATE_BUTTON_SECONDARY_LOADING_BACKGROUND_DAY"
-    },
-    "PRIVATE_BUTTON_FEATURED_LOADING_BACKGROUND_NIGHT": {
-      "type": "color",
-      "category": "button-colors",
-      "value": "rgb(209, 247, 255)",
-      "originalValue": "#D1F7FF",
-      "name": "PRIVATE_BUTTON_FEATURED_LOADING_BACKGROUND_NIGHT"
-    },
     "PRIVATE_BUTTON_DESTRUCTIVE_NORMAL_FOREGROUND_DAY": {
@@ -1752,2 +1731,9 @@ "type": "color",
     },
+    "PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_FOREGROUND_DAY": {
+      "type": "color",
+      "category": "button-colors",
+      "value": "rgba(0, 0, 0, 0.2)",
+      "originalValue": "#00000033",
+      "name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_FOREGROUND_DAY"
+    },
     "PRIVATE_BUTTON_LINK_PRESSED_FOREGROUND_NIGHT": {
@@ -1767,16 +1753,9 @@ "type": "color",
     },
-    "PRIVATE_BUTTON_FEATURED_LOADING_BACKGROUND_DAY": {
+    "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_BACKGROUND_NIGHT": {
       "type": "color",
       "category": "button-colors",
-      "value": "rgb(224, 227, 229)",
-      "originalValue": "#E0E3E5",
-      "name": "PRIVATE_BUTTON_FEATURED_LOADING_BACKGROUND_DAY"
+      "value": "rgb(221, 225, 228)",
+      "originalValue": "#DDE1E4",
+      "name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_BACKGROUND_NIGHT"
     },
-    "PRIVATE_BUTTON_SECONDARY_ON_DARK_LOADING_BACKGROUND_NIGHT": {
-      "type": "color",
-      "category": "button-colors",
-      "value": "rgb(1, 9, 19)",
-      "originalValue": "#010913",
-      "name": "PRIVATE_BUTTON_SECONDARY_ON_DARK_LOADING_BACKGROUND_NIGHT"
-    },
     "PRIVATE_BUTTON_LINK_PRESSED_FOREGROUND_DAY": {
@@ -1817,15 +1796,15 @@ "type": "color",
     },
-    "PRIVATE_BUTTON_LINK_LOADING_FOREGROUND_NIGHT": {
+    "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_BACKGROUND_DAY": {
       "type": "color",
       "category": "button-colors",
-      "value": "rgba(0, 0, 0, 0.2)",
-      "originalValue": "#00000033",
-      "name": "PRIVATE_BUTTON_LINK_LOADING_FOREGROUND_NIGHT"
+      "value": "rgb(221, 225, 228)",
+      "originalValue": "#DDE1E4",
+      "name": "PRIVATE_BUTTON_PRIMARY_ON_LIGHT_DISABLED_BACKGROUND_DAY"
     },
-    "PRIVATE_BUTTON_SECONDARY_ON_DARK_LOADING_BACKGROUND_DAY": {
+    "PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_BACKGROUND_NIGHT": {
       "type": "color",
       "category": "button-colors",
-      "value": "rgb(1, 9, 19)",
-      "originalValue": "#010913",
-      "name": "PRIVATE_BUTTON_SECONDARY_ON_DARK_LOADING_BACKGROUND_DAY"
+      "value": "rgb(221, 225, 228)",
+      "originalValue": "#DDE1E4",
+      "name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_BACKGROUND_NIGHT"
     },
@@ -1867,2 +1846,9 @@ "PRIVATE_BUTTON_PRIMARY_NORMAL_BACKGROUND_DAY": {
     },
+    "PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_BACKGROUND_DAY": {
+      "type": "color",
+      "category": "button-colors",
+      "value": "rgb(221, 225, 228)",
+      "originalValue": "#DDE1E4",
+      "name": "PRIVATE_BUTTON_PRIMARY_ON_DARK_DISABLED_BACKGROUND_DAY"
+    },
     "PRIVATE_BUTTON_LINK_ON_DARK_NORMAL_FOREGROUND_NIGHT": {
@@ -1875,23 +1861,2 @@ "type": "color",
     },
-    "PRIVATE_BUTTON_LINK_LOADING_FOREGROUND_DAY": {
-      "type": "color",
-      "category": "button-colors",
-      "value": "rgba(0, 0, 0, 0.2)",
-      "originalValue": "#00000033",
-      "name": "PRIVATE_BUTTON_LINK_LOADING_FOREGROUND_DAY"
-    },
-    "PRIVATE_BUTTON_DESTRUCTIVE_LOADING_BACKGROUND_NIGHT": {
-      "type": "color",
-      "category": "button-colors",
-      "value": "rgb(255, 100, 156)",
-      "originalValue": "#FF649C",
-      "name": "PRIVATE_BUTTON_DESTRUCTIVE_LOADING_BACKGROUND_NIGHT"
-    },
-    "PRIVATE_BUTTON_PRIMARY_LOADING_BACKGROUND_NIGHT": {
-      "type": "color",
-      "category": "button-colors",
-      "value": "rgb(21, 70, 121)",
-      "originalValue": "#154679",
-      "name": "PRIVATE_BUTTON_PRIMARY_LOADING_BACKGROUND_NIGHT"
-    },
     "PRIVATE_BUTTON_DISABLED_BACKGROUND_NIGHT": {
@@ -1911,2 +1876,9 @@ "type": "color",
     },
+    "PRIVATE_BUTTON_SECONDARY_ON_DARK_DISABLED_FOREGROUND_NIGHT": {
+      "type": "color",
+      "category": "button-colors",
+      "value": "rgba(255, 255, 255, 0.2)",
+      "originalValue": "#FFFFFF33",
+      "name": "PRIVATE_BUTTON_SECONDARY_ON_DARK_DISABLED_FOREGROUND_NIGHT"
+    },
     "PRIVATE_BUTTON_LINK_ON_DARK_PRESSED_FOREGROUND_DAY": {
@@ -1933,23 +1905,2 @@ "type": "color",
     },
-    "PRIVATE_BUTTON_PRIMARY_LOADING_BACKGROUND_DAY": {
-      "type": "color",
-      "category": "button-colors",
-      "value": "rgb(21, 70, 121)",
-      "originalValue": "#154679",
-      "name": "PRIVATE_BUTTON_PRIMARY_LOADING_BACKGROUND_DAY"
-    },
-    "PRIVATE_BUTTON_DESTRUCTIVE_LOADING_BACKGROUND_DAY": {
-      "type": "color",
-      "category": "button-colors",
-      "value": "rgb(231, 8, 102)",
-      "originalValue": "#E70866",
-      "name": "PRIVATE_BUTTON_DESTRUCTIVE_LOADING_BACKGROUND_DAY"
-    },
-    "PRIVATE_BUTTON_LINK_ON_DARK_LOADING_FOREGROUND_NIGHT": {
-      "type": "color",
-      "category": "button-colors",
-      "value": "rgba(255, 255, 255, 0.5)",
-      "originalValue": "#FFFFFF80",
-      "name": "PRIVATE_BUTTON_LINK_ON_DARK_LOADING_FOREGROUND_NIGHT"
-    },
     "PRIVATE_BUTTON_DISABLED_BACKGROUND_DAY": {
@@ -1969,2 +1920,9 @@ "type": "color",
     },
+    "PRIVATE_BUTTON_SECONDARY_ON_DARK_DISABLED_FOREGROUND_DAY": {
+      "type": "color",
+      "category": "button-colors",
+      "value": "rgba(255, 255, 255, 0.2)",
+      "originalValue": "#FFFFFF33",
+      "name": "PRIVATE_BUTTON_SECONDARY_ON_DARK_DISABLED_FOREGROUND_DAY"
+    },
     "PRIVATE_BUTTON_PRIMARY_ON_DARK_PRESSED_BACKGROUND_DAY": {
@@ -1991,2 +1949,30 @@ "type": "color",
     },
+    "PRIVATE_SKELETON_SHIMMER_START_END_DAY": {
+      "type": "color",
+      "category": "skeleton-colors",
+      "value": "rgba(255, 255, 255, 0)",
+      "originalValue": "#FFFFFF00",
+      "name": "PRIVATE_SKELETON_SHIMMER_START_END_DAY"
+    },
+    "PRIVATE_SKELETON_SHIMMER_START_END_NIGHT": {
+      "type": "color",
+      "category": "skeleton-colors",
+      "value": "rgba(0, 0, 0, 0)",
+      "originalValue": "#00000000",
+      "name": "PRIVATE_SKELETON_SHIMMER_START_END_NIGHT"
+    },
+    "PRIVATE_SKELETON_SHIMMER_CENTER_DAY": {
+      "type": "color",
+      "category": "skeleton-colors",
+      "value": "rgba(255, 255, 255, 0.6)",
+      "originalValue": "#FFFFFF99",
+      "name": "PRIVATE_SKELETON_SHIMMER_CENTER_DAY"
+    },
+    "PRIVATE_SKELETON_SHIMMER_CENTER_NIGHT": {
+      "type": "color",
+      "category": "skeleton-colors",
+      "value": "rgba(0, 0, 0, 0.2)",
+      "originalValue": "#00000033",
+      "name": "PRIVATE_SKELETON_SHIMMER_CENTER_NIGHT"
+    },
     "BREAKPOINT_QUERY_TABLET_ONLY": {
@@ -1993,0 +1979,0 @@ "category": "breakpoints",

No alert changes

Worsened metrics

Total package byte prevSize

480089

decreased by-0.42%

Lines of code

10037

decreased by-0.36%

Dependency changes

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