Add a11y input border color & update publishing instructions (#54)

* add color-foreground-primary for input borders for a11y

* update package number

CHANGELOG.md

@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## v8.1.13
+### Changed
+- Added `--color-foreground-primary`
+
 ## v8.1.12
 ### Changed
 - Updated `--color-search-background` to be 85% white

CONTRIBUTING.md

@@ -146,6 +146,8 @@ Once the PR has been reviewed, follow these steps to cut a release:
 
 3. [Create a new github release](https://github.com/Azure/iot-ux-fluent-css/releases/new) on the new tag. Use the tag name as the release title and the copy the changelog into the description.
 
+4. Run `npm run publish` to publish the new version to npm
+
 
 **IMPORTANT**: By submitting a patch, you agree to allow the project
 owners to license your work under the terms of the [MIT License](LICENSE.txt).

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/azure-iot-ux-fluent-css",
-  "version": "8.1.12",
+  "version": "8.1.13",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@microsoft/azure-iot-ux-fluent-css",
   "description": "Azure IoT common styles library for CSS, Colors and Themes",
-  "version": "8.1.12",
+  "version": "8.1.13",
   "license": "MIT",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

src/themes/_color.dark.css

@@ -33,6 +33,7 @@
   --color-foreground-complementary: #323130;
   --color-foreground-inactive: #c4c4c4;
   --color-foreground-disabled: #4f4f4f;
+  --color-foreground-primary: #A19F9D;
   --color-foreground-secondary: #434343;
   --color-foreground-tertiary: #31373e;
 

src/themes/_color.light.css

@@ -33,6 +33,7 @@
   --color-foreground-complementary: #ffffff;
   --color-foreground-inactive: #666666;
   --color-foreground-disabled: #a6a6a6;
+  --color-foreground-primary: #605E5C;
   --color-foreground-secondary: #dadada;
   --color-foreground-tertiary: #f3f2f1;
 

src/themes/readme.md

@@ -42,6 +42,7 @@ The files have the following structure:
   --color-foreground-complementary // complementary color to foreground-default
   --color-foreground-inactive
   --color-foreground-disabled
+  --color-foreground-primary // border lines that need to have accessible levels of contrast (such as around inputs)
   --color-foreground-secondary // border lines
   --color-foreground-tertiary // less important separations, like borders between rows on grid