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

Comparing version 0.1.0 to 0.1.1

dist/js/bento/es6-legacy.js

@@ -243,3 +243,2 @@ export const BColorBackgroundPrimary = "#ffffff";
 export const BAlertBorderRadius = "4px";
-export const BAlertBoxShadow = "none";
 export const BAlertPadding = "24px";
@@ -254,5 +253,5 @@ export const BAlertGap = "16px";
 export const BAlertSeveritySuccessTextColor = "#07893c";
-export const BAlertSeverityHighlightBackgroundColor = "#f2f8ff";
+export const BAlertSeverityHighlightBackgroundColor = "#cce0ff";
 export const BAlertSeverityHighlightIconColor = "#0070f5";
-export const BAlertSeverityHighlightTextColor = "#00112c";
+export const BAlertSeverityHighlightTextColor = "#0070f5";
 export const BAlertSeverityWarningBackgroundColor = "#ffeacc";
@@ -264,4 +263,2 @@ export const BAlertSeverityWarningIconColor = "#dd7d00";
 export const BAlertSeverityCriticalTextColor = "#e22d2d";
-export const BAlertSeverityInfoBackgroundColor = "#cce0ff";
-export const BAlertSeverityInfoTextColor = "#0070f5";
 export const BAlertInlinePadding = "16px";
@@ -271,4 +268,2 @@ export const BAlertInlineGap = "16px";
 export const BAlertInlineContentActionsMarginTop = "6px";
-export const BAvatarHeight = "32px";
-export const BAvatarWidth = "32px";
 export const BAvatarSmallHeight = "24px";
@@ -449,2 +444,62 @@ export const BAvatarSmallWidth = "24px";
 export const BDataGridConfigPanelHeaderPadding = "0 0 12px 0";
