diff --git a/.all-contributorsrc b/.all-contributorsrc index 2c33aea40..747e41e76 100644 --- a/.all-contributorsrc +++ b/.all-contributorsrc @@ -248,6 +248,33 @@ "contributions": [ "tds" ] + }, + { + "login": "ashwanitelus", + "name": "ashwanitelus", + "avatar_url": "https://avatars1.githubusercontent.com/u/63233715?v=4", + "profile": "https://github.com/ashwanitelus", + "contributions": [ + "tds" + ] + }, + { + "login": "ruchijn", + "name": "Ruchi Jain", + "avatar_url": "https://avatars2.githubusercontent.com/u/18288628?v=4", + "profile": "https://github.com/ruchijn", + "contributions": [ + "tds" + ] + }, + { + "login": "janeszelag", + "name": "Katherine Szelag", + "avatar_url": "https://avatars2.githubusercontent.com/u/55095713?v=4", + "profile": "https://github.com/janeszelag", + "contributions": [ + "tds" + ] } ] } diff --git a/README.md b/README.md index 83289955c..21a1fe3e6 100644 --- a/README.md +++ b/README.md @@ -68,7 +68,9 @@ To learn how to make contributions to TDS Community, See the [contributing guide | :---: | :---: | :---: | :---: | :---: | :---: | :---: | | [
Christina L.](https://github.com/Christina-Lo)
[](#tds-Christina-Lo "") | [
Andrew Lam](https://github.com/Andrew-K-Lam)
[](#tds-Andrew-K-Lam "") | [
Jordan Raffoul](http://jordanraffoul.com)
[](#tds-jraff "") | [
Nicholas Mak](https://github.com/nicmak)
[](#tds-nicmak "") | [
renovate[bot]](https://github.com/apps/renovate)
[](#tds-renovate[bot] "") | [
Mike Bunce](https://github.com/sketchidea)
[](#tds-sketchidea "") | [
Ani](https://github.com/simpleimpulse)
[](#tds-simpleimpulse "") | | [
Samantha Vale](https://github.com/karlasamantha)
[](#tds-karlasamantha "") | [
Tyler Dewald](https://github.com/DewaldoDev)
[](#tds-DewaldoDev "") | [
Varun Jain](https://github.com/varunj90)
[](#tds-varunj90 "") | [
abdul khan](https://github.com/invalidred)
[](#tds-invalidred "") | [
Nate X](https://github.com/nateriesling)
[](#tds-nateriesling "") | [
Mike Bunce](https://github.com/mike-bunce)
[](#tds-mike-bunce "") | [
Donna Vitan](http://donnavitan.com)
[](#tds-donnavitan "") | -| [
harmeetsaimbhi](https://github.com/harmeetsaimbhi)
[](#tds-harmeetsaimbhi "") | [
Fabio Neves](https://github.com/fzero)
[](#tds-fzero "") | [
Edison Li](https://ca.linkedin.com/in/edison-li)
[](#tds-zyl-edison-telus "") | [
Michelle Linley](https://github.com/meeschka)
[](#tds-meeschka "") | [
Jeffrey Chang](https://github.com/Jeffrey-Chang)
[](#tds-Jeffrey-Chang "") | +| [
harmeetsaimbhi](https://github.com/harmeetsaimbhi)
[](#tds-harmeetsaimbhi "") | [
Fabio Neves](https://github.com/fzero)
[](#tds-fzero "") | [
Edison Li](https://ca.linkedin.com/in/edison-li)
[](#tds-zyl-edison-telus "") | [
Michelle Linley](https://github.com/meeschka)
[](#tds-meeschka "") | [
Jeffrey Chang](https://github.com/Jeffrey-Chang)
[](#tds-Jeffrey-Chang "") | [
ashwanitelus](https://github.com/ashwanitelus)
[](#tds-ashwanitelus "") | [
Ruchi Jain](https://github.com/ruchijn)
[](#tds-ruchijn "") | +| [
Katherine Szelag](https://github.com/janeszelag)
[](#tds-janeszelag "") | + [circle-url]: https://circleci.com/gh/telus/tds-community diff --git a/circle.yml b/circle.yml index 7fad38258..f2d5f045d 100644 --- a/circle.yml +++ b/circle.yml @@ -133,45 +133,59 @@ jobs: - run: name: Lerna Publish command: npm run lerna:cipublish - - screenshots: - executor: browsers - steps: - - attach - - add_ssh_keys: - fingerprints: - - '75:7e:bf:a6:df:5a:2a:4d:bd:a0:8c:a6:fa:4f:d7:dd' - - run: - name: Add Github Key - command: ssh-keyscan -H github.com >> ~/.ssh/known_hosts - - run: - name: Configure Git Config & Branch - command: | - git status - git config --global user.email "tds.github.bot@gmail.com" - git config --global user.name "TDSBot" - git pull - - run: - name: Prepare node-sass - command: npm rebuild node-sass - - run: - name: Styleguidist Server - command: npm run dev:e2e-direct - background: true - run: - name: Update Screenshots - command: npm run test:e2e-direct -- -a -u + name: Update contributors + command: npm run contributors:update - run: - name: Commit updated e2e screenshots + name: Commit updated contributors command: | if [[ $(git diff --name-only) ]] - then git add e2e - git commit -m "test(e2e): update screenshots with version bump" + then + git add .all-contributorsrc README.md + git commit -m "chore(other): update contributors" --no-verify git push else - echo 'No screenshot changes.' + echo 'No contributor changes.' fi + # screenshots: + # executor: browsers + # steps: + # - attach + # - add_ssh_keys: + # fingerprints: + # - '75:7e:bf:a6:df:5a:2a:4d:bd:a0:8c:a6:fa:4f:d7:dd' + # - run: + # name: Add Github Key + # command: ssh-keyscan -H github.com >> ~/.ssh/known_hosts + # - run: + # name: Configure Git Config & Branch + # command: | + # git status + # git config --global user.email "tds.github.bot@gmail.com" + # git config --global user.name "TDSBot" + # git pull + # - run: + # name: Prepare node-sass + # command: npm rebuild node-sass + # - run: + # name: Styleguidist Server + # command: npm run dev:e2e-direct + # background: true + # - run: + # name: Update Screenshots + # command: npm run test:e2e-direct -- -a -u + # - run: + # name: Commit updated e2e screenshots + # command: | + # if [[ $(git diff --name-only) ]] + # then git add e2e + # git commit -m "test(e2e): update screenshots with version bump" + # git push + # else + # echo 'No screenshot changes.' + # fi + workflows: version: 2 run: @@ -209,6 +223,3 @@ workflows: - release: context: npm-library requires: [approve-release] - - - screenshots: - requires: [release] diff --git a/docs/components/overrides/StyleGuide/StyleGuideRenderer.js b/docs/components/overrides/StyleGuide/StyleGuideRenderer.js index 03576daee..8f6fca2c2 100644 --- a/docs/components/overrides/StyleGuide/StyleGuideRenderer.js +++ b/docs/components/overrides/StyleGuide/StyleGuideRenderer.js @@ -5,11 +5,15 @@ import cx from 'classnames' import Logo from 'rsg-components/Logo' import Markdown from 'rsg-components/Markdown' import { createGlobalStyle } from 'styled-components' +import { colorSecondary} from '@tds/core-colours' import CSSReset from '@tds/core-css-reset' import FlexGrid from '@tds/core-flex-grid' -const GlobalStyleGuide = createGlobalStyle({ +export const GlobalStyleGuide = createGlobalStyle({ + '[class*=\'rsg--\'].docs_purple-block, .docs_purple-block': { + backgroundColor: colorSecondary, + }, // Full width container with limited with parent: https://css-tricks.com/full-width-containers-limited-width-parents/ // Only activate with there is no sidebar '.rsg--root-1:not(*[class*=\'rsg--hasSidebar\']) .docs_full-width-playground': { @@ -94,6 +98,7 @@ export function StyleGuideRenderer({ classes, title, homepageUrl, children, toc, return ( <> +
  diff --git a/openshift/openshift-template.yml b/openshift/openshift-template.yml index 18ae1ff98..b3149e956 100644 --- a/openshift/openshift-template.yml +++ b/openshift/openshift-template.yml @@ -48,6 +48,13 @@ items: - type: GitHub github: secret: tisk + resources: + requests: + cpu: 200m + memory: 512Mi + limits: + cpu: '1' + memory: 4Gi runPolicy: SerialLatestOnly strategy: type: JenkinsPipeline @@ -74,6 +81,13 @@ items: - secret: name: npmrc-secret runPolicy: Parallel + resources: + requests: + cpu: 200m + memory: 512Mi + limits: + cpu: '1' + memory: 4Gi strategy: type: Docker dockerStrategy: diff --git a/package-lock.json b/package-lock.json index 97665e9d2..5ca4348dd 100644 --- a/package-lock.json +++ b/package-lock.json @@ -3130,12 +3130,33 @@ } }, "@tds/core-a11y-content": { - "version": "2.1.5", - "resolved": "https://registry.npmjs.org/@tds/core-a11y-content/-/core-a11y-content-2.1.5.tgz", - "integrity": "sha512-rqa1GhvJ38OIPzIjjC44bxpAppKu5vtl11seZZu/YFwROFughk5NkJ92QmbsQN6K9smN3nL0wr5C3Ekgx9Svmw==", + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/@tds/core-a11y-content/-/core-a11y-content-2.2.3.tgz", + "integrity": "sha512-J+kQNFy/mQ414YS616wvGQaksIpuw1WUtDtV3UhrouhDzjeFaj0+11I3OrraQSCCQPSsfEMSc3Qw3cJSzeRsiw==", "requires": { - "@tds/util-helpers": "^1.4.2", + "@tds/util-helpers": "^1.5.1", + "@tds/util-prop-types": "^1.4.0", "prop-types": "^15.5.10" + }, + "dependencies": { + "@tds/core-responsive": { + "version": "1.3.4", + "resolved": "https://registry.npmjs.org/@tds/core-responsive/-/core-responsive-1.3.4.tgz", + "integrity": "sha512-iGVxGxMcTXcBr9tMZ3/HQ/ytRoSUnoSZyE4w2mBNrkhNhPg7j7blJd2dnJYAFQe3era0YNbFOgf+CMmQHK2H3Q==", + "requires": { + "prop-types": "^15.5.10", + "react-media": "^1.10.0", + "sass-mq": "^5.0.0" + } + }, + "@tds/util-helpers": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/@tds/util-helpers/-/util-helpers-1.5.1.tgz", + "integrity": "sha512-D6ih5eGkh4eUQCJyjghV4O6bwVtBNpTcN7mv/tYgRUPSF3jiDJJ7gE1UZrvrtR3e6YXox62kmnEBE7iGD7NomA==", + "requires": { + "@tds/core-responsive": "^1.3.4" + } + } } }, "@tds/core-box": { @@ -3187,40 +3208,38 @@ } }, "@tds/core-chevron-link": { - "version": "2.1.13", - "resolved": "https://registry.npmjs.org/@tds/core-chevron-link/-/core-chevron-link-2.1.13.tgz", - "integrity": "sha512-pDUCYWgHAL58mXE5sVxHKSw7ysm46y8X9w3wVFQpGJv5OKagQRDmRjE8RF45Z2eeKRPE9zw5svGzW2XxMfH3fw==", + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/@tds/core-chevron-link/-/core-chevron-link-2.2.0.tgz", + "integrity": "sha512-s+WuEU/pnXuBpEtDAPv0q5+e94zMpE5AuFekqmWyclP6i5z3+/9Q0W1IQN0FyWNvE7VU251HSpvmHxLwlUqVvQ==", "dev": true, "requires": { - "@tds/core-box": "^2.1.2", + "@tds/core-box": "^2.2.1", "@tds/core-colours": "^2.2.1", "@tds/core-decorative-icon": "^2.6.4", "@tds/shared-typography": "^1.3.5", "@tds/util-helpers": "^1.4.2", - "@tds/util-prop-types": "^1.3.2", + "@tds/util-prop-types": "^1.4.0", "prop-types": "^15.5.10" }, "dependencies": { "@tds/core-box": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/@tds/core-box/-/core-box-2.1.2.tgz", - "integrity": "sha512-c8L2dLJLQ950BCL56K/VCCEKm6Y7HWwa6R1zhM0VvX6RPG5RncyQVDriU/PjaR9WArapkx0jeocxnrUZOTpB6Q==", + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/@tds/core-box/-/core-box-2.2.1.tgz", + "integrity": "sha512-XdoFieCxWixYZhXAvMj3dOKoqfUeaxDHNO2CaRC2J84nCuom7ZMlyxBMAph6J3e4IYS7FUkwvhLJGH3r0DsoTQ==", "dev": true, "requires": { "@tds/core-responsive": "^1.3.3", "@tds/util-helpers": "^1.4.2", - "@tds/util-prop-types": "^1.3.2", + "@tds/util-prop-types": "^1.4.0", "prop-types": "^15.5.10" } }, - "@tds/core-decorative-icon": { - "version": "2.6.4", - "resolved": "https://registry.npmjs.org/@tds/core-decorative-icon/-/core-decorative-icon-2.6.4.tgz", - "integrity": "sha512-hFPIQsOT2qBzmW4rmeuUHjfgVMnXksTrtACSkihiyhZGYiNbWEhloGbJfxu9zsY1nBB7fI3OipI13hnItMkntQ==", + "@tds/util-prop-types": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/@tds/util-prop-types/-/util-prop-types-1.4.0.tgz", + "integrity": "sha512-IXeRpVzxzyXWcOquK8ZPnc3nayvS6SqszvbYYj6c4ucBPu2prPUix7g0/A4kDd1XP22lvJxlYa1XDUN0iE6Rig==", "dev": true, "requires": { - "@tds/core-colours": "^2.2.1", - "@tds/util-helpers": "^1.4.2", "prop-types": "^15.5.10" } } @@ -3263,15 +3282,37 @@ } }, "@tds/core-flex-grid": { - "version": "3.0.10", - "resolved": "https://registry.npmjs.org/@tds/core-flex-grid/-/core-flex-grid-3.0.10.tgz", - "integrity": "sha512-nb0PVC9oNrOvcjveN+ks7FR4YJ2ow9B2yTtAwMGbmyOpVi/nswpLNKDFVtdjy4tLI+iRlvfoT2p/uvu+2nf+WQ==", + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/@tds/core-flex-grid/-/core-flex-grid-4.0.1.tgz", + "integrity": "sha512-0LKwtObSaiefpGatc565S80Bbg39GH/5/pNyhMILxRhnCbpvS2G7vchTgVK1v0IQ42iTPUTWZDdImcKVT7A6LA==", "dev": true, "requires": { - "@tds/core-responsive": "^1.3.3", - "@tds/util-helpers": "^1.4.2", - "@tds/util-prop-types": "^1.3.2", + "@tds/core-responsive": "^1.3.4", + "@tds/util-helpers": "^1.5.1", + "@tds/util-prop-types": "^1.4.0", "prop-types": "^15.5.10" + }, + "dependencies": { + "@tds/core-responsive": { + "version": "1.3.4", + "resolved": "https://registry.npmjs.org/@tds/core-responsive/-/core-responsive-1.3.4.tgz", + "integrity": "sha512-iGVxGxMcTXcBr9tMZ3/HQ/ytRoSUnoSZyE4w2mBNrkhNhPg7j7blJd2dnJYAFQe3era0YNbFOgf+CMmQHK2H3Q==", + "dev": true, + "requires": { + "prop-types": "^15.5.10", + "react-media": "^1.10.0", + "sass-mq": "^5.0.0" + } + }, + "@tds/util-helpers": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/@tds/util-helpers/-/util-helpers-1.5.1.tgz", + "integrity": "sha512-D6ih5eGkh4eUQCJyjghV4O6bwVtBNpTcN7mv/tYgRUPSF3jiDJJ7gE1UZrvrtR3e6YXox62kmnEBE7iGD7NomA==", + "dev": true, + "requires": { + "@tds/core-responsive": "^1.3.4" + } + } } }, "@tds/core-hairline-divider": { @@ -3407,28 +3448,56 @@ } }, "@tds/core-interactive-icon": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/@tds/core-interactive-icon/-/core-interactive-icon-2.0.1.tgz", - "integrity": "sha512-jawpmeTQNyeqTRrF8gOuJ+c1jK9jV15PJI7nocD/bCL14u3kXGYjC2o6xkJyXQJO3RLGdzO8DtRd35/A0qkg4g==", + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/@tds/core-interactive-icon/-/core-interactive-icon-2.1.1.tgz", + "integrity": "sha512-4QQ54wYGjmQonU0/0C85XgzIPfY5m/R8m6Jfc3e7GfYFxhyJFaW+UbVihr6iSyTGH1bPF+XtPXvuJ2bJ+6pXMw==", "requires": { - "@tds/core-a11y-content": "^2.1.5", + "@tds/core-a11y-content": "^2.2.3", "@tds/core-colours": "^2.2.1", - "@tds/core-text": "^3.1.1", - "@tds/shared-styles": "^1.5.2", - "@tds/util-helpers": "^1.4.2", - "@tds/util-prop-types": "^1.3.2", + "@tds/core-text": "^3.1.4", + "@tds/shared-styles": "^2.0.1", + "@tds/util-helpers": "^1.5.1", + "@tds/util-prop-types": "^1.4.0", "prop-types": "^15.5.10" }, "dependencies": { + "@tds/core-responsive": { + "version": "1.3.4", + "resolved": "https://registry.npmjs.org/@tds/core-responsive/-/core-responsive-1.3.4.tgz", + "integrity": "sha512-iGVxGxMcTXcBr9tMZ3/HQ/ytRoSUnoSZyE4w2mBNrkhNhPg7j7blJd2dnJYAFQe3era0YNbFOgf+CMmQHK2H3Q==", + "requires": { + "prop-types": "^15.5.10", + "react-media": "^1.10.0", + "sass-mq": "^5.0.0" + } + }, "@tds/core-text": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/@tds/core-text/-/core-text-3.1.1.tgz", - "integrity": "sha512-e8qhJLnTiUNEShBL7G3xT9piPUCNCmyCQ0zCmfpMnQOTqKpBARcEn+Z4L4MTeG9x4pe0ytoJeyPLWzZSavztCg==", + "version": "3.1.4", + "resolved": "https://registry.npmjs.org/@tds/core-text/-/core-text-3.1.4.tgz", + "integrity": "sha512-/obC/u2d4+gafHCMoI4+NBu7q+fqHZmH+aNxaXOA42wm5QWE6LPegkV7f236yvK8nM8x4cHNNHjMX0QNbsTFnQ==", "requires": { "@tds/shared-typography": "^1.3.5", - "@tds/util-helpers": "^1.4.2", + "@tds/util-helpers": "^1.5.1", "prop-types": "^15.5.10" } + }, + "@tds/shared-styles": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/@tds/shared-styles/-/shared-styles-2.0.1.tgz", + "integrity": "sha512-aVEzRu8sfJoIG7Rjooxb77oFWzUwL/cB6DcfarCqfbRRsBO+/9RUR8hGea7CQQ8dLf8dYWAphGm5stOf/D0J3Q==", + "requires": { + "@tds/core-colours": "^2.2.1", + "@tds/core-responsive": "^1.3.4", + "@tds/shared-typography": "^1.3.5" + } + }, + "@tds/util-helpers": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/@tds/util-helpers/-/util-helpers-1.5.1.tgz", + "integrity": "sha512-D6ih5eGkh4eUQCJyjghV4O6bwVtBNpTcN7mv/tYgRUPSF3jiDJJ7gE1UZrvrtR3e6YXox62kmnEBE7iGD7NomA==", + "requires": { + "@tds/core-responsive": "^1.3.4" + } } } }, @@ -3522,14 +3591,44 @@ } }, "@tds/core-standalone-icon": { - "version": "2.1.13", - "resolved": "https://registry.npmjs.org/@tds/core-standalone-icon/-/core-standalone-icon-2.1.13.tgz", - "integrity": "sha512-66aBcX1ljQFSUyvfe32r44xcrOOlU2GnuUDYZQf7wC1qgo6X6M77bE223lrW9iyo3h7BvKlyxjtOIZ422ksAaA==", + "version": "2.1.18", + "resolved": "https://registry.npmjs.org/@tds/core-standalone-icon/-/core-standalone-icon-2.1.18.tgz", + "integrity": "sha512-2QG8O44jRZgRD+PbZzfNOxfe2sE3R+5zeX0A6hy6zf0v0/tnZo1IGicWcyrp/txUJp+hXx9otPCvlR1WhJYp+w==", "requires": { - "@tds/core-a11y-content": "^2.1.5", - "@tds/shared-styles": "^1.5.2", - "@tds/util-helpers": "^1.4.2", + "@tds/core-a11y-content": "^2.2.3", + "@tds/shared-styles": "^2.0.1", + "@tds/util-helpers": "^1.5.1", "prop-types": "^15.5.10" + }, + "dependencies": { + "@tds/core-responsive": { + "version": "1.3.4", + "resolved": "https://registry.npmjs.org/@tds/core-responsive/-/core-responsive-1.3.4.tgz", + "integrity": "sha512-iGVxGxMcTXcBr9tMZ3/HQ/ytRoSUnoSZyE4w2mBNrkhNhPg7j7blJd2dnJYAFQe3era0YNbFOgf+CMmQHK2H3Q==", + "requires": { + "prop-types": "^15.5.10", + "react-media": "^1.10.0", + "sass-mq": "^5.0.0" + } + }, + "@tds/shared-styles": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/@tds/shared-styles/-/shared-styles-2.0.1.tgz", + "integrity": "sha512-aVEzRu8sfJoIG7Rjooxb77oFWzUwL/cB6DcfarCqfbRRsBO+/9RUR8hGea7CQQ8dLf8dYWAphGm5stOf/D0J3Q==", + "requires": { + "@tds/core-colours": "^2.2.1", + "@tds/core-responsive": "^1.3.4", + "@tds/shared-typography": "^1.3.5" + } + }, + "@tds/util-helpers": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/@tds/util-helpers/-/util-helpers-1.5.1.tgz", + "integrity": "sha512-D6ih5eGkh4eUQCJyjghV4O6bwVtBNpTcN7mv/tYgRUPSF3jiDJJ7gE1UZrvrtR3e6YXox62kmnEBE7iGD7NomA==", + "requires": { + "@tds/core-responsive": "^1.3.4" + } + } } }, "@tds/core-strong": { @@ -3544,9 +3643,9 @@ } }, "@tds/core-text": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/@tds/core-text/-/core-text-3.0.4.tgz", - "integrity": "sha512-ETs9o2cp3EsIQG2hdtPsQsKwbusLQUkdydIyQhIjTIjg8z94FacIsTsNPXLJb0+61qMhj/7vGKNVj1hrBTP6tA==", + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/@tds/core-text/-/core-text-3.1.1.tgz", + "integrity": "sha512-e8qhJLnTiUNEShBL7G3xT9piPUCNCmyCQ0zCmfpMnQOTqKpBARcEn+Z4L4MTeG9x4pe0ytoJeyPLWzZSavztCg==", "dev": true, "requires": { "@tds/shared-typography": "^1.3.5", @@ -3555,40 +3654,68 @@ } }, "@tds/core-tooltip": { - "version": "4.2.15", - "resolved": "https://registry.npmjs.org/@tds/core-tooltip/-/core-tooltip-4.2.15.tgz", - "integrity": "sha512-jJikw1wx82JFjpz9lO1m9F7mj332HWBIcYLTUzVTM84tMGmjCT8Mk7fwnDP1a/0CM/+OUXqte228x8B1RKDyWw==", - "requires": { - "@tds/core-box": "^2.2.0", - "@tds/core-responsive": "^1.3.3", - "@tds/core-standalone-icon": "^2.1.13", - "@tds/core-text": "^3.1.1", + "version": "4.2.22", + "resolved": "https://registry.npmjs.org/@tds/core-tooltip/-/core-tooltip-4.2.22.tgz", + "integrity": "sha512-xI2Mz48ZwoLj8W0rysnBy9QwMQdOXcG+n9JawlhFQZT797m5Uj5a80tsy51YbQo8cbs0OCHjinbFd2xErYTxww==", + "requires": { + "@tds/core-box": "^2.3.3", + "@tds/core-responsive": "^1.3.4", + "@tds/core-standalone-icon": "^2.1.18", + "@tds/core-text": "^3.1.4", "@tds/shared-hocs": "^1.2.0", - "@tds/shared-styles": "^1.5.2", - "@tds/util-helpers": "^1.4.2", + "@tds/shared-styles": "^2.0.1", + "@tds/util-helpers": "^1.5.1", "prop-types": "^15.5.10" }, "dependencies": { "@tds/core-box": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/@tds/core-box/-/core-box-2.2.0.tgz", - "integrity": "sha512-OdFzxF5QlDwi7pWfkk6/ECL4IC0CM25024Ykn/luEIvwB2k1yMBaF1Qs7rWV5XM8XxixY7sqx5TJClnCluZZhg==", + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/@tds/core-box/-/core-box-2.3.3.tgz", + "integrity": "sha512-mDoeM0gRV8L6S2dWMw6sW8Kq+7dzq+JSRJRZ4BYxkiJWZVY55yaM7bEJzGgz4ZDTit4vscr53K1NfZV/e6MRCw==", "requires": { - "@tds/core-responsive": "^1.3.3", - "@tds/util-helpers": "^1.4.2", - "@tds/util-prop-types": "^1.3.2", + "@tds/core-responsive": "^1.3.4", + "@tds/util-helpers": "^1.5.1", + "@tds/util-prop-types": "^1.4.0", "prop-types": "^15.5.10" } }, + "@tds/core-responsive": { + "version": "1.3.4", + "resolved": "https://registry.npmjs.org/@tds/core-responsive/-/core-responsive-1.3.4.tgz", + "integrity": "sha512-iGVxGxMcTXcBr9tMZ3/HQ/ytRoSUnoSZyE4w2mBNrkhNhPg7j7blJd2dnJYAFQe3era0YNbFOgf+CMmQHK2H3Q==", + "requires": { + "prop-types": "^15.5.10", + "react-media": "^1.10.0", + "sass-mq": "^5.0.0" + } + }, "@tds/core-text": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/@tds/core-text/-/core-text-3.1.1.tgz", - "integrity": "sha512-e8qhJLnTiUNEShBL7G3xT9piPUCNCmyCQ0zCmfpMnQOTqKpBARcEn+Z4L4MTeG9x4pe0ytoJeyPLWzZSavztCg==", + "version": "3.1.4", + "resolved": "https://registry.npmjs.org/@tds/core-text/-/core-text-3.1.4.tgz", + "integrity": "sha512-/obC/u2d4+gafHCMoI4+NBu7q+fqHZmH+aNxaXOA42wm5QWE6LPegkV7f236yvK8nM8x4cHNNHjMX0QNbsTFnQ==", "requires": { "@tds/shared-typography": "^1.3.5", - "@tds/util-helpers": "^1.4.2", + "@tds/util-helpers": "^1.5.1", "prop-types": "^15.5.10" } + }, + "@tds/shared-styles": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/@tds/shared-styles/-/shared-styles-2.0.1.tgz", + "integrity": "sha512-aVEzRu8sfJoIG7Rjooxb77oFWzUwL/cB6DcfarCqfbRRsBO+/9RUR8hGea7CQQ8dLf8dYWAphGm5stOf/D0J3Q==", + "requires": { + "@tds/core-colours": "^2.2.1", + "@tds/core-responsive": "^1.3.4", + "@tds/shared-typography": "^1.3.5" + } + }, + "@tds/util-helpers": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/@tds/util-helpers/-/util-helpers-1.5.1.tgz", + "integrity": "sha512-D6ih5eGkh4eUQCJyjghV4O6bwVtBNpTcN7mv/tYgRUPSF3jiDJJ7gE1UZrvrtR3e6YXox62kmnEBE7iGD7NomA==", + "requires": { + "@tds/core-responsive": "^1.3.4" + } } } }, @@ -3677,28 +3804,17 @@ "integrity": "sha512-XuaRKp5L3z57kgDMHm6q1w5XiVp7dAN9oMwEvXmTdXEjoHP3vgADibauAIePr5lL53hJaHQnS2CvWxjKWuFk5g==" }, "@tds/util-helpers": { - "version": "1.4.2", - "resolved": "https://registry.npmjs.org/@tds/util-helpers/-/util-helpers-1.4.2.tgz", - "integrity": "sha512-MiRzz5tsKQCO23yk0UBng8lHIDmT2D4fqtdA4JKc/JEXWNRKILt21rdXE0UqQIDM71yK2EMGeh84qlfEFjI9Xg==", + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@tds/util-helpers/-/util-helpers-1.5.0.tgz", + "integrity": "sha512-BZimbmBHv74zg62hz/Gp9v+cYhMD1N/yBUc5+Slc9TOEtEB1gJWbmgeJvxXuRG8DN6I31SsFT4XzHagQEEXF+A==", "requires": { "@tds/core-responsive": "^1.3.3" - }, - "dependencies": { - "@tds/core-responsive": { - "version": "1.3.3", - "resolved": "https://registry.npmjs.org/@tds/core-responsive/-/core-responsive-1.3.3.tgz", - "integrity": "sha512-3T6Lf9s+D9CojcwI0Ig9kgAqsrD+enb0v9IyHD4ozbjY/lsD6NySxfuH1Twu+gjZEaWxdOoVtIvIHhtp487+YQ==", - "requires": { - "prop-types": "^15.5.10", - "sass-mq": "^5.0.0" - } - } } }, "@tds/util-prop-types": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/@tds/util-prop-types/-/util-prop-types-1.3.2.tgz", - "integrity": "sha512-gnevS2zVRdnlzReo+x5H6IuhVGUj985n+v/meByzMXHDxEO7sKqRHp4Ca9Ia/pizSK6t+wr12s/XwvMVIrqAuQ==", + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/@tds/util-prop-types/-/util-prop-types-1.4.0.tgz", + "integrity": "sha512-IXeRpVzxzyXWcOquK8ZPnc3nayvS6SqszvbYYj6c4ucBPu2prPUix7g0/A4kDd1XP22lvJxlYa1XDUN0iE6Rig==", "requires": { "prop-types": "^15.5.10" } @@ -6115,6 +6231,11 @@ } } }, + "clsx": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.1.1.tgz", + "integrity": "sha512-6/bPho624p3S2pMyvP5kKBPXnI3ufHLObBFCfgx+LkeR5lg2XYy2hqZqUf45ypD8COn2bhgGJSUE+l5dhNBieA==" + }, "co": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/co/-/co-3.1.0.tgz", @@ -13435,7 +13556,6 @@ "version": "2.2.4", "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz", "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==", - "dev": true, "requires": { "loose-envify": "^1.0.0" } @@ -15040,6 +15160,14 @@ "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=", "dev": true }, + "json2mq": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/json2mq/-/json2mq-0.2.0.tgz", + "integrity": "sha1-tje9O6nqvhIsg+lyBIOusQ0skEo=", + "requires": { + "string-convert": "^0.2.0" + } + }, "json3": { "version": "3.3.3", "resolved": "https://registry.npmjs.org/json3/-/json3-3.3.3.tgz", @@ -21398,6 +21526,17 @@ "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz", "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==" }, + "react-media": { + "version": "1.10.0", + "resolved": "https://registry.npmjs.org/react-media/-/react-media-1.10.0.tgz", + "integrity": "sha512-FjgYmFoaPTImST06jqotuu0Mk8LOXiGYS/fIyiXuLnf20l3DPniBwtrxi604/HxxjqvmHS3oz5rAwnqdvosV4A==", + "requires": { + "@babel/runtime": "^7.2.0", + "invariant": "^2.2.2", + "json2mq": "^0.2.0", + "prop-types": "^15.5.10" + } + }, "react-moment-proptypes": { "version": "1.7.0", "resolved": "https://registry.npmjs.org/react-moment-proptypes/-/react-moment-proptypes-1.7.0.tgz", @@ -21598,6 +21737,15 @@ } } }, + "react-tabs": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/react-tabs/-/react-tabs-3.1.1.tgz", + "integrity": "sha512-HpySC29NN1BkzBAnOC+ajfzPbTaVZcSWzMSjk56uAhPC/rBGtli8lTysR4CfPAyEE/hfweIzagOIoJ7nu80yng==", + "requires": { + "clsx": "^1.1.0", + "prop-types": "^15.5.0" + } + }, "react-test-renderer": { "version": "16.12.0", "resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-16.12.0.tgz", @@ -24280,6 +24428,11 @@ "integrity": "sha1-2sMECGkMIfPDYwo/86BYd73L1zY=", "dev": true }, + "string-convert": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/string-convert/-/string-convert-0.2.1.tgz", + "integrity": "sha1-aYLMMEn7tM2F+LJFaLnZvznu/5c=" + }, "string-hash": { "version": "1.1.3", "resolved": "https://registry.npmjs.org/string-hash/-/string-hash-1.1.3.tgz", @@ -25527,9 +25680,9 @@ "dev": true }, "ua-parser-js": { - "version": "0.7.21", - "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.21.tgz", - "integrity": "sha512-+O8/qh/Qj8CgC6eYBVBykMrNtp5Gebn4dlGD/kKXVkJNDwyrAwSIqwz8CDf+tsAIWVycKcku6gIXJ0qwx/ZXaQ==" + "version": "0.7.22", + "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.22.tgz", + "integrity": "sha512-YUxzMjJ5T71w6a8WWVcMGM6YWOTX27rCoIQgLXiWaxqXSx9D7DNjiGWn1aJIRSQ5qr0xuhra77bSIh6voR/46Q==" }, "uglify-js": { "version": "3.7.1", @@ -26917,9 +27070,9 @@ } }, "whatwg-fetch": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.2.0.tgz", - "integrity": "sha512-SdGPoQMMnzVYThUbSrEvqTlkvC1Ux27NehaJ/GUHBfNrh5Mjg+1/uRyFMwVnxO2MrikMWvWAqUGgQOfVU4hT7w==" + "version": "3.4.1", + "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.4.1.tgz", + "integrity": "sha512-sofZVzE1wKwO+EYPbWfiwzaKovWiZXf4coEzjGP9b2GBVgQRLQUZ2QcuPpQExGDAW5GItpEm6Tl4OU5mywnAoQ==" }, "whatwg-mimetype": { "version": "2.3.0", diff --git a/package.json b/package.json index 07a4c7e24..bfcbd8243 100644 --- a/package.json +++ b/package.json @@ -32,7 +32,7 @@ "intl:deps": "npm run updated", "lint:md": "remark --quiet --frail .", "intl:audit": "npm run audit", - "precommit": "lint-staged && npm run test && npm run contributors:update", + "precommit": "lint-staged && npm run test", "prepr": "npm run test:e2e && scripts/prePr.sh", "prepr:quick": "scripts/prePr.sh", "scaffold": "node scripts/scaffold.js", @@ -61,10 +61,10 @@ "@tds/core-box": "^2.1.3", "@tds/core-button": "^2.1.14", "@tds/core-card": "^2.3.4", - "@tds/core-chevron-link": "^2.1.13", + "@tds/core-chevron-link": "^2.1.16", "@tds/core-colours": "^2.2.1", "@tds/core-css-reset": "^2.0.5", - "@tds/core-flex-grid": "^3.0.8", + "@tds/core-flex-grid": "^4.0.1", "@tds/core-hairline-divider": "^2.0.13", "@tds/core-heading": "^3.0.4", "@tds/core-image": "^2.0.20", @@ -75,7 +75,7 @@ "@tds/core-responsive": "^1.3.3", "@tds/core-spinner": "^3.1.11", "@tds/core-strong": "^2.1.10", - "@tds/core-text": "^3.0.4", + "@tds/core-text": "^3.1.1", "@tds/core-unordered-list": "^3.0.21", "@telus/remark-config": "^1.2.0", "@telusdigital/eslint-config": "^1.2.0", @@ -195,7 +195,7 @@ "husky": { "hooks": { "commit-msg": "commitlint -e $HUSKY_GIT_PARAMS && node ./scripts/commit-scope-lint.js -m $HUSKY_GIT_PARAMS", - "pre-commit": "lint-staged && npm run test:quick && npm run contributors:update", + "pre-commit": "lint-staged && npm run test:quick", "pre-push": "npm run ci:build && npm-run-all --parallel test lint build-docs:*" } } diff --git a/packages/Blockquote/CHANGELOG.md b/packages/Blockquote/CHANGELOG.md index 0d0d5772e..9e50f8a00 100644 --- a/packages/Blockquote/CHANGELOG.md +++ b/packages/Blockquote/CHANGELOG.md @@ -3,6 +3,17 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [1.0.4](https://github.com/telus/tds-community/compare/@tds/community-blockquote@1.0.3...@tds/community-blockquote@1.0.4) (2020-09-09) + + +### Bug Fixes + +* **community-blockquote:** update util-helpers version ([eb29f6a](https://github.com/telus/tds-community/commit/eb29f6add6f6095384e92f7c9ae315e42d257c3f)) + + + + + ## [1.0.3](https://github.com/telus/tds-community/compare/@tds/community-blockquote@1.0.2...@tds/community-blockquote@1.0.3) (2020-04-13) **Note:** Version bump only for package @tds/community-blockquote diff --git a/packages/Blockquote/package.json b/packages/Blockquote/package.json index f58126828..e5f696e65 100644 --- a/packages/Blockquote/package.json +++ b/packages/Blockquote/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-blockquote", - "version": "1.0.3", + "version": "1.0.4", "description": "", "main": "index.cjs.js", "module": "index.es.js", @@ -29,7 +29,7 @@ "@tds/core-box": "^2.1.3", "@tds/core-heading": "^3.0.4", "@tds/core-responsive": "^1.3.3", - "@tds/util-helpers": "^1.2.0", + "@tds/util-helpers": "^1.5.0", "prop-types": "^15.6.2" } } diff --git a/packages/CalloutParagraph/CHANGELOG.md b/packages/CalloutParagraph/CHANGELOG.md index 3d17b3e5b..5ad1f466f 100644 --- a/packages/CalloutParagraph/CHANGELOG.md +++ b/packages/CalloutParagraph/CHANGELOG.md @@ -3,6 +3,17 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.1.1](https://github.com/telus/tds-community/compare/@tds/community-callout-paragraph@0.1.0...@tds/community-callout-paragraph@0.1.1) (2020-09-09) + + +### Bug Fixes + +* **community-callout-paragraph:** update util-helpers version ([8767507](https://github.com/telus/tds-community/commit/8767507941b0fe8b14bc01ef9d8025068fa8da81)) + + + + + # 0.1.0 (2020-07-21) diff --git a/packages/CalloutParagraph/__tests__/CalloutParagraph.spec.jsx b/packages/CalloutParagraph/__tests__/CalloutParagraph.spec.jsx index f7d0eacf6..31e8512dd 100644 --- a/packages/CalloutParagraph/__tests__/CalloutParagraph.spec.jsx +++ b/packages/CalloutParagraph/__tests__/CalloutParagraph.spec.jsx @@ -4,7 +4,9 @@ import { shallow } from 'enzyme' import CalloutParagraph from '../CalloutParagraph' describe('CalloutParagraph', () => { - const doShallow = (props = {}) => shallow() + const defaultProps = { children: 'Text' } + + const doShallow = props => shallow() it('renders', () => { const calloutParagraph = doShallow() diff --git a/packages/CalloutParagraph/__tests__/__snapshots__/CalloutParagraph.spec.jsx.snap b/packages/CalloutParagraph/__tests__/__snapshots__/CalloutParagraph.spec.jsx.snap index 1613f9d5f..46b7e2d85 100644 --- a/packages/CalloutParagraph/__tests__/__snapshots__/CalloutParagraph.spec.jsx.snap +++ b/packages/CalloutParagraph/__tests__/__snapshots__/CalloutParagraph.spec.jsx.snap @@ -9,7 +9,9 @@ exports[`CalloutParagraph renders 1`] = ` bold={false} invert={false} size="medium" - /> + > + Text + `; @@ -22,7 +24,9 @@ exports[`CalloutParagraph renders with compact 1`] = ` bold={false} invert={false} size="medium" - /> + > + Text + `; @@ -35,7 +39,9 @@ exports[`CalloutParagraph renders with intermediate 1`] = ` bold={false} invert={false} size="medium" - /> + > + Text + `; @@ -48,6 +54,8 @@ exports[`CalloutParagraph renders with narrow 1`] = ` bold={false} invert={false} size="medium" - /> + > + Text + `; diff --git a/packages/CalloutParagraph/package.json b/packages/CalloutParagraph/package.json index bd0c2fb4d..a46004422 100644 --- a/packages/CalloutParagraph/package.json +++ b/packages/CalloutParagraph/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-callout-paragraph", - "version": "0.1.0", + "version": "0.1.1", "description": "", "main": "index.cjs.js", "module": "index.es.js", @@ -27,7 +27,7 @@ }, "dependencies": { "@tds/core-paragraph": "^2.0.12", - "@tds/util-helpers": "^1.2.0", + "@tds/util-helpers": "^1.5.0", "prop-types": "^15.6.2" } } diff --git a/packages/DatePicker/CHANGELOG.md b/packages/DatePicker/CHANGELOG.md index c2ce115bb..015965264 100644 --- a/packages/DatePicker/CHANGELOG.md +++ b/packages/DatePicker/CHANGELOG.md @@ -3,6 +3,17 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [1.0.4](https://github.com/telus/tds-community/compare/@tds/community-date-picker@1.0.3...@tds/community-date-picker@1.0.4) (2020-09-09) + + +### Bug Fixes + +* **community-date-picker:** update util-helpers version ([e042fbe](https://github.com/telus/tds-community/commit/e042fbe0b37a3d423b5f4115f28b069d3726485d)) + + + + + ## [1.0.3](https://github.com/telus/tds-community/compare/@tds/community-date-picker@1.0.2...@tds/community-date-picker@1.0.3) (2020-06-12) **Note:** Version bump only for package @tds/community-date-picker diff --git a/packages/DatePicker/package.json b/packages/DatePicker/package.json index a88edd513..c758288d4 100644 --- a/packages/DatePicker/package.json +++ b/packages/DatePicker/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-date-picker", - "version": "1.0.3", + "version": "1.0.4", "description": "", "main": "index.cjs.js", "module": "index.es.js", @@ -31,7 +31,7 @@ "@tds/core-decorative-icon": "^2.6.4", "@tds/core-responsive": "^1.3.3", "@tds/shared-typography": "^1.3.5", - "@tds/util-helpers": "^1.2.0", + "@tds/util-helpers": "^1.5.0", "prop-types": "^15.6.2", "react-dates": "^21.4.0", "react-moment-proptypes": "^1.6.0" diff --git a/packages/InputGroup/CHANGELOG.md b/packages/InputGroup/CHANGELOG.md index 28f4175cc..971b79276 100644 --- a/packages/InputGroup/CHANGELOG.md +++ b/packages/InputGroup/CHANGELOG.md @@ -3,6 +3,25 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [1.0.3](https://github.com/telus/tds-community/compare/@tds/community-input-group@1.0.2...@tds/community-input-group@1.0.3) (2020-09-09) + + +### Bug Fixes + +* **community-input-group:** update util-helpers version ([3a73655](https://github.com/telus/tds-community/commit/3a73655fe834d07c982e00147e3f2ea6baa52f05)) + + + + + +## [1.0.2](https://github.com/telus/tds-community/compare/@tds/community-input-group@1.0.1...@tds/community-input-group@1.0.2) (2020-07-31) + +**Note:** Version bump only for package @tds/community-input-group + + + + + ## [1.0.1](https://github.com/telus/tds-community/compare/@tds/community-input-group@1.0.0...@tds/community-input-group@1.0.1) (2020-04-13) diff --git a/packages/InputGroup/package.json b/packages/InputGroup/package.json index b70e2ff59..ae94d148a 100644 --- a/packages/InputGroup/package.json +++ b/packages/InputGroup/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-input-group", - "version": "1.0.1", + "version": "1.0.3", "description": "", "main": "index.cjs.js", "module": "index.es.js", @@ -29,10 +29,10 @@ "@tds/core-a11y-content": "^2.1.5", "@tds/core-box": "^2.1.3", "@tds/core-decorative-icon": "^2.6.4", - "@tds/core-interactive-icon": "^2.0.0", + "@tds/core-interactive-icon": "^2.1.0", "@tds/core-strong": "^2.1.10", - "@tds/core-text": "^3.0.4", - "@tds/util-helpers": "^1.2.0", + "@tds/core-text": "^3.1.1", + "@tds/util-helpers": "^1.5.0", "prop-types": "^15.6.2" } } diff --git a/packages/MiniExpandCollapse/CHANGELOG.md b/packages/MiniExpandCollapse/CHANGELOG.md new file mode 100644 index 000000000..fcea05616 --- /dev/null +++ b/packages/MiniExpandCollapse/CHANGELOG.md @@ -0,0 +1,50 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +## [0.1.1](https://github.com/telus/tds-community/compare/@tds/community-mini-expand-collapse@0.1.0...@tds/community-mini-expand-collapse@0.1.1) (2020-09-22) + + +### Bug Fixes + +* **community-mini-expand-collapse:** adding missing prop ([60d6ded](https://github.com/telus/tds-community/commit/60d6dedc2debfb40f2e52737806b7f1170f9c3e4)) + + +### Reverts + +* **publish:** update packages ([6760c9e](https://github.com/telus/tds-community/commit/6760c9e97ddb564239f4bbd61b249e5f437938ff)) + + + + + +# 0.1.0 (2020-09-09) + + +### Bug Fixes + +* **community-mini-expand-collapse:** update prop types ([f864436](https://github.com/telus/tds-community/commit/f864436b4d151692e865c16bba2d28b11d51cda7)) +* **community-mini-expand-collapse:** update proptype ([622fd7f](https://github.com/telus/tds-community/commit/622fd7ff6cdc61e7a8538cdd5d056974ce93042d)) + + +### Features + +* **community-mini-expand-collapse:** mini expand collapse ([deb3a07](https://github.com/telus/tds-community/commit/deb3a07f78ea4d56cdcea49a41eb09da90605991)) + + + + + +# 0.1.0 (2020-09-09) + + +### Bug Fixes + +* **community-mini-expand-collapse:** update prop types ([f864436](https://github.com/telus/tds-community/commit/f864436b4d151692e865c16bba2d28b11d51cda7)) +* **community-mini-expand-collapse:** update proptype ([622fd7f](https://github.com/telus/tds-community/commit/622fd7ff6cdc61e7a8538cdd5d056974ce93042d)) + + +### Features + +* **community-mini-expand-collapse:** mini expand collapse ([deb3a07](https://github.com/telus/tds-community/commit/deb3a07f78ea4d56cdcea49a41eb09da90605991)) diff --git a/packages/MiniExpandCollapse/Link/Link.jsx b/packages/MiniExpandCollapse/Link/Link.jsx new file mode 100644 index 000000000..146fadfbc --- /dev/null +++ b/packages/MiniExpandCollapse/Link/Link.jsx @@ -0,0 +1,120 @@ +import React from 'react' +import PropTypes from 'prop-types' +import styled from 'styled-components' +import { buttons } from '@tds/shared-styles' +import { small, medium, large } from '@tds/shared-typography' +import { colorGreyShark, colorWhite, colorGainsboro, colorGreyRaven } from '@tds/core-colours' +import { CaretDown, CaretUp } from '@tds/core-interactive-icon' +import { responsiveProps } from '@tds/util-prop-types' +import A11yContent from '@tds/core-a11y-content' +import { handleResponsiveStyles } from '@tds/util-helpers' +import createIconSizeProp from '../createIconSizeProp' + +const states = ({ invert }) => { + return { + '&:hover': { + textDecoration: 'none', + }, + '&:active': { + color: invert && colorGainsboro, + backgroundColor: invert ? 'rgba(0,0,0,0.4)' : colorGainsboro, + borderRadius: '0.25rem', + padding: '0.125rem', + margin: '-0.125rem', + textDecoration: 'underline', + }, + '&:focus': { + border: `0.125rem solid ${invert ? colorWhite : colorGreyRaven}`, + padding: '0.125rem', + margin: '-0.25rem', + borderRadius: '0.25rem', + outline: 'none', + }, + } +} + +const titleSize = props => + handleResponsiveStyles({ size: props.size }, ({ size }) => { + if (size === 'small') { + return small + } else if (size === 'medium') { + return medium + } + return large + }) + +const LinkButton = styled.button( + buttons.noStyle, + states, + titleSize, + { + color: colorGreyShark, + textDecoration: 'underline', + textAlign: 'left', + '& > svg': { + verticalAlign: 'middle', + marginLeft: '0.25rem', + marginRight: '-0.25rem', + }, + }, + ({ invert, context }) => { + if (context.inheritColor) { + return { + color: 'inherit', + } + } + if (invert) { + return { + color: colorWhite, + } + } + return {} + } +) + +const Link = ( + { expandTitle, collapseTitle, isPanelOpen, togglePanel, size, invert, a11yLabel }, + context +) => { + const handleClick = e => { + e.preventDefault() + togglePanel() + } + + return ( + + {isPanelOpen && expandTitle ? expandTitle : collapseTitle} + {a11yLabel && {a11yLabel}} + {isPanelOpen ? ( + + ) : ( + + )} + + ) +} + +Link.propTypes = { + expandTitle: PropTypes.string, + collapseTitle: PropTypes.string.isRequired, + isPanelOpen: PropTypes.bool.isRequired, + togglePanel: PropTypes.func.isRequired, + size: responsiveProps(PropTypes.oneOf(['small', 'medium', 'large'])).isRequired, + invert: PropTypes.bool, + a11yLabel: PropTypes.string, +} + +Link.defaultProps = { + expandTitle: null, + invert: false, + a11yLabel: undefined, +} + +export default Link diff --git a/packages/MiniExpandCollapse/MiniExpandCollapse.jsx b/packages/MiniExpandCollapse/MiniExpandCollapse.jsx new file mode 100644 index 000000000..9be4c9f26 --- /dev/null +++ b/packages/MiniExpandCollapse/MiniExpandCollapse.jsx @@ -0,0 +1,77 @@ +import React, { useRef, useState, useEffect } from 'react' +import PropTypes from 'prop-types' +import { FadeAndReveal } from '@tds/shared-animation' +import { responsiveProps } from '@tds/util-prop-types' + +import Link from './Link/Link' + +/** + * A hyperlink to expand target content currently not in view. + * @version ./package.json + * @visibleName MiniExpandCollapse (beta) + */ +const MiniExpandCollapse = ({ children, expandTitle, collapseTitle, size, invert, a11yLabel }) => { + const contentRef = useRef(null) + const [isPanelOpen, setPanel] = useState(false) + const [contentHeight, setContentHeight] = useState(0) + const togglePanel = () => { + setPanel(!isPanelOpen) + } + useEffect(() => { + if (contentRef.current.offsetHeight !== contentHeight) { + setContentHeight(contentRef.current.offsetHeight) + } + }, [contentHeight]) + + return ( +
+ + + {() =>
{children}
} + +
+ ) +} + +MiniExpandCollapse.propTypes = { + /** + * Link text when content is collapsed/hidden. + */ + collapseTitle: PropTypes.string.isRequired, + /** + * Link text when target content is expanded. Defaults to collapse title. + */ + expandTitle: PropTypes.string, + /** + * Required. Size of link text and icon. One of `small, medium, large` as a [**responsive prop**](#responsiveProps). + */ + size: responsiveProps(PropTypes.oneOf(['small', 'medium', 'large'])).isRequired, + /** + * Invert the style to appear light on dark backgrounds. + */ + invert: PropTypes.bool, + /** + * Additional title text to provide more context for users using screen readers. + */ + a11yLabel: PropTypes.string, + /** + * Target content to expand downward. Can be text, any HTML element, or any component. + */ + children: PropTypes.node.isRequired, +} + +MiniExpandCollapse.defaultProps = { + expandTitle: null, + invert: false, + a11yLabel: undefined, +} + +export default MiniExpandCollapse diff --git a/packages/MiniExpandCollapse/MiniExpandCollapse.md b/packages/MiniExpandCollapse/MiniExpandCollapse.md new file mode 100644 index 000000000..e17d18b32 --- /dev/null +++ b/packages/MiniExpandCollapse/MiniExpandCollapse.md @@ -0,0 +1,116 @@ +Similar to ExpandCollapse. Clicking on the hyperlink triggers target content to display in a panel directly below CTA. + +### Usage criteria + +- Mainly used to answer a question potentially posed by a user regarding information they could interpret as unclear +- Should provide more details than a Tooltip +- Expand/collapse titles should be kept short and if possible, sentence case should be used +- Titles should be lead by a strong action word +- Note: unlike `ExpandCollapse`, the panel housing the target content has no inherent spacing + +```jsx + + + + As a TELUS customer, you pay one month in advance for your upcoming services. Because you + changed your services mid-way through your billing cycle, we will: + +
+ + + Credit you for XX days you already paid for with you previous plan, but didn't use + + + Charge you for the remaining XX days of your billing cycle based on the new plan and add-ons + you just activated. + + +
+ + The difference between these amount is what forms the one-time credit you'll see on your next + bill only. + + + +``` + +```jsx + + + + + + + + + Buries Drop Wire + $2.00 + + + Jacks/Outlet + $75.00 + + + UPS Battery + $30.00 + + + + + + + +``` + +```jsx { "props": { "className": "docs_purple-block" } } + + + + + + + + + + Buries Drop Wire + + + $2.00 + + + + + Jacks/Outlet + + + $75.00 + + + + + UPS Battery + + + $30.00 + + + + + + + + +``` diff --git a/packages/MiniExpandCollapse/README.md b/packages/MiniExpandCollapse/README.md new file mode 100644 index 000000000..1fa6a0726 --- /dev/null +++ b/packages/MiniExpandCollapse/README.md @@ -0,0 +1 @@ +# TDS Community: MiniExpandCollapse diff --git a/packages/MiniExpandCollapse/__tests__/MiniExpandCollapse.spec.jsx b/packages/MiniExpandCollapse/__tests__/MiniExpandCollapse.spec.jsx new file mode 100644 index 000000000..f9d8e2d13 --- /dev/null +++ b/packages/MiniExpandCollapse/__tests__/MiniExpandCollapse.spec.jsx @@ -0,0 +1,67 @@ +import React from 'react' +import { shallow, mount } from 'enzyme' +import Box from '@tds/core-box' +import Paragraph from '@tds/core-paragraph' + +import MiniExpandCollapse from '../MiniExpandCollapse' + +describe('MiniExpandCollapse', () => { + const doShallow = () => + shallow( + + + The content to be expanded. + + + ) + + const doMount = () => + mount( + + + The content to be expanded. + + + ) + + it('renders correctly', () => { + const miniExpandCollapse = doShallow() + expect(miniExpandCollapse).toMatchSnapshot() + }) + + it('renders children', () => { + const miniExpandCollapse = doMount() + expect(miniExpandCollapse.find('Paragraph').exists()).toBeTruthy() + }) + + it('renders a title correctly', () => { + const miniExpandCollapse = doMount() + expect( + miniExpandCollapse + .find('Link') + .children() + .text() + ).toEqual('Show details') + }) + + it('renders an interactive icon', () => { + const miniExpandCollapse = doMount() + expect(miniExpandCollapse.find('CaretDown').exists()).toBeTruthy() + }) + + it('renders A11y content', () => { + const miniExpandCollapse = mount( + + + The content to be expanded. + + + ) + expect(miniExpandCollapse.find('A11yContent').exists()).toBeTruthy() + }) +}) diff --git a/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap b/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap new file mode 100644 index 000000000..ae8afa788 --- /dev/null +++ b/packages/MiniExpandCollapse/__tests__/__snapshots__/MiniExpandCollapse.spec.jsx.snap @@ -0,0 +1,23 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`MiniExpandCollapse renders correctly 1`] = ` +
+ + + + +
+`; diff --git a/packages/MiniExpandCollapse/createIconSizeProp.js b/packages/MiniExpandCollapse/createIconSizeProp.js new file mode 100644 index 000000000..514d4d6d8 --- /dev/null +++ b/packages/MiniExpandCollapse/createIconSizeProp.js @@ -0,0 +1,17 @@ +const createIconSizeProp = size => { + if (typeof size === 'object' && size !== null) { + const iconSize = {} + Object.keys(size).map(breakpoint => { + if (size[breakpoint] === 'small') { + iconSize[breakpoint] = 20 + } else { + iconSize[breakpoint] = 24 + } + return breakpoint + }) + return iconSize + } + return size === 'small' ? 20 : 24 +} + +export default createIconSizeProp diff --git a/packages/MiniExpandCollapse/index.cjs.js b/packages/MiniExpandCollapse/index.cjs.js new file mode 100644 index 000000000..000d5fdb5 --- /dev/null +++ b/packages/MiniExpandCollapse/index.cjs.js @@ -0,0 +1,3 @@ +const MiniExpandCollapse = require('./dist/index.cjs') + +module.exports = MiniExpandCollapse diff --git a/packages/MiniExpandCollapse/index.es.js b/packages/MiniExpandCollapse/index.es.js new file mode 100644 index 000000000..806f1c8ee --- /dev/null +++ b/packages/MiniExpandCollapse/index.es.js @@ -0,0 +1,3 @@ +import MiniExpandCollapse from './dist/index.es' + +export default MiniExpandCollapse diff --git a/packages/MiniExpandCollapse/package.json b/packages/MiniExpandCollapse/package.json new file mode 100644 index 000000000..56db04d0a --- /dev/null +++ b/packages/MiniExpandCollapse/package.json @@ -0,0 +1,39 @@ +{ + "name": "@tds/community-mini-expand-collapse", + "version": "0.1.1", + "description": "", + "main": "index.cjs.js", + "module": "index.es.js", + "license": "MIT", + "repository": { + "type": "git", + "url": "git+https://github.com/telus/tds-community.git" + }, + "publishConfig": { + "access": "public" + }, + "author": "TELUS digital", + "engines": { + "node": ">=8" + }, + "bugs": { + "url": "https://github.com/telus/tds-community/issues" + }, + "homepage": "http://tds.telus.com", + "peerDependencies": { + "react": "^16.8.2", + "react-dom": "^16.8.2", + "styled-components": "^4.1.3" + }, + "dependencies": { + "@tds/core-a11y-content": "^2.1.5", + "@tds/core-colours": "^2.2.1", + "@tds/core-interactive-icon": "^2.1.0", + "@tds/shared-animation": "^3.0.0", + "@tds/shared-styles": "^1.5.2", + "@tds/shared-typography": "^1.3.5", + "@tds/util-helpers": "^1.5.0", + "@tds/util-prop-types": "^1.4.0", + "prop-types": "^15.6.2" + } +} diff --git a/packages/MiniExpandCollapse/rollup.config.js b/packages/MiniExpandCollapse/rollup.config.js new file mode 100644 index 000000000..91309142d --- /dev/null +++ b/packages/MiniExpandCollapse/rollup.config.js @@ -0,0 +1,7 @@ +import configure from '../../config/rollup.config' +import { dependencies } from './package.json' + +export default configure({ + input: './MiniExpandCollapse.jsx', + dependencies, +}) diff --git a/packages/Modal/CHANGELOG.md b/packages/Modal/CHANGELOG.md index 6391c81b3..f51963844 100644 --- a/packages/Modal/CHANGELOG.md +++ b/packages/Modal/CHANGELOG.md @@ -3,6 +3,17 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [1.1.1](https://github.com/telus/tds-community/compare/@tds/community-modal@1.1.0...@tds/community-modal@1.1.1) (2020-09-09) + + +### Bug Fixes + +* **community-modal:** update util-helpers version ([78e9d46](https://github.com/telus/tds-community/commit/78e9d46d049b669d03c763524dc0e959b7f3c79d)) + + + + + # [1.1.0](https://github.com/telus/tds-community/compare/@tds/community-modal@1.0.0...@tds/community-modal@1.1.0) (2020-07-10) diff --git a/packages/Modal/package.json b/packages/Modal/package.json index 8029dea5c..5f3e34f53 100644 --- a/packages/Modal/package.json +++ b/packages/Modal/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-modal", - "version": "1.1.0", + "version": "1.1.1", "description": "", "main": "index.cjs.js", "module": "index.es.js", @@ -30,11 +30,11 @@ "@tds/core-button": "^2.1.14", "@tds/core-colours": "^2.2.1", "@tds/core-heading": "^3.0.4", - "@tds/core-interactive-icon": "^2.0.0", + "@tds/core-interactive-icon": "^2.1.0", "@tds/core-paragraph": "^2.0.12", "@tds/core-responsive": "^1.3.3", "@tds/shared-hocs": "^1.2.0", - "@tds/util-helpers": "^1.2.0", + "@tds/util-helpers": "^1.5.0", "prop-types": "^15.6.2" } } diff --git a/packages/Pagination/CHANGELOG.md b/packages/Pagination/CHANGELOG.md index 2dcb746e2..5ffcfa78e 100644 --- a/packages/Pagination/CHANGELOG.md +++ b/packages/Pagination/CHANGELOG.md @@ -3,6 +3,17 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [2.0.4](https://github.com/telus/tds-community/compare/@tds/community-pagination@2.0.3...@tds/community-pagination@2.0.4) (2020-09-09) + + +### Bug Fixes + +* **community-pagination:** update util-helpers version ([5608ead](https://github.com/telus/tds-community/commit/5608ead0196621e3114300129c769721cdcbcab6)) + + + + + ## [2.0.3](https://github.com/telus/tds-community/compare/@tds/community-pagination@2.0.2...@tds/community-pagination@2.0.3) (2020-03-20) **Note:** Version bump only for package @tds/community-pagination diff --git a/packages/Pagination/package.json b/packages/Pagination/package.json index 0dc1d9932..71c1d826a 100644 --- a/packages/Pagination/package.json +++ b/packages/Pagination/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-pagination", - "version": "2.0.3", + "version": "2.0.4", "description": "", "main": "index.cjs.js", "module": "index.es.js", @@ -30,7 +30,7 @@ "@tds/core-colours": "^2.2.1", "@tds/core-decorative-icon": "^2.6.4", "@tds/core-responsive": "^1.3.3", - "@tds/util-helpers": "^1.2.0", + "@tds/util-helpers": "^1.5.0", "prop-types": "^15.6.2", "string-hash": "^1.1.3" } diff --git a/packages/PreviewCard/CHANGELOG.md b/packages/PreviewCard/CHANGELOG.md index 32f38fd6e..f4e76570c 100644 --- a/packages/PreviewCard/CHANGELOG.md +++ b/packages/PreviewCard/CHANGELOG.md @@ -3,6 +3,33 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [1.1.7](https://github.com/telus/tds-community/compare/@tds/community-preview-card@1.1.6...@tds/community-preview-card@1.1.7) (2020-09-09) + +**Note:** Version bump only for package @tds/community-preview-card + + + + + +## [1.1.6](https://github.com/telus/tds-community/compare/@tds/community-preview-card@1.1.5...@tds/community-preview-card@1.1.6) (2020-09-09) + + +### Bug Fixes + +* **community-preview-card:** update util-helpers version ([35205b1](https://github.com/telus/tds-community/commit/35205b11cd77a13339403f74cbc7809074fc2ff7)) + + + + + +## [1.1.5](https://github.com/telus/tds-community/compare/@tds/community-preview-card@1.1.4...@tds/community-preview-card@1.1.5) (2020-07-31) + +**Note:** Version bump only for package @tds/community-preview-card + + + + + ## [1.1.4](https://github.com/telus/tds-community/compare/@tds/community-preview-card@1.1.3...@tds/community-preview-card@1.1.4) (2020-04-13) **Note:** Version bump only for package @tds/community-preview-card diff --git a/packages/PreviewCard/package.json b/packages/PreviewCard/package.json index 22e55ae60..90acb6707 100644 --- a/packages/PreviewCard/package.json +++ b/packages/PreviewCard/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-preview-card", - "version": "1.1.4", + "version": "1.1.7", "description": "", "main": "index.cjs.js", "module": "index.es.js", @@ -28,9 +28,9 @@ "dependencies": { "@tds/core-box": "^2.1.3", "@tds/core-colours": "^2.2.1", - "@tds/core-text": "^3.0.4", - "@tds/util-helpers": "^1.2.0", - "@tds/util-prop-types": "^1.3.2", + "@tds/core-text": "^3.1.1", + "@tds/util-helpers": "^1.5.0", + "@tds/util-prop-types": "^1.4.0", "prop-types": "^15.6.2" } } diff --git a/packages/Progress/CHANGELOG.md b/packages/Progress/CHANGELOG.md index 27917db49..2e26570cb 100644 --- a/packages/Progress/CHANGELOG.md +++ b/packages/Progress/CHANGELOG.md @@ -3,6 +3,17 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [2.0.1](https://github.com/telusdigital/tds-community/compare/@tds/community-progress@2.0.0...@tds/community-progress@2.0.1) (2020-09-09) + + +### Bug Fixes + +* **community-progress:** update util-helpers version ([c87783c](https://github.com/telusdigital/tds-community/commit/c87783cfee95f1774a6afec938af5dc8161ac4f4)) + + + + + # [2.0.0](https://github.com/telusdigital/tds-community/compare/@tds/community-progress@1.0.2...@tds/community-progress@2.0.0) (2020-02-07) diff --git a/packages/Progress/package.json b/packages/Progress/package.json index b1cf7fa5f..07dcddb77 100644 --- a/packages/Progress/package.json +++ b/packages/Progress/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-progress", - "version": "2.0.0", + "version": "2.0.1", "description": "A progress indicator. Can be used to indicated usage for example.", "main": "index.cjs.js", "module": "index.es.js", @@ -28,7 +28,7 @@ "dependencies": { "@tds/core-colours": "^2.2.1", "@tds/core-responsive": "^1.3.3", - "@tds/util-helpers": "^1.2.0", + "@tds/util-helpers": "^1.5.0", "prop-types": "^15.6.2" } } diff --git a/packages/QuietButton/CHANGELOG.md b/packages/QuietButton/CHANGELOG.md index 59f2a8601..42a01b0a5 100644 --- a/packages/QuietButton/CHANGELOG.md +++ b/packages/QuietButton/CHANGELOG.md @@ -3,6 +3,17 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.1.2](https://github.com/telus/tds-community/compare/@tds/community-quiet-button@0.1.1...@tds/community-quiet-button@0.1.2) (2020-09-09) + + +### Bug Fixes + +* **community-quiet-button:** update util-helpers version ([4789296](https://github.com/telus/tds-community/commit/4789296c77ce434c129c41b5f227bf3410b14f4c)) + + + + + ## [0.1.1](https://github.com/telus/tds-community/compare/@tds/community-quiet-button@0.1.0...@tds/community-quiet-button@0.1.1) (2020-06-19) **Note:** Version bump only for package @tds/community-quiet-button diff --git a/packages/QuietButton/QuietButton.jsx b/packages/QuietButton/QuietButton.jsx index 882abeb9b..1376abb86 100644 --- a/packages/QuietButton/QuietButton.jsx +++ b/packages/QuietButton/QuietButton.jsx @@ -1,5 +1,14 @@ import React from 'react' import styled from 'styled-components' +import Box from '@tds/core-box' +import { + colorGreyRaven, + colorWhite, + colorGreyShuttle, + colorGreyGainsboro, + colorGreyShark, +} from '@tds/core-colours' +import { componentWithName } from '@tds/util-prop-types' import { safeRest } from '@tds/util-helpers' import { small } from '@tds/shared-typography' import { borders } from '@tds/shared-styles' @@ -7,29 +16,28 @@ import PropTypes from 'prop-types' const baseButton = { boxSizing: 'border-box', - margin: '2px', - padding: '0px 16px 0px 16px', + margin: '0.125rem', cursor: 'pointer', - background: '#FFFFFF', + background: colorWhite, transition: 'all 0.2s ease-in-out', - minWidth: '44px', - height: '28px', - border: '1px solid #71757B', + minWidth: '2.75rem', + minHeight: '1.75rem', + border: `0.0625rem solid ${colorGreyRaven}`, position: 'relative', - borderRadius: '3px', - color: '#2A2C2E', + borderRadius: '0.1875rem', + color: colorGreyShark, '&:hover': { - boxShadow: '0 0 0 2px #71757B', - midWidth: '72px', + boxShadow: `0 0 0 0.125rem ${colorGreyRaven}`, + midWidth: '4.5rem', }, '&:active': { - border: '1px solid #54595F', - boxShadow: '0 0 0 2px #54595F', - background: '#D8D8D8', + border: `0.0625rem solid ${colorGreyShuttle}`, + boxShadow: `0 0 0 0.125rem ${colorGreyShuttle}`, + background: colorGreyGainsboro, }, '&:focus': { - background: '#FFFFFF', - boxShadow: '0 0 0 2px #71757B,0 0 0 2px #FFFFFF inset, 0 0 0 3px #54595F inset', + background: colorWhite, + boxShadow: `0 0 0 0.125rem ${colorGreyRaven}, 0 0 0 0.125rem ${colorWhite} inset, 0 0 0 0.1875rem ${colorGreyShuttle} inset`, outline: 'none !important', }, '@media (prefers-reduced-motion: reduce)': { @@ -39,16 +47,20 @@ const baseButton = { const btnWrapper = { display: 'flex', flexDirection: 'row', - alignItems: 'center', - padding: '3px 0px 5px 0px', + alignItems: 'flex-start', '& svg': { - margin: '-3px 0 -5px 0', + margin: '-0.125rem 0rem -0.3125rem 0rem', }, } const spaceWrapper = { - paddingRight: '4px', + paddingRight: '0.25rem', } +const StyledBox = styled(Box)` + padding-top: 0.125rem; + padding-bottom: 0.3125rem; +` + const StyledQuietButton = styled.button(baseButton, small, borders.rounded) const ButtonWrapper = styled.div(btnWrapper) const SpaceWrapper = styled.div(spaceWrapper) @@ -72,7 +84,9 @@ const QuietButton = ({ children, ...rest }) => { return ( - {spaceFunction(childrenArray)} + + {spaceFunction(childrenArray)} + ) } @@ -82,7 +96,16 @@ QuietButton.propTypes = { * Button children. */ - children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired, + children: PropTypes.oneOfType([ + PropTypes.arrayOf( + PropTypes.oneOfType([ + PropTypes.string, + componentWithName('A11yContent'), + componentWithName('Dependent', true), + ]) + ), + PropTypes.string, + ]).isRequired, } export default QuietButton diff --git a/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap b/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap index 94ebb08f3..8f0b8c75c 100644 --- a/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap +++ b/packages/QuietButton/__tests__/__snapshots__/QuietButton.spec.jsx.snap @@ -1,20 +1,33 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`QuietButton renders 1`] = ` +.c2 { + display: block; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.c1 { + padding-top: 0.125rem; + padding-bottom: 0.3125rem; +} + .c0 { box-sizing: border-box; - margin: 2px; - padding: 0px 16px 0px 16px; + margin: 0.125rem; cursor: pointer; - background: #FFFFFF; + background: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; - min-width: 44px; - height: 28px; - border: 1px solid #71757B; + min-width: 2.75rem; + min-height: 1.75rem; + border: 0.0625rem solid #71757b; position: relative; - border-radius: 3px; - color: #2A2C2E; + border-radius: 0.1875rem; + color: #2a2c2e; word-wrap: break-word; font-size: 0.875rem; -webkit-letter-spacing: -0.6px; @@ -26,23 +39,23 @@ exports[`QuietButton renders 1`] = ` } .c0:hover { - box-shadow: 0 0 0 2px #71757B; - mid-width: 72px; + box-shadow: 0 0 0 0.125rem #71757b; + mid-width: 4.5rem; } .c0:active { - border: 1px solid #54595F; - box-shadow: 0 0 0 2px #54595F; - background: #D8D8D8; + border: 0.0625rem solid #54595f; + box-shadow: 0 0 0 0.125rem #54595f; + background: #d8d8d8; } .c0:focus { - background: #FFFFFF; - box-shadow: 0 0 0 2px #71757B,0 0 0 2px #FFFFFF inset,0 0 0 3px #54595F inset; + background: #fff; + box-shadow: 0 0 0 0.125rem #71757b,0 0 0 0.125rem #fff inset,0 0 0 0.1875rem #54595f inset; outline: none !important; } -.c1 { +.c3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -50,19 +63,18 @@ exports[`QuietButton renders 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding: 3px 0px 5px 0px; + -webkit-align-items: flex-start; + -webkit-box-align: flex-start; + -ms-flex-align: flex-start; + align-items: flex-start; } -.c1 svg { - margin: -3px 0 -5px 0; +.c3 svg { + margin: -0.125rem 0rem -0.3125rem 0rem; } -.c2 { - padding-right: 4px; +.c4 { + padding-right: 0.25rem; } @media (prefers-reduced-motion:reduce) { @@ -82,34 +94,33 @@ exports[`QuietButton renders 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "QuietButton__StyledQuietButton-sc-1anctzy-0", + "componentId": "QuietButton__StyledQuietButton-sc-1anctzy-1", "isStatic": false, "lastClassName": "c0", "rules": Array [ "box-sizing: border-box;", - "margin: 2px;", - "padding: 0px 16px 0px 16px;", + "margin: 0.125rem;", "cursor: pointer;", - "background: #FFFFFF;", + "background: #fff;", "transition: all 0.2s ease-in-out;", - "min-width: 44px;", - "height: 28px;", - "border: 1px solid #71757B;", + "min-width: 2.75rem;", + "min-height: 1.75rem;", + "border: 0.0625rem solid #71757b;", "position: relative;", - "border-radius: 3px;", - "color: #2A2C2E;", + "border-radius: 0.1875rem;", + "color: #2a2c2e;", "&:hover {", - "box-shadow: 0 0 0 2px #71757B;", - "mid-width: 72px;", + "box-shadow: 0 0 0 0.125rem #71757b;", + "mid-width: 4.5rem;", "}", "&:active {", - "border: 1px solid #54595F;", - "box-shadow: 0 0 0 2px #54595F;", - "background: #D8D8D8;", + "border: 0.0625rem solid #54595f;", + "box-shadow: 0 0 0 0.125rem #54595f;", + "background: #d8d8d8;", "}", "&:focus {", - "background: #FFFFFF;", - "box-shadow: 0 0 0 2px #71757B,0 0 0 2px #FFFFFF inset, 0 0 0 3px #54595F inset;", + "background: #fff;", + "box-shadow: 0 0 0 0.125rem #71757b, 0 0 0 0.125rem #fff inset, 0 0 0 0.1875rem #54595f inset;", "outline: none !important;", "}", "@media (prefers-reduced-motion: reduce) {", @@ -125,7 +136,7 @@ exports[`QuietButton renders 1`] = ` "displayName": "QuietButton__StyledQuietButton", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "QuietButton__StyledQuietButton-sc-1anctzy-0", + "styledComponentId": "QuietButton__StyledQuietButton-sc-1anctzy-1", "target": "button", "toString": [Function], "warnTooManyClasses": [Function], @@ -139,61 +150,71 @@ exports[`QuietButton renders 1`] = ` className="c0" type="button" > - + -
-
- Words + + +
+ + +
+ Words +
+ + +
+ +
- -
+ + - + diff --git a/packages/QuietButton/package.json b/packages/QuietButton/package.json index 6c0ae7b43..22ee98ff4 100644 --- a/packages/QuietButton/package.json +++ b/packages/QuietButton/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-quiet-button", - "version": "0.1.1", + "version": "0.1.2", "description": "", "main": "index.cjs.js", "module": "index.es.js", @@ -26,9 +26,12 @@ "styled-components": "^4.1.3" }, "dependencies": { + "@tds/core-box": "^2.1.3", + "@tds/core-colours": "^2.2.1", "@tds/shared-styles": "^1.5.2", "@tds/shared-typography": "^1.3.5", - "@tds/util-helpers": "^1.2.0", + "@tds/util-helpers": "^1.5.0", + "@tds/util-prop-types": "^1.3.2", "prop-types": "^15.6.2" } } diff --git a/packages/Ribbon/CHANGELOG.md b/packages/Ribbon/CHANGELOG.md index 076cca872..e1352252b 100644 --- a/packages/Ribbon/CHANGELOG.md +++ b/packages/Ribbon/CHANGELOG.md @@ -3,6 +3,25 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [1.0.4](https://github.com/telus/tds-community/compare/@tds/community-ribbon@1.0.3...@tds/community-ribbon@1.0.4) (2020-09-09) + + +### Bug Fixes + +* **community-ribbon:** update util-helpers version ([ec0fbea](https://github.com/telus/tds-community/commit/ec0fbeade8d4877789ac0809ad05cbf473bb0942)) + + + + + +## [1.0.3](https://github.com/telus/tds-community/compare/@tds/community-ribbon@1.0.2...@tds/community-ribbon@1.0.3) (2020-07-31) + +**Note:** Version bump only for package @tds/community-ribbon + + + + + ## [1.0.2](https://github.com/telus/tds-community/compare/@tds/community-ribbon@1.0.1...@tds/community-ribbon@1.0.2) (2020-03-19) **Note:** Version bump only for package @tds/community-ribbon diff --git a/packages/Ribbon/package.json b/packages/Ribbon/package.json index 91f722cc4..a91cf61f9 100644 --- a/packages/Ribbon/package.json +++ b/packages/Ribbon/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-ribbon", - "version": "1.0.2", + "version": "1.0.4", "description": "", "main": "index.cjs.js", "module": "index.es.js", @@ -27,8 +27,8 @@ }, "dependencies": { "@tds/core-colours": "^2.2.1", - "@tds/core-text": "^3.0.4", - "@tds/util-helpers": "^1.2.0", + "@tds/core-text": "^3.1.1", + "@tds/util-helpers": "^1.5.0", "prop-types": "^15.6.2" } } diff --git a/packages/SideNavigation/CHANGELOG.md b/packages/SideNavigation/CHANGELOG.md index 4a378cc78..b0db57ec0 100644 --- a/packages/SideNavigation/CHANGELOG.md +++ b/packages/SideNavigation/CHANGELOG.md @@ -3,6 +3,33 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [3.0.11](https://github.com/telus/tds-community/compare/@tds/community-side-navigation@3.0.10...@tds/community-side-navigation@3.0.11) (2020-09-09) + +**Note:** Version bump only for package @tds/community-side-navigation + + + + + +## [3.0.10](https://github.com/telus/tds-community/compare/@tds/community-side-navigation@3.0.9...@tds/community-side-navigation@3.0.10) (2020-09-09) + + +### Bug Fixes + +* **community-side-navigation:** update util-helpers version ([7fcc82a](https://github.com/telus/tds-community/commit/7fcc82a87d82895ed6882a7f6677f009f796abf5)) + + + + + +## [3.0.9](https://github.com/telus/tds-community/compare/@tds/community-side-navigation@3.0.8...@tds/community-side-navigation@3.0.9) (2020-07-31) + +**Note:** Version bump only for package @tds/community-side-navigation + + + + + ## [3.0.8](https://github.com/telus/tds-community/compare/@tds/community-side-navigation@3.0.7...@tds/community-side-navigation@3.0.8) (2020-06-12) **Note:** Version bump only for package @tds/community-side-navigation diff --git a/packages/SideNavigation/package.json b/packages/SideNavigation/package.json index c4357f178..1275e82bc 100644 --- a/packages/SideNavigation/package.json +++ b/packages/SideNavigation/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-side-navigation", - "version": "3.0.8", + "version": "3.0.11", "description": "", "main": "index.cjs.js", "module": "index.es.js", @@ -29,11 +29,11 @@ "@tds/core-box": "^2.1.3", "@tds/core-colours": "^2.2.1", "@tds/core-decorative-icon": "^2.6.4", - "@tds/core-text": "^3.0.4", + "@tds/core-text": "^3.1.1", "@tds/shared-animation": "^2.0.1", "@tds/shared-typography": "^1.3.5", - "@tds/util-helpers": "^1.2.0", - "@tds/util-prop-types": "^1.3.2", + "@tds/util-helpers": "^1.5.0", + "@tds/util-prop-types": "^1.4.0", "prop-types": "^15.6.2" } } diff --git a/packages/Skeleton/CHANGELOG.md b/packages/Skeleton/CHANGELOG.md index 3cd8a0c69..a2dd7089b 100644 --- a/packages/Skeleton/CHANGELOG.md +++ b/packages/Skeleton/CHANGELOG.md @@ -3,6 +3,17 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [3.0.3](https://github.com/telus/tds-community/compare/@tds/community-skeleton@3.0.2...@tds/community-skeleton@3.0.3) (2020-09-09) + + +### Bug Fixes + +* **community-skeleton:** update util-helpers version ([4d7f67f](https://github.com/telus/tds-community/commit/4d7f67ff65561b0972bd53259c450e8198611697)) + + + + + ## [3.0.2](https://github.com/telus/tds-community/compare/@tds/community-skeleton@3.0.1...@tds/community-skeleton@3.0.2) (2020-03-19) **Note:** Version bump only for package @tds/community-skeleton diff --git a/packages/Skeleton/package.json b/packages/Skeleton/package.json index 47bff7051..e421ee8f1 100644 --- a/packages/Skeleton/package.json +++ b/packages/Skeleton/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-skeleton", - "version": "3.0.2", + "version": "3.0.3", "description": "", "main": "index.cjs.js", "module": "index.es.js", @@ -27,7 +27,7 @@ }, "dependencies": { "@tds/core-colours": "^2.2.1", - "@tds/util-helpers": "^1.2.0", + "@tds/util-helpers": "^1.5.0", "prop-types": "^15.6.2" } } diff --git a/packages/SkeletonProvider/CHANGELOG.md b/packages/SkeletonProvider/CHANGELOG.md index 01754dc74..5fac77946 100644 --- a/packages/SkeletonProvider/CHANGELOG.md +++ b/packages/SkeletonProvider/CHANGELOG.md @@ -3,6 +3,17 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [2.0.6](https://github.com/telus/tds-community/compare/@tds/community-skeleton-provider@2.0.5...@tds/community-skeleton-provider@2.0.6) (2020-09-09) + + +### Bug Fixes + +* **community-skeleton-provider:** update util-helpers version ([c7d23dc](https://github.com/telus/tds-community/commit/c7d23dc4b03dc5964a0d4940ed8b5729129a175a)) + + + + + ## [2.0.5](https://github.com/telus/tds-community/compare/@tds/community-skeleton-provider@2.0.4...@tds/community-skeleton-provider@2.0.5) (2020-04-13) **Note:** Version bump only for package @tds/community-skeleton-provider diff --git a/packages/SkeletonProvider/package.json b/packages/SkeletonProvider/package.json index 073fcdd38..60abae59d 100644 --- a/packages/SkeletonProvider/package.json +++ b/packages/SkeletonProvider/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-skeleton-provider", - "version": "2.0.5", + "version": "2.0.6", "description": "", "main": "index.cjs.js", "module": "index.es.js", @@ -30,7 +30,7 @@ }, "dependencies": { "@tds/core-colours": "^2.2.1", - "@tds/util-helpers": "^1.2.0", + "@tds/util-helpers": "^1.5.0", "prop-types": "^15.6.2", "recompose": "^0.30.0", "uuid": "^3.3.2" diff --git a/packages/Tabs/CHANGELOG.md b/packages/Tabs/CHANGELOG.md new file mode 100644 index 000000000..260dfe5f6 --- /dev/null +++ b/packages/Tabs/CHANGELOG.md @@ -0,0 +1,51 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +## [0.1.2](https://github.com/telus/tds-community/compare/@tds/community-tabs@0.1.1...@tds/community-tabs@0.1.2) (2020-09-22) + +**Note:** Version bump only for package @tds/community-tabs + + + + + +## [0.1.1](https://github.com/telus/tds-community/compare/@tds/community-tabs@0.1.0...@tds/community-tabs@0.1.1) (2020-09-22) + + +### Bug Fixes + +* **community-tabs:** removing unnecessary dep ([e94e7c8](https://github.com/telus/tds-community/commit/e94e7c8f1de7531b039dbff8282fd775c4d4f9c4)) +* **community-tabs:** updating deps ([e8ead25](https://github.com/telus/tds-community/commit/e8ead25326af2283119eab2f5e88a49538e47bf7)) +* **community-tabs:** updating deps ([51b2f11](https://github.com/telus/tds-community/commit/51b2f11282dd3a4b244916800e802e808869c939)) +* **community-tabs:** updating deps ([20a362a](https://github.com/telus/tds-community/commit/20a362a4e0087807f144dd81880cfae3f040ed8e)) + + +### Reverts + +* **publish:** update packages ([6760c9e](https://github.com/telus/tds-community/commit/6760c9e97ddb564239f4bbd61b249e5f437938ff)) + + + + + +# 0.1.0 (2020-09-10) + + +### Bug Fixes + +* **community-tabs:** adjusting spacing ([15c3e55](https://github.com/telus/tds-community/commit/15c3e5563810c438ffd259285237f9efa690ddaa)) + + +### Features + +* **community-tabs:** added tab panel in tabs component ([753d23c](https://github.com/telus/tds-community/commit/753d23caa1e5f4d057bf2511edab6652cc8d02e6)) +* **community-tabs:** changing to Tabs ([68ebc99](https://github.com/telus/tds-community/commit/68ebc99b8ca968fae51943bf9b128ff38c913bf5)) +* **community-tabs:** changing to tabs heading ([e37d8af](https://github.com/telus/tds-community/commit/e37d8aff7b62979d0eb9b8b12e4e81f657305489)) +* **community-tabs:** conflict resolved ([5e9de04](https://github.com/telus/tds-community/commit/5e9de0478a0bfbaf6d86734f4a13717533773762)) +* **community-tabs:** created new tabs component ([57f3390](https://github.com/telus/tds-community/commit/57f3390430cc40635fc4f4cc27daeb0f0349f572)) +* **community-tabs:** created new tabs component ([d465ce8](https://github.com/telus/tds-community/commit/d465ce81e997986ffed46c28452fca4e074ac404)) +* **community-tabs:** removed tabswrapper file ([512ae53](https://github.com/telus/tds-community/commit/512ae53f4565d47befb9bbe18545417f0074efd9)) +* **community-tabs:** updated package.json version ([f1666fd](https://github.com/telus/tds-community/commit/f1666fd1cbf8aa55d407d01d2bac681a250e2940)) +* **community-tabs:** updated package.json version ([10028f0](https://github.com/telus/tds-community/commit/10028f0a32c401b27f03350a78adec3d63b5c517)) diff --git a/packages/Tabs/Panel/Panel.jsx b/packages/Tabs/Panel/Panel.jsx new file mode 100644 index 000000000..63f32afee --- /dev/null +++ b/packages/Tabs/Panel/Panel.jsx @@ -0,0 +1,19 @@ +import React from 'react' +import PropTypes from 'prop-types' +import { safeRest } from '@tds/util-helpers' + +/** + * Page-able content panels for use with `Pagination` + * + * _This component can only be accessed as a name-spaced component: `Pagination.Panel` ._ + */ +const Panel = ({ children, ...rest }) =>
{children}
+ +Panel.propTypes = { + /** + * The content. Can be text, any HTML element, or any component. + */ + children: PropTypes.node.isRequired, +} + +export default Panel diff --git a/packages/Tabs/README.md b/packages/Tabs/README.md new file mode 100644 index 000000000..7498979e7 --- /dev/null +++ b/packages/Tabs/README.md @@ -0,0 +1 @@ +# TDS Community: Tabs diff --git a/packages/Tabs/Tabs.jsx b/packages/Tabs/Tabs.jsx new file mode 100644 index 000000000..eeaf16449 --- /dev/null +++ b/packages/Tabs/Tabs.jsx @@ -0,0 +1,143 @@ +import React, { useRef, useState, useEffect } from 'react' +import PropTypes from 'prop-types' +import FlexGrid from '@tds/core-flex-grid' +import { safeRest } from '@tds/util-helpers' +import { ChevronRight, ChevronLeft } from '@tds/core-interactive-icon' +import { Tab, Tabs as ReactTabs, TabList, TabPanel } from 'react-tabs' +import { TabsContainer, TabListContainer, TabLabel, TabArrows } from './styles' +import hash from './hash' +import Panel from './Panel/Panel' +/** + * @version ./package.json + * @visibleName Tabs (beta) + */ + +const Tabs = props => { + const tabsRoot = useRef() + const [tabsContainerWidth, setTabsContainerWidth] = useState() + const [tabsTranslatePosition, setTabsTranslatePosition] = useState(0) + const [isScrollEnabled, setScrollEnabled] = useState(false) + const [isLeftArrow, setIsLeftArrow] = useState(false) + const [isRightArrow, setIsRightArrow] = useState(false) + const [current, setCurrent] = useState(0) + const fullWithRef = useRef(0) + const { children, ...rest } = props + + const currentIndex = i => { + setCurrent(i) + } + const _nodes = new Map() + const getTabsWidth = () => { + let totalTabsWidth = 0 + Object.keys(_nodes).forEach(key => { + const value = _nodes[key] + if (value && value.node && value.node.offsetWidth) { + totalTabsWidth += value.node.offsetWidth + } + }) + + if (tabsRoot.current.offsetWidth < totalTabsWidth) { + setTabsContainerWidth(`${totalTabsWidth}px`) + fullWithRef.current = totalTabsWidth + setIsRightArrow(true) + return setScrollEnabled(true) + } + return setScrollEnabled(false) + } + const setRef = (tabRef, i) => { + _nodes[i] = tabRef + } + const mapTabs = () => { + if (props.children.length > 0) { + return props.children.map((tab, i) => { + return ( + setRef(tabRef, i)} key={hash(i)} onClick={() => currentIndex(i)}> + {tab.props.heading} + + ) + }) + } + return '' + } + + const mapTabContent = () => { + if (props.children.length > 0) { + return props.children.map((tab, i) => { + return ( + + + + + {children[current]} + + + + + ) + }) + } + return '' + } + + const scrollTabs = direction => { + let currentPosition = tabsTranslatePosition + if (direction === 'right') { + currentPosition -= 100 + setIsLeftArrow(true) + } + if (direction === 'left') { + currentPosition += 100 + setIsRightArrow(true) + } + if ( + Math.abs(currentPosition) + tabsRoot.current.offsetWidth >= fullWithRef.current && + currentPosition < 0 + ) { + setIsRightArrow(false) + } + if (currentPosition === 0) { + setIsLeftArrow(false) + } + setTabsTranslatePosition(currentPosition) + } + useEffect(() => { + if (typeof window !== 'undefined') { + setTimeout(() => getTabsWidth(), 100) + } + }, []) + return ( + + + + + {isLeftArrow && ( + scrollTabs('left')}> + + + )} + + + {mapTabs()} + + {mapTabContent()} + + {isRightArrow && ( + scrollTabs('right')}> + + + )} + + + + + ) +} + +Tabs.propTypes = { + /** + * The tab panels. Must be at least one ``. + */ + children: PropTypes.node.isRequired, +} +Tabs.Panel = Panel +export default Tabs diff --git a/packages/Tabs/Tabs.md b/packages/Tabs/Tabs.md new file mode 100644 index 000000000..8a27e7707 --- /dev/null +++ b/packages/Tabs/Tabs.md @@ -0,0 +1,21 @@ +### Usage criteria + +Use `Tabs` according to props data +Note that the `copy` prop must be provided at all times for the correct accessible text. + +```jsx + + + Choose from more than 40 options and customize them any time in your online account or on the My + TELUS app. + + + Choose from more than 15 options and customize them any time in your online account or on the My + TELUS app. + + + A great selection of channels from major Canadian and U.S. networks, plus get 72 Stingray music + channels. + + +``` diff --git a/packages/Tabs/__tests__/Tabs.spec.jsx b/packages/Tabs/__tests__/Tabs.spec.jsx new file mode 100644 index 000000000..8bacea64a --- /dev/null +++ b/packages/Tabs/__tests__/Tabs.spec.jsx @@ -0,0 +1,32 @@ +import React from 'react' +import { mount } from 'enzyme' + +import Tabs from '../Tabs' + +describe('Tabs', () => { + const children = ( + + Content 1 + Content 2 + Content 3 + + ) + const doMount = () => mount(children) + + it('renders', () => { + const tabs = doMount() + expect(tabs).toMatchSnapshot() + }) + it('does other things', () => { + const tabs = doMount() + expect(tabs).toExist() + }) + it('does not allow custom CSS', () => { + const tabs = doMount({ + className: 'my-custom-class', + style: { color: 'hotpink' }, + }) + expect(tabs).not.toHaveProp('className', 'my-custom-class') + expect(tabs).not.toHaveProp('style') + }) +}) diff --git a/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap b/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap new file mode 100644 index 000000000..0b357ed5f --- /dev/null +++ b/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap @@ -0,0 +1,1528 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Tabs renders 1`] = ` +div.c3 { + padding-left: 0; + padding-right: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +div.c6 { + padding-left: 1rem; + padding-right: 1rem; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.c2 { + width: 100%; +} + +div.c2 { + margin: 0 auto; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.c1 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 auto; + width: 100%; +} + +div.c1 { + padding: 0; +} + +.c0 { + position: relative; +} + +.c0 .react-tabs { + overflow-x: hidden; +} + +.c0 .react-tabs__tab-list { + -webkit-transition: 0.9s all ease; + transition: 0.9s all ease; + -webkit-transform: translate3d(0px,0px,0px); + -ms-transform: translate3d(0px,0px,0px); + transform: translate3d(0px,0px,0px); + white-space: nowrap; +} + +.c0 .react-tabs__tab { + display: inline-block; + cursor: pointer; + padding: 0 24px; + min-width: 44px; + text-align: center; + position: relative; +} + +.c0 .react-tabs__tab:first-child { + padding-left: 0; +} + +.c0 .react-tabs__tab:last-child { + padding-right: 0; +} + +.c0 .react-tabs__tab:hover span { + text-shadow: 0px 0px 1px #2a2c2e; + border-bottom: 4px solid #d8d8d8; +} + +.c0 .react-tabs__tab:active span, +.c0 .react-tabs__tab.react-tabs__tab--selected span { + text-shadow: 0px 0px 1px #2a2c2e; + border-bottom: 4px solid #71747a; +} + +.c0 .react-tabs__tab-panel { + display: none; +} + +.c0 .react-tabs__tab-panel.react-tabs__tab-panel--selected { + display: block; +} + +.c4 { + border-bottom: 1px solid #d8d8d8; + position: relative; + margin-bottom: 8px; +} + +.c4:after { + content: ''; + position: absolute; + top: 100%; + left: 0; + width: 100%; + height: 32px; + background-image: radial-gradient( at center top,rgba(150,150,150,0.1) 0%,rgba(0,0,0,0) 70% ); + padding: 0px; + margin: 0px; + border-width: 0px; +} + +.c5 { + height: 100%; + display: block; + padding-bottom: 8px; + border-bottom: 4px solid transparent; +} + +@media (max-width:575px) { + .c3 { + display: block; + text-align: inherit; + } +} + +@media (min-width:576px) { + .c3 { + display: block; + text-align: inherit; + } +} + +@media (min-width:768px) { + .c3 { + display: block; + text-align: inherit; + } +} + +@media (min-width:992px) { + .c3 { + display: block; + text-align: inherit; + } +} + +@media (min-width:1200px) { + .c3 { + display: block; + text-align: inherit; + } +} + +@media (max-width:575px) { + .c6 { + display: block; + text-align: inherit; + } +} + +@media (min-width:576px) { + .c6 { + display: block; + text-align: inherit; + } +} + +@media (min-width:768px) { + .c6 { + display: block; + text-align: inherit; + } +} + +@media (min-width:992px) { + .c6 { + display: block; + text-align: inherit; + } +} + +@media (min-width:1200px) { + .c6 { + display: block; + text-align: inherit; + } +} + +@media (max-width:575px) { + div.c2 { + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + } +} + +@media (min-width:576px) { + div.c2 { + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + } +} + +@media (min-width:768px) { + div.c2 { + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + } +} + +@media (min-width:992px) { + div.c2 { + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + } +} + +@media (min-width:1200px) { + div.c2 { + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + } +} + +@media (max-width:575px) { + .c1 { + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} + +@media (min-width:576px) { + .c1 { + max-width: 36rem; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} + +@media (min-width:768px) { + .c1 { + max-width: 48rem; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} + +@media (min-width:992px) { + .c1 { + max-width: 62rem; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} + +@media (min-width:1200px) { + .c1 { + max-width: 75rem; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} + + + + +
+
+
+
+
+
    + + + +
+
+
+
+
+
+
+
+ Content 1 +
+
+
+
+
+
+
+
+
+
+
+
+
, + } + } + positionToMove={0} + > +
+ + + + + +
+ + + + + +
+ + + + + +
+ + +
+ + +
+ +
    + + + + + + + + + +
+ +
+ + + +
+ + + + + +
+ + + + + +
+ + + + + +
+ +
+ +
+ Content 1 +
+ +
+ +
+ + + + + +
+ + + + + +
+ + + + + +
+ + +
+ + +
+ +
+ + +
+ + + + + +
+ + + + + +
+ + + + + +
+ + + +`; diff --git a/packages/Tabs/hash.js b/packages/Tabs/hash.js new file mode 100644 index 000000000..3f1c04cb8 --- /dev/null +++ b/packages/Tabs/hash.js @@ -0,0 +1,26 @@ +import stringHash from 'string-hash' + +const JSONSafeStringify = input => { + let cache = [] + const result = JSON.stringify(input, (key, value) => { + if (typeof value !== 'object' || value === null) { + return value + } + if (cache.includes(value)) { + // Circular reference found, discard key + return undefined + } + // Store value in our collection + cache.push(value) + return value + }) + cache = null // Enable garbage collection + return result +} + +const hash = obj => { + if (!obj) return 0 + return typeof obj !== 'string' ? stringHash(JSONSafeStringify(obj)) : stringHash(obj) +} + +export default hash diff --git a/packages/Tabs/index.cjs.js b/packages/Tabs/index.cjs.js new file mode 100644 index 000000000..6474b5a0c --- /dev/null +++ b/packages/Tabs/index.cjs.js @@ -0,0 +1,3 @@ +const Tabs = require('./dist/index.cjs') + +module.exports = Tabs diff --git a/packages/Tabs/index.es.js b/packages/Tabs/index.es.js new file mode 100644 index 000000000..5a4b1c2b6 --- /dev/null +++ b/packages/Tabs/index.es.js @@ -0,0 +1,3 @@ +import Tabs from './dist/index.es' + +export default Tabs diff --git a/packages/Tabs/package.json b/packages/Tabs/package.json new file mode 100644 index 000000000..3859f7de0 --- /dev/null +++ b/packages/Tabs/package.json @@ -0,0 +1,36 @@ +{ + "name": "@tds/community-tabs", + "version": "0.1.2", + "description": "", + "main": "index.cjs.js", + "module": "index.es.js", + "license": "MIT", + "repository": { + "type": "git", + "url": "git+https://github.com/telus/tds-community.git" + }, + "publishConfig": { + "access": "public" + }, + "author": "TELUS digital", + "engines": { + "node": ">=8" + }, + "bugs": { + "url": "https://github.com/telus/tds-community/issues" + }, + "homepage": "http://tds.telus.com", + "peerDependencies": { + "react": "^16.8.2", + "react-dom": "^16.8.2", + "styled-components": "^4.1.3" + }, + "dependencies": { + "@tds/core-flex-grid": "^4.0.1", + "@tds/core-interactive-icon": "^2.1.0", + "@tds/util-helpers": "^1.5.0", + "prop-types": "^15.6.2", + "react-tabs": "^3.1.1", + "string-hash": "^1.1.3" + } +} diff --git a/packages/Tabs/rollup.config.js b/packages/Tabs/rollup.config.js new file mode 100644 index 000000000..be54c4027 --- /dev/null +++ b/packages/Tabs/rollup.config.js @@ -0,0 +1,7 @@ +import configure from '../../config/rollup.config' +import { dependencies } from './package.json' + +export default configure({ + input: './Tabs.jsx', + dependencies, +}) diff --git a/packages/Tabs/styles.jsx b/packages/Tabs/styles.jsx new file mode 100644 index 000000000..6d76535f5 --- /dev/null +++ b/packages/Tabs/styles.jsx @@ -0,0 +1,114 @@ +import styled, { css } from 'styled-components' + +export const TabsContainer = styled.div` + position: relative; + .react-tabs { + overflow-x: hidden; + } + + .react-tabs__tab-list { + transition: 0.9s all ease; + transform: translate3d(${props => props.positionToMove}px, 0px, 0px); + white-space: nowrap; + } + + .react-tabs__tab { + display: inline-block; + cursor: pointer; + padding: 0 24px; + min-width: 44px; + text-align: center; + position: relative; + + &:first-child { + padding-left: 0; + } + &:last-child { + padding-right: 0; + } + + &:hover { + span { + text-shadow: 0px 0px 1px #2a2c2e; + border-bottom: 4px solid #d8d8d8; + } + } + + &:active, + &.react-tabs__tab--selected { + span { + text-shadow: 0px 0px 1px #2a2c2e; + border-bottom: 4px solid #71747a; + } + } + } + + .react-tabs__tab-panel { + display: none; + + &.react-tabs__tab-panel--selected { + display: block; + } + } +` + +export const TabListContainer = styled.div` + border-bottom: 1px solid #d8d8d8; + position: relative; + margin-bottom: 8px; + &:after { + content: ''; + position: absolute; + top: 100%; + left: 0; + width: 100%; + height: 32px; + background-image: radial-gradient( + at center top, + rgba(150, 150, 150, 0.1) 0%, + rgba(0, 0, 0, 0) 70% + ); + padding: 0px; + margin: 0px; + border-width: 0px; + } +` + +export const TabLabel = styled.span` + height: 100%; + display: block; + padding-bottom: 8px; + border-bottom: 4px solid transparent; +` + +export const TabArrows = styled.div` + position: absolute; + top: 0; + background: #fff; + z-index: 10; + cursor: pointer; + + ${props => + props.direction === 'left' && + css` + left: 0; + border-right: 1px solid #d8d8d8; + `}; + + ${props => + props.direction === 'right' && + css` + right: 0; + border-left: 1px solid #d8d8d8; + `}; + + &:after { + content: ''; + position: absolute; + left: 0; + bottom: -5px; + width: 100%; + height: 5px; + background: #fff; + } +` diff --git a/packages/Tags/CHANGELOG.md b/packages/Tags/CHANGELOG.md index c16fae84b..a7d6e1e88 100644 --- a/packages/Tags/CHANGELOG.md +++ b/packages/Tags/CHANGELOG.md @@ -3,6 +3,25 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [1.0.4](https://github.com/telus/tds-community/compare/@tds/community-tags@1.0.3...@tds/community-tags@1.0.4) (2020-09-09) + +**Note:** Version bump only for package @tds/community-tags + + + + + +## [1.0.3](https://github.com/telus/tds-community/compare/@tds/community-tags@1.0.2...@tds/community-tags@1.0.3) (2020-09-09) + + +### Bug Fixes + +* **community-tags:** update util-helpers version ([16c5df2](https://github.com/telus/tds-community/commit/16c5df252080f0010b76a26841e3ed197e69b303)) + + + + + ## [1.0.2](https://github.com/telus/tds-community/compare/@tds/community-tags@1.0.1...@tds/community-tags@1.0.2) (2020-04-13) **Note:** Version bump only for package @tds/community-tags diff --git a/packages/Tags/package.json b/packages/Tags/package.json index cb1b6fb34..cb5ec62cb 100644 --- a/packages/Tags/package.json +++ b/packages/Tags/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-tags", - "version": "1.0.2", + "version": "1.0.4", "description": "", "main": "index.cjs.js", "module": "index.es.js", @@ -30,9 +30,9 @@ "@tds/core-box": "^2.1.3", "@tds/core-colours": "^2.2.1", "@tds/core-heading": "^3.0.4", - "@tds/core-interactive-icon": "^2.0.0", - "@tds/util-helpers": "^1.2.0", - "@tds/util-prop-types": "^1.3.2", + "@tds/core-interactive-icon": "^2.1.0", + "@tds/util-helpers": "^1.5.0", + "@tds/util-prop-types": "^1.4.0", "prop-types": "^15.6.2" } } diff --git a/packages/Testimonial/CHANGELOG.md b/packages/Testimonial/CHANGELOG.md index 693f2c45f..bbc91cd17 100644 --- a/packages/Testimonial/CHANGELOG.md +++ b/packages/Testimonial/CHANGELOG.md @@ -3,6 +3,25 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [3.0.5](https://github.com/telus/tds-community/compare/@tds/community-testimonial@3.0.4...@tds/community-testimonial@3.0.5) (2020-09-09) + +**Note:** Version bump only for package @tds/community-testimonial + + + + + +## [3.0.4](https://github.com/telus/tds-community/compare/@tds/community-testimonial@3.0.3...@tds/community-testimonial@3.0.4) (2020-09-09) + + +### Bug Fixes + +* **community-testimonial:** update util-helpers version ([10b8c5a](https://github.com/telus/tds-community/commit/10b8c5a3461cc916f1a90799eb7ef593835b7421)) + + + + + ## [3.0.3](https://github.com/telus/tds-community/compare/@tds/community-testimonial@3.0.2...@tds/community-testimonial@3.0.3) (2020-04-13) **Note:** Version bump only for package @tds/community-testimonial diff --git a/packages/Testimonial/package.json b/packages/Testimonial/package.json index 95b476111..f213b4749 100644 --- a/packages/Testimonial/package.json +++ b/packages/Testimonial/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-testimonial", - "version": "3.0.3", + "version": "3.0.5", "description": "", "main": "index.cjs.js", "module": "index.es.js", @@ -30,8 +30,8 @@ "@tds/core-heading": "^3.0.4", "@tds/core-paragraph": "^2.0.12", "@tds/core-responsive": "^1.3.3", - "@tds/util-helpers": "^1.2.0", - "@tds/util-prop-types": "^1.3.2", + "@tds/util-helpers": "^1.5.0", + "@tds/util-prop-types": "^1.4.0", "prop-types": "^15.6.2" } } diff --git a/packages/Toast/CHANGELOG.md b/packages/Toast/CHANGELOG.md new file mode 100644 index 000000000..3db829a70 --- /dev/null +++ b/packages/Toast/CHANGELOG.md @@ -0,0 +1,22 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +## [0.1.1](https://github.com/telus/tds-community/compare/@tds/community-toast@0.1.0...@tds/community-toast@0.1.1) (2020-09-09) + + +### Bug Fixes + +* **community-toast:** update util-helpers version ([316c7d0](https://github.com/telus/tds-community/commit/316c7d08cacb2a459c102661881c875d047dce98)) + + + + + +# 0.1.0 (2020-07-31) + + +### Features + +* **community-toast:** add new toast component ([edd30c4](https://github.com/telus/tds-community/commit/edd30c47be89fdfbc75eeb42bc6c62fff37740c4)) diff --git a/packages/Toast/README.md b/packages/Toast/README.md new file mode 100644 index 000000000..22429cb98 --- /dev/null +++ b/packages/Toast/README.md @@ -0,0 +1 @@ +# TDS Community: Toast diff --git a/packages/Toast/Toast.jsx b/packages/Toast/Toast.jsx new file mode 100644 index 000000000..e6d3b56c3 --- /dev/null +++ b/packages/Toast/Toast.jsx @@ -0,0 +1,160 @@ +import React from 'react' +import PropTypes from 'prop-types' +import styled, { keyframes, css } from 'styled-components' +import { safeRest } from '@tds/util-helpers' +import Text from '@tds/core-text' +import Strong from '@tds/core-strong' +import ChevronLink from '@tds/core-chevron-link' +import { + colorAccessibleGreen, + colorWhiteLilac, + colorWhite, + colorShark, + colorGreyAthens, +} from '@tds/core-colours' + +const STYLE_VARIANTS = { + DEFAULT: 'default', + TOAST: 'toast', + LIGHT: 'light', +} + +const transform = property => (from, to) => keyframes` + from { + ${property}: ${from}; + } + to { + ${property}: ${to}; + } +` + +const { DEFAULT, TOAST, LIGHT } = STYLE_VARIANTS + +const CONTAINER_MIN_HEIGHT = 60 + +const Container = styled.div( + ({ variant }) => ({ + display: 'flex', + flexFlow: 'row wrap', + justifyContent: 'center', + alignItems: 'center', + fontFamily: 'Helvetica Neue, Helvetica, Arial, sans-serif', + fontSize: '1rem', + overflow: 'hidden', + height: 0, + minHeight: 0, + background: colorAccessibleGreen, + ...(variant !== TOAST && { + height: 'auto', + minHeight: CONTAINER_MIN_HEIGHT, + background: variant === DEFAULT ? colorWhiteLilac : colorGreyAthens, + }), + }), + ({ variant }) => + variant !== TOAST + ? null + : css` + animation: ${transform('height')('0px', 'auto')} 1s ease-in-out 2s forwards, + ${transform('min-height')('0px', `${CONTAINER_MIN_HEIGHT}px`)} 1s ease-in-out 2s + forwards, + ${transform('background')(colorAccessibleGreen, colorGreyAthens)} 1s ease-in-out 3.2s + forwards; + ` +) + +export const StyledParagraphWrapper = styled.div( + ({ variant }) => ({ + padding: '1rem', + 'a span': { + paddingLeft: '0.2rem', + }, + 'a > span': { + display: 'inline-flex', + }, + strong: { + paddingRight: '0.2rem', + }, + ...(variant !== TOAST && { + span: { + color: colorShark, + }, + 'a span': { + color: colorAccessibleGreen, + paddingLeft: '0.2rem', + }, + 'a > span': { + display: 'inline-flex', + }, + }), + }), + ({ variant }) => + variant !== TOAST + ? null + : css` + span { + color: ${colorWhite}; + animation: ${transform('color')(colorWhite, colorShark)} 1s ease-in-out 3s forwards; + } + , + a span { + color: ${colorWhite}; + animation: ${transform('color')(colorWhite, colorAccessibleGreen)} 0.6s ease-in-out 3s + forwards; + } + ` +) + +/** + * @version ./package.json + * @visibleName Toast (beta) + */ +const Toast = ({ headline, copy, link, dataId, variant, ...rest }) => ( + + + + {headline && {`${headline} `}} + {copy} + {link && ( + + {` ${link.text}`} + + )} + + + +) + +Toast.propTypes = { + /** + * Required text that will appear in the component. + */ + copy: PropTypes.string.isRequired, + /** + * Optional bolded copy that will appear before the copy. + */ + headline: PropTypes.string, + /** + * Optional data attribute needed for E2E test target + */ + dataId: PropTypes.string, + /** + * Optional link details that will appear after the copy. + */ + link: PropTypes.shape({ + href: PropTypes.string, + text: PropTypes.string, + }), + /** + * Optional variant to decide what kind of component will be loaded. + */ + variant: PropTypes.oneOf([TOAST, DEFAULT, LIGHT]), +} + +Toast.defaultProps = { + headline: '', + link: undefined, + dataId: '', + variant: DEFAULT, +} + +export default Toast diff --git a/packages/Toast/Toast.md b/packages/Toast/Toast.md new file mode 100644 index 000000000..32c43fbb2 --- /dev/null +++ b/packages/Toast/Toast.md @@ -0,0 +1,15 @@ +### Usage criteria + +- To be used when you need a push down notification box +- Change variant to `toast` to see the other variation of the component + +```jsx + +``` diff --git a/packages/Toast/__tests__/Toast.spec.jsx b/packages/Toast/__tests__/Toast.spec.jsx new file mode 100644 index 000000000..a13a1ed58 --- /dev/null +++ b/packages/Toast/__tests__/Toast.spec.jsx @@ -0,0 +1,72 @@ +import React from 'react' +import { shallow } from 'enzyme' + +import Toast from '../Toast' + +const STYLE_VARIANTS = { + DEFAULT: 'default', + TOAST: 'toast', + LIGHT: 'light', +} +const headline = 'Limited time offer.' +const copy = 'Save $100 when you shop online' +const link = { + href: 'https://www.telus.com', + text: 'Learn now', +} + +const { TOAST, LIGHT } = STYLE_VARIANTS + +describe('Toast', () => { + const doShallow = (props = {}) => shallow() + + it('renders', () => { + const toast = doShallow() + + expect(toast).toMatchSnapshot() + }) + + it('does not allow custom CSS', () => { + const toast = doShallow({ + className: 'my-custom-class', + style: { color: 'hotpink' }, + }) + + expect(toast).not.toHaveProp('className', 'my-custom-class') + expect(toast).not.toHaveProp('style') + }) + + it('should render properly with both copy and link provided', () => { + const toast = doShallow(link) + expect(toast).toMatchSnapshot() + }) + + it('should render properly with headline, copy and link provided', () => { + const updatedProp = { + headline, + link, + } + const toast = doShallow(updatedProp) + expect(toast).toMatchSnapshot() + }) + + it('should render properly with toast variant', () => { + const updatedProp = { + headline, + link, + variant: TOAST, + } + const toast = doShallow(updatedProp) + expect(toast).toMatchSnapshot() + }) + + it('should render properly with light variant', () => { + const updatedProp = { + headline, + link, + variant: LIGHT, + } + const toast = doShallow(updatedProp) + expect(toast).toMatchSnapshot() + }) +}) diff --git a/packages/Toast/__tests__/__snapshots__/Toast.spec.jsx.snap b/packages/Toast/__tests__/__snapshots__/Toast.spec.jsx.snap new file mode 100644 index 000000000..ebe51402c --- /dev/null +++ b/packages/Toast/__tests__/__snapshots__/Toast.spec.jsx.snap @@ -0,0 +1,142 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Toast renders 1`] = ` + + + + Save $100 when you shop online + + + +`; + +exports[`Toast should render properly with both copy and link provided 1`] = ` + + + + Save $100 when you shop online + + + +`; + +exports[`Toast should render properly with headline, copy and link provided 1`] = ` + + + + + Limited time offer. + + Save $100 when you shop online + + Learn now + + + + +`; + +exports[`Toast should render properly with light variant 1`] = ` + + + + + Limited time offer. + + Save $100 when you shop online + + Learn now + + + + +`; + +exports[`Toast should render properly with toast variant 1`] = ` + + + + + Limited time offer. + + Save $100 when you shop online + + Learn now + + + + +`; diff --git a/packages/Toast/index.cjs.js b/packages/Toast/index.cjs.js new file mode 100644 index 000000000..d5475ad3d --- /dev/null +++ b/packages/Toast/index.cjs.js @@ -0,0 +1,3 @@ +const Toast = require('./dist/index.cjs') + +module.exports = Toast diff --git a/packages/Toast/index.es.js b/packages/Toast/index.es.js new file mode 100644 index 000000000..264696d41 --- /dev/null +++ b/packages/Toast/index.es.js @@ -0,0 +1,3 @@ +import Toast from './dist/index.es' + +export default Toast diff --git a/packages/Toast/package.json b/packages/Toast/package.json new file mode 100644 index 000000000..69f600622 --- /dev/null +++ b/packages/Toast/package.json @@ -0,0 +1,36 @@ +{ + "name": "@tds/community-toast", + "version": "0.1.1", + "description": "", + "main": "index.cjs.js", + "module": "index.es.js", + "license": "MIT", + "repository": { + "type": "git", + "url": "git+https://github.com/telus/tds-community.git" + }, + "publishConfig": { + "access": "public" + }, + "author": "TELUS digital", + "engines": { + "node": ">=8" + }, + "bugs": { + "url": "https://github.com/telus/tds-community/issues" + }, + "homepage": "http://tds.telus.com", + "peerDependencies": { + "react": "^16.8.2", + "react-dom": "^16.8.2", + "styled-components": "^4.1.3" + }, + "dependencies": { + "@tds/core-chevron-link": "^2.1.16", + "@tds/core-colours": "^2.2.1", + "@tds/core-strong": "^2.1.10", + "@tds/core-text": "^3.1.1", + "@tds/util-helpers": "^1.5.0", + "prop-types": "^15.6.2" + } +} diff --git a/packages/Toast/rollup.config.js b/packages/Toast/rollup.config.js new file mode 100644 index 000000000..f82c6ebf3 --- /dev/null +++ b/packages/Toast/rollup.config.js @@ -0,0 +1,7 @@ +import configure from '../../config/rollup.config' +import { dependencies } from './package.json' + +export default configure({ + input: './Toast.jsx', + dependencies, +}) diff --git a/packages/ToggleSwitch/CHANGELOG.md b/packages/ToggleSwitch/CHANGELOG.md index 1aa1b9d2a..45bc462ff 100644 --- a/packages/ToggleSwitch/CHANGELOG.md +++ b/packages/ToggleSwitch/CHANGELOG.md @@ -3,6 +3,25 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [3.0.5](https://github.com/telus/tds-community/compare/@tds/community-toggle-switch@3.0.4...@tds/community-toggle-switch@3.0.5) (2020-09-09) + + +### Bug Fixes + +* **community-toggle-switch:** update util-helpers version ([f0ee4cb](https://github.com/telus/tds-community/commit/f0ee4cb34205373061f3d19839d8a2929e70d351)) + + + + + +## [3.0.4](https://github.com/telus/tds-community/compare/@tds/community-toggle-switch@3.0.3...@tds/community-toggle-switch@3.0.4) (2020-07-31) + +**Note:** Version bump only for package @tds/community-toggle-switch + + + + + ## [3.0.3](https://github.com/telus/tds-community/compare/@tds/community-toggle-switch@3.0.2...@tds/community-toggle-switch@3.0.3) (2020-04-13) **Note:** Version bump only for package @tds/community-toggle-switch diff --git a/packages/ToggleSwitch/package.json b/packages/ToggleSwitch/package.json index 5c658bca6..ded22fdc1 100644 --- a/packages/ToggleSwitch/package.json +++ b/packages/ToggleSwitch/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-toggle-switch", - "version": "3.0.3", + "version": "3.0.5", "description": "", "main": "index.cjs.js", "module": "index.es.js", @@ -29,9 +29,9 @@ "@tds/core-box": "^2.1.3", "@tds/core-colours": "^2.2.1", "@tds/core-spinner": "^3.1.11", - "@tds/core-text": "^3.0.4", + "@tds/core-text": "^3.1.1", "@tds/core-tooltip": "^4.0.8", - "@tds/util-helpers": "^1.2.0", + "@tds/util-helpers": "^1.5.0", "prop-types": "^15.6.2" } } diff --git a/packages/WaffleGrid/CHANGELOG.md b/packages/WaffleGrid/CHANGELOG.md index e0301e6b9..e518be4e1 100644 --- a/packages/WaffleGrid/CHANGELOG.md +++ b/packages/WaffleGrid/CHANGELOG.md @@ -3,6 +3,17 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.1.1](https://github.com/telus/tds-community/compare/@tds/community-waffle-grid@0.1.0...@tds/community-waffle-grid@0.1.1) (2020-09-09) + + +### Bug Fixes + +* **community-waffle-grid:** update util-helpers version ([c1b9cd8](https://github.com/telus/tds-community/commit/c1b9cd8d588d99bef82278924b86a73809600b94)) + + + + + # 0.1.0 (2020-07-13) diff --git a/packages/WaffleGrid/package.json b/packages/WaffleGrid/package.json index eecf9cfda..332ce9261 100644 --- a/packages/WaffleGrid/package.json +++ b/packages/WaffleGrid/package.json @@ -1,6 +1,6 @@ { "name": "@tds/community-waffle-grid", - "version": "0.1.0", + "version": "0.1.1", "description": "", "main": "index.cjs.js", "module": "index.es.js", @@ -32,7 +32,7 @@ "@tds/core-link": "^2.2.5", "@tds/core-paragraph": "^2.0.12", "@tds/core-responsive": "^1.3.3", - "@tds/util-helpers": "^1.2.0", + "@tds/util-helpers": "^1.5.0", "prop-types": "^15.6.2" } } diff --git a/scripts/update-contributors.js b/scripts/update-contributors.js index 2303665a7..72f8c25b8 100644 --- a/scripts/update-contributors.js +++ b/scripts/update-contributors.js @@ -26,5 +26,3 @@ peopleList spawnSync('all-contributors', ['generate'], { stdio: 'inherit', }) - -spawnSync('git', ['add', '.all-contributorsrc', 'README.md'])