New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@adyen/bento-design-tokens

Package Overview
Dependencies
Maintainers
3
Versions
119
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 0.0.5 to 0.0.6

21

dist/js/adl/es6-legacy.js

@@ -193,23 +193,2 @@ export const AdlBackgroundInteractive = "#a5afbd";

export const AdlAccordionItemContentLineHeight = "24px";
export const AdlAlertBorderColor = "none";
export const AdlAlertBorderRadius = "4px";
export const AdlAlertBoxShadow = "none";
export const AdlAlertPadding = "6px 24px";
export const AdlAlertMinWidth = "420px";
export const AdlAlertSeverityColorSuccess = "#08a648";
export const AdlAlertSeverityColorInfo = "#0066ff";
export const AdlAlertSeverityColorWarning = "#ff9500";
export const AdlAlertSeverityColorError = "#e50000";
export const AdlAlertSeverityIconPadding = "12px 0";
export const AdlAlertSeverityIndicatorBorderRadius = "8px";
export const AdlAlertSeverityIndicatorDisplay = "none";
export const AdlAlertSeverityBackgroundColorSuccess = "#cef2dd";
export const AdlAlertSeverityBackgroundColorInfo = "#cce0ff";
export const AdlAlertSeverityBackgroundColorWarning = "#ffeacc";
export const AdlAlertSeverityBackgroundColorError = "#facccc";
export const AdlAlertContentPadding = "8px 0";
export const AdlAlertContentTitleFontSize = "15px";
export const AdlAlertContentTitleFontWeight = "500";
export const AdlAlertContentDescriptionPadding = "8px 0";
export const AdlAlertContentDescriptionFontWeight = "400";
export const AdlBadgeFontWeight = "400";

@@ -216,0 +195,0 @@ export const AdlBadgeGap = "6px";

17

dist/js/adl/es6.js

@@ -176,19 +176,2 @@ export const AdlBackgroundInteractive = "#dee1e6";

export const AdlAccordionItemContentLineHeight = "24px";
export const AdlAlertBorderColor = "#dee1e6";
export const AdlAlertBorderRadius = "8px";
export const AdlAlertBoxShadow = "0 4px 8px rgb(0 0 0 / 3%)";
export const AdlAlertPadding = "6px 24px 6px 6px";
export const AdlAlertMinWidth = "420px";
export const AdlAlertSeverityColorSuccess = "#08a648";
export const AdlAlertSeverityColorInfo = "#0066ff";
export const AdlAlertSeverityColorWarning = "#ff9500";
export const AdlAlertSeverityColorError = "#e50000";
export const AdlAlertSeverityIconPadding = "12px 0";
export const AdlAlertSeverityIndicatorBorderRadius = "8px";
export const AdlAlertSeverityIndicatorDisplay = "block";
export const AdlAlertContentPadding = "8px 0";
export const AdlAlertContentTitleFontSize = "16px";
export const AdlAlertContentTitleFontWeight = "500";
export const AdlAlertContentDescriptionPadding = "8px 0";
export const AdlAlertContentDescriptionFontWeight = "400";
export const AdlBadgeFontWeight = "400";

@@ -195,0 +178,0 @@ export const AdlBadgeGap = "6px";

107

dist/js/bento/es6-legacy.js

@@ -18,2 +18,3 @@ export const BColorBackgroundPrimary = "#ffffff";

export const BColorSurfaceInverse = "#00112c";
export const BColorSurfaceModal = "#ffffff";
export const BColorLabelPrimary = "#00112c";

@@ -195,19 +196,19 @@ export const BColorLabelSecondary = "#5c687c";

export const BTextCaptionFontFamily = "Fakt, -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif";
export const BTextCaptionFontSize = "12px";
export const BTextCaptionFontSize = "13px";
export const BTextCaptionFontWeight = "400";
export const BTextCaptionLineHeight = "18px";
export const BTextCaptionLineHeight = "24px";
export const BTextCaptionLetterSpacing = 0;
export const BTextCaptionWideLineHeight = "20px";
export const BTextCaptionStongerFontWeight = "500";
export const BTextCaptionStongerWideFontWeight = "500";
export const BTextCaptionStongerWideLineHeight = "20px";
export const BTextCaptionStrongerFontWeight = "500";
export const BTextCaptionStrongerWideFontWeight = "500";
export const BTextCaptionStrongerWideLineHeight = "20px";
export const BTextBodyFontFamily = "Fakt, -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif";
export const BTextBodyFontSize = "15px";
export const BTextBodyFontWeight = "500";
export const BTextBodyLineHeight = 1;
export const BTextBodyFontWeight = "100";
export const BTextBodyLineHeight = "24px";
export const BTextBodyLetterSpacing = "normal";
export const BTextBodyWideLineHeight = "24px";
export const BTextBodyStongerFontWeight = "600";
export const BTextBodyStongerWideFontWeight = "500";
export const BTextBodyStongerWideLineHeight = "24px";
export const BTextBodyStrongerFontWeight = "100";
export const BTextBodyStrongerWideFontWeight = "500";
export const BTextBodyStrongerWideLineHeight = "24px";
export const BTextBodyStrongestFontWeight = "600";