+export const BDropdownDefaultTextboxBorderColor = "#dce0e5";
+export const BDropdownDefaultTextboxBorderRadius = "6px";
+export const BDropdownDefaultTextboxColor = "#00112c";
+export const BDropdownDefaultTextboxHeight = "36px";
+export const BDropdownDefaultTextboxIconColor = "#818890";
+export const BDropdownDefaultTextboxPlaceholderColor = "#818890";
+export const BDropdownDefaultTextboxFocusBorderColor = "#599bff";
+export const BDropdownDefaultTextboxFocusColor = "#00112c";
+export const BDropdownDefaultTextboxFocusOutlineColor = "#cce0ff";
+export const BDropdownDefaultTextboxFocusOutlineWidth = "3px";
+export const BDropdownDefaultTextboxDisabledBackgroundColor = "#f3f6f9";
+export const BDropdownDefaultTextboxDisabledBorderColor = "#dce0e5";
+export const BDropdownDefaultTextboxDisabledColor = "#69778c";
+export const BDropdownDefaultTextboxDisabledIconColor = "#69778c";
+export const BDropdownDefaultTextboxHoverBorderColor = "#a5afbd";
+export const BDropdownDefaultTextboxErrorBorderColor = "#e92929";
+export const BDropdownDefaultTextboxErrorHoverBorderColor = "#e92929";
+export const BDropdownDefaultTextboxErrorFocusBorderColor = "#e92929";
+export const BDropdownDefaultTextboxErrorFocusOutlineColor = "#facccc";
+export const BDropdownSmallTextboxBackgroundColor = "#e5efff";
+export const BDropdownSmallTextboxBorderColor = "#cce0ff";
+export const BDropdownSmallTextboxBorderRadius = "4px";
+export const BDropdownSmallTextboxColor = "#0066ff";
+export const BDropdownSmallTextboxHeight = "25px";
+export const BDropdownSmallTextboxPadding = "4px 8px";
+export const BDropdownSmallTextboxPlaceholderColor = "#0066ff";
+export const BDropdownSmallTextboxFocusBorderColor = "#599bff";
+export const BDropdownSmallTextboxDisabledBackgroundColor = "#eeeff1";
+export const BDropdownSmallTextboxDisabledBorderColor = "#eeeff1";
+export const BDropdownSmallTextboxDisabledColor = "#8d95a3";
+export const BFilterButtonBackgroundColor = "#ffffff";
+export const BFilterButtonBorderColor = "#dce0e5";
+export const BFilterButtonBorderRadius = "8px";
+export const BFilterButtonFontColor = "#394962";
+export const BFilterButtonActiveBackgroundColor = "#FAFAFB";
+export const BFilterButtonActiveBorderColor = "#dce0e5";
+export const BFilterButtonActiveFontColor = "#394962";
+export const BFilterButtonDisabledBackgroundColor = "#f3f6f9";
+export const BFilterButtonDisabledFontColor = "#8390a3";
+export const BFilterButtonCounterBackgroundColor = "#ffffff";
+export const BFilterButtonCounterBorderRadius = "4px";
+export const BFilterButtonCounterFontColor = "#394962";
+export const BFilterButtonCounterPadding = "0px 6px";
+export const BFilterButtonCounterActiveBackgroundColor = "#00112c";
+export const BFilterButtonCounterActiveFontColor = "#00112c";
+export const BFilterButtonCounterDisabledBackgroundColor = "#ffffff";
+export const BFilterButtonCounterDisabledFontColor = "#a5afbd";
+export const BFilterButtonCounterHoverTextColor = "#5c687c";
+export const BFilterButtonCounterWrapperPadding = "4px 4px 4px 0px";
+export const BFilterButtonHoverBackgroundColor = "#ffffff";
+export const BFilterButtonHoverTextColor = "#5c687c";
+export const BFilterButtonLabelLineHeight = "15px";
+export const BFilterButtonLabelPadding = "6px 12px";
+export const BFilterButtonWithCounterBackgroundColor = "#20304c";
+export const BFilterButtonWithCounterFontColor = "#ffffff";
+export const BFilterButtonWithCounterActiveBackgroundColor = "#00112c";
+export const BFilterButtonWithCounterActiveFontColor = "#ffffff";
+export const BFilterButtonWithCounterDisabledBackgroundColor = "#a5afbd";
+export const BFilterButtonWithCounterDisabledBorderColor = "#a5afbd";
+export const BFilterButtonWithCounterDisabledFontColor = "#ffffff";
 export const BInputFieldLabelColor = "#00112c";
@@ -642,2 +697,5 @@ export const BInputFieldLabelMarginBottom = "8px";
 export const BTooltipPadding = "4px 8px";
+export const BUserProfileLabelColor = "#00112c";
+export const BUserProfileLabelPadding = "0 0 0 12px";
+export const BUserProfileColor = "#00112c";
 export const BBorderRadiusXs = "2px";
@@ -644,0 +702,0 @@ export const BBorderRadiusS = "4px";

dist/js/bento/es6.js

@@ -169,3 +169,2 @@ export const BColorBackgroundPrimary = "#ffffff";
 export const BAlertBorderRadius = "8px";
-export const BAlertBoxShadow = "0 4px 8px rgb(0 0 0 / 3%)";
 export const BAlertPadding = "20px";
@@ -359,2 +358,54 @@ export const BAlertGap = "20px";
 export const BDataGridConfigPanelHeaderPadding = "0 0 12px 0";
