Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@adyen/bento-design-tokens

Package Overview
Dependencies
Maintainers
4
Versions
97
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.4.8 to 0.5.0

219

dist/js/bento/es6.js
export const BColorBackgroundPrimary = "#ffffff";
export const BColorBackgroundPrimaryHover = "#f7f7f8";
export const BColorBackgroundPrimaryActive = "#eeeff1";
export const BColorBackgroundSecondary = "#f7f7f8";
export const BColorBackgroundSecondaryHover = "#eeeff1";
export const BColorBackgroundSecondaryActive = "#e3e5e9";
export const BColorBackgroundTertiary = "#eeeff1";
export const BColorBackgroundTertiaryHover = "#e3e5e9";
export const BColorBackgroundTertiaryActive = "#dbdee2";
export const BColorBackgroundQuaternary = "#c0c5cc";
export const BColorBackgroundQuaternaryHover = "#b8bdc6";
export const BColorBackgroundQuaternaryActive = "#afb5bf";
export const BColorBackgroundModal = "#ffffff";
export const BColorBackgroundModalHover = "#f7f7f8";
export const BColorBackgroundModalActive = "#eeeff1";
export const BColorBackgroundDisabled = "#eeeff1";
export const BColorBackgroundSelected = "#e3f0ff";
export const BColorBackgroundCriticalWeak = "#fef4f4";
export const BColorBackgroundCriticalStrong = "#e22d2d";
export const BColorBackgroundCriticalStrongHover = "#c72727";
export const BColorBackgroundCriticalStrongActive = "#2f3e56";
export const BColorBackgroundWarningWeak = "#fff5e9";
export const BColorBackgroundWarningStrong = "#dd7d00";
export const BColorBackgroundSuccessWeak = "#edfaf3";
export const BColorBackgroundSuccessStrong = "#07893c";
export const BColorBackgroundHighlightWeak = "#f2f8ff";
export const BColorBackgroundHighlightStrong = "#0070f5";
export const BColorBackgroundInversePrimary = "#00112c";
export const BColorBackgroundInversePrimaryHover = "#5c687c";
export const BColorBackgroundInversePrimaryActive = "#8d95a3";
export const BColorBackgroundInverseSecondary = "#1a2a44";
export const BColorBackgroundInverseSecondaryHover = "#283750";
export const BColorBackgroundInverseSecondaryActive = "#37455d";
export const BColorBackgroundAlwaysLight = "#ffffff";
export const BColorBackgroundAlwaysLightHover = "#f7f7f8";
export const BColorBackgroundAlwaysLightActive = "#eeeff1";
export const BColorBackgroundAlwaysLightDisabled = "#eeeff1";
export const BColorBackgroundAlwaysLightSelected = "#e3f0ff";
export const BColorBackgroundAlwaysDark = "#00112c";
export const BColorSurfacePrimary = "#ffffff";
export const BColorSurfaceSecondary = "#f7f7f8";
export const BColorSurfaceTertiary = "#eeeff1";
export const BColorSurfaceQuaternary = "#c0c5cc";
export const BColorSurfaceSelected = "#f2f8ff";
export const BColorSurfaceDisabled = "#eeeff1";
export const BColorSurfaceCriticalWeak = "#fef4f4";
export const BColorSurfaceCriticalStrong = "#e22d2d";
export const BColorSurfaceWarningWeak = "#fff5e9";
export const BColorSurfaceWarningStrong = "#dd7d00";
export const BColorSurfaceSuccessWeak = "#edfaf3";
export const BColorSurfaceSuccessStrong = "#07893c";
export const BColorSurfaceHighlightWeak = "#f2f8ff";
export const BColorSurfaceHighlightStrong = "#0070f5";
export const BColorSurfaceInverse = "#00112c";
export const BColorSurfaceModal = "#ffffff";
export const BColorBackgroundAlwaysDarkHover = "#5c687c";
export const BColorBackgroundAlwaysDarkActive = "#8d95a3";
export const BColorBackgroundAlwaysDarkDisabled = "#eeeff1";
export const BColorBackgroundAlwaysDarkSelected = "#002f68";
export const BColorLabelPrimary = "#00112c";
export const BColorLabelPrimaryHover = "#5c687c";
export const BColorLabelPrimaryActive = "#8d95a3";
export const BColorLabelSecondary = "#5c687c";

