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

Comparing version 0.1.3 to 0.1.4

dist/js/adl/es6-legacy.js

@@ -211,6 +211,2 @@ export const AdlBackgroundInteractive = "#a5afbd";
 export const AdlPopoverFontWeight = "100";
-export const AdlProfilePictureBackgroundColor = "#69778c";
-export const AdlProfilePictureColor = "#ffffff";
-export const AdlProfilePictureFontSize = "21px";
-export const AdlProfilePictureFontWeight = "500";
 export const AdlSegmentedControlBackgroundColor = "#ffffff";
@@ -217,0 +213,0 @@ export const AdlSegmentedControlBorder = "1px solid #dce0e5";

dist/js/adl/es6.js

@@ -194,6 +194,2 @@ export const AdlBackgroundInteractive = "#dee1e6";
 export const AdlPopoverFontWeight = "400";
-export const AdlProfilePictureBackgroundColor = "#9fa6b0";
-export const AdlProfilePictureColor = "#ffffff";
-export const AdlProfilePictureFontSize = "18px";
-export const AdlProfilePictureFontWeight = "500";
 export const AdlSegmentedControlBackgroundColor = "#eef0f3";
@@ -200,0 +196,0 @@ export const AdlSegmentedControlBorder = "none";

dist/js/bento/es6-legacy.js

@@ -266,12 +266,15 @@ export const BColorBackgroundPrimary = "#ffffff";
 export const BAlertInlineContentActionsMarginTop = "6px";
-export const BAvatarSmallHeight = "24px";
-export const BAvatarSmallWidth = "24px";
-export const BAvatarYellowBackgroundColor = "#a5afbd";
-export const BAvatarYellowColor = "#ffffff";
-export const BAvatarBlueBackgroundColor = "#a5afbd";
-export const BAvatarBlueColor = "#ffffff";
-export const BAvatarGreenBackgroundColor = "#a5afbd";
-export const BAvatarGreenColor = "#ffffff";
-export const BAvatarRedBackgroundColor = "#a5afbd";
-export const BAvatarRedColor = "#ffffff";
+export const BAvatarImageSmallHeight = "24px";
+export const BAvatarImageSmallWidth = "24px";
+export const BAvatarImageYellowBackgroundColor = "#a5afbd";
+export const BAvatarImageYellowColor = "#ffffff";
+export const BAvatarImageBlueBackgroundColor = "#a5afbd";
+export const BAvatarImageBlueColor = "#ffffff";
+export const BAvatarImageGreenBackgroundColor = "#a5afbd";
+export const BAvatarImageGreenColor = "#ffffff";
+export const BAvatarImageRedBackgroundColor = "#a5afbd";
+export const BAvatarImageRedColor = "#ffffff";
+export const BAvatarLabelColor = "#00112c";
+export const BAvatarLabelPadding = "0 0 0 12px";
+export const BAvatarColor = "#00112c";
 export const BButtonActionsButtonsEndColumnGap = "8px";
@@ -467,11 +470,11 @@ export const BButtonActionsFillContainerColumnGap = "8px";
 export const BDataGridConfigColumnVisibilityShowAllBorderRadius = "8px";
-export const BDataGridConfigColumnVisibilityShowAllMargin = "0 8px 12px 8px";
+export const BDataGridConfigColumnVisibilityShowAllMargin = "0 8px 4px 8px";
 export const BDataGridConfigColumnVisibilityShowAllPadding = "8px";
 export const BDataGridConfigColumnVisibilitySearchMargin = "0 16px 4px 16px";
 export const BDataGridConfigColumnVisibilityTogglesGap = "16px";
-export const BDataGridConfigColumnVisibilityTogglesPadding = "0 16px";
+export const BDataGridConfigColumnVisibilityTogglesPadding = "8px 16px 0px";
 export const BDataGridConfigColumnVisibilityNoColumnsFoundMarginTop = "8px";
-export const BDropdownLabelColor = "#5c687c";
+export const BDropdownLabelColor = "#00112c";
 export const BDropdownLabelMarginBottom = "8px";
-export const BDropdownDescriptionColor = "#5c687c";
+export const BDropdownDescriptionColor = "#707070";
 export const BDropdownDescriptionMarginTop = "8px";
@@ -483,2 +486,3 @@ export const BDropdownDefaultTextboxBorderColor = "#dce0e5";
 export const BDropdownDefaultTextboxIconColor = "#818890";
+export const BDropdownDefaultTextboxPadding = "0 12px";
 export const BDropdownDefaultTextboxPlaceholderColor = "#818890";