+export const BDropdownDefaultTextboxBorderColor = "#8d95a3";
+export const BDropdownDefaultTextboxBorderRadius = "8px";
+export const BDropdownDefaultTextboxColor = "#00112c";
+export const BDropdownDefaultTextboxHeight = "36px";
+export const BDropdownDefaultTextboxIconColor = "#00112c";
+export const BDropdownDefaultTextboxPlaceholderColor = "#00112c";
+export const BDropdownDefaultTextboxFocusBorderColor = "#00112c";
+export const BDropdownDefaultTextboxFocusColor = "#00112c";
+export const BDropdownDefaultTextboxFocusOutlineColor = "#00112c";
+export const BDropdownDefaultTextboxFocusOutlineWidth = "0.5px";
+export const BDropdownDefaultTextboxDisabledBackgroundColor = "#eeeff1";
+export const BDropdownDefaultTextboxDisabledBorderColor = "#eeeff1";
+export const BDropdownDefaultTextboxDisabledColor = "#8d95a3";
+export const BDropdownDefaultTextboxDisabledIconColor = "#8d95a3";
+export const BDropdownDefaultTextboxHoverBorderColor = "#8d95a3";
+export const BDropdownDefaultTextboxErrorBorderColor = "#e22d2d";
+export const BDropdownDefaultTextboxErrorHoverBorderColor = "#e22d2d";
+export const BDropdownDefaultTextboxErrorFocusBorderColor = "#00112c";
+export const BDropdownDefaultTextboxErrorFocusOutlineColor = "#00112c";
+export const BDropdownSmallTextboxBackgroundColor = "#f7f7f8";
+export const BDropdownSmallTextboxBorderColor = "#f7f7f8";
+export const BDropdownSmallTextboxBorderRadius = "4px";
+export const BDropdownSmallTextboxColor = "#00112c";
+export const BDropdownSmallTextboxHeight = "28px";
+export const BDropdownSmallTextboxPadding = "4px 6px";
+export const BDropdownSmallTextboxPlaceholderColor = "#00112c";
+export const BDropdownSmallTextboxFocusBorderColor = "#00112c";
+export const BDropdownSmallTextboxDisabledBackgroundColor = "#eeeff1";
+export const BDropdownSmallTextboxDisabledBorderColor = "#eeeff1";
+export const BDropdownSmallTextboxDisabledColor = "#8d95a3";
+export const BFilterButtonBackgroundColor = "#ffffff";
+export const BFilterButtonBorderColor = "#d1d5da";
+export const BFilterButtonBorderRadius = "8px";
+export const BFilterButtonFontColor = "#00112c";
+export const BFilterButtonActiveBackgroundColor = "#ffffff";
+export const BFilterButtonActiveBorderColor = "#00112c";
+export const BFilterButtonActiveFontColor = "#00112c";
+export const BFilterButtonDisabledBackgroundColor = "#ffffff";
+export const BFilterButtonDisabledFontColor = "#8d95a3";
+export const BFilterButtonCounterBackgroundColor = "#00112c";
+export const BFilterButtonCounterBorderRadius = "4px";
+export const BFilterButtonCounterFontColor = "#ffffff";
+export const BFilterButtonCounterPadding = "4px 6px";
+export const BFilterButtonCounterActiveBackgroundColor = "#00112c";
+export const BFilterButtonCounterDisabledBackgroundColor = "#eeeff1";
+export const BFilterButtonCounterDisabledFontColor = "#8d95a3";
+export const BFilterButtonCounterHoverTextColor = "#5c687c";
+export const BFilterButtonCounterWrapperPadding = "4px 4px 4px 0px";
+export const BFilterButtonHoverBackgroundColor = "#ffffff";
+export const BFilterButtonHoverTextColor = "#5c687c";
+export const BFilterButtonLabelLineHeight = "20px";
+export const BFilterButtonLabelPadding = "8px 12px";
 export const BInputFieldLabelColor = "#00112c";
@@ -549,2 +600,4 @@ export const BInputFieldLabelMarginBottom = "8px";
 export const BTooltipPadding = "4px 8px";
+export const BUserProfileLabelColor = "#00112c";
+export const BUserProfileLabelPadding = "0 0 0 12px";
 export const BBorderRadiusXs = "2px";
@@ -551,0 +604,0 @@ export const BBorderRadiusS = "4px";

package.json

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

222238

increased by6.84%

Lines of code

4182

increased by5.61%

No dependency changes