Button, add missing success state

2 files changed, 5 insertions, 0 deletions

diff --git a/packages/theme/src/themes/dark/index.ts b/packages/theme/src/themes/dark/index.ts
index bc2db5ca0..58ef63217 100644
--- a/packages/theme/src/themes/dark/index.ts
+++ b/packages/theme/src/themes/dark/index.ts
@@ -43,6 +43,7 @@ export const buttonWarningTextColor = legacyStyles.darkThemeTextColor;
 export const buttonLoaderColor = {
   primary: '#FFF',
   secondary: buttonSecondaryTextColor,
+  success: '#FFF',
   warning: '#FFF',
   danger: '#FFF',
   inverted: defaultStyles.brandPrimary,
diff --git a/packages/theme/src/themes/default/index.ts b/packages/theme/src/themes/default/index.ts
index 92b82cff1..0f78928c3 100644
--- a/packages/theme/src/themes/default/index.ts
+++ b/packages/theme/src/themes/default/index.ts
@@ -58,6 +58,9 @@ export const buttonPrimaryTextColor = '#FFF';
 export const buttonSecondaryBackground = legacyStyles.themeGrayLighter;
 export const buttonSecondaryTextColor = legacyStyles.themeGray;
 
+export const buttonSuccessBackground = brandSuccess;
+export const buttonSuccessTextColor = '#FFF';
+
 export const buttonDangerBackground = brandDanger;
 export const buttonDangerTextColor = '#FFF';
 
@@ -71,6 +74,7 @@ export const buttonInvertedBorder = `1px solid ${brandPrimary}`;
 export const buttonLoaderColor = {
   primary: '#FFF',
   secondary: buttonSecondaryTextColor,
+  success: '#FFF',
   warning: '#FFF',
   danger: '#FFF',
   inverted: brandPrimary,