@@ -533,4 +537,7 @@ export const BDropdownDefaultTextboxFocusBorderColor = "#599bff";
 export const BDropdownOptionHoverFontColor = "#0066ff";
+export const BDropdownOptionDescriptionColor = "#707070";
+export const BDropdownOptionDescriptionMarginTop = "4px";
 export const BDropdownOptionSelectedFontColor = "#ffffff";
 export const BDropdownOptionSelectedBackgroundColor = "#0066ff";
+export const BDropdownSingleSelectIconPaddingTop = "2px";
 export const BDropdownMultiSelectDividerBackgroundColor = "#eeeff1";
@@ -552,3 +559,3 @@ export const BDropdownMultiSelectDividerMargin = "8px 0px";
 export const BFilterButtonCounterFontColor = "#394962";
-export const BFilterButtonCounterPadding = "0px 6px";
+export const BFilterButtonCounterPadding = "2px 6px";
 export const BFilterButtonCounterActiveBackgroundColor = "#00112c";
@@ -661,10 +668,13 @@ export const BFilterButtonCounterActiveFontColor = "#00112c";
 export const BPopoverDismissButtonOnImageIconActiveColor = "#eeeff1";
-export const BPopoverContentMargin = "16px";
-export const BPopoverContentWithTitleMarginTop = "8px";
-export const BPopoverHeaderMargin = "12px 16px 0px 16px";
+export const BPopoverWithDividerFooterBackgroundColor = "#f3f6f9";
+export const BPopoverWithDividerFooterBorderTop = "1px solid #eeeff1";
+export const BPopoverWithDividerFooterPaddingTop = "12px";
+export const BPopoverWithDividerContentPadding = "0px";
+export const BPopoverContentPadding = "16px";
+export const BPopoverHeaderPadding = "12px 16px 0px 16px";
 export const BPopoverHeaderTitleColumnGap = "8px";
-export const BPopoverImageHeaderMargin = "16px 16px 0px 16px";
+export const BPopoverImageHeaderPadding = "16px 16px 0px 16px";
 export const BPopoverImageDismissIconRight = "16px";
 export const BPopoverImageDismissIconTop = "16px";
-export const BPopoverFooterMargin = "0px 16px 12px 16px";
+export const BPopoverFooterPadding = "0px 16px 12px 16px";
 export const BRadioButtonOffsetTop = "4px";
@@ -766,5 +776,2 @@ export const BRadioButtonBorderRadius = "12px";
 export const BTooltipPadding = "4px 8px";
-export const BUserProfileLabelColor = "#00112c";
-export const BUserProfileLabelPadding = "0 0 0 12px";
-export const BUserProfileColor = "#00112c";
 export const BBorderRadiusXs = "2px";
@@ -771,0 +778,0 @@ export const BBorderRadiusS = "4px";

dist/js/bento/es6.js

@@ -191,14 +191,16 @@ export const BColorBackgroundPrimary = "#ffffff";
 export const BAlertInlineContentActionsMarginTop = "6px";
-export const BAvatarHeight = "32px";
-export const BAvatarWidth = "32px";
-export const BAvatarSmallHeight = "24px";
-export const BAvatarSmallWidth = "24px";
-export const BAvatarYellowBackgroundColor = "#fff5e9";
-export const BAvatarYellowColor = "#dd7d00";
-export const BAvatarBlueBackgroundColor = "#f2f8ff";
-export const BAvatarBlueColor = "#0070f5";
-export const BAvatarGreenBackgroundColor = "#edfaf3";
-export const BAvatarGreenColor = "#09ab4b";
-export const BAvatarRedBackgroundColor = "#fef4f4";
-export const BAvatarRedColor = "#e22d2d";
+export const BAvatarImageHeight = "32px";
+export const BAvatarImageWidth = "32px";
+export const BAvatarImageSmallHeight = "24px";
+export const BAvatarImageSmallWidth = "24px";
+export const BAvatarImageYellowBackgroundColor = "#fff5e9";
+export const BAvatarImageYellowColor = "#dd7d00";
+export const BAvatarImageBlueBackgroundColor = "#f2f8ff";
+export const BAvatarImageBlueColor = "#0070f5";
+export const BAvatarImageGreenBackgroundColor = "#edfaf3";
+export const BAvatarImageGreenColor = "#09ab4b";
+export const BAvatarImageRedBackgroundColor = "#fef4f4";
+export const BAvatarImageRedColor = "#e22d2d";
+export const BAvatarLabelColor = "#00112c";
+export const BAvatarLabelPadding = "0 0 0 12px";
 export const BButtonActionsButtonsEndColumnGap = "8px";
@@ -381,7 +383,7 @@ export const BButtonActionsFillContainerColumnGap = "8px";
 export const BDataGridConfigColumnVisibilityShowAllBorderRadius = "8px";
-export const BDataGridConfigColumnVisibilityShowAllMargin = "0 8px 12px 8px";
+export const BDataGridConfigColumnVisibilityShowAllMargin = "0 8px 4px 8px";
 export const BDataGridConfigColumnVisibilityShowAllPadding = "8px";
 export const BDataGridConfigColumnVisibilitySearchMargin = "0 16px 4px 16px";
 export const BDataGridConfigColumnVisibilityTogglesGap = "16px";
-export const BDataGridConfigColumnVisibilityTogglesPadding = "0 16px";
+export const BDataGridConfigColumnVisibilityTogglesPadding = "8px 16px 0px";
 export const BDataGridConfigColumnVisibilityNoColumnsFoundMarginTop = "8px";
@@ -397,3 +399,3 @@ export const BDropdownLabelColor = "#5c687c";
 export const BDropdownDefaultTextboxIconColor = "#00112c";
-export const BDropdownDefaultTextboxPlaceholderColor = "#00112c";
+export const BDropdownDefaultTextboxPadding = "0 12px";
 export const BDropdownDefaultTextboxFocusBorderColor = "#00112c";
@@ -407,3 +409,3 @@ export const BDropdownDefaultTextboxFocusColor = "#00112c";
 export const BDropdownDefaultTextboxDisabledIconColor = "#8d95a3";
-export const BDropdownDefaultTextboxHoverBorderColor = "#8d95a3";
+export const BDropdownDefaultTextboxHoverBorderColor = "#00112c";
 export const BDropdownDefaultTextboxErrorBorderColor = "#e22d2d";
@@ -424,3 +426,2 @@ export const BDropdownDefaultTextboxErrorHoverBorderColor = "#e22d2d";
 export const BDropdownSmallTextboxPadding = "4px 6px";
-export const BDropdownSmallTextboxPlaceholderColor = "#00112c";
 export const BDropdownSmallTextboxFocusBorderColor = "#00112c";
@@ -446,2 +447,5 @@ export const BDropdownSmallTextboxDisabledBackgroundColor = "#eeeff1";
 export const BDropdownOptionHoverBackgroundColor = "#f7f7f8";
+export const BDropdownOptionDescriptionColor = "#5c687c";
+export const BDropdownOptionDescriptionMarginTop = "4px";
+export const BDropdownSingleSelectIconPaddingTop = "2px";
 export const BDropdownMultiSelectDividerBackgroundColor = "#eeeff1";
@@ -561,10 +565,13 @@ export const BDropdownMultiSelectDividerMargin = "8px 0px";
 export const BPopoverDismissButtonOnImageIconActiveColor = "#eeeff1";
-export const BPopoverContentMargin = "16px";
-export const BPopoverContentWithTitleMarginTop = "8px";
-export const BPopoverHeaderMargin = "12px 16px 0px 16px";
+export const BPopoverWithDividerFooterBackgroundColor = "#ffffff";
+export const BPopoverWithDividerFooterBorderTop = "1px solid #eeeff1";
+export const BPopoverWithDividerFooterPaddingTop = "12px";
+export const BPopoverWithDividerContentPadding = "0px";
+export const BPopoverContentPadding = "16px";
+export const BPopoverHeaderPadding = "12px 16px 0px 16px";
 export const BPopoverHeaderTitleColumnGap = "8px";
-export const BPopoverImageHeaderMargin = "16px 16px 0px 16px";
+export const BPopoverImageHeaderPadding = "16px 16px 0px 16px";
 export const BPopoverImageDismissIconRight = "16px";
 export const BPopoverImageDismissIconTop = "16px";
-export const BPopoverFooterMargin = "0px 16px 12px 16px";
+export const BPopoverFooterPadding = "0px 16px 12px 16px";
 export const BRadioButtonOffsetTop = "2px";
@@ -663,4 +670,2 @@ export const BRadioButtonBorderRadius = "12px";
 export const BTooltipPadding = "4px 8px";
-export const BUserProfileLabelColor = "#00112c";
-export const BUserProfileLabelPadding = "0 0 0 12px";
 export const BBorderRadiusXs = "2px";
@@ -667,0 +672,0 @@ export const BBorderRadiusS = "4px";

package.json

 {
     "name": "@adyen/bento-design-tokens",
-    "version": "0.1.3",
+    "version": "0.1.4",
     "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

Improved metrics

Total package byte prevSize

230741

increased by0.39%

Lines of code

4294

increased by0.19%

No dependency changes