@adyen/bento-design-tokens - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

dist/js/bento/es6-legacy.js

@@ -48,8 +48,2 @@ export const BColorBackgroundPrimary = "#ffffff";
 export const BColorLinkPrimaryPressed = "#8d95a3";
-export const BColorLinkSecondary = "#5c687c";
-export const BColorLinkSecondaryHovered = "#6d7789";
-export const BColorLinkSecondaryPressed = "#8d95a3";
-export const BColorLinkHighlight = "#0070f5";
-export const BColorLinkHighlightHovered = "#0063d7";
-export const BColorLinkHighlightPressed = "#003c82";
 export const BColorOutlinePrimary = "#eeeff1";
@@ -440,2 +434,5 @@ export const BColorOutlineSecondary = "#d1d5da";
 export const BLinkActiveColor = "#0066ff";
+export const BLinkQuietColor = "#0066ff";
+export const BLinkQuietHoverColor = "#0066ff";
+export const BLinkQuietActiveColor = "#0066ff";
 export const BLoadingButtonPrimaryActiveBackgroundColor = "#0048b3";
@@ -463,4 +460,4 @@ export const BLoadingButtonPrimarySuccessBackgroundColor = "#0abf53";
 export const BLoadingButtonTertiaryActiveBackgroundColor = "#eef1f5";
-export const BLoadingIndicatorBackgroundColor = "#dce0e5";
-export const BLoadingIndicatorColor = "#0048b3";
+export const BLoadingIndicatorBackgroundColor = "#0066ff";
+export const BLoadingIndicatorColor = "#0066ff";
 export const BLoadingIndicatorHeight = "24px";
@@ -474,4 +471,4 @@ export const BLoadingIndicatorWidth = "24px";
 export const BLoadingIndicatorLargeWidth = "48px";
-export const BLoadingIndicatorInverseBackgroundColor = "#dce0e5";
-export const BLoadingIndicatorInverseColor = "#0048b3";
+export const BLoadingIndicatorInverseBackgroundColor = "#ffffff";
+export const BLoadingIndicatorInverseColor = "#ffffff";
 export const BPaginationContextMargin = "0 12px";
@@ -491,2 +488,3 @@ export const BPaginationControlsGap = "16px";
 export const BPopoverContentMargin = "16px";
+export const BPopoverContentWithTitleMarginTop = "8px";
 export const BPopoverHeaderMargin = "12px 16px 0px 16px";
@@ -593,2 +591,13 @@ export const BPopoverHeaderTitleColumnGap = "8px";
 export const BBorderWidthL = "3px";
+export const BMediaQueryXsMin = "0px";
+export const BMediaQueryXsMax = "374px";
+export const BMediaQuerySMin = "375px";
+export const BMediaQuerySMax = "499px";
+export const BMediaQueryMMin = "500px";
+export const BMediaQueryMMax = "767px";
+export const BMediaQueryLMin = "768px";
+export const BMediaQueryLMax = "1279px";
+export const BMediaQueryXlMin = "1280px";
+export const BMediaQueryXlMax = "1919px";
+export const BMediaQueryXxl = "1920px";
 export const BFontSize13 = "13px";
@@ -641,13 +650,2 @@ export const BFontSize15 = "15px";
 export const BLetterSpacing000 = 0;
-export const BMediaQueryXsMin = "0px";
-export const BMediaQueryXsMax = "374px";
-export const BMediaQuerySMin = "375px";
-export const BMediaQuerySMax = "499px";
-export const BMediaQueryMMin = "500px";
-export const BMediaQueryMMax = "767px";
-export const BMediaQueryLMin = "768px";
-export const BMediaQueryLMax = "1279px";
-export const BMediaQueryXlMin = "1280px";
-export const BMediaQueryXlMax = "1919px";
-export const BMediaQueryXxl = "1920px";
 export const BShadowLow = "0px 2px 4px rgba(0, 17, 44, 0.04), 0px 1px 2px rgba(0, 17, 44, 0.02)";
