From b07f9cc86910bd7fc41e6a70307a2c85d9517171 Mon Sep 17 00:00:00 2001
From: Nathan Vasse <nathan.vasse@gmail.com>
Date: Mon, 16 Jan 2023 12:07:24 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8(react)=20add=20danger=20color=20to=20?=
 =?UTF-8?q?Button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

We adding do's and don't to the documentation I realized that the
danger button was really important in some cases even if the style
was not delivered by designers. Example: Delete buttons.
---
 packages/react/src/components/Button/index.stories.mdx | 1 +
 packages/react/src/components/Button/index.tsx         | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/components/Button/index.stories.mdx b/packages/react/src/components/Button/index.stories.mdx
index 1af6446..60e91eb 100644
--- a/packages/react/src/components/Button/index.stories.mdx
+++ b/packages/react/src/components/Button/index.stories.mdx
@@ -13,6 +13,7 @@ The Cunningham Button behaves the same as the native html `<button>` element, bu
   <Story id="button--primary"/>
   <Story id="button--secondary"/>
   <Story id="button--tertiary"/>
+  <Story id="button--danger"/>
 </Canvas>
 
 <Source
diff --git a/packages/react/src/components/Button/index.tsx b/packages/react/src/components/Button/index.tsx
index 5facb23..4af5f16 100644
--- a/packages/react/src/components/Button/index.tsx
+++ b/packages/react/src/components/Button/index.tsx
@@ -1,7 +1,7 @@
 import React, { ButtonHTMLAttributes, ReactNode } from "react";
 
 interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
-  color?: "primary" | "secondary" | "tertiary";
+  color?: "primary" | "secondary" | "tertiary" | "danger";
   icon?: ReactNode;
   iconPosition?: "left" | "right";
 }