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

Comparing version 1.0.0-rc-6 to 1.0.0-rc-7

dist/js/bento/es6-styleguide.js

@@ -410,4 +410,4 @@ export const BColorBackgroundPrimary = "#ffffff";
 export const BCodeSnippetActionBarBackgroundColor = "#eeeff1";
-export const BCodeSnippetActionBarPadding = "6px 12px";
-export const BCodeSnippetActionBarGap = "12px";
+export const BCodeSnippetActionBarPadding = "8px 12px";
+export const BCodeSnippetActionBarGap = "8px";
 export const BCodeSnippetActionBarBorder = "0 solid #dbdee2";
@@ -423,2 +423,5 @@ export const BCodeSnippetActionBarBorderRadius = "8px 8px 0 0";
 export const BCodeSnippetCodeAreaContentFontFamily = "Menlo, 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace";
+export const BCodeSnippetCodeAreaContentPadding = "12px";
+export const BCodeSnippetCodeAreaContentPaddingLeft = "8px";
+export const BCodeSnippetCodeAreaGuttersPaddingLeft = "12px";
 export const BCodeSnippetCodeAreaHighlightRed = "#c72727";
@@ -430,2 +433,3 @@ export const BCodeSnippetCodeAreaHighlightOrange = "#9b5700";
 export const BCodeSnippetEmptyStateMinHeight = "200px";
+export const BCodeSnippetInlineCodeAreaContentPadding = "12px 8px 12px 8px";
 export const BCountryLabelColor = "#00112c";
@@ -568,4 +572,4 @@ export const BCountryLabelPadding = "0 0 0 12px";
 export const BDropdownDefaultTextboxErrorBorder = "1.5px solid #e22d2d";
-export const BDropdownDefaultTextboxErrorFocusBorderColor = "#791818";
-export const BDropdownDefaultTextboxErrorFocusOutlineColor = "#791818";
+export const BDropdownDefaultTextboxErrorFocusBorderColor = "#00112c";
+export const BDropdownDefaultTextboxErrorFocusOutlineColor = "#00112c";
 export const BDropdownDefaultTextboxOpenedBottomBorderRadius = "8px";
@@ -595,2 +599,3 @@ export const BDropdownDefaultTextboxAdditionalItemsBackgroundColor = "#f7f7f8";
 export const BDropdownSmallTextboxReadonlyBorderColor = "#eeeff1";
+export const BDropdownSmallTextboxReadonlyIconColor = "#8d95a3";
 export const BDropdownSmallTextboxOpenedBottomBorderRadius = "4px";
@@ -679,3 +684,3 @@ export const BDropdownSmallTextboxAdditionalItemsBackgroundColor = "#f7f7f8";
 export const BHeaderTitleColor = "#00112c";
-export const BHeaderInfoIconMarginLeft = "16px";
+export const BHeaderInfoIconMarginLeft = "10px";
 export const BHeaderTimestampColor = "#5c687c";
@@ -699,2 +704,3 @@ export const BHeaderTimestampMarginBlock = "4px";
 export const BInputFieldInputBoxFocusBorderColor = "#00112c";
+export const BInputFieldInputBoxFocusBorderWidth = "1.5px";
 export const BInputFieldInputBoxSmallPaddingLeft = "6px 12px 6px 3px";
@@ -701,0 +707,0 @@ export const BInputFieldInputBoxSmallPaddingRight = "6px 3px 6px 12px";

dist/js/bento/es6.js

@@ -394,4 +394,4 @@ export const BColorBackgroundPrimary = "#ffffff";
 export const BCodeSnippetActionBarBackgroundColor = "#eeeff1";
-export const BCodeSnippetActionBarPadding = "6px 12px";
-export const BCodeSnippetActionBarGap = "12px";
+export const BCodeSnippetActionBarPadding = "8px 12px";
+export const BCodeSnippetActionBarGap = "8px";
 export const BCodeSnippetActionBarBorder = "0 solid #dbdee2";
@@ -407,2 +407,5 @@ export const BCodeSnippetActionBarBorderRadius = "8px 8px 0 0";
 export const BCodeSnippetCodeAreaContentFontFamily = "Menlo, 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace";
+export const BCodeSnippetCodeAreaContentPadding = "12px";
+export const BCodeSnippetCodeAreaContentPaddingLeft = "8px";
+export const BCodeSnippetCodeAreaGuttersPaddingLeft = "12px";
 export const BCodeSnippetCodeAreaHighlightRed = "#c72727";
@@ -414,2 +417,3 @@ export const BCodeSnippetCodeAreaHighlightOrange = "#9b5700";
 export const BCodeSnippetEmptyStateMinHeight = "200px";
+export const BCodeSnippetInlineCodeAreaContentPadding = "12px 8px 12px 8px";
 export const BCountryLabelColor = "#00112c";
@@ -552,4 +556,4 @@ export const BCountryLabelPadding = "0 0 0 12px";
 export const BDropdownDefaultTextboxErrorBorder = "1.5px solid #e22d2d";
-export const BDropdownDefaultTextboxErrorFocusBorderColor = "#791818";
-export const BDropdownDefaultTextboxErrorFocusOutlineColor = "#791818";
+export const BDropdownDefaultTextboxErrorFocusBorderColor = "#00112c";
+export const BDropdownDefaultTextboxErrorFocusOutlineColor = "#00112c";
 export const BDropdownDefaultTextboxOpenedBottomBorderRadius = "8px";
@@ -579,2 +583,3 @@ export const BDropdownDefaultTextboxAdditionalItemsBackgroundColor = "#f7f7f8";
 export const BDropdownSmallTextboxReadonlyBorderColor = "#eeeff1";
+export const BDropdownSmallTextboxReadonlyIconColor = "#8d95a3";
 export const BDropdownSmallTextboxOpenedBottomBorderRadius = "4px";
@@ -663,3 +668,3 @@ export const BDropdownSmallTextboxAdditionalItemsBackgroundColor = "#f7f7f8";
 export const BHeaderTitleColor = "#00112c";
-export const BHeaderInfoIconMarginLeft = "16px";
+export const BHeaderInfoIconMarginLeft = "10px";
 export const BHeaderTimestampColor = "#5c687c";
@@ -683,2 +688,3 @@ export const BHeaderTimestampMarginBlock = "4px";
 export const BInputFieldInputBoxFocusBorderColor = "#00112c";
+export const BInputFieldInputBoxFocusBorderWidth = "1.5px";
 export const BInputFieldInputBoxSmallPaddingLeft = "6px 12px 6px 3px";
@@ -685,0 +691,0 @@ export const BInputFieldInputBoxSmallPaddingRight = "6px 3px 6px 12px";

package.json

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

741185

increased by0.5%

Lines of code

8597

increased by0.42%

No dependency changes