@adyen/bento-design-tokens
Advanced tools
Comparing version 0.0.4 to 0.0.5
@@ -21,3 +21,3 @@ export const BColorBackgroundPrimary = "#ffffff"; | ||
export const BColorLabelTertiary = "#8d95a3"; | ||
export const BColorLabelDisabled = "#c0c5cc"; | ||
export const BColorLabelDisabled = "#8d95a3"; | ||
export const BColorLabelCritical = "#e22d2d"; | ||
@@ -45,3 +45,3 @@ export const BColorLabelWarning = "#b06300"; | ||
export const BColorOnInteractiveCritical = "#ffffff"; | ||
export const BColorOnInteractiveDisabled = "#c0c5cc"; | ||
export const BColorOnInteractiveDisabled = "#8d95a3"; | ||
export const BColorLinkPrimary = "#00112c"; | ||
@@ -414,4 +414,4 @@ export const BColorLinkPrimaryHovered = "#5c687c"; | ||
export const BInputFieldInputDisabledBackgroundColor = "#eeeff1"; | ||
export const BInputFieldInputDisabledColor = "#c0c5cc"; | ||
export const BInputFieldIconsBackgroundColor = "#c0c5cc"; | ||
export const BInputFieldInputDisabledColor = "#8d95a3"; | ||
export const BInputFieldIconsBackgroundColor = "#8d95a3"; | ||
export const BInputFieldIconsMarginRight = "12px"; | ||
@@ -424,3 +424,3 @@ export const BInputFieldStaticValueBackgroundColor = "#f3f6f9"; | ||
export const BInputFieldStaticValueDisabledBackgroundColor = "#eeeff1"; | ||
export const BInputFieldStaticValueDisabledColor = "#c0c5cc"; | ||
export const BInputFieldStaticValueDisabledColor = "#8d95a3"; | ||
export const BInputFieldPaymentMethodMarginRight = "12px"; | ||
@@ -427,0 +427,0 @@ export const BInputFieldDescriptionColor = "#5c687c"; |
@@ -21,3 +21,3 @@ export const BColorBackgroundPrimary = "#ffffff"; | ||
export const BColorLabelTertiary = "#8d95a3"; | ||
export const BColorLabelDisabled = "#c0c5cc"; | ||
export const BColorLabelDisabled = "#8d95a3"; | ||
export const BColorLabelCritical = "#e22d2d"; | ||
@@ -45,3 +45,3 @@ export const BColorLabelWarning = "#b06300"; | ||
export const BColorOnInteractiveCritical = "#ffffff"; | ||
export const BColorOnInteractiveDisabled = "#c0c5cc"; | ||
export const BColorOnInteractiveDisabled = "#8d95a3"; | ||
export const BColorLinkPrimary = "#00112c"; | ||
@@ -180,3 +180,3 @@ export const BColorLinkPrimaryHovered = "#5c687c"; | ||
export const BButtonPrimaryDisabledBackgroundColor = "#eeeff1"; | ||
export const BButtonPrimaryDisabledColor = "#c0c5cc"; | ||
export const BButtonPrimaryDisabledColor = "#8d95a3"; | ||
export const BButtonPrimaryHoverBackgroundColor = "#5c687c"; | ||
@@ -187,3 +187,3 @@ export const BButtonPrimaryCriticalBackgroundColor = "#e22d2d"; | ||
export const BButtonPrimaryCriticalDisabledBackgroundColor = "#eeeff1"; | ||
export const BButtonPrimaryCriticalDisabledColor = "#c0c5cc"; | ||
export const BButtonPrimaryCriticalDisabledColor = "#8d95a3"; | ||
export const BButtonPrimaryCriticalHoverBackgroundColor = "#c72727"; | ||
@@ -201,3 +201,3 @@ export const BButtonSecondaryBackgroundColor = "#ffffff"; | ||
export const BButtonSecondaryDisabledBoxShadow = "inset 0 0 0 1px #eeeff1"; | ||
export const BButtonSecondaryDisabledColor = "#c0c5cc"; | ||
export const BButtonSecondaryDisabledColor = "#8d95a3"; | ||
export const BButtonSecondaryCriticalBackgroundColor = "#ffffff"; | ||
@@ -211,3 +211,3 @@ export const BButtonSecondaryCriticalBoxShadow = "inset 0 0 0 1px #e22d2d"; | ||
export const BButtonSecondaryCriticalDisabledBoxShadow = "inset 0 0 0 1px #eeeff1"; | ||
export const BButtonSecondaryCriticalDisabledColor = "#c0c5cc"; | ||
export const BButtonSecondaryCriticalDisabledColor = "#8d95a3"; | ||
export const BButtonSecondaryCriticalHoverBackgroundColor = "#fef4f4"; | ||
@@ -227,3 +227,3 @@ export const BButtonSecondaryCriticalHoverBoxShadow = "inset 0 0 0 1px #c72727"; | ||
export const BButtonTertiaryDisabledBackgroundColor = "#000000"; | ||
export const BButtonTertiaryDisabledColor = "#c0c5cc"; | ||
export const BButtonTertiaryDisabledColor = "#8d95a3"; | ||
export const BButtonTertiaryCriticalBackgroundColor = "#000000"; | ||
@@ -234,3 +234,3 @@ export const BButtonTertiaryCriticalColor = "#e22d2d"; | ||
export const BButtonTertiaryCriticalDisabledBackgroundColor = "#000000"; | ||
export const BButtonTertiaryCriticalDisabledColor = "#c0c5cc"; | ||
export const BButtonTertiaryCriticalDisabledColor = "#8d95a3"; | ||
export const BButtonTertiaryCriticalHoverBackgroundColor = "#000000"; | ||
@@ -250,6 +250,6 @@ export const BButtonTertiaryCriticalHoverBoxShadow = "unset"; | ||
export const BCheckboxDescriptionColor = "#5c687c"; | ||
export const BCheckboxDescriptionDisabledColor = "#c0c5cc"; | ||
export const BCheckboxDescriptionDisabledColor = "#8d95a3"; | ||
export const BCheckboxIconColor = "#ffffff"; | ||
export const BCheckboxIconDisabledColor = "#c0c5cc"; | ||
export const BCheckboxLabelDisabledColor = "#c0c5cc"; | ||
export const BCheckboxIconDisabledColor = "#8d95a3"; | ||
export const BCheckboxLabelDisabledColor = "#8d95a3"; | ||
export const BCheckboxOutlineBorderRadius = "4px"; | ||
@@ -297,3 +297,3 @@ export const BCheckboxOutlineBorderWidth = "1px"; | ||
export const BDataGridColumnSortPadding = "0 0 0 8px"; | ||
export const BDataGridColumnSortIconColor = "#c0c5cc"; | ||
export const BDataGridColumnSortIconColor = "#8d95a3"; | ||
export const BDataGridColumnSortIconMarginTop = "2px"; | ||
@@ -338,4 +338,4 @@ export const BDataGridColumnSortIconDescendingIconMarginTop = "8px"; | ||
export const BInputFieldInputDisabledBackgroundColor = "#eeeff1"; | ||
export const BInputFieldInputDisabledColor = "#c0c5cc"; | ||
export const BInputFieldIconsBackgroundColor = "#c0c5cc"; | ||
export const BInputFieldInputDisabledColor = "#8d95a3"; | ||
export const BInputFieldIconsBackgroundColor = "#8d95a3"; | ||
export const BInputFieldIconsMarginRight = "12px"; | ||
@@ -348,3 +348,3 @@ export const BInputFieldStaticValueBackgroundColor = "#f7f7f8"; | ||
export const BInputFieldStaticValueDisabledBackgroundColor = "#eeeff1"; | ||
export const BInputFieldStaticValueDisabledColor = "#c0c5cc"; | ||
export const BInputFieldStaticValueDisabledColor = "#8d95a3"; | ||
export const BInputFieldPaymentMethodMarginRight = "12px"; | ||
@@ -369,3 +369,3 @@ export const BInputFieldDescriptionColor = "#5c687c"; | ||
export const BLoadingButtonPrimarySuccessDisabledBackgroundColor = "#eeeff1"; | ||
export const BLoadingButtonPrimarySuccessDisabledColor = "#c0c5cc"; | ||
export const BLoadingButtonPrimarySuccessDisabledColor = "#8d95a3"; | ||
export const BLoadingButtonPrimarySuccessHoverBackgroundColor = "#5c687c"; | ||
@@ -385,3 +385,3 @@ export const BLoadingButtonSecondaryActiveBackgroundColor = "#eeeff1"; | ||
export const BLoadingButtonSecondarySuccessDisabledBorderColor = "#eeeff1"; | ||
export const BLoadingButtonSecondarySuccessDisabledColor = "#c0c5cc"; | ||
export const BLoadingButtonSecondarySuccessDisabledColor = "#8d95a3"; | ||
export const BLoadingButtonTertiaryActiveBackgroundColor = "#000000"; | ||
@@ -442,3 +442,3 @@ export const BLoadingIndicatorBackgroundColor = "#00112c"; | ||
export const BRadioButtonLabelFontColor = "#00112c"; | ||
export const BRadioButtonLabelDisabledFontColor = "#c0c5cc"; | ||
export const BRadioButtonLabelDisabledFontColor = "#8d95a3"; | ||
export const BRadioButtonSubLabelFontColor = "#5c687c"; | ||
@@ -448,3 +448,3 @@ export const BRadioButtonKnobColor = "#ffffff"; | ||
export const BRadioButtonKnobSize = "8px"; | ||
export const BRadioButtonKnobDisabledColor = "#c0c5cc"; | ||
export const BRadioButtonKnobDisabledColor = "#8d95a3"; | ||
export const BStatusColumnGap = "12px"; | ||
@@ -475,3 +475,3 @@ export const BStatusIndicatorSize = "10px"; | ||
export const BToggleHandleNotToggledActiveOutlineWidth = "2px"; | ||
export const BToggleHandleNotToggledDisabledBackgroundColor = "#c0c5cc"; | ||
export const BToggleHandleNotToggledDisabledBackgroundColor = "#8d95a3"; | ||
export const BToggleHandleNotToggledFocusOutlineColor = "#00112c"; | ||
@@ -486,3 +486,3 @@ export const BToggleHandleNotToggledFocusOutlineWidth = "2px"; | ||
export const BToggleHandleToggledActiveOutlineWidth = "2px"; | ||
export const BToggleHandleToggledDisabledBackgroundColor = "#c0c5cc"; | ||
export const BToggleHandleToggledDisabledBackgroundColor = "#8d95a3"; | ||
export const BToggleHandleToggledFocusOutlineColor = "#00112c"; | ||
@@ -489,0 +489,0 @@ export const BToggleHandleToggledFocusOutlineWidth = "2px"; |
{ | ||
"name": "@adyen/bento-design-tokens", | ||
"version": "0.0.4", | ||
"version": "0.0.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