@@ -243,2 +244,28 @@ export const BTextBodyStrongestWideFontWeight = "600";

export const BTextTitleLMobileLineHeight = "34px";
export const BAlertBorderRadius = "4px";
export const BAlertBoxShadow = "none";
export const BAlertPadding = "24px";
export const BAlertGap = "16px";
export const BAlertContentDescriptionMarginTop = "16px";
export const BAlertContentActionsMarginTop = "10px";
export const BAlertContentActionsGap = "16px";
export const BAlertSeverityBackgroundColorSuccess = "#cef2dd";
export const BAlertSeverityBackgroundColorHighlight = "#f2f8ff";
export const BAlertSeverityBackgroundColorWarning = "#ffeacc";
export const BAlertSeverityBackgroundColorCritical = "#fef4f4";
export const BAlertSeverityBackgroundColorInfo = "#cce0ff";
export const BAlertSeverityBackgroundColorError = "#facccc";
export const BAlertSeverityIconColorSuccess = "#07893c";
export const BAlertSeverityIconColorHighlight = "#0070f5";
export const BAlertSeverityIconColorWarning = "#dd7d00";
export const BAlertSeverityIconColorCritical = "#e22d2d";
export const BAlertSeverityTextColorSuccess = "#07893c";
export const BAlertSeverityTextColorHighlight = "#0070f5";
export const BAlertSeverityTextColorWarning = "#dd7d00";
export const BAlertSeverityTextColorCritical = "#e22d2d";
export const BAlertSeverityIconHeight = "14px";
export const BAlertInlinePadding = "16px";
export const BAlertInlineGap = "16px";
export const BAlertInlineContentDescriptionMarginTop = "2px";
export const BAlertInlineContentActionsMarginTop = "6px";
export const BButtonActionsButtonsEndColumnGap = "8px";

@@ -249,3 +276,3 @@ export const BButtonActionsFillContainerColumnGap = "8px";

export const BButtonBoxShadow = "inset 0 0 0 1px #000000";
export const BButtonLineHeight = "21px";
export const BButtonLineHeight = "15px";
export const BButtonPadding = "9.5px 16px";

@@ -300,7 +327,10 @@ export const BButtonHeight = "40px";

export const BButtonTertiaryHeight = "auto";
export const BButtonTertiaryPadding = "0px";
export const BButtonTertiaryPadding = "9.5px 16px";
export const BButtonTertiaryTextDecoration = "none";
export const BButtonTertiaryHoverBackgroundColor = "#f3f6f9";
export const BButtonTertiaryHoverColor = "#394962";
export const BButtonTertiaryHoverTextDecoration = "none";
export const BButtonTertiaryActiveBackgroundColor = "#eef1f5";
export const BButtonTertiaryActiveColor = "#8d95a3";
export const BButtonTertiaryActiveTextDecoration = "none";
export const BButtonTertiaryDisabledBackgroundColor = "#dce0e5";

@@ -326,11 +356,12 @@ export const BButtonTertiaryDisabledColor = "#a5afbd";

export const BButtonIconOnlyPadding = "10px";
export const BButtonIconOnlyCondensedPadding = "6px";
export const BCheckboxDescriptionColor = "#69778c";
export const BButtonIconOnlyCondensedPadding = "4px 6px";
export const BCheckboxGroupVerticalGap = "16px";
export const BCheckboxGroupHorizontalGap = "32px";
export const BCheckboxDescriptionColor = "#00112c";
export const BCheckboxDescriptionDisabledColor = "#8390a3";
export const BCheckboxIconColor = "#ffffff";
export const BCheckboxIconDisabledColor = "#69778c";
export const BCheckboxLabelDisabledColor = "#8390a3";
export const BCheckboxIconDisabledColor = "#8390a3";
export const BCheckboxOutlineBorderRadius = "4px";
export const BCheckboxOutlineBorderWidth = "1px";
export const BCheckboxOutlineTopOffset = "0px";
export const BCheckboxOutlineTopOffset = "4px";
export const BCheckboxOutlineCheckedBackgroundColor = "#0066ff";

