From e31248830eb63c8bff3d9add3baa4ca8916b74e1 Mon Sep 17 00:00:00 2001
From: Stefan Malzner <stefan@adlk.io>
Date: Tue, 15 Jan 2019 11:59:39 +0100
Subject: Button, add missing success state

---
 packages/forms/src/button/index.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

(limited to 'packages/forms/src')

diff --git a/packages/forms/src/button/index.tsx b/packages/forms/src/button/index.tsx
index d2c5ad96d..784ead04c 100644
--- a/packages/forms/src/button/index.tsx
+++ b/packages/forms/src/button/index.tsx
@@ -10,7 +10,7 @@ import Loader from 'react-loader';
 
 import { IFormField, IWithStyle } from '../typings/generic';
 
-type ButtonType = 'primary' | 'secondary' | 'danger' | 'warning' | 'inverted';
+type ButtonType = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'inverted';
 
 interface IProps extends React.InputHTMLAttributes<HTMLButtonElement>, IFormField, IWithStyle {
   buttonType?: ButtonType;
@@ -61,6 +61,14 @@ const styles = (theme: Theme) => ({
       fill: theme.buttonSecondaryTextColor,
     },
   },
+  success: {
+    background: theme.buttonSuccessBackground,
+    color: theme.buttonSuccessTextColor,
+
+    '& svg': {
+      fill: theme.buttonSuccessTextColor,
+    },
+  },
   danger: {
     background: theme.buttonDangerBackground,
     color: theme.buttonDangerTextColor,
@@ -144,6 +152,7 @@ class ButtonComponent extends Component<IProps> {
   render() {
     const {
       classes,
+      className,
       theme,
       disabled,
       id,
@@ -185,6 +194,7 @@ class ButtonComponent extends Component<IProps> {
           [`${classes.button}`]: true,
           [`${classes[buttonType as ButtonType]}`]: true,
           [`${classes.disabled}`]: disabled,
+          [`${className}`]: className,
         })}
         disabled={disabled}
       >
-- 
cgit v1.2.3-70-g09d2