@@ -24,2 +51,4 @@ export const BColorLabelTertiary = "#8d95a3";

export const BColorLabelCritical = "#e22d2d";
export const BColorLabelCriticalHover = "#c72727";
export const BColorLabelCriticalActive = "#791818";
export const BColorLabelWarning = "#b06300";

@@ -29,34 +58,34 @@ export const BColorLabelHighlight = "#0070f5";

export const BColorLabelOnColor = "#ffffff";
export const BColorLabelOnSurfaceCriticalWeak = "#c72727";
export const BColorLabelOnSurfaceWarningWeak = "#9b5700";
export const BColorLabelOnSurfaceSuccessWeak = "#067934";
export const BColorLabelOnSurfaceHighlightWeak = "#0063d7";
export const BColorInteractivePrimary = "#00112c";
export const BColorInteractivePrimaryHovered = "#5c687c";
export const BColorInteractivePrimaryPressed = "#8d95a3";
export const BColorInteractiveSecondary = "#ffffff";
export const BColorInteractiveSecondaryHovered = "#f7f7f8";
export const BColorInteractiveSecondaryPressed = "#eeeff1";
export const BColorInteractiveCritical = "#e22d2d";
export const BColorInteractiveCriticalHovered = "#c72727";
export const BColorInteractiveCriticalPressed = "#791818";
export const BColorInteractiveDisabled = "#eeeff1";
export const BColorOnInteractivePrimary = "#ffffff";
export const BColorOnInteractiveSecondary = "#00112c";
export const BColorOnInteractiveCritical = "#ffffff";
export const BColorOnInteractiveDisabled = "#8d95a3";
export const BColorLabelInverse = "#ffffff";
export const BColorLabelOnBackgroundCriticalWeak = "#c72727";
export const BColorLabelOnBackgroundWarningWeak = "#9b5700";
export const BColorLabelOnBackgroundSuccessWeak = "#067934";
export const BColorLabelOnBackgroundHighlightWeak = "#0063d7";
export const BColorLabelAlwaysLight = "#ffffff";
export const BColorLabelAlwaysDark = "#00112c";
export const BColorLinkPrimary = "#00112c";
export const BColorLinkPrimaryHovered = "#5c687c";
export const BColorLinkPrimaryPressed = "#8d95a3";
export const BColorOutlinePrimary = "#eeeff1";
export const BColorOutlineSecondary = "#d1d5da";
export const BColorLinkPrimaryHover = "#5c687c";
export const BColorLinkPrimaryActive = "#8d95a3";
export const BColorLinkPrimaryDisabled = "#8d95a3";
export const BColorOutlinePrimary = "#dbdee2";
export const BColorOutlinePrimaryHover = "#c9cdd3";
export const BColorOutlinePrimaryActive = "#00112c";
export const BColorOutlineSecondary = "#c9cdd3";
export const BColorOutlineSecondaryHover = "#b8bdc6";
export const BColorOutlineSecondaryActive = "#00112c";
export const BColorOutlineTertiary = "#8d95a3";
export const BColorOutlineDisabled = "#eeeff1";
export const BColorOutlineTertiaryHover = "#6d7789";
export const BColorOutlineTertiaryActive = "#00112c";
export const BColorOutlineDisabled = "#dbdee2";
export const BColorOutlineSelected = "#00112c";
export const BColorOutlineCritical = "#e22d2d";
export const BColorOutlineCriticalHover = "#c72727";
export const BColorOutlineCriticalActive = "#791818";
export const BColorOutlineSuccess = "#07893c";
export const BColorOutlineActive = "#00112c";
export const BColorSeparatorPrimary = "#eeeff1";
export const BColorSeparatorSecondary = "#d1d5da";
export const BColorSeparatorOnDarkPrimary = "#2f3e56";
export const BColorSeparatorOnDarkSecondary = "#5c687c";
export const BColorOutlineSuccessHover = "#067934";
export const BColorOutlineSuccessActive = "#04481f";
export const BColorSeparatorPrimary = "#dbdee2";
export const BColorSeparatorSecondary = "#c9cdd3";
export const BColorSeparatorInversePrimary = "#2f3e56";
export const BColorSeparatorInverseSecondary = "#5c687c";
export const BColorDecorativeGreen = "#09ab4b";

@@ -179,3 +208,3 @@ export const BColorDecorativeBlue = "#0070f5";

export const BButtonPrimaryCriticalColor = "#ffffff";
export const BButtonPrimaryCriticalActiveBackgroundColor = "#791818";
export const BButtonPrimaryCriticalActiveBackgroundColor = "#2f3e56";
export const BButtonPrimaryCriticalDisabledBackgroundColor = "#eeeff1";

@@ -185,12 +214,12 @@ export const BButtonPrimaryCriticalDisabledColor = "#8d95a3";

export const BButtonSecondaryBackgroundColor = "#ffffff";
export const BButtonSecondaryBoxShadow = "inset 0 0 0 1px #d1d5da";
export const BButtonSecondaryBoxShadow = "inset 0 0 0 1px #c9cdd3";
export const BButtonSecondaryColor = "#00112c";
export const BButtonSecondaryActiveBackgroundColor = "#eeeff1";
export const BButtonSecondaryActiveBoxShadow = "inset 0 0 0 1px #d1d5da";
export const BButtonSecondaryActiveBoxShadow = "inset 0 0 0 1px #c9cdd3";
export const BButtonSecondaryActiveColor = "#8d95a3";
export const BButtonSecondaryHoverBackgroundColor = "#f7f7f8";
export const BButtonSecondaryHoverBoxShadow = "inset 0 0 0 1px #d1d5da";
export const BButtonSecondaryHoverBoxShadow = "inset 0 0 0 1px #c9cdd3";
export const BButtonSecondaryHoverColor = "#5c687c";
export const BButtonSecondaryDisabledBackgroundColor = "#ffffff";
export const BButtonSecondaryDisabledBoxShadow = "inset 0 0 0 1px #eeeff1";
export const BButtonSecondaryDisabledBoxShadow = "inset 0 0 0 1px #dbdee2";
export const BButtonSecondaryDisabledColor = "#8d95a3";

@@ -204,3 +233,3 @@ export const BButtonSecondaryCriticalBackgroundColor = "#ffffff";

export const BButtonSecondaryCriticalDisabledBackgroundColor = "#ffffff";
export const BButtonSecondaryCriticalDisabledBoxShadow = "inset 0 0 0 1px #eeeff1";
export const BButtonSecondaryCriticalDisabledBoxShadow = "inset 0 0 0 1px #dbdee2";
export const BButtonSecondaryCriticalDisabledColor = "#8d95a3";

@@ -245,3 +274,3 @@ export const BButtonSecondaryCriticalHoverBackgroundColor = "#fef4f4";

export const BCardBackgroundColor = "#ffffff";
export const BCardBorderColor = "#eeeff1";
export const BCardBorderColor = "#dbdee2";
export const BCardBorderRadius = "12px";

@@ -283,3 +312,3 @@ export const BCardBorderWidth = "1px";

export const BCheckboxOutlineCheckedDisabledBackgroundColor = "#eeeff1";
export const BCheckboxOutlineCheckedDisabledBorderColor = "#eeeff1";
export const BCheckboxOutlineCheckedDisabledBorderColor = "#dbdee2";
export const BCheckboxOutlineCheckedHoverBackgroundColor = "#5c687c";

@@ -292,3 +321,3 @@ export const BCheckboxOutlineCheckedHoverBorderColor = "#5c687c";

export const BCheckboxOutlineIndeterminateDisabledBackgroundColor = "#eeeff1";
export const BCheckboxOutlineIndeterminateDisabledBorderColor = "#eeeff1";
export const BCheckboxOutlineIndeterminateDisabledBorderColor = "#dbdee2";
export const BCheckboxOutlineIndeterminateHoverBackgroundColor = "#5c687c";

@@ -301,3 +330,3 @@ export const BCheckboxOutlineIndeterminateHoverBorderColor = "#5c687c";

export const BCheckboxOutlineUncheckedDisabledBackgroundColor = "#eeeff1";
export const BCheckboxOutlineUncheckedDisabledBorderColor = "#eeeff1";
export const BCheckboxOutlineUncheckedDisabledBorderColor = "#dbdee2";
export const BCheckboxOutlineUncheckedHoverBackgroundColor = "#f7f7f8";

@@ -310,9 +339,9 @@ export const BCheckboxOutlineUncheckedHoverBorderColor = "#8d95a3";

export const BCountryLabelPadding = "0 0 0 12px";
export const BDataGridBorderColor = "#eeeff1";
export const BDataGridBorderColor = "#dbdee2";
export const BDataGridBorderRadius = "8px";
export const BDataGridBorderWidth = "1px";
export const BDataGridHeaderPadding = "20px 24px";
export const BDataGridColumnsBorderColor = "#d1d5da";
export const BDataGridColumnsBorderColor = "#c9cdd3";
export const BDataGridColumnsBorderWidth = "1px";
export const BDataGridColumnsFrozenBorderRightColor = "#d1d5da";
export const BDataGridColumnsFrozenBorderRightColor = "#c9cdd3";
export const BDataGridColumnsFrozenBorderRightWidth = "1px";

@@ -330,16 +359,16 @@ export const BDataGridColumnsFrozenZIndex = 2;

export const BDataGridColumnSortIconDescendingIconMarginTop = "8px";
export const BDataGridColumnSeparatorBorderRightColor = "#eeeff1";
export const BDataGridColumnSeparatorBorderRightColor = "#dbdee2";
export const BDataGridColumnSeparatorBorderRightWidth = "1px";
export const BDataGridColumnSeparatorHeight = "24px";
export const BDataGridColumnSeparatorResizeableHoverColor = "#d1d5da";
export const BDataGridColumnSeparatorResizeableHoverColor = "#c9cdd3";
export const BDataGridColumnSeparatorZIndex = 1;
export const BDataGridColumnHeaderGap = "8px";
export const BDataGridColumnDraggableGhostBackgroundColor = "#f2f8ff";
export const BDataGridColumnDraggableGhostBackgroundColor = "#e3f0ff";
export const BDataGridColumnActionsGap = "16px";
export const BDataGridColumnActionsPaddingLeft = "12px";
export const BDataGridRowsFrozenBorderRightColor = "#d1d5da";
export const BDataGridRowsFrozenBorderRightColor = "#c9cdd3";
export const BDataGridRowsFrozenBorderRightWidth = "1px";
export const BDataGridRowsFrozenZIndex = 1;
export const BDataGridRowBackgroundColor = "#ffffff";
export const BDataGridRowBorderColor = "#eeeff1";
export const BDataGridRowBorderColor = "#dbdee2";
export const BDataGridRowBorderWidth = "1px";

@@ -357,6 +386,6 @@ export const BDataGridRowColor = "#00112c";

export const BDataGridPaginationZIndex = 10;
export const BDataGridPaginationBorderColor = "#eeeff1";
export const BDataGridPaginationBorderColor = "#dbdee2";
export const BDataGridPaginationBorderWidth = "1px";
export const BDataGridPaginationPadding = "16px";
export const BDataGridFiltersBorderColor = "#eeeff1";
export const BDataGridFiltersBorderColor = "#dbdee2";
export const BDataGridFiltersBorderWidth = "1px";

@@ -370,3 +399,3 @@ export const BDataGridFiltersPadding = "20px 0 20px 24px";

export const BDataGridConfigSettingsColumnAndRowMargin = "48px";
export const BDataGridConfigCompactViewBorderColor = "#eeeff1";
export const BDataGridConfigCompactViewBorderColor = "#dbdee2";
export const BDataGridConfigCompactViewPadding = "0 16px 12px 16px";

@@ -430,3 +459,3 @@ export const BDataGridConfigCompactViewTitlePadding = "0 0 12px 0";

export const BDatePickerCalendarRangeFormWidth = "304px";
export const BDatePickerCalendarRangeFormContainerBorderRight = "1px solid #eeeff1";
export const BDatePickerCalendarRangeFormContainerBorderRight = "1px solid #dbdee2";
export const BDatePickerCalendarRangeFormDateFormatExampleColor = "#5c687c";

@@ -438,3 +467,3 @@ export const BDatePickerCalendarRangeFormDateFormatExampleDisplay = "initial";

export const BDatePickerCalendarRangeLabelToDisplay = "initial";
export const BDividerBackgroundColor = "#eeeff1";
export const BDividerBackgroundColor = "#dbdee2";
export const BDividerBorder = "none";

@@ -458,3 +487,3 @@ export const BDividerHeight = "1px";

export const BDropdownDefaultTextboxDisabledBackgroundColor = "#eeeff1";
export const BDropdownDefaultTextboxDisabledBorderColor = "#eeeff1";
export const BDropdownDefaultTextboxDisabledBorderColor = "#dbdee2";
export const BDropdownDefaultTextboxDisabledColor = "#8d95a3";

@@ -465,4 +494,4 @@ export const BDropdownDefaultTextboxDisabledIconColor = "#8d95a3";

export const BDropdownDefaultTextboxErrorHoverBorderColor = "#e22d2d";
export const BDropdownDefaultTextboxErrorFocusBorderColor = "#00112c";
export const BDropdownDefaultTextboxErrorFocusOutlineColor = "#00112c";
export const BDropdownDefaultTextboxErrorFocusBorderColor = "#791818";
export const BDropdownDefaultTextboxErrorFocusOutlineColor = "#791818";
export const BDropdownDefaultTextboxOpenedBottomBorderRadius = "8px";

@@ -487,3 +516,3 @@ export const BDropdownDefaultTextboxAdditionalItemsBackgroundColor = "#f7f7f8";

export const BDropdownSmallTextboxDisabledBackgroundColor = "#eeeff1";
export const BDropdownSmallTextboxDisabledBorderColor = "#eeeff1";
export const BDropdownSmallTextboxDisabledBorderColor = "#dbdee2";
export const BDropdownSmallTextboxDisabledColor = "#8d95a3";

@@ -497,3 +526,3 @@ export const BDropdownSmallTextboxOpenedBottomBorderRadius = "4px";

export const BFilterBarPaddingRight = "16px";
export const BFilterBarPersistentFiltersBorderColor = "#d1d5da";
export const BFilterBarPersistentFiltersBorderColor = "#c9cdd3";
export const BFilterBarPersistentFiltersPaddingRight = "8px";

@@ -507,3 +536,3 @@ export const BFilterBarClearAllMarginLeft = "8px";

export const BFilterBarRangeFilterItemPadding = "12px";
export const BFilterBarSelectFilterDividerBackgroundColor = "#eeeff1";
export const BFilterBarSelectFilterDividerBackgroundColor = "#dbdee2";
export const BFilterBarSelectFilterDividerBorderWidth = "0";

@@ -517,3 +546,3 @@ export const BFilterBarSelectFilterDividerMargin = "8px 0px 0px";

export const BFilterButtonBackgroundColor = "#ffffff";
export const BFilterButtonBorderColor = "#d1d5da";
export const BFilterButtonBorderColor = "#c9cdd3";
export const BFilterButtonBorderRadius = "8px";

@@ -526,2 +555,3 @@ export const BFilterButtonFontColor = "#00112c";

export const BFilterButtonDisabledBackgroundColor = "#ffffff";
export const BFilterButtonDisabledBorderColor = "#dbdee2";
export const BFilterButtonDisabledFontColor = "#8d95a3";

@@ -543,2 +573,11 @@ export const BFilterButtonWithChevronPadding = "8px 12px";

export const BFilterButtonLabelPadding = "8px 12px";
export const BFilterButtonModalLabelPadding = "10px 0px 10px 16px";
export const BFilterButtonModalCounterPadding = "10px 16px 10px 10px";
export const BFilterButtonModalActiveBackgroundColor = "#eeeff1";
export const BFilterButtonModalActiveCounterBackgroundColor = "#8d95a3";
export const BFilterButtonModalActiveCounterColor = "#ffffff";
export const BFilterButtonModalFocusBackgroundColor = "#eeeff1";
export const BFilterButtonModalHoverBackgroundColor = "#f7f7f8";
export const BFilterButtonModalHoverColor = "#00112c";
export const BFilterButtonModalOpenBackgroundColor = "#eeeff1";
export const BHeaderWrapperGap = "40px";

@@ -561,3 +600,3 @@ export const BHeaderTitleColor = "#00112c";

export const BInputFieldInputBoxDisabledBackgroundColor = "#eeeff1";
export const BInputFieldInputBoxDisabledBorderColor = "#eeeff1";
export const BInputFieldInputBoxDisabledBorderColor = "#dbdee2";
export const BInputFieldInputBoxErrorBackgroundColor = "#e22d2d";

@@ -573,3 +612,3 @@ export const BInputFieldInputBoxFocusBorderColor = "#00112c";

export const BInputFieldInputDisabledColor = "#8d95a3";
export const BInputFieldIconsBackgroundColor = "#8d95a3";
export const BInputFieldIconsColor = "#8d95a3";
export const BInputFieldIconsMarginRight = "12px";

@@ -613,3 +652,3 @@ export const BInputFieldStaticValueBackgroundColor = "#f7f7f8";

export const BListboxSingleSelectCheckIconMargin = "16px";
export const BListboxMultiSelectDividerBackgroundColor = "#eeeff1";
export const BListboxMultiSelectDividerBackgroundColor = "#dbdee2";
export const BListboxMultiSelectDividerMargin = "8px 0px";

@@ -627,12 +666,12 @@ export const BListboxMultiSelectOptionGap = "16px";

export const BLoadingButtonSecondarySuccessBackgroundColor = "#ffffff";
export const BLoadingButtonSecondarySuccessBorderColor = "#d1d5da";
export const BLoadingButtonSecondarySuccessBorderColor = "#c9cdd3";
export const BLoadingButtonSecondarySuccessColor = "#00112c";
export const BLoadingButtonSecondarySuccessHoverBackgroundColor = "#f7f7f8";
export const BLoadingButtonSecondarySuccessHoverBorderColor = "#d1d5da";
export const BLoadingButtonSecondarySuccessHoverBorderColor = "#c9cdd3";
export const BLoadingButtonSecondarySuccessHoverBoxShadow = "unset";
export const BLoadingButtonSecondarySuccessHoverColor = "#5c687c";
export const BLoadingButtonSecondarySuccessActiveBackgroundColor = "#eeeff1";
export const BLoadingButtonSecondarySuccessActiveBorderColor = "#d1d5da";
export const BLoadingButtonSecondarySuccessActiveBorderColor = "#c9cdd3";
export const BLoadingButtonSecondarySuccessDisabledBackgroundColor = "#ffffff";
export const BLoadingButtonSecondarySuccessDisabledBorderColor = "#eeeff1";
export const BLoadingButtonSecondarySuccessDisabledBorderColor = "#dbdee2";
export const BLoadingButtonSecondarySuccessDisabledColor = "#8d95a3";

@@ -673,3 +712,3 @@ export const BLoadingButtonTertiaryActiveBackgroundColor = "#000000";

export const BMenuSubmenuBackgroundColor = "#ffffff";
export const BMenuSubmenuDividerBorder = "1px solid #eeeff1";
export const BMenuSubmenuDividerBorder = "1px solid #dbdee2";
export const BMenuSubmenuDividerPadding = "8px";

@@ -679,3 +718,3 @@ export const BModalBorderRadius = "12px";

export const BModalContainerGap = "16px";
export const BModalContainerColumnLayoutBorder = "1px solid #eeeff1";
export const BModalContainerColumnLayoutBorder = "1px solid #dbdee2";
export const BModalContainerColumnLayoutPadding = "24px";

@@ -686,3 +725,3 @@ export const BModalContainerColumnLayoutPaddingLeft = "16px";

export const BPaginationControlsGap = "16px";
export const BPaginationDividerBorderColor = "#eeeff1";
export const BPaginationDividerBorderColor = "#dbdee2";
export const BPaginationDividerBorderWidth = "1px";

@@ -699,6 +738,6 @@ export const BPaginationDividerMargin = "0 16px";

export const BPopoverDismissButtonOnImageIconColor = "#ffffff";
export const BPopoverDismissButtonOnImageIconHoveredColor = "#f7f7f8";
export const BPopoverDismissButtonOnImageIconActiveColor = "#eeeff1";
export const BPopoverDismissButtonOnImageIconHoveredColor = "#ffffff";
export const BPopoverDismissButtonOnImageIconActiveColor = "#ffffff";
export const BPopoverWithDividerFooterBackgroundColor = "#ffffff";
export const BPopoverWithDividerFooterBorderTop = "1px solid #eeeff1";
export const BPopoverWithDividerFooterBorderTop = "1px solid #dbdee2";
export const BPopoverWithDividerFooterPaddingTop = "12px";

@@ -725,3 +764,3 @@ export const BPopoverWithDividerContentPadding = "0px";

export const BRadioButtonUncheckedDisabledBackgroundColor = "#eeeff1";
export const BRadioButtonUncheckedDisabledBorderColor = "#eeeff1";
export const BRadioButtonUncheckedDisabledBorderColor = "#dbdee2";
export const BRadioButtonCheckedBackgroundColor = "#00112c";

@@ -734,3 +773,3 @@ export const BRadioButtonCheckedBorderColor = "#00112c";

export const BRadioButtonCheckedDisabledBackgroundColor = "#eeeff1";
export const BRadioButtonCheckedDisabledBorderColor = "#eeeff1";
export const BRadioButtonCheckedDisabledBorderColor = "#dbdee2";
export const BRadioButtonLabelContainerPadding = "16px";

@@ -778,3 +817,3 @@ export const BRadioButtonLabelContainerRowGap = "4px";

export const BTabsBackgroundColor = "#ffffff";
export const BTabsTabListBorderBottomColor = "#eeeff1";
export const BTabsTabListBorderBottomColor = "#dbdee2";
export const BTabsTabListBorderBottomWidth = "1px";

@@ -781,0 +820,0 @@ export const BTabsTabListGap = "24px";

2

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

@@ -5,0 +5,0 @@ "files": [

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

dist/js/bento/es6-legacy.js

Sorry, the diff of this file is too big to display

dist/scss/bento/variables-legacy.scss

Sorry, the diff of this file is not supported yet

dist/scss/bento/variables.scss

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