From d57630d034543e94e3ffd68ac6d2ccabae71e28a Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Wed, 15 Mar 2023 09:58:51 +0000 Subject: [PATCH 001/158] build(deps-dev): bump webpack from 5.75.0 to 5.76.0 Bumps [webpack](https://github.com/webpack/webpack) from 5.75.0 to 5.76.0. - [Release notes](https://github.com/webpack/webpack/releases) - [Commits](https://github.com/webpack/webpack/compare/v5.75.0...v5.76.0) --- updated-dependencies: - dependency-name: webpack dependency-type: direct:development ... Signed-off-by: dependabot[bot] --- package-lock.json | 14 +++++++------- package.json | 2 +- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/package-lock.json b/package-lock.json index 7cad09d0..dbd70471 100644 --- a/package-lock.json +++ b/package-lock.json @@ -88,7 +88,7 @@ "tailwindcss": "^3.0.23", "typescript": "^4.8.4", "web-vitals": "^1.1.2", - "webpack": "^5.75.0" + "webpack": "^5.76.0" } }, "node_modules/@adobe/css-tools": { @@ -37664,9 +37664,9 @@ } }, "node_modules/webpack": { - "version": "5.75.0", - "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.75.0.tgz", - "integrity": "sha512-piaIaoVJlqMsPtX/+3KTTO6jfvrSYgauFVdt8cr9LTHKmcq/AMd4mhzsiP7ZF/PGRNPGA8336jldh9l2Kt2ogQ==", + "version": "5.76.0", + "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.76.0.tgz", + "integrity": "sha512-l5sOdYBDunyf72HW8dF23rFtWq/7Zgvt/9ftMof71E/yUb1YLOBmTgA2K4vQthB3kotMrSj609txVE0dnr2fjA==", "dev": true, "dependencies": { "@types/eslint-scope": "^3.7.3", @@ -63327,9 +63327,9 @@ "dev": true }, "webpack": { - "version": "5.75.0", - "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.75.0.tgz", - "integrity": "sha512-piaIaoVJlqMsPtX/+3KTTO6jfvrSYgauFVdt8cr9LTHKmcq/AMd4mhzsiP7ZF/PGRNPGA8336jldh9l2Kt2ogQ==", + "version": "5.76.0", + "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.76.0.tgz", + "integrity": "sha512-l5sOdYBDunyf72HW8dF23rFtWq/7Zgvt/9ftMof71E/yUb1YLOBmTgA2K4vQthB3kotMrSj609txVE0dnr2fjA==", "dev": true, "requires": { "@types/eslint-scope": "^3.7.3", diff --git a/package.json b/package.json index 256ee18d..14257fe0 100644 --- a/package.json +++ b/package.json @@ -136,6 +136,6 @@ "tailwindcss": "^3.0.23", "typescript": "^4.8.4", "web-vitals": "^1.1.2", - "webpack": "^5.75.0" + "webpack": "^5.76.0" } } From 38bfb732d1d98c3d23de95040e89ccc5b52a7bbe Mon Sep 17 00:00:00 2001 From: snyk-bot Date: Wed, 26 Apr 2023 19:03:31 +0000 Subject: [PATCH 002/158] fix: upgrade ts-jest from 29.0.5 to 29.1.0 Snyk has created this PR to upgrade ts-jest from 29.0.5 to 29.1.0. See this package in npm: https://www.npmjs.com/package/ts-jest See this project in Snyk: https://app.snyk.io/org/p0nder0sa/project/47ef21bf-d923-41f2-85ea-4bb316aaa08d?utm_source=github&utm_medium=referral&page=upgrade-pr --- package-lock.json | 16 ++++++++-------- package.json | 2 +- 2 files changed, 9 insertions(+), 9 deletions(-) diff --git a/package-lock.json b/package-lock.json index 316fdd7d..27c4dc37 100644 --- a/package-lock.json +++ b/package-lock.json @@ -23,7 +23,7 @@ "sass": "^1.60.0", "sass-loader": "^10.4.1", "shelljs": "^0.8.5", - "ts-jest": "^29.0.5", + "ts-jest": "^29.1.0", "user": "^0.0.0" }, "devDependencies": { @@ -36458,9 +36458,9 @@ } }, "node_modules/ts-jest": { - "version": "29.0.5", - "resolved": "https://registry.npmjs.org/ts-jest/-/ts-jest-29.0.5.tgz", - "integrity": "sha512-PL3UciSgIpQ7f6XjVOmbi96vmDHUqAyqDr8YxzopDqX3kfgYtX1cuNeBjP+L9sFXi6nzsGGA6R3fP3DDDJyrxA==", + "version": "29.1.0", + "resolved": "https://registry.npmjs.org/ts-jest/-/ts-jest-29.1.0.tgz", + "integrity": "sha512-ZhNr7Z4PcYa+JjMl62ir+zPiNJfXJN6E8hSLnaUKhOgqcn8vb3e537cpkd0FuAfRK3sR1LSqM1MOhliXNgOFPA==", "dependencies": { "bs-logger": "0.x", "fast-json-stable-stringify": "2.x", @@ -36482,7 +36482,7 @@ "@jest/types": "^29.0.0", "babel-jest": "^29.0.0", "jest": "^29.0.0", - "typescript": ">=4.3" + "typescript": ">=4.3 <6" }, "peerDependenciesMeta": { "@babel/core": { @@ -62533,9 +62533,9 @@ "dev": true }, "ts-jest": { - "version": "29.0.5", - "resolved": "https://registry.npmjs.org/ts-jest/-/ts-jest-29.0.5.tgz", - "integrity": "sha512-PL3UciSgIpQ7f6XjVOmbi96vmDHUqAyqDr8YxzopDqX3kfgYtX1cuNeBjP+L9sFXi6nzsGGA6R3fP3DDDJyrxA==", + "version": "29.1.0", + "resolved": "https://registry.npmjs.org/ts-jest/-/ts-jest-29.1.0.tgz", + "integrity": "sha512-ZhNr7Z4PcYa+JjMl62ir+zPiNJfXJN6E8hSLnaUKhOgqcn8vb3e537cpkd0FuAfRK3sR1LSqM1MOhliXNgOFPA==", "requires": { "bs-logger": "0.x", "fast-json-stable-stringify": "2.x", diff --git a/package.json b/package.json index 480ea531..c93f530b 100644 --- a/package.json +++ b/package.json @@ -30,7 +30,7 @@ "sass": "^1.60.0", "sass-loader": "^10.4.1", "shelljs": "^0.8.5", - "ts-jest": "^29.0.5", + "ts-jest": "^29.1.0", "user": "^0.0.0" }, "scripts": { From 5d0a1fd556df451fd576044f165de6129d46d3f1 Mon Sep 17 00:00:00 2001 From: Shawn Date: Tue, 2 May 2023 12:37:42 -0400 Subject: [PATCH 003/158] feat: Added MoreInfo component for updated help icon and modal --- package-lock.json | 435 ++++++++++++++++++- package.json | 4 +- src/assets/close.svg | 3 + src/assets/info.svg | 3 + src/components/MoreInfo/MoreInfo.css | 129 ++++++ src/components/MoreInfo/MoreInfo.stories.tsx | 16 + src/components/MoreInfo/MoreInfo.test.tsx | 16 + src/components/MoreInfo/MoreInfo.tsx | 57 +++ 8 files changed, 654 insertions(+), 9 deletions(-) create mode 100644 src/assets/close.svg create mode 100644 src/assets/info.svg create mode 100644 src/components/MoreInfo/MoreInfo.css create mode 100644 src/components/MoreInfo/MoreInfo.stories.tsx create mode 100644 src/components/MoreInfo/MoreInfo.test.tsx create mode 100644 src/components/MoreInfo/MoreInfo.tsx diff --git a/package-lock.json b/package-lock.json index bbd9f588..f1e05b47 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,11 +9,13 @@ "version": "1.59.0", "dependencies": { "classnames": "^2.3.2", + "focus-trap-react": "^10.1.1", "git-conventional-commits": "^2.6.3", "identity-obj-proxy": "^3.0.0", "prop-types": "^15.7.2", "react": "^17.0.2", "react-app-polyfill": "^3.0.0", + "react-bootstrap": "^2.7.4", "react-dom": "^17.0.2", "react-full-screen": "^1.1.1", "react-player": "^2.12.0", @@ -1974,8 +1976,9 @@ } }, "node_modules/@babel/runtime": { - "version": "7.20.7", - "license": "MIT", + "version": "7.21.5", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.21.5.tgz", + "integrity": "sha512-8jI69toZqqcsnqGGqwGS4Qb1VwLOEp4hz+CXPywcvjs60u3B4Pom/U/7rm4W8tMOYEB+E9wgD0mW1l3r8qlI9Q==", "dependencies": { "regenerator-runtime": "^0.13.11" }, @@ -4671,6 +4674,26 @@ "node": ">= 8" } }, + "node_modules/@popperjs/core": { + "version": "2.11.7", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.7.tgz", + "integrity": "sha512-Cr4OjIkipTtcXKjAsm8agyleBuDHvxzeBoa1v543lbv1YaIwQjESsVcmjiWiPEbC1FIeHOG/Op9kdCmAmiS3Kw==", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } + }, + "node_modules/@react-aria/ssr": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.6.0.tgz", + "integrity": "sha512-OFiYQdv+Yk7AO7IsQu/fAEPijbeTwrrEYvdNoJ3sblBBedD5j5fBTNWrUPNVlwC4XWWnWTCMaRIVsJujsFiWXg==", + "dependencies": { + "@swc/helpers": "^0.4.14" + }, + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0" + } + }, "node_modules/@remix-run/router": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.4.0.tgz", @@ -4679,6 +4702,37 @@ "node": ">=14" } }, + "node_modules/@restart/hooks": { + "version": "0.4.9", + "resolved": "https://registry.npmjs.org/@restart/hooks/-/hooks-0.4.9.tgz", + "integrity": "sha512-3BekqcwB6Umeya+16XPooARn4qEPW6vNvwYnlofIYe6h9qG1/VeD7UvShCWx11eFz5ELYmwIEshz+MkPX3wjcQ==", + "dependencies": { + "dequal": "^2.0.2" + }, + "peerDependencies": { + "react": ">=16.8.0" + } + }, + "node_modules/@restart/ui": { + "version": "1.6.3", + "resolved": "https://registry.npmjs.org/@restart/ui/-/ui-1.6.3.tgz", + "integrity": "sha512-7HM5aiSWvJBWr+FghZj/n3PSuH2kUrOPiu/D92aIv1zTL8IBwFoQ3oz/f76svoN5v2PKaP6pQbg6vTcIiSffzg==", + "dependencies": { + "@babel/runtime": "^7.21.0", + "@popperjs/core": "^2.11.6", + "@react-aria/ssr": "^3.5.0", + "@restart/hooks": "^0.4.9", + "@types/warning": "^3.0.0", + "dequal": "^2.0.3", + "dom-helpers": "^5.2.0", + "uncontrollable": "^7.2.1", + "warning": "^4.0.3" + }, + "peerDependencies": { + "react": ">=16.14.0", + "react-dom": ">=16.14.0" + } + }, "node_modules/@rollup/plugin-babel": { "version": "6.0.3", "dev": true, @@ -10990,6 +11044,14 @@ "url": "https://github.com/sponsors/gregberge" } }, + "node_modules/@swc/helpers": { + "version": "0.4.14", + "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.14.tgz", + "integrity": "sha512-4C7nX/dvpzB7za4Ql9K81xK3HPxCpHMgwTZVyf+9JQ6VUbn9jjZVN7/Nkdz/Ugzs2CSjqnL/UPXroiVBVHUWUw==", + "dependencies": { + "tslib": "^2.4.0" + } + }, "node_modules/@tailwindcss/forms": { "version": "0.5.3", "dev": true, @@ -11897,6 +11959,11 @@ "dev": true, "license": "MIT" }, + "node_modules/@types/prop-types": { + "version": "15.7.5", + "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz", + "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==" + }, "node_modules/@types/q": { "version": "1.5.5", "dev": true, @@ -11912,6 +11979,24 @@ "dev": true, "license": "MIT" }, + "node_modules/@types/react": { + "version": "18.2.0", + "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.0.tgz", + "integrity": "sha512-0FLj93y5USLHdnhIhABk83rm8XEGA7kH3cr+YUlvxoUGp1xNt/DINUMvqPxLyOQMzLmZe8i4RTHbvb8MC7NmrA==", + "dependencies": { + "@types/prop-types": "*", + "@types/scheduler": "*", + "csstype": "^3.0.2" + } + }, + "node_modules/@types/react-transition-group": { + "version": "4.4.5", + "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.5.tgz", + "integrity": "sha512-juKD/eiSM3/xZYzjuzH6ZwpP+/lejltmiS3QEzV/vmb/Q8+HfDmxu+Baga8UEMGBqV88Nbg4l2hY/K2DkyaLLA==", + "dependencies": { + "@types/react": "*" + } + }, "node_modules/@types/resolve": { "version": "1.17.1", "dev": true, @@ -11925,6 +12010,11 @@ "dev": true, "license": "MIT" }, + "node_modules/@types/scheduler": { + "version": "0.16.3", + "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz", + "integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==" + }, "node_modules/@types/semver": { "version": "7.3.13", "dev": true, @@ -11999,6 +12089,11 @@ "version": "2.0.6", "license": "MIT" }, + "node_modules/@types/warning": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@types/warning/-/warning-3.0.0.tgz", + "integrity": "sha512-t/Tvs5qR47OLOr+4E9ckN8AmP2Tf16gWq+/qA4iUGS/OOyHVO8wv2vjJuX8SNOUTJyWb+2t7wJm6cXILFnOROA==" + }, "node_modules/@types/webpack": { "version": "4.41.33", "dev": true, @@ -16618,6 +16713,11 @@ "dev": true, "license": "MIT" }, + "node_modules/csstype": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", + "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" + }, "node_modules/cuint": { "version": "0.2.2", "dev": true, @@ -17156,6 +17256,14 @@ "version": "2.3.1", "license": "ISC" }, + "node_modules/dequal": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz", + "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==", + "engines": { + "node": ">=6" + } + }, "node_modules/des.js": { "version": "1.0.1", "dev": true, @@ -17364,6 +17472,15 @@ "utila": "~0.4" } }, + "node_modules/dom-helpers": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz", + "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==", + "dependencies": { + "@babel/runtime": "^7.8.7", + "csstype": "^3.0.2" + } + }, "node_modules/dom-serializer": { "version": "2.0.0", "license": "MIT", @@ -19435,6 +19552,28 @@ "safe-buffer": "~5.1.0" } }, + "node_modules/focus-trap": { + "version": "7.4.0", + "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.4.0.tgz", + "integrity": "sha512-yI7FwUqU4TVb+7t6PaQ3spT/42r/KLEi8mtdGoQo2li/kFzmu9URmalTvw7xCCJtSOyhBxscvEAmvjeN9iHARg==", + "dependencies": { + "tabbable": "^6.1.1" + } + }, + "node_modules/focus-trap-react": { + "version": "10.1.1", + "resolved": "https://registry.npmjs.org/focus-trap-react/-/focus-trap-react-10.1.1.tgz", + "integrity": "sha512-OtLeSIQPKFzMzbLHkGtfZYwGLMhTRHd3CDhfyd0DDx8tvXzlgpseClDiuiKoiIHZtdjsbXTfTmUuuLKaxrwSyQ==", + "dependencies": { + "focus-trap": "^7.4.0", + "tabbable": "^6.1.1" + }, + "peerDependencies": { + "prop-types": "^15.8.1", + "react": ">=16.3.0", + "react-dom": ">=16.3.0" + } + }, "node_modules/follow-redirects": { "version": "1.15.2", "dev": true, @@ -21323,7 +21462,6 @@ }, "node_modules/invariant": { "version": "2.2.4", - "dev": true, "license": "MIT", "dependencies": { "loose-envify": "^1.0.0" @@ -29930,6 +30068,23 @@ "react-is": "^16.13.1" } }, + "node_modules/prop-types-extra": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/prop-types-extra/-/prop-types-extra-1.1.1.tgz", + "integrity": "sha512-59+AHNnHYCdiC+vMwY52WmvP5dM3QLeoumYuEyceQDi9aEhtwN9zIQ2ZNo25sMyXnbh32h+P1ezDsUpUH3JAew==", + "dependencies": { + "react-is": "^16.3.2", + "warning": "^4.0.0" + }, + "peerDependencies": { + "react": ">=0.14.0" + } + }, + "node_modules/prop-types-extra/node_modules/react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" + }, "node_modules/prop-types/node_modules/react-is": { "version": "16.13.1", "license": "MIT" @@ -30213,6 +30368,35 @@ "node": ">=14" } }, + "node_modules/react-bootstrap": { + "version": "2.7.4", + "resolved": "https://registry.npmjs.org/react-bootstrap/-/react-bootstrap-2.7.4.tgz", + "integrity": "sha512-EPKPwhfbxsKsNBhJBitJwqul9fvmlYWSft6jWE2EpqhEyjhqIqNihvQo2onE5XtS+QHOavUSNmA+8Lnv5YeAyg==", + "dependencies": { + "@babel/runtime": "^7.21.0", + "@restart/hooks": "^0.4.9", + "@restart/ui": "^1.6.3", + "@types/react-transition-group": "^4.4.5", + "classnames": "^2.3.2", + "dom-helpers": "^5.2.1", + "invariant": "^2.2.4", + "prop-types": "^15.8.1", + "prop-types-extra": "^1.1.0", + "react-transition-group": "^4.4.5", + "uncontrollable": "^7.2.1", + "warning": "^4.0.3" + }, + "peerDependencies": { + "@types/react": ">=16.14.8", + "react": ">=16.14.0", + "react-dom": ">=16.14.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, "node_modules/react-dev-utils": { "version": "12.0.1", "dev": true, @@ -30440,6 +30624,11 @@ "dev": true, "license": "MIT" }, + "node_modules/react-lifecycles-compat": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz", + "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==" + }, "node_modules/react-player": { "version": "2.12.0", "resolved": "https://registry.npmjs.org/react-player/-/react-player-2.12.0.tgz", @@ -32560,6 +32749,21 @@ "react": ">= 0.14.0" } }, + "node_modules/react-transition-group": { + "version": "4.4.5", + "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz", + "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==", + "dependencies": { + "@babel/runtime": "^7.5.5", + "dom-helpers": "^5.0.1", + "loose-envify": "^1.4.0", + "prop-types": "^15.6.2" + }, + "peerDependencies": { + "react": ">=16.6.0", + "react-dom": ">=16.6.0" + } + }, "node_modules/read-cache": { "version": "1.0.0", "dev": true, @@ -35845,6 +36049,11 @@ "dev": true, "license": "BSD-3-Clause" }, + "node_modules/tabbable": { + "version": "6.1.1", + "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.1.1.tgz", + "integrity": "sha512-4kl5w+nCB44EVRdO0g/UGoOp3vlwgycUVtkk/7DPyeLZUCuNFFKCFG6/t/DgHLrUPHjrZg6s5tNm+56Q2B0xyg==" + }, "node_modules/table": { "version": "6.8.1", "dev": true, @@ -36651,7 +36860,6 @@ }, "node_modules/tslib": { "version": "2.4.1", - "dev": true, "license": "0BSD" }, "node_modules/tsutils": { @@ -36768,6 +36976,20 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/uncontrollable": { + "version": "7.2.1", + "resolved": "https://registry.npmjs.org/uncontrollable/-/uncontrollable-7.2.1.tgz", + "integrity": "sha512-svtcfoTADIB0nT9nltgjujTi7BzVmwjZClOmskKu/E8FW9BXzg9os8OLr4f8Dlnk0rYWJIWr4wv9eKUXiQvQwQ==", + "dependencies": { + "@babel/runtime": "^7.6.3", + "@types/react": ">=16.9.11", + "invariant": "^2.2.4", + "react-lifecycles-compat": "^3.0.4" + }, + "peerDependencies": { + "react": ">=15.0.0" + } + }, "node_modules/underscore": { "version": "1.12.1", "license": "MIT" @@ -37360,6 +37582,14 @@ "makeerror": "1.0.12" } }, + "node_modules/warning": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz", + "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==", + "dependencies": { + "loose-envify": "^1.0.0" + } + }, "node_modules/watchpack": { "version": "2.4.0", "license": "MIT", @@ -39861,7 +40091,9 @@ } }, "@babel/runtime": { - "version": "7.20.7", + "version": "7.21.5", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.21.5.tgz", + "integrity": "sha512-8jI69toZqqcsnqGGqwGS4Qb1VwLOEp4hz+CXPywcvjs60u3B4Pom/U/7rm4W8tMOYEB+E9wgD0mW1l3r8qlI9Q==", "requires": { "regenerator-runtime": "^0.13.11" } @@ -41591,11 +41823,48 @@ } } }, + "@popperjs/core": { + "version": "2.11.7", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.7.tgz", + "integrity": "sha512-Cr4OjIkipTtcXKjAsm8agyleBuDHvxzeBoa1v543lbv1YaIwQjESsVcmjiWiPEbC1FIeHOG/Op9kdCmAmiS3Kw==" + }, + "@react-aria/ssr": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.6.0.tgz", + "integrity": "sha512-OFiYQdv+Yk7AO7IsQu/fAEPijbeTwrrEYvdNoJ3sblBBedD5j5fBTNWrUPNVlwC4XWWnWTCMaRIVsJujsFiWXg==", + "requires": { + "@swc/helpers": "^0.4.14" + } + }, "@remix-run/router": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.4.0.tgz", "integrity": "sha512-BJ9SxXux8zAg991UmT8slpwpsd31K1dHHbD3Ba4VzD+liLQ4WAMSxQp2d2ZPRPfN0jN2NPRowcSSoM7lCaF08Q==" }, + "@restart/hooks": { + "version": "0.4.9", + "resolved": "https://registry.npmjs.org/@restart/hooks/-/hooks-0.4.9.tgz", + "integrity": "sha512-3BekqcwB6Umeya+16XPooARn4qEPW6vNvwYnlofIYe6h9qG1/VeD7UvShCWx11eFz5ELYmwIEshz+MkPX3wjcQ==", + "requires": { + "dequal": "^2.0.2" + } + }, + "@restart/ui": { + "version": "1.6.3", + "resolved": "https://registry.npmjs.org/@restart/ui/-/ui-1.6.3.tgz", + "integrity": "sha512-7HM5aiSWvJBWr+FghZj/n3PSuH2kUrOPiu/D92aIv1zTL8IBwFoQ3oz/f76svoN5v2PKaP6pQbg6vTcIiSffzg==", + "requires": { + "@babel/runtime": "^7.21.0", + "@popperjs/core": "^2.11.6", + "@react-aria/ssr": "^3.5.0", + "@restart/hooks": "^0.4.9", + "@types/warning": "^3.0.0", + "dequal": "^2.0.3", + "dom-helpers": "^5.2.0", + "uncontrollable": "^7.2.1", + "warning": "^4.0.3" + } + }, "@rollup/plugin-babel": { "version": "6.0.3", "dev": true, @@ -45860,6 +46129,14 @@ "loader-utils": "^2.0.0" } }, + "@swc/helpers": { + "version": "0.4.14", + "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.14.tgz", + "integrity": "sha512-4C7nX/dvpzB7za4Ql9K81xK3HPxCpHMgwTZVyf+9JQ6VUbn9jjZVN7/Nkdz/Ugzs2CSjqnL/UPXroiVBVHUWUw==", + "requires": { + "tslib": "^2.4.0" + } + }, "@tailwindcss/forms": { "version": "0.5.3", "dev": true, @@ -46524,6 +46801,11 @@ "version": "1.0.1", "dev": true }, + "@types/prop-types": { + "version": "15.7.5", + "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz", + "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==" + }, "@types/q": { "version": "1.5.5", "dev": true @@ -46536,6 +46818,24 @@ "version": "1.2.4", "dev": true }, + "@types/react": { + "version": "18.2.0", + "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.0.tgz", + "integrity": "sha512-0FLj93y5USLHdnhIhABk83rm8XEGA7kH3cr+YUlvxoUGp1xNt/DINUMvqPxLyOQMzLmZe8i4RTHbvb8MC7NmrA==", + "requires": { + "@types/prop-types": "*", + "@types/scheduler": "*", + "csstype": "^3.0.2" + } + }, + "@types/react-transition-group": { + "version": "4.4.5", + "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.5.tgz", + "integrity": "sha512-juKD/eiSM3/xZYzjuzH6ZwpP+/lejltmiS3QEzV/vmb/Q8+HfDmxu+Baga8UEMGBqV88Nbg4l2hY/K2DkyaLLA==", + "requires": { + "@types/react": "*" + } + }, "@types/resolve": { "version": "1.17.1", "dev": true, @@ -46547,6 +46847,11 @@ "version": "0.12.0", "dev": true }, + "@types/scheduler": { + "version": "0.16.3", + "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz", + "integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==" + }, "@types/semver": { "version": "7.3.13", "dev": true @@ -46609,6 +46914,11 @@ "@types/unist": { "version": "2.0.6" }, + "@types/warning": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@types/warning/-/warning-3.0.0.tgz", + "integrity": "sha512-t/Tvs5qR47OLOr+4E9ckN8AmP2Tf16gWq+/qA4iUGS/OOyHVO8wv2vjJuX8SNOUTJyWb+2t7wJm6cXILFnOROA==" + }, "@types/webpack": { "version": "4.41.33", "dev": true, @@ -49668,6 +49978,11 @@ } } }, + "csstype": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", + "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" + }, "cuint": { "version": "0.2.2", "dev": true @@ -50024,6 +50339,11 @@ "deprecation": { "version": "2.3.1" }, + "dequal": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz", + "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==" + }, "des.js": { "version": "1.0.1", "dev": true, @@ -50163,6 +50483,15 @@ "utila": "~0.4" } }, + "dom-helpers": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz", + "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==", + "requires": { + "@babel/runtime": "^7.8.7", + "csstype": "^3.0.2" + } + }, "dom-serializer": { "version": "2.0.0", "requires": { @@ -51561,6 +51890,23 @@ } } }, + "focus-trap": { + "version": "7.4.0", + "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.4.0.tgz", + "integrity": "sha512-yI7FwUqU4TVb+7t6PaQ3spT/42r/KLEi8mtdGoQo2li/kFzmu9URmalTvw7xCCJtSOyhBxscvEAmvjeN9iHARg==", + "requires": { + "tabbable": "^6.1.1" + } + }, + "focus-trap-react": { + "version": "10.1.1", + "resolved": "https://registry.npmjs.org/focus-trap-react/-/focus-trap-react-10.1.1.tgz", + "integrity": "sha512-OtLeSIQPKFzMzbLHkGtfZYwGLMhTRHd3CDhfyd0DDx8tvXzlgpseClDiuiKoiIHZtdjsbXTfTmUuuLKaxrwSyQ==", + "requires": { + "focus-trap": "^7.4.0", + "tabbable": "^6.1.1" + } + }, "follow-redirects": { "version": "1.15.2", "dev": true @@ -52777,7 +53123,6 @@ }, "invariant": { "version": "2.2.4", - "dev": true, "requires": { "loose-envify": "^1.0.0" } @@ -58164,6 +58509,22 @@ } } }, + "prop-types-extra": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/prop-types-extra/-/prop-types-extra-1.1.1.tgz", + "integrity": "sha512-59+AHNnHYCdiC+vMwY52WmvP5dM3QLeoumYuEyceQDi9aEhtwN9zIQ2ZNo25sMyXnbh32h+P1ezDsUpUH3JAew==", + "requires": { + "react-is": "^16.3.2", + "warning": "^4.0.0" + }, + "dependencies": { + "react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" + } + } + }, "property-information": { "version": "5.6.0", "requires": { @@ -58344,6 +58705,25 @@ "whatwg-fetch": "^3.6.2" } }, + "react-bootstrap": { + "version": "2.7.4", + "resolved": "https://registry.npmjs.org/react-bootstrap/-/react-bootstrap-2.7.4.tgz", + "integrity": "sha512-EPKPwhfbxsKsNBhJBitJwqul9fvmlYWSft6jWE2EpqhEyjhqIqNihvQo2onE5XtS+QHOavUSNmA+8Lnv5YeAyg==", + "requires": { + "@babel/runtime": "^7.21.0", + "@restart/hooks": "^0.4.9", + "@restart/ui": "^1.6.3", + "@types/react-transition-group": "^4.4.5", + "classnames": "^2.3.2", + "dom-helpers": "^5.2.1", + "invariant": "^2.2.4", + "prop-types": "^15.8.1", + "prop-types-extra": "^1.1.0", + "react-transition-group": "^4.4.5", + "uncontrollable": "^7.2.1", + "warning": "^4.0.3" + } + }, "react-dev-utils": { "version": "12.0.1", "dev": true, @@ -58497,6 +58877,11 @@ "version": "17.0.2", "dev": true }, + "react-lifecycles-compat": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz", + "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==" + }, "react-player": { "version": "2.12.0", "resolved": "https://registry.npmjs.org/react-player/-/react-player-2.12.0.tgz", @@ -59914,6 +60299,17 @@ "refractor": "^3.6.0" } }, + "react-transition-group": { + "version": "4.4.5", + "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz", + "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==", + "requires": { + "@babel/runtime": "^7.5.5", + "dom-helpers": "^5.0.1", + "loose-envify": "^1.4.0", + "prop-types": "^15.6.2" + } + }, "read-cache": { "version": "1.0.0", "dev": true, @@ -62151,6 +62547,11 @@ "version": "2.0.16", "dev": true }, + "tabbable": { + "version": "6.1.1", + "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.1.1.tgz", + "integrity": "sha512-4kl5w+nCB44EVRdO0g/UGoOp3vlwgycUVtkk/7DPyeLZUCuNFFKCFG6/t/DgHLrUPHjrZg6s5tNm+56Q2B0xyg==" + }, "table": { "version": "6.8.1", "dev": true, @@ -62637,8 +63038,7 @@ } }, "tslib": { - "version": "2.4.1", - "dev": true + "version": "2.4.1" }, "tsutils": { "version": "3.21.0", @@ -62707,6 +63107,17 @@ "which-boxed-primitive": "^1.0.2" } }, + "uncontrollable": { + "version": "7.2.1", + "resolved": "https://registry.npmjs.org/uncontrollable/-/uncontrollable-7.2.1.tgz", + "integrity": "sha512-svtcfoTADIB0nT9nltgjujTi7BzVmwjZClOmskKu/E8FW9BXzg9os8OLr4f8Dlnk0rYWJIWr4wv9eKUXiQvQwQ==", + "requires": { + "@babel/runtime": "^7.6.3", + "@types/react": ">=16.9.11", + "invariant": "^2.2.4", + "react-lifecycles-compat": "^3.0.4" + } + }, "underscore": { "version": "1.12.1" }, @@ -63087,6 +63498,14 @@ "makeerror": "1.0.12" } }, + "warning": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz", + "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==", + "requires": { + "loose-envify": "^1.0.0" + } + }, "watchpack": { "version": "2.4.0", "requires": { diff --git a/package.json b/package.json index 8d9925cb..7b7cb60c 100644 --- a/package.json +++ b/package.json @@ -15,12 +15,14 @@ "dist/**/*" ], "dependencies": { - "git-conventional-commits": "^2.6.3", "classnames": "^2.3.2", + "focus-trap-react": "^10.1.1", + "git-conventional-commits": "^2.6.3", "identity-obj-proxy": "^3.0.0", "prop-types": "^15.7.2", "react": "^17.0.2", "react-app-polyfill": "^3.0.0", + "react-bootstrap": "^2.7.4", "react-dom": "^17.0.2", "react-full-screen": "^1.1.1", "react-player": "^2.12.0", diff --git a/src/assets/close.svg b/src/assets/close.svg new file mode 100644 index 00000000..9d3e6a82 --- /dev/null +++ b/src/assets/close.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/info.svg b/src/assets/info.svg new file mode 100644 index 00000000..4d267645 --- /dev/null +++ b/src/assets/info.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/MoreInfo/MoreInfo.css b/src/components/MoreInfo/MoreInfo.css new file mode 100644 index 00000000..0ec89654 --- /dev/null +++ b/src/components/MoreInfo/MoreInfo.css @@ -0,0 +1,129 @@ +svg { + fill: #2b4380; +} + +.info { + width: 44px; + height: 44px; + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; +} + +svg:hover { + fill: #31708f; +} + +.info:hover { + width: 44px; + height: 44px; + background-color: #e5e5e5; + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; +} + +.info:focus { + border: 3px; + border-style: solid; + border-color: #0e62c9; + background: white; + outline: none; +} + +.info:focus svg { + fill: #31708f; +} + +.info:active { + border: 1px; + border-style: solid; + border-color: #6f6f6f; + background: white; + outline: none; +} + +.info:active svg { + fill: #31708f; +} + +.modal { + display: flex; + width: auto; + max-width: 1136px; + min-width: 290px; + max-height: 337px; + padding: 40px; + border: 1px solid #dddddd; + box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.1); + border-radius: 6px; + background: #ffffff; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} + +.modal-bg { + position: fixed; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + background: rgba(71, 71, 71, 0.8); +} + +.modal-header { + display: flex; + justify-content: space-between; +} + +.modal-close { + width: 77px; + height: 45px; + background: #26374a; + border-radius: 4px; + color: #ffffff; + text-align: center; +} + +.modal-title { + font-weight: 700; + font-size: 36px; + line-height: 40px; +} + +.modal-body { + display: flex; + max-width: 947px; + margin-top: 1rem; +} + +.modal-footer { + margin-top: 2rem; +} + +/* @media (max-width: 768px) { + .modal { + max-width: 90%; + max-height: 90%; + padding: 20px; + } +} */ + +@media (max-width: 480px) { + .modal { + padding: 20px; + } + .modal-close { + width: 100%; + } + .modal-footer { + margin-top: 1rem; + } +} diff --git a/src/components/MoreInfo/MoreInfo.stories.tsx b/src/components/MoreInfo/MoreInfo.stories.tsx new file mode 100644 index 00000000..e7830c38 --- /dev/null +++ b/src/components/MoreInfo/MoreInfo.stories.tsx @@ -0,0 +1,16 @@ +import * as React from "react"; +import { MoreInfo, MoreInfoProps } from "./MoreInfo"; +import { Meta, Story } from "@storybook/react"; +export default { + title: "Components/MoreInfo", + component: MoreInfo, +} as Meta; + +const Template: Story = (args) => ; + +export const Default = Template.bind({}); + +Default.args = { + title: "Alpha", + body: "Alpha means building a proof of concept tool or service to meet user needs and testing it with users.", +}; diff --git a/src/components/MoreInfo/MoreInfo.test.tsx b/src/components/MoreInfo/MoreInfo.test.tsx new file mode 100644 index 00000000..c2f2fe6c --- /dev/null +++ b/src/components/MoreInfo/MoreInfo.test.tsx @@ -0,0 +1,16 @@ +import React from "react"; +import { render } from "@testing-library/react"; +import "@testing-library/jest-dom/extend-expect"; +import { axe, toHaveNoViolations } from "jest-axe"; +import { Default } from "./MoreInfo.stories"; +import { MoreInfo } from "./MoreInfo"; + +expect.extend(toHaveNoViolations); + +describe("MoreInfo", () => { + it("renders MoreInfo without accessibility violations", async () => { + const { container } = render(); + const results = await axe(container); + expect(results).toHaveNoViolations(); + }); +}); diff --git a/src/components/MoreInfo/MoreInfo.tsx b/src/components/MoreInfo/MoreInfo.tsx new file mode 100644 index 00000000..0ca7e03a --- /dev/null +++ b/src/components/MoreInfo/MoreInfo.tsx @@ -0,0 +1,57 @@ +import React, { useState } from "react"; +import { Modal } from "react-bootstrap"; +import "./MoreInfo.css"; +import Close from "../../assets/close.svg"; + +export interface MoreInfoProps { + title: string; + body: string; +} + +export const MoreInfo: React.FC = ({ title, body }) => { + const [showModal, setShowModal] = useState(false); + const handleClose = () => setShowModal(false); + const handleShow = () => setShowModal(true); + + return ( + <> + + + {showModal && ( +
+ + + {title} + + + +

{body}

+
+ + + +
+
+ )} + + ); +}; From 01716d42cdc0f68a3c4ca9b9d530ebe95a1671f4 Mon Sep 17 00:00:00 2001 From: Shawn Date: Tue, 2 May 2023 12:56:59 -0400 Subject: [PATCH 004/158] fix: Call to Action component broken test --- src/components/CTA/CTA.test.tsx | 39 --------------------------------- src/components/CTA/CTA.tsx | 1 - 2 files changed, 40 deletions(-) delete mode 100644 src/components/CTA/CTA.test.tsx diff --git a/src/components/CTA/CTA.test.tsx b/src/components/CTA/CTA.test.tsx deleted file mode 100644 index f8d5e3c1..00000000 --- a/src/components/CTA/CTA.test.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from "react"; -import { render, screen } from "@testing-library/react"; -import "@testing-library/jest-dom/extend-expect"; -import { axe, toHaveNoViolations } from "jest-axe"; -import { Default, WithoutLink } from "./CTA.stories"; -import { CTA } from "./CTA"; - -expect.extend(toHaveNoViolations); - -describe("CTA", () => { - it("renders default CTA look (with a link)", async () => { - render(); - expect( - screen.getByText( - "This sentence explains the action we want the users to take." - ) - ).toHaveTextContent(Default.args.body); - expect(screen.getByRole("link")).toBeInTheDocument(); - }); - it("renders CTA look without a link", async () => { - const { container } = render(); - const results = await axe(container); - expect(results).toHaveNoViolations(); - }); - it("renders CTA look without a link", async () => { - render(); - expect( - screen.getByText( - "This sentence explains the action we want the users to take." - ) - ).toHaveTextContent(WithoutLink.args.body); - expect(screen.queryByRole("link")).toBeNull(); - }); - it("renders CTA look without a link", async () => { - const { container } = render(); - const results = await axe(container); - expect(results).toHaveNoViolations(); - }); -}); diff --git a/src/components/CTA/CTA.tsx b/src/components/CTA/CTA.tsx index 7bc05b95..1037c8ef 100644 --- a/src/components/CTA/CTA.tsx +++ b/src/components/CTA/CTA.tsx @@ -1,4 +1,3 @@ -import PropTypes from "prop-types"; import React from "react"; import { Image } from "../Image/Image"; import commentBubble from "../../assets/comment_bubble.svg"; From 44abe004511b4b0f38cdc4ca253cf63e0a098e3f Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Tue, 2 May 2023 17:16:54 +0000 Subject: [PATCH 005/158] chore(release): release 1.53.7 --- CHANGELOG.md | 269 ++++++++++++++++++++++++++++++++++++++++++++++ package-lock.json | 4 +- package.json | 2 +- 3 files changed, 272 insertions(+), 3 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 37d825af..cd1bf8df 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,274 @@ # Changelog +## [1.53.7](https://github.com/DTS-STN/Service-Canada-Design-System/compare/v1.59.4...v1.53.7) (2023-05-02) + + +### Features + +* `ErrorPage` is no longer a component and instead is a layout ([a631641](https://github.com/DTS-STN/Service-Canada-Design-System/commit/a6316418f96302e8eb5f56891c0fbe88b4b593e3)) +* aa tracking for menu, language, link, header ([9f897fc](https://github.com/DTS-STN/Service-Canada-Design-System/commit/9f897fcba1bad693e1f07fffd54397f505a48259)) +* Add children prop to Menu to allow user to pass in child component for menu links ([58c6a87](https://github.com/DTS-STN/Service-Canada-Design-System/commit/58c6a878c12838fa92a7d7732462df718496eb00)) +* add custom attribute to support next/link ([1e4db8b](https://github.com/DTS-STN/Service-Canada-Design-System/commit/1e4db8b82096de5885cbc58dba3ba6724903cf5c)) +* add custom link support for language toggle link ([723b536](https://github.com/DTS-STN/Service-Canada-Design-System/commit/723b5366eede47e1f4e75ccd811b503324c17794)) +* add lang prop to searchBar to enable content change when switch language ([970324e](https://github.com/DTS-STN/Service-Canada-Design-System/commit/970324e3764ffa6d830f9adc530a2c0944489c48)) +* add monthId, dayId, yearId props for datePicker component ([46eb147](https://github.com/DTS-STN/Service-Canada-Design-System/commit/46eb1477114a05a078dec59cf139f282f7021dab)) +* add tartget prop to allow user to specify where to open links ([8738273](https://github.com/DTS-STN/Service-Canada-Design-System/commit/87382733069d1639a19f13927f2f5d3307addead)) +* added `LoadingSpinner` component ([62a2fb4](https://github.com/DTS-STN/Service-Canada-Design-System/commit/62a2fb4c2b413963c313935eba648c9a139ff878)) +* added `onClick` support for `Link` as well as the instances within `Footer` ([9cf118f](https://github.com/DTS-STN/Service-Canada-Design-System/commit/9cf118fc23e7a2536589c38e38891ea2ee2fd235)) +* added ability to trigger custom method on "next" click for cards that are not last ([8ef6d5a](https://github.com/DTS-STN/Service-Canada-Design-System/commit/8ef6d5a98a805556dccf401a0ac27f73dac34664)) +* added custom `component` support for menu item ([51dc3f0](https://github.com/DTS-STN/Service-Canada-Design-System/commit/51dc3f05d331f38174dfd21b852804e772e49338)) +* added first iteration of feedback tool - wip - might be renamed ([69bac8b](https://github.com/DTS-STN/Service-Canada-Design-System/commit/69bac8b37c3a7047de4d874d04c9d489c444c14a)) +* Added MoreInfo component for updated help icon and modal ([5d0a1fd](https://github.com/DTS-STN/Service-Canada-Design-System/commit/5d0a1fd556df451fd576044f165de6129d46d3f1)) +* added new CTA component with stories and tests; included in TypeScript ([788640a](https://github.com/DTS-STN/Service-Canada-Design-System/commit/788640ad3295c99dcc339b470c24545b09267bb8)) +* added typescript compatibility ([0f2952e](https://github.com/DTS-STN/Service-Canada-Design-System/commit/0f2952ed5a0e32b2a88f9314cee50c6d5761f38c)) +* enable accordion from to get button attribute ([d7e702c](https://github.com/DTS-STN/Service-Canada-Design-System/commit/d7e702cce2228177c4b8f5392088833a93f520a3)) +* enhanced Label in typescript with type definitions! ([be6f46b](https://github.com/DTS-STN/Service-Canada-Design-System/commit/be6f46b451436c45ee77df41b78f9c7e0cb9be00)) +* New props for footer links ([5695097](https://github.com/DTS-STN/Service-Canada-Design-System/commit/5695097881b7547ae4e88fb613597f4f8f10cbed)) +* next link support for contact link ([f59a4f0](https://github.com/DTS-STN/Service-Canada-Design-System/commit/f59a4f07ccd13c1c0336b0077ca961baf781a410)) +* removed Contributors component ([70e2ece](https://github.com/DTS-STN/Service-Canada-Design-System/commit/70e2ecebb1c5f43dedd3eb7cd7de7db5f870b44a)) +* removed MoreInfo component ([06c0a4c](https://github.com/DTS-STN/Service-Canada-Design-System/commit/06c0a4c52c88470c245cc5d5fef30450af4dcf9c)) +* renamed DatePicker and CheckBoxForm components to FormDatePicker and FormCheckBox ([5208bea](https://github.com/DTS-STN/Service-Canada-Design-System/commit/5208bea080547031a42e3697d8d8500e5751bbd0)) +* typescript integration and Button as a test; next commit will remove Button for now ([14d2aa4](https://github.com/DTS-STN/Service-Canada-Design-System/commit/14d2aa49f6da2d97b1ba116d36e4944ce9c32217)) +* update global header ([a3bbdfa](https://github.com/DTS-STN/Service-Canada-Design-System/commit/a3bbdfa672a00ff8993ab38975e248212d86cf54)) +* update header dropdown menu ([e3211b5](https://github.com/DTS-STN/Service-Canada-Design-System/commit/e3211b53665f5d0a3305d4ac9228eb21d6f328bc)) +* update header mobile ([595c93b](https://github.com/DTS-STN/Service-Canada-Design-System/commit/595c93bca9cba8b77f71d7eec1b5406bd3584b5e)) +* updated `Message` to `ContextualAlert` to match GCWeb ([5d4f35d](https://github.com/DTS-STN/Service-Canada-Design-System/commit/5d4f35d856d2057ce3f088f4710e50b69c7005b2)) + + +### Bug Fixes + +* add children props for header ([57f5a3d](https://github.com/DTS-STN/Service-Canada-Design-System/commit/57f5a3d504bde5fe6bda6c6131917642799a8adf)) +* add datePicker class for select style ([ac721ad](https://github.com/DTS-STN/Service-Canada-Design-System/commit/ac721ad8c7b7c6fe7c85ef848775cc278f9fc8cc)) +* add onclick for component ([886d6f4](https://github.com/DTS-STN/Service-Canada-Design-System/commit/886d6f4bb38514329b12ef004706db0bea20af39)) +* add onSignOut prop on Menu ([8e60f53](https://github.com/DTS-STN/Service-Canada-Design-System/commit/8e60f530e597194b14df4be987b159013b3dd2d9)) +* added `containerClass` functionality to `CTA` ([c940513](https://github.com/DTS-STN/Service-Canada-Design-System/commit/c940513fa8d5b95491b16bfcd6822d55bdd192a6)) +* added error classes for `FormDatePicker` ([94ac9de](https://github.com/DTS-STN/Service-Canada-Design-System/commit/94ac9def80537de0e4ca7703836d6d3a6d3fd2a5)) +* added ErrorPage layout back as an export ([02c82f6](https://github.com/DTS-STN/Service-Canada-Design-System/commit/02c82f6dd432955030af46e2d7922008443a11ed)) +* added id to the button ([340d55d](https://github.com/DTS-STN/Service-Canada-Design-System/commit/340d55dfc8a3002e1cc265d2eeb9dbef31a39de0)) +* added lang support in `TableContent` ([ad4ecc1](https://github.com/DTS-STN/Service-Canada-Design-System/commit/ad4ecc115b201e5e8805cb9a1af6b775fd4d3815)) +* added mundane comment to test out the pr stuff ([ee46bdf](https://github.com/DTS-STN/Service-Canada-Design-System/commit/ee46bdf8549d0df0455ea332365712720a03152c)) +* added styling for the Heading links ([90f73f8](https://github.com/DTS-STN/Service-Canada-Design-System/commit/90f73f89d7eb69431ec69ffc5ca0ccf1b3cc19f7)) +* added trivial change for changelog test ([2f2eb62](https://github.com/DTS-STN/Service-Canada-Design-System/commit/2f2eb62d9013864a46d1bd1fe0a0d72884b7ab9c)) +* adding locale prop to the link ([7f19632](https://github.com/DTS-STN/Service-Canada-Design-System/commit/7f19632236b5e281822705c455b2f3681c46d284)) +* align alert text with icon ([ad438e6](https://github.com/DTS-STN/Service-Canada-Design-System/commit/ad438e69d987df92d838e237085350b3c5ed100a)) +* align text center in mobile view ([f673915](https://github.com/DTS-STN/Service-Canada-Design-System/commit/f673915e8cea9e3f23a6dc90760229c070cae740)) +* auth footer now spans the width of the page in wider viewports ([6ace64f](https://github.com/DTS-STN/Service-Canada-Design-System/commit/6ace64f33efd8c678a81cc3f0a03bf8e6b9aa980)) +* blur the input element on scroll instead of changing value ([0db5d6a](https://github.com/DTS-STN/Service-Canada-Design-System/commit/0db5d6ac710903d3e2fae376a98599ebc7c06b7d)) +* breadcrumb key ([327bb6f](https://github.com/DTS-STN/Service-Canada-Design-System/commit/327bb6f7a577b53948349a15b1c22645af9ccc90)) +* bumping version for workflow ([2963283](https://github.com/DTS-STN/Service-Canada-Design-System/commit/29632832003796dbbbd05d3321c6188ed35629ec)) +* bumping version manually back down ([06d1908](https://github.com/DTS-STN/Service-Canada-Design-System/commit/06d1908007fa60ce257a6065317aebb0a5f0519d)) +* Call to Action component broken test ([01716d4](https://github.com/DTS-STN/Service-Canada-Design-System/commit/01716d42cdc0f68a3c4ca9b9d530ebe95a1671f4)) +* change "Contact Information" in footer to "Contact Us" in en+fr ([e15b44e](https://github.com/DTS-STN/Service-Canada-Design-System/commit/e15b44e17d678337675796da51b877881d2c6c5a)) +* change div to span for header links ([753c6f8](https://github.com/DTS-STN/Service-Canada-Design-System/commit/753c6f82109153b65cb740477ac3965cf452d083)) +* change harded coded target value ([b945907](https://github.com/DTS-STN/Service-Canada-Design-System/commit/b945907464ad084126fa2b27cdcc648bdefe8ab1)) +* change to plural ([d6b6afa](https://github.com/DTS-STN/Service-Canada-Design-System/commit/d6b6afa811172e34a500096e4162f6f394e3d04c)) +* changed alt text on warning icon ([95131ee](https://github.com/DTS-STN/Service-Canada-Design-System/commit/95131eea2eed9c21739ba27e67d67b9f27809d54)) +* changed divs to spans ([551e8f0](https://github.com/DTS-STN/Service-Canada-Design-System/commit/551e8f0a5fee38f3c29bcbeafc7ad8fadea359a3)) +* changed h3 to h2 for `TableContent` heading ([f4b1618](https://github.com/DTS-STN/Service-Canada-Design-System/commit/f4b16184300af5e523bd920f9da5892783e59f1d)) +* changing workflow ([3142e7a](https://github.com/DTS-STN/Service-Canada-Design-System/commit/3142e7ac87394024cbea9164dc7fe1c5819d75a2)) +* cleaned up Button ([7ee4779](https://github.com/DTS-STN/Service-Canada-Design-System/commit/7ee477932e2f9cb8f3e4fa2363e846639a27a2e6)) +* cleaned up the docs and pipeline ([6ca98b0](https://github.com/DTS-STN/Service-Canada-Design-System/commit/6ca98b0aa423c229de1298234de833619904ca06)) +* close dropdown on click link ([467e7e9](https://github.com/DTS-STN/Service-Canada-Design-System/commit/467e7e92d192336f6107c2db0389a59acc654b33)) +* corrected broken html from nesting div within button ([84b84c3](https://github.com/DTS-STN/Service-Canada-Design-System/commit/84b84c31e043468b8bce4579b928c7a91441d97b)) +* dropdown menu not open when using Link ([6e532a5](https://github.com/DTS-STN/Service-Canada-Design-System/commit/6e532a52185f7ae0fdc3ee8c06fac9e535b53121)) +* fixes `Link` focus colour ([ca5ed09](https://github.com/DTS-STN/Service-Canada-Design-System/commit/ca5ed097cbf7056dbdd17d133ef6396378e851ce)) +* footer unit test ([77991c5](https://github.com/DTS-STN/Service-Canada-Design-System/commit/77991c5aae4fe3b06e119d435e42b221a790b13e)) +* forcing workflow to publish ([32928de](https://github.com/DTS-STN/Service-Canada-Design-System/commit/32928deae26048a103c49ae13abc0188b69c6bd6)) +* give href a default value for links ([4afbd23](https://github.com/DTS-STN/Service-Canada-Design-System/commit/4afbd235e3b012d8e5ac7d4d143b81fb51edc676)) +* header bugs ([439d3fb](https://github.com/DTS-STN/Service-Canada-Design-System/commit/439d3fb2ac9a2622186607dc66f585211178fbaf)) +* inverted language tag for language link ([9079cc0](https://github.com/DTS-STN/Service-Canada-Design-System/commit/9079cc0716b2e28978c69a7b25ff89464163e9d8)) +* key ([909c62d](https://github.com/DTS-STN/Service-Canada-Design-System/commit/909c62d6c87f048729dc56232322627b76d5430c)) +* Link.test.js style check modified to check for new style ([4f00949](https://github.com/DTS-STN/Service-Canada-Design-System/commit/4f009499e93d118fc4b37550e03eb7df1d6d5173)) +* loading spinner test ([913ca28](https://github.com/DTS-STN/Service-Canada-Design-System/commit/913ca28f93c23b56e1bc4174b38c08ef7411973f)) +* made top-level compoinent into button ([60d66cd](https://github.com/DTS-STN/Service-Canada-Design-System/commit/60d66cd99c0325664718948d2883a9dc6d90519e)) +* media links stays in English when switch to French content ([4ae7005](https://github.com/DTS-STN/Service-Canada-Design-System/commit/4ae7005ea8fb7a52fe4ba60a03be4284f2b0c04a)) +* menu bugs ([dddd6b5](https://github.com/DTS-STN/Service-Canada-Design-System/commit/dddd6b55dae069b2e6bb530a75382587ecce3fc0)) +* menu dropdown shadow ([49eac51](https://github.com/DTS-STN/Service-Canada-Design-System/commit/49eac51049986c1be7a508b6eb072d9b4d19b2f5)) +* missing key ([9551c49](https://github.com/DTS-STN/Service-Canada-Design-System/commit/9551c49ee1ce1cc932e2fb75feb87105671f70cd)) +* modified button to support passing classNames when style is "none" ([62270f3](https://github.com/DTS-STN/Service-Canada-Design-System/commit/62270f3ee4bf2eaf06a10b0f72f04e23d8ef826f)) +* modified footer.js auth state to match new design and added translation strings ([6b90c39](https://github.com/DTS-STN/Service-Canada-Design-System/commit/6b90c39c95fe0098c60259ad96543c2ccb2d7cd5)) +* modified lock version ([4b28ff8](https://github.com/DTS-STN/Service-Canada-Design-System/commit/4b28ff82334825877a1799ca066c3094555e96c9)) +* move link props back to parent component ([c7a5acc](https://github.com/DTS-STN/Service-Canada-Design-System/commit/c7a5acc5e5bab0867dbf8ec8e06ad931bd55b828)) +* no need for checking out the repo ([ef6d242](https://github.com/DTS-STN/Service-Canada-Design-System/commit/ef6d242fc67cf423fd4d3e5f863ad515540fea4e)) +* passing in ID and test IDs to nested <A/> for `Link` ([bbab503](https://github.com/DTS-STN/Service-Canada-Design-System/commit/bbab5037f823b10e6674755d1a90417f39d994b2)) +* passing props down ([ebbf365](https://github.com/DTS-STN/Service-Canada-Design-System/commit/ebbf365242b1a4d537a33eaed6fc1fbdd2a987cc)) +* passing props down ([b54d781](https://github.com/DTS-STN/Service-Canada-Design-System/commit/b54d781f825072799b4e786368f6de776900e1a2)) +* propagating `customClass` into `Link` for `Language` ([ae6a9d1](https://github.com/DTS-STN/Service-Canada-Design-System/commit/ae6a9d171da717f9f10c10fb77859c0b27b091ea)) +* reduce x-axis padding of footer content ([5ce76c2](https://github.com/DTS-STN/Service-Canada-Design-System/commit/5ce76c2d6d4feb0cce0aa4d9f21faaa2c2fbe58d)) +* remove border and related padding from Message.js ([8c7a421](https://github.com/DTS-STN/Service-Canada-Design-System/commit/8c7a421c6b86bbe8b42fe083b8b81124cf5a08ab)) +* remove console.log in menu ([1cf700c](https://github.com/DTS-STN/Service-Canada-Design-System/commit/1cf700cf978763512efd2146a071d9a36afbeaa2)) +* remove event listener when the component unmounts ([2744aad](https://github.com/DTS-STN/Service-Canada-Design-System/commit/2744aad156032ee7c39bef90ff9370d47cd6da8b)) +* remove git filter repo file ([0cf462c](https://github.com/DTS-STN/Service-Canada-Design-System/commit/0cf462cc66c287b231151d69801b26ce86ff25aa)) +* remove grey background from auth state header ([5be80b9](https://github.com/DTS-STN/Service-Canada-Design-System/commit/5be80b9ac86ca0fe04333358947e67aaf7546e16)) +* remove passHref from Link ([0a3c3aa](https://github.com/DTS-STN/Service-Canada-Design-System/commit/0a3c3aa8256aec4cd22eb75f059ccf1a4da236a2)) +* remove personal info files ([1fb4e7f](https://github.com/DTS-STN/Service-Canada-Design-System/commit/1fb4e7f6051375f664bf830580a00eb473f2fa06)) +* remove sample data folder ([610d8eb](https://github.com/DTS-STN/Service-Canada-Design-System/commit/610d8eb926655faa71ac00721d1ce63c9e44b8f9)) +* remove square bracket for table content ([490fd7f](https://github.com/DTS-STN/Service-Canada-Design-System/commit/490fd7f2bb75ea68c70612456683a646dedbb62b)) +* remove underline from footer links ([15e5fbb](https://github.com/DTS-STN/Service-Canada-Design-System/commit/15e5fbb2352a9fa25d04162962a942ae5bb30208)) +* remove unnecessary x-axis padding from footer, only use ds-container ([cf6487e](https://github.com/DTS-STN/Service-Canada-Design-System/commit/cf6487efbd8bdaf818e2703aed51b505b2f65708)) +* remove unused code ([b0f8483](https://github.com/DTS-STN/Service-Canada-Design-System/commit/b0f8483b0dc6f1cb5096c66bb8e79034c3b6cbaf)) +* removed `tabIndex` from `AccordionForm` for accessibility ([cfa4a9f](https://github.com/DTS-STN/Service-Canada-Design-System/commit/cfa4a9f5ba06b88fc01b3a979174abf9febe9eb1)) +* removed CheckBoxes component from storybook; serving as a lower-level component now; renamed to CheckBox ([5208bea](https://github.com/DTS-STN/Service-Canada-Design-System/commit/5208bea080547031a42e3697d8d8500e5751bbd0)) +* removed console logs ([82cbc9c](https://github.com/DTS-STN/Service-Canada-Design-System/commit/82cbc9c18a9556298fd6b18de6e6a99acae72b17)) +* removed log ([7532e6a](https://github.com/DTS-STN/Service-Canada-Design-System/commit/7532e6af27fa2ce3e0078899cdd5f4154a86ca72)) +* removed space ([80272f7](https://github.com/DTS-STN/Service-Canada-Design-System/commit/80272f7f8f9767488f9eb72f08ef2b5833c7ce7c)) +* removed the branches thing ([8e43ca4](https://github.com/DTS-STN/Service-Canada-Design-System/commit/8e43ca4c910c847a367bc9372dbd1b0f0d9fb8d3)) +* removed unused `onSignOut` attribute from `menuList` ([51dc3f0](https://github.com/DTS-STN/Service-Canada-Design-System/commit/51dc3f05d331f38174dfd21b852804e772e49338)) +* restricting `FormDatePicker` input to numbers only, using js ([94ac9de](https://github.com/DTS-STN/Service-Canada-Design-System/commit/94ac9def80537de0e4ca7703836d6d3a6d3fd2a5)) +* restricting `FormDatePicker` to only numbers ([dab9734](https://github.com/DTS-STN/Service-Canada-Design-System/commit/dab9734c47ff84eacd81e81db4c6a2985e77c28e)) +* restricting workflow ([3c9f7ff](https://github.com/DTS-STN/Service-Canada-Design-System/commit/3c9f7ff0d0d84944aa7778084ad6f259f0116fa2)) +* restricting workflow ([1b0daf8](https://github.com/DTS-STN/Service-Canada-Design-System/commit/1b0daf848b26aa70476777330145982dc0ffa324)) +* revert change to use configurable component ([df032f4](https://github.com/DTS-STN/Service-Canada-Design-System/commit/df032f49a00d687470a6e1fba00974326a4aab9a)) +* revert custom component change ([895a648](https://github.com/DTS-STN/Service-Canada-Design-System/commit/895a648878a563ea168657391f4e483a1383df2f)) +* style, breadcrumb link component ([53700eb](https://github.com/DTS-STN/Service-Canada-Design-System/commit/53700eb3cf99812d17dde0dbae15cfb133539c1c)) +* trying space ([f635c93](https://github.com/DTS-STN/Service-Canada-Design-System/commit/f635c9387de1a769adb8e7342edde671a389c043)) +* trying to fix release workflow ([883a6b1](https://github.com/DTS-STN/Service-Canada-Design-System/commit/883a6b1b5973207860e1f91678cd82c8365b66df)) +* typo in prop name ([54ce9cc](https://github.com/DTS-STN/Service-Canada-Design-System/commit/54ce9cc8df2cc82ca6678baa2a38431ab741c8d1)) +* unit test and update Link to add configurable component option ([799ff8c](https://github.com/DTS-STN/Service-Canada-Design-System/commit/799ff8ce78eca90438078353959e79d8343dca62)) +* update Alert styling ([3a149a4](https://github.com/DTS-STN/Service-Canada-Design-System/commit/3a149a47a32858240b0bb94ecf406af66e6188af)) +* update date picker ([08808c5](https://github.com/DTS-STN/Service-Canada-Design-System/commit/08808c52a902e1b3c37f140d4507bdc317e78805)) +* update default href for link ([2a142b9](https://github.com/DTS-STN/Service-Canada-Design-System/commit/2a142b93fe05c94ce80c7661c34ce3817d21f7a8)) +* update dependencies ([2443a35](https://github.com/DTS-STN/Service-Canada-Design-System/commit/2443a3526fb21d6cf4cc75aafabed4e0217851a5)) +* update dependencies ([40f9b32](https://github.com/DTS-STN/Service-Canada-Design-System/commit/40f9b326ff0d5a8e9eb9c694d7dfb824f1892036)) +* update dependencies ([1b894f2](https://github.com/DTS-STN/Service-Canada-Design-System/commit/1b894f22bce428d4da10b50dc868c29861030efc)) +* Update French links, change hard-coded heading ([0706820](https://github.com/DTS-STN/Service-Canada-Design-System/commit/0706820c9c0c135cfc6f6f427ba553042ca5e8e6)) +* update loading spinner color ([f05210f](https://github.com/DTS-STN/Service-Canada-Design-System/commit/f05210f62589e0c37a65e70a64be4baff1e3e39c)) +* update proptype for lang ([605a799](https://github.com/DTS-STN/Service-Canada-Design-System/commit/605a799503c58c68559e6ed95682ec9a75e5f8fd)) +* updated .gitignore to include /storybook-static ([ffee0ef](https://github.com/DTS-STN/Service-Canada-Design-System/commit/ffee0efabc4b38bd0cc5618b72131411be253aab)) +* updated `FormDatePicker` css to make the caret clickable ([993f0d1](https://github.com/DTS-STN/Service-Canada-Design-System/commit/993f0d1050a440d94a41f36189df4a58924fd23c)) +* updated `FormDatePicker` to use `tel` instead of `number` for onChange events ([388f6aa](https://github.com/DTS-STN/Service-Canada-Design-System/commit/388f6aabde7e2e795fe3c1c96c5aac728010a3d9)) +* updated `Link` with hover for breadcrumbs ([6fa8d6a](https://github.com/DTS-STN/Service-Canada-Design-System/commit/6fa8d6a74fbd09f3dc83ea26375be5dba0198142)) +* updated alignment of links in `Footer` to not span across the component ([7b0823c](https://github.com/DTS-STN/Service-Canada-Design-System/commit/7b0823c5a9f05931018886f9afa7e95a198c1b2d)) +* updated alignment of links in `Footer` to not span across the component ([5174922](https://github.com/DTS-STN/Service-Canada-Design-System/commit/51749220f27a64b8247ef23985e660a703d15ae4)) +* updated deps ([42d58c3](https://github.com/DTS-STN/Service-Canada-Design-System/commit/42d58c3b270913d73b411615975221ec576b5ff1)) +* updated DOM element from `p` to `h3` for accessibility ([ad4ecc1](https://github.com/DTS-STN/Service-Canada-Design-System/commit/ad4ecc115b201e5e8805cb9a1af6b775fd4d3815)) +* updated lock ([8b877de](https://github.com/DTS-STN/Service-Canada-Design-System/commit/8b877de921377fb927fc9ff5c68804a25dd978b3)) +* upgrade git-conventional-commits from 2.4.0 to 2.5.0 ([24ede62](https://github.com/DTS-STN/Service-Canada-Design-System/commit/24ede62c8a28b4a7ecea14d439639ac21bbde224)) +* upgrade git-conventional-commits from 2.5.0 to 2.6.3 ([0623448](https://github.com/DTS-STN/Service-Canada-Design-System/commit/0623448d60b22cc1ecc9c652ebbe7620a2b5dd0e)) +* upgrade react-player from 2.11.0 to 2.12.0 ([fcd9d3f](https://github.com/DTS-STN/Service-Canada-Design-System/commit/fcd9d3f66e8ee2e88938d39347c68cdd1f20dff7)) +* upgrade react-router-dom from 6.4.3 to 6.4.4 ([b5eb3a6](https://github.com/DTS-STN/Service-Canada-Design-System/commit/b5eb3a6aac7896bdb75e0be322f27c9aed54672d)) +* upgrade react-router-dom from 6.6.1 to 6.6.2 ([383c86d](https://github.com/DTS-STN/Service-Canada-Design-System/commit/383c86d57e11dc6d2ee5b840580ba327f8162dde)) +* upgrade react-router-dom from 6.6.1 to 6.6.2 ([f45c593](https://github.com/DTS-STN/Service-Canada-Design-System/commit/f45c593da14d7db10ce9a034a4af3b75933649c3)) +* upgrade react-router-dom from 6.6.1 to 6.7.0 ([8cbfcfe](https://github.com/DTS-STN/Service-Canada-Design-System/commit/8cbfcfe58cecfc635b76b28cad08934d68c48b36)) +* upgrade react-router-dom from 6.7.0 to 6.9.0 ([29aaa73](https://github.com/DTS-STN/Service-Canada-Design-System/commit/29aaa736fd9494932a4c37ed44a214546295c167)) +* upgrade release-please from 14.11.2 to 14.13.2 ([aa710d6](https://github.com/DTS-STN/Service-Canada-Design-System/commit/aa710d6a8ce7320c7c7e3c1c4625201436d2c627)) +* upgrade release-please from 14.16.0 to 14.17.3 ([b06c6fb](https://github.com/DTS-STN/Service-Canada-Design-System/commit/b06c6fb66ca605074f376b35f2a6c8ce965ec851)) +* upgrade release-please from 14.16.0 to 14.17.3 ([3d8dad0](https://github.com/DTS-STN/Service-Canada-Design-System/commit/3d8dad0977b71f5dfa6d624c553cca33d87fbb05)) +* upgrade ts-jest from 29.0.3 to 29.0.4 ([f8cafc4](https://github.com/DTS-STN/Service-Canada-Design-System/commit/f8cafc474917b8d56c1d86bc0af00c7be2136703)) +* upgrade ts-jest from 29.0.3 to 29.0.5 ([373cdaa](https://github.com/DTS-STN/Service-Canada-Design-System/commit/373cdaafa15887cc29fe1faf4de0ad6dbb769885)) +* use key of menu items instead of index for key ([d0289d4](https://github.com/DTS-STN/Service-Canada-Design-System/commit/d0289d40082a098dbd536705b77b2d8c20f8eafa)) +* version number crinkle ([78935e9](https://github.com/DTS-STN/Service-Canada-Design-System/commit/78935e9b5bc8a861e74e56f72727c9e9a4b5c83d)) +* wrap text and icon in div on the link ([11f6cff](https://github.com/DTS-STN/Service-Canada-Design-System/commit/11f6cffb132ce1542fd65fafbc589c4d8f0e13be)) + + +### Performance Improvements + +* updated storybook to latest version (6.5.15) ([fef4f63](https://github.com/DTS-STN/Service-Canada-Design-System/commit/fef4f631b409944fae6ad6a2dc7a30d7eb6a98bc)) + + +### CI/CD Changes + +* added restriction by right means in `if:` of workflow ([b5759dd](https://github.com/DTS-STN/Service-Canada-Design-System/commit/b5759dddce6110ef3f071484a38ef40a7952b0dd)) + + +### Build System + +* added npm ci ([31aa289](https://github.com/DTS-STN/Service-Canada-Design-System/commit/31aa289cd3798ebf29b5271b6c62addfbb000d83)) +* added npm ci before attempting to rebuild storybook ([02d2bc1](https://github.com/DTS-STN/Service-Canada-Design-System/commit/02d2bc12b9563b71e7abad0402b3cc3e32f9f235)) +* adding proper env var name ([dd6077d](https://github.com/DTS-STN/Service-Canada-Design-System/commit/dd6077de73aabfb3d1c5cd365f418cbdd630d6bb)) +* can't fix workflow with npm release because of isolated env per job restriction ([d570518](https://github.com/DTS-STN/Service-Canada-Design-System/commit/d570518ed523303e8144ae99484a8a6b4f5b6ddb)) +* **deps:** bump decode-uri-component from 0.2.0 to 0.2.2 ([2cda6f6](https://github.com/DTS-STN/Service-Canada-Design-System/commit/2cda6f6f2d6b4232e5570c9c044506c996561b34)) +* **deps:** bump loader-utils from 1.4.0 to 1.4.1 ([dc68682](https://github.com/DTS-STN/Service-Canada-Design-System/commit/dc68682cff45cda2fdcc4760236525edb0039f93)) +* environment var not running thru in the workflow ([67b003e](https://github.com/DTS-STN/Service-Canada-Design-System/commit/67b003e181e2e8e054150b7eaa0d21e5dab68a43)) +* more workflow edits for release and main ([292613d](https://github.com/DTS-STN/Service-Canada-Design-System/commit/292613de9ca20577d813de2059f364db7f7645a8)) +* updated build steps for unit test coverage + typescript ([5b9e7d8](https://github.com/DTS-STN/Service-Canada-Design-System/commit/5b9e7d8164fdfde0ff8104fbb4f539349b577956)) +* updated eslint for window global ([51dc3f0](https://github.com/DTS-STN/Service-Canada-Design-System/commit/51dc3f05d331f38174dfd21b852804e772e49338)) +* updated test command for ts testing ([32b8fab](https://github.com/DTS-STN/Service-Canada-Design-System/commit/32b8fabf3328a22b60661c02e74b64d12af8d1cf)) +* updated the destination to hardcoded release path ([77243ab](https://github.com/DTS-STN/Service-Canada-Design-System/commit/77243ab00ffe85765229eabb982be06948b8ddf2)) +* updated the tsconfig to include declarations for *.svg ([788640a](https://github.com/DTS-STN/Service-Canada-Design-System/commit/788640ad3295c99dcc339b470c24545b09267bb8)) +* updated workflow ([df2eb3e](https://github.com/DTS-STN/Service-Canada-Design-System/commit/df2eb3e7467fbf47d85c1e4c2b196b042b1db91c)) +* updated workflow once again for the env vars ([fa1c432](https://github.com/DTS-STN/Service-Canada-Design-System/commit/fa1c432d55d25d1435b86de8c156656c553e2197)) +* updated workflow storybook build folder target and tag ([ffee0ef](https://github.com/DTS-STN/Service-Canada-Design-System/commit/ffee0efabc4b38bd0cc5618b72131411be253aab)) +* updated workflow with JamesIves/github-pages-deploy-action v4 ([232b609](https://github.com/DTS-STN/Service-Canada-Design-System/commit/232b609849e15b436d0ec5e791ccb824748c3b62)) +* using string convention for workflow tag ([9532ea3](https://github.com/DTS-STN/Service-Canada-Design-System/commit/9532ea3eabddbe9e66c8f1a8102f397c53c92234)) +* workflow changes for npm_release_tag ([f4a472b](https://github.com/DTS-STN/Service-Canada-Design-System/commit/f4a472be9434564035960cfcbf356ec363c2afbb)) +* workflow update ([8bba228](https://github.com/DTS-STN/Service-Canada-Design-System/commit/8bba22876aa2e1cc456920b8ff5c1d128f43038c)) + + +### Tests + +* updated jest configuration and added babel for transpilation ([13ffc47](https://github.com/DTS-STN/Service-Canada-Design-System/commit/13ffc47389a87f18c0e5f80251acc6ebbc8f836d)) +* updated tests for `TableContent` ([ad4ecc1](https://github.com/DTS-STN/Service-Canada-Design-System/commit/ad4ecc115b201e5e8805cb9a1af6b775fd4d3815)) + + +### Refactored + +* clean up ([a79d213](https://github.com/DTS-STN/Service-Canada-Design-System/commit/a79d213497ff99717eeb11553b2c1ec24c9b90ed)) +* cleaned up `className` usage within `LoadingSpinner` child ([2fa5cf7](https://github.com/DTS-STN/Service-Canada-Design-System/commit/2fa5cf74363acc0479b9d0784ed49274b5f5d644)) +* cleaned up the semantic html of feedbacktool ([d4dbe9a](https://github.com/DTS-STN/Service-Canada-Design-System/commit/d4dbe9a2d364f8e8d00a126c54fe719b4cb69f62)) + + +### Documentation + +* added font-family in Typography ([9ddf57d](https://github.com/DTS-STN/Service-Canada-Design-System/commit/9ddf57d0dae34f042b0c68fa655fcad0d6d522cf)) +* cleaned up ([3ae5f27](https://github.com/DTS-STN/Service-Canada-Design-System/commit/3ae5f273f171474d72de65f850c7b2f7f60c4ab6)) +* cleaned up stories for `LoadingSpinner` ([531a3aa](https://github.com/DTS-STN/Service-Canada-Design-System/commit/531a3aa247ee416097682ba22c2677c7bade2875)) +* converted error pages to Layouts instead of actual components ([a631641](https://github.com/DTS-STN/Service-Canada-Design-System/commit/a6316418f96302e8eb5f56891c0fbe88b4b593e3)) +* manually modified CHANGELOG to remove old release notes ([715d598](https://github.com/DTS-STN/Service-Canada-Design-System/commit/715d59831614ccd75451a67339da904f78f9ea07)) +* removed Footer white link story ([2a37cd4](https://github.com/DTS-STN/Service-Canada-Design-System/commit/2a37cd4b2b063280ac3c5eb9aa7cb205e930c7b4)) +* removed In Development section ([171812f](https://github.com/DTS-STN/Service-Canada-Design-System/commit/171812fe765424293bc478f0f84b7bfed8bdbaf7)) +* renamed Storybook Examples to just Examples ([fbb1405](https://github.com/DTS-STN/Service-Canada-Design-System/commit/fbb14051f8a0b12b98626d2b5554cd41339e9f2f)) +* updated Card image; added Card story for title link without image ([fdf4302](https://github.com/DTS-STN/Service-Canada-Design-System/commit/fdf4302ea42ccdcc81164c00b72a4b0a466ce9c4)) +* updated documentation for clarity ([df00a48](https://github.com/DTS-STN/Service-Canada-Design-System/commit/df00a48c729f567c7d1f39f686e6738a4f862b65)) +* updated readme ([164c194](https://github.com/DTS-STN/Service-Canada-Design-System/commit/164c1942863994755ce56e8be79b816289f48fb0)) +* updated README badge ([c8a4cae](https://github.com/DTS-STN/Service-Canada-Design-System/commit/c8a4caecb926eaec90affa94d412e294b8ed9921)) +* updated README to test workflow ([cf84033](https://github.com/DTS-STN/Service-Canada-Design-System/commit/cf840332c6c889296df33265637b00b90eeb7f24)) +* updated README.md with new branching strategy ([393dcc8](https://github.com/DTS-STN/Service-Canada-Design-System/commit/393dcc8b743eac534105b1d77ae86e348afbfa81)) +* updated storybook readme ([41e00a3](https://github.com/DTS-STN/Service-Canada-Design-System/commit/41e00a34d5bad9ee55becb15c3d788fbb3eb9854)) + + +### Miscellaneous Chores + +* added restriction ([d9e9517](https://github.com/DTS-STN/Service-Canada-Design-System/commit/d9e95179ba5303d38e740e07738031cd3fcb7acf)) +* release 1.53.7 ([5535cc5](https://github.com/DTS-STN/Service-Canada-Design-System/commit/5535cc5be1d5af17e77a49a961f5a40e37988e86)) +* **release:** release 1.0.0 ([18eb87c](https://github.com/DTS-STN/Service-Canada-Design-System/commit/18eb87c7c2f1289f4d8eb16b0cd543bfb93dfd33)) +* **release:** release 1.0.1 ([d55770a](https://github.com/DTS-STN/Service-Canada-Design-System/commit/d55770a686197ce1dd83836df8f2585c8816b8b3)) +* **release:** release 1.0.2 ([a4ea3b1](https://github.com/DTS-STN/Service-Canada-Design-System/commit/a4ea3b142f3e70d000109be82720494bc9525d61)) +* **release:** release 1.52.17 ([74cef1d](https://github.com/DTS-STN/Service-Canada-Design-System/commit/74cef1dabe2675b3294c53fb86e6a5c5f8e8ae13)) +* **release:** release 1.52.18 ([e238c8e](https://github.com/DTS-STN/Service-Canada-Design-System/commit/e238c8e0fb3eabb55dfaa195e28a0aa5634db928)) +* **release:** release 1.52.19 ([705d9eb](https://github.com/DTS-STN/Service-Canada-Design-System/commit/705d9eb6f3437b6e5dacd86edb6c1c0dc00849fc)) +* **release:** release 1.52.20 ([2b4d6b1](https://github.com/DTS-STN/Service-Canada-Design-System/commit/2b4d6b1f79f2839199e771981cef0dc0fae352d3)) +* **release:** release 1.52.21 ([02eda66](https://github.com/DTS-STN/Service-Canada-Design-System/commit/02eda662c75cda5ade1c1f8b073a7cb41caec1cc)) +* **release:** release 1.52.22 ([70b31d6](https://github.com/DTS-STN/Service-Canada-Design-System/commit/70b31d668976ec8b75cfd39f7f6a0c321000c80e)) +* **release:** release 1.52.23 ([41e8b42](https://github.com/DTS-STN/Service-Canada-Design-System/commit/41e8b425f49863da3bbae7c67434a1898097ba62)) +* **release:** release 1.52.24 ([83364f1](https://github.com/DTS-STN/Service-Canada-Design-System/commit/83364f142d12f04f59f9dd7bfadbfe274f8bdf88)) +* **release:** release 1.52.25 ([0298e53](https://github.com/DTS-STN/Service-Canada-Design-System/commit/0298e53b434639b4baead86d3c7185f154efdef6)) +* **release:** release 1.53.0 ([451e633](https://github.com/DTS-STN/Service-Canada-Design-System/commit/451e633f4dd8fe7d2e84eff5aaf9cb775176544c)) +* **release:** release 1.53.1 ([d07011c](https://github.com/DTS-STN/Service-Canada-Design-System/commit/d07011cec104b8900339c97d7f950d695bf57855)) +* **release:** release 1.53.7 ([3542d97](https://github.com/DTS-STN/Service-Canada-Design-System/commit/3542d979d3f3b148172072b4f6ad77cc252548aa)) +* **release:** release 1.53.8 ([39b19b0](https://github.com/DTS-STN/Service-Canada-Design-System/commit/39b19b011156195081a77763b7a2a2e20809f745)) +* **release:** release 1.53.9 ([23e6590](https://github.com/DTS-STN/Service-Canada-Design-System/commit/23e659069d911e3c281ff94351dd40b699625269)) +* **release:** release 1.54.0 ([2b6c80a](https://github.com/DTS-STN/Service-Canada-Design-System/commit/2b6c80aa5aafc0c261f002b5844ac285fcc50802)) +* **release:** release 1.55.0 ([a64f0a2](https://github.com/DTS-STN/Service-Canada-Design-System/commit/a64f0a21a96fa1fcfe7b5eb02eeef116200b2475)) +* **release:** release 1.55.1 ([4477009](https://github.com/DTS-STN/Service-Canada-Design-System/commit/44770096986083f5fd7fe446f3e373e447c44f16)) +* **release:** release 1.55.2 ([7edb0b2](https://github.com/DTS-STN/Service-Canada-Design-System/commit/7edb0b287feba6efba42fa8ead75496e9ee7b349)) +* **release:** release 1.55.3 ([72b03c9](https://github.com/DTS-STN/Service-Canada-Design-System/commit/72b03c9d9ba7535d1dec619e43f2c89b22393a96)) +* **release:** release 1.55.4 ([abfb2df](https://github.com/DTS-STN/Service-Canada-Design-System/commit/abfb2df93624b8d23ba33265d663785b6bc2e458)) +* **release:** release 1.56.0 ([fdfd47b](https://github.com/DTS-STN/Service-Canada-Design-System/commit/fdfd47bf2ec4985a583f3dbdb8df9b9e15e204db)) +* **release:** release 1.56.1 ([b3c4a9d](https://github.com/DTS-STN/Service-Canada-Design-System/commit/b3c4a9dee8ac3069110e38777d671b1064450524)) +* **release:** release 1.56.2 ([5180bad](https://github.com/DTS-STN/Service-Canada-Design-System/commit/5180badea5c35a5f132c33636466dd92b5f0856d)) +* **release:** release 1.56.3 ([14c530e](https://github.com/DTS-STN/Service-Canada-Design-System/commit/14c530ed77a37cb303ea7fa85ec6c4b7002f838d)) +* **release:** release 1.56.4 ([d8abe52](https://github.com/DTS-STN/Service-Canada-Design-System/commit/d8abe521b1bbe5882b8752028d29d4d555b490bc)) +* **release:** release 1.56.5 ([ecc03c5](https://github.com/DTS-STN/Service-Canada-Design-System/commit/ecc03c5a9c204bc19e58a12bdd2c84979468fbf4)) +* **release:** release 1.57.0 ([2bd66ce](https://github.com/DTS-STN/Service-Canada-Design-System/commit/2bd66ce31d26a80cb6795672958acd4f03cffcff)) +* **release:** release 1.58.0 ([e63840b](https://github.com/DTS-STN/Service-Canada-Design-System/commit/e63840b8b9c7512dd3b90906efa10a91afcf5b57)) +* **release:** release 1.59.0 ([d497261](https://github.com/DTS-STN/Service-Canada-Design-System/commit/d49726120b809ce26d5ee249da27a5e2750792b0)) +* **release:** release 1.59.1 ([6968876](https://github.com/DTS-STN/Service-Canada-Design-System/commit/6968876f09ec5deace056a56852205aac4fabf02)) +* **release:** release 1.59.2 ([910c20b](https://github.com/DTS-STN/Service-Canada-Design-System/commit/910c20b9c9293c570944fb610a2bfb91553c7f98)) +* **release:** release 1.59.3 ([da58f36](https://github.com/DTS-STN/Service-Canada-Design-System/commit/da58f3688a7666cbc654caeac30bc50538312633)) +* **release:** release 1.59.4 ([14e5165](https://github.com/DTS-STN/Service-Canada-Design-System/commit/14e5165002c89c6660f5dbfe44d29654407d1b3b)) +* updated workflow ([2928449](https://github.com/DTS-STN/Service-Canada-Design-System/commit/29284490d80d4aded7fdb91e20cc36e2de89e193)) + ## [1.59.4](https://github.com/DTS-STN/Service-Canada-Design-System/compare/v1.59.3...v1.59.4) (2023-04-24) diff --git a/package-lock.json b/package-lock.json index 8b96aeaf..3c0d96ee 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@dts-stn/service-canada-design-system", - "version": "1.59.4", + "version": "1.53.7", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@dts-stn/service-canada-design-system", - "version": "1.59.4", + "version": "1.53.7", "dependencies": { "classnames": "^2.3.2", "focus-trap-react": "^10.1.1", diff --git a/package.json b/package.json index c00f609d..d37e4c79 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@dts-stn/service-canada-design-system", - "version": "1.59.4", + "version": "1.53.7", "main": "dist/index.cjs.js", "module": "dist/index.esm.js", "types": "dist/index.d.ts", From 52d18f3daaef2e43e087a5d6848a7c7e5f74169a Mon Sep 17 00:00:00 2001 From: Shawn Date: Tue, 2 May 2023 14:53:22 -0400 Subject: [PATCH 006/158] fix: update help icon style --- src/components/MoreInfo/MoreInfo.css | 8 -------- src/components/MoreInfo/MoreInfo.tsx | 2 +- 2 files changed, 1 insertion(+), 9 deletions(-) diff --git a/src/components/MoreInfo/MoreInfo.css b/src/components/MoreInfo/MoreInfo.css index 0ec89654..52761520 100644 --- a/src/components/MoreInfo/MoreInfo.css +++ b/src/components/MoreInfo/MoreInfo.css @@ -108,14 +108,6 @@ svg:hover { margin-top: 2rem; } -/* @media (max-width: 768px) { - .modal { - max-width: 90%; - max-height: 90%; - padding: 20px; - } -} */ - @media (max-width: 480px) { .modal { padding: 20px; diff --git a/src/components/MoreInfo/MoreInfo.tsx b/src/components/MoreInfo/MoreInfo.tsx index 0ca7e03a..df96f66f 100644 --- a/src/components/MoreInfo/MoreInfo.tsx +++ b/src/components/MoreInfo/MoreInfo.tsx @@ -38,7 +38,7 @@ export const MoreInfo: React.FC = ({ title, body }) => { {title} From 514faf51d7ade0df01613a24dab8258b58c3c241 Mon Sep 17 00:00:00 2001 From: Shawn Date: Wed, 3 May 2023 09:50:46 -0400 Subject: [PATCH 007/158] fix: update screen reader text for help button --- src/components/MoreInfo/MoreInfo.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/MoreInfo/MoreInfo.tsx b/src/components/MoreInfo/MoreInfo.tsx index df96f66f..feb7796d 100644 --- a/src/components/MoreInfo/MoreInfo.tsx +++ b/src/components/MoreInfo/MoreInfo.tsx @@ -18,7 +18,7 @@ export const MoreInfo: React.FC = ({ title, body }) => {

{body}

- - + + From 90f03358b57a519c517ed1759119c3661e2b508e Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 10 May 2023 16:19:20 +0000 Subject: [PATCH 027/158] chore(release): release 1.59.0 --- CHANGELOG.md | 51 +++++++++++++++++++++++++++++++++++++++++++++++ package-lock.json | 4 ++-- package.json | 2 +- 3 files changed, 54 insertions(+), 3 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 28f70312..516874ad 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,56 @@ # Changelog +## [1.59.0](https://github.com/DTS-STN/Service-Canada-Design-System/compare/v1.58.0...v1.59.0) (2023-05-10) + + +### Features + +* Added MoreInfo component for updated help icon and modal ([5d0a1fd](https://github.com/DTS-STN/Service-Canada-Design-System/commit/5d0a1fd556df451fd576044f165de6129d46d3f1)) +* next link support for contact link ([f59a4f0](https://github.com/DTS-STN/Service-Canada-Design-System/commit/f59a4f07ccd13c1c0336b0077ca961baf781a410)) + + +### Bug Fixes + +* add onSignOut prop on Menu ([8e60f53](https://github.com/DTS-STN/Service-Canada-Design-System/commit/8e60f530e597194b14df4be987b159013b3dd2d9)) +* align alert text with icon ([ad438e6](https://github.com/DTS-STN/Service-Canada-Design-System/commit/ad438e69d987df92d838e237085350b3c5ed100a)) +* align text center in mobile view ([f673915](https://github.com/DTS-STN/Service-Canada-Design-System/commit/f673915e8cea9e3f23a6dc90760229c070cae740)) +* bump version number ([f628c83](https://github.com/DTS-STN/Service-Canada-Design-System/commit/f628c838cd2fca91c0a4717be1392547dd4d7b0f)) +* Call to Action component broken test ([01716d4](https://github.com/DTS-STN/Service-Canada-Design-System/commit/01716d42cdc0f68a3c4ca9b9d530ebe95a1671f4)) +* help icon styling update ([bdf0449](https://github.com/DTS-STN/Service-Canada-Design-System/commit/bdf04499db4a17f52bfc6ded4b74b59da1da7a43)) +* import HelpIcon for unit test ([ae9021a](https://github.com/DTS-STN/Service-Canada-Design-System/commit/ae9021a0db6f8d2fdd3b856fac16425f61b2eef9)) +* import HelpIcon stories ([6e6bf38](https://github.com/DTS-STN/Service-Canada-Design-System/commit/6e6bf381a7eb34fce88f1231aa9fd1d6857339f0)) +* merge develop from release ([cf7852d](https://github.com/DTS-STN/Service-Canada-Design-System/commit/cf7852d9161b608ac84d3e6e15e16d566df572ab)) +* modal exit button position on mobile ([f87789a](https://github.com/DTS-STN/Service-Canada-Design-System/commit/f87789ae709d70da637999367623c890cb5b3d58)) +* remove react-router-dom ([962101d](https://github.com/DTS-STN/Service-Canada-Design-System/commit/962101d744648c0c9244212c95a3597529d5a71e)) +* rename MoreInfo to HelpIcon, minor styling update on icon ([8465ec3](https://github.com/DTS-STN/Service-Canada-Design-System/commit/8465ec31b87d9edd382b44e1a78ac5c196ed66ee)) +* update Alert styling ([3a149a4](https://github.com/DTS-STN/Service-Canada-Design-System/commit/3a149a47a32858240b0bb94ecf406af66e6188af)) +* update changelog ([eff3537](https://github.com/DTS-STN/Service-Canada-Design-System/commit/eff3537fd7c45c67c1159f924111e840f63e8649)) +* update dependencies ([2443a35](https://github.com/DTS-STN/Service-Canada-Design-System/commit/2443a3526fb21d6cf4cc75aafabed4e0217851a5)) +* update dependencies ([40f9b32](https://github.com/DTS-STN/Service-Canada-Design-System/commit/40f9b326ff0d5a8e9eb9c694d7dfb824f1892036)) +* update help icon style ([52d18f3](https://github.com/DTS-STN/Service-Canada-Design-System/commit/52d18f3daaef2e43e087a5d6848a7c7e5f74169a)) +* update help modal placeholder text ([4df195f](https://github.com/DTS-STN/Service-Canada-Design-System/commit/4df195f0f53c293c5bb58a1a72cd1e247da2f764)) +* update loading spinner color ([f05210f](https://github.com/DTS-STN/Service-Canada-Design-System/commit/f05210f62589e0c37a65e70a64be4baff1e3e39c)) +* update modal exit button focus state ([5ce34cd](https://github.com/DTS-STN/Service-Canada-Design-System/commit/5ce34cd1ad3dff6293bc9baebfa7ff43b0c4d70b)) +* update screen reader text for help button ([514faf5](https://github.com/DTS-STN/Service-Canada-Design-System/commit/514faf51d7ade0df01613a24dab8258b58c3c241)) +* update version number ([13591a1](https://github.com/DTS-STN/Service-Canada-Design-System/commit/13591a13d024dfb5035d314159e40a760bd1e878)) +* updated hover and focus state of exit button on help modal, updated title and font ([707cc97](https://github.com/DTS-STN/Service-Canada-Design-System/commit/707cc97ba5063a339fba45fca03994b2efb8aec6)) +* upgrade ts-jest from 29.0.5 to 29.1.0 ([38bfb73](https://github.com/DTS-STN/Service-Canada-Design-System/commit/38bfb732d1d98c3d23de95040e89ccc5b52a7bbe)) + + +### Miscellaneous Chores + +* **release:** release 1.53.7 ([44abe00](https://github.com/DTS-STN/Service-Canada-Design-System/commit/44abe004511b4b0f38cdc4ca253cf63e0a098e3f)) +* **release:** release 1.54.0 ([f415c5c](https://github.com/DTS-STN/Service-Canada-Design-System/commit/f415c5cc941a88e70ae14dd917ff0be49f4ba1cd)) +* **release:** release 1.55.0 ([74dd2e3](https://github.com/DTS-STN/Service-Canada-Design-System/commit/74dd2e3eceb32871c3a7731a8ff1933a17dbbba6)) +* **release:** release 1.56.0 ([f938cf0](https://github.com/DTS-STN/Service-Canada-Design-System/commit/f938cf0bfa8daefdcd2b8808b14ddfcaa621e570)) +* **release:** release 1.57.0 ([f901e11](https://github.com/DTS-STN/Service-Canada-Design-System/commit/f901e110f883fa7d8f0fc32abfc80e264e317baf)) +* **release:** release 1.58.0 ([078b49f](https://github.com/DTS-STN/Service-Canada-Design-System/commit/078b49f9f594fc9674a934ce52c7b999e3dc01ec)) +* **release:** release 1.59.0 ([d497261](https://github.com/DTS-STN/Service-Canada-Design-System/commit/d49726120b809ce26d5ee249da27a5e2750792b0)) +* **release:** release 1.59.1 ([6968876](https://github.com/DTS-STN/Service-Canada-Design-System/commit/6968876f09ec5deace056a56852205aac4fabf02)) +* **release:** release 1.59.2 ([910c20b](https://github.com/DTS-STN/Service-Canada-Design-System/commit/910c20b9c9293c570944fb610a2bfb91553c7f98)) +* **release:** release 1.59.3 ([da58f36](https://github.com/DTS-STN/Service-Canada-Design-System/commit/da58f3688a7666cbc654caeac30bc50538312633)) +* **release:** release 1.59.4 ([14e5165](https://github.com/DTS-STN/Service-Canada-Design-System/commit/14e5165002c89c6660f5dbfe44d29654407d1b3b)) + ## [1.58.0](https://github.com/DTS-STN/Service-Canada-Design-System/compare/v1.57.0...v1.58.0) (2023-05-08) diff --git a/package-lock.json b/package-lock.json index aba450fe..7461a4b9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@dts-stn/service-canada-design-system", - "version": "1.58.0", + "version": "1.59.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@dts-stn/service-canada-design-system", - "version": "1.58.0", + "version": "1.59.0", "dependencies": { "classnames": "^2.3.2", "focus-trap-react": "^10.1.1", diff --git a/package.json b/package.json index ea521412..0f0b3725 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@dts-stn/service-canada-design-system", - "version": "1.58.0", + "version": "1.59.0", "main": "dist/index.cjs.js", "module": "dist/index.esm.js", "types": "dist/index.d.ts", From 6806f6fafbcf459421fb75fe0cd7c6500410c2d2 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 10 May 2023 17:24:26 +0000 Subject: [PATCH 028/158] chore(release): release 1.60.0 --- CHANGELOG.md | 49 +++++++++++++++++++++++++++++++++++++++++++++++ package-lock.json | 4 ++-- package.json | 2 +- 3 files changed, 52 insertions(+), 3 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 516874ad..d4e48941 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,54 @@ # Changelog +## [1.60.0](https://github.com/DTS-STN/Service-Canada-Design-System/compare/v1.59.0...v1.60.0) (2023-05-10) + + +### Features + +* Added MoreInfo component for updated help icon and modal ([5d0a1fd](https://github.com/DTS-STN/Service-Canada-Design-System/commit/5d0a1fd556df451fd576044f165de6129d46d3f1)) + + +### Bug Fixes + +* add onSignOut prop on Menu ([8e60f53](https://github.com/DTS-STN/Service-Canada-Design-System/commit/8e60f530e597194b14df4be987b159013b3dd2d9)) +* align alert text with icon ([ad438e6](https://github.com/DTS-STN/Service-Canada-Design-System/commit/ad438e69d987df92d838e237085350b3c5ed100a)) +* align text center in mobile view ([f673915](https://github.com/DTS-STN/Service-Canada-Design-System/commit/f673915e8cea9e3f23a6dc90760229c070cae740)) +* bump version number ([f628c83](https://github.com/DTS-STN/Service-Canada-Design-System/commit/f628c838cd2fca91c0a4717be1392547dd4d7b0f)) +* Call to Action component broken test ([01716d4](https://github.com/DTS-STN/Service-Canada-Design-System/commit/01716d42cdc0f68a3c4ca9b9d530ebe95a1671f4)) +* help icon styling update ([bdf0449](https://github.com/DTS-STN/Service-Canada-Design-System/commit/bdf04499db4a17f52bfc6ded4b74b59da1da7a43)) +* import HelpIcon for unit test ([ae9021a](https://github.com/DTS-STN/Service-Canada-Design-System/commit/ae9021a0db6f8d2fdd3b856fac16425f61b2eef9)) +* import HelpIcon stories ([6e6bf38](https://github.com/DTS-STN/Service-Canada-Design-System/commit/6e6bf381a7eb34fce88f1231aa9fd1d6857339f0)) +* merge develop from release ([cf7852d](https://github.com/DTS-STN/Service-Canada-Design-System/commit/cf7852d9161b608ac84d3e6e15e16d566df572ab)) +* modal exit button position on mobile ([f87789a](https://github.com/DTS-STN/Service-Canada-Design-System/commit/f87789ae709d70da637999367623c890cb5b3d58)) +* remove react-router-dom ([962101d](https://github.com/DTS-STN/Service-Canada-Design-System/commit/962101d744648c0c9244212c95a3597529d5a71e)) +* rename MoreInfo to HelpIcon, minor styling update on icon ([8465ec3](https://github.com/DTS-STN/Service-Canada-Design-System/commit/8465ec31b87d9edd382b44e1a78ac5c196ed66ee)) +* update Alert styling ([3a149a4](https://github.com/DTS-STN/Service-Canada-Design-System/commit/3a149a47a32858240b0bb94ecf406af66e6188af)) +* update changelog ([eff3537](https://github.com/DTS-STN/Service-Canada-Design-System/commit/eff3537fd7c45c67c1159f924111e840f63e8649)) +* update dependencies ([2443a35](https://github.com/DTS-STN/Service-Canada-Design-System/commit/2443a3526fb21d6cf4cc75aafabed4e0217851a5)) +* update dependencies ([40f9b32](https://github.com/DTS-STN/Service-Canada-Design-System/commit/40f9b326ff0d5a8e9eb9c694d7dfb824f1892036)) +* update help icon style ([52d18f3](https://github.com/DTS-STN/Service-Canada-Design-System/commit/52d18f3daaef2e43e087a5d6848a7c7e5f74169a)) +* update help modal placeholder text ([4df195f](https://github.com/DTS-STN/Service-Canada-Design-System/commit/4df195f0f53c293c5bb58a1a72cd1e247da2f764)) +* update modal exit button focus state ([5ce34cd](https://github.com/DTS-STN/Service-Canada-Design-System/commit/5ce34cd1ad3dff6293bc9baebfa7ff43b0c4d70b)) +* update screen reader text for help button ([514faf5](https://github.com/DTS-STN/Service-Canada-Design-System/commit/514faf51d7ade0df01613a24dab8258b58c3c241)) +* update version number ([13591a1](https://github.com/DTS-STN/Service-Canada-Design-System/commit/13591a13d024dfb5035d314159e40a760bd1e878)) +* updated hover and focus state of exit button on help modal, updated title and font ([707cc97](https://github.com/DTS-STN/Service-Canada-Design-System/commit/707cc97ba5063a339fba45fca03994b2efb8aec6)) +* upgrade ts-jest from 29.0.5 to 29.1.0 ([38bfb73](https://github.com/DTS-STN/Service-Canada-Design-System/commit/38bfb732d1d98c3d23de95040e89ccc5b52a7bbe)) + + +### Miscellaneous Chores + +* **release:** release 1.53.7 ([44abe00](https://github.com/DTS-STN/Service-Canada-Design-System/commit/44abe004511b4b0f38cdc4ca253cf63e0a098e3f)) +* **release:** release 1.54.0 ([f415c5c](https://github.com/DTS-STN/Service-Canada-Design-System/commit/f415c5cc941a88e70ae14dd917ff0be49f4ba1cd)) +* **release:** release 1.55.0 ([74dd2e3](https://github.com/DTS-STN/Service-Canada-Design-System/commit/74dd2e3eceb32871c3a7731a8ff1933a17dbbba6)) +* **release:** release 1.56.0 ([f938cf0](https://github.com/DTS-STN/Service-Canada-Design-System/commit/f938cf0bfa8daefdcd2b8808b14ddfcaa621e570)) +* **release:** release 1.57.0 ([f901e11](https://github.com/DTS-STN/Service-Canada-Design-System/commit/f901e110f883fa7d8f0fc32abfc80e264e317baf)) +* **release:** release 1.58.0 ([078b49f](https://github.com/DTS-STN/Service-Canada-Design-System/commit/078b49f9f594fc9674a934ce52c7b999e3dc01ec)) +* **release:** release 1.59.0 ([90f0335](https://github.com/DTS-STN/Service-Canada-Design-System/commit/90f03358b57a519c517ed1759119c3661e2b508e)) +* **release:** release 1.59.1 ([6968876](https://github.com/DTS-STN/Service-Canada-Design-System/commit/6968876f09ec5deace056a56852205aac4fabf02)) +* **release:** release 1.59.2 ([910c20b](https://github.com/DTS-STN/Service-Canada-Design-System/commit/910c20b9c9293c570944fb610a2bfb91553c7f98)) +* **release:** release 1.59.3 ([da58f36](https://github.com/DTS-STN/Service-Canada-Design-System/commit/da58f3688a7666cbc654caeac30bc50538312633)) +* **release:** release 1.59.4 ([14e5165](https://github.com/DTS-STN/Service-Canada-Design-System/commit/14e5165002c89c6660f5dbfe44d29654407d1b3b)) + ## [1.59.0](https://github.com/DTS-STN/Service-Canada-Design-System/compare/v1.58.0...v1.59.0) (2023-05-10) diff --git a/package-lock.json b/package-lock.json index 7461a4b9..3c49b354 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@dts-stn/service-canada-design-system", - "version": "1.59.0", + "version": "1.60.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@dts-stn/service-canada-design-system", - "version": "1.59.0", + "version": "1.60.0", "dependencies": { "classnames": "^2.3.2", "focus-trap-react": "^10.1.1", diff --git a/package.json b/package.json index 0f0b3725..dc5ed14e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@dts-stn/service-canada-design-system", - "version": "1.59.0", + "version": "1.60.0", "main": "dist/index.cjs.js", "module": "dist/index.esm.js", "types": "dist/index.d.ts", From 9f79dc0cc1673b7e5476e609b819a8c2065748de Mon Sep 17 00:00:00 2001 From: Shawn Date: Wed, 10 May 2023 14:45:01 -0400 Subject: [PATCH 029/158] feat: language support for help icon and modal --- src/components/HelpIcon/HelpIcon.stories.tsx | 17 +++++++++++++---- src/components/HelpIcon/HelpIcon.tsx | 10 +++++++--- 2 files changed, 20 insertions(+), 7 deletions(-) diff --git a/src/components/HelpIcon/HelpIcon.stories.tsx b/src/components/HelpIcon/HelpIcon.stories.tsx index 4fac12a5..f64ce6d5 100644 --- a/src/components/HelpIcon/HelpIcon.stories.tsx +++ b/src/components/HelpIcon/HelpIcon.stories.tsx @@ -9,14 +9,23 @@ export default { const Template: Story = (args) => ; export const Default = Template.bind({}); -export const SampleAlpha = Template.bind({}); +export const SampleEN = Template.bind({}); +export const SampleFR = Template.bind({}); Default.args = { + lang: "en", title: "Descriptive title / Term requiring explanation", body: "Description", }; -SampleAlpha.args = { - title: "Alpha", - body: `Alpha means building a "proof of concept" tool or service to meet user needs and testing it with users.`, +SampleEN.args = { + lang: "en", + title: "Separated", + body: "You are separated when you start living separate and apart from your spouse or common law partner because of a breakdown in the relationship for a period of at least 90 days.

Refer to marital status for more information", +}; + +SampleFR.args = { + lang: "fr", + title: "Séparé", + body: "Vous êtes considéré séparé lorsque vous vivez séparément de votre époux ou conjoint en raison de la rupture de votre union pour une période de 90 jours ou plus.

Voir état civil pour plus d’information", }; diff --git a/src/components/HelpIcon/HelpIcon.tsx b/src/components/HelpIcon/HelpIcon.tsx index 4b217140..c29921ff 100644 --- a/src/components/HelpIcon/HelpIcon.tsx +++ b/src/components/HelpIcon/HelpIcon.tsx @@ -6,9 +6,10 @@ import { Button } from "../Button/Button"; export interface HelpIconProps { title: string; body: string; + lang: string; } -export const HelpIcon: React.FC = ({ title, body }) => { +export const HelpIcon: React.FC = ({ title, body, lang }) => { const [showModal, setShowModal] = useState(false); const handleClose = () => setShowModal(false); const handleShow = () => setShowModal(true); @@ -52,13 +53,16 @@ export const HelpIcon: React.FC = ({ title, body }) => { -

{body}

+

+ + + {expanded && ( +

+ {children} + {withLink && ( +

+ {optionalLinkText}  + + {externalLinkText}  + + +

+ )} +
+ )} + + ); +}; From b8cee6a213af878c33fa1aa0e40b18eb47271e3a Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 15 May 2023 18:02:10 +0000 Subject: [PATCH 031/158] chore(release): release 1.61.0 --- CHANGELOG.md | 8 ++++++++ package-lock.json | 4 ++-- package.json | 2 +- 3 files changed, 11 insertions(+), 3 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index d4e48941..15af0ce4 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,13 @@ # Changelog +## [1.61.0](https://github.com/DTS-STN/Service-Canada-Design-System/compare/v1.60.0...v1.61.0) (2023-05-15) + + +### Features + +* added HintExpander component ([79defec](https://github.com/DTS-STN/Service-Canada-Design-System/commit/79defecef51441f580020449a632961583c33a24)) +* language support for help icon and modal ([9f79dc0](https://github.com/DTS-STN/Service-Canada-Design-System/commit/9f79dc0cc1673b7e5476e609b819a8c2065748de)) + ## [1.60.0](https://github.com/DTS-STN/Service-Canada-Design-System/compare/v1.59.0...v1.60.0) (2023-05-10) diff --git a/package-lock.json b/package-lock.json index 1209c78f..467bf093 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@dts-stn/service-canada-design-system", - "version": "1.60.0", + "version": "1.61.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@dts-stn/service-canada-design-system", - "version": "1.60.0", + "version": "1.61.0", "dependencies": { "@fortawesome/fontawesome-svg-core": "^6.4.0", "@fortawesome/free-regular-svg-icons": "^6.4.0", diff --git a/package.json b/package.json index b1b8a9a1..78f60faa 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@dts-stn/service-canada-design-system", - "version": "1.60.0", + "version": "1.61.0", "main": "dist/index.cjs.js", "module": "dist/index.esm.js", "types": "dist/index.d.ts", From 8190a9f6eabb1ab49d915028c1b462ed46aac00a Mon Sep 17 00:00:00 2001 From: Shawn Date: Mon, 15 May 2023 14:59:03 -0400 Subject: [PATCH 032/158] fix: added French translation for HintExpander, added href prop to the external link --- .../HintExpander/HintExpander.stories.tsx | 31 ++++++++++++++----- .../HintExpander/HintExpander.test.tsx | 4 +-- src/components/HintExpander/HintExpander.tsx | 6 ++-- 3 files changed, 30 insertions(+), 11 deletions(-) diff --git a/src/components/HintExpander/HintExpander.stories.tsx b/src/components/HintExpander/HintExpander.stories.tsx index dca6370c..a1a69988 100644 --- a/src/components/HintExpander/HintExpander.stories.tsx +++ b/src/components/HintExpander/HintExpander.stories.tsx @@ -8,18 +8,35 @@ export default { const Template: Story = (args) => ; -export const Primary = Template.bind({}); -export const WithLink = Template.bind({}); +export const EN = Template.bind({}); +export const FR = Template.bind({}); +export const WithLinkEN = Template.bind({}); +export const WithLinkFR = Template.bind({}); -Primary.args = { - linkText: "Why are we asking this question?", +EN.args = { + linkText: "Why are we asking about [topic]?", children: "We need to know this because your partner’s annual net income...", }; -WithLink.args = { - linkText: "Why are we asking this question?", +FR.args = { + linkText: "Pourquoi demandons-nous [sujet] ?", + children: + "Nous devons connaître le revenu net de votre conjoint parce que... .", +}; + +WithLinkEN.args = { + linkText: "Why are we asking about [topic]?", children: "We need to know this because your partner’s annual net income...", withLink: true, optionalLinkText: "For more information visit", - externalLinkText: "Link", + externalLinkText: "link", +}; + +WithLinkFR.args = { + linkText: "Pourquoi demandons-nous [sujet] ?", + children: + "Nous devons connaître le revenu net de votre conjoint parce que... .", + withLink: true, + optionalLinkText: "Pour plus d’information, visiter", + externalLinkText: "lien", }; diff --git a/src/components/HintExpander/HintExpander.test.tsx b/src/components/HintExpander/HintExpander.test.tsx index 361a3141..84a62354 100644 --- a/src/components/HintExpander/HintExpander.test.tsx +++ b/src/components/HintExpander/HintExpander.test.tsx @@ -2,14 +2,14 @@ import React from "react"; import { render } from "@testing-library/react"; import "@testing-library/jest-dom/extend-expect"; import { axe, toHaveNoViolations } from "jest-axe"; -import { Primary } from "./HintExpander.stories"; +import { EN } from "./HintExpander.stories"; import { HintExpander } from "./HintExpander"; expect.extend(toHaveNoViolations); describe("HintExpander", () => { it("renders HintExpander without accessibility violations", async () => { - const { container } = render(); + const { container } = render(); const results = await axe(container); expect(results).toHaveNoViolations(); }); diff --git a/src/components/HintExpander/HintExpander.tsx b/src/components/HintExpander/HintExpander.tsx index 9da1da39..012436df 100644 --- a/src/components/HintExpander/HintExpander.tsx +++ b/src/components/HintExpander/HintExpander.tsx @@ -9,6 +9,7 @@ export interface HintExpanderProps { withLink: boolean; externalLinkText: string; optionalLinkText: string; + url: string; children: React.ReactNode; } @@ -17,6 +18,7 @@ export const HintExpander: React.FC = ({ withLink, externalLinkText, optionalLinkText, + url, children, }) => { const [expanded, setExpanded] = useState(false); @@ -44,10 +46,10 @@ export const HintExpander: React.FC = ({ {withLink && (

{optionalLinkText}  - + {externalLinkText}  - +

)} From 5e7ec00db0d2689fb74618b52bbf6b241a9b8687 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 15 May 2023 19:27:27 +0000 Subject: [PATCH 033/158] chore(release): release 1.61.1 --- CHANGELOG.md | 7 +++++++ package-lock.json | 4 ++-- package.json | 2 +- 3 files changed, 10 insertions(+), 3 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 15af0ce4..fdb72606 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,12 @@ # Changelog +## [1.61.1](https://github.com/DTS-STN/Service-Canada-Design-System/compare/v1.61.0...v1.61.1) (2023-05-15) + + +### Bug Fixes + +* added French translation for HintExpander, added href prop to the external link ([8190a9f](https://github.com/DTS-STN/Service-Canada-Design-System/commit/8190a9f6eabb1ab49d915028c1b462ed46aac00a)) + ## [1.61.0](https://github.com/DTS-STN/Service-Canada-Design-System/compare/v1.60.0...v1.61.0) (2023-05-15) diff --git a/package-lock.json b/package-lock.json index 467bf093..e009de8e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@dts-stn/service-canada-design-system", - "version": "1.61.0", + "version": "1.61.1", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@dts-stn/service-canada-design-system", - "version": "1.61.0", + "version": "1.61.1", "dependencies": { "@fortawesome/fontawesome-svg-core": "^6.4.0", "@fortawesome/free-regular-svg-icons": "^6.4.0", diff --git a/package.json b/package.json index 78f60faa..05e44c46 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@dts-stn/service-canada-design-system", - "version": "1.61.0", + "version": "1.61.1", "main": "dist/index.cjs.js", "module": "dist/index.esm.js", "types": "dist/index.d.ts", From c5067fdf190ca476ac34f43397cfaa9a2b40e38d Mon Sep 17 00:00:00 2001 From: Shawn Date: Mon, 15 May 2023 17:45:11 -0400 Subject: [PATCH 034/158] feat: Updated DatePicker and TextField, add HintExpander to DatePicker and TextField --- .../FormDatePicker/FormDatePicker.js | 21 ++++++++- .../FormDatePicker/FormDatePicker.stories.js | 18 +++++--- src/components/FormLabel/FormLabel.js | 45 +++++++++---------- src/components/FormLabel/FormLabel.stories.js | 3 ++ src/components/HintExpander/HintExpander.css | 5 +++ src/components/HintExpander/HintExpander.tsx | 2 +- src/components/TextField/TextField.js | 18 ++++++++ src/components/TextField/TextField.stories.js | 30 +++++++++++++ src/styles/forms.css | 2 +- 9 files changed, 111 insertions(+), 33 deletions(-) diff --git a/src/components/FormDatePicker/FormDatePicker.js b/src/components/FormDatePicker/FormDatePicker.js index 64219870..ab660ee4 100644 --- a/src/components/FormDatePicker/FormDatePicker.js +++ b/src/components/FormDatePicker/FormDatePicker.js @@ -26,6 +26,7 @@ export function FormDatePicker(props) { onYearChange, hasDay, hasYear, + hasHint, day, month, year, @@ -36,6 +37,7 @@ export function FormDatePicker(props) { hasError, formLabelProps, formErrorProps, + hintProps, } = props; const language = lang === "en" ? EN : lang === "fr" ? FR : EN; @@ -91,6 +93,8 @@ export function FormDatePicker(props) { required={formLabelProps.required} infoText={formLabelProps.infoText} helpText={formLabelProps.helpText} + hasHint={hasHint} + hintProps={hintProps} /> ) : null}
@@ -212,7 +216,22 @@ FormDatePicker.propTypes = { id: PropTypes.string, label: PropTypes.string, required: PropTypes.bool, - infoText: PropTypes.string, helpText: PropTypes.string, }), + + /** + * Option to show and custom Hint Expander + */ + hasHint: PropTypes.bool, + + /** + * Hint Expander props + */ + hintProps: PropTypes.shape({ + textLink: PropTypes.string, + description: PropTypes.string, + withLink: PropTypes.bool, + externalLinkText: PropTypes.string, + optionalLinkText: PropTypes.string, + }), }; diff --git a/src/components/FormDatePicker/FormDatePicker.stories.js b/src/components/FormDatePicker/FormDatePicker.stories.js index 7eb6d73a..047bc378 100644 --- a/src/components/FormDatePicker/FormDatePicker.stories.js +++ b/src/components/FormDatePicker/FormDatePicker.stories.js @@ -11,13 +11,12 @@ export const English = Template.bind({}); English.args = { id: "FormDatePicker", - // hasYear: false, - // hasDay: false, lang: "en", minYear: 1999, maxYear: 2050, hasError: true, hasLabel: true, + hasHint: true, formErrorProps: { id: "formErrorId", errorMessage: "This is how form error will be displayed", @@ -25,12 +24,19 @@ English.args = { formLabelProps: { id: "requiredWithInfo", label: "Required Label", - required: true, - infoText: - "Required label style with information icon. You can hide by clicking on icon again.", + required: false, helpText: "Help text that is always visible under the label to provide users with primary information needed to fill in the form field. Limit of 2 sentences", }, + hintProps: { + linkText: "Why are we asking about [topic]?", + description: + "We need to know this because your partner’s annual net income...", + withLink: false, + externalLinkText: "", + optionalLinkText: "", + url: "", + }, }; export const French = Template.bind({}); @@ -52,8 +58,6 @@ French.args = { id: "requiredWithInfo", label: "Required Label", required: true, - infoText: - "Required label style with information icon. You can hide by clicking on icon again.", helpText: "Help text that is always visible under the label to provide users with primary information needed to fill in the form field. Limit of 2 sentences", }, diff --git a/src/components/FormLabel/FormLabel.js b/src/components/FormLabel/FormLabel.js index 731a522a..e5f28aaa 100644 --- a/src/components/FormLabel/FormLabel.js +++ b/src/components/FormLabel/FormLabel.js @@ -1,14 +1,12 @@ import PropTypes from "prop-types"; -import React, { useState } from "react"; -import { Image } from "../Image/Image"; -import infoImage from "../../assets/info_img.svg"; +import React from "react"; +import { HintExpander } from "../HintExpander/HintExpander"; export function FormLabel(props) { - const [displayHelpText, setHelpTextState] = useState(false); return ( <> - {displayHelpText && ( -
- {`${props.infoText}`} -
+ {props.hintProps.description} + )} -
+
{props.helpText}
@@ -54,6 +44,15 @@ FormLabel.defaultProps = { label: "Label Text", optionalText: "(optional)", requiredText: "(required)", + hintProps: { + linkText: "Why are we asking about [topic]?", + description: + "We need to know this because your partner’s annual net income...", + withLink: false, + externalLinkText: "", + optionalLinkText: "", + url: "", + }, }; FormLabel.propTypes = { diff --git a/src/components/FormLabel/FormLabel.stories.js b/src/components/FormLabel/FormLabel.stories.js index f219e2e5..10c7dbf7 100644 --- a/src/components/FormLabel/FormLabel.stories.js +++ b/src/components/FormLabel/FormLabel.stories.js @@ -24,6 +24,9 @@ Default.args = { id: "default", label: "Default Label", optionalText: "", + helpText: + "Help text that is always visible under the label to provide users with primary information needed to fill in the form field. Limit of 2 sentences", + hasHint: true, }; Required.args = { diff --git a/src/components/HintExpander/HintExpander.css b/src/components/HintExpander/HintExpander.css index 382ac1e2..79391008 100644 --- a/src/components/HintExpander/HintExpander.css +++ b/src/components/HintExpander/HintExpander.css @@ -1,3 +1,8 @@ +.container { + margin-bottom: 8px; + margin-left: 2px; +} + .expander { display: flex; align-items: start; diff --git a/src/components/HintExpander/HintExpander.tsx b/src/components/HintExpander/HintExpander.tsx index 012436df..de2a0361 100644 --- a/src/components/HintExpander/HintExpander.tsx +++ b/src/components/HintExpander/HintExpander.tsx @@ -28,7 +28,7 @@ export const HintExpander: React.FC = ({ }; return ( -
+
)} Date: Tue, 16 May 2023 09:54:27 -0400 Subject: [PATCH 035/158] feat: update radio button style, add HintExpander to FormRadioButton --- .../FormRadioButton/FormRadioButton.js | 113 +++++++++++++----- .../FormRadioButton.stories.js | 22 ++++ src/components/HintExpander/HintExpander.tsx | 4 +- 3 files changed, 108 insertions(+), 31 deletions(-) diff --git a/src/components/FormRadioButton/FormRadioButton.js b/src/components/FormRadioButton/FormRadioButton.js index 3d130d24..2e433ced 100644 --- a/src/components/FormRadioButton/FormRadioButton.js +++ b/src/components/FormRadioButton/FormRadioButton.js @@ -2,6 +2,7 @@ import PropTypes from "prop-types"; import React from "react"; import { FormError } from "../FormError/FormError"; import { FormLabel } from "../FormLabel/FormLabel"; +import { HintExpander } from "../HintExpander/HintExpander"; export function FormRadioButton(props) { const validationClass = props.hasError @@ -19,38 +20,58 @@ export function FormRadioButton(props) { infoText={props.infoText} describedBy={props.describedBy} helpText={props.helpText} + hasHint={props.hasHint} + hintProps={props.hintProps} /> )} - {props.options.map(({ id, label, checked, value }, index) => ( - - ))} + {props.options.map( + ({ id, label, checked, value, hasHint, hintProps }, index) => ( + + ) + )} {props.hasError && } ); @@ -86,9 +107,41 @@ FormRadioButton.propTypes = { * the label for the radio button */ label: PropTypes.string.isRequired, + /** + * show hint for radio button + */ + hasHint: PropTypes.bool, + /** + * Hint Expander props + */ + hintProps: PropTypes.shape({ + linkText: PropTypes.string, + description: PropTypes.string, + withLink: PropTypes.bool, + externalLinkText: PropTypes.string, + optionalLinkText: PropTypes.string, + className: PropTypes.string, + }), }) ), + /** + * Option to show and custom Hint Expander + */ + hasHint: PropTypes.bool, + + /** + * Hint Expander props + */ + hintProps: PropTypes.shape({ + textLink: PropTypes.string, + description: PropTypes.string, + withLink: PropTypes.bool, + externalLinkText: PropTypes.string, + optionalLinkText: PropTypes.string, + className: PropTypes.string, + }), + /** * whether the radio button is checked or not */ diff --git a/src/components/FormRadioButton/FormRadioButton.stories.js b/src/components/FormRadioButton/FormRadioButton.stories.js index e44f8973..a2d2e623 100644 --- a/src/components/FormRadioButton/FormRadioButton.stories.js +++ b/src/components/FormRadioButton/FormRadioButton.stories.js @@ -21,6 +21,17 @@ const optionsList = [ id: "option_1", value: "Option 1", label: "Options 1: Some Value to show", + hasHint: true, + hintProps: { + linkText: "Why are we asking about [topic]?", + description: + "We need to know this because your partner’s annual net income...", + withLink: false, + externalLinkText: "", + optionalLinkText: "", + url: "", + className: "", + }, }, { id: "option_2", @@ -47,6 +58,17 @@ withLabelHelpText.args = { options: optionsList, label: "I am a text field", infoText: "Help Text", + hasHint: true, + hintProps: { + linkText: "Why are we asking about [topic]?", + description: + "We need to know this because your partner’s annual net income...", + withLink: false, + externalLinkText: "", + optionalLinkText: "", + url: "", + className: "", + }, helpText: "Help text that is always visible under the label to provide users with primary information needed to fill in the form field. Limit of 2 sentences", }; diff --git a/src/components/HintExpander/HintExpander.tsx b/src/components/HintExpander/HintExpander.tsx index de2a0361..4e57d4e1 100644 --- a/src/components/HintExpander/HintExpander.tsx +++ b/src/components/HintExpander/HintExpander.tsx @@ -11,6 +11,7 @@ export interface HintExpanderProps { optionalLinkText: string; url: string; children: React.ReactNode; + className: string; } export const HintExpander: React.FC = ({ @@ -20,6 +21,7 @@ export const HintExpander: React.FC = ({ optionalLinkText, url, children, + className, }) => { const [expanded, setExpanded] = useState(false); @@ -28,7 +30,7 @@ export const HintExpander: React.FC = ({ }; return ( -
+
Date: Tue, 16 May 2023 13:22:01 -0400 Subject: [PATCH 036/158] feat: update checkbox style, add HintExpander to checkbox --- src/assets/check_mark.svg | 20 ++++++++- src/components/CheckBox/CheckBox.js | 21 +++++++-- src/components/FormCheckBox/FormCheckBox.js | 45 ++++++++++++++++++- .../FormCheckBox/FormCheckBox.stories.js | 44 ++++++++++++++++++ .../FormRadioButton/FormRadioButton.js | 4 +- 5 files changed, 125 insertions(+), 9 deletions(-) diff --git a/src/assets/check_mark.svg b/src/assets/check_mark.svg index 3341dcfb..adb1e5e1 100644 --- a/src/assets/check_mark.svg +++ b/src/assets/check_mark.svg @@ -1,3 +1,19 @@ - - + + + + + + + + + + + + + + + + + + diff --git a/src/components/CheckBox/CheckBox.js b/src/components/CheckBox/CheckBox.js index 10d59b71..20eea701 100644 --- a/src/components/CheckBox/CheckBox.js +++ b/src/components/CheckBox/CheckBox.js @@ -3,12 +3,13 @@ import PropTypes from "prop-types"; import React, { useState } from "react"; import { Image } from "../Image/Image"; import checkMark from "../../assets/check_mark.svg"; +import { HintExpander } from "../HintExpander/HintExpander"; /** * check box component for forms okay */ export function CheckBox(props) { - const { id, name, value, label, hasError } = props; + const { id, name, value, label, hasError, hasHint, hintProps } = props; var onChange = props.onChange === undefined ? () => true : props.onChange; const [checked, setCheckState] = useState(false); let display = checked === true ? "ds-visible" : "ds-hidden"; @@ -31,14 +32,26 @@ export function CheckBox(props) { onChange={onChange} />
-
-

{label}

+
+

{label}

+ {hasHint && ( + + {hintProps.description} + + )}
); diff --git a/src/components/FormCheckBox/FormCheckBox.js b/src/components/FormCheckBox/FormCheckBox.js index 38c81947..5834ad50 100644 --- a/src/components/FormCheckBox/FormCheckBox.js +++ b/src/components/FormCheckBox/FormCheckBox.js @@ -5,7 +5,14 @@ import { FormError } from "../FormError/FormError"; import { CheckBox } from "../CheckBox/CheckBox"; export function FormCheckBox(props) { - const { id, formErrorProps, formLabelProps, checkBoxList } = props; + const { + id, + formErrorProps, + formLabelProps, + checkBoxList, + hasHint, + hintProps, + } = props; let size = checkBoxList.length; return (
@@ -14,6 +21,8 @@ export function FormCheckBox(props) { required={formLabelProps.required} infoText={formLabelProps.infoText} helpText={formLabelProps.helpText} + hasHint={hasHint} + hintProps={hintProps} /> {checkBoxList.map((value, index) => { let style = index === size - 1 ? "ds-pb-0" : "md:ds-pb-8px ds-pb-24px"; @@ -31,6 +40,8 @@ export function FormCheckBox(props) { label={value.label} hasError={formErrorProps.hasError} onChange={value.onChange} + hasHint={value.hasHint} + hintProps={value.hintProps} />
); @@ -63,6 +74,21 @@ FormCheckBox.propTypes = { label: PropTypes.string, hasError: PropTypes.bool, onChange: PropTypes.func, + /** + * show hint for radio button + */ + hasHint: PropTypes.bool, + /** + * Hint Expander props + */ + hintProps: PropTypes.shape({ + linkText: PropTypes.string, + description: PropTypes.string, + withLink: PropTypes.bool, + externalLinkText: PropTypes.string, + optionalLinkText: PropTypes.string, + className: PropTypes.string, + }), }) ).isRequired, @@ -85,4 +111,21 @@ FormCheckBox.propTypes = { infoText: PropTypes.string, helpText: PropTypes.string, }), + + /** + * Option to show and custom Hint Expander + */ + hasHint: PropTypes.bool, + + /** + * Hint Expander props + */ + hintProps: PropTypes.shape({ + textLink: PropTypes.string, + description: PropTypes.string, + withLink: PropTypes.bool, + externalLinkText: PropTypes.string, + optionalLinkText: PropTypes.string, + className: PropTypes.string, + }), }; diff --git a/src/components/FormCheckBox/FormCheckBox.stories.js b/src/components/FormCheckBox/FormCheckBox.stories.js index 82c126f6..7c99b4d9 100644 --- a/src/components/FormCheckBox/FormCheckBox.stories.js +++ b/src/components/FormCheckBox/FormCheckBox.stories.js @@ -23,12 +23,34 @@ WithError.args = { helpText: "Help text that is always visible under the label to provide users with primary information needed to fill in the form field. Limit of 2 sentences", }, + hasHint: true, + hintProps: { + linkText: "Why are we asking about [topic]?", + description: + "We need to know this because your partner’s annual net income...", + withLink: false, + externalLinkText: "", + optionalLinkText: "", + url: "", + className: "", + }, checkBoxList: [ { id: "checkbox1", name: "ChexBox1", value: "IsChecked", label: "Option 1", + hasHint: true, + hintProps: { + linkText: "Why are we asking about [topic]?", + description: + "We need to know this because your partner’s annual net income...", + withLink: false, + externalLinkText: "", + optionalLinkText: "", + url: "", + className: "", + }, }, { id: "checkbox2", @@ -74,12 +96,34 @@ NoError.args = { helpText: "Help text that is always visible under the label to provide users with primary information needed to fill in the form field. Limit of 2 sentences", }, + hasHint: true, + hintProps: { + linkText: "Why are we asking about [topic]?", + description: + "We need to know this because your partner’s annual net income...", + withLink: false, + externalLinkText: "", + optionalLinkText: "", + url: "", + className: "", + }, checkBoxList: [ { id: "checkbox1", name: "ChexBox1", value: "IsChecked", label: "Option 1", + hasHint: true, + hintProps: { + linkText: "Why are we asking about [topic]?", + description: + "We need to know this because your partner’s annual net income...", + withLink: false, + externalLinkText: "", + optionalLinkText: "", + url: "", + className: "", + }, }, { id: "checkbox2", diff --git a/src/components/FormRadioButton/FormRadioButton.js b/src/components/FormRadioButton/FormRadioButton.js index 2e433ced..fedf787a 100644 --- a/src/components/FormRadioButton/FormRadioButton.js +++ b/src/components/FormRadioButton/FormRadioButton.js @@ -53,8 +53,8 @@ export function FormRadioButton(props) { aria-checked="false" tabIndex={0} > - - {label} + +

{label}

{hasHint && ( Date: Wed, 17 May 2023 07:25:13 +0000 Subject: [PATCH 037/158] fix: upgrade sass from 1.61.0 to 1.62.1 Snyk has created this PR to upgrade sass from 1.61.0 to 1.62.1. See this package in npm: https://www.npmjs.com/package/sass See this project in Snyk: https://app.snyk.io/org/p0nder0sa/project/47ef21bf-d923-41f2-85ea-4bb316aaa08d?utm_source=github&utm_medium=referral&page=upgrade-pr --- package-lock.json | 14 +++++++------- package.json | 2 +- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/package-lock.json b/package-lock.json index 3c72842f..6fd605b7 100644 --- a/package-lock.json +++ b/package-lock.json @@ -20,7 +20,7 @@ "react-router-dom": "^6.9.0", "react-syntax-highlighter": "^15.5.0", "release-please": "^14.17.3", - "sass": "^1.61.0", + "sass": "^1.62.1", "sass-loader": "^10.4.1", "shelljs": "^0.8.5", "ts-jest": "^29.0.5", @@ -34092,9 +34092,9 @@ "license": "CC0-1.0" }, "node_modules/sass": { - "version": "1.61.0", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.61.0.tgz", - "integrity": "sha512-PDsN7BrVkNZK2+dj/dpKQAWZavbAQ87IXqVvw2+oEYI+GwlTWkvbQtL7F2cCNbMqJEYKPh1EcjSxsnqIb/kyaQ==", + "version": "1.62.1", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.62.1.tgz", + "integrity": "sha512-NHpxIzN29MXvWiuswfc1W3I0N8SXBd8UR26WntmDlRYf0bSADnwnOjsyMZ3lMezSlArD33Vs3YFhp7dWvL770A==", "dependencies": { "chokidar": ">=3.0.0 <4.0.0", "immutable": "^4.0.0", @@ -60936,9 +60936,9 @@ "dev": true }, "sass": { - "version": "1.61.0", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.61.0.tgz", - "integrity": "sha512-PDsN7BrVkNZK2+dj/dpKQAWZavbAQ87IXqVvw2+oEYI+GwlTWkvbQtL7F2cCNbMqJEYKPh1EcjSxsnqIb/kyaQ==", + "version": "1.62.1", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.62.1.tgz", + "integrity": "sha512-NHpxIzN29MXvWiuswfc1W3I0N8SXBd8UR26WntmDlRYf0bSADnwnOjsyMZ3lMezSlArD33Vs3YFhp7dWvL770A==", "requires": { "chokidar": ">=3.0.0 <4.0.0", "immutable": "^4.0.0", diff --git a/package.json b/package.json index 18380621..bd371af3 100644 --- a/package.json +++ b/package.json @@ -27,7 +27,7 @@ "react-router-dom": "^6.9.0", "react-syntax-highlighter": "^15.5.0", "release-please": "^14.17.3", - "sass": "^1.61.0", + "sass": "^1.62.1", "sass-loader": "^10.4.1", "shelljs": "^0.8.5", "ts-jest": "^29.0.5", From 436498cf70ebc67a62fcdc0a7fcc05b12d59749b Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 17 May 2023 19:31:19 +0000 Subject: [PATCH 038/158] chore(release): release 1.62.0 --- CHANGELOG.md | 9 +++++++++ package-lock.json | 4 ++-- package.json | 2 +- 3 files changed, 12 insertions(+), 3 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index fdb72606..a6bc5739 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,14 @@ # Changelog +## [1.62.0](https://github.com/DTS-STN/Service-Canada-Design-System/compare/v1.61.1...v1.62.0) (2023-05-17) + + +### Features + +* update checkbox style, add HintExpander to checkbox ([471bd52](https://github.com/DTS-STN/Service-Canada-Design-System/commit/471bd52de3ebc1b09c1f890c95be94369e1c0658)) +* update radio button style, add HintExpander to FormRadioButton ([f447906](https://github.com/DTS-STN/Service-Canada-Design-System/commit/f4479064deccbefbc77c4f150151a6fd1df716ba)) +* Updated DatePicker and TextField, add HintExpander to DatePicker and TextField ([c5067fd](https://github.com/DTS-STN/Service-Canada-Design-System/commit/c5067fdf190ca476ac34f43397cfaa9a2b40e38d)) + ## [1.61.1](https://github.com/DTS-STN/Service-Canada-Design-System/compare/v1.61.0...v1.61.1) (2023-05-15) diff --git a/package-lock.json b/package-lock.json index e009de8e..2926c1c9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@dts-stn/service-canada-design-system", - "version": "1.61.1", + "version": "1.62.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@dts-stn/service-canada-design-system", - "version": "1.61.1", + "version": "1.62.0", "dependencies": { "@fortawesome/fontawesome-svg-core": "^6.4.0", "@fortawesome/free-regular-svg-icons": "^6.4.0", diff --git a/package.json b/package.json index 05e44c46..4017db69 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@dts-stn/service-canada-design-system", - "version": "1.61.1", + "version": "1.62.0", "main": "dist/index.cjs.js", "module": "dist/index.esm.js", "types": "dist/index.d.ts", From eb90fb51a628a24a68bd4586fb9f5f52551b4c65 Mon Sep 17 00:00:00 2001 From: Shawn Date: Thu, 18 May 2023 10:36:21 -0400 Subject: [PATCH 039/158] feat: added size options for input field and text area --- .../FormMultiTextField/FormMultiTextField.js | 34 ++++++++++++++++--- .../FormMultiTextField.stories.js | 33 ++++++------------ src/components/TextField/TextField.js | 31 ++++++++++++----- src/components/TextField/TextField.stories.js | 10 +----- 4 files changed, 63 insertions(+), 45 deletions(-) diff --git a/src/components/FormMultiTextField/FormMultiTextField.js b/src/components/FormMultiTextField/FormMultiTextField.js index 9154249f..1a81084b 100644 --- a/src/components/FormMultiTextField/FormMultiTextField.js +++ b/src/components/FormMultiTextField/FormMultiTextField.js @@ -22,14 +22,14 @@ export function FormMultiTextField(props) { )}px`; }, [value]); switch (props.size) { - case "medium": - sizeOfField = "ds-w-full md:ds-w-5/6"; + case "large": + sizeOfField = "ds-w-full ds-max-w-[556px]"; break; - case "small": - sizeOfField = "ds-w-full md:ds-w-3/4"; + case "standard": + sizeOfField = "ds-w-full ds-max-w-[408px]"; break; default: - sizeOfField = "ds-w-full"; + sizeOfField = "ds-w-full ds-max-w-[408px]"; } const validationClass = props.hasError @@ -47,6 +47,8 @@ export function FormMultiTextField(props) { infoText={props.infoText} describedBy={props.describedBy} helpText={props.helpText} + hasHint={props.hasHint} + hintProps={props.hintProps} /> )}