From c143e527ffcec941321b54504445b98b3ff2045c Mon Sep 17 00:00:00 2001 From: vaavva <54871851+vaavva@users.noreply.github.com> Date: Fri, 10 Dec 2021 13:55:01 -0800 Subject: [PATCH] Add a11y input border color & update publishing instructions (#54) * add color-foreground-primary for input borders for a11y * update package number --- CHANGELOG.md | 4 ++++ CONTRIBUTING.md | 2 ++ package-lock.json | 2 +- package.json | 2 +- src/themes/_color.dark.css | 1 + src/themes/_color.light.css | 1 + src/themes/readme.md | 1 + 7 files changed, 11 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index ee0e1a9..1429168 100644 --- a/CHANGELOG.md +++ b/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 diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index ec40fb6..4c0dbc8 100644 --- a/CONTRIBUTING.md +++ b/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). diff --git a/package-lock.json b/package-lock.json index c5c96be..ecd4418 100644 --- a/package-lock.json +++ b/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": { diff --git a/package.json b/package.json index f680d5e..83b3ba5 100644 --- a/package.json +++ b/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", diff --git a/src/themes/_color.dark.css b/src/themes/_color.dark.css index f304f69..20faae1 100644 --- a/src/themes/_color.dark.css +++ b/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; diff --git a/src/themes/_color.light.css b/src/themes/_color.light.css index c3e0214..ec75f70 100644 --- a/src/themes/_color.light.css +++ b/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; diff --git a/src/themes/readme.md b/src/themes/readme.md index 8eb239f..8120992 100644 --- a/src/themes/readme.md +++ b/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