@@ -360,4 +391,6 @@ export const BCheckboxOutlineCheckedBorderColor = "#0066ff";

export const BCheckboxOutlineUncheckedHoverBorderColor = "#69778c";
export const BCheckboxTextColor = "#00112c";
export const BCheckboxTextGap = "0px";
export const BCheckboxTextMarginLeft = "8px";
export const BCheckboxTextPaddingLeft = "8px";
export const BCheckboxTextDisabledColor = "#8390a3";
export const BDataGridBorderColor = "#dce0e5";

@@ -402,2 +435,3 @@ export const BDataGridBorderRadius = "8px";

export const BDataGridFiltersPadding = "20px 0 20px 24px";
export const BDataGridLoadingIndicatorMargin = "0 0 12px 0";
export const BInputFieldLabelColor = "#00112c";

@@ -499,3 +533,3 @@ export const BInputFieldLabelMarginBottom = "8px";

export const BPopoverFooterMargin = "0px 16px 12px 16px";
export const BRadioButtonOffsetTop = "0px";
export const BRadioButtonOffsetTop = "4px";
export const BRadioButtonBorderRadius = "12px";

@@ -506,12 +540,12 @@ export const BRadioButtonSpaceAroundIncrease = "4px";

export const BRadioButtonUncheckedHoverBackgroundColor = "#ffffff";
export const BRadioButtonUncheckedHoverBorderColor = "#8390a3";
export const BRadioButtonUncheckedHoverBorderColor = "#69778c";
export const BRadioButtonUncheckedActiveBackgroundColor = "#ffffff";
export const BRadioButtonUncheckedDisabledBackgroundColor = "#dce0e5";
export const BRadioButtonUncheckedDisabledBorderColor = "#dce0e5";
export const BRadioButtonCheckedBackgroundColor = "#00337f";
export const BRadioButtonCheckedBorderColor = "#69778c";
export const BRadioButtonCheckedHoverBackgroundColor = "#00337f";
export const BRadioButtonCheckedHoverBorderColor = "#00337f";
export const BRadioButtonCheckedActiveBackgroundColor = "#00337f";
export const BRadioButtonCheckedActiveBorderColor = "#00337f";
export const BRadioButtonCheckedBackgroundColor = "#0066ff";
export const BRadioButtonCheckedBorderColor = "#0066ff";
export const BRadioButtonCheckedHoverBackgroundColor = "#0066ff";
export const BRadioButtonCheckedHoverBorderColor = "#0048b3";
export const BRadioButtonCheckedActiveBackgroundColor = "#0066ff";
export const BRadioButtonCheckedActiveBorderColor = "#0066ff";
export const BRadioButtonCheckedDisabledBackgroundColor = "#dce0e5";

@@ -523,7 +557,10 @@ export const BRadioButtonCheckedDisabledBorderColor = "#dce0e5";

export const BRadioButtonLabelDisabledFontColor = "#8390a3";
export const BRadioButtonSubLabelFontColor = "#5c687c";
export const BRadioButtonSubLabelFontColor = "#00112c";
export const BRadioButtonSubLabelDisabledFontColor = "#8390a3";
export const BRadioButtonKnobColor = "#ffffff";
export const BRadioButtonKnobOffset = "4px";
export const BRadioButtonKnobSize = "6px";
export const BRadioButtonKnobDisabledColor = "#8390a3";
export const BRadioButtonKnobDisabledColor = "#707070";
export const BRadioGroupVerticalGap = "12px";
export const BRadioGroupHorizontalGap = "32px";
export const BStatusColumnGap = "8px";

@@ -550,2 +587,4 @@ export const BStatusIndicatorSize = "12px";

export const BToggleHandleBackgroundColor = "#ffffff";
export const BToggleHandleHeight = "13px";
export const BToggleHandleWidth = "13px";
export const BToggleHandleNotToggledOutlineColor = "#ffffff";

@@ -558,3 +597,3 @@ export const BToggleHandleNotToggledOutlineWidth = "0px";

export const BToggleHandleNotToggledFocusOutlineWidth = "0px";
export const BToggleHandleNotToggledHoverOutlineColor = "#0048b3";
export const BToggleHandleNotToggledHoverOutlineColor = "transparent";
export const BToggleHandleNotToggledHoverOutlineWidth = "1px";

