New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@adyen/bento-design-tokens
Advanced tools
@adyen/bento-design-tokens - npm Package Compare versions
Comparing version 0.2.0 to 0.2.1
@@ -267,4 +267,2 @@ export const AdlBackgroundInteractive = "#a5afbd"; | ||
| export const AdlTitleItemTextLineHeight = "40px"; | ||
| export const AdlTitleItemTextMarginLeft = "12px"; | ||
| export const AdlTitleItemTextMarginRight = "10px"; | ||
| export const AdlSpacing1 = "0.125rem"; | ||
@@ -271,0 +269,0 @@ export const AdlSpacing2 = "0.25rem"; |
@@ -250,4 +250,2 @@ export const AdlBackgroundInteractive = "#dee1e6"; | ||
| export const AdlTitleItemTextLineHeight = "28px"; | ||
| export const AdlTitleItemTextMarginLeft = "12px"; | ||
| export const AdlTitleItemTextMarginRight = "10px"; | ||
| export const AdlSpacing1 = "0.125rem"; | ||
@@ -254,0 +252,0 @@ export const AdlSpacing2 = "0.25rem"; |
@@ -441,2 +441,3 @@ export const BColorBackgroundPrimary = "#ffffff"; | ||
| export const BDataGridColumnSeperatorResizeableHoverColor = "#d1d5da"; | ||
| export const BDataGridColumnHeaderGap = "8px"; | ||
| export const BDataGridColumnHeight = "24px"; | ||
@@ -462,2 +463,3 @@ export const BDataGridRowBackgroundColor = "#ffffff"; | ||
| export const BDataGridLoadingIndicatorMargin = "0 0 12px 0"; | ||
| export const BDataGridConfigSettingsMarginLeft = "12px"; | ||
| export const BDataGridConfigCompactViewBorderColor = "#eeeff1"; | ||
@@ -506,2 +508,6 @@ export const BDataGridConfigCompactViewPadding = "0 16px 12px 16px"; | ||
| export const BDropdownDefaultTextboxAdditionalItemsMargin = "0 12px"; | ||
| export const BDropdownOptionsContainerBorderColor = "#dce0e5"; | ||
| export const BDropdownOptionsContainerBorderRadius = "0 0 6px 6px"; | ||
| export const BDropdownOptionsContainerBorderWidth = "0 1px 1px 1px"; | ||
| export const BDropdownOptionsContainerBoxShadow = "0 8px 8px rgb(0 17 44 / 2%), 0 2px 4px rgb(0 17 44 / 4%)"; | ||
| export const BDropdownSmallTextboxBackgroundColor = "#e5efff"; | ||
@@ -522,27 +528,6 @@ export const BDropdownSmallTextboxBorderColor = "#cce0ff"; | ||
| export const BDropdownSmallTextboxAdditionalItemsMargin = "0 0 0 12px"; | ||
| export const BDropdownOptionsContainerBackgroundColor = "#ffffff"; | ||
| export const BDropdownOptionsContainerBorderColor = "#dce0e5"; | ||
| export const BDropdownOptionsContainerBorderRadius = "0 0 6px 6px"; | ||
| export const BDropdownOptionsContainerBorderWidth = "0 1px 1px 1px"; | ||
| export const BDropdownOptionsContainerBoxShadow = "0 8px 8px rgb(0 17 44 / 2%), 0 2px 4px rgb(0 17 44 / 4%)"; | ||
| export const BDropdownOptionsContainerMarginTop = "-8px"; | ||
| export const BDropdownOptionsContainerPadding = "0px"; | ||
| export const BDropdownOptionPadding = "8px 16px"; | ||
| export const BDropdownOptionActiveBackgroundColor = "#0066ff"; | ||
| export const BDropdownOptionActiveFontColor = "#ffffff"; | ||
| export const BDropdownOptionDisabledFontColor = "#8d95a3"; | ||
| export const BDropdownOptionFocusBackgroundColor = "#eeeff1"; | ||
| export const BDropdownOptionFocusFontColor = "#000000"; | ||
| export const BDropdownOptionHoverBackgroundColor = "#f3f6f9"; | ||
| 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"; | ||
| export const BDropdownMultiSelectDividerMargin = "8px 0px"; | ||
| export const BDropdownMultiSelectOptionGap = "16px"; | ||
| export const BFilterBarFiltersGap = "8px"; | ||
| export const BFilterBarFiltersPaddingRight = "16px"; | ||
| export const BFilterBarGap = "8px"; | ||
| export const BFilterBarClearAllMarginLeft = "8px"; | ||
| export const BFilterBarFiltersWrapperGap = "8px"; | ||
| export const BFilterBarTextFilterPadding = "12px 16px"; | ||
| export const BFilterButtonBackgroundColor = "#ffffff"; | ||
@@ -622,2 +607,22 @@ export const BFilterButtonBorderColor = "#dce0e5"; | ||
| export const BLinkQuietActiveColor = "#0066ff"; | ||
| export const BListboxBackgroundColor = "#ffffff"; | ||
| export const BListboxMarginTop = "-8px"; | ||
| export const BListboxPadding = "0px"; | ||
| export const BListboxOptionPadding = "8px 16px"; | ||
| export const BListboxOptionActiveBackgroundColor = "#0066ff"; | ||
| export const BListboxOptionActiveFontColor = "#ffffff"; | ||
| export const BListboxOptionDisabledFontColor = "#8d95a3"; | ||
| export const BListboxOptionFocusBackgroundColor = "#eeeff1"; | ||
| export const BListboxOptionFocusFontColor = "#000000"; | ||
| export const BListboxOptionHoverBackgroundColor = "#f3f6f9"; | ||
| export const BListboxOptionHoverFontColor = "#0066ff"; | ||
| export const BListboxOptionDescriptionColor = "#707070"; | ||
| export const BListboxOptionDescriptionMarginTop = "4px"; | ||
| export const BListboxOptionCurrencyLabelColor = "#00112c"; | ||
| export const BListboxOptionCurrencyLabelPadding = "0 0 0 8px"; | ||
| export const BListboxOptionSelectedFontColor = "#ffffff"; | ||
| export const BListboxOptionSelectedBackgroundColor = "#0066ff"; | ||
| export const BListboxMultiSelectDividerBackgroundColor = "#eeeff1"; | ||
| export const BListboxMultiSelectDividerMargin = "8px 0px"; | ||
| export const BListboxMultiSelectOptionGap = "16px"; | ||
| export const BLoadingButtonPrimaryActiveBackgroundColor = "#0048b3"; | ||
@@ -663,2 +668,4 @@ export const BLoadingButtonPrimarySuccessBackgroundColor = "#0abf53"; | ||
| export const BPaginationResultsPerPageMargin = "0 12px"; | ||
| export const BPaymentMethodLabelColor = "#00112c"; | ||
| export const BPaymentMethodLabelPadding = "0 0 0 12px"; | ||
| export const BPopoverBackgroundColor = "#ffffff"; | ||
@@ -731,2 +738,12 @@ export const BPopoverBorder = "1px solid #dce0e5"; | ||
| export const BTagRedBackgroundColor = "#fef5f5"; | ||
| export const BToastItemBackgroundColor = "#00112c"; | ||
| export const BToastItemBorderColor = "#0070f5"; | ||
| export const BToastItemBorderWidth = "1px"; | ||
| export const BToastItemBorderRadius = "6px"; | ||
| export const BToastItemColor = "#ffffff"; | ||
| export const BToastItemIconColor = "#8390a3"; | ||
| export const BToastItemIconMargin = "16px"; | ||
| export const BToastItemPadding = "12px 16px"; | ||
| export const BToastItemShadow = "transparent"; | ||
| export const BToastItemQueuedBackgroundColor = "#8390a3"; | ||
| export const BToggleBorderColor = "none"; | ||
@@ -733,0 +750,0 @@ export const BToggleHandleBackgroundColor = "#ffffff"; |
@@ -355,2 +355,3 @@ export const BColorBackgroundPrimary = "#ffffff"; | ||
| export const BDataGridColumnSeperatorResizeableHoverColor = "#d1d5da"; | ||
| export const BDataGridColumnHeaderGap = "8px"; | ||
| export const BDataGridRowBackgroundColor = "#ffffff"; | ||
@@ -375,2 +376,3 @@ export const BDataGridRowBorderColor = "#eeeff1"; | ||
| export const BDataGridLoadingIndicatorMargin = "0 0 12px 0"; | ||
| export const BDataGridConfigSettingsMarginLeft = "12px"; | ||
| export const BDataGridConfigCompactViewBorderColor = "#eeeff1"; | ||
@@ -418,2 +420,6 @@ export const BDataGridConfigCompactViewPadding = "0 16px 12px 16px"; | ||
| export const BDropdownDefaultTextboxAdditionalItemsMargin = "0 12px"; | ||
| export const BDropdownOptionsContainerBorderColor = "unset"; | ||
| export const BDropdownOptionsContainerBorderRadius = "8px"; | ||
| export const BDropdownOptionsContainerBorderWidth = "0px"; | ||
| export const BDropdownOptionsContainerBoxShadow = "0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04), 0px 0px 0px 1px rgba(0, 17, 44, 0.06)"; | ||
| export const BDropdownSmallTextboxBackgroundColor = "#f7f7f8"; | ||
@@ -433,22 +439,6 @@ export const BDropdownSmallTextboxBorderColor = "#f7f7f8"; | ||
| export const BDropdownSmallTextboxAdditionalItemsMargin = "0 0 0 12px"; | ||
| export const BDropdownOptionsContainerBackgroundColor = "#ffffff"; | ||
| export const BDropdownOptionsContainerBorderColor = "unset"; | ||
| export const BDropdownOptionsContainerBorderRadius = "8px"; | ||
| export const BDropdownOptionsContainerBorderWidth = "0px"; | ||
| export const BDropdownOptionsContainerBoxShadow = "0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04), 0px 0px 0px 1px rgba(0, 17, 44, 0.06)"; | ||
| export const BDropdownOptionsContainerMarginTop = "0px"; | ||
| export const BDropdownOptionsContainerPadding = "8px 0"; | ||
| export const BDropdownOptionPadding = "8px 16px"; | ||
| export const BDropdownOptionActiveBackgroundColor = "#eeeff1"; | ||
| export const BDropdownOptionDisabledFontColor = "#8d95a3"; | ||
| export const BDropdownOptionFocusBackgroundColor = "#eeeff1"; | ||
| export const BDropdownOptionHoverBackgroundColor = "#f7f7f8"; | ||
| export const BDropdownOptionDescriptionColor = "#5c687c"; | ||
| export const BDropdownOptionDescriptionMarginTop = "4px"; | ||
| export const BDropdownSingleSelectIconPaddingTop = "2px"; | ||
| export const BDropdownMultiSelectDividerBackgroundColor = "#eeeff1"; | ||
| export const BDropdownMultiSelectDividerMargin = "8px 0px"; | ||
| export const BDropdownMultiSelectOptionGap = "16px"; | ||
| export const BFilterBarFiltersGap = "8px"; | ||
| export const BFilterBarFiltersPaddingRight = "16px"; | ||
| export const BFilterBarGap = "8px"; | ||
| export const BFilterBarClearAllMarginLeft = "8px"; | ||
| export const BFilterBarFiltersWrapperGap = "8px"; | ||
| export const BFilterBarTextFilterPadding = "12px 16px"; | ||
| export const BFilterButtonBackgroundColor = "#ffffff"; | ||
@@ -518,2 +508,17 @@ export const BFilterButtonBorderColor = "#d1d5da"; | ||
| export const BLinkQuietActiveColor = "#00112c"; | ||
| export const BListboxBackgroundColor = "#ffffff"; | ||
| export const BListboxMarginTop = "0px"; | ||
| export const BListboxPadding = "8px 0"; | ||
| export const BListboxOptionPadding = "8px 16px"; | ||
| export const BListboxOptionActiveBackgroundColor = "#eeeff1"; | ||
| export const BListboxOptionDisabledFontColor = "#8d95a3"; | ||
| export const BListboxOptionFocusBackgroundColor = "#eeeff1"; | ||
| export const BListboxOptionHoverBackgroundColor = "#f7f7f8"; | ||
| export const BListboxOptionDescriptionColor = "#5c687c"; | ||
| export const BListboxOptionDescriptionMarginTop = "4px"; | ||
| export const BListboxOptionCurrencyLabelColor = "#00112c"; | ||
| export const BListboxOptionCurrencyLabelPadding = "0 0 0 8px"; | ||
| export const BListboxMultiSelectDividerBackgroundColor = "#eeeff1"; | ||
| export const BListboxMultiSelectDividerMargin = "8px 0px"; | ||
| export const BListboxMultiSelectOptionGap = "16px"; | ||
| export const BLoadingButtonPrimaryActiveBackgroundColor = "#8d95a3"; | ||
@@ -559,2 +564,4 @@ export const BLoadingButtonPrimarySuccessBackgroundColor = "#00112c"; | ||
| export const BPaginationResultsPerPageMargin = "0 12px"; | ||
| export const BPaymentMethodLabelColor = "#00112c"; | ||
| export const BPaymentMethodLabelPadding = "0 0 0 12px"; | ||
| export const BPopoverBackgroundColor = "#ffffff"; | ||
@@ -626,2 +633,11 @@ export const BPopoverBorder = "unset"; | ||
| export const BTagRedBackgroundColor = "#fef4f4"; | ||
| export const BToastItemBackgroundColor = "#f2f8ff"; | ||
| export const BToastItemBorderColor = "#0070f5"; | ||
| export const BToastItemBorderWidth = "1px"; | ||
| export const BToastItemBorderRadius = "8px"; | ||
| export const BToastItemColor = "#00112c"; | ||
| export const BToastItemIconColor = "#0070f5"; | ||
| export const BToastItemIconMargin = "16px"; | ||
| export const BToastItemPadding = "16px"; | ||
| export const BToastItemShadow = "0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04), 0px 0px 0px 1px rgba(0, 17, 44, 0.06)"; | ||
| export const BToggleBorderColor = "none"; | ||
@@ -628,0 +644,0 @@ export const BToggleHandleBackgroundColor = "#ffffff"; |
| { | ||
| "name": "@adyen/bento-design-tokens", | ||
| "version": "0.2.0", | ||
| "version": "0.2.1", | ||
| "license": "MIT", | ||
@@ -5,0 +5,0 @@ "files": [ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
No alert changes
Improved metrics
- Total package byte prevSize
- increased by1.2%
233842
- Lines of code
- increased by1.35%
4360
No dependency changes