@@ -654,0 +652,0 @@ export const BShadowMedium = "0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04)";

dist/js/bento/es6.js

@@ -48,8 +48,2 @@ export const BColorBackgroundPrimary = "#ffffff";
 export const BColorLinkPrimaryPressed = "#8d95a3";
-export const BColorLinkSecondary = "#5c687c";
-export const BColorLinkSecondaryHovered = "#6d7789";
-export const BColorLinkSecondaryPressed = "#8d95a3";
-export const BColorLinkHighlight = "#0070f5";
-export const BColorLinkHighlightHovered = "#0063d7";
-export const BColorLinkHighlightPressed = "#003c82";
 export const BColorOutlinePrimary = "#eeeff1";
@@ -351,7 +345,10 @@ export const BColorOutlineSecondary = "#d1d5da";
 export const BLinkBorderRadius = "2px";
-export const BLinkColor = "#0070f5";
-export const BLinkTextDecoration = "none";
-export const BLinkHoverColor = "#0063d7";
+export const BLinkColor = "#00112c";
+export const BLinkTextDecoration = "underline";
+export const BLinkHoverColor = "#5c687c";
 export const BLinkHoverTextDecoration = "none";
-export const BLinkActiveColor = "#003c82";
+export const BLinkActiveColor = "#8d95a3";
+export const BLinkQuietColor = "#00112c";
+export const BLinkQuietHoverColor = "#00112c";
+export const BLinkQuietActiveColor = "#00112c";
 export const BLoadingButtonPrimaryActiveBackgroundColor = "#8d95a3";
@@ -405,2 +402,3 @@ export const BLoadingButtonPrimarySuccessBackgroundColor = "#00112c";
 export const BPopoverContentMargin = "16px";
+export const BPopoverContentWithTitleMarginTop = "8px";
 export const BPopoverHeaderMargin = "12px 16px 0px 16px";
@@ -506,2 +504,13 @@ export const BPopoverHeaderTitleColumnGap = "8px";
 export const BBorderWidthL = "3px";
+export const BMediaQueryXsMin = "0px";
+export const BMediaQueryXsMax = "374px";
+export const BMediaQuerySMin = "375px";
+export const BMediaQuerySMax = "499px";
+export const BMediaQueryMMin = "500px";
+export const BMediaQueryMMax = "767px";
+export const BMediaQueryLMin = "768px";
+export const BMediaQueryLMax = "1279px";
+export const BMediaQueryXlMin = "1280px";
+export const BMediaQueryXlMax = "1919px";
+export const BMediaQueryXxl = "1920px";
 export const BFontSize100 = "12px";
@@ -540,13 +549,2 @@ export const BFontSize200 = "14px";
 export const BLetterSpacing000 = 0;
-export const BMediaQueryXsMin = "0px";
-export const BMediaQueryXsMax = "374px";
-export const BMediaQuerySMin = "375px";
-export const BMediaQuerySMax = "499px";
-export const BMediaQueryMMin = "500px";
-export const BMediaQueryMMax = "767px";
-export const BMediaQueryLMin = "768px";
-export const BMediaQueryLMax = "1279px";
-export const BMediaQueryXlMin = "1280px";
-export const BMediaQueryXlMax = "1919px";
-export const BMediaQueryXxl = "1920px";
 export const BShadowLow = "0px 2px 4px rgba(0, 17, 44, 0.04), 0px 1px 2px rgba(0, 17, 44, 0.02)";
@@ -553,0 +551,0 @@ export const BShadowMedium = "0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04)";

package.json

 {
     "name": "@adyen/bento-design-tokens",
-    "version": "0.0.2",
+    "version": "0.0.3",
     "license": "MIT",
@@ -5,0 +5,0 @@ "files": [

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

Worsened metrics

Total package byte prevSize

200345

decreased by-0.21%

Lines of code

3810

decreased by-0.21%

No dependency changes