@@ -569,6 +608,10 @@ export const BToggleHandleToggledOffset = "4px";

export const BToggleHandleToggledFocusOutlineWidth = "1px";
export const BToggleHandleToggledHoverOutlineColor = "#0048b3";
export const BToggleHandleToggledHoverOutlineColor = "transparent";
export const BToggleHandleToggledHoverOutlineWidth = "1px";
export const BToggleTrackPadding = "2px";
export const BToggleTrackHeight = "17px";
export const BToggleTrackPadding = "1px";
export const BToggleTrackIconDisplay = "none";
export const BToggleTrackTop = "3px";
export const BToggleTrackWidth = "33px";
export const BToggleTrackBorder = "1px solid transparent";
export const BToggleTrackNotToggledBackgroundColor = "#a5afbd";

@@ -579,3 +622,3 @@ export const BToggleTrackNotToggledActiveBackgroundColor = "#a5afbd";

export const BToggleTrackNotToggledHoverBackgroundColor = "#a5afbd";
export const BToggleTrackNotToggledHoverBorderColor = "#0048b3";
export const BToggleTrackNotToggledHoverBorderColor = "1px solid #0048b3";
export const BToggleTrackToggledBackgroundColor = "#0066ff";

@@ -582,0 +625,0 @@ export const BToggleTrackToggledActiveBackgroundColor = "#0066ff";

58

dist/js/bento/es6.js

@@ -18,2 +18,3 @@ export const BColorBackgroundPrimary = "#ffffff";

export const BColorSurfaceInverse = "#00112c";
export const BColorSurfaceModal = "#ffffff";
export const BColorLabelPrimary = "#00112c";

@@ -126,5 +127,5 @@ export const BColorLabelSecondary = "#5c687c";

export const BTextCaptionWideLineHeight = "20px";
export const BTextCaptionStongerFontWeight = 500;
export const BTextCaptionStongerWideFontWeight = 500;
export const BTextCaptionStongerWideLineHeight = "20px";
export const BTextCaptionStrongerFontWeight = 500;
export const BTextCaptionStrongerWideFontWeight = 500;
export const BTextCaptionStrongerWideLineHeight = "20px";
export const BTextBodyFontFamily = "Inter, -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif";

@@ -136,5 +137,5 @@ export const BTextBodyFontSize = "14px";

export const BTextBodyWideLineHeight = "24px";
export const BTextBodyStongerFontWeight = 500;
export const BTextBodyStongerWideFontWeight = 500;
export const BTextBodyStongerWideLineHeight = "24px";
export const BTextBodyStrongerFontWeight = 500;
export const BTextBodyStrongerWideFontWeight = 500;
export const BTextBodyStrongerWideLineHeight = "24px";
export const BTextBodyStrongestFontWeight = 600;

@@ -170,2 +171,26 @@ export const BTextBodyStrongestWideFontWeight = 600;

export const BTextTitleLMobileLineHeight = "34px";
export const BAlertBorderRadius = "8px";
export const BAlertBoxShadow = "0 4px 8px rgb(0 0 0 / 3%)";
export const BAlertPadding = "20px";
export const BAlertGap = "20px";
export const BAlertContentDescriptionMarginTop = "4px";
export const BAlertContentActionsMarginTop = "10px";
export const BAlertContentActionsGap = "16px";
export const BAlertSeverityBackgroundColorSuccess = "#edfaf3";
export const BAlertSeverityBackgroundColorHighlight = "#f2f8ff";
export const BAlertSeverityBackgroundColorWarning = "#fff5e9";
export const BAlertSeverityBackgroundColorCritical = "#fef4f4";
export const BAlertSeverityIconColorSuccess = "#07893c";
export const BAlertSeverityIconColorHighlight = "#0070f5";
export const BAlertSeverityIconColorWarning = "#dd7d00";
export const BAlertSeverityIconColorCritical = "#e22d2d";
export const BAlertSeverityTextColorSuccess = "#00112c";
export const BAlertSeverityTextColorHighlight = "#00112c";
export const BAlertSeverityTextColorWarning = "#00112c";
export const BAlertSeverityTextColorCritical = "#00112c";
export const BAlertSeverityIconHeight = "20px";
export const BAlertInlinePadding = "16px";
export const BAlertInlineGap = "16px";
export const BAlertInlineContentDescriptionMarginTop = "2px";
export const BAlertInlineContentActionsMarginTop = "6px";
export const BButtonActionsButtonsEndColumnGap = "8px";

@@ -220,6 +245,9 @@ export const BButtonActionsFillContainerColumnGap = "8px";

export const BButtonTertiaryPadding = "0px";
export const BButtonTertiaryTextDecoration = "underline";
export const BButtonTertiaryHoverBackgroundColor = "#000000";
export const BButtonTertiaryHoverColor = "#5c687c";
export const BButtonTertiaryHoverTextDecoration = "none";
export const BButtonTertiaryActiveBackgroundColor = "#000000";
export const BButtonTertiaryActiveColor = "#8d95a3";
export const BButtonTertiaryActiveTextDecoration = "none";
export const BButtonTertiaryDisabledBackgroundColor = "#000000";

@@ -246,7 +274,8 @@ export const BButtonTertiaryDisabledColor = "#8d95a3";

export const BButtonIconOnlyCondensedPadding = "6px";
export const BCheckboxGroupVerticalGap = "16px";
export const BCheckboxGroupHorizontalGap = "32px";
export const BCheckboxDescriptionColor = "#5c687c";
export const BCheckboxDescriptionDisabledColor = "#8d95a3";
export const BCheckboxDescriptionDisabledColor = "#5c687c";
export const BCheckboxIconColor = "#ffffff";
export const BCheckboxIconDisabledColor = "#8d95a3";
export const BCheckboxLabelDisabledColor = "#8d95a3";
export const BCheckboxOutlineBorderRadius = "4px";

@@ -279,4 +308,5 @@ export const BCheckboxOutlineBorderWidth = "1px";

export const BCheckboxOutlineUncheckedHoverBorderColor = "#8d95a3";
export const BCheckboxTextColor = "#00112c";
export const BCheckboxTextGap = "4px";
export const BCheckboxTextMarginLeft = "12px";
export const BCheckboxTextPaddingLeft = "12px";
export const BDataGridBorderColor = "#eeeff1";

@@ -318,2 +348,3 @@ export const BDataGridBorderRadius = "8px";

export const BDataGridFiltersPadding = "20px 0 20px 24px";
export const BDataGridLoadingIndicatorMargin = "0 0 12px 0";
export const BInputFieldLabelColor = "#00112c";

@@ -436,4 +467,4 @@ export const BInputFieldLabelMarginBottom = "8px";

export const BRadioButtonLabelFontColor = "#00112c";
export const BRadioButtonLabelDisabledFontColor = "#8d95a3";
export const BRadioButtonSubLabelFontColor = "#5c687c";
export const BRadioButtonSubLabelDisabledFontColor = "#5c687c";
export const BRadioButtonKnobColor = "#ffffff";

@@ -443,2 +474,4 @@ export const BRadioButtonKnobOffset = "3px";

export const BRadioButtonKnobDisabledColor = "#8d95a3";
export const BRadioGroupVerticalGap = "12px";
export const BRadioGroupHorizontalGap = "32px";
export const BStatusColumnGap = "12px";

@@ -465,2 +498,4 @@ export const BStatusIndicatorSize = "10px";

export const BToggleHandleBackgroundColor = "#ffffff";
export const BToggleHandleHeight = "16px";
export const BToggleHandleWidth = "16px";
export const BToggleHandleNotToggledOutlineColor = "#8d95a3";

@@ -485,4 +520,7 @@ export const BToggleHandleNotToggledOutlineWidth = "2px";

export const BToggleHandleToggledHoverOutlineWidth = "2px";
export const BToggleTrackHeight = "20px";
export const BToggleTrackPadding = "2px";
export const BToggleTrackIconDisplay = "block";
export const BToggleTrackTop = "-1px";
export const BToggleTrackWidth = "36px";
export const BToggleTrackNotToggledBackgroundColor = "#c0c5cc";

@@ -489,0 +527,0 @@ export const BToggleTrackNotToggledActiveBackgroundColor = "#5c687c";

4

package.json
{
"name": "@adyen/bento-design-tokens",
"version": "0.0.5",
"version": "0.0.6",
"license": "MIT",

@@ -23,3 +23,3 @@ "files": [

"style-dictionary": "3.7.0",
"yaml": "2.1.1"
"yaml": "2.1.3"
},

@@ -26,0 +26,0 @@ "repository": {

dist/css/adl/variables-legacy.css

Sorry, the diff of this file is not supported yet

dist/css/adl/variables.css

Sorry, the diff of this file is not supported yet

dist/css/bento/variables-legacy.css

Sorry, the diff of this file is not supported yet

dist/css/bento/variables.css

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc