Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@adyen/bento-design-tokens
Advanced tools
@adyen/bento-design-tokens - npm Package Compare versions
Comparing version 1.0.0-rc-4 to 1.0.0-rc-5
@@ -165,22 +165,18 @@ export const BColorBackgroundPrimary = "#ffffff"; | ||
| export const BTextTitleLetterSpacing = 0; | ||
| export const BTextTitleMobileFontSize = "18px"; | ||
| export const BTextTitleMobileLineHeight = "28px"; | ||
| export const BTextTitleMobileFontSize = "16px"; | ||
| export const BTextTitleMobileLineHeight = "26px"; | ||
| export const BTextTitleMFontFamily = "Inter, -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif"; | ||
| export const BTextTitleMFontSize = "24px"; | ||
| export const BTextTitleMFontSize = "28px"; | ||
| export const BTextTitleMFontWeight = 600; | ||
| export const BTextTitleMLineHeight = "34px"; | ||
| export const BTextTitleMLineHeight = "30px"; | ||
| export const BTextTitleMLetterSpacing = 0; | ||
| export const BTextTitleMMobileFontSize = "20px"; | ||
| export const BTextTitleMMobileLineHeight = "30px"; | ||
| export const BTextTitleMMobileFontSize = "18px"; | ||
| export const BTextTitleMMobileLineHeight = "28px"; | ||
| export const BTextTitleLFontFamily = "Inter, -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif"; | ||
| export const BTextTitleLFontSize = "28px"; | ||
| export const BTextTitleLFontSize = "44px"; | ||
| export const BTextTitleLFontWeight = 600; | ||
| export const BTextTitleLLineHeight = "44px"; | ||
| export const BTextTitleLLetterSpacing = 0; | ||
| export const BTextTitleLMobileFontSize = "24px"; | ||
| export const BTextTitleLMobileLineHeight = "34px"; | ||
| export const BTextTitleMediumFontSize = "28px"; | ||
| export const BTextTitleMediumFontWeight = 600; | ||
| export const BTextTitleLargeFontSize = "28px"; | ||
| export const BTextTitleLargeLineHeight = "52px"; | ||
| export const BTextTitleLLineHeight = "52px"; | ||
| export const BTextTitleLLetterSpacing = "-2%"; | ||
| export const BTextTitleLMobileFontSize = "20px"; | ||
| export const BTextTitleLMobileLineHeight = "30px"; | ||
| export const BZIndexGlobalScreen = "auto"; | ||
@@ -347,2 +343,4 @@ export const BZIndexGlobalElevated = 5; | ||
| export const BCardHeaderFocusBackgroundColor = "#f7f7f8"; | ||
| export const BCardToggleHeight = "26px"; | ||
| export const BCardToggleSmallTextHeight = "24px"; | ||
| export const BCardBodyPadding = "0px 24px 20px"; | ||
@@ -353,4 +351,4 @@ export const BCardBodyPaddingTop = "4px"; | ||
| export const BCardContentPaddingTop = "20px"; | ||
| export const BCardDescriptionTextColor = "#5c687c"; | ||
| export const BCardDescriptionBorderRadius = "12px"; | ||
| export const BCardDescriptionColor = "#5c687c"; | ||
| export const BCardDescriptionMarginLeft = "32px"; | ||
| export const BCardActionsMarginTop = "16px"; | ||
@@ -367,2 +365,3 @@ export const BCardActionsPaddingTop = "20px"; | ||
| export const BCardSecondaryHeaderFocusBackgroundColor = "#eeeff1"; | ||
| export const BCardTitleWrapperGap = "16px"; | ||
| export const BCheckboxGroupVerticalGap = "16px"; | ||
@@ -413,2 +412,20 @@ export const BCheckboxGroupHorizontalGap = "32px"; | ||
| export const BCheckboxTextPaddingLeft = "16px"; | ||
| export const BCodeSnippetActionBarBackgroundColor = "#eeeff1"; | ||
| export const BCodeSnippetActionBarPadding = "6px 12px"; | ||
| export const BCodeSnippetActionBarGap = "12px"; | ||
| export const BCodeSnippetActionBarBorder = "0 solid #dbdee2"; | ||
| export const BCodeSnippetActionBarBorderRadius = "8px 8px 0 0"; | ||
| export const BCodeSnippetLanguagePickerBackgroundColor = "#ffffff"; | ||
| export const BCodeSnippetActionButtonPadding = "0 4px 0 4px"; | ||
| export const BCodeSnippetCodeAreaBackgroundColor = "#f7f7f8"; | ||
| export const BCodeSnippetCodeAreaMargin = 0; | ||
| export const BCodeSnippetCodeAreaBorderColor = "#dbdee2"; | ||
| export const BCodeSnippetCodeAreaBorderRadius = "0 0 8px 8px"; | ||
| export const BCodeSnippetCodeAreaBorderWidth = "1px"; | ||
| export const BCodeSnippetCodeAreaHighlightRed = "#c72727"; | ||
| export const BCodeSnippetCodeAreaHighlightOrange = "#9b5700"; | ||
| export const BCodeSnippetCodeAreaHighlightGreen = "#067934"; | ||
| export const BCodeSnippetCodeAreaHighlightBlue = "#0063d7"; | ||
| export const BCodeSnippetEmptyStateBackgroundColor = "#f7f7f8"; | ||
| export const BCodeSnippetEmptyStateMinHeight = "200px"; | ||
| export const BCountryLabelColor = "#00112c"; | ||
@@ -475,5 +492,5 @@ export const BCountryLabelPadding = "0 0 0 12px"; | ||
| export const BDataGridConfigSettingsColumnAndRowMargin = "48px"; | ||
| export const BDataGridConfigCompactViewBorderColor = "#eeeff1"; | ||
| export const BDataGridConfigCompactViewPadding = "0 16px 12px 16px"; | ||
| export const BDataGridConfigCompactViewTitlePadding = "0 0 12px 0"; | ||
| export const BDataGridConfigCondensedViewBorderColor = "#eeeff1"; | ||
| export const BDataGridConfigCondensedViewPadding = "0 16px 12px 16px"; | ||
| export const BDataGridConfigCondensedViewTitlePadding = "0 0 12px 0"; | ||
| export const BDataGridConfigPanelHeaderPadding = "0 16px 12px 16px"; | ||
@@ -519,3 +536,3 @@ export const BDataGridConfigColumnVisibilityPadding = "16px 0 0 0"; | ||
| export const BDateRangePickerCalendarFormInputPaddingTop = "8px"; | ||
| export const BDateRangePickerCalendarFormInputWidth = "inherit"; | ||
| export const BDateRangePickerCalendarFormInputWrapperGap = "10px"; | ||
| export const BDateRangePickerCalendarLabelFromDisplay = "initial"; | ||
@@ -582,2 +599,4 @@ export const BDateRangePickerCalendarLabelToDisplay = "initial"; | ||
| export const BDropdownSmallTextboxBaseTextboxHeight = "auto"; | ||
| export const BErrorMessageColor = "#e22d2d"; | ||
| export const BErrorMessageIconMarginRight = "8px"; | ||
| export const BFilterBarGap = "8px"; | ||
@@ -614,10 +633,7 @@ export const BFilterBarPaddingRight = "16px"; | ||
| export const BFilterBarAllFiltersModalSelectedFilterContentPadding = "8px 32px 8px 16px"; | ||
| export const BFilterBarAllFiltersModalHeaderBackgroundColor = "#ffffff"; | ||
| export const BFilterBarAllFiltersModalHeaderPadding = "16px 24px"; | ||
| export const BFilterBarAllFiltersModalContentTextGap = "6px"; | ||
| export const BFilterBarAllFiltersModalContentTextMarginBottom = "32px"; | ||
| export const BFilterBarAllFiltersModalContentPadding = "0px"; | ||
| export const BFilterBarAllFiltersModalClearButtonPaddingBottom = "8px"; | ||
| export const BFilterBarAllFiltersModalSearchBarPadding = "0px 16px"; | ||
| export const BFilterBarAllFiltersModalWrapperPadding = "0px"; | ||
| export const BFilterBarAllFiltersModalWrapperGap = "0px"; | ||
| export const BFilterButtonBackgroundColor = "#ffffff"; | ||
@@ -678,3 +694,3 @@ export const BFilterButtonBorderColor = "#c9cdd3"; | ||
| export const BInputFieldInputBoxDisabledBorderColor = "#dbdee2"; | ||
| export const BInputFieldInputBoxErrorBackgroundColor = "#e22d2d"; | ||
| export const BInputFieldInputBoxErrorBorder = "1.5px solid #e22d2d"; | ||
| export const BInputFieldInputBoxFocusBorderColor = "#00112c"; | ||
@@ -703,4 +719,4 @@ export const BInputFieldInputBoxSmallPaddingLeft = "6px 12px 6px 3px"; | ||
| export const BInputFieldDescriptionMarginTop = "8px"; | ||
| export const BInputFieldDescriptionPadding = 0; | ||
| export const BInputFieldDescriptionErrorColor = "#e22d2d"; | ||
| export const BInputFieldDescriptionPadding = "0px"; | ||
| export const BInputFieldErrorMessageMarginTop = "8px"; | ||
| export const BLinkBorderRadius = "2px"; | ||
@@ -797,2 +813,3 @@ export const BLinkColor = "#00112c"; | ||
| export const BModalContainerGap = "16px"; | ||
| export const BModalContainerBackgroundColor = "#ffffff"; | ||
| export const BModalContainerColumnLayoutBorder = "1px solid #eeeff1"; | ||
@@ -944,2 +961,25 @@ export const BModalContainerColumnLayoutPadding = "24px"; | ||
| export const BTagWhiteBackgroundColor = "#ffffff"; | ||
| export const BTextareaLabelColor = "#00112c"; | ||
| export const BTextareaLabelMarginBottom = "8px"; | ||
| export const BTextareaLabelItemColor = "#5c687c"; | ||
| export const BTextareaInputBoxMarginBottom = "8px"; | ||
| export const BTextareaInputBorder = "1px solid #8d95a3"; | ||
| export const BTextareaInputBorderRadius = "8px"; | ||
| export const BTextareaInputPadding = "12px 12px 8px 12px"; | ||
| export const BTextareaInputColor = "#00112c"; | ||
| export const BTextareaInputMinHeight = "44px"; | ||
| export const BTextareaInputMinWidth = "200px"; | ||
| export const BTextareaInputDisabledBackgroundColor = "#eeeff1"; | ||
| export const BTextareaInputDisabledBorderColor = "#dbdee2"; | ||
| export const BTextareaInputDisabledColor = "#8d95a3"; | ||
| export const BTextareaInputErrorBackgroundColor = "#e22d2d"; | ||
| export const BTextareaInputFocusBorder = "1px solid #8d95a3"; | ||
| export const BTextareaInputHoverBorderColor = "#00112c"; | ||
| export const BTextareaInputPlaceholderColor = "#8d95a3"; | ||
| export const BTextareaInputReadonlyBackgroundColor = "#eeeff1"; | ||
| export const BTextareaDescriptionColor = "#5c687c"; | ||
| export const BTextareaDescriptionMarginTop = "8px"; | ||
| export const BTextareaDescriptionPadding = 0; | ||
| export const BTextareaDescriptionErrorColor = "#e22d2d"; | ||
| export const BTextareaClearablePadding = "12px 40px 8px 12px"; | ||
| export const BTimelineItemRowGap = "16px"; | ||
@@ -1026,4 +1066,4 @@ export const BTimelineItemContentPaddingBottom = "32px"; | ||
| export const BMediaQueryXsMin = "0px"; | ||
| export const BMediaQueryXsMax = "374px"; | ||
| export const BMediaQuerySMin = "375px"; | ||
| export const BMediaQueryXsMax = "375px"; | ||
| export const BMediaQuerySMin = "376px"; | ||
| export const BMediaQuerySMax = "499px"; | ||
@@ -1035,4 +1075,4 @@ export const BMediaQueryMMin = "500px"; | ||
| export const BMediaQueryXlMin = "1280px"; | ||
| export const BMediaQueryXlMax = "1919px"; | ||
| export const BMediaQueryXxl = "1920px"; | ||
| export const BMediaQueryXlMax = "1535px"; | ||
| export const BMediaQueryXxl = "1536px"; | ||
| export const BShadowLow = "0px 2px 4px rgba(0, 17, 44, 0.04), 0px 1px 2px rgba(0, 17, 44, 0.02)"; | ||
@@ -1039,0 +1079,0 @@ export const BShadowMedium = "0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04)"; |
@@ -145,22 +145,22 @@ export const BColorBackgroundPrimary = "#ffffff"; | ||
| export const BTextTitleFontFamily = "Inter, -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif"; | ||
| export const BTextTitleFontSize = "20px"; | ||
| export const BTextTitleFontSize = "16px"; | ||
| export const BTextTitleFontWeight = 600; | ||
| export const BTextTitleLineHeight = "30px"; | ||
| export const BTextTitleLineHeight = "26px"; | ||
| export const BTextTitleLetterSpacing = 0; | ||
| export const BTextTitleMobileFontSize = "18px"; | ||
| export const BTextTitleMobileLineHeight = "28px"; | ||
| export const BTextTitleMobileFontSize = "16px"; | ||
| export const BTextTitleMobileLineHeight = "26px"; | ||
| export const BTextTitleMFontFamily = "Inter, -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif"; | ||
| export const BTextTitleMFontSize = "24px"; | ||
| export const BTextTitleMFontSize = "20px"; | ||
| export const BTextTitleMFontWeight = 600; | ||
| export const BTextTitleMLineHeight = "34px"; | ||
| export const BTextTitleMLineHeight = "30px"; | ||
| export const BTextTitleMLetterSpacing = 0; | ||
| export const BTextTitleMMobileFontSize = "20px"; | ||
| export const BTextTitleMMobileLineHeight = "30px"; | ||
| export const BTextTitleMMobileFontSize = "18px"; | ||
| export const BTextTitleMMobileLineHeight = "28px"; | ||
| export const BTextTitleLFontFamily = "Inter, -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif"; | ||
| export const BTextTitleLFontSize = "32px"; | ||
| export const BTextTitleLFontSize = "24px"; | ||
| export const BTextTitleLFontWeight = 600; | ||
| export const BTextTitleLLineHeight = "44px"; | ||
| export const BTextTitleLLineHeight = "34px"; | ||
| export const BTextTitleLLetterSpacing = 0; | ||
| export const BTextTitleLMobileFontSize = "24px"; | ||
| export const BTextTitleLMobileLineHeight = "34px"; | ||
| export const BTextTitleLMobileFontSize = "20px"; | ||
| export const BTextTitleLMobileLineHeight = "30px"; | ||
| export const BZIndexGlobalScreen = "auto"; | ||
@@ -327,2 +327,4 @@ export const BZIndexGlobalElevated = 5; | ||
| export const BCardHeaderFocusBackgroundColor = "#f7f7f8"; | ||
| export const BCardToggleHeight = "26px"; | ||
| export const BCardToggleSmallTextHeight = "24px"; | ||
| export const BCardBodyPadding = "0px 24px 20px"; | ||
@@ -333,4 +335,4 @@ export const BCardBodyPaddingTop = "4px"; | ||
| export const BCardContentPaddingTop = "20px"; | ||
| export const BCardDescriptionTextColor = "#5c687c"; | ||
| export const BCardDescriptionBorderRadius = "12px"; | ||
| export const BCardDescriptionColor = "#5c687c"; | ||
| export const BCardDescriptionMarginLeft = "32px"; | ||
| export const BCardActionsMarginTop = "16px"; | ||
@@ -347,2 +349,3 @@ export const BCardActionsPaddingTop = "20px"; | ||
| export const BCardSecondaryHeaderFocusBackgroundColor = "#eeeff1"; | ||
| export const BCardTitleWrapperGap = "16px"; | ||
| export const BCheckboxGroupVerticalGap = "16px"; | ||
@@ -393,2 +396,20 @@ export const BCheckboxGroupHorizontalGap = "32px"; | ||
| export const BCheckboxTextPaddingLeft = "16px"; | ||
| export const BCodeSnippetActionBarBackgroundColor = "#eeeff1"; | ||
| export const BCodeSnippetActionBarPadding = "6px 12px"; | ||
| export const BCodeSnippetActionBarGap = "12px"; | ||
| export const BCodeSnippetActionBarBorder = "0 solid #dbdee2"; | ||
| export const BCodeSnippetActionBarBorderRadius = "8px 8px 0 0"; | ||
| export const BCodeSnippetLanguagePickerBackgroundColor = "#ffffff"; | ||
| export const BCodeSnippetActionButtonPadding = "0 4px 0 4px"; | ||
| export const BCodeSnippetCodeAreaBackgroundColor = "#f7f7f8"; | ||
| export const BCodeSnippetCodeAreaMargin = 0; | ||
| export const BCodeSnippetCodeAreaBorderColor = "#dbdee2"; | ||
| export const BCodeSnippetCodeAreaBorderRadius = "0 0 8px 8px"; | ||
| export const BCodeSnippetCodeAreaBorderWidth = "1px"; | ||
| export const BCodeSnippetCodeAreaHighlightRed = "#c72727"; | ||
| export const BCodeSnippetCodeAreaHighlightOrange = "#9b5700"; | ||
| export const BCodeSnippetCodeAreaHighlightGreen = "#067934"; | ||
| export const BCodeSnippetCodeAreaHighlightBlue = "#0063d7"; | ||
| export const BCodeSnippetEmptyStateBackgroundColor = "#f7f7f8"; | ||
| export const BCodeSnippetEmptyStateMinHeight = "200px"; | ||
| export const BCountryLabelColor = "#00112c"; | ||
@@ -455,5 +476,5 @@ export const BCountryLabelPadding = "0 0 0 12px"; | ||
| export const BDataGridConfigSettingsColumnAndRowMargin = "48px"; | ||
| export const BDataGridConfigCompactViewBorderColor = "#dbdee2"; | ||
| export const BDataGridConfigCompactViewPadding = "0 16px 12px 16px"; | ||
| export const BDataGridConfigCompactViewTitlePadding = "0 0 12px 0"; | ||
| export const BDataGridConfigCondensedViewBorderColor = "#dbdee2"; | ||
| export const BDataGridConfigCondensedViewPadding = "0 16px 12px 16px"; | ||
| export const BDataGridConfigCondensedViewTitlePadding = "0 0 12px 0"; | ||
| export const BDataGridConfigPanelHeaderPadding = "0 16px 12px 16px"; | ||
@@ -499,3 +520,3 @@ export const BDataGridConfigColumnVisibilityPadding = "16px 0 0 0"; | ||
| export const BDateRangePickerCalendarFormInputPaddingTop = "8px"; | ||
| export const BDateRangePickerCalendarFormInputWidth = "inherit"; | ||
| export const BDateRangePickerCalendarFormInputWrapperGap = "10px"; | ||
| export const BDateRangePickerCalendarLabelFromDisplay = "initial"; | ||
@@ -562,2 +583,4 @@ export const BDateRangePickerCalendarLabelToDisplay = "initial"; | ||
| export const BDropdownSmallTextboxBaseTextboxHeight = "auto"; | ||
| export const BErrorMessageColor = "#e22d2d"; | ||
| export const BErrorMessageIconMarginRight = "8px"; | ||
| export const BFilterBarGap = "8px"; | ||
@@ -594,10 +617,7 @@ export const BFilterBarPaddingRight = "16px"; | ||
| export const BFilterBarAllFiltersModalSelectedFilterContentPadding = "8px 32px 8px 16px"; | ||
| export const BFilterBarAllFiltersModalHeaderBackgroundColor = "#ffffff"; | ||
| export const BFilterBarAllFiltersModalHeaderPadding = "16px 24px"; | ||
| export const BFilterBarAllFiltersModalContentTextGap = "6px"; | ||
| export const BFilterBarAllFiltersModalContentTextMarginBottom = "32px"; | ||
| export const BFilterBarAllFiltersModalContentPadding = "0px"; | ||
| export const BFilterBarAllFiltersModalClearButtonPaddingBottom = "8px"; | ||
| export const BFilterBarAllFiltersModalSearchBarPadding = "0px 16px"; | ||
| export const BFilterBarAllFiltersModalWrapperPadding = "0px"; | ||
| export const BFilterBarAllFiltersModalWrapperGap = "0px"; | ||
| export const BFilterButtonBackgroundColor = "#ffffff"; | ||
@@ -658,3 +678,3 @@ export const BFilterButtonBorderColor = "#c9cdd3"; | ||
| export const BInputFieldInputBoxDisabledBorderColor = "#dbdee2"; | ||
| export const BInputFieldInputBoxErrorBackgroundColor = "#e22d2d"; | ||
| export const BInputFieldInputBoxErrorBorder = "1.5px solid #e22d2d"; | ||
| export const BInputFieldInputBoxFocusBorderColor = "#00112c"; | ||
@@ -683,4 +703,4 @@ export const BInputFieldInputBoxSmallPaddingLeft = "6px 12px 6px 3px"; | ||
| export const BInputFieldDescriptionMarginTop = "8px"; | ||
| export const BInputFieldDescriptionPadding = 0; | ||
| export const BInputFieldDescriptionErrorColor = "#e22d2d"; | ||
| export const BInputFieldDescriptionPadding = "0px"; | ||
| export const BInputFieldErrorMessageMarginTop = "8px"; | ||
| export const BLinkBorderRadius = "2px"; | ||
@@ -777,2 +797,3 @@ export const BLinkColor = "#00112c"; | ||
| export const BModalContainerGap = "16px"; | ||
| export const BModalContainerBackgroundColor = "#ffffff"; | ||
| export const BModalContainerColumnLayoutBorder = "1px solid #dbdee2"; | ||
@@ -924,2 +945,25 @@ export const BModalContainerColumnLayoutPadding = "24px"; | ||
| export const BTagWhiteBackgroundColor = "#ffffff"; | ||
| export const BTextareaLabelColor = "#00112c"; | ||
| export const BTextareaLabelMarginBottom = "8px"; | ||
| export const BTextareaLabelItemColor = "#5c687c"; | ||
| export const BTextareaInputBoxMarginBottom = "8px"; | ||
| export const BTextareaInputBorder = "1px solid #8d95a3"; | ||
| export const BTextareaInputBorderRadius = "8px"; | ||
| export const BTextareaInputPadding = "12px 12px 8px 12px"; | ||
| export const BTextareaInputColor = "#00112c"; | ||
| export const BTextareaInputMinHeight = "44px"; | ||
| export const BTextareaInputMinWidth = "200px"; | ||
| export const BTextareaInputDisabledBackgroundColor = "#eeeff1"; | ||
| export const BTextareaInputDisabledBorderColor = "#dbdee2"; | ||
| export const BTextareaInputDisabledColor = "#8d95a3"; | ||
| export const BTextareaInputErrorBackgroundColor = "#e22d2d"; | ||
| export const BTextareaInputFocusBorder = "1px solid #8d95a3"; | ||
| export const BTextareaInputHoverBorderColor = "#00112c"; | ||
| export const BTextareaInputPlaceholderColor = "#8d95a3"; | ||
| export const BTextareaInputReadonlyBackgroundColor = "#eeeff1"; | ||
| export const BTextareaDescriptionColor = "#5c687c"; | ||
| export const BTextareaDescriptionMarginTop = "8px"; | ||
| export const BTextareaDescriptionPadding = 0; | ||
| export const BTextareaDescriptionErrorColor = "#e22d2d"; | ||
| export const BTextareaClearablePadding = "12px 40px 8px 12px"; | ||
| export const BTimelineItemRowGap = "16px"; | ||
@@ -1006,4 +1050,4 @@ export const BTimelineItemContentPaddingBottom = "32px"; | ||
| export const BMediaQueryXsMin = "0px"; | ||
| export const BMediaQueryXsMax = "374px"; | ||
| export const BMediaQuerySMin = "375px"; | ||
| export const BMediaQueryXsMax = "375px"; | ||
| export const BMediaQuerySMin = "376px"; | ||
| export const BMediaQuerySMax = "499px"; | ||
@@ -1015,4 +1059,4 @@ export const BMediaQueryMMin = "500px"; | ||
| export const BMediaQueryXlMin = "1280px"; | ||
| export const BMediaQueryXlMax = "1919px"; | ||
| export const BMediaQueryXxl = "1920px"; | ||
| export const BMediaQueryXlMax = "1535px"; | ||
| export const BMediaQueryXxl = "1536px"; | ||
| export const BShadowLow = "0px 2px 4px rgba(0, 17, 44, 0.04), 0px 1px 2px rgba(0, 17, 44, 0.02)"; | ||
@@ -1019,0 +1063,0 @@ export const BShadowMedium = "0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04)"; |
| { | ||
| "name": "@adyen/bento-design-tokens", | ||
| "version": "1.0.0-rc-4", | ||
| "version": "1.0.0-rc-5", | ||
| "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 too big to display
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
New alerts
License Policy Violation
LicenseThis 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
LicenseThis 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
- increased by3.24%
736860
- Lines of code
- increased by3.12%
8529
No dependency changes