Skip to content

Qa accessibility #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 19 commits into from
Jul 26, 2019
Merged

Qa accessibility #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
19 commits
Select commit Hold shift + click to select a range
29491f3
2885 fix
PrakashDurlabhji Jul 19, 2019
20a3077
Update variables.scss
PrakashDurlabhji Jul 21, 2019
43de437
Update variables.scss
PrakashDurlabhji Jul 23, 2019
bb10012
update color
r0hit-gupta Jul 23, 2019
7cd37a4
Merge pull request #16 from r0hit-gupta/msft86
sushilshinde Jul 24, 2019
1e126e9
Merge pull request #14 from PrakashDurlabhji/issue_2743
sushilshinde Jul 24, 2019
c7118e7
Merge pull request #10 from PrakashDurlabhji/issue_2885
sushilshinde Jul 24, 2019
075802c
adding git dist tag
sushilshinde Jul 24, 2019
07cac82
pr from https://github.com/topcoder-platform/topcoder-react-ui-kit/pu…
veshu Jul 24, 2019
9a86b80
Merge pull request #17 from veshu/qa-accessibility
sushilshinde Jul 25, 2019
9cb85d5
npm version update
sushilshinde Jul 25, 2019
587b17f
Updating npm package version to v1.0.2
sushilshinde Jul 25, 2019
e22283a
update colors
r0hit-gupta Jul 25, 2019
f520dbc
merge
r0hit-gupta Jul 25, 2019
fdfe7fd
update colors
r0hit-gupta Jul 25, 2019
25b6443
update colors
r0hit-gupta Jul 25, 2019
02145ce
Merge pull request #19 from r0hit-gupta/color-palette-fix
sushilshinde Jul 25, 2019
035ad4d
Merge pull request #9 from r0hit-gupta/msft85
sushilshinde Jul 25, 2019
8df7ee5
Update package.json
sushilshinde Jul 25, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .circleci/config.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ jobs:
- attach_workspace:
at: .
- run: echo "//registry.npmjs.org/:_authToken=$NPM_TOKEN" >> ~/.npmrc
- run: npm publish
- run: npm publish --tag=qa-accessibility

workflows:
version: 2
Expand Down
2 changes: 1 addition & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@
"lint:scss": "./node_modules/.bin/stylelint **/*.scss --syntax scss",
"test": "npm run lint && npm run jest"
},
"version": "0.5.10",
"version": "1.0.3",
"dependencies": {
"prop-types": "^15.6.2",
"react": "^16.4.1",
Expand Down
2 changes: 1 addition & 1 deletion src/shared/components/buttons/themes/primary.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
@import "default";

@mixin button {
background: $tc-dark-blue;
background: $tc-dark-blue-110;
border-color: transparent;
color: $tc-white;
}
Expand Down
58 changes: 31 additions & 27 deletions src/styles/_mixins/variables.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,7 @@ $tc-black: #151516;
$tc-gray-90: #2a2a2b;
$tc-gray-80: #404041;
$tc-gray-70: #555;
$tc-gray-75: #006dea;
$tc-gray-60: #6b6b6b;
$tc-gray-50: #808080;
$tc-gray-40: #959596;
Expand All @@ -36,31 +37,33 @@ $tc-gray-neutral-light: #fafafb;
$tc-white: #fff;

/* Accents & Shades. */
$tc-dark-blue-110: #006dea;
$tc-dark-blue-120: #006ad7;
$tc-dark-blue-110: #006ad7;
$tc-dark-blue-105: #006feb;
$tc-dark-blue-100: #0681ff;
$tc-dark-blue-70: #55a5ff;
$tc-dark-blue-30: #cee6ff;
$tc-dark-blue-10: #f4f9ff;

/* Light Blue - design color code. */
$tc-light-blue-110: #169ed9;
$tc-light-blue-100: #26ade9;
$tc-light-blue-70: #67c5ef;
$tc-light-blue-30: #bde6f8;
$tc-light-blue-110: #009ddc;
$tc-light-blue-100: #15acec;
$tc-light-blue-70: #63c4f1;
$tc-light-blue-30: #bce6f9;
$tc-light-blue-10: #e9f6fc;

/* Warm Orange - data science color code. */
$tc-orange-110: #f26500;
$tc-orange-100: #fb7d22;
$tc-orange-70: #fda464;
$tc-orange-30: #fee3d0;
$tc-orange-110: #ba4c00;
$tc-orange-100: #fd7d00;
$tc-orange-70: #ffa45d;
$tc-orange-30: #ffe3cf;
$tc-orange-10: #fff0eb;

/* Red - used for warnings/ */
$tc-red-110: #ea1900;
$tc-red-100: #f22f24;
$tc-red-70: #ff5b52;
$tc-red-30: #ffd4d1;
$tc-red-100: #f52c14;
$tc-red-70: #ff5a4c;
$tc-red-30: #ffd4d0;
$tc-red-10: #fff4f4;

/* Yellow. */
Expand All @@ -71,25 +74,26 @@ $tc-yellow-30: #fff8ca;
$tc-yellow-10: #fffde5;

/* Greens - development color code. */
$tc-green-110: #55b000;
$tc-green-100: #60c700;
$tc-green-70: #96d957;
$tc-green-30: #cfefb2;
$tc-green-10: #effae5;
$tc-green-120: #328732;
$tc-green-110: #258025;
$tc-green-100: #5cc900;
$tc-green-70: #94db4e;
$tc-green-30: #cef0af;
$tc-green-10: #effae4;

/* Purples. */
$tc-purple-110: #9050a3;
$tc-purple-100: #9050a3;
$tc-purple-70: #b47dd6;
$tc-purple-30: #e2c7f2;
$tc-purple-110: #753488;
$tc-purple-100: #914da5;
$tc-purple-70: #b57ad8;
$tc-purple-30: #e2c6f3;
$tc-purple-10: #f8f2fb;

/* TC Metal colors - Badges.
*
* For metals the level 100 is the base metal color; 110 is for text inside
* the metal-colored areas; and 130 is for small text inside metal-colored
* areas, for better visibility. */
$tc-gold-130: #865e07;
$tc-gold-130: #9a6d00;
$tc-gold-110: #c99014;
$tc-gold-100: #ffd84d;

Expand All @@ -99,13 +103,13 @@ $tc-silver-100: #d1d0cf;

$tc-bronze-130: #733d17;
$tc-bronze-110: #854e29;
$tc-bronze-100: #d98d64;
$tc-bronze-100: #d98f64;

/* Pastel colors, used for levels. */
$tc-pastel-green: #25c089;
$tc-pastel-blue: #666eff;
$tc-pastel-yellow: #fcb816;
$tc-pastel-crimson: #e6175c;
$tc-pastel-green: #12c188;
$tc-pastel-blue: #5656f4;
$tc-pastel-yellow: #feb900;
$tc-pastel-crimson: #e90c5a;

/* Color aliases. */

Expand Down