create variable for danger button outline

CHANGELOG.md

@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## v3.0.3
+### Fixed
+- danger button should have a white outline
+
 ## v3.0.2
 ### Fixed
 - add color for primary button focus

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@azure-iot/ux-fluent-css",
   "description": "Azure IoT common styles library for CSS, Colors and Themes",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "license": "MIT",
   "engines": {
     "node": "^8.0.0"

src/dark/_color.defaults.scss

@@ -181,6 +181,7 @@ $theme-dark: map-merge((
     color-bg-btn-danger-focus: $color-red-500,
     color-bg-btn-danger-pressed-selected: $color-red-600,
     color-bg-btn-danger-disabled: $color-grey-1000,
+    color-outline-btn-danger-focus: $color-white,
 
     // Layout Buttons
     color-bg-btn-layout-rest: $color-grey-1500,

src/light/_color.defaults.scss

@@ -181,6 +181,7 @@ $theme-light: map-merge((
     color-bg-btn-danger-focus: $color-red-500,
     color-bg-btn-danger-pressed-selected: $color-red-600,
     color-bg-btn-danger-disabled: $color-grey-200,
+    color-outline-btn-danger-focus: $color-white,
 
     // Layout Buttons
     color-bg-btn-layout-rest: $color-white,