Merge pull request #20 from misteinb/bugfix/primary-button-outline

add primary button outline

Author: misteinb

CHANGELOG.md

@@ -1,5 +1,14 @@
 # CHANGELOG
 
+## v2.0.3
+### Fixed
+- add outline for primary  button
+- upgrade fluent css version
+
+## v2.0.2
+migrating to private package registry and changing package scope.
+update references to fluent css
+
 ## v2.0.1
 ### Fixed
 - alert close button hover colors didn't work across themes. updated to newer version of fluent-colors

README.md

@@ -23,11 +23,11 @@ contact [[email protected]](mailto:[email protected]) with any additio
 ## Docs
 1. npm run docs:build
 2. npm run docs
-3. You can now view style guide in the browser: 
-   
+3. You can now view style guide in the browser:
+
     - `On Local:`         http://localhost:6060/
-   
-    - `On your network:`  http://10.0.75.1:6060/
+
+    - `On your network:`  http://{machine ip address}:6060/
 
 ## Bug/ Issue
 

lib/components/Button/Button.scss

@@ -92,7 +92,8 @@ $outline-focus-border-width: 1px;
         &:focus:not(:disabled) {
             color: themed('color-text-white');
             background-color: themed('color-bg-btn-primary-focus');
-            outline: $outline-focus-border-width dashed themed('color-border-focus');
+            outline: $outline-focus-border-width dashed themed('color-outline-btn-primary-focus');
+            outline-offset: -2px;
         }
 
         &:active:not(:disabled) {

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@azure-iot/ux-fluent-controls",
-    "version": "2.0.2",
+    "version": "2.0.3",
     "description": "Azure IoT Fluent React Controls",
     "main": "./lib/index.js",
     "types": "./lib/index.d.ts",
@@ -26,7 +26,7 @@
         "node": ">=8"
     },
     "devDependencies": {
-        "@azure-iot/ux-fluent-css": "^3.0.0",
+        "@azure-iot/ux-fluent-css": "^3.0.2",
         "@types/chai": "^4.0.4",
         "@types/classnames": "^2.2.3",
         "@types/enzyme": "^2.8.9",
@@ -81,7 +81,7 @@
         "webpack-dev-server": "^2.9.4"
     },
     "peerDependencies": {
-        "@azure-iot/ux-fluent-css": "^3.0.0",
+        "@azure-iot/ux-fluent-css": "^3.0.2",
         "classnames": "^2.2.5",
         "prop-types": "^15.6.1",
         "react